@import url(eleganticons.css);




/* color */
:root {
	--thm-color-one: #ea5b19;
	--thm-color-two: #0fb7b8;
	--thm-color-three: #457b9d;
	--thm-color-white: #fff;
	--thm-color-font: #111e3a;
	--thm-color-lightblue: #f4fafc;
}

/* font */
@font-face {
	font-family: "IRANSansWeb";
	src: url("../fonts/iransansfanum/IRANSansWeb\(FaNum\).eot");
	src: url("../fonts/iransansfanum/IRANSansWeb\(FaNum\).woff2") format("woff2"), url("../fonts/iransansfanum/IRANSansWeb\(FaNum\).woff") format("woff"), url("../fonts/iransansfanum/IRANSansWeb\(FaNum\).ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}


* {
	margin: 0px;
	padding: 0px;
	border: none;
	outline: none;
	font-size: 100%;
	line-height: inherit;
}


body {
	font-family: "IRANSansWeb" !important;
	background: var(--thm-color-white);
	overflow-x: hidden;
}

p {
    font-size: 14px;
}

a {
	text-decoration: none;
	cursor: pointer;
}

	a:hover {
		color: var(--thm-color-one);
	}

	a:hover, a:focus, a:visited {
		text-decoration: none !important;
		outline: none;
	}


h1,
h2,
h3,
h4,
h5,
h6 {
	position: relative;
	font-weight: 600;
	line-height: 1.25em;
	color: var(--thm-color-font);
	font-family: "IRANSansWeb" !important;
}


p {
	line-height: 1.8 !important;
	text-align: justify;
}

ul, li {
	list-style: none;
}

.sec-title {
	font-size: 45px;
	font-weight: 900;
}


/* theme-btn */
.theme-btn {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 19px;
	line-height: 24px;
	color: var(--thm-color-white) !important;
	background: var(--thm-color-one);
	padding: 14px;
	font-weight: 600;
	overflow: hidden;
	border-radius: 30px;
	transition: all .5s;
	min-width: 160px;
	/* max-width: 230px; */
	transition: .5s;
}

	.theme-btn:hover {
		background-color: var(--thm-color-two);
		color: var(--thm-color-white) !important;
	}

	.theme-btn:before {
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
		width: 0%;
		content: "";
		background-color: var(--thm-color-two);
		transition: .5s;
		border-radius: 30px;
	}

	.theme-btn:hover:before {
		width: 100%;
	}

	.theme-btn span {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
	}

		.theme-btn span i {
			margin: 0 5px;
			display: inline-block;
			position: relative;
			font-size: 18px !important;
			transition: .5s;
		}


/* preloader */
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	overflow: hidden;
	background: var(--thm-color-font);
}

	#preloader:before {
		content: "";
		position: fixed;
		top: calc(50% - 30px);
		left: calc(50% - 30px);
		border: 6px solid var(--thm-color-font);
		border-top-color: var(--thm-color-one);
		border-bottom-color: var(--thm-color-one);
		border-radius: 50%;
		width: 60px;
		height: 60px;
		-webkit-animation: animate-preloader 1s linear infinite;
		animation: animate-preloader 1s linear infinite;
	}

@-webkit-keyframes animate-preloader {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes animate-preloader {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}


/* Back to top */
.back-to-top {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	right: 15px;
	bottom: 15px;
	z-index: 996;
	background: var(--thm-color-two);
	width: 50px;
	height: 50px;
	border-radius: 12px;
	transition: all 0.4s;
}

	.back-to-top i {
		font-size: 24px;
		color: var(--thm-color-white);
		line-height: 0;
	}

	.back-to-top:hover {
		background: var(--thm-color-one);
		color: var(--thm-color-white);
	}

	.back-to-top.active {
		visibility: visible;
		opacity: 1;
	}


/* Header */
#header {
	transition: all 0.5s;
	z-index: 997;
	/*padding: 15px 0;
	*/
}

	#header.header-scrolled, #header.header-inner-pages {
		background: var(--thm-color-font);
	}


/* Desktop Navigation  */
.navbar {
	padding: 0;
	width: 100%;
}

	.navbar ul {
		margin: 0;
		padding: 0;
		display: flex;
		list-style: none;
		align-items: center;
		justify-content: center;
	}

	.navbar li {
		position: relative;
		justify-content: center;
		align-items: center;
		margin: 0;
		transition: all 300ms ease;
	}

	.navbar a, .navbar a:focus {
		display: flex;
		align-items: center;
		justify-content: space-between;
		/*padding: 10px 0px 10px 30px;*/
		font-size: 15px;
		font-weight: 500;
		color: var(--thm-color-white);
		white-space: nowrap;
		transition: all 700ms ease;
	}

		.navbar a i, .navbar a:focus i {
			font-size: 12px;
			line-height: 0;
			margin-right: 5px;
		}

		.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
			color: var(--thm-color-white);
		}

	.navbar .dropdown ul {
		display: block;
		position: absolute;
		right: 14px;
		top: calc(100% - 20px) !important;
		margin: 0;
		padding: 10px 0;
		z-index: 99;
		opacity: 0;
		min-width: 200px;
		visibility: hidden;
		background: var(--thm-color-white);
		box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
		transform: translateY(30px);
		transition: .5s;
		border-radius: 12px;
	}

		.navbar .dropdown ul li {
			min-width: 170px;
			display: flex;
			justify-content: start;
			border-bottom: 1px solid #e3e3e3;
			line-height: 24px;
			transition: .5s;
		}

		.navbar .dropdown ul a {
			padding: 10px 20px;
			font-size: 16px;
			text-transform: none;
			font-weight: 600;
			color: var(--thm-color-font);
			transition: .5s;
		}

	.navbar .dropdown > ul > li:last-of-type {
		border-bottom: none !important;
	}

	.navbar .dropdown .dropdowninner > ul > li:last-of-type {
		border-bottom: none !important;
	}

	.navbar .dropdown ul a i {
		display: none;
		font-size: 20px;
		transition: 1s linear 0.7s;
	}

	.navbar .dropdown ul a:hover i {
		display: block;
		font-size: 20px;
		transition: 1s linear 1s;
		transform: translateX(2px);
		color: var(--thm-color-one);
	}


	.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {
		color: var(--thm-color-two);
		transform: scale(1.1);
	}

	.navbar .dropdown:hover > ul {
		opacity: 1;
		top: 100%;
		visibility: visible;
	}

	.navbar .dropdown .dropdowninner ul {
		margin-right: 5px;
		top: calc(100% - 80px) !important;
		right: 0px;
		visibility: hidden;
	}

	.navbar .dropdown .dropdowninner:hover > ul {
		opacity: 1;
		top: 0;
		right: 100%;
		visibility: visible;
	}

	.navbar .dropdown .dropdowninner .icofont-rounded-left {
		display: block;
		visibility: visible;
	}

	.navbar .dropdown .dropdowninner .icofont-rounded-down {
		opacity: 0;
	}

@media (max-width: 1366px) {
	.navbar .dropdown .dropdowninner ul {
		right: 90%;
	}

	.nav-link {
		padding: .55rem;
	}

	.navbar a, .navbar a:focus {
		font-size: 14px
	}

	.navbar .dropdown .dropdowninner:hover > ul {
		right: 100%;
	}
}



/* Mobile Navigation  */
.mobile-nav-toggle {
	color: var(--thm-color-white);
	font-size: 28px;
	cursor: pointer;
	display: none;
	line-height: 0;
	transition: 0.5s;
}

@media (max-width: 1199px) {
	.mobile-nav-toggle {
		display: block;
	}

	.navbar ul {
		display: none;
	}
}

.navbar-mobile {
	position: fixed;
	overflow: hidden;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: var(--thm-color-font);
	transition: 0.3s;
	z-index: 999;
}

	.navbar-mobile .mobile-nav-toggle {
		position: absolute;
		top: 45px;
		left: 35px;
		color: var(--thm-color-white);
	}

	.navbar-mobile ul {
		display: block;
		position: absolute;
		top: 15px;
		right: 5px;
		bottom: 25px;
		left: 10px;
		padding: 10px 0;
		border-radius: 10px;
		color: var(--thm-color-white);
		overflow-y: auto;
		overflow-x: hidden;
		transition: 0.5s;
	}

	.navbar-mobile a, .navbar-mobile a:focus {
		padding: 10px 20px;
		font-size: 15px;
		font-weight: 550;
		color: var(--thm-color-white);
		transition: all 700ms ease;
	}

		.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
			color: var(--thm-color-two);
		}

	.navbar-mobile .dropdown ul {
		position: static;
		display: none;
		margin: -35px 10px 25px;
		padding: 5px 0;
		z-index: 999;
		opacity: 1;
		visibility: visible;
		color: var(--thm-color-white);
		background: transparent;
		box-shadow: none;
	}

		.navbar-mobile .dropdown ul a i {
			display: block;
			font-size: 16px;
			color: var(--thm-color-one);
		}

		.navbar-mobile .dropdown ul a {
			padding: 10px 20px;
			font-size: 11px;
			color: var(--thm-color-white);
		}

		.navbar-mobile .dropdown ul li {
			border-bottom: none;
			display: block;
		}

			.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {
				color: var(--thm-color-two);
			}

	.navbar-mobile .dropdown > .dropdown-active {
		display: block;
	}

	.navbar-mobile .dropdown ul a, .navbar-mobile .dropdown ul a:focus {
		justify-content: start;
	}


	.navbar-mobile .dropdown .dropdowninner > .dropdown-active {
		display: block;
		visibility: visible;
		padding: 0 20px;
	}

	.navbar-mobile .dropdown ul > .dropdown-active {
		display: block;
	}

	.navbar-mobile .dropdown .dropdowninner .icofont-rounded-left {
		opacity: 0;
	}

	.navbar-mobile .dropdown .dropdowninner .icofont-rounded-down {
		opacity: 1;
		color: var(--thm-color-white);
	}
/* search box  */
.openBtn {
	background: var(--thm-color-two);
	color: var(--thm-color-white);
	width: 60px;
	height: 60px;
	border-radius: 50%;
	cursor: pointer;
	transition: .5s;
	font-size: 24px;
}

	.openBtn:hover {
		background: var(--thm-color-one);
	}

.overlay {
	height: 100%;
	width: 100%;
	display: none;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0, 0.9);
}

.overlay-content {
	position: relative;
	top: 46%;
	width: 80%;
	text-align: center;
	margin-top: 30px;
	margin: auto;
}

.overlay .closebtn {
	position: absolute;
	top: 20px;
	right: 45px;
	font-size: 60px;
	cursor: pointer;
	color: var(--thm-color-white);
}

	.overlay .closebtn:hover {
		opacity: 0.70;
	}

.overlay input[type=text] {
	padding: 15px;
	font-size: 17px;
	border: none;
	float: left;
	width: 80%;
	background: var(--thm-color-white);
	border-radius: 10px 0 0 10px;
}

	.overlay input[type=text]:hover {
		background: #f1f1f1;
	}

.overlay button {
	float: left;
	width: 20%;
	padding: 15px;
	background: var(--thm-color-three);
	font-size: 17px;
	border: none;
	cursor: pointer;
	border-radius: 0 10px 10px 0;
}

	.overlay button:hover {
		background: var(--thm-color-one);
	}


/*.navbar {
	padding: 0;
	width: 100%;
  }
  .navbar ul {
	margin: 0;
	padding: 0;
	display: flex;
	list-style: none;
	align-items: center;
	justify-content: center;
	
  }
  .navbar li {
	position: relative;
	justify-content: center;
	align-items: center;
	margin: 0;
	transition: all 300ms ease;
  }
  .navbar a, .navbar a:focus {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0px 10px 30px;
	font-size: 19px;
	font-weight: 500;
	color: var(--thm-color-white);
	white-space: nowrap;
	transition: all 700ms ease;
  }
  .navbar a i, .navbar a:focus i {
	font-size: 12px;
	line-height: 0;
	margin-right: 5px;
  }
  .navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
	color: var(--thm-color-white);
  }
  .navbar .dropdown ul {
	display: block;
	position: absolute;
	right: 14px;
	top: calc(100% - 20px) !important;
	margin: 0;
	padding: 10px 0;
	z-index: 99;
	opacity: 0;
	min-width: 200px;
	visibility: hidden;
	background: var(--thm-color-white);
	box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
	transform: translateY(30px);
	transition: .5s;
	border-radius: 12px;
  }
  .navbar .dropdown ul li {
	min-width: 170px;
	 display: flex;
	 justify-content: start;
	 border-bottom: 1px solid #e3e3e3;
	line-height: 24px;
	transition: .5s;
  }
  .navbar .dropdown ul a {
	padding: 10px 20px;
	font-size: 16px;
	text-transform: none;
	font-weight: 600;
	color: var(--thm-color-font);
	transition: .5s;
  }
  .navbar .dropdown>ul>li:last-child>li {
	border-bottom: 0px !important;
}
  .navbar .dropdown ul a i {
	display: none;
	font-size: 20px;
	transition: 1s linear 0.7s;
  }
  .navbar .dropdown ul a:hover i{
	display: block;
	font-size: 20px;
	transition: 1s linear 1s;
	transform: translateX(2px);

	color: var(--thm-color-one);
  }
 

  .navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover >a {
	color: var(--thm-color-two);
	transform: scale(1.1);
  }
  .navbar .dropdown:hover > ul {
	opacity: 1;
	top: 100%;
	visibility: visible;
  }
	.navbar .dropdown .dropdown ul {
		margin-right: 5px;
		top: calc(100% - 80px) !important;
		right: 0;
		visibility: hidden;
	}
  .navbar .dropdown .dropdown:hover > ul {
	opacity: 1;
	top: 0;
	right: 100%;
	visibility: visible;
  }
  @media (max-width: 1366px) {
	.navbar .dropdown .dropdown ul {
	  right: 90%;
	}
	.navbar .dropdown .dropdown:hover > ul {
	  right: 100%;
	}
  }*/


/* Mobile Navigation  */
/*.mobile-nav-toggle {
	color: var(--thm-color-white);
	font-size: 28px;
	cursor: pointer;
	display: none;
	line-height: 0;
	transition: 0.5s;
	
  }

@media (max-width: 991px) {
	.mobile-nav-toggle {
	  display: block;
	}
  
	.navbar ul {
	  display: none;
	}
  }
  .navbar-mobile  {
	position: fixed;
	overflow: hidden;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: var(--thm-color-font);
	transition: 0.3s;
	z-index: 999;
  }
	.navbar-mobile .mobile-nav-toggle {
		position: absolute;
		top: 35px;
		left: 15px;
		color: var(--thm-color-one);
	}
  .navbar-mobile ul {
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
	bottom: 15px;
	left: 5px;
	padding: 10px 0;
	border-radius: 10px;
	background-color: var(--thm-color-white);
	overflow-y: auto;
	overflow-x: hidden;
	transition: 0.5s;
  }
  .navbar-mobile a, .navbar-mobile a:focus {
	padding: 10px 20px;
	font-size: 16px;
	font-weight: 500;
	color: var(--thm-color-font);
	transition: all 300ms ease;
  }
  .navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
	color: var(--thm-color-two);
  }
  
  .navbar-mobile .dropdown ul {
	position: static;
	display: none;
	margin: 10px 20px;
	padding: 10px 0;
	z-index: 999;
	opacity: 1;
	visibility: visible;
	background: var(--thm-color-white);
	box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
	visibility: hidden;
  }
  .navbar-mobile .dropdown ul li {
	min-width: 170px;
  }
  .navbar-mobile .dropdown ul a {
	padding: 10px 20px;
  }
  .navbar-mobile .dropdown ul a i {
	font-size: 12px;
  }
  .navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {
	color: var(--thm-color-two);
  }
  .navbar-mobile .dropdown > .dropdown-active {
	display: block;
  }*/

/* search-toggler */
/*.search-toggler {
	position: relative;
	background: var(--thm-color-two);
	color: var(--thm-color-white);
	width: 60px;
	height: 60px;
	border-radius: 50%;
	cursor: pointer;
	transition: .5s;
	font-size: 24px;
}

 .search-toggler:hover {
	background-color: var(--thm-color-one);
}*/

/* search-popup */
.search-popup {
	position: fixed;
	right: 0;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 99999;
	visibility: hidden;
	opacity: 0;
	overflow: auto;
	background: rgba(0, 0, 0, 0.90);
	-webkit-transform: translateY(101%);
	-ms-transform: translateY(101%);
	transform: translateY(101%);
	transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-webkit-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
}

	.search-popup.popup-visible {
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
		visibility: visible;
		opacity: 1;
	}

	.search-popup .overlay-layer {
		position: absolute;
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 0px;
		display: block;
	}

	.search-popup .close-search {
		position: absolute;
		left: 25px;
		top: 25px;
		font-size: 22px;
		color: var(--thm-color-white);
		cursor: pointer;
		z-index: 5;
	}

		.search-popup .close-search:hover {
			opacity: 0.70;
		}

	.search-popup .search-form {
		position: relative;
		padding: 0px 15px 0px;
		max-width: 1024px;
		margin: 0 auto;
		margin-top: 150px;
		margin-bottom: 100px;
		transition: all 900ms ease;
		-moz-transition: all 900ms ease;
		-webkit-transition: all 900ms ease;
		-ms-transition: all 900ms ease;
		-o-transition: all 900ms ease;
	}

		.search-popup .search-form fieldset {
			position: relative;
			border: 7px solid rgba(255, 255, 255, 0.50);
			border-radius: 12px;
		}

			.search-popup .search-form fieldset input[type="search"] {
				position: relative;
				height: 70px;
				padding: 20px 30px 20px 220px;
				background: var(--thm-color-white);
				line-height: 30px;
				font-size: 24px;
				color: #233145;
				border-radius: 5px;
			}

			.search-popup .search-form fieldset input[type="submit"] {
				position: absolute;
				display: block;
				left: 0px;
				top: 0px;
				text-align: center;
				width: 220px;
				height: 70px;
				padding: 20px 10px 20px 10px;
				color: var(--thm-color-white) !important;
				line-height: 30px;
				font-size: 20px;
				cursor: pointer;
				text-transform: uppercase;
				border-radius: 5px 0 0 5px;
				background-color: var(--thm-color-one);
			}

				.search-popup .search-form fieldset input[type="submit"]:hover {
					background-color: var(--thm-color-two);
				}

	.search-popup h3 {
		text-transform: uppercase;
		font-size: 20px;
		font-weight: 600;
		color: var(--thm-color-white);
		margin-bottom: 20px;
		letter-spacing: 1px;
		text-align: center;
		display: none;
	}

	.search-popup .recent-searches {
		font-size: 16px;
		color: var(--thm-color-white);
		text-align: center;
		display: none;
	}

		.search-popup .recent-searches li {
			display: inline-block;
			margin: 0px 10px 10px 0px;
		}

			.search-popup .recent-searches li a {
				display: block;
				line-height: 24px;
				border: 1px solid var(--thm-color-white);
				padding: 7px 15px;
				color: var(--thm-color-white);
				border-radius: 3px;
				-webkit-transition: all 0.5s ease;
				-o-transition: all 0.5s ease;
				transition: all 0.5s ease;
			}

	.search-popup .search-form fieldset input[type="search"]:focus {
		border-color: #ddd;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

.search {
	height: 50px;
	position: relative;
}

	.search .input {
		font-size: 18px;
		padding: 5px 10px;
		height: 50px;
		width: 20px;
		border: none;
		background: transparent;
		transition: width .4s ease;
		-webkit-transition: width .4s ease;
		-moz-transition: width .4s ease;
		-ms-transition: width .4s ease;
		-o-transition: width .4s ease;
	}

	.search.active .input {
		width: 300px;
		background: var(--thm-color-white);
	}

	.search .btn {
		padding: 15px;
		border: none;
		background: var(--thm-color-two);
		border-radius: 50%;
		position: absolute;
		color: var(--thm-color-white);
		top: 0;
		right: 0;
		width: 60px;
		height: 60px;
		cursor: pointer;
		box-sizing: border-box;
		transition: right .4s ease;
		-webkit-transition: right .4s ease;
		-moz-transition: right .4s ease;
		-ms-transition: right .4s ease;
		-o-transition: right .4s ease;
		font-size: 24px;
	}

	.search.active .btn {
		right: 300px;
	}

	.search .btn:hover {
		background-color: var(--thm-color-one);
	}

/* banner section */
.banner-section {
	width: 100%;
	height: 120vh;
	background: url(../image/background/Rasol-Azam-MainBackground.png) top center no-repeat;
	background-size: cover;
	padding: 0px 0 90px;
}

	.banner-section h1 {
		position: relative;
		font-size: 70px;
		font-weight: 900;
		line-height: 120px;
	}

	.banner-section h4 {
		font-size: 24px;
		font-weight: 500;
		line-height: 40px;
	}

	.banner-section .theme-btn {
		font-size: 30px;
		line-height: 50px;
		border-radius: 50px;
	}

@media (max-width: 576px) {

	.banner-section h1 {
		font-size: 28px;
		line-height: 45px;
	}

	.banner-section h4 {
		font-size: 18px;
		font-weight: 400;
		line-height: 30px;
	}

	.banner-section .theme-btn {
		font-size: 24px;
		line-height: 40px;
		border-radius: 50px;
	}
}

@media (max-width: 991px) {
	.banner-section h1 {
		font-size: 38px;
		line-height: 45px;
	}
}


/* banner page */
.banner-page {
	width: 100%;
	height: 370px;
	clip-path: polygon(50% 0%, 100% 0, 100% 70%, 20% 100%, 0% 70%, 0 0);
	background-color: #111e3a;
	background-size: cover;
}

	.banner-page h1 {
		position: relative;
		font-size: 35px;
		font-weight: 900;
		text-align: center;
	}

.breadcrumb-item + .breadcrumb-item {
	padding-left: 2.5rem
}

@media (max-width: 991px) {
	.banner-page h1 {
		font-size: 22px;
	}
    .banner-page {
        height: 300px;
    }

  
}

@media (max-width: 577px) {
    .banner-page { clip-path: none; }

    .banner-page h1 {
        position: relative;
        font-size: 18px;
    }

    .banner-page .breadcrumb { font-size: 10px; }

    .banner-page {
        height: 220px;
    }

	.banner-title {
        margin-top: 35px;
    }
}



/* breadcrumb */
.breadcrumb {
	font-size: 18px;
}

	.breadcrumb a:hover {
		color: var(--thm-color-one) !important;
	}



/* Newsletter Section */
.newsletter-section {
	position: relative;
	background: var(--thm-color-font);
	padding: 30px 0;
}

	.newsletter-section input#subscription-email {
		width: 100%;
		background: transparent;
		border: 2px solid rgb(255 255 255 / 36%);
		padding: 19px 35px;
		color: rgb(255 255 255 / 60%);
		border-radius: 35px;
		margin-left: 10px;
		vertical-align: middle;
	}


/* Main Footer */
.main-footer {
	position: relative;
	background-color: var(--thm-color-font);
	background-image: url(../image/shape/shape-16.png);
	background-repeat: no-repeat;
}

	.main-footer .widgets-section {
		position: relative;
		border-top: 2px solid rgb(255 255 255 / 10%);
		border-bottom: 2px solid rgb(255 255 255 / 10%);
		padding: 30px 0 10px 0;
	}


/* Widget */
.links-widget ul li {
	margin: 8px 0;
}

	.links-widget ul li a {
		color: var(--thm-color-white) !important;
		display: flex;
		align-self: center;
	}

		.links-widget ul li a:hover {
			color: var(--thm-color-one) !important;
		}

	.links-widget ul li i {
		color: rgba(255, 255, 255, 0.6);
		transition: .5s;
		font-weight: 400;
		position: relative;
		display: inline-block;
		margin: 0 5px;
		display: flex;
		align-self: center;
	}

		.links-widget ul li i:hover {
			color: var(--thm-color-one);
		}

.contact-widget .contact-info {
	position: relative;
	padding-right: 0 !important;
}

	.contact-widget .contact-info li {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

		.contact-widget .contact-info li .icon {
			position: relative;
			display: block;
			color: var(--thm-color-white);
			font-size: 14px;
			width: 45px;
			height: 45px;
			line-height: 45px;
			background: rgb(255 255 255 / 10%);
			text-align: center;
			border-radius: 50%;
			-webkit-transition: all 300ms ease;
			-o-transition: all 300ms ease;
			transition: all 500ms ease;
			margin: 0 0 10px 0;
			font-size: 18px;
		}

		.contact-widget .contact-info li .text {
			position: relative;
			color: rgb(255 255 255 / 0.6);
			width: calc(100% - 60px);
			font-weight: 300;
			margin: 0 5px;
		}

			.contact-widget .contact-info li .text a {
				color: rgb(255 255 255 / 0.6);
				transition: .5s;
			}

.about-widget .social-links li a {
	position: relative;
	display: block;
	color: var(--thm-color-white) !important;
	font-size: 20px;
	width: 40px;
	height: 40px;
	background: rgb(255 255 255 / 10%);
	border-radius: 50%;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

	.about-widget .social-links li a i {
		position: relative;
	}

	.about-widget .social-links li a:hover {
		color: var(--thm-color-white);
	}

	.about-widget .social-links li a:before {
		position: absolute;
		content: '';
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		-webkit-transform: scale(.7);
		-ms-transform: scale(.7);
		transform: scale(.7);
		opacity: 0;
		-webkit-transition: .5s;
		-o-transition: .5s;
		transition: .5s;
		background: var(--thm-color-one);
	}

	.about-widget .social-links li a:hover:before {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	.about-widget .social-links li a span {
		position: relative;
	}

/* about */
.about {
	position: relative;
	padding-top: 60px;
}

@keyframes shapes {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes wobble {
	0%, 100% {
		transform: rotate(0deg);
		transform-origin: 50% 50%;
	}

	10% {
		transform: rotate(8deg);
	}

	20%, 40%, 60% {
		transform: rotate(-10deg);
	}

	30%, 50%, 70% {
		transform: rotate(10deg);
	}

	80% {
		transform: rotate(-8deg);
	}

	90% {
		transform: rotate(8deg);
	}
}

.shape-right {
	position: absolute;
	top: -10px;
	right: 40px;
	animation: shapes 5s ease-in-out 1s infinite alternate forwards;
}

.about ul.list li {
	margin-bottom: 10px;
	font-size: 17px;
	font-weight: 700;
}

	.about ul.list li a {
		color: var(--thm-color-font);
	}

	.about ul.list li:before {
		content: "\5c";
		font-family: 'ElegantIcons';
		position: relative;
		margin-left: 5px;
		top: 2px;
		color: var(--thm-color-two);
	}

@media (max-width: 991px) {

	.about .video video {
		height: 100%;
	}

	.about .shape-left {
		display: none;
	}
}

/* hospital block */


@media (max-width: 991px) {

	.hospital-block .like {
		margin: 10px 15px 0 5px;
	}

	.hospital-block .share-content {
		margin-top: 10px;
	}
    .hospital-block .content-text h4 {
        font-size: 20px;
    }
}

@media (max-width: 576px) {
	
    .hospital-block .content-text h4 {
        font-size: 16px;
    }
}

.hospital-block .content {
	display: flex;
	align-items: center;
}

	.hospital-block .content img {
		border-radius: 12px;
		width: 100%;
		/* height: 100%;*/
	}

.hospital-block .rating {
	position: relative;
	color: var(--thm-color-one);
	font-size: 13px;
	display: inline-block;
	margin-left: 5px;
}

	.hospital-block .rating i {
		margin-right: 7px;
		font-size: 14px;
		color: var(--thm-color-one);
	}

.hospital-block .like {
	position: relative;
	top: 0;
	left: 0;
	background: #e1f1f9;
	color: var(--thm-color-two);
	width: 52px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	border-radius: 50%;
	font-size: 15px;
	cursor: pointer;
}


.hospital-block h4 {
	position: relative;
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 5px;
}

.hospital-block .text {
	line-height: 1.8rem;
}

	.hospital-block .text i {
		top: 9px;
		right: 0;
		color: var(--thm-color-two);
	}

	.hospital-block .text a {
		color: var(--thm-color-two);
		text-decoration: underline;
	}

.hospital-block .link-btn {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.hospital-block .theme-btn {
	padding: 13px 22px;
	margin-left: 10px;
}


.share-content {
	position: relative;
	/*margin-right: 10px;*/
}

	/* .hospital-block .share-content .icon {
		position: relative;
		width: 52px;
		height: 50px;
		line-height: 52px;
		border-radius: 50%;
		color: var(--thm-color-one);
		background-color: #fde8df;
		text-align: center;
	}*/

	.share-content .social-links {
		/*position: absolute;*/
		/*right: 62px;*/
		top: 0;
		display: flex;
		align-items: center;
		transition: .5s;
		opacity: 1;
	}

		/*.hospital-block .share-content:hover .social-links {
		opacity: 1;
	}*/

		.share-content .social-links li {
			position: relative;
			margin: 0 3px;
		}

			.share-content .social-links li a {
				position: relative;
				display: flex;
				width: 42px;
				height: 42px;
				text-align: center;
				justify-content: center;
				border-radius: 50%;
				color: var(--thm-color-one);
				background-color: #fde8df;
				transition: .5s;
				font-size: 20px;
			}

				.share-content .social-links li a:hover {
					color: var(--thm-color-white);
					background-color: var(--thm-color-one);
				}

				.share-content .social-links li a i {
					display: flex;
					align-self: center;
				}
/* single block */
.single-block img {
	border-radius: 12px;
	height: 100%;
}

.single-block .image {
	margin-bottom: 20px;
	position: relative;
}

.single-block .image-gallery .image:hover:before {
	position: absolute;
	top: 0;
	right: -100%;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -o-linear-gradient(right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
	background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	-webkit-transform: skewX(25deg);
	-ms-transform: skewX(25deg);
	transform: skewX(25deg);
}

.single-block .image-gallery .image:hover:before {
	-webkit-animation: shine 1s;
	animation: shine 1s;
}

/* contact info */
.contact-info-widget {
	background: #f4fafc;
	position: relative;
	border-radius: 0 0 12px 12px;
}

	.contact-info-widget h3.title {
		position: relative;
		padding: 20px 16px;
		background: var(--thm-color-two);
		border-radius: 12px 12px 0 0;
		color: var(--thm-color-white);
		font-size: 20px;
		font-weight: 700;
	}


	.contact-info-widget h4 {
		position: relative;
		font-size: 20px;
		font-weight: 700;
		padding-bottom: 10px;
	}

		.contact-info-widget h4:before {
			position: absolute;
			content: '';
			right: 0;
			bottom: 0;
			width: 37px;
			height: 2px;
			background: var(--thm-color-one);
		}

	.contact-info-widget .single-info .text a {
		color: var(--thm-color-font);
		transition: .5s;
	}

		.contact-info-widget .single-info .text a:hover {
			color: var(--thm-color-one);
		}

	.contact-info-widget .social-links {
		position: relative;
	}

		.contact-info-widget .social-links li {
			position: relative;
			margin-left: 5px;
			display: inline-block;
		}

			.contact-info-widget .social-links li a {
				position: relative;
				display: block;
				color: var(--thm-color-font);
				font-size: 14px;
				width: 40px;
				height: 40px;
				line-height: 38px;
				background: var(--thm-color-white);
				text-align: center;
				border-radius: 50%;
				border: 1px solid #dff0f8;
				-webkit-transition: all 300ms ease;
				-o-transition: all 300ms ease;
				transition: all 300ms ease;
			}

				.contact-info-widget .social-links li a i {
					position: relative;
				}

				.contact-info-widget .social-links li a:hover {
					color: var(--thm-color-white);
					border-color: var(--thm-color-one);
					background-color: var(--thm-color-one);
				}

				.contact-info-widget .social-links li a:before {
					position: absolute;
					content: '';
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					border-radius: 50%;
					-webkit-transform: scale(.7);
					-ms-transform: scale(.7);
					transform: scale(.7);
					opacity: 0;
					-webkit-transition: .5s;
					-o-transition: .5s;
					transition: .5s;
					background: var(--thm-color-one);
				}

				.contact-info-widget .social-links li a:hover:before {
					opacity: 1;
					-webkit-transform: scale(1);
					-ms-transform: scale(1);
					transform: scale(1);
				}

				.contact-info-widget .social-links li a span {
					position: relative;
				}

/* contact form  */
.contact-form-widget {
	background: #f4fafc;
	position: relative;
	border-radius: 0 0 12px 12px;
}

	.contact-form-widget h3.title {
		position: relative;
		padding: 20px 20px;
		background: var(--thm-color-two);
		border-radius: 12px 12px 0 0;
		color: var(--thm-color-white);
		font-size: 18px;
		font-weight: 700;
	}

	.contact-form-widget .form-group {
		margin-bottom: 10px;
	}

	.contact-form-widget form {
		position: relative;
		padding: 5px 30px 25px;
	}

	.contact-form-widget .form-group input {
		position: relative;
		font-size: 16px;
		color: var(--thm-color-font);
		height: 60px;
		border-radius: 12px;
		border: 1px solid #dff0f8;
		padding: 14px 30px;
		width: 100%;
	}

	.contact-form-widget .form-group textarea {
		position: relative;
		font-size: 16px;
		color: var(--thm-color-font);
		height: 138px;
		border-radius: 12px;
		border: 1px solid #dff0f8;
		padding: 14px 30px;
		width: 100%;
		resize: none;
		display: inline-block;
		vertical-align: middle;
	}

	.contact-form-widget .form-group .theme-btn {
		width: 100%;
	}

/* achivement */
.achivement {
	position: relative;
	margin: 15px 0 25px;
}

	.achivement li {
		position: relative;
		font-size: 18px;
		font-weight: 600;
		margin-bottom: 8px;
		display: flex;
		align-self: center;
		white-space: nowrap;
	}

		.achivement li span {
			font-size: 14px;
			font-weight: 500;
			margin-right: 5px;
			display: flex;
			align-self: center;
		}

		.achivement li i {
			font-size: 32px;
			color: var(--thm-color-one);
			font-weight: normal;
		}


/* faq */
.faq {
	position: relative;
	z-index: 9;
	background: url(../image/shape/shape-37.png) top right no-repeat;
	padding: 60px 0 0;
}

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

		.faq .faq-list ul h3.title {
			position: relative;
			padding: 20px 20px;
			padding-right: 45px;
			background: var(--thm-color-two);
			border-radius: 12px;
			color: var(--thm-color-white);
			font-size: 24px;
			font-weight: 700;
		}

	.faq .faq-list li + li {
		margin-top: 15px;
	}

	.faq .faq-list li {
		padding: 20px;
		background: #f4fafc;
		border-radius: 12px;
		position: relative;
		color: var(--thm-color-font);
	}

	.faq .faq-list a {
		display: block;
		position: relative;
		font-size: 16px;
		line-height: 24px;
		font-weight: 600;
		padding: 0 30px;
		outline: none;
		cursor: pointer;
		color: var(--thm-color-font) !important;
	}

	.faq .faq-list .iconHelp {
		font-size: 24px;
		width: 24px;
		position: absolute;
		color: var(--thm-color-one);
	}

	.faq .faq-list .iconShow, .faq .faq-list .iconClose {
		font-size: 24px;
		width: 24px;
		left: 0;
		top: 0;
	}

	.faq .faq-list p {
		margin-bottom: 0;
		padding: 10px 0 0 0;
	}

	.faq .faq-list .iconShow {
		display: none;
	}

	.faq .faq-list a.collapsed {
		color: var(--thm-color-three);
		transition: 0.3s;
	}

		.faq .faq-list a.collapsed:hover {
			color: var(--thm-color-two);
		}

		.faq .faq-list a.collapsed .iconShow {
			display: inline-block;
		}

		.faq .faq-list a.collapsed .iconClose {
			display: none;
		}

@media (max-width: 1200px) {
	.faq .faq-list {
		padding: 0;
	}
}
/* admission procedures */

.faq .faq-list .list li {
	list-style: square inside;
	padding: 5px 10px;
}

/* intro page */

.intro-page {
	height: 100vh;
	clip-path: none;
	background-color: var(--thm-color-font);
}

	.intro-page .theme-btn {
		background: var(--thm-color-two);
	}

		.intro-page .theme-btn:before {
			background-color: var(--thm-color-one);
		}

@media (max-width: 991px) {
	.intro-page {
		height: 100%;
	}
}





/* Categories */
.categories-block {
	position: relative;
}

	.categories-block .inner-box {
		position: relative;
		background: #e9f5fa;
		margin-bottom: 35px;
		box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.05);
		border-radius: 12px;
		transition: .5s;
		height: 130px;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
	}

		.categories-block .inner-box:hover {
			transform: translateX(10px);
		}

	.categories-block .icon {
		position: absolute;
		width: 100px;
		height: 100px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: .5s;
		right: 18px;
	}

		.categories-block .icon img {
			margin-top: 15px;
		}

	.categories-block .inner-box:hover .icon {
		transform: rotate(-45deg);
	}

	.categories-block .icon:before {
		position: absolute;
		content: '';
		transition: .5s;
		border-radius: 50%;
		transform: scale(0);
		opacity: 0;
	}

	.categories-block .inner-box:hover .icon:before {
		opacity: 1;
		transform: scale(1);
	}
	/*
.categories-block .icon.lab {
	background-color: var(--thm-color-one);
}

.categories-block .icon.x-ray {
	background-color:var(--thm-color-two);
}
.categories-block .icon.tooth {
	background-color: var(--thm-color-three);
}
.categories-block .icon.therapy {
	background-color: #f54949;
}
.categories-block .icon.glasses {
	background-color: #a71f85;
}
.categories-block .icon.diabet {
	background-color: #fc9024;
}
.categories-block .icon.acupuncture {
	background-color: #0b4474;
}
.categories-block .icon.diet {
	background-color: #3eb67b;
}
.categories-block .icon.doctors {
	background-color: #9b1855;
}
.categories-block .icon.ambulance {
	background-color: #d4c813;
}
.categories-block .icon.pharmecy {
	background-color: #25dd0d;
}
.categories-block .icon.clinic {
	background-color: var(--thm-color-three);
}*/
	.categories-block h4 {
		font-size: 24px;
		font-weight: 700;
	}

	.categories-block .link-icon {
		display: flex;
		align-items: center;
		justify-content: center;
	}

		.categories-block .link-icon a {
			position: absolute;
			/* left: 55px;*/
			width: 55px;
			height: 55px;
			display: flex;
			align-items: center;
			justify-content: center;
			border: 2px solid var(--thm-color-two);
			color: var(--thm-color-one);
			border-radius: 50%;
			font-size: 24px;
			transition: .5s;
		}

			.categories-block .link-icon a:hover {
				color: var(--thm-color-white);
				background-color: var(--thm-color-one);
				border-color: var(--thm-color-one);
			}

	.categories-block .shape {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 100px;
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
	}

		.categories-block .shape:before {
			position: absolute;
			content: '';
			top: 50%;
			left: 0;
			width: 200px;
			height: 200px;
			background-color: var(--thm-color-two);
			opacity: .2;
			border-radius: 50%;
			transform: translateY(-50%);
		}

@media (max-width: 576px) {
	.services-section .sec-title {
		font-size: 38px !important;
	}

	.services-section h3 {
		font-size: 20px !important;
	}



	.categories-block .shape:before {
		left: 25px;
	}

	.categories-block .icon {
		width: 80px;
		height: 80px;
	}

	.categories-block h4 {
		font-size: 16px;
		text-align: center;
	}

	.categories-block h6 {
		font-size: 12px;
		margin-left: 10px;
	}

	.categories-block .inner-box {
		justify-content: end;
	}

	.categories-block .link-icon a {
		width: 45px;
		height: 45px;
	}
}


/*single introduction*/
.introduction {
	background-color: #f5fafc;
	border-radius: 12px 12px 12px 12px;
}




/* gallery with columns */
#photos {
	/* Prevent vertical gaps */
	line-height: 0;
	-webkit-column-count: 4;
	-webkit-column-gap: 0px;
	-moz-column-count: 4;
	-moz-column-gap: 0px;
	column-count: 4;
	column-gap: 5px;
}

	#photos img {
		/* Just in case there are inline attributes */
		width: 100% !important;
		height: auto !important;
		border-radius: 4px;
		margin-bottom: 5px;
	}

		#photos img:hover {
			opacity: .7;
		}

@media (max-width: 1200px) {
	#photos {
		-moz-column-count: 4;
		-webkit-column-count: 4;
		column-count: 4;
	}
}

/*@media (max-width: 1020px) {
	#photos {
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count: 3;
	}
}*/

@media (max-width: 800px) {
	#photos {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
	}
}

@media (max-width: 400px) {
	#photos {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}
}




/* page tag */
.pagetag {
	margin-left: 30px;
}

	.pagetag span {
		font-weight: 700;
		margin-left: 10px;
	}

		.pagetag span i {
			margin-left: 8px;
		}

.pagetagitem {
	color: var(--thm-color-font);
	background-color: var(--thm-color-lightblue);
	border: 1px solid var(--thm-color-one);
	transition: .5s;
	padding: 4px 14px;
	display: inline-block;
	font-size: 14px;
	text-transform: capitalize;
	font-weight: 500;
	border-radius: 20px;
	margin-top: 10px;
}

	.pagetagitem:hover {
		color: var(--thm-color-white);
		background: var(--thm-color-one);
	}

.pagetag span i {
	color: var(--thm-color-one);
}


/*page tag cloud*/
.widget {
	position: relative;
	margin-bottom: 40px;
}



.widget-page-tag-cloud {
	position: relative;
}

	.widget-page-tag-cloud ul {
		position: relative;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}

	.widget-page-tag-cloud li {
		font-size: 16px;
		margin-left: 6px;
	}









/*Blog Css*/
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}

	40% {
		opacity: 1;
	}

	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}

@keyframes circle {
	0% {
		opacity: 1;
	}

	40% {
		opacity: 1;
	}

	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
/* Blog Page */
.blog-page {
	position: relative;
	padding: 50px 0;
}




.news-blocks .inner-box {
	position: relative;
	margin-bottom: 60px;
	background-color: #e9f5fa;
	border-radius: 16px;
}

.news-blocks .image {
	position: relative;
	overflow: hidden;
	margin-bottom: 5px;
	border-radius: 16px 16px 0 0;
    min-height: 220px;
}

.news-blocks .inner-box .image img {
	transition: .7s;
	width: 100%;
}

.news-blocks .image .details-img {
	height: auto !important;
	/*max-height: 420px;*/
}

.news-blocks .inner-box:hover .image img {
	transform: scale(1.1);
}

.news-blocks .image:before {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255, 255, 255, .2);
	border-radius: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
	z-index: 10;
}

.news-blocks .inner-box:hover .image:before {
	-webkit-animation: circle .95s;
	animation: circle .95s;
}

.news-blocks .image .date {
	position: absolute;
	top: 30px;
	right: 30px;
	background: var(--thm-color-one);
	font-size: 13px;
	color: var(--thm-color-white);
	padding: 13px 12px 0;
	width: 64px;
	height: 64px;
	line-height: 18px;
	border-radius: 10px;
	text-align: center;
	font-weight: 500;
	z-index: 99;
}

	.news-blocks .image .date strong {
		font-size: 28px;
		font-weight: 600;
	}

.news-blocks .lower-content {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 0px 10px;
}

	.news-blocks .lower-content .image {
		height: 100%;
	}

.news-blocks .post-meta-info {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 20px;
}

	.news-blocks .post-meta-info .author {
		position: relative;
		font-size: 16px;
		font-weight: 600;
		margin-left: 13px;
	}

		.news-blocks .post-meta-info .author img {
			margin-left: 8px;
			border-radius: 50%;
			width: 50px;
			height: 50px;
		}

	.news-blocks .post-meta-info .category {
		position: relative;
		margin-left: 12px;
		font-size: 16px;
	}

		.news-blocks .post-meta-info .category i {
			margin-left: 7px;
			color: var(--thm-color-two);
		}

	.news-blocks .post-meta-info .comment {
		position: relative;
		margin-left: 20px;
		font-size: 16px;
	}

		.news-blocks .post-meta-info .comment i {
			margin-left: 7px;
			color: var(--thm-color-two);
		}

	.news-blocks .post-meta-info .like {
		position: relative;
		margin-right: 20px;
	}

		.news-blocks .post-meta-info .like i {
			margin-right: 7px;
		}

	.news-blocks .post-meta-info .share {
		position: relative;
		margin-right: 20px;
	}

		.news-blocks .post-meta-info .share i {
			margin-right: 7px;
		}

.news-blocks h4 {
	font-size: 19px;
	font-weight: 600;
	margin-bottom: 10px;
	line-height: 32px;
	height: 60px;
}

	.news-blocks h4 a {
		color: var(--thm-color-font);
		transition: .5s;
	}

		.news-blocks h4 a:hover {
			color: var(--thm-color-one);
		}

.news-blocks .text {
	position: relative;
	/*margin-bottom: 20px;*/
	color: var(--thm-color-font);
}

.theme-btn.style-two {
	padding: 10px;
	border-radius: 25px;
	background: transparent;
	border: 2px solid var(--thm-color-two);
	color: var(--thm-color-font) !important;
	font-size: 16px;
	font-weight: 600;
}

	.theme-btn.style-two span i {
		color: var(--thm-color-one);
	}

	.theme-btn.style-two:hover {
		color: var(--thm-color-white);
		background: var(--thm-color-two);
	}

		.theme-btn.style-two:hover span i {
			color: var(--thm-color-white);
		}
/* Post Pagination */

.post-pagination {
	position: relative;
}

	.post-pagination li {
		position: relative;
		display: inline-block;
		margin: 0 3px 5px;
	}

		.post-pagination li .current, .post-pagination li a {
			width: 50px;
			height: 50px;
			border-radius: 50%;
			border: 2px solid var(--thm-color-two);
			text-align: center;
			line-height: 46px;
			display: inline-block;
			color: var(--thm-color-font);
			font-size: 18px;
			font-weight: 600;
			transition: .5s;
		}

		.post-pagination li .current {
			color: var(--thm-color-white);
			background: var(--thm-color-one);
			border-color: var(--thm-color-one);
		}

	.post-pagination .next a {
		border-color: transparent;
		font-size: 14px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

		.post-pagination li a:hover,
		.post-pagination .next a:hover {
			background: var(--thm-color-one);
			color: var(--thm-color-white);
			border: 2px solid var(--thm-color-one);
		}
/* Blog single post */

.news-blocks.blog-single-post .image:before {
	display: none;
}

.news-blocks.blog-single-post .inner-box:hover .image img {
	transform: scale(1);
}

.blog-single-post blockquote {
	position: relative;
	padding-right: 100px;
	font-size: 22px;
	font-weight: 500;
	line-height: 30px;
	margin-bottom: 30px;
}

	.blog-single-post blockquote .quote {
		position: absolute;
		right: 0;
		top: 5px;
		font-size: 36px;
		color: var(--thm-color-one);
	}

	.blog-single-post blockquote:before {
		position: absolute;
		content: '';
		right: 65px;
		top: 0;
		width: 3px;
		bottom: 0;
		background: var(--thm-color-two);
	}

	.blog-single-post blockquote cite {
		display: block;
		font-size: 18px;
		color: #555;
		font-style: normal;
		margin-top: 10px;
	}

.blog-single-post .list {
	position: relative;
	margin-bottom: 30px;
}

	.blog-single-post .list li {
		position: relative;
		margin-bottom: 5px;
		padding-left: 30px;
		font-size: 18px;
		font-weight: 600;
		color: #555;
	}

		.blog-single-post .list li:before {
			position: absolute;
			content: '';
			left: 0;
			top: 8px;
			background-image: url(../image/icons/icon-1.png);
			background-repeat: no-repeat;
			width: 15px;
			height: 15px;
		}

.blog-single-post .group-title h5 {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 15px;
}
/* Blog Single Post */

.blog-single-post .post-share-info {
	position: relative;
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 80px;
}

	.blog-single-post .post-share-info .tag {
		margin-left: 30px;
		margin-bottom: 20px;
	}

		.blog-single-post .post-share-info .tag span {
			font-weight: 700;
			margin-left: 10px;
		}

			.blog-single-post .post-share-info .tag span i {
				margin-left: 8px;
			}

		.blog-single-post .post-share-info .tag a {
			color: var(--thm-color-font);
			background-color: var(--thm-color-lightblue);
			border: 1px solid #dff0f8;
			transition: .5s;
			padding: 6px 18px;
			display: inline-block;
			font-size: 16px;
			text-transform: capitalize;
			font-weight: 500;
			border-radius: 20px;
		}

			.blog-single-post .post-share-info .tag a:hover {
				color: var(--thm-color-white);
				background: var(--thm-color-two);
			}

		.blog-single-post .post-share-info .tag span i {
			color: var(--thm-color-one);
		}

	.blog-single-post .post-share-info .share-content {
		position: relative;
		margin-right: 10px;
		margin-bottom: 20px;
		display: inline-block;
		vertical-align: middle;
	}

		.blog-single-post .post-share-info .share-content .icon {
			position: relative;
			width: 40px;
			height: 40px;
			line-height: 40px;
			border-radius: 50%;
			color: var(--thm-color-two);
			background-color: var(--thm-color-lightblue);
			text-align: center;
			font-size: 16px;
			cursor: pointer;
		}

		.blog-single-post .post-share-info .share-content .social-links {
			position: absolute;
			left: 48px;
			top: 0;
			display: flex;
			align-items: center;
			transition: .5s;
			opacity: 1;
		}

			/*.blog-single-post .post-share-info .share-content:hover .social-links {
			opacity: 1;
		}
*/
			.blog-single-post .post-share-info .share-content .social-links li {
				position: relative;
				margin: 0 3px;
			}

				.blog-single-post .post-share-info .share-content .social-links li a {
					position: relative;
					display: inline-block;
					width: 40px;
					height: 40px;
					line-height: 40px;
					text-align: center;
					border-radius: 50%;
					color: var(--thm-color-one);
					background-color: #fde8df;
					transition: .5s;
					font-size: 14px;
				}

					.blog-single-post .post-share-info .share-content .social-links li a:hover {
						color: var(--thm-color-white);
						background-color: var(--thm-color-one);
					}

	.blog-single-post .post-share-info span.text {
		display: inline-block;
		margin-right: 10px;
		margin-bottom: 20px;
		vertical-align: middle;
	}

.blog-single-post .news-blocks .inner-box:hover .image img {
	transform: scale(1);
}

.blog-single-post .news-blocks h4 {
	font-size: 30px;
	font-weight: 700;
}

.blog-single-post .news-blocks .image {
	margin-bottom: 35px;
}

.blog-details .news-blocks .inner-box {
	background-color: var(--thm-color-white);
}


/* Comments */

.comments-title {
	position: relative;
	margin-bottom: 35px;
}

	.comments-title h4 {
		font-size: 30px;
		text-transform: capitalize;
		color: var(--thm-color-font);
		margin: 0;
		font-weight: 700;
	}

	.comments-title p {
		font-size: 13px;
		color: #555;
		text-transform: uppercase;
		margin-bottom: 10px;
		margin-top: 5px;
	}

.comments-area {
	position: relative;
	margin-bottom: 70px;
}

	.comments-area .comment-box {
		position: relative;
		margin-bottom: 40px;
		border-bottom: 1px solid #ddd;
		padding-bottom: 20px;
	}

		.comments-area .comment-box:last-child {
			border-bottom: 0;
			padding-bottom: 0;
		}

	.comments-area .comment {
		position: relative;
		min-height: 80px;
		padding-right: 105px;
	}

	.comments-area .comment-box .author-thumb {
		position: absolute;
		right: 0px;
		top: 10px;
		width: 80px;
		height: 80px;
		margin-bottom: 20px;
		overflow: hidden;
	}

		.comments-area .comment-box .author-thumb img {
			width: 100%;
		}

	.comments-area .comment-box .info-wrap {
		position: relative;
	}

	.comments-area .comment-box .info {
		position: relative;
		margin-bottom: 15px;
		line-height: 24px;
	}

		.comments-area .comment-box .info .name {
			position: relative;
			display: block;
			font-size: 20px;
			line-height: 30px;
			color: var(--thm-color-font);
			text-transform: capitalize;
			font-weight: 600;
		}

		.comments-area .comment-box .info .comment-date {
			position: relative;
			display: inline-block;
			font-size: 13px;
			line-height: 24px;
			font-weight: 500;
		}

.blog-single-post .comments-area .comment-box .text {
	font-size: 18px;
	line-height: 1.7em;
	font-weight: 500;
	color: var(--thm-color-font);
	margin-bottom: 10px;
}

.comments-area .comment-box .reply-btn {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
}

	.comments-area .comment-box .reply-btn a {
		transition: .5s;
		font-size: 14px;
		text-decoration: none;
		font-weight: 600;
		padding: 1px 20px;
		min-width: 100px;
	}

.comments-area .comment-box .theme-btn .btn-title {
	line-height: 30px;
	color: var(--thm-color-font);
	text-transform: uppercase;
}

.comments-area .comment-box .theme-btn:hover .btn-title {
	color: var(--thm-color-white);
}

.comments-area .comment-box .theme-btn:after {
	position: absolute;
}

.comments-area .comment-box .theme-btn .btn-title i {
	font-size: 10px;
	margin-right: 2px;
}
/* Leave Comments Form */

.leave-comments {
	position: relative;
	margin-bottom: 30px;
}

	.leave-comments form .form-group {
		margin-bottom: 30px;
		position: relative;
		border-radius: 16px;
		border: 1px solid var(--thm-color-two);
	}

		.leave-comments form .form-group input {
			height: 60px;
		}

		.leave-comments form .form-group textarea {
			height: 150px;
		}

		.leave-comments form .form-group .icon {
			position: absolute;
			top: 19px;
			left: 15px;
			color: var(--thm-color-two);
		}

/* Widget Search */

.widget-search {
	position: relative;
}

.widget.widget-search .widget-title:before {
	background-image: url(../image/shape/shape-8.png);
}

.widget-search input[type="search"] {
	width: 100%;
	height: 65px;
	color: var(--thm-color-font);
	padding: 0 30px;
	padding-left: 65px;
	font-weight: 400;
	border: 1px solid var(--thm-color-two);
	border-radius: 32.5px;
}

.widget-search .form-group {
	position: relative;
	margin-bottom: 0;
}

.widget-search button {
	position: absolute;
	top: 18px;
	left: 30px;
	background: transparent;
	color: var(--thm-color-font);
}
/* Category Widget */

.widget-categories {
	position: relative;
}

.categories-list {
	position: relative;
	margin-right: -13px;
}

	.categories-list li {
		position: relative;
		margin-bottom: 13px;
	}

		.categories-list li:last-child {
			margin-bottom: 0;
		}

		.categories-list li a {
			color: var(--thm-color-font);
			font-size: 18px;
			font-weight: 500;
			transition: .5s;
			padding-right: 20px;
		}

			.categories-list li.current a, .categories-list li a:hover {
				color: var(--thm-color-one);
			}

			.categories-list li a span {
				position: absolute;
				right: 0;
				top: 0;
				font-weight: 300;
				color: var(--thm-color-font);
			}

			.categories-list li a:after {
				font-family: 'ElegantIcons';
				content: "\5c";
				position: absolute;
				right: 0;
				top: 4px;
				display: block;
				line-height: 24px;
				font-size: 17px;
				transition: .5s;
				font-weight: 400;
				color: var(--thm-color-two);
			}

		.categories-list li.current a:after {
			color: var(--thm-color-one);
		}

/* Popular Post */

.title-underline {
	border-bottom: 3px solid var(--thm-color-one);
	padding-bottom: 16px;
}

.widget-popular-post {
	position: relative;
}

.widget .widget-title {
	font-size: 24px;
	padding-bottom: 16px;
	margin-bottom: 35px;
}

	.widget .widget-title:before {
		position: absolute;
		content: '';
		height: 2px;
		width: 95px;
		bottom: 0;
		right: 0;
		background: var(--thm-color-one);
	}

.widget-popular-post .post-thumb {
	position: relative;
	margin-left: 20px;
	margin-bottom: 10px;
	margin-top: 6px;
}

	.widget-popular-post .post-thumb img {
		border-radius: 10px;
		width: 70px;
		height: 70px;
	}

.widget-popular-post .post {
	position: relative;
	display: flex;
	flex-direction: row;
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 17px;
}

	.widget-popular-post .post:last-child {
		padding-bottom: 0;
		margin-bottom: 0;
		border-bottom: 0;
	}

.widget-popular-post .content {
	position: relative;
	max-width: 230px;
}

	.widget-popular-post .content h5 {
		position: relative;
		font-size: 18px;
		margin-bottom: 8px;
		font-weight: 600;
	}

		.widget-popular-post .content h5 a {
			color: var(--thm-color-font);
			transition: .5s;
		}

			.widget-popular-post .content h5 a:hover {
				color: var(--thm-color-one);
			}

	.widget-popular-post .content .post-info {
		font-size: 14px;
		color: var(--thm-color-one);
	}

/* Tag Cloud */

.widget-tag-cloud {
	position: relative;
}

	.widget-tag-cloud ul {
		position: relative;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}

	.widget-tag-cloud li {
		font-size: 16px;
		margin-left: 6px;
		margin-bottom: 10px;
	}

		.widget-tag-cloud li a {
			color: var(--thm-color-font);
			background-color: var(--thm-color-lightblue);
			border: 1px solid #dff0f8;
			transition: .5s;
			padding: 6px 18px;
			display: inline-block;
			font-size: 16px;
			text-transform: capitalize;
			font-weight: 500;
			border-radius: 20px;
		}

			.widget-tag-cloud li a:hover {
				color: var(--thm-color-white);
				background: var(--thm-color-two);
			}
/* Archive Widget */

.archive-widget .box {
	float: none;
	height: 65px;
	border-radius: 32.5px;
	padding: 10px 30px;
	font-size: 18px;
	font-weight: 500;
	border: 1px solid var(--thm-color-two);
}

	.archive-widget .box:after {
		left: 30px;
		width: 7px;
		height: 7px;
	}


/* appointment form */
.appointment-form {
	position: relative;
}

	.appointment-form .upper-box {
		background: var(--thm-color-lightblue);
		position: relative;
		padding: 45px 30px 33px;
		border-radius: 0 0 12px 12px;
	}

		.appointment-form .upper-box .form-group {
			position: relative;
		}

			.appointment-form .upper-box .form-group i {
				position: absolute;
				top: 22px;
				left: 25px;
				font-size: 15px;
			}

	.appointment-form .to-content {
		position: relative;
		padding: 30px;
		padding-right: 67px;
		background: var(--thm-color-two);
		border-radius: 12px 12px 0 0;
	}

		.appointment-form .to-content i {
			position: absolute;
			top: 34px;
			right: 32px;
			font-size: 24px;
			color: var(--thm-color-white);
		}

		.appointment-form .to-content h4 {
			position: relative;
			font-size: 24px;
			font-weight: 700;
			color: var(--thm-color-white);
		}

		.appointment-form .to-content p {
			position: relative;
			color: var(--thm-color-white);
			font-size: 16px;
			font-weight: 400;
			margin: 0;
		}

	.appointment-form .upper-box input {
		position: relative;
		margin-bottom: 12px;
		height: 60px;
		border-radius: 30px;
		border: 1px solid #dff0f8;
		padding: 0 30px;
		box-shadow: none;
		outline: none;
	}

	.appointment-form .upper-box i {
		color: var(--thm-color-one);
		font-size: 22px !important;
	}

	.appointment-form .lower-box {
		position: relative;
		margin-top: 10px;
		padding: 40px 30px 45px;
		background: var(--thm-color-lightblue);
		border-radius: 12px;
	}

		.appointment-form .lower-box h5 {
			position: relative;
			font-size: 22px;
			font-weight: 700;
		}

		.appointment-form .lower-box .select-box {
			position: relative;
			padding: 15px 0px 33px;
			border-radius: 0 0 12px 12px;
		}

			.appointment-form .lower-box .select-box li {
				position: relative;
				font-size: 16px;
				color: var(--thm-color-font);
				margin-bottom: 12px;
				height: 60px;
				border-radius: 30px;
				border: 1px solid #dff0f8;
				padding: 14px 10px 0;
				display: flex;
				align-content: center;
			}

			.appointment-form .lower-box .select-box .single-checkbox {
				position: relative;
				display: block;
			}

			.appointment-form .lower-box .select-box label {
				position: relative;
				display: block;
				padding-right: 23px;
				margin-left: 0px;
				margin-bottom: 0;
				font-size: 16px;
				line-height: 30px;
				font-weight: 500;
				cursor: pointer;
			}

			.appointment-form .lower-box .select-box input[type="radio"] {
				display: none;
			}

				.appointment-form .lower-box .select-box input[type="radio"] + label span {
					position: absolute;
					top: 8px;
					right: 0;
					width: 18px;
					height: 18px;
					vertical-align: middle;
					background-color: transparent;
					border: 1px solid #ddd;
					border-radius: 50%;
					cursor: pointer;
					transition: all 300ms ease;
				}

			.appointment-form .lower-box .select-box label span:before {
				position: absolute;
				content: "\f00c";
				right: -1px;
				left: -1px;
				bottom: -1px;
				top: -1px;
				border-radius: 50%;
				opacity: 0;
				transform: scale(0, 0);
				transition: all 500ms ease;
				background-color: var(--thm-color-one);
				font-family: 'Font Awesome 5 Pro';
				text-align: center;
				line-height: 18px;
				color: var(--thm-color-one);
				font-weight: 300;
				font-size: 12px;
			}

			.appointment-form .lower-box .select-box input[type="radio"]:checked + label span:before {
				opacity: 1;
				transform: scale(1, 1);
			}

			.appointment-form .lower-box .select-box li .price {
				position: absolute;
				top: 17px;
				left: 25px;
			}

		.appointment-form .lower-box .theme-btn {
			width: 100%;
		}




/*group-profile*/
.group-profile {
	position: relative;
	padding: 50px 0px;
}

.group-title {
	position: relative;
	padding: 20px 20px;
	background: var(--thm-color-two);
	border-radius: 12px;
	color: var(--thm-color-white);
	font-size: 24px;
	font-weight: 700;
}

	.group-title h3 {
		color: var(--thm-color-white);
	}

.group-profile .card {
	background: var(--thm-color-lightblue);
	border: 1px solid var(--thm-color-two);
	width: 400px;
	height: 160px;
	display: flex;
	justify-content: center;
	border-radius: 16px 100px 100px 16px;
	box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1);
}

	.group-profile .card .content {
		display: flex;
		align-items: center;
		justify-content: space-between;

	}

	.group-profile .card .img {
		height: 130px;
		width: 130px;
		top: 13px;
		right: 15px;
		background: linear-gradient(145deg, #e6e6e6, #fff);
		border-radius: 50%;
		padding: 5px;
		box-shadow: 10px 10px 10px #8f8d8d, -19px -19px 39px #e6e2e2;
	}

		.group-profile .card .img img {
			height: 100%;
			width: 100%;
			border-radius: 50%;
			object-fit: cover;
		}

.group-profile .details span {
	font-weight: 600;
	font-size: 16px;
}



/*pamphlet-section*/
.pamphlet-section {
	position: relative;
	padding: 50px 0px;
}

	.pamphlet-section .card-header {
		background-color: var(--thm-color-font);
		clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
	}

	.pamphlet-section i {
		color: var(--thm-color-one);
		font-size: 80px;
	}

	.pamphlet-section .card {
		border: none;
	}

	.pamphlet-section .card-body p {
		color: #111e3a;
	}


/* ckeditor */
.ckeditor li span {
	font-size: 14px;
	font-weight: 500;
	margin-right: 5px;
	display: flex;
	align-self: center;
}

.ckeditor figure {
	margin: 0 auto;
}

	.ckeditor figure img {
		width: 100%;
		border-radius: 12px;
	}

.ckeditor figcaption {
	text-align: center;
}

.blog-description {
	height: 150px;
	overflow: hidden;
	line-height: 1.25rem;
    margin-bottom: 5px;
}

	.blog-description * {
		font-size: 24px;
		all: unset;
		background: #e9f5fa !important;
		color: black !important;
	}

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

.BlogSlider {
	height: 70px;
	overflow: hidden;
	font-size: 14px;
}

.lastBlog {
	height: 36px;
	overflow: hidden;
}

	.lastBlog * {
		line-height: 12px !important;
		font-size: 12px !important;
		background: white !important;
		background-color: white !important;
	}



/*Gallery Page*/
.group {
	position: relative;
	padding: 50px 0px;
}

	.group .card {
		border: none;
		background: var(--thm-color-font);
		border-radius: 12px;
		color: var(--thm-color-white);
		/*height: 260px;*/
		transition: all 100ms;
		display: flex;
		justify-content: center;
		align-items: center;
	}

		.group .card img {
			border-radius: 12px 12px 0 0;
			width: 100%;
			/*height: 200px;*/
		}

		.group .card video {
			border-radius: 12px 12px 0 0;
			width: 100%;
		}

		.group .card:hover {
			transform: scale(1.05);
			border-radius: 12px;
		}

.carousel-item img {
	border-radius: 12px 12px 0 0;
}

.main-slider-gallery {
	border: none;
	background: var(--thm-color-font);
	border-radius: 0 0 12px 12px;
	color: var(--thm-color-white);
	height: 110px;
	transition: all 100ms;
}


/*Gallery Carousel*/
#myCarousel .nav a small {
	display: block;
}

#myCarousel .nav {
	background: transparent !important;
}

#myCarousel .active {
	background: transparent !important;
}

#myCarousel img {
	border-radius: 12px;
}


/* Form Generated */
#formGenerated .form-group > label {
	position: relative;
	background-color: transparent;
	padding: 0px 5px 0px 5px;
	font-size: 0.8em;
	z-index: 99;
}

#formGenerated .invalid {
	background-color: #ffdddd;
}

#formGenerated .error-message {
	color: red;
	font-size: 12px;
	display: none;
}

	#formGenerated .error-message.active {
		display: block;
	}

/* Image Rediuse */
.border-radius {
	border-radius: 16px;
}


textarea:focus,
input[type="text"]:focus,
input[type="checkbox"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
	border-color: rgba(15, 183, 184,0.8) !important;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(15, 183, 184,0.6) !important;
	outline: 0 none !important;
}