@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Saira:wght@300;400;500;600;700;800;900&display=swap";

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

a:focus,
input:focus,
textarea:focus,
button:focus {
	outline: 0 solid
}

html,
body {
	height: 100%
}
 
.blossom{
	width: 100%;
	height: auto;
}



body {
	font-size: 16px;
	font-family: inter, sans-serif
}



h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 700;
	margin-bottom: 20px
}

img {
	max-width: 100%
}

a,
ul,
ol {
	padding: 0;
	margin: 0;
	list-style: none
}

p {
	color: #696969;
	line-height: 1.8
}

a,
a:hover {
	text-decoration: none
}




input,
select,
audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle
}

.sec-pad {
	padding: 120px 0
}

.sec-pad-top {
	padding-top: 120px
}

.sec-pad-bottom {
	padding-bottom: 120px
}

.sec-mar {
	margin: 120px 0
}

.sec-mar-top {
	margin-top: 120px
}

.sec-mar-bottom {
	margin-bottom: 120px
}

.preloader {
	position: fixed;
	height: 100%;
	width: 100%;
	background-color: #000;
	z-index: 99999
}

.preloader #loader {
	height: 50px;
	width: 50px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	position: absolute
}

.preloader #corners {
	fill: none;
	stroke-width: 7;
	stroke: #27c1ce;
	stroke-dasharray: 25;
	animation: dash infinite 1.5s ease;
	-webkit-animation: dash infinite 1.5s ease
}

.preloader #L {
	fill: none;
	stroke: #fff;
	stroke-width: 4;
	stroke-dasharray: 50;
	animation: L 1.5s infinite ease;
	-webkit-animation: L infinite 1.5s ease
}

@-webkit-keyframes dash {
	100% {
		stroke-dashoffset: -50
	}
}

@keyframes dash {
	100% {
		stroke-dashoffset: -50
	}
}

@-webkit-keyframes L {
	100% {
		stroke-dashoffset: 100
	}
}

@keyframes L {
	100% {
		stroke-dashoffset: 100
	}
}

.cmn-btn a {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 18px;
	text-align: center;
	color: #fff;
	border: 1px solid transparent;
	background: #27c1ce;
	border-radius: 5px;
	min-width: 160px;
	display: inline-block;
	padding: 15px 30px;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

@media(max-width:767px) {
	.cmn-btn a {
		font-size: 16px;
		padding: 12px 30px
	}
}

.cmn-btn a img {
	padding: 7px;
	border-radius: 50px;
	margin-left: 8px;
	background-color: #fff
}

.cmn-btn a:hover {
	color: #27c1ce;
	border: 1px solid #27c1ce;
	background: #fff
}

.header-search {
	position: fixed;
	top: -100%;
	left: 0;
	padding: 50px 100px;
	background-color: #fff;
	width: 100%;
	z-index: 9999;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
	box-shadow: 0 0 5px rgba(0, 0, 0, .1);
	-webkit-transition: all .8s ease-out 0s;
	transition: all .8s ease-out 0s
}

.header-search.slide {
	top: 0%
}

.search-box {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.search-box form {
	min-width: 90%
}

.search-box form label {
	color: #000;
	margin-bottom: 20px;
	font-family: saira, sans-serif;
	display: block;
	text-transform: uppercase;
	font-size: 14px;
	-webkit-animation: wave 2s ease-in;
	animation: wave 2s ease-in
}

.search-box form input {
	width: 100%;
	background: 0 0;
	border: none;
	border-bottom: 1px solid #505050;
	color: #000;
	padding: 10px 0;
	font-size: 14px
}

.search-box .search-cross-btn {
	position: absolute;
	right: 0;
	bottom: 0;
	cursor: pointer
}

.search-box .search-cross-btn i {
	height: 40px;
	width: 40px;
	line-height: 40px;
	background: #27c1ce;
	display: block;
	text-align: center;
	font-size: 20px;
	color: #fff;
	border-radius: 50%
}

.header-search.down {
	top: 0
}

@-webkit-keyframes wave {
	from {
		-webkit-transform: translateX(100px);
		transform: translateX(100px)
	}

	to {
		-webkit-transform: translateX(0px);
		transform: translateX(0px)
	}
}

@keyframes wave {
	from {
		-webkit-transform: translateX(100px);
		transform: translateX(100px)
	}

	to {
		-webkit-transform: translateX(0px);
		transform: translateX(0px)
	}
}

.sticky {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 5px;
	z-index: 99;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 2px 28px 0 #7a7a7a1a;
	box-shadow: 0 2px 28px 0 #7a7a7a1a
}

.header-bottom2.position_top.sticky {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #000;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 0 5px rgba(255, 255, 255, .2);
	box-shadow: 0 0 5px rgba(255, 255, 255, .2)
}

.header-bottom2.position_top.sticky .container {
	border: none
}

.sec-title {
	margin-bottom: 50px;
	text-align: center;
	margin-top: -10px
}

.sec-title h2 {
	font-family: saira, sans-serif;
	font-weight: 700;
	font-size: 44px;
	text-align: center;
	color: #212121;
	margin-bottom: 15px
}

@media(max-width:767px) {
	.sec-title h2 {
		font-size: 30px
	}
}

.sec-title p {
	font-size: 16px;
	text-align: center;
	color: #696969;
	margin: 0
}

@media(max-width:767px) {
	.sec-title p {
		font-size: 14px
	}
}

.sec-title.two h2 {
	font-family: poppins, sans-serif
}

.breadcrumbs {
	position: relative;
	min-height: 500px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 2, 20, 0.75)), to(rgba(0, 2, 20, 0.75))), url(../img/breadcrumbs-bg.jpg);
	background-image: linear-gradient(rgba(0, 2, 20, 0.75), rgba(0, 2, 20, 0.75)), url(../img/breadcrumbs-bg.jpg);
	background-size: cover;
	background-position: center center
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.breadcrumbs {
		min-height: 400px
	}
}

@media(max-width:767px) {
	.breadcrumbs {
		min-height: 320px
	}
}

.breadcrumb-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-height: 500px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.breadcrumb-wrapper {
		min-height: 400px
	}
}

@media(max-width:767px) {
	.breadcrumb-wrapper {
		min-height: 320px;
		text-align: center
	}
}

.breadcrumb-wrapper h1 {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 55px;
	color: #fff;
	margin-bottom: 10px
}

@media(max-width:767px) {
	.breadcrumb-wrapper h1 {
		font-size: 30px
	}
}

.breadcrumb-wrapper span {
	font-family: saira, sans-serif;
	font-weight: 500;
	font-size: 20px;
	color: #fff;
	text-transform: capitalize
}

@media(max-width:767px) {
	.breadcrumb-wrapper span {
		font-size: 16px
	}
}

.breadcrumb-wrapper span i {
	margin: 0 5px;
	font-size: 16px
}

.breadcrumb-wrapper span a {
	color: #27c1ce
}

.load-more {
	text-align: center;
	margin-top: 50px
}

.for-mobile-view {
	display: none
}

@media only screen and (min-width:992px) and (max-width:1199px),
(max-width:767px) {
	.for-mobile-view {
		padding-left: 10px;
		margin-top: 20px;
		display: block
	}
}

.for-mobile-view .mail,
.for-mobile-view .phone {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: left;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.for-mobile-view .mail .icon,
.for-mobile-view .phone .icon {
	min-width: 35px
}

.for-mobile-view .mail .icon i,
.for-mobile-view .phone .icon i {
	font-size: 26px;
	color: #333
}

.for-mobile-view .mail .mail-cnt span,
.for-mobile-view .mail .phone-cnt span,
.for-mobile-view .phone .mail-cnt span,
.for-mobile-view .phone .phone-cnt span {
	font-family: poppins, sans-serif;
	font-weight: 600;
	font-size: 12px;
	display: block;
	color: #333
}

.for-mobile-view .mail .mail-cnt a,
.for-mobile-view .mail .phone-cnt a,
.for-mobile-view .phone .mail-cnt a,
.for-mobile-view .phone .phone-cnt a {
	display: block;
	font-family: saira, sans-serif;
	font-weight: 500;
	font-size: 14px;
	color: #333;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.for-mobile-view .mail .mail-cnt a:hover,
.for-mobile-view .mail .phone-cnt a:hover,
.for-mobile-view .phone .mail-cnt a:hover,
.for-mobile-view .phone .phone-cnt a:hover {
	color: #27c1ce
}

.for-mobile-view .phone {
	margin-top: 20px
}

.header-top {
	padding: 20px 0;
	border-bottom: 1px solid #eee
}

.header-top .mail,
.header-top .phone {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media(max-width:767px) {

	.header-top .mail,
	.header-top .phone {
		display: none
	}
}

.header-top .mail .icon,
.header-top .phone .icon {
	min-width: 35px
}

.header-top .mail .icon i,
.header-top .phone .icon i {
	font-size: 26px;
	color: #1d1d1d
}

.header-top .mail .mail-cnt span,
.header-top .mail .phone-cnt span,
.header-top .phone .mail-cnt span,
.header-top .phone .phone-cnt span {
	font-family: poppins, sans-serif;
	font-weight: 600;
	font-size: 12px;
	display: block;
	color: #6b6b6b
}

.header-top .mail .mail-cnt a,
.header-top .mail .phone-cnt a,
.header-top .phone .mail-cnt a,
.header-top .phone .phone-cnt a {
	display: block;
	font-family: saira, sans-serif;
	font-weight: 500;
	font-size: 14px;
	color: #1d1d1d;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.header-top .mail .mail-cnt a:hover,
.header-top .mail .phone-cnt a:hover,
.header-top .phone .mail-cnt a:hover,
.header-top .phone .phone-cnt a:hover {
	color: #27c1ce
}

.header-top .phone {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

@media(max-width:767px) {
	.header-top .phone {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 20px
	}
}

.header-top .phone .icon img {
	max-height: 26px
}

.header-top .logo {
	text-align: center
}

.header-top .logo a {
	display: inline-block
}

.header-top .logo a img {
	max-width: 180px
}

.header-bottom {
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.main-nav .mobile-menu-logo {
	display: none;
	position: relative
}

.main-nav .mobile-menu-logo .remove {
	position: absolute;
	right: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer
}

.main-nav .mobile-menu-logo .remove i {
	height: 30px;
	width: 30px;
	line-height: 30px;
	display: inline-block;
	color: #fff;
	background: #27c1ce;
	text-align: center;
	border-radius: 50%;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.main-nav ul {
	list-style: none
}

.main-nav ul li {
	display: inline-block;
	position: relative;
	padding: 0 20px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.main-nav ul li {
		padding: 0 15px
	}
}

.main-nav ul li:first-child {
	padding-left: 0
}

.main-nav ul li a {
	position: relative;
	font-size: 16px;
	padding: 25px 0;
	font-weight: 500;
	color: #212121;
	display: inline-block;
	font-family: saira, sans-serif;
	text-transform: uppercase;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.main-nav ul li a.active {
	color: #27c1ce
}

.main-nav ul li a:hover {
	color: #27c1ce
}

.main-nav ul li i {
	position: absolute;
	top: 25px;
	right: 0;
	font-size: 14px;
	text-align: center;
	z-index: 999;
	cursor: pointer
}

.main-nav ul li ul.sub-menu {
	position: absolute;
	left: 0;
	right: 0;
	top: auto;
	margin: 0;
	opacity: 0;
	visibility: hidden;
	min-width: 200px;
	background: #fff;
	text-align: left;
	z-index: 9;
	-webkit-box-shadow: 0 0 65px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 0 65px 0 rgba(0, 0, 0, .1);
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s;
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px)
}

.main-nav ul li ul.sub-menu>li {
	padding: 0;
	display: block;
	border-bottom: 1px solid #eee
}

.main-nav ul li ul.sub-menu>li:last-child {
	border: none
}

.main-nav ul li ul.sub-menu>li a {
	position: relative;
	display: block;
	padding: 12px 20px;
	color: #000;
	font-family: saira, sans-serif;
	font-weight: 400;
	text-transform: capitalize;
	font-size: 16px;
	line-height: 1;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.main-nav ul li ul.sub-menu>li a:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(96.98deg, #FF3A7F 0%, #FF5F45 100%);
	width: 100%;
	height: 100%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: left;
	transform-origin: left;
	-webkit-transition: .4s ease-in;
	transition: .4s ease-in;
	z-index: -1
}

.main-nav ul li ul.sub-menu>li a.active {
	font-weight: 500;
	color: #27c1ce
}

.main-nav ul li ul.sub-menu>li a:hover {
	color: #fff
}

.main-nav ul li ul.sub-menu>li a:hover:before {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.main-nav ul li:hover ul.sub-menu {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.header-right-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

@media(max-width:767px) {
	.search {
		display: none
	}
}

@media only screen and (min-width:576px) and (max-width:767px) {
	.search {
		display: block
	}
}

.search i {
	display: inline-block;
	color: #212121;
	font-size: 18px;
	cursor: pointer
}

.side-menu {
	position: relative;
	top: 3.5px;
	display: inline-block;
	margin: 0 40px
}

@media(min-width:1400px) and (max-width:1599px) {
	.side-menu {
		margin: 0 20px
	}
}

@media(max-width:767px) {
	.side-menu {
		display: none
	}
}

@media only screen and (min-width:576px) and (max-width:767px) {
	.side-menu {
		display: block
	}
}

.side-btn {
	position: relative;
	display: inline-block !important;
	width: 30px !important;
	height: 22px !important;
	cursor: pointer;
	border: 3px solid transparent !important
}

.side-btn span {
	position: absolute;
	right: 0;
	width: 100%;
	height: 2px;
	background-color: #212121 !important;
	display: block
}

.side-btn span.cross-top {
	top: 0
}

.side-btn span.cross-middle {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.side-btn span.cross-bottom {
	bottom: 0
}

.donate-btn a {
	display: inline-block;
	background-image: linear-gradient(96.98deg, #FF3A7F 0%, #FF5F45 100%);
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 16px;
	text-align: center;
	color: #fff;
	min-width: 155px;
	padding: 8px;
	border-radius: 50px;
	padding-left: 15px;
	border: 1px solid transparent;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.donate-btn a i {
	display: inline-block;
	background-color: #fff;
	color: #ff4f4f;
	height: 26px;
	width: 26px;
	line-height: 26px;
	text-align: center;
	border-radius: 50%;
	margin-left: 10px;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.donate-btn a:hover {
	color: #212121;
	background: 0 0;
	border: 1px solid #27c1ce
}

.donate-btn a:hover i {
	color: #212121;
	background-color: #27c1ce
}

.donate-btn.two:hover a {
	background-color: transparent
}

header.style-1 {
	background-color: #fff;
	width: 100%;
	z-index: 99;
	padding: 0 100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media(min-width:1400px) and (max-width:1599px) {
	header.style-1 {
		padding: 0 60px
	}
}

@media(min-width:1200px) and (max-width:1399px) {
	header.style-1 {
		padding: 0 50px
	}
}

@media(min-width:992px) and (max-width:1199px) {
	header.style-1 {
		padding: 0 30px
	}
}

@media(max-width:991px) {
	header.style-1 {
		padding: 0;
		top: 0
	}
}

header.style-1.sticky {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	background: #fff;
	-webkit-box-shadow: 5px 3px 40px rgba(0, 72, 88, .1);
	box-shadow: 5px 3px 40px rgba(0, 72, 88, .1);
	-webkit-animation: smooth-header .65s linear;
	animation: smooth-header .65s linear
}

@-webkit-keyframes smooth-header {
	0% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}

	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px)
	}
}

@keyframes smooth-header {
	0% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}

	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px)
	}
}

header.style-1 .nav-right .hotline {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 40px;
	margin-top: 15px
}

@media(min-width:1400px) and (max-width:1599px) {
	header.style-1 .nav-right .hotline {
		margin-right: 20px
	}
}

header.style-1 .nav-right .hotline .hotline-icon {
	margin-right: 8px;
	margin-top: -10px
}

header.style-1 .nav-right .hotline .hotline-info span {
	font-size: 12px;
	font-weight: 400;
	font-family: saira, sans-serif;
	color: #2e2e2e
}

header.style-1 .nav-right .hotline .hotline-info h6 a {
	font-size: 14px;
	font-weight: 600;
	font-family: saira, sans-serif;
	color: #2e2e2e;
	white-space: nowrap
}

header.style-1 .nav-right .search-btn {
	width: 42px;
	height: 42px;
	line-height: 45px;
	text-align: center;
	border-radius: 5px;
	cursor: pointer
}

header.style-1 .nav-right .search-btn .bi {
	font-size: 20px;
	color: #2e2e2e;
	-webkit-transition: .35s;
	transition: .35s
}

header.style-1 .nav-right .search-btn .bi:hover {
	color: #27c1ce
}

@media(max-width:991px) {
	header.style-1 .nav-right .search-btn {
		display: none;
		visibility: hidden
	}
}

header.style-1 .mobile-menu-btn span {
	font-weight: 600;
	color: #2e2e2e;
	padding: 23px 30px;
	-webkit-transition: .35s;
	transition: .35s
}

header.style-1 .mobile-menu-btn span:hover {
	color: #27c1ce
}

header.style-1 .header-logo {
	background: #27c1ce;
	height: 84px;
	padding: 20px;
	max-width: 260px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media(max-width:576px) {
	header.style-1 .header-logo {
		max-width: 180px
	}
}

@media(max-width:991px) {
	header.style-1 .header-logo {
		padding: 19px 30px;
		height: unset
	}
}

header.style-1 .header-logo img {
	max-width: 100%
}

header.style-1 .header-btn {
	font-size: 1rem;
	font-weight: 600;
	border: 1px solid #27c1ce;
	border-radius: 5px;
	padding: 8px 12px;
	display: inline-block;
	-webkit-transition: .35s ease-in;
	transition: .35s ease-in;
	cursor: pointer;
	white-space: nowrap;
	font-family: saira, sans-serif
}

header.style-1 .header-btn a {
	color: #27c1ce
}

header.style-1 .header-btn a img {
	padding: 7px;
	border-radius: 50px;
	margin-left: 8px;
	background-color: #27c1ce
}

header.style-1 .header-btn:hover {
	background: #27c1ce
}

header.style-1 .header-btn:hover a {
	color: #fff
}

@media(max-width:1199px) {
	header.style-1 .header-btn {
		display: none;
		visibility: hidden
	}
}

header.style-1 .main-menu .menu-list {
	margin-bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0
}

@media(max-width:991px) {
	header.style-1 .main-menu .menu-list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: start
	}
}

header.style-1 .main-menu .menu-list>li {
	position: relative;
	margin: 0 17px;
	display: inline-block
}

@media(max-width:1199px) {
	header.style-1 .main-menu .menu-list>li {
		margin: 0 15px
	}
}

@media(max-width:991px) {
	header.style-1 .main-menu .menu-list>li {
		margin: 0;
		width: 100%
	}
}

header.style-1 .main-menu .menu-list>li .dropdown-icon {
	color: #2e2e2e;
	font-size: 25px;
	-webkit-transition: .4s ease-in;
	transition: .4s ease-in;
	opacity: 0;
	visibility: hidden
}

@media(max-width:991px) {
	header.style-1 .main-menu .menu-list>li .dropdown-icon {
		opacity: 1;
		visibility: visible
	}
}

header.style-1 .main-menu .menu-list>li a {
	font-size: 16px;
	font-weight: 500;
	color: #2e2e2e;
	padding: 30px 0;
	display: inline-block;
	white-space: nowrap;
	-webkit-transition: .4s;
	transition: .4s;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-family: saira, sans-serif
}

header.style-1 .main-menu .menu-list>li a.active {
	color: #27c1ce
}

header.style-1 .main-menu .menu-list>li a:hover {
	color: #27c1ce
}

@media(max-width:991px) {
	header.style-1 .main-menu .menu-list>li a {
		padding: 12px 0;
		display: block;
		position: relative;
		border-bottom: 1px solid rgba(46, 46, 46, .098)
	}

	header.style-1 .main-menu .menu-list>li a:hover {
		color: unset
	}
}

header.style-1 .main-menu .menu-list>li .submenu {
	padding: 0;
	position: absolute;
	top: 84px;
	left: 0;
	max-width: 230px;
	min-width: 200px;
	background-color: #fff;
	text-align: left;
	-webkit-transform: translateY(25px);
	transform: translateY(25px);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .55s ease-in-out;
	transition: all .55s ease-in-out;
	-webkit-box-shadow: 5px 3px 40px rgba(0, 72, 88, .1);
	box-shadow: 5px 3px 40px rgba(0, 72, 88, .1)
}

@media(max-width:991px) {
	header.style-1 .main-menu .menu-list>li .submenu {
		opacity: 1;
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		border: unset;
		display: none;
		-webkit-transition: unset;
		transition: unset;
		-webkit-box-shadow: unset;
		box-shadow: unset;
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		visibility: unset
	}
}

header.style-1 .main-menu .menu-list>li .submenu>li a {
	display: block;
	padding: 10px 15px;
	border-bottom: 1px solid rgba(46, 46, 46, .1);
	position: relative;
	z-index: 1;
	font-size: 14px;
	color: #2e2e2e
}

@media(max-width:991px) {
	header.style-1 .main-menu .menu-list>li .submenu>li a {
		border-bottom: unset;
		padding: 12px 15px
	}
}

header.style-1 .main-menu .menu-list>li .submenu>li a::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	background: #27c1ce;
	width: 100%;
	height: 1px;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: left;
	transform-origin: left;
	-webkit-transition: .4s ease-in;
	transition: .4s ease-in;
	z-index: -1
}

header.style-1 .main-menu .menu-list>li .submenu>li a:hover {
	color: #27c1ce
}

header.style-1 .main-menu .menu-list>li .submenu>li a:hover::before {
	-webkit-transform: scale(1);
	transform: scale(1)
}

header.style-1 .main-menu .menu-list>li .submenu>li a:last-child {
	border-bottom: unset
}

header.style-1 .main-menu .menu-list>li.menu-item-has-children {
	position: relative;
	z-index: 1;
	padding-right: 20px
}

@media(max-width:991px) {
	header.style-1 .main-menu .menu-list>li.menu-item-has-children {
		padding-right: unset
	}
}

header.style-1 .main-menu .menu-list>li.menu-item-has-children::after {
	content: '\F282';
	font-family: bootstrap-icons;
	font-weight: 600;
	position: absolute;
	top: 33px;
	right: 0;
	font-size: 13px;
	-webkit-transition: all .42s ease-in-out;
	transition: all .42s ease-in-out
}

@media(max-width:991px) {
	header.style-1 .main-menu .menu-list>li.menu-item-has-children::after {
		display: none;
		visibility: hidden
	}
}

header.style-1 .main-menu .menu-list>li.menu-item-has-children .dropdown-icon {
	position: absolute;
	top: 12px;
	right: 0;
	font-size: 20px
}

header.style-1 .main-menu .menu-list>li.menu-item-has-children:hover .submenu {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	visibility: visible
}

header.style-1 .main-menu .menu-list>li.menu-item-has-children:hover::after {
	color: #27c1ce;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

@media(max-width:991px) {
	header.style-1 .main-menu {
		position: fixed;
		top: 0%;
		left: -100%;
		width: 280px;
		height: 100%;
		overflow-y: auto;
		background-color: #fff;
		border-right: 1px solid rgba(46, 46, 46, .1);
		padding: 40px 20px;
		z-index: 999;
		-webkit-transition: .7s ease-in-out;
		transition: .7s ease-in-out;
		border-right: 1px solid #eee
	}

	header.style-1 .main-menu.show-menu {
		left: 0
	}
}

header.style-1 .main-menu .mobile-logo-area {
	margin-bottom: 25px
}

header.style-1 .main-menu .mobile-logo-area .menu-close-btn {
	cursor: pointer
}

header.style-1 .main-menu .mobile-logo-area .menu-close-btn .bi {
	color: #2e2e2e;
	font-size: 18px
}

header.style-1 .main-menu .mobile-logo-area .menu-close-btn .bi:hover {
	color: #2e2e2e
}

header.style-1 .main-menu .mobile-logo-wrap {
	background: #fff;
	padding: 10px
}

header.style-1 .mobile-menu-form {
	margin-top: 50px
}

header.style-1 .mobile-menu-form .input-with-btn input {
	width: 100%;
	height: 45px;
	border: 1px solid #eee;
	border-radius: 10px;
	padding: 0 15px;
	font-family: saira, sans-serif;
	font-size: 1rem
}

header.style-1 .mobile-menu-form .input-with-btn button {
	font-size: 1rem;
	font-weight: 600;
	border: 1px solid #27c1ce;
	border-radius: 5px;
	padding: 12px;
	display: inline-block;
	-webkit-transition: .35s ease-in;
	transition: .35s ease-in;
	cursor: pointer;
	white-space: nowrap;
	font-family: saira, sans-serif;
	background-color: #27c1ce;
	color: #fff;
	margin-top: 20px
}

.header-area-2 {
	background-color: #fff;
	width: 100%;
	z-index: 999;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 50px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 100px;
	position: static;
	top: 30px;
	right: 0;
	left: 0;
	margin: 0 auto;
	max-width: 1690px
}

@media(max-width:1399px) {
	.header-area-2 {
		top: 0
	}
}

@media(min-width:1200px) and (max-width:1399px) {
	.header-area-2 {
		padding: 0 50px
	}
}

@media(min-width:992px) and (max-width:1199px) {
	.header-area-2 {
		padding: 0 30px
	}
}

@media(max-width:991px) {
	.header-area-2 {
		padding: 0;
		top: 0
	}
}

.header-area-2.sticky {
	position: fixed;
	z-index: 9999;
	background: #fff;
	position: fixed;
	top: 15px;
	right: 0;
	left: 0;
	margin: 0 auto;
	-webkit-box-shadow: 5px 3px 40px rgba(0, 72, 88, .1);
	box-shadow: 5px 3px 40px rgba(0, 72, 88, .1);
	-webkit-animation: smooth-header .65s linear;
	animation: smooth-header .65s linear
}

@keyframes smooth-header {
	0% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}

	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px)
	}
}

.header-area-2 .nav-right .hotline {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 40px;
	margin-top: 15px
}

.header-area-2 .nav-right .hotline .hotline-icon {
	margin-right: 8px;
	margin-top: -10px
}

.header-area-2 .nav-right .hotline .hotline-info span {
	font-size: 12px;
	font-weight: 400;
	font-family: saira, sans-serif;
	color: #2e2e2e
}

.header-area-2 .nav-right .hotline .hotline-info h6 a {
	font-size: 14px;
	font-weight: 600;
	font-family: saira, sans-serif;
	color: #2e2e2e;
	white-space: nowrap
}

.header-area-2 .nav-right .search-btn {
	width: 42px;
	height: 42px;
	line-height: 45px;
	text-align: center;
	border-radius: 5px;
	cursor: pointer
}

.header-area-2 .nav-right .search-btn .bi {
	font-size: 20px;
	color: #2e2e2e;
	-webkit-transition: .35s;
	transition: .35s
}

.header-area-2 .nav-right .search-btn .bi:hover {
	color: #27c1ce
}

@media(max-width:991px) {
	.header-area-2 .nav-right .search-btn {
		display: none;
		visibility: hidden
	}
}

.header-area-2 .mobile-menu-btn span {
	font-weight: 600;
	background: #00b49d;
	color: #fff;
	padding: 22px 30px;
	-webkit-transition: .35s;
	transition: .35s;
	border-radius: 0 100px 100px 0
}

.header-area-2 .mobile-menu-btn span:hover {
	background: #2e2e2e
}

.header-area-2 .header-btn {
	font-size: 1rem;
	font-weight: 600;
	border: 1px solid #00b49d;
	border-radius: 30px;
	padding: 8px 22px;
	display: inline-block;
	-webkit-transition: .35s ease-in;
	transition: .35s ease-in;
	cursor: pointer;
	white-space: nowrap;
	font-family: saira, sans-serif
}

.header-area-2 .header-btn a {
	color: #00b49d
}

.header-area-2 .header-btn a img {
	padding: 7px;
	border-radius: 50px;
	margin-left: 8px;
	background-color: #00b49d;
	position: relative;
	right: -5px
}

.header-area-2 .header-btn:hover {
	background: #00b49d
}

.header-area-2 .header-btn:hover a {
	color: #fff
}

@media(max-width:1199px) {
	.header-area-2 .header-btn {
		display: none;
		visibility: hidden
	}
}

.header-area-2 .main-menu .menu-list {
	margin-bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0
}

@media(max-width:991px) {
	.header-area-2 .main-menu .menu-list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: start
	}
}

.header-area-2 .main-menu .menu-list>li {
	position: relative;
	margin: 0 17px;
	display: inline-block
}

@media(max-width:1199px) {
	.header-area-2 .main-menu .menu-list>li {
		margin: 0 15px
	}
}

@media(max-width:991px) {
	.header-area-2 .main-menu .menu-list>li {
		margin: 0;
		width: 100%
	}
}

.header-area-2 .main-menu .menu-list>li .dropdown-icon {
	color: #2e2e2e;
	font-size: 25px;
	-webkit-transition: .4s ease-in;
	transition: .4s ease-in;
	opacity: 0;
	visibility: hidden
}

@media(max-width:991px) {
	.header-area-2 .main-menu .menu-list>li .dropdown-icon {
		opacity: 1;
		visibility: visible
	}
}

.header-area-2 .main-menu .menu-list>li a {
	font-size: 16px;
	font-weight: 500;
	color: #2e2e2e;
	padding: 30px 0;
	display: inline-block;
	white-space: nowrap;
	-webkit-transition: .4s;
	transition: .4s;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-family: saira, sans-serif
}

.header-area-2 .main-menu .menu-list>li a:hover {
	color: #27c1ce
}

@media(max-width:991px) {
	.header-area-2 .main-menu .menu-list>li a {
		padding: 12px 0;
		display: block;
		position: relative;
		border-bottom: 1px solid rgba(46, 46, 46, .098)
	}

	.header-area-2 .main-menu .menu-list>li a:hover {
		color: unset
	}
}

.header-area-2 .main-menu .menu-list>li .submenu {
	padding: 0;
	position: absolute;
	top: 84px;
	left: 0;
	max-width: 230px;
	min-width: 200px;
	background-color: #fff;
	text-align: left;
	-webkit-transform: translateY(25px);
	transform: translateY(25px);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .55s ease-in-out;
	transition: all .55s ease-in-out;
	-webkit-box-shadow: 5px 3px 40px rgba(0, 72, 88, .1);
	box-shadow: 5px 3px 40px rgba(0, 72, 88, .1)
}

@media(max-width:991px) {
	.header-area-2 .main-menu .menu-list>li .submenu {
		opacity: 1;
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		border: unset;
		display: none;
		-webkit-transition: unset;
		transition: unset;
		-webkit-box-shadow: unset;
		box-shadow: unset;
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		visibility: unset
	}
}

.header-area-2 .main-menu .menu-list>li .submenu>li a {
	display: block;
	padding: 10px 15px;
	border-bottom: 1px solid rgba(46, 46, 46, .1);
	position: relative;
	z-index: 1;
	font-size: 14px;
	color: #2e2e2e
}

@media(max-width:991px) {
	.header-area-2 .main-menu .menu-list>li .submenu>li a {
		border-bottom: unset;
		padding: 12px 15px
	}
}

.header-area-2 .main-menu .menu-list>li .submenu>li a::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	background: #27c1ce;
	width: 100%;
	height: 1px;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: left;
	transform-origin: left;
	-webkit-transition: .4s ease-in;
	transition: .4s ease-in;
	z-index: -1
}

.header-area-2 .main-menu .menu-list>li .submenu>li a:hover {
	color: #27c1ce
}

.header-area-2 .main-menu .menu-list>li .submenu>li a:hover::before {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.header-area-2 .main-menu .menu-list>li .submenu>li a:last-child {
	border-bottom: unset
}

.header-area-2 .main-menu .menu-list>li.menu-item-has-children {
	position: relative;
	z-index: 1;
	padding-right: 20px
}

@media(max-width:991px) {
	.header-area-2 .main-menu .menu-list>li.menu-item-has-children {
		padding-right: unset
	}
}

.header-area-2 .main-menu .menu-list>li.menu-item-has-children::after {
	content: '\F282';
	font-family: bootstrap-icons;
	font-weight: 600;
	position: absolute;
	top: 33px;
	right: 0;
	font-size: 13px;
	-webkit-transition: all .42s ease-in-out;
	transition: all .42s ease-in-out
}

@media(max-width:991px) {
	.header-area-2 .main-menu .menu-list>li.menu-item-has-children::after {
		display: none;
		visibility: hidden
	}
}

.header-area-2 .main-menu .menu-list>li.menu-item-has-children .dropdown-icon {
	position: absolute;
	top: 12px;
	right: 0;
	font-size: 20px
}

.header-area-2 .main-menu .menu-list>li.menu-item-has-children:hover .submenu {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	visibility: visible
}

.header-area-2 .main-menu .menu-list>li.menu-item-has-children:hover::after {
	color: #27c1ce;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

@media(max-width:991px) {
	.header-area-2 .main-menu {
		position: fixed;
		top: 0%;
		left: -100%;
		width: 280px;
		height: 100vh;
		overflow-y: auto;
		background-color: #fff;
		border-right: 1px solid rgba(46, 46, 46, .1);
		padding: 40px 20px;
		z-index: 999;
		-webkit-transition: .7s ease-in-out;
		transition: .7s ease-in-out;
		border-right: 1px solid #2e2e2e
	}

	.header-area-2 .main-menu.show-menu {
		left: 0
	}
}

.header-area-2 .main-menu .mobile-logo-area {
	margin-bottom: 25px
}

.header-area-2 .main-menu .mobile-logo-area .menu-close-btn {
	cursor: pointer
}

.header-area-2 .main-menu .mobile-logo-area .menu-close-btn .bi {
	color: #2e2e2e;
	font-size: 18px
}

.header-area-2 .main-menu .mobile-logo-area .menu-close-btn .bi:hover {
	color: #2e2e2e
}

.header-area-2 .main-menu .mobile-logo-wrap {
	background: #fff;
	padding: 10px
}

.header-area-2 .side-menu {
	position: relative;
	top: 3.5px;
	display: inline-block;
	margin: 0 40px 0 15px
}

@media(max-width:767px) {
	.header-area-2 .side-menu {
		display: none
	}
}

@media only screen and (min-width:576px) and (max-width:767px) {
	.header-area-2 .side-menu {
		display: block
	}
}

@media(max-width:991px) {
	.header-area-2 .header-logo {
		padding: 18px 0 18px 25px
	}
}

.header-area-2 .mobile-menu-form {
	margin-top: 50px
}

.header-area-2 .mobile-menu-form .input-with-btn input {
	width: 100%;
	height: 45px;
	border: 1px solid #eee;
	border-radius: 10px;
	padding: 0 15px;
	font-family: poppins, sans-serif;
	font-size: 1rem
}

.header-area-2 .mobile-menu-form .input-with-btn button {
	font-size: 1rem;
	font-weight: 600;
	border: 1px solid #00b49d;
	border-radius: 5px;
	padding: 12px;
	display: inline-block;
	-webkit-transition: .35s ease-in;
	transition: .35s ease-in;
	cursor: pointer;
	white-space: nowrap;
	font-family: poppins, sans-serif;
	background-color: #00b49d;
	color: #fff;
	margin-top: 20px
}

.hotline.two {
	position: absolute;
	bottom: 20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 40px;
	margin-top: 15px
}

.hotline.two .hotline-icon {
	margin-right: 8px;
	margin-top: -10px
}

.hotline.two .hotline-info {
	text-align: center
}

.hotline.two .hotline-info span {
	font-size: 16px;
	font-weight: 400;
	font-family: saira, sans-serif;
	color: #2e2e2e
}

.hotline.two .hotline-info h6 a {
	font-size: 20px;
	font-weight: 600;
	font-family: saira, sans-serif;
	color: #2e2e2e;
	white-space: nowrap
}

.hero-area {
	min-height: 100vh;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(39, 193, 206, 0.2)), to(rgba(39, 193, 206, 0.2)));
	background-image: linear-gradient(rgba(39, 193, 206, 0.2), rgba(39, 193, 206, 0.2));
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	padding: 130px 0
}

@media(max-width:767px) {
	.hero-area {
		min-height: 520px
	}
}

.hero-area ul .hand-top {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1
}

.hero-area ul .hand-btm {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: -1
}

.hero-area ul .bannar1-vector-top {
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	-webkit-animation: jump 8s linear infinite;
	animation: jump 8s linear infinite
}

.hero-area ul .bannar-top-2 {
	position: absolute;
	top: 0;
	right: 0;
	z-index: -2
}

.hero-area ul .bannar1-vector-btm {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
	-webkit-animation: jump 8s linear infinite;
	animation: jump 8s linear infinite
}

.hero-area ul .bannar1-vector-pata {
	position: absolute;
	left: 40%;
	top: 10%;
	z-index: -1;
	-webkit-animation: jump 8s linear infinite;
	animation: jump 8s linear infinite
}

@-webkit-keyframes jump {
	0% {
		opacity: .2
	}

	50% {
		opacity: 2
	}

	100% {
		opacity: .2
	}
}

@keyframes jump {
	0% {
		opacity: .2
	}

	50% {
		opacity: 2
	}

	100% {
		opacity: .2
	}
}

.hero-area .hero-content>span {
	font-family: saira, sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	text-transform: uppercase;
	color: #27c1ce;
	display: block
}

@media(max-width:767px) {
	.hero-area .hero-content>span {
		margin-bottom: 5px;
		font-size: 14px
	}
}

.hero-area .hero-content h1 {
	font-family: saira, sans-serif;
	font-weight: 700;
	font-size: 60px;
	line-height: 80px;
	color: #2e2e2e
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.hero-area .hero-content h1 {
		font-size: 64px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.hero-area .hero-content h1 {
		font-size: 54px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.hero-area .hero-content h1 {
		font-size: 50px;
		line-height: 65px
	}
}

@media(max-width:767px) {
	.hero-area .hero-content h1 {
		font-size: 40px;
		line-height: 55px
	}
}

.hero-area .hero-content h1>span {
	position: relative
}

.hero-area .hero-content h1>span::after {
	content: url(../img/icons/bannar-word-vactor.svg);
	position: absolute;
	left: -10px;
	top: 4px
}

@media(max-width:767px) {
	.hero-area .hero-content h1>span::after {
		top: 2px
	}
}

.hero-area .hero-content p {
	font-size: 16px;
	color: #696969;
	margin-bottom: 40px;
	font-weight: 400;
	font-family: inter, sans-serif
}

@media(max-width:767px) {
	.hero-area .hero-content p {
		font-size: 14px
	}
}

.hero-area .bannar-buttonss {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.hero-area .bannar-buttonss .video-play {
	height: 95px;
	width: 95px;
	background: unset;
	border-radius: 50px;
	line-height: 95px;
	text-align: center;
	position: unset;
	left: unset;
	z-index: 9;
	top: unset
}

.hero-area .bannar-buttonss .video-play a {
	display: inline-block;
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	background-color: #27c1ce;
	border-radius: 50%;
	font-size: 14px;
	color: #27c1ce;
	-webkit-animation: ripple2 1.5s infinite;
	animation: ripple2 1.5s infinite
}

.hero-area .bannar-buttonss .video-play a i {
	margin-left: 4px;
	color: #fff
}

.hero-area .bannar-buttonss .watch-text {
	font-family: saira;
	font-weight: 600;
	font-size: 18px;
	color: #696969;
	-webkit-transition: o .35s;
	transition: o .35s
}

@media(max-width:767px) {
	.hero-area .bannar-buttonss .watch-text {
		font-size: 16px
	}
}

@-webkit-keyframes ripple2 {
	0% {
		-webkit-box-shadow: 0 0 0 0 #27c1ce80, 0 0 0 0 #27c1ce80;
		box-shadow: 0 0 0 0 #27c1ce80, 0 0 0 0 #27c1ce80
	}

	80% {
		-webkit-box-shadow: 0 0 0 10px #27c1ce40, 0 0 0 20px #27c1ce40;
		box-shadow: 0 0 0 10px #27c1ce40, 0 0 0 20px #27c1ce40
	}

	100% {
		-webkit-box-shadow: 0 0 0 0 #27c1ce80, 0 0 0 0 #27c1ce80;
		box-shadow: 0 0 0 0 #27c1ce80, 0 0 0 0 #27c1ce80
	}
}

@keyframes ripple2 {
	0% {
		-webkit-box-shadow: 0 0 0 0 #27c1ce80, 0 0 0 0 #27c1ce80;
		box-shadow: 0 0 0 0 #27c1ce80, 0 0 0 0 #27c1ce80
	}

	80% {
		-webkit-box-shadow: 0 0 0 10px #27c1ce40, 0 0 0 20px #27c1ce40;
		box-shadow: 0 0 0 10px #27c1ce40, 0 0 0 20px #27c1ce40
	}

	100% {
		-webkit-box-shadow: 0 0 0 0 #27c1ce80, 0 0 0 0 #27c1ce80;
		box-shadow: 0 0 0 0 #27c1ce80, 0 0 0 0 #27c1ce80
	}
}

.hero-area .cmn-btn a {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 18px;
	text-align: center;
	color: #fff;
	border: 1px solid transparent;
	background: #27c1ce;
	border-radius: 5px;
	min-width: 160px;
	display: inline-block;
	padding: 15px 30px;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

@media(max-width:767px) {
	.hero-area .cmn-btn a {
		font-size: 16px;
		padding: 12px 30px
	}
}

.hero-area .cmn-btn a img {
	padding: 7px;
	border-radius: 50px;
	margin-left: 8px;
	background-color: #fff
}

.hero-area .cmn-btn a:hover {
	color: #27c1ce;
	border: 1px solid #27c1ce;
	background: #fff
}

.hero-area .hero-img {
	width: 128%
}

.hero-area .hero-img img {
	width: 128%
}

@media(min-width:1400px) and (max-width:1599px) {
	.hero-area .hero-img {
		width: 107%
	}

	.hero-area .hero-img img {
		width: 107%
	}
}

@media(max-width:1399px) {
	.hero-area .hero-img {
		width: 100%
	}

	.hero-area .hero-img img {
		width: 100%
	}
}

@media(max-width:576px) {
	.hero-area .hero-img {
		display: none;
		visibility: hidden
	}
}

@media(max-width:767px) {
	.introduction {
		padding: 80px 0
	}
}

.introduction1 {
	background-image: url(../img/introduction-bg1.png);
	background-size: cover;
	background-position: center center
}

.introduction2 {
	background-image: url(../img/introduction-bg2.png);
	background-size: cover;
	background-position: center center
}

.intro-left {
	position: relative;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 25px
}

.intro-left.two {
	margin-top: 0
}

@media only screen and (min-width:768px) and (max-width:991px),
(max-width:767px) {
	.intro-left {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

.intro-left .frame-1 {
	margin-top: -25px
}

@media(max-width:767px) {
	.intro-left .frame-1 {
		margin-top: 0
	}
}

.intro-left .frame-1 .img-1 img {
	border-radius: 100px 5px 5px 5px
}

.intro-left .frame-1 .raised {
	position: relative;
	background-color: #fff;
	-webkit-box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	border-radius: 100px 100px 100px 5px;
	height: 160px;
	width: 160px;
	margin-left: auto;
	margin-top: 25px
}

.intro-left .frame-1 .raised .angle-shape {
	position: absolute;
	left: -25px;
	bottom: -25px;
	-webkit-animation: shape 1.5s linear infinite alternate;
	animation: shape 1.5s linear infinite alternate;
	-webkit-animation-delay: 1s;
	animation-delay: 1s
}

@media(max-width:576px) {
	.intro-left .frame-1 .raised .angle-shape {
		display: none
	}
}

.intro-left .frame-1 .raised .raised-cnt {
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%
}

.intro-left .frame-1 .raised .raised-cnt i img {
	max-height: 40px;
	max-width: 40px
}

.intro-left .frame-1 .raised .raised-cnt span {
	display: block;
	font-family: saira, sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	text-align: center;
	color: #000;
	margin: 10px 0
}

.intro-left .frame-1 .raised .raised-cnt h5 {
	font-family: saira, sans-serif;
	font-weight: 700;
	font-size: 20px;
	text-align: center;
	color: #000
}

.intro-left .frame-2 {
	margin-left: 25px
}

.intro-left .frame-2 .img-1 {
	position: relative;
	max-width: 255px;
	margin-bottom: 25px
}

@media(max-width:767px) {
	.intro-left .frame-2 .img-1 {
		margin-top: 25px
	}
}

.intro-left .frame-2 .img-1 img {
	border-radius: 5px
}

.intro-left .frame-2 .img-1 .angle-shape {
	position: absolute;
	right: -20px;
	top: -25px;
	z-index: -1;
	-webkit-animation: shape 1.5s linear infinite alternate;
	animation: shape 1.5s linear infinite alternate;
	-webkit-animation-delay: 1s;
	animation-delay: 1s
}

@media(max-width:576px) {
	.intro-left .frame-2 .img-1 .angle-shape {
		display: none
	}
}

@media(max-width:767px) {
	.intro-left .frame-2 .img-1 .angle-shape {
		right: -10px
	}
}

.intro-left .frame-2 .img-2 img {
	border-radius: 5px 5px 100px 5px
}

.intro-left .intro-left-img1 img {
	width: 100%;
	border-radius: 40px 40px 0 40px
}

.intro-left .intro-left-img2 {
	margin-top: 30px
}

.intro-left .intro-left-img2 img {
	width: 100%;
	border-radius: 30px 30px 30px 0
}

.intro-left .intro-left-img3 {
	margin-top: -30px
}

.intro-left .intro-left-img3 img {
	width: 100%;
	border-radius: 40px 0 40px 40px
}

.intro-left .intro-left-img4 img {
	width: 100%;
	border-radius: 0 40px 40px 40px
}

@-webkit-keyframes shape {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	50% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}

	100% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
}

@keyframes shape {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	50% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}

	100% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.intro-right {
		margin-left: 25px
	}
}

.intro-right span {
	font-family: saira, sans-serif;
	font-weight: 500;
	font-size: 16px;
	text-transform: uppercase;
	color: #696969;
	display: block;
	margin-bottom: 5px
}

.intro-right h2 {
	font-family: saira, sans-serif;
	font-weight: 700;
	font-size: 44px;
	color: #212121;
	margin-bottom: 20px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.intro-right h2 {
		font-size: 35px
	}
}

@media(max-width:767px) {
	.intro-right h2 {
		font-size: 30px
	}
}

.intro-right p {
	font-size: 16px;
	color: #696969;
	margin-bottom: 20px
}

@media(max-width:767px) {
	.intro-right p {
		font-size: 14px
	}
}

.intro-right .intro-list {
	list-style: none
}

.intro-right .intro-list li {
	font-family: saira, sans-serif;
	font-weight: 500;
	font-size: 18px;
	color: #696969;
	margin-bottom: 15px
}

@media(max-width:767px) {
	.intro-right .intro-list li {
		font-size: 14px
	}
}

.intro-right .intro-list li:last-child {
	margin: 0
}

.intro-right .intro-list li i {
	color: #212121;
	margin-right: 10px
}

.intro-right .cmn-btn {
	margin-top: 40px
}

@media(max-width:991px) {
	.intro-right1 {
		padding-top: 60px
	}
}

.projects {
	padding-top: 120px;
	margin-bottom: -120px
}

.swiper.project-slider {
	padding-bottom: 40px
}

.swiper.project-slider .swiper-pagination {
	position: absolute !important;
	bottom: -5px !important
}

.swiper.project-slider .swiper-pagination .swiper-pagination-bullet {
	width: 20px;
	height: 5px;
	border-radius: 30px;
	background-color: #696969
}

.swiper.project-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 30px;
	background: #27c1ce
}

.single-project {
	position: relative;
	overflow: hidden;
	background-color: #fff;
	-webkit-box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	border-radius: 5px;
	padding: 25px 20px
}

.single-project span {
	font-family: saira, sans-serif;
	font-weight: 700;
	font-size: 50px;
	text-align: right;
	color: #eee;
	-webkit-text-fill-color: #fff;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #eee;
	position: absolute;
	right: 20px;
	top: 25px;
	line-height: 1;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.single-project .icon {
	position: relative;
	background-color: rgba(255, 86, 41, .15);
	display: inline-block;
	padding: 20px 10px 10px;
	border-radius: 0 0 50px 50px;
	margin-top: -25px;
	min-width: 70px;
	min-height: 100px;
	text-align: center
}

.single-project .icon.two {
	background-color: rgba(43, 194, 226, .15)
}

.single-project .icon.three {
	background-color: #f9801e
}

.single-project .icon.four {
	background-color: rgba(39, 204, 140, .15)
}

.single-project .icon.five {
	background-color: rgba(8, 168, 138, .15)
}

.single-project .icon.six {
	background-color: rgba(255, 58, 127, .15)
}

.single-project .icon.seven {
	background-color: rgba(30, 144, 249, .15)
}

.single-project .icon.eight {
	background-color: rgba(0, 172, 183, .15)
}

.single-project .icon img {
	position: absolute;
	bottom: 10px;
	left: 50%;
	max-height: 50px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.single-project h4 {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 22px;
	color: #212121;
	margin-top: 25px;
	margin-bottom: 15px
}

.single-project p {
	font-size: 16px;
	color: #696969;
	margin: 0
}

.single-project a {
	position: relative;
	font-family: saira, sans-serif;
	font-weight: 500;
	font-size: 16px;
	color: #696969;
	display: inline-block;
	margin-left: 30px;
	margin-top: 15px;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.single-project a:before {
	position: absolute;
	content: "";
	left: -30px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 25px;
	border: 1px solid #696969;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.single-project a:hover.one {
	color: #ff5629
}

.single-project a:hover.one:before {
	border: 1px solid #ff5629
}

.single-project a:hover.two {
	color: #2bc2e2
}

.single-project a:hover.two:before {
	border: 1px solid #2bc2e2
}

.single-project a:hover.three {
	color: #f9801e
}

.single-project a:hover.three:before {
	border: 1px solid #f9801e
}

.single-project a:hover.four {
	color: #27cc8c
}

.single-project a:hover.four:before {
	border: 1px solid #27cc8c
}

.single-project a:hover.five {
	color: #08a88a
}

.single-project a:hover.five:before {
	border: 1px solid #08a88a
}

.single-project a:hover.six {
	color: #ff3a7f
}

.single-project a:hover.six:before {
	border: 1px solid #ff3a7f
}

.single-project a:hover.seven {
	color: #1e90f9
}

.single-project a:hover.seven:before {
	border: 1px solid #1e90f9
}

.single-project a:hover.eight {
	color: #00acb7
}

.single-project a:hover.eight:before {
	border: 1px solid #00acb7
}

.single-project:hover span {
	color: #eee;
	-webkit-text-fill-color: #fff;
	-webkit-text-stroke-width: 3px;
	-webkit-text-stroke-color: #eee
}

.projects1 .swiper-slide {
	-webkit-filter: drop-shadow(3px 6px 20px rgba(39, 193, 206, 0.1));
	filter: drop-shadow(3px 6px 20px rgba(39, 193, 206, 0.1))
}

.projects1 .single-project1 {
	-webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
	clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
	-webkit-transition: .35s;
	transition: .35s;
	background-color: #fff
}

@media(max-width:576px) {
	.projects1 .single-project1 {
		max-width: 300px;
		margin: 0 auto
	}
}

.projects1 .single-project1:hover {
	background-color: #27c1ce
}

.projects1 .single-project1:hover .icon svg {
	fill: #fff
}

.projects1 .single-project1:hover .content h4 {
	color: #fff
}

.projects1 .single-project1:hover .content p {
	color: #fff
}

.projects1 .single-project1 .icon {
	position: relative;
	background-color: unset;
	display: inline-block;
	padding: 50px 0 0;
	border-radius: 0 0 50px 50px;
	margin-top: -25px;
	min-width: 70px;
	min-height: 100px;
	text-align: center;
	-webkit-transition: .35s;
	transition: .35s
}

.projects1 .single-project1 .icon.two {
	background-color: unset
}

.projects1 .single-project1 .icon.three {
	background-color: unset
}

.projects1 .single-project1 .icon.four {
	background-color: unset
}

.projects1 .single-project1 .icon.five {
	background-color: unset
}

.projects1 .single-project1 .icon.six {
	background-color: rgba(255, 58, 127, .15)
}

.projects1 .single-project1 .icon.seven {
	background-color: rgba(30, 144, 249, .15)
}

.projects1 .single-project1 .icon.eight {
	background-color: rgba(0, 172, 183, .15)
}

.projects1 .single-project1 .icon svg {
	fill: #212121;
	-webkit-transition: .35s;
	transition: .35s
}

.projects1 .single-project1 .content {
	-webkit-transition: .35s;
	transition: .35s
}

.projects1 .single-project1 .content h4 {
	text-align: center;
	-webkit-transition: .35s;
	transition: .35s
}

.projects1 .single-project1 .content p {
	text-align: center;
	padding-bottom: 50px;
	-webkit-transition: .35s;
	transition: .35s
}

@media(max-width:767px) {
	.feature-causes {
		margin-top: 120px
	}
}

.single-cause .cause-thumbnail {
	overflow: hidden;
	position: relative
}

.single-cause .cause-thumbnail a img {
	border-radius: 5px 5px 0 0;
	width: 100%;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.single-cause .cause-tag {
	position: absolute;
	left: 20px;
	top: 20px
}

.single-cause .cause-tag a {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 14px;
	text-align: center;
	color: #212121;
	background-color: #fff;
	border-radius: 30px;
	min-width: 100px;
	display: inline-block;
	padding: 6px 15px;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.single-cause:hover .cause-thumbnail a img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.single-cause:hover .cause-tag a {
	color: #fff;
	background-color: #27c1ce
}

.cause-wrap {
	background: #fff;
	-webkit-box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	border-radius: 5px
}

.cause-wrap .cause-cnt {
	padding: 20px 25px 25px
}

.cause-wrap .cause-cnt h4 {
	margin-bottom: 20px
}

.cause-wrap .cause-cnt h4 a {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 24px;
	color: #212121
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.cause-wrap .cause-cnt h4 {
		font-size: 20px
	}
}

.cause-wrap .cause-cnt p {
	font-weight: 500;
	font-size: 16px;
	color: #696969;
	margin: 0
}

.cause-wrap .cause-cnt .donate-bar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 15px;
	background: #fff;
	-webkit-box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	border-radius: 5px;
	padding: 12px 20px
}

.cause-wrap .cause-cnt .donate-bar span {
	font-family: inter, sans-serif;
	font-weight: 800;
	font-size: 16px;
	color: #696969;
	display: inline-block;
	margin-right: 10px
}

.cause-wrap .cause-cnt .donate-bar .donate {
	background-color: #d8d8d8;
	border-radius: 20px;
	position: relative;
	height: 6px;
	width: 70%
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.cause-wrap .cause-cnt .donate-bar .donate {
		width: 65%
	}
}

.cause-wrap .cause-cnt .donate-bar .donate span {
	font-family: poppins, sans-serif;
	font-weight: 800;
	font-size: 16px;
	color: #696969;
	position: absolute;
	display: inline-block;
	right: -23%;
	top: -9px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.cause-wrap .cause-cnt .donate-bar .donate span {
		right: -30%
	}
}

.cause-wrap .cause-cnt .donate-bar .donate-done {
	position: relative;
	background: #27c1ce;
	border-radius: 20px;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
	width: 70%;
	opacity: 1;
	-webkit-transition: 1s ease .3s;
	transition: 1s ease .3s
}

.cause-wrap .cause-cnt .donate-bar .donate-done.two {
	width: 90%
}

.cause-wrap .cause-cnt .donate-bar .donate-done.three {
	width: 60%
}

.cause-wrap .cause-cnt .donate-bar .donate-done:before {
	position: absolute;
	content: "";
	height: 15px;
	width: 15px;
	background-color: #fff;
	right: 0;
	border-radius: 50%;
	border: 3px solid #27c1ce
}

.cause-wrap .cause-tag2 a {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 16px;
	text-align: center;
	color: #00b49d;
	display: inline-block;
	padding: 6px 0;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.cause-wrap .view-btn a {
	display: block;
	background: #27c1ce;
	border-radius: 5px;
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 18px;
	text-align: center;
	color: #fff;
	padding: 15px 30px;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s;
	-webkit-transform-style: flat;
	transform-style: flat
}

.cause-wrap .view-btn a:hover {
	background: #000
}

@media(max-width:767px) {
	.banner-area {
		margin: 80px 0
	}
}

.single-banner {
	position: relative;
	background-image: url(../img/banner-1.jpg);
	background-size: cover;
	background-position: center center;
	padding: 70px 60px;
	text-align: center;
	z-index: 1
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.single-banner {
		padding: 60px 30px
	}
}

@media(max-width:767px) {
	.single-banner {
		padding: 50px 20px
	}
}

.single-banner:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #000214;
	opacity: .75;
	z-index: -1
}

.single-banner.right {
	background-image: url(../img/banner-2.jpg);
	background-size: cover;
	background-position: center center
}

@media(max-width:767px) {
	.single-banner.right {
		margin-top: 20px
	}
}

.single-banner .vectors .sm-banner-top {
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1
}

.single-banner .vectors .sm-banner-btm {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1
}

.banner-cnt {
	text-align: center
}

.banner-cnt h3 {
	font-family: saira, sans-serif;
	font-weight: 700;
	font-size: 36px;
	text-align: center;
	color: #fff;
	margin-bottom: 10px
}

.banner-cnt p {
	font-weight: 500;
	font-size: 16px;
	text-align: center;
	color: #fff;
	font-family: inter, sans-serif;
	margin-bottom: 15px
}

@media(max-width:767px) {
	.banner-cnt p {
		font-size: 14px
	}
}

.need-help {
	padding: 100px 0;
	background-image: url(../img/help-bg.png);
	background-size: cover;
	background-position: center center
}

@media(max-width:767px) {
	.need-help {
		padding: 80px 0
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.help-left {
		margin-bottom: 80px
	}
}

.help-left>span {
	font-family: saira, sans-serif;
	font-weight: 500;
	font-size: 18px;
	color: #696969;
	text-transform: uppercase
}

@media only screen and (min-width:992px) and (max-width:1199px),
(max-width:767px) {
	.help-left>span {
		font-weight: 500;
		font-size: 16px
	}
}

.help-left h2 {
	font-family: saira, sans-serif;
	font-weight: 700;
	font-size: 44px;
	color: #212121;
	margin: 0
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.help-left h2 {
		font-size: 35px
	}
}

@media(max-width:767px) {
	.help-left h2 {
		font-size: 30px
	}
}

.help-left.two h2 {
	font-family: poppins, sans-serif
}

.nav.nav-pills.help-categorys {
	margin: 40px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

@media(max-width:767px) {
	.nav.nav-pills.help-categorys {
		display: block
	}
}

.nav.nav-pills.help-categorys li {
	min-width: 20%;
	text-align: center;
	border-right: 1px dashed #d3d3d3
}

@media(max-width:767px) {
	.nav.nav-pills.help-categorys li {
		width: 30%;
		display: inline-block;
		margin-bottom: 20px
	}
}

.nav.nav-pills.help-categorys li button.nav-link {
	background: 0 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: inherit;
	margin: 0 auto;
	padding: 0;
	min-width: auto
}

.nav.nav-pills.help-categorys li button.nav-link svg {
	display: block;
	margin: 0 auto;
	max-height: 30px;
	margin-bottom: 15px;
	-webkit-transition: all 1s ease-out 0s;
	transition: all 1s ease-out 0s;
	fill: #2e2e2e
}

.nav.nav-pills.help-categorys li button.nav-link span {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 16px;
	text-align: center;
	display: block;
	color: #212121
}

.nav.nav-pills.help-categorys li button.nav-link.active svg {
	fill: #27c1ce
}

.nav.nav-pills.help-categorys li button.nav-link.active span {
	color: #27c1ce
}

.nav.nav-pills.help-categorys li:hover svg {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg)
}

button.nav-link2.active svg {
	fill: #00b49d !important
}

button.nav-link2.active span {
	color: #00b49d !important
}

.accordion-item {
	background: 0 0;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-bottom: 20px
}

.accordion-button:focus {
	-webkit-box-shadow: none;
	box-shadow: none
}

.accordion-button {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: #212121
}

@media(max-width:767px) {
	.accordion-button {
		font-size: 16px
	}
}

.accordion-button:not(.collapsed) {
	color: #696969;
	background-color: #fff;
	border: 1px solid #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	border-radius: 2px
}

.accordion-body {
	font-size: 15px;
	color: #696969
}

.accordion-button:not(.collapsed)::after {
	background-image: url(data:image/svg+xml;base64,JTNjc3ZnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zycgdmlld0JveD0nMCAwIDE2IDE2JyBmaWxsPSclMCclM2UlM2NwYXRoIGZpbGwtcnVsZT0nZXZlbm9kZCcgZD0nTTEuNjQ2IDQuNjQ2YS41LjUgMCAwIDEgLjcwOCAwTDggMTAuMjkzbDUuNjQ2LTUuNjQ3YS41LjUgMCAwIDEgLjcwOC43MDhsLTYgNmEuNS41IDAgMCAxLS43MDggMGwtNi02YS41LjUgMCAwIDEgMC0uNzA4eicvJTNlJTNjL3N2ZyUzZQ==);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg)
}

.accordion-button:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: transparent
}

.help-right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.help-right {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

@media(max-width:767px) {
	.help-right {
		padding-top: 60px
	}
}

.help-right .frame1 {
	margin-right: 25px
}

.help-right .frame1 .img1 {
	margin-bottom: 25px
}

.help-right .frame1 .img1 img {
	border-radius: 5px
}

.help-right .frame1 .img2 {
	text-align: right
}

.help-right .frame1 .img2 img {
	border-radius: 5px
}

.help-right .frame2 .img1 {
	margin-bottom: 25px
}

.help-right .frame2 .img1 img {
	border-radius: 0 100px 0 5px;
	min-width: 180px
}

.help-right .frame2 .img2 {
	position: relative;
	margin-bottom: 25px;
	z-index: 1
}

.help-right .frame2 .img2 img {
	border: 5px
}

.help-right .frame2 .img2 .angle-shape {
	position: absolute;
	right: -25px;
	bottom: -25px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	z-index: -1
}

@media(max-width:767px) {
	.help-right .frame2 .img2 .angle-shape {
		right: -10px
	}
}

.video-play {
	height: 95px;
	width: 95px;
	background: #27c1ce;
	border-radius: 50px;
	line-height: 95px;
	text-align: center;
	position: absolute;
	left: 37%;
	z-index: 9;
	top: 47%
}

@media(max-width:1399px) {
	.video-play {
		left: 40%;
		top: 45%
	}
}

@media(max-width:1199px) {
	.video-play {
		left: 39%;
		top: 40%
	}
}

@media(max-width:991px) {
	.video-play {
		left: 43%;
		top: 47%
	}
}

@media(max-width:767px) {
	.video-play {
		left: 39%;
		top: 44%
	}
}

@media(max-width:576px) {
	.video-play {
		left: 39%;
		top: 44%
	}
}

@media(min-width:400px) and (max-width:500px) {
	.video-play {
		left: 37%;
		top: 38%
	}
}

.video-play a {
	display: inline-block;
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	background-color: #fff;
	border-radius: 50%;
	font-size: 14px;
	color: #27c1ce;
	-webkit-animation-name: ripple;
	animation-name: ripple;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.video-play a i {
	margin-left: 4px
}

@-webkit-keyframes ripple {
	0% {
		-webkit-box-shadow: 0 0 0 0 #fff4, 0 0 0 0 #fff4;
		box-shadow: 0 0 0 0 #fff4, 0 0 0 0 #fff4
	}

	80% {
		-webkit-box-shadow: 0 0 0 20px #fff0, 0 0 0 40px #fff0;
		box-shadow: 0 0 0 20px #fff0, 0 0 0 40px #fff0
	}

	100% {
		-webkit-box-shadow: 0 0 0 0 #fff0, 0 0 0 0 #fff0;
		box-shadow: 0 0 0 0 #fff0, 0 0 0 0 #fff0
	}
}

@keyframes ripple {
	0% {
		-webkit-box-shadow: 0 0 0 0 #fff4, 0 0 0 0 #fff4;
		box-shadow: 0 0 0 0 #fff4, 0 0 0 0 #fff4
	}

	80% {
		-webkit-box-shadow: 0 0 0 20px #fff0, 0 0 0 40px #fff0;
		box-shadow: 0 0 0 20px #fff0, 0 0 0 40px #fff0
	}

	100% {
		-webkit-box-shadow: 0 0 0 0 #fff0, 0 0 0 0 #fff0;
		box-shadow: 0 0 0 0 #fff0, 0 0 0 0 #fff0
	}
}

.nav-item.two {
	border-right: unset !important;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.nav-item.two button.nav-link {
	height: 100px !important;
	width: 100px !important;
	border: 1px solid #00b49d;
	border-radius: 50% !important
}

.nav-item.two button.nav-link svg {
	display: block;
	margin: 0 auto;
	max-height: 30px;
	margin-bottom: 10px !important;
	-webkit-transition: all 1s ease-out 0s;
	transition: all 1s ease-out 0s;
	fill: #00b49d !important
}

.nav-item.two button.nav-link span {
	font-family: saira, sans-serif;
	font-weight: 500 !important;
	font-size: 14px !important;
	text-align: center;
	display: block;
	color: #00b49d !important
}

.nav-item.two button.nav-link.active {
	background-color: #00b49d !important
}

.nav-item.two button.nav-link.active svg {
	fill: #fff !important
}

.nav-item.two button.nav-link.active span {
	color: #fff !important
}

.nav-item.two:hover svg {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg)
}

@media(max-width:767px) {
	.testimonial-area {
		margin: 80px 0
	}
}

.donation-form {
	background: #222328;
	-webkit-box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	border-radius: 5px;
	padding: 60px 40px;
	text-align: center
}

@media(max-width:767px) {
	.donation-form {
		padding: 60px 20px
	}
}

.donation-form span {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	color: #e5e5e5;
	display: inline-block;
	cursor: pointer
}

.donation-form h3 {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 30px;
	color: #fff;
	margin-bottom: 40px
}

.donation-form form input {
	border: 1px solid #696969;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 5px;
	width: 100%;
	height: 50px;
	background: 0 0;
	margin-bottom: 25px;
	font-weight: 600;
	font-size: 14px;
	color: #696969;
	padding: 0 10px
}

.donation-form form input[type=submit] {
	background: #27c1ce;
	border: none;
	max-width: 160px;
	border-radius: 50px;
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 18px;
	text-align: center;
	color: #fff;
	margin-bottom: 0;
	margin-top: 30px;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.donation-form form input[type=submit]:hover {
	border: 1px solid #27c1ce;
	background: 0 0
}

.donation-form form .amount-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media only screen and (min-width:992px) and (max-width:1199px),
(max-width:767px) {
	.donation-form form .amount-wrapper {
		display: inline-block
	}
}

.donation-form form .amount-wrapper input {
	margin-bottom: 0 !important;
	margin-left: 15px;
	color: #e5e5e5 !important;
	border: 1px solid #e5e5e5 !important;
	border-radius: 5px !important;
	padding: 12px 20px !important;
	font-family: saira, sans-serif;
	font-weight: 600 !important;
	font-size: 20px !important
}

@media only screen and (min-width:992px) and (max-width:1199px),
(max-width:767px) {
	.donation-form form .amount-wrapper input {
		margin-left: 0;
		margin-top: 20px
	}
}

.btn-group {
	display: -moz-inline-flex;
	display: -ms-inline-flex;
	display: -o-inline-flex;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 100%
}

.btn-outline-primary {
	color: #e5e5e5;
	border: 1px solid #e5e5e5;
	border-radius: 5px !important;
	padding: 12px 20px;
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 16px
}

.btn.btn-outline-primary {
	margin: 0 15px
}

.btn.btn-outline-primary:last-child {
	margin-right: 0
}

.btn-outline-primary:hover {
	color: #fff;
	background-color: transparent;
	border-color: #27c1ce
}

.btn-check:active+.btn-outline-primary,
.btn-check:checked+.btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary:active {
	color: #fff;
	background-color: transparent;
	border-color: #27c1ce
}

.btn-check:active+.btn-outline-primary:focus,
.btn-check:checked+.btn-outline-primary:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary:active:focus {
	-webkit-box-shadow: none;
	box-shadow: none
}

.btn-check:focus+.btn-outline-primary,
.btn-outline-primary:focus {
	-webkit-box-shadow: none;
	box-shadow: none
}

.testimonial {
	position: relative;
	background-color: #fff;
	-webkit-box-shadow: 3px 2px 35px rgba(0, 27, 85, .1);
	box-shadow: 3px 2px 35px rgba(0, 27, 85, .1);
	border-radius: 5px;
	text-align: center;
	padding: 50px 30px;
	background-image: url(../img/testimonial-bg.png);
	background-size: cover;
	background-position: center center
}

@media(max-width:767px) {
	.testimonial {
		padding: 50px 10px
	}
}

.testimonial span {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 16px;
	text-transform: uppercase;
	color: #696969
}

.testimonial h3 {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 30px;
	text-align: center;
	color: #212121;
	margin-bottom: 40px
}

@media(max-width:767px) {
	.testimonial h3 {
		font-size: 26px
	}
}

.testimonial i {
	position: absolute;
	right: 40px;
	top: auto
}

@media(max-width:767px) {
	.testimonial i {
		display: none
	}
}

.swiper.testimonial-slider {
	max-width: 250px;
	margin-bottom: 30px
}

.swiper.testimonial-slider .reviewer img {
	height: 60px;
	width: 60px;
	border-radius: 50%
}

.swiper.testimonial-slider .swiper-slide-thumb-active .reviewer img {
	height: 70px;
	width: 70px;
	padding: 5px;
	border: 1px dashed #27c1ce
}

.swiper.testimonial-slider2 {
	position: relative
}

.swiper.testimonial-slider2 .arrows {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	z-index: 1
}

.swiper.testimonial-slider2 .arrows .swiper-button-next-c,
.swiper.testimonial-slider2 .arrows .swiper-button-prev-c {
	position: absolute;
	left: auto;
	right: 5px;
	bottom: 0;
	-webkit-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s
}

.swiper.testimonial-slider2 .arrows .swiper-button-next-c svg,
.swiper.testimonial-slider2 .arrows .swiper-button-prev-c svg {
	fill: #27c1ce
}

.swiper.testimonial-slider2 .arrows .swiper-button-next-c:hover,
.swiper.testimonial-slider2 .arrows .swiper-button-prev-c:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.swiper.testimonial-slider2 .arrows .swiper-button-next-c.two,
.swiper.testimonial-slider2 .arrows .swiper-button-prev-c.two {
	-webkit-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s
}

.swiper.testimonial-slider2 .arrows .swiper-button-next-c.two svg,
.swiper.testimonial-slider2 .arrows .swiper-button-prev-c.two svg {
	fill: #00b49d
}

.swiper.testimonial-slider2 .arrows .swiper-button-next-c.two:hover,
.swiper.testimonial-slider2 .arrows .swiper-button-prev-c.two:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.swiper.testimonial-slider2 .arrows .swiper-button-prev-c {
	right: 50px
}

.testimonial-single p {
	font-weight: 400;
	font-size: 16px;
	text-align: center;
	color: #696969;
	margin: 0
}

@media(max-width:767px) {
	.testimonial-single p {
		font-size: 14px
	}
}

.testimonial-inner {
	text-align: left;
	margin-top: 30px
}

.testimonial-inner h4 {
	font-family: saira, sans-serif;
	font-weight: 700;
	font-size: 22px;
	color: #212121;
	margin-bottom: 5px
}

.testimonial-inner span {
	font-weight: 500;
	font-size: 14px;
	color: #696969
}

@media(max-width:767px) {
	.upcomming-event {
		margin-bottom: 80px
	}
}

.single-event {
	-webkit-box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	border-radius: 5px;
	padding: 20px
}

.single-event .event-thumb {
	position: relative
}

.single-event .event-thumb img {
	width: 100%;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.single-event .event-date {
	position: absolute;
	bottom: -15px;
	left: 15px;
	background-color: #fff;
	-webkit-box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	border-radius: 3px;
	padding: 5px 10px;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.single-event .event-date span {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 14px;
	color: #212121
}

.single-event .event-inner {
	margin-top: 35px
}

.single-event .event-inner span {
	font-size: 16px;
	color: #696969;
	margin-bottom: 15px;
	display: block
}

.single-event .event-inner span i {
	margin-right: 10px
}

.single-event .event-inner h4 {
	margin-bottom: 20px
}

.single-event .event-inner h4 a {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 24px;
	color: #212121;
	display: inline-block;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.single-event .event-inner .join-btn {
	padding-left: 30px
}

.single-event .event-inner .join-btn a {
	position: relative;
	display: inline-block;
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 16px;
	color: #696969;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.single-event .event-inner .join-btn a:before {
	position: absolute;
	content: "";
	left: -30px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 25px;
	height: 2px;
	background-color: #696969;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.single-event .event-inner .join-btn a:hover {
	color: #27c1ce
}

.single-event .event-inner .join-btn a:hover:before {
	background: #27c1ce
}

.single-event:hover .event-thumb img {
	-webkit-transform: skew(2deg);
	transform: skew(2deg)
}

.single-event:hover .event-date {
	background-color: #27c1ce
}

.single-event:hover .event-date span {
	color: #fff
}

.single-event:hover .event-inner h3 a {
	color: #27c1ce
}

.single-event:hover .event-inner span i {
	color: #27c1ce
}

.single-event.two .event-date span {
	font-family: poppins, sans-serif
}

.single-event.two .event-inner h4 a {
	font-family: poppins, sans-serif
}

.single-event.two .event-inner span {
	font-family: poppins, sans-serif
}

.recent-news {
	padding: 100px 0;
	background-image: url(../img/news-bg.png);
	background-size: cover;
	background-position: center center;
	z-index: 1
}

@media(max-width:767px) {
	.recent-news {
		padding: 80px 0
	}
}

.single-news .news-thumb {
	position: relative;
	overflow: hidden;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.single-news .news-thumb a img {
	border-radius: 5px 5px 0 0;
	width: 100%;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.single-news .news-thumb .author {
	position: absolute;
	top: 20px;
	left: 20px;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.single-news .news-thumb .author:hover {
	padding: 2px 5px;
	background-color: #fff;
	border-radius: 3px 15px 3px 3px
}

.single-news .news-thumb .author:hover span {
	visibility: visible;
	opacity: 1;
	height: auto;
	width: auto
}

.single-news .news-thumb .author img {
	height: 22px;
	width: 22px;
	border-radius: 50%;
	display: inline-block;
	max-width: 30px
}

.single-news .news-thumb .author span {
	font-family: saira, sans-serif;
	font-weight: 500;
	font-size: 14px;
	color: #212121;
	margin-left: 5px;
	visibility: hidden;
	opacity: 0;
	width: 0;
	height: 0;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.single-news .news-inner {
	background-color: #fff;
	border-radius: 0 0 5px 5px;
	padding: 25px;
	-webkit-transition: .5s;
	transition: .5s
}

.single-news .news-inner h4 {
	margin-bottom: 10px
}

.single-news .news-inner h4 a {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 22px;
	display: inline-block;
	text-transform: capitalize;
	color: #212121;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.single-news .news-inner h4 a:hover {
	color: #27c1ce
}

.single-news .news-inner p {
	font-weight: 400;
	font-size: 16px;
	color: #696969;
	margin: 0;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.single-news .news-inner .date-tag {
	margin-bottom: 10px;
	-webkit-transition: .5s;
	transition: .5s
}

.single-news .news-inner .date-tag span {
	display: inline-block;
	font-weight: 400;
	font-size: 14px;
	color: #696969;
	margin-right: 10px;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.single-news .news-inner .date-tag a {
	font-weight: 400;
	font-size: 14px;
	color: #696969;
	display: inline-block;
	position: relative;
	margin-left: 30px;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.single-news .news-inner .date-tag a:before {
	position: absolute;
	content: "";
	left: -30px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 25px;
	border: 1px solid #696969
}

.single-news .news-inner .read-btn {
	margin-left: 30px;
	margin-top: 10px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.single-news .news-inner .read-btn a {
	position: relative;
	font-weight: 600;
	font-size: 14px;
	color: #696969;
	display: inline-block;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.single-news .news-inner .read-btn a:before {
	position: absolute;
	content: "";
	left: -30px;
	top: 51%;
	-webkit-transform: translateY(-51%);
	transform: translateY(-51%);
	width: 25px;
	border: 1px solid #696969;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.single-news .news-inner .read-btn a:hover {
	color: #27c1ce
}

.single-news .news-inner .read-btn a:hover:before {
	border: 1px solid #27c1ce
}

.single-news:hover .news-thumb img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.single-news:hover .news-inner {
	margin-top: -30px
}

.single-news:hover .news-inner .date-tag {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.single-news:hover .news-inner .read-btn {
	opacity: 1;
	visibility: visible;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

@media(max-width:767px) {
	.join-now {
		margin: 80px 0
	}
}

.newsletter {
	background-image: url(../img/newsletter-bg.jpg);
	background-size: cover;
	background-position: center center;
	border-radius: 2px;
	position: relative;
	padding: 85px 70px;
	border-radius: 2px;
	z-index: 1
}

@media(max-width:767px) {
	.newsletter {
		padding: 85px 20px
	}
}

.newsletter:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #000214;
	opacity: .85;
	border-radius: 2px;
	z-index: -1
}

.newsletter-cnt h2 {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 40px;
	color: #fff;
	margin: 0
}

.joinnow-btn {
	text-align: right
}

@media(max-width:767px) {
	.joinnow-btn {
		margin-top: 20px;
		text-align: center
	}
}

.joinnow-btn a {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 18px;
	text-align: center;
	color: #fff;
	background-color: #27c1ce;
	padding: 12px 25px;
	min-width: 140px;
	display: inline-block;
	border-radius: 5px;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.joinnow-btn a:hover {
	color: #fff;
	border: 1px solid #fff;
	background-color: transparent
}

.joinnow-btn.two a {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 18px;
	text-align: center;
	color: #fff;
	background-color: #00b49d;
	padding: 12px 25px;
	min-width: 140px;
	display: inline-block;
	border-radius: 100px;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.joinnow-btn.two a:hover {
	color: #fff;
	border: 1px solid #fff;
	background-color: transparent
}

.header-2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2
}

.header-top2 {
	background: rgba(3, 0, 19, .6);
	padding: 20px 0
}

.header-social {
	list-style: none;
	text-align: left
}

@media(max-width:767px) {
	.header-social {
		display: none
	}
}

.header-social li {
	display: inline-block;
	margin: 0 10px
}

.header-social li:first-child {
	margin-left: 0
}

.header-social li a {
	display: inline-block;
	font-size: 14px;
	color: #fff;
	height: 30px;
	width: 30px;
	line-height: 28px;
	background-color: #fe2a26;
	border-radius: 50%;
	text-align: center;
	border: 1px solid #fe2a26;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.header-social li a:hover {
	border: 1px solid #fe2a26;
	color: #fe2a26;
	background: 0 0
}

.logo.two {
	text-align: center
}

.donate-btn.two {
	text-align: right
}

@media(max-width:767px) {
	.donate-btn.two {
		display: none
	}
}

.donate-btn.two a {
	background: #fff;
	color: #fe2a26
}

.donate-btn.two a i {
	background-color: #fe2a26;
	color: #fff
}

@media only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px),
(max-width:767px) {
	.header-bottom2 {
		padding: 15px 0
	}
}

.header-bottom2 .container {
	border-bottom: 1px solid #444
}

.side-menu.two {
	margin: 0;
	text-align: left;
	border-right: 2px solid #444;
	padding-right: 30px;
	line-height: 1
}

@media(max-width:767px) {
	.side-menu.two {
		display: none
	}
}

.side-menu.two .side-btn span {
	background-color: #fff !important
}

.main-nav.two {
	text-align: center
}

.main-nav.two ul li i {
	color: #fff
}

.main-nav.two ul li a {
	color: #fff
}

.search.two {
	text-align: right;
	line-height: 1
}

@media(max-width:767px) {
	.search.two {
		display: none
	}
}

.search.two i {
	color: #fff;
	border-left: 2px solid #444;
	padding-left: 30px
}

.hero-area.two {
	position: relative;
	height: 100%;
	background-image: url(../img/hero-slider-1.png);
	background-size: cover;
	background-position: center center;
	z-index: 1;
	overflow: hidden
}

.hero-area.two:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #030013;
	opacity: .6;
	z-index: -1
}

.hero-vectors .wave {
	position: absolute;
	left: 0;
	bottom: 0
}

.hero-vectors .dot-circle {
	position: absolute;
	right: 0;
	top: 150px;
	-webkit-animation: circle 6s linear infinite alternate;
	animation: circle 6s linear infinite alternate
}

.hero-vectors .stars {
	position: absolute;
	right: 50px;
	bottom: 50px;
	-webkit-animation: opacity 2.5s linear infinite alternate;
	animation: opacity 2.5s linear infinite alternate
}

.hero-vectors .tri-angle {
	position: absolute;
	top: 250px;
	left: 150px;
	-webkit-animation: rotate 12s linear infinite alternate;
	animation: rotate 12s linear infinite alternate
}

.hero-vectors .tri-angle2 {
	position: absolute;
	right: 350px;
	bottom: 220px;
	-webkit-animation: rotate 12s linear infinite alternate;
	animation: rotate 12s linear infinite alternate
}

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

	100% {
		-webkit-transform: rotate(360deg) scale(.3);
		transform: rotate(360deg) scale(.3)
	}
}

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

	100% {
		-webkit-transform: rotate(360deg) scale(.3);
		transform: rotate(360deg) scale(.3)
	}
}

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

	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	100% {
		-webkit-transform: rotate(360deg) scale(.3);
		transform: rotate(360deg) scale(.3)
	}
}

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

	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	100% {
		-webkit-transform: rotate(360deg) scale(.3);
		transform: rotate(360deg) scale(.3)
	}
}

@-webkit-keyframes opacity {
	0% {
		opacity: 0
	}

	25% {
		opacity: .25
	}

	50% {
		opacity: .5
	}

	75% {
		opacity: .75
	}

	100% {
		opacity: 1
	}
}

@keyframes opacity {
	0% {
		opacity: 0
	}

	25% {
		opacity: .25
	}

	50% {
		opacity: .5
	}

	75% {
		opacity: .75
	}

	100% {
		opacity: 1
	}
}

.hero-wrap {
	position: relative;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-top: 160px
}

@media only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px) {
	.hero-wrap {
		padding-top: 120px
	}
}

@media(max-width:767px) {
	.hero-wrap {
		padding-top: 100px
	}
}

.hero-wrap:before {
	position: absolute;
	content: "";
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: rgba(255, 255, 255, .03);
	height: 670px;
	width: 670px;
	border-radius: 50%;
	z-index: -1
}

.hero-cnt {
	text-align: center
}

.hero-cnt span {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
	display: block;
	margin-bottom: 5px
}

.hero-cnt h1 {
	font-family: saira, sans-serif;
	font-weight: 700;
	font-size: 65px;
	text-align: center;
	text-transform: capitalize;
	color: #fff;
	margin-bottom: 20px
}

@media(max-width:767px) {
	.hero-cnt h1 {
		font-size: 40px
	}
}

.hero-cnt p {
	font-size: 16px;
	text-align: center;
	color: #fff;
	max-width: 615px;
	margin: 0 auto;
	margin-bottom: 40px
}

@media(max-width:767px) {
	.hero-cnt p {
		font-size: 14px
	}
}

.left-circle {
	position: relative
}

.left-circle .raised {
	position: absolute;
	background-color: #fff;
	-webkit-box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	border-radius: 100px 100px 100px 5px;
	height: 160px;
	width: 160px;
	margin-left: auto;
	margin-top: 25px;
	z-index: 1;
	bottom: -55px;
	right: 80px
}

.left-circle .raised .raised-cnt {
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%
}

.left-circle .raised .raised-cnt i img {
	max-height: 40px;
	max-width: 40px
}

.left-circle .raised .raised-cnt span {
	display: block;
	font-family: saira, sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	text-align: center;
	color: #000;
	margin: 10px 0
}

.left-circle .raised .raised-cnt h6 {
	font-family: saira, sans-serif;
	font-weight: 700;
	font-size: 20px;
	text-align: center;
	color: #000
}

.left-circle .raised .angle-shape {
	position: absolute;
	left: -25px;
	bottom: -25px;
	z-index: -1
}

@media only screen and (min-width:768px) and (max-width:991px),
(max-width:767px) {
	.intro-right.two {
		margin-top: 60px
	}
}

.intro-right.two h2 {
	font-family: poppins, sans-serif
}

.intro-right.two span {
	font-family: poppins, sans-serif
}

.intro-right.two .intro-list li {
	font-family: poppins, sans-serif
}

.intro-right.two .cmn-btn.two a {
	font-family: poppins, sans-serif
}

.project-area.two {
	margin-top: -120px
}

.swiper.project-slider2 {
	padding-bottom: 40px
}

.swiper.project-slider2 .swiper-pagination {
	position: absolute !important;
	bottom: -5px !important
}

.swiper.project-slider2 .swiper-pagination .swiper-pagination-bullet {
	width: 20px;
	height: 5px;
	border-radius: 30px;
	background-color: #696969
}

.swiper.project-slider2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 30px;
	background: #27c1ce
}

.individual-project {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background-color: #fff;
	-webkit-box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	border-radius: 5px;
	padding: 30px 15px
}

.individual-project .icon {
	height: 70px;
	min-width: 70px;
	border-radius: 50%;
	background-color: #ff5629;
	display: block;
	line-height: 70px;
	margin-right: 10px;
	text-align: center;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.individual-project .icon.two {
	background-color: #2bc2e2
}

.individual-project .icon.three {
	background-color: #f9801e
}

.individual-project .icon.four {
	background-color: #27cc8c
}

.individual-project .icon.five {
	background-color: #08a88a
}

.individual-project .icon.six {
	background-color: #ff3a7f
}

.individual-project .icon svg {
	max-height: 40px;
	fill: #fff
}

.individual-project .project-inner h4 {
	font-family: poppins, sans-serif;
	font-weight: 600;
	font-size: 22px;
	color: #212121;
	margin-bottom: 15px
}

@media(max-width:767px) {
	.individual-project .project-inner h4 {
		font-size: 20px
	}
}

.individual-project .project-inner p {
	font-size: 16px;
	color: #696969;
	margin: 0
}

.individual-project .project-inner a {
	position: relative;
	font-family: saira, sans-serif;
	font-weight: 500;
	font-size: 16px;
	color: #696969;
	display: inline-block;
	margin-left: 30px;
	margin-top: 15px;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.individual-project .project-inner a:before {
	position: absolute;
	content: "";
	left: -30px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 25px;
	border: 1px solid #696969;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.individual-project .project-inner a:hover.one {
	color: #27c1ce
}

.individual-project .project-inner a:hover.one:before {
	border-color: #27c1ce
}

.individual-project .project-inner a:hover.two {
	color: #2bc2e2 !important
}

.individual-project .project-inner a:hover.two:before {
	border-color: #2bc2e2
}

.individual-project .project-inner a:hover.three {
	color: #27c1ce
}

.individual-project .project-inner a:hover.three:before {
	border-color: #27c1ce
}

.individual-project .project-inner a:hover.four {
	color: #27c1ce
}

.individual-project .project-inner a:hover.four:before {
	border-color: #27c1ce
}

.individual-project .project-inner a:hover.five {
	color: #27c1ce
}

.individual-project .project-inner a:hover.five:before {
	border-color: #27c1ce
}

.individual-project .project-inner a:hover.six {
	color: #27c1ce
}

.individual-project .project-inner a:hover.six:before {
	border-color: #27c1ce
}

.individual-project:hover .icon {
	border-radius: 10px
}

.project-inner.three h4 {
	font-family: saira, sans-serif
}

.project-inner.two a {
	font-family: poppins, sans-serif
}

.single-cause.two .cause-wrap .cause-cnt .cause-tag2 a {
	font-family: poppins, sans-serif
}

.single-cause.two .cause-wrap .cause-cnt h4 a {
	font-family: poppins, sans-serif
}

.single-cause.two .cause-wrap .view-btn a {
	font-family: poppins, sans-serif
}

.single-cause.two .view-btn a {
	background: #212121
}

.single-cause.two .view-btn a:hover {
	background-color: #00b49d
}

.donate.two .donate-done {
	background: #00b49d !important
}

.donate.two .donate-done:before {
	border-color: #00b49d !important
}

.video-play.two {
	background: #00b49d;
	position: relative;
	top: 0;
	left: 0;
	border-radius: 5px 40px
}

.cmn-btn.two a {
	background: #00b49d;
	border-radius: 100px
}

.cmn-btn.two a:hover {
	color: #00b49d;
	border-color: #00b49d;
	background-color: transparent
}

.banner-cnt.two h3 {
	font-family: poppins, sans-serif
}

.banner-cnt.two .cmn-btn.two a {
	background: #00b49d;
	border-radius: 100px
}

.banner-cnt.two .cmn-btn.two a:hover {
	color: #00b49d;
	border-color: #00b49d;
	background-color: transparent
}

.help-left.two span {
	font-family: poppins, sans-serif !important
}

.help-left.two .accordion-button {
	font-family: poppins, sans-serif !important
}

@media(max-width:767px) {
	.upcomming-event.two {
		margin: 80px 0
	}
}

.single-event.two {
	position: relative;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none
}

.single-event.two .single-event .event-date span {
	font-family: poppins, sans-serif
}

.single-event.two .event-date {
	top: 20px;
	left: 20px;
	bottom: auto;
	border-radius: 30px;
	padding: 5px 20px
}

.single-event.two .event-inner {
	position: relative;
	background-color: #fff;
	width: 90%;
	left: 5%;
	padding: 20px;
	text-align: center;
	margin-top: -80px;
	-webkit-box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	box-shadow: 3px 2px 35px rgba(0, 27, 85, .08)
}

@media(max-width:767px) {
	.single-event.two .event-inner {
		position: static;
		width: auto;
		margin-top: 0;
		-webkit-box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
		box-shadow: 3px 2px 35px rgba(0, 27, 85, .08)
	}
}

.single-event.two .event-inner h3 {
	margin-top: 0;
	margin-bottom: 10px
}

.single-event.two .event-inner:hover {
	-webkit-box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	box-shadow: 3px 2px 35px rgba(0, 27, 85, .08)
}

.single-event.two:hover .event-inner span {
	color: #00b49d
}

.single-event.two:hover .event-inner h4 a {
	color: #00b49d
}

.single-event.two:hover .event-inner h3 a {
	color: #00b49d
}

.single-event.two:hover .event-date {
	background: #00b49d
}

.single-event.two:hover .testimonial.two {
	padding: 50px 70px
}

@media(max-width:767px) {
	.single-event.two:hover .testimonial.two {
		padding: 50px 10px
	}
}

.testimonial.two i {
	top: 75px;
	right: 70px
}

.swiper.testimonial-slider2.two .swiper-button-prev-c {
	right: auto
}

.testimonial-single.two {
	text-align: center
}

.testimonial-single.two .testimonial-inner {
	text-align: center
}

.easy-donate {
	margin-top: 50px;
	background: #222328;
	-webkit-box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	border-radius: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	padding: 50px 10px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media only screen and (min-width:768px) and (max-width:991px),
(max-width:767px) {
	.easy-donate {
		display: block;
		text-align: center
	}
}

.easy-donate .btn-group {
	display: -moz-inline-flex;
	display: -ms-inline-flex;
	display: -o-inline-flex;
	width: 100%
}

@media only screen and (min-width:768px) and (max-width:991px),
(max-width:767px) {
	.easy-donate .btn-group {
		display: block;
		text-align: center
	}
}

.easy-donate .btn-group .custom {
	color: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	padding: 12px 20px;
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 22px;
	background: 0 0;
	max-width: 180px;
	text-align: center
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.easy-donate .btn-group .custom {
		max-width: 150px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.easy-donate .btn-group .custom {
		max-width: 120px
	}
}

@media(max-width:767px) {
	.easy-donate .btn-group .custom {
		max-width: 160px
	}
}

.easy-donate .btn-outline-primary {
	color: #e5e5e5;
	border: 1px solid #e5e5e5;
	border-radius: 5px !important;
	padding: 12px 20px;
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 22px
}

.easy-donate .btn-outline-primary.two {
	color: #e5e5e5;
	border: 1px solid #e5e5e5;
	border-radius: 100px !important;
	padding: 12px 20px;
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 22px
}

.easy-donate .btn.btn-outline-primary {
	margin: 0 20px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.easy-donate .btn.btn-outline-primary {
		margin: 0 10px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.easy-donate .btn.btn-outline-primary {
		font-size: 20px;
		margin: 0 10px
	}
}

@media(max-width:767px) {
	.easy-donate .btn.btn-outline-primary {
		font-size: 20px;
		margin: 10px
	}
}

.easy-donate .btn-outline-primary:hover {
	color: #27c1ce;
	background-color: transparent;
	border-color: #27c1ce
}

.easy-donate .btn-outline-primary.two:hover {
	color: #00b49d;
	background-color: transparent;
	border-color: #00b49d
}

.easy-donate .btn-check:active+.btn-outline-primary,
.easy-donate .btn-check:checked+.btn-outline-primary,
.easy-donate .btn-outline-primary.active,
.easy-donate .btn-outline-primary:active {
	color: #27c1ce;
	background-color: transparent;
	border-color: #27c1ce
}

.easy-donate .btn-check:active+.btn-outline-primary1,
.easy-donate .btn-check:checked+.btn-outline-primary1,
.easy-donate .btn-outline-primary1.active,
.easy-donate .btn-outline-primary1:active {
	color: #00b49d;
	background-color: transparent;
	border-color: #00b49d
}

.custom.two {
	border-radius: 100px !important
}

.ammount.two {
	margin: 0 20px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.ammount.two {
		margin: 0 10px
	}
}

@media only screen and (min-width:768px) and (max-width:991px),
(max-width:767px) {
	.ammount.two {
		display: inline-block;
		margin-top: 15px
	}
}

.ammount a {
	font-family: saira, sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	text-align: center;
	color: #fff;
	display: inline-block;
	background-color: #27c1ce;
	border-radius: 5px;
	min-width: 160px;
	padding: 15px 20px;
	border: 1px solid transparent;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.ammount a:hover {
	color: #27c1ce;
	background: 0 0;
	border: 1px solid #27c1ce
}

.ammount.two.twos a {
	background-color: #00b49d;
	border-radius: 100px
}

.ammount.two.twos a:hover {
	color: #00b49d;
	background: 0 0;
	border: 1px solid #00b49d
}

.testimonial-area.two .testimonial span {
	font-family: poppins, sans-serif
}

.testimonial-area.two .testimonial h3 {
	font-family: poppins, sans-serif
}

.testimonial-area.two .testimonial-single .testimonial-inner span {
	font-family: poppins, sans-serif
}

.testimonial-area.two .testimonial-single .testimonial-inner h4 {
	font-family: poppins, sans-serif
}

.testimonial-area.two .easy-donate .btn-group .btn-outline-primary1 {
	font-family: poppins, sans-serif !important
}

.testimonial-area.two .easy-donate .btn-group .custom {
	font-family: poppins, sans-serif !important
}

.testimonial-area.two .easy-donate .ammount a {
	font-family: poppins, sans-serif !important
}

.single-news.two:hover .news-inner h4 a {
	color: #00b49d;
	-webkit-text-fill-color: #00b49d;
	font-family: poppins, sans-serif
}

.single-news.two .news-inner .read-btn a:hover {
	color: #00b49d;
	-webkit-text-fill-color: #00b49d
}

.footer-social.two a {
	border: none;
	border-radius: p !important;
	background-color: #00b49d !important;
	border: 1px solid transparent !important
}

.footer-social.two a:hover {
	color: #00b49d;
	border: 1px solid #00b49d !important;
	background-color: transparent !important
}

.footer-menu.two a:hover {
	color: #27c1ce;
	background: 0 0;
	-webkit-background-clip: text;
	-webkit-text-fill-color: #27c1ce;
	background-clip: text
}

.footer-menu.two a:hover i {
	color: #27c1ce;
	background: 0 0;
	-webkit-background-clip: text;
	-webkit-text-fill-color: #27c1ce;
	background-clip: text
}

.info.two .icon:hover {
	background: #00b49d
}

.subscribe.two form input[type=submit] {
	background: #00b49d
}

.hero-style-one {
	position: relative;
	overflow: hidden;
	height: 100vh
}

.hero-style-one .banner-vectors {
	z-index: 1
}

.hero-style-one .banner-vectors>ul>li.right-top {
	position: absolute;
	top: 0;
	right: 0
}

.hero-style-one .banner-vectors>ul>li.right-btm {
	position: absolute;
	bottom: 0;
	right: 0
}

.hero-style-one .banner-vectors>ul>li.tri-angle1 {
	position: absolute;
	bottom: 10%;
	right: 15%
}

.hero-style-one .banner-vectors>ul>li.tri-angle2 {
	position: absolute;
	top: 10%;
	bottom: 15%
}

.hero-style-one .banner-vectors>ul>li.left-btm {
	position: absolute;
	left: 0;
	bottom: 0
}

.hero-style-one .swiper {
	height: 100vh
}

.hero-style-one .swiper-slide-active span {
	-webkit-animation: fadeInDown 1.7s;
	animation: fadeInDown 1.7s
}

.hero-style-one .swiper-slide-active h1 {
	-webkit-animation: fadeInDown 1.7s;
	animation: fadeInDown 1.7s
}

.hero-style-one .swiper-slide-active h2 {
	-webkit-animation: fadeInDown 1.7s;
	animation: fadeInDown 1.7s
}

.hero-style-one .swiper-slide-active p {
	-webkit-animation: fadeInUp 1.7s;
	animation: fadeInUp 1.7s
}

.hero-style-one .swiper-slide-active .eg-btn {
	-webkit-animation: fadeInUp 1.7s;
	animation: fadeInUp 1.7s
}

.hero-style-one .hero-one-pagination {
	position: absolute;
	left: 50%;
	bottom: 50px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 9;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

@media(max-width:767px) {
	.hero-style-one .hero-one-pagination {
		display: none;
		visibility: hidden
	}
}

.hero-style-one .hero-one-pagination .swiper-pagination-bullet {
	background: 0 0;
	width: 15px;
	height: 15px;
	border: .8px solid #fff;
	border-radius: 50%;
	position: relative
}

.hero-style-one .hero-one-pagination .swiper-pagination-bullet::after {
	position: absolute;
	content: "";
	left: 50%;
	top: 50%;
	height: 5px;
	width: 5px;
	background-color: #fff;
	border-radius: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.hero-style-one .hero-one-pagination .swiper-pagination-bullet-active {
	border: .8px solid #00b49d
}

.hero-style-one .hero-one-pagination .swiper-pagination-bullet-active::after {
	background-color: #75dab4
}

.hero-style-one .slider-arrows {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 60px;
	z-index: 2;
	padding: 5px
}

.hero-style-one .slider-bg-1 {
	width: 100%;
	overflow: hidden;
	height: 100%;
	z-index: 1;
	position: relative
}

.hero-style-one .slider-bg-1::before {
	content: '';
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 1, 12, 0.7)), to(rgba(0, 1, 12, 0.7))), url("../gallery/cultural/110.jpg");
	background-image: linear-gradient(rgba(0, 1, 12, 0.7), rgba(0, 1, 12, 0.7)), url("../gallery/education/13.jpg");
	background-size: cover;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	z-index: -9;
	-webkit-animation: large 26s linear infinite alternate;
	animation: large 26s linear infinite alternate
}

@-webkit-keyframes large {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	100% {
		-webkit-transform: scale(1.6);
		transform: scale(1.6)
	}
}

@keyframes large {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	100% {
		-webkit-transform: scale(1.6);
		transform: scale(1.6)
	}
}

.hero-style-one .slider-bg-2 {
	padding: 255px 0 180px;
	width: 100%;
	overflow: hidden;
	height: 100%;
	z-index: 1;
	position: relative
}

@media(min-width:1200px) and (max-width:1399px) {
	.hero-style-one .slider-bg-2 {
		padding: 255px 0 180px
	}
}

@media(min-width:992px) and (max-width:1199px) {
	.hero-style-one .slider-bg-2 {
		padding: 225px 0 130px
	}
}

@media(max-width:991px) {
	.hero-style-one .slider-bg-2 {
		padding: 200px 0 105px
	}
}

.hero-style-one .slider-bg-2::before {
	content: '';
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 1, 12, 0.7)), to(rgba(0, 1, 12, 0.7))), url("../img/banner-bg2.png");
	background-image: linear-gradient(rgba(0, 1, 12, 0.7), rgba(0, 1, 12, 0.7)), url("../img/banner-bg2.png");
	background-size: cover;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	z-index: -9;
	-webkit-animation: large 26s linear infinite alternate;
	animation: large 26s linear infinite alternate
}

@keyframes large {
	0% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}

	100% {
		-webkit-transform: scale(1.8);
		transform: scale(1.8)
	}
}

.hero-style-one .banner1-content {
	text-align: center;
	position: relative;
	z-index: 9
}

.hero-style-one .banner1-content::after {
	content: url(../img/hero-shapes/home-2-cuircle.svg);
	position: absolute;
	left: 0;
	top: -125px;
	bottom: 0;
	right: 0;
	-webkit-animation: rotate2 26s linear infinite alternate;
	animation: rotate2 26s linear infinite alternate;
	z-index: -1
}

@-webkit-keyframes rotate2 {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	50% {
		-webkit-transform: rotate(160deg);
		transform: rotate(160deg)
	}

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

@keyframes rotate2 {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	50% {
		-webkit-transform: rotate(160deg);
		transform: rotate(160deg)
	}

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

.hero-style-one .banner1-content span {
	font-size: 1.125rem;
	font-weight: 500;
	color: #fff;
	font-family: poppins, sans-serif;
	margin-bottom: 10px;
	display: block
}

.hero-style-one .banner1-content h1,
.hero-style-one .banner1-content h2 {
	font-size: 4.8rem;
	font-weight: 700;
	color: #fff;
	margin-bottom: 20px;
	line-height: 1.2;
	text-transform: capitalize
}

@media(max-width:1399px) {

	.hero-style-one .banner1-content h1,
	.hero-style-one .banner1-content h2 {
		font-size: 60px
	}
}

@media(min-width:768px) and (max-width:991px) {

	.hero-style-one .banner1-content h1,
	.hero-style-one .banner1-content h2 {
		font-size: 60px
	}
}

@media(max-width:767px) {

	.hero-style-one .banner1-content h1,
	.hero-style-one .banner1-content h2 {
		font-size: 50px
	}
}

.hero-style-one .banner1-content p {
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	margin-bottom: 45px
}

.hero-style-one .banner1-content a {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: #fff;
	background-color: #00b49d;
	padding: 15px 40px;
	border-radius: 100px;
	border: 1px solid #00b49d;
	-webkit-transition: .35s;
	transition: .35s
}

.hero-style-one .banner1-content a:hover {
	border: 1px solid #00b49d;
	color: #00b49d;
	background-color: transparent
}

.hero-style-one .social-media {
	position: absolute;
	bottom: 30%;
	left: 30px;
	z-index: 999
}

@media(max-width:991px) {
	.hero-style-one .social-media {
		display: none;
		visibility: hidden
	}
}

.hero-style-one .social-media h6 {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 16px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #e5e5e5;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.hero-style-one .social-media ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-bottom: 40px
}

.hero-style-one .social-media ul li {
	margin: 0;
	margin-left: 22px !important
}

.hero-style-one .social-media ul li a {
	height: 36px;
	width: 36px;
	border-radius: 50%;
	color: #00b49d;
	background: #fff;
	border-color: #fff;
	-webkit-transition: .4s;
	transition: .4s
}

.hero-style-one .social-media ul li a:hover {
	color: #fff;
	background: #00b49d;
	border-color: #00b49d
}

.cmn-btn.two a {
	font-family: poppins, sans-serif
}

.join-now .newsletter-cnt h2 {
	font-family: poppins, sans-serif
}

.join-now .joinnow-btn a {
	font-family: poppins, sans-serif
}

.single-person .person-img {
	position: relative;
	overflow: hidden
}

.single-person .person-img::before {
	position: absolute;
	content: "";
	left: 0;
	top: -100%;
	height: 100%;
	width: 100%;
	background-color: #000214;
	border-radius: 2px 2px 0 0;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s;
	visibility: hidden;
	opacity: 0
}

.single-person .person-img img {
	width: 100%;
	border-radius: 2px 2px 0 0
}

.single-person .team-social {
	position: absolute;
	bottom: 10px;
	right: -100%;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.single-person .team-social li {
	display: block
}

.single-person .team-social li a {
	display: inline-block;
	height: 38px;
	width: 38px;
	line-height: 38px;
	text-align: center;
	border: 1px solid #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 50%;
	margin: 10px;
	color: #fff;
	font-size: 14px;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.single-person .team-social li a:hover {
	background-color: #27c1ce;
	border: 1px solid #27c1ce
}

.single-person .person-info {
	background: #fff;
	-webkit-box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	border-radius: 2px;
	padding: 20px
}

.single-person .person-info h5 {
	margin-bottom: 5px
}

.single-person .person-info h5 a {
	display: inline-block;
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 22px;
	color: #212121;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.single-person .person-info span {
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	color: #696969
}

.single-person:hover .person-info h5 a {
	color: #27c1ce
}

.single-person:hover .person-img .team-social {
	visibility: visible;
	opacity: 1;
	right: 10px
}

.single-person:hover .person-img:before {
	visibility: visible;
	opacity: .7;
	top: 0
}

@media(max-width:767px) {
	.project-area2 {
		margin: 80px 0
	}
}

@media(max-width:767px) {
	.project-details-area {
		margin-top: 80px
	}
}

.project-details-left h2 {
	font-family: saira, sans-serif;
	font-weight: 700;
	font-size: 44px;
	color: #212121;
	margin-bottom: 30px
}

.project-details-left p {
	font-size: 16px;
	color: #696969;
	margin: 0
}

.project-details-left>img {
	border-radius: 5px;
	width: 100%
}

.project-details-cnt {
	padding-top: 30px
}

.project-details-cnt h3 {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 30px;
	color: #212121;
	margin-bottom: 15px
}

.project-details-cnt b {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 22px;
	color: #212121;
	margin: 20px 0;
	display: block
}

.project-cnt-gallery {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 30px 0
}

.project-cnt-gallery .project-gly-img {
	min-width: calc(50% - 20px);
	border-radius: 5px
}

.project-cnt-gallery .project-gly-img:first-child {
	margin-right: 20px
}

@media(max-width:767px) {
	.project-cnt-gallery .project-gly-img:first-child {
		margin-right: 10px
	}
}

.project-cnt-gallery .project-gly-img:last-child {
	margin-left: 20px
}

@media(max-width:767px) {
	.project-cnt-gallery .project-gly-img:last-child {
		margin-left: 10px
	}
}

.project-cnt-gallery .project-gly-img img {
	width: 100%
}

.project-details-donate h3 {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 30px;
	color: #212121;
	margin-bottom: 15px
}

@media(max-width:767px) {
	.project-details-donate h3 {
		font-size: 24px
	}
}

.project-details-donate .why-donate-list {
	margin: 20px 0 30px
}

.project-details-donate .why-donate-list li {
	font-family: saira, sans-serif;
	font-weight: 500;
	font-size: 18px;
	color: #696969;
	padding-bottom: 15px
}

@media(max-width:767px) {
	.project-details-donate .why-donate-list li {
		font-size: 14px
	}
}

.project-details-donate .why-donate-list li:last-child {
	padding: 0
}

.project-details-donate .why-donate-list li i {
	color: #212121;
	margin-right: 10px
}

.education-donate {
	background: #fff;
	-webkit-box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	border-radius: 2px;
	padding: 30px
}

@media(max-width:767px) {
	.education-donate {
		padding: 20px
	}
}

.education-donate h4 {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 22px;
	color: #000;
	margin-bottom: 20px
}

.education-donate .why-donate {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 100%;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px),
(max-width:767px) {
	.education-donate .why-donate {
		display: block
	}
}

@media only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px),
(max-width:767px) {
	.education-donate .why-donate .ammount {
		display: inline-block;
		margin-top: 10px
	}
}

.education-donate .why-donate .ammount a {
	background-color: #27c1ce;
	border-radius: 5px;
	padding: 10px 15px;
	min-width: 140px
}

.education-donate .why-donate .ammount a:hover {
	color: #696969;
	background: 0 0;
	border-color: #27c1ce
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.why-donate {
		display: block !important
	}
}

.why-donate .amount-wrapper {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

@media(max-width:767px) {
	.why-donate .amount-wrapper {
		display: block
	}
}

@media(max-width:767px) {
	.why-donate .amount-wrapper .btn-group {
		display: block
	}
}

.why-donate .amount-wrapper .btn-group .btn.btn-outline-primary {
	border: 1px solid #eee;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 5px;
	font-family: saira, sans-serif;
	font-weight: 700;
	font-size: 18px;
	text-align: center;
	color: #696969;
	padding: 10px 20px
}

@media(max-width:767px) {
	.why-donate .amount-wrapper .btn-group .btn.btn-outline-primary {
		margin: 5px;
		padding: 10px
	}
}

.why-donate .amount-wrapper input {
	border: 1px solid #eee;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 5px;
	font-family: saira, sans-serif;
	font-weight: 700;
	font-size: 18px;
	text-align: center;
	color: #696969;
	padding: 10px 15px;
	min-width: 120px;
	margin-left: 10px
}

@media only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px) {
	.why-donate .amount-wrapper input {
		max-width: 120px
	}
}

@media(max-width:767px) {
	.why-donate .amount-wrapper input {
		max-width: 100px
	}
}

.why-donate .amount-wrapper .btn-check:active+.btn-outline-primary,
.why-donate .amount-wrapper .btn-check:checked+.btn-outline-primary,
.why-donate .amount-wrapper .btn-outline-primary.active,
.why-donate .amount-wrapper .btn-outline-primary:active {
	color: #696969;
	background-color: transparent;
	border-color: #27c1ce
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.why-donate .ammount {
		margin-top: 10px
	}
}

@media(max-width:767px) {
	.why-donate .ammount {
		margin: 10px
	}
}

@media only screen and (min-width:768px) and (max-width:991px),
(max-width:767px) {
	.project-details-right {
		margin-top: 30px
	}
}

.project-details-right .single-cause {
	margin-top: 30px
}

.project-details-right .single-cause:first-child {
	margin-top: 0
}

@media only screen and (min-width:768px) and (max-width:991px),
(max-width:767px) {
	.causes-details .or1 {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		margin-bottom: 40px
	}

	.causes-details .or2 {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2
	}
}

@media(max-width:767px) {
	.causes-details {
		margin-top: 80px
	}
}

.cause-details-left>span {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 16px;
	color: #696969;
	text-transform: uppercase;
	display: block;
	margin-bottom: 5px
}

.cause-details-left h2 {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 35px;
	color: #212121;
	margin-bottom: 30px
}

@media(max-width:767px) {
	.cause-details-left h2 {
		font-size: 25px
	}
}

.cause-details-left p {
	margin: 0
}

.cause-thumbnail {
	position: relative
}

.cause-thumbnail img {
	width: 100%
}

.found-goal {
	background: #fff;
	-webkit-box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	border-radius: 2px;
	padding: 30px;
	margin-top: -70px;
	position: relative;
	width: 90%;
	left: 5%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 30px
}

@media(max-width:767px) {
	.found-goal {
		display: block
	}
}

.single-goal {
	background: rgba(39, 193, 206, .05);
	border-radius: 2px;
	padding: 15px 10px;
	text-align: center;
	min-width: 120px
}

@media(max-width:767px) {
	.single-goal {
		margin: 10px 0
	}
}

.single-goal span {
	display: inline-block;
	font-family: saira, sans-serif;
	font-weight: 500;
	font-size: 16px;
	text-align: center;
	color: #212121
}

.single-goal h6 {
	margin-bottom: 5px;
	font-family: saira, sans-serif;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	color: #212121
}

.single-goal a {
	display: inline-block;
	border-radius: 2px;
	font-family: saira, sans-serif;
	font-weight: 700;
	font-size: 18px;
	text-align: center;
	color: #fff;
	padding: 10px 15px
}

.single-goal:last-child {
	background: #27c1ce
}

.cause-left-inner {
	border-bottom: 1px solid #eee;
	padding-bottom: 40px
}

.cause-left-inner h3 {
	font-family: saira, sans-serif;
	font-weight: 700;
	font-size: 32px;
	color: #212121;
	margin-bottom: 20px
}

.cause-left-inner p {
	margin: 0
}

.cause-left-inner b {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 22px;
	color: #212121;
	margin: 20px 0;
	display: block
}

.cause-share {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 25px
}

.cause-share span {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 20px;
	color: #696969
}

@media(max-width:767px) {
	.cause-share span {
		font-size: 14px
	}
}

.share-social {
	list-style: none
}

.share-social li {
	display: inline-block;
	margin: 0 2px
}

.share-social li a {
	display: inline-block;
	color: #212121;
	font-size: 14px;
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.share-social li a:hover {
	height: 30px;
	width: 30px;
	line-height: 30px;
	color: #fff;
	border-radius: 50%;
	background-color: #27c1ce;
	text-align: center
}

.post-comments {
	margin-top: 40px
}

.post-comments h4 {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 25px;
	color: #212121;
	background: rgba(39, 193, 206, .05);
	padding: 20px 30px;
	margin: 0
}

.comment {
	background: #fff;
	-webkit-box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	padding: 30px 25px;
	margin-bottom: 30px
}

.single-comment {
	margin-bottom: 40px
}

.single-comment p {
	margin: 0
}

.comment-author {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 15px
}

.author-thumb {
	min-width: 65px
}

.author-thumb img {
	height: 50px;
	width: 50px;
	border-radius: 50%
}

.author-info h6 {
	font-family: saira, sans-serif;
	font-weight: 700;
	font-size: 20px;
	color: #212121;
	margin: 0
}

.author-info h6 span {
	font-family: saira, sans-serif;
	font-weight: 500;
	font-size: 16px;
	color: #696969;
	margin: 0
}

.reply {
	position: absolute;
	right: 0;
	top: auto
}

@media(max-width:767px) {
	.reply {
		display: none
	}
}

.reply a {
	display: inline-block;
	background: #fff;
	color: #696969;
	border: 1px solid #eee;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 26px;
	width: 26px;
	line-height: 26px;
	text-align: center;
	border-radius: 50%;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.reply a:hover {
	color: #27c1ce;
	border-color: #27c1ce
}

.single-comment:nth-child(even) {
	margin-left: 60px
}

@media(max-width:767px) {
	.single-comment:nth-child(even) {
		margin-left: 20px
	}
}

.single-comment:last-child {
	margin-bottom: 0
}

.leave-review {
	margin-top: 50px
}

.leave-review h2 {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 25px;
	color: #212121;
	background: rgba(39, 193, 206, .05);
	padding: 20px 30px;
	margin-bottom: 30px
}

.review-star {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 30px
}

.review-star span {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 20px;
	color: #212121;
	margin-right: 10px
}

.star-review {
	list-style: none
}

.star-review li {
	display: inline-block;
	margin: 0 5px;
	color: #27c1ce;
	cursor: pointer;
	font-size: 16px
}

.review-form h2 {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 35px;
	color: #212121;
	margin-bottom: 20px
}

.review-form p {
	font-size: 16px;
	margin: 0
}

@media(max-width:767px) {
	.review-form p {
		font-size: 14px
	}
}

.review-form form {
	margin-top: 30px
}

.review-form form input,
.review-form form textarea {
	border: 1px solid #eee;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 2px;
	height: 50px;
	width: 100%;
	margin-bottom: 20px;
	font-size: 14px;
	padding: 0 10px
}

.review-form form input[type=submit],
.review-form form textarea[type=submit] {
	max-width: 170px;
	border-radius: 5px;
	background: #27c1ce;
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: #fff;
	border: none;
	margin-top: 10px;
	margin-bottom: 0;
	-webkit-transition: .5s;
	transition: .5s
}

.review-form form input[type=submit]:hover,
.review-form form textarea[type=submit]:hover {
	color: #27c1ce;
	background: 0 0;
	border: 1px solid #27c1ce
}

.review-form form textarea {
	height: 270px;
	resize: none;
	padding: 10px
}

.sidebar-widget {
	background: #fff;
	-webkit-box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	border-radius: 2px;
	padding: 30px 20px;
	margin-bottom: 40px
}

.widget-search form {
	position: relative
}

.widget-search form input {
	border: 1px solid #eee;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 2px;
	height: 50px;
	font-size: 14px;
	color: #696969;
	width: 100%;
	padding: 0 15px
}

.widget-search form input[type=text] {
	padding-right: 40px
}

.widget-search form button {
	position: absolute;
	background: 0 0;
	border: none;
	font-size: 20px;
	right: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #27c1ce
}

.sidebar-widget h4 {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 25px;
	color: #212121;
	margin-bottom: 25px
}

.recent-post {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 30px
}

.recent-post:last-child {
	margin: 0
}

.recent-post:hover .recent-post-cnt h4 a {
	color: #27c1ce
}

.recent-thumb {
	min-width: 90px
}

.recent-thumb img {
	height: 75px;
	width: 75px;
	border-radius: 50%;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.recent-thumb:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.recent-post-cnt span {
	font-size: 14px;
	color: #696969;
	display: block;
	margin-bottom: 5px
}

.recent-post-cnt h5 {
	margin: 0
}

.recent-post-cnt h5 a {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: #212121;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

@media(max-width:767px) {
	.error-area {
		margin-top: 80px
	}
}

.back-to-home {
	text-align: center;
	position: relative
}

.back-to-home h2 {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 45px;
	text-transform: capitalize;
	color: #212121;
	margin: 40px 0 5px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.back-to-home h2 {
		font-size: 40px
	}
}

@media(max-width:767px) {
	.back-to-home h2 {
		font-size: 36px
	}
}

.back-to-home p {
	font-size: 16px;
	margin: 0
}

.back-to-home .cmn-btn {
	margin-top: 40px
}

.error-circle {
	position: absolute;
	left: 15%;
	top: -8%;
	-webkit-animation: circle 6s linear infinite alternate;
	animation: circle 6s linear infinite alternate
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.error-circle {
		left: 5%
	}
}

.x-big {
	position: absolute;
	right: 15%;
	top: 0;
	-webkit-animation: circle 6s linear infinite alternate;
	animation: circle 6s linear infinite alternate
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.x-big {
		right: 5%
	}
}

.x-small {
	position: absolute;
	bottom: 20%;
	right: 10%;
	-webkit-animation: circle 6s linear infinite alternate;
	animation: circle 6s linear infinite alternate
}

.x-white {
	position: absolute;
	left: 15%;
	bottom: 50%;
	-webkit-animation: circle 6s linear infinite alternate;
	animation: circle 6s linear infinite alternate
}

@media(max-width:767px) {
	.contact-area {
		margin-top: 80px
	}
}

@media only screen and (min-width:768px) and (max-width:991px),
(max-width:767px) {
	.contact-form {
		margin-bottom: 30px
	}
}

.contact-form h3 {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 35px;
	color: #212121;
	margin-bottom: 20px
}

.contact-form p {
	font-size: 16px;
	margin: 0
}

@media(max-width:767px) {
	.contact-form p {
		font-size: 14px
	}
}

.contact-form form {
	margin-top: 30px
}

.contact-form form input,
.contact-form form textarea {
	border: 1px solid #eee;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 2px;
	height: 50px;
	width: 100%;
	margin-bottom: 20px;
	font-size: 14px;
	padding: 0 10px
}

.contact-form form input[type=submit],
.contact-form form textarea[type=submit] {
	max-width: 170px;
	border-radius: 5px;
	background-color: #27c1ce;
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 16px;
	color: #fff;
	border: 1px solid transparent;
	margin-top: 10px;
	margin-bottom: 0;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.contact-form form input[type=submit]:hover,
.contact-form form textarea[type=submit]:hover {
	color: #27c1ce;
	border: 1px solid #27c1ce;
	background-color: transparent
}

.contact-form form textarea {
	height: 270px;
	resize: none;
	padding: 10px
}

.mapouter iframe {
	position: relative;
	height: 290px;
	width: 100%
}

.contact-information {
	background: #fff;
	-webkit-box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	border-radius: 5px;
	margin-top: 30px;
	padding: 30px
}

.single-info {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-bottom: 30px
}

.single-info:last-child {
	padding-bottom: 0
}

.single-info .icon {
	min-width: 70px;
	height: 70px;
	position: relative;
	margin-right: 20px;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s;
	z-index: 1
}

.single-info .icon:before {
	position: absolute;
	height: 50px;
	content: "";
	border: 1px solid #eee;
	bottom: -36px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: -1;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.single-info .icon i {
	border: 2px solid #eee;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 70px;
	width: 70px;
	line-height: 70px;
	text-align: center;
	border-radius: 50%;
	overflow: hidden;
	color: #212121;
	font-size: 24px;
	background-color: #fff;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.single-info .info-cnt p {
	font-weight: 600;
	font-size: 18px;
	margin: 0;
	font-size: 16px;
	color: #212121;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

@media(max-width:767px) {
	.single-info .info-cnt p {
		font-size: 14px
	}
}

.single-info .info-cnt a {
	display: block;
	font-weight: 600;
	font-size: 16px;
	color: #212121;
	padding: 2.5px 0;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.single-info .info-cnt a:hover {
	color: #27c1ce
}

@media(max-width:767px) {
	.single-info .info-cnt a {
		font-size: 14px
	}
}

.single-info:hover .icon i {
	color: #fff;
	border: 2px solid #27c1ce;
	background-color: #27c1ce
}

.single-info:hover .icon:before {
	border: 1px solid #27c1ce
}

.single-info:hover .info-cnt a,
.single-info:hover .info-cnt p {
	color: #27c1ce
}

.icon.border-n::before {
	display: none
}

@media(max-width:767px) {
	.frequently-ask-question {
		margin-top: 80px
	}
}

.faqs h3 {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 35px;
	color: #1d1d1d;
	margin-bottom: 30px
}

.faqs .accordion-header button {
	background-color: rgba(39, 193, 206, .08) !important;
	border-radius: 2px;
	font-family: saira, sans-serif;
	font-weight: 500;
	font-size: 18px;
	color: #4c4b4b
}

.faqs .accordion-button:not(.collapsed) {
	border: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	color: #212121;
	font-weight: 600
}

.faqs .accordion-body {
	background-color: rgba(39, 193, 206, .05) !important;
	border-radius: 2px;
	line-height: 30px;
	font-family: inter, sans-serif
}

.widget {
	margin-top: 30px
}

.widget-banner {
	position: relative
}

.widget-banner img {
	width: 100%;
	border-radius: 5px
}

.widget-banner:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #000214;
	opacity: .75;
	border-radius: 5px
}

.widget-banner-cnt {
	text-align: center;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	padding: 40px
}

.widget-banner-cnt span {
	font-family: saira, sans-serif;
	font-weight: 500;
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 5px;
	display: block
}

.widget-banner-cnt h3 {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 35px;
	color: #fff;
	margin-bottom: 25px
}

.widget-ask-form {
	background: #fff;
	-webkit-box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	border-radius: 5px;
	padding: 25px
}

.widget-ask-form h4 {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 25px;
	color: #212121;
	margin-bottom: 15px
}

.widget-ask-form p {
	font-size: 16px;
	margin: 0
}

.widget-ask-form form {
	margin-top: 25px
}

.widget-ask-form form label {
	font-family: saira, sans-serif;
	font-weight: 500;
	font-size: 16px;
	color: #212121;
	margin-bottom: 20px;
	width: 100%
}

.widget-ask-form form label input,
textarea {
	border: 1px solid #eee;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 2px;
	height: 50px;
	width: 100%;
	margin-top: 5px;
	padding: 0 10px;
	font-size: 14px;
	color: #696969
}

.widget-ask-form form label textarea {
	padding: 10px;
	height: 120px;
	resize: none
}

.widget-ask-form form input[type=submit] {
	min-width: 150px;
	background: #27c1ce;
	border-radius: 5px;
	border: none;
	height: 50px;
	border: 1px solid transparent;
	font-family: saira, sans-serif;
	font-size: 18px;
	color: #fff;
	margin-top: 10px;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.widget-ask-form form input[type=submit]:hover {
	color: #27c1ce;
	border: 1px solid #27c1ce;
	background: 0 0
}

@media(max-width:767px) {
	.photo-gallery {
		margin-top: 80px
	}
}

.gallery-wrapper {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: auto auto auto;
	grid-template-columns: auto auto auto;
	grid-gap: 20px
}

@media(max-width:767px) {
	.gallery-wrapper {
		-ms-grid-columns: auto auto;
		grid-template-columns: auto auto
	}
}

.single-photo {
	position: relative;
	width: 100%;
	overflow: hidden
}

@media(max-width:767px) {
	.single-photo:last-child {
		display: none
	}
}

.single-photo:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #212121;
	border-radius: 5px;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translateX(-300px);
	transform: translateX(-300px);
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.single-photo img {
	width: 100%;
	border-radius: 5px
}

.single-photo a {
	display: inline-block;
	font-size: 20px;
	position: absolute;
	top: 50%;
	left: -100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.single-photo:hover:before {
	visibility: visible;
	opacity: .7;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.single-photo:hover a {
	left: 50%;
	visibility: visible;
	opacity: 1
}

@media(max-width:767px) {
	.join-team {
		margin-top: 80px
	}
}

@media only screen and (min-width:768px) and (max-width:991px),
(max-width:767px) {
	.joining-form {
		margin-bottom: 30px
	}
}

.joining-form h2 {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 35px;
	color: #212121;
	margin-bottom: 20px
}

.joining-form p {
	font-size: 16px;
	margin: 0
}

@media(max-width:767px) {
	.joining-form p {
		font-size: 14px
	}
}

.joining-form form {
	margin-top: 30px
}

.joining-form form input,
.joining-form form textarea {
	border: 1px solid #eee;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 2px;
	height: 50px;
	width: 100%;
	margin-bottom: 20px;
	font-size: 14px;
	padding: 0 10px
}

.joining-form form input[type=submit],
.joining-form form textarea[type=submit] {
	max-width: 170px;
	border-radius: 5px;
	background-color: #27c1ce;
	border: 1px solid transparent;
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 16px;
	color: #fff;
	margin-top: 10px;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.joining-form form input[type=submit]:hover,
.joining-form form textarea[type=submit]:hover {
	color: #27c1ce;
	border: 1px solid #27c1ce;
	background: 0 0
}

.joining-form form textarea {
	height: 160px;
	resize: none;
	padding: 10px
}

.join-banner img {
	width: 100%;
	border-radius: 5px
}

@media(max-width:767px) {
	.blog-grid {
		margin-top: 80px
	}
}

.single-news.two .news-inner {
	background: rgba(39, 193, 206, .05);
	border-radius: 0 0 5px 5px
}

.paginations li {
	display: inline-block;
	margin: 0 2.5px
}

.paginations li.active a {
	color: #fff;
	border: 1px solid #27c1ce;
	background-color: #27c1ce
}

.paginations li a {
	border: 1px solid #eee;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 8px 8px 2px 8px;
	display: inline-block;
	height: 40px;
	width: 200px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	font-family: saira, sans-serif;
	color: #212121;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.paginations li a:hover {
	color: #fff;
	background-color: #27c1ce
}

@media(max-width:767px) {
	.blog-details {
		margin-top: 80px
	}
}

@media(max-width:767px) {
	.blog-details-left {
		margin-bottom: 40px
	}
}

.blog-details-left>h2 {
	font-family: saira, sans-serif;
	font-weight: 700;
	font-size: 40px;
	color: #212121
}

@media(max-width:767px) {
	.blog-details-left>h2 {
		font-size: 25px
	}
}

.blog-details-left>img {
	width: 100%
}

.blog-details-left p {
	margin: 0
}

@media(max-width:767px) {
	.blog-details-left p {
		font-size: 14px
	}
}

.date-tags {
	margin-bottom: 30px
}

.date-tags a {
	font-family: saira, sans-serif;
	font-weight: 500;
	font-size: 16px;
	color: #212121;
	margin-right: 20px;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

@media(max-width:767px) {
	.date-tags a {
		font-size: 14px
	}
}

.date-tags a:hover {
	color: #27c1ce
}

.date-tags a i {
	margin-right: 5px
}

.blog-left-cnt h4 {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 22px;
	color: #212121;
	margin-top: 30px;
	margin-bottom: 20px
}

@media(max-width:767px) {
	.blog-left-cnt h4 {
		font-size: 18px
	}
}

.blog-left-cnt p {
	margin: 0
}

.blog-left-cnt .quote-box {
	position: relative;
	padding: 25px 30px;
	margin-top: 30px;
	background: rgba(39, 193, 206, .05)
}

.blog-left-cnt .quote-box h6 {
	font-family: saira, sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: #212121;
	margin: 0
}

@media(max-width:767px) {
	.blog-left-cnt .quote-box h6 {
		font-size: 18px
	}
}

.blog-left-cnt .quote-box p {
	margin-bottom: 15px
}

.blog-left-cnt .quote-box i {
	position: absolute;
	right: 80px;
	bottom: 25px;
	font-size: 20px;
	color: #696969
}

@media(max-width:767px) {
	.blog-left-cnt .quote-box i {
		right: 50px
	}
}

.next-prev-post {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	margin-top: 35px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media(max-width:767px) {
	.next-prev-post {
		display: block
	}
}

.next-prev-post .prev,
.next-prev-post .next {
	min-width: 50%;
	padding: 30px;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.next-prev-post .prev span,
.next-prev-post .next span {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: #212121;
	display: block;
	margin-bottom: 5px
}

.next-prev-post .prev h5,
.next-prev-post .next h5 {
	margin: 0
}

.next-prev-post .prev h5 a,
.next-prev-post .next h5 a {
	font-weight: 600;
	font-size: 18px;
	color: #696969
}

.next-prev-post .prev:hover,
.next-prev-post .next:hover {
	background: rgba(39, 193, 206, .05)
}

.category {
	list-style: none
}

.category li {
	display: block;
	margin-bottom: 15px
}

.category li:last-child {
	margin: 0
}

.category li a {
	position: relative;
	display: block;
	font-family: saira, sans-serif;
	font-weight: 500;
	font-size: 16px;
	color: #696969;
	padding-left: 15px;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.category li a:before {
	position: absolute;
	content: "";
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 6px;
	width: 6px;
	background-color: #696969;
	border-radius: 50%;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.category li a span {
	position: absolute;
	right: 0
}

.category li a:hover {
	color: #27c1ce
}

.category li a:hover:before {
	background-color: #27c1ce
}

.tag-list li {
	display: inline-block
}

.tag-list li a {
	display: inline-block;
	border: 1px solid #eee;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 2px;
	padding: 8px 15px;
	margin: 10px;
	color: #696969;
	font-size: 16px;
	font-weight: 500;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.tag-list li a:hover {
	color: #27c1ce;
	border-color: #27c1ce
}

.social-follow li {
	display: inline-block;
	margin: 0 10px
}

.social-follow li:first-child {
	margin-left: 0
}

.social-follow li a {
	display: inline-block;
	font-size: 14px;
	height: 35px;
	width: 35px;
	line-height: 35px;
	text-align: center;
	border: 1px solid #696969;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 2px;
	color: #696969;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.social-follow li a:hover {
	border-radius: 50%;
	color: #27c1ce;
	border-color: #27c1ce
}

@media(max-width:767px) {
	.honorable-member {
		margin-top: 80px
	}
}

.nav.nav-pills {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 50px !important
}

.nav.nav-pills .nav-link {
	background-color: #fff;
	-webkit-box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	border-radius: 5px;
	margin: 0 10px;
	padding: 15px 30px;
	min-width: 220px;
	font-size: 18px;
	font-family: saira, sans-serif;
	color: #212121
}

@media(max-width:767px) {
	.nav.nav-pills .nav-link {
		margin: 0 8px;
		padding: 10px 15px;
		min-width: auto;
		font-size: 12px
	}
}

@media only screen and (min-width:576px) and (max-width:767px) {
	.nav.nav-pills .nav-link {
		margin: 0 10px;
		padding: 15px 30px;
		min-width: 220px;
		font-size: 16px
	}
}

.nav.nav-pills .nav-link.active {
	background: #27c1ce;
	color: #fff
}

.single-person.two .person-info {
	text-align: center
}

@media(max-width:767px) {
	.member-details {
		margin: 80px 0
	}
}

.member-pic {
	margin-bottom: 40px
}

.member-pic img {
	width: 100%;
	border-radius: 5px
}

@media(max-width:767px) {
	.member-details-info {
		margin-top: 80px
	}
}

.member-details-info h3 {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 35px;
	color: #212121;
	margin-bottom: 10px
}

@media(max-width:767px) {
	.member-details-info h3 {
		font-size: 30px
	}
}

.member-details-info>span {
	font-weight: 600;
	font-size: 16px;
	color: #212121;
	display: block;
	margin-bottom: 15px
}

.member-details-info p {
	font-size: 16px;
	color: #696969;
	margin: 0
}

.member-social {
	margin-top: 25px;
	list-style: none
}

.member-social li {
	display: inline-block;
	margin: 0 10px
}

.member-social li:first-child {
	margin-left: 0
}

.member-social li a {
	display: inline-block;
	font-size: 14px;
	height: 35px;
	width: 35px;
	line-height: 35px;
	text-align: center;
	border: 1px solid #696969;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 5px;
	color: #696969;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.member-social li a:hover {
	border-radius: 50%;
	color: #27c1ce;
	border-color: #27c1ce
}

.member-skills {
	margin-top: 30px
}

.member-skills h4 {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 25px;
	color: #212121;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
	margin-top: 40px
}

.skill-wrapper {
	margin-bottom: 20px
}

.skill-wrapper .skill-content {
	margin-left: 10px
}

.skill-wrapper .skill-content h6 {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: #212121;
	margin-bottom: 5px
}

.skill-wrapper .skill-content p {
	margin: 0
}

.signle-skill {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 25px 15px;
	background-color: #fff;
	-webkit-box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	border-radius: 2px
}

.signle-skill .progress-bar-circle {
	position: relative;
	height: 80px;
	width: 80px;
	min-width: 90px;
	background-color: transparent
}

.signle-skill .progress-bar-circle div {
	position: absolute;
	height: 80px;
	width: 80px;
	border-radius: 50%
}

.signle-skill .progress-bar-circle div span {
	color: #27c1ce;
	position: absolute;
	font-size: 18px;
	font-weight: 700;
	line-height: 60px;
	height: 76px;
	width: 76px;
	left: 50%;
	top: 50%;
	text-align: center;
	border-radius: 50%;
	background-color: #fff;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.signle-skill .progress-bar-circle div span b {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 25px;
	color: #696969;
	margin-top: 8px;
	display: block
}

.signle-skill .progress-bar-circle .background {
	background-color: #696969 !important
}

.signle-skill .progress-bar-circle .rotate {
	clip: rect(0 40px 80px 0);
	background-color: #27c1ce !important
}

.signle-skill .progress-bar-circle .left {
	clip: rect(0 40px 80px 0);
	opacity: 1;
	background-color: #27c1ce !important
}

.signle-skill .progress-bar-circle .right {
	clip: rect(0 40px 80px 0);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	opacity: 0;
	background-color: #27c1ce !important
}

@media(max-width:767px) {
	.event-area {
		margin-top: 80px
	}
}

@media(max-width:767px) {
	.event-details {
		margin: 80px 0
	}
}

.event-details-left h2 {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 35px;
	color: #212121;
	margin-bottom: 40px;
	text-transform: capitalize
}

@media(max-width:767px) {
	.event-details-left h2 {
		font-size: 25px
	}
}

.event-creator {
	text-align: center
}

.event-creator img {
	height: 130px;
	width: 130px;
	border-radius: 50%
}

.event-creator h4 {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 25px;
	color: #212121;
	margin-top: 20px;
	margin-bottom: 5px
}

.event-creator span {
	font-size: 16px;
	font-weight: 600;
	color: #696969
}

.event-social {
	list-style: none;
	margin-top: 20px
}

.event-social li {
	display: inline-block;
	margin: 0 10px
}

.event-social li a {
	display: inline-block;
	background-color: #27c1ce;
	border-radius: 50%;
	height: 30px;
	width: 30px;
	line-height: 28px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	border: 1px solid #27c1ce;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.event-social li a:hover {
	background: 0 0;
	color: #27c1ce;
	border: 1px solid #27c1ce
}

.event-info-inner {
	margin-bottom: 25px
}

.event-info-inner:last-child {
	margin: 0
}

.event-info-inner h6 {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 20px;
	color: #212121;
	margin-bottom: 5px
}

.event-info-inner span {
	font-size: 16px;
	color: #696969
}

.event-info-inner a {
	display: inline-block;
	font-size: 16px;
	color: #696969;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.event-info-inner a:hover {
	color: #27c1ce
}

@media only screen and (min-width:768px) and (max-width:991px),
(max-width:767px) {
	.event-location {
		margin-bottom: 40px
	}
}

.event-location h4 {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 25px;
	color: #212121;
	margin-bottom: 30px
}

.event-location .gmap_canvas {
	overflow: hidden;
	background: 0 0 !important;
	height: 250px;
	width: 100%;
	border-radius: 5px
}

.event-single-thumb {
	margin-bottom: 30px
}

.event-single-thumb img {
	width: 100%;
	border-radius: 5px
}

.event-single-thumb .event-date-time {
	background: #27c1ce;
	-webkit-box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	box-shadow: 3px 2px 35px rgba(0, 27, 85, .08);
	border-radius: 5px;
	width: 80%;
	left: 10%;
	position: relative;
	padding: 25px;
	text-align: center;
	margin-top: -40px
}

@media(max-width:767px) {
	.event-single-thumb .event-date-time {
		padding: 15px
	}
}

.event-date-time span {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 20px;
	text-transform: uppercase;
	color: #fff;
	margin: 0 10px
}

@media(max-width:767px) {
	.event-date-time span {
		font-size: 16px;
		display: block;
		margin: 10px 0
	}
}

.event-date-time span i {
	margin-right: 10px
}

.event-details-cnt h4 {
	font-family: saira, sans-serif;
	font-weight: 700;
	font-size: 26px;
	color: #212121;
	border-bottom: 1px solid #eee;
	padding-bottom: 20px
}

.event-details-cnt h5 {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 20px;
	color: #212121
}

.event-details-cnt p {
	margin: 0
}

@media(max-width:767px) {
	.event-details-cnt p {
		font-size: 14px
	}
}

.inner-wrap {
	margin: 30px 0
}

.inner-wrap img {
	float: right;
	margin-left: 10px
}

@media(max-width:767px) {
	.inner-wrap img {
		width: 100%;
		float: none;
		margin: 15px 0
	}
}

.inner-wrap b {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 20px;
	color: #212121;
	margin-bottom: 15px;
	display: block
}

footer {
	position: relative;
	padding-top: 70px;
	background-image: url(../img/footer-bg.jpg);
	background-size: cover;
	background-position: center center;
	z-index: 1
}

footer:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #00010b;
	opacity: .94;
	border-radius: 2px;
	z-index: -1
}

.footer-widget p {
	font-size: 16px;
	color: #fff;
	margin: 0
}

.footer-widget h4 {
	font-family: saira, sans-serif;
	font-weight: 700;
	font-size: 25px;
	color: #fff;
	margin-bottom: 20px
}

@media(max-width:767px) {
	.footer-widget h4 {
		margin-bottom: 20px;
		margin-top: 20px
	}
}

.footer-logo {
	margin-bottom: 20px
}

.footer-logo a img {
	max-width: 180px
}

.social-media {
	margin-top: 20px
}

.social-media .footer-social {
	list-style: none
}

.social-media .footer-social li {
	display: inline-block;
	margin: 0 10px
}

.social-media .footer-social li:first-child {
	margin-left: 0
}

.social-media .footer-social li a {
	display: inline-block;
	font-size: 14px;
	height: 35px;
	width: 35px;
	line-height: 35px;
	text-align: center;
	border: 1px solid #eee;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 2px;
	color: #fff;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.social-media .footer-social li a:hover {
	border-radius: 50%;
	color: #27c1ce;
	border-color: #27c1ce
}

.footer-menu {
	list-style: none
}

.footer-menu li {
	display: block;
	margin-bottom: 10px
}

.footer-menu li:last-child {
	margin: 0
}

.footer-menu li a {
	position: relative;
	font-weight: 500;
	font-size: 16px;
	color: #fff;
	display: inline-block;
	border-bottom: 1px solid transparent;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.footer-menu li a:hover {
	color: #27c1ce;
	border-bottom: 1px solid #27c1ce
}

.subscribe {
	margin-top: 20px;
	position: relative
}

.subscribe form input {
	border: 1.5px solid #a1a1a1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 5px;
	width: 100%;
	background: 0 0;
	color: #eee;
	font-size: 13px;
	height: 55px;
	padding: 0 15px
}

.subscribe form input[type=email] {
	padding-right: 105px
}

.subscribe form input[type=submit] {
	position: absolute;
	width: auto;
	right: 0;
	height: 45px;
	top: 5px;
	right: 5px;
	background: #27c1ce;
	border: 1px solid transparent;
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 14px;
	color: #fff;
	padding: 10px 15px;
	min-width: 100px;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.subscribe form input[type=submit]:hover {
	color: #27c1ce;
	border-color: #27c1ce;
	background: 0 0
}

.footer-middle {
	margin: 70px 0
}

.contact-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media only screen and (min-width:992px) and (max-width:1199px),
(max-width:767px) {
	.contact-info {
		display: inline-block
	}
}

.contact-info h4 {
	font-family: saira, sans-serif;
	font-weight: 700;
	font-size: 25px;
	color: #fff;
	margin-right: 95px;
	display: block;
	white-space: nowrap;
	margin-bottom: 0;
	min-width: 150px
}

@media only screen and (min-width:992px) and (max-width:1199px),
(max-width:767px) {
	.contact-info h4 {
		margin-right: 0;
		margin-bottom: 15px;
		margin-top: -30px
	}
}

@media(max-width:767px) {
	.contact-info h4 {
		margin-right: 0;
		margin-bottom: 20px
	}
}

.info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.info .icon {
	background: rgba(255, 255, 255, .3);
	border-radius: 3px;
	height: 60px;
	width: 60px;
	line-height: 60px;
	text-align: center;
	min-width: 60px;
	margin-right: 15px;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.info .icon i img {
	max-height: 30px
}

.info .icon:hover {
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s;
	background-color: #27c1ce
}

.address p {
	font-weight: 500;
	font-size: 16px;
	color: #fff;
	margin: 0
}

.phone a,
.email a {
	display: block;
	font-weight: 500;
	font-size: 16px;
	color: #fff;
	margin-bottom: 5px;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.phone a:last-child,
.email a:last-child {
	margin: 0
}

.phone a:hover,
.email a:hover {
	color: #27c1ce
}

.footer-bottom {
	padding: 20px 0;
	background-color: #181818
}

@media(max-width:767px) {
	.footer-bottom .copy-txt {
		text-align: center;
		margin-bottom: 20px
	}
}

.footer-bottom .copy-txt span {
	font-size: 14px;
	color: #fff;
	font-family: saira, sans-serif
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.footer-bottom .copy-txt span {
		font-size: 13px
	}
}

.footer-bottom .copy-txt span a {
	font-weight: 700;
	color: #fff;
	font-family: saira, sans-serif;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.footer-bottom .copy-txt span a:hover {
	color: #27c1ce
}

.footer-bottom .footer-bottom-menu {
	list-style: none;
	text-align: right
}

@media(max-width:767px) {
	.footer-bottom .footer-bottom-menu {
		text-align: center
	}
}

.footer-bottom .footer-bottom-menu li {
	display: inline-block
}

.footer-bottom .footer-bottom-menu li a {
	position: relative;
	font-size: 14px;
	text-align: right;
	color: #fff;
	padding: 0 20px;
	line-height: 1;
	font-family: saira, sans-serif;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.footer-bottom .footer-bottom-menu li a:before {
	border-right: 1px solid #fff;
	position: absolute;
	content: "";
	height: 60%;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

@media(max-width:767px) {
	.footer-bottom .footer-bottom-menu li a:before {
		display: none
	}
}

@media only screen and (min-width:576px) and (max-width:767px) {
	.footer-bottom .footer-bottom-menu li a:before {
		display: block
	}
}

.footer-bottom .footer-bottom-menu li a:hover {
	color: #27c1ce
}

.footer-bottom .footer-bottom-menu li:last-child a:before {
	display: none
}

.footer-two .footer-widget h4 {
	font-family: poppins, sans-serif
}

.footer-two .footer-bottom .copy-txt b {
	font-family: poppins, sans-serif
}

.footer-two .footer-bottom .copy-txt a {
	font-family: poppins, sans-serif
}

.sidebar {
	position: fixed;
	height: 100%;
	max-width: 420px;
	background-color: #fff;
	z-index: 999999;
	right: -600px;
	padding: 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #eee;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.sidebar p {
	font-weight: 400;
	font-size: 16px;
	color: #696969;
	margin-bottom: 20px
}

.sidebar .cross {
	height: 35px;
	width: 35px;
	line-height: 35px;
	background: #27c1ce;
	border-radius: 50%;
	margin-left: auto;
	margin-bottom: 30px;
	cursor: pointer
}

.sidebar .cross i {
	font-size: 20px;
	color: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	display: block;
	text-align: center
}

.sidebar .logo {
	margin-bottom: 25px
}

.sidebar .logo a img {
	max-width: 180px
}

.sidebar .instagram {
	margin-bottom: 30px
}

.sidebar .instagram h3 {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 30px;
	color: #212121;
	margin-bottom: 20px
}

.sidebar .instagram .insta-thumb {
	position: relative;
	display: inline-block;
	width: calc(33.33% - 20px);
	margin-bottom: 15px;
	margin-right: 15px;
	overflow: hidden
}

.sidebar .instagram .insta-thumb:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #212121;
	border-radius: 5px;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translateX(-300px);
	transform: translateX(-300px);
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.sidebar .instagram .insta-thumb .insta-inner a {
	display: inline-block;
	font-size: 20px;
	position: absolute;
	top: 50%;
	left: -100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.sidebar .instagram .insta-thumb a img {
	border-radius: 5px;
	width: 100%;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.sidebar .instagram .insta-thumb:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.sidebar .instagram .insta-thumb:hover:before {
	visibility: visible;
	opacity: .7;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	z-index: 1
}

.sidebar .instagram .insta-thumb:hover .insta-inner a {
	left: 50%;
	visibility: visible;
	opacity: 1;
	z-index: 2
}

.sidebar .our-community h3 {
	font-family: saira, sans-serif;
	font-weight: 600;
	font-size: 30px;
	color: #212121;
	margin-bottom: 30px
}

.sidebar .our-community .social-community {
	list-style: none
}

.sidebar .our-community .social-community li {
	display: inline-block;
	margin: 0 10px
}

.sidebar .our-community .social-community li a {
	background-color: #27c1ce;
	border-radius: 50%;
	height: 30px;
	width: 30px;
	line-height: 28px;
	display: inline-block;
	text-align: center;
	color: #fff;
	font-size: 14px;
	border: 1px solid #27c1ce;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.sidebar .our-community .social-community li a:hover {
	background: 0 0;
	color: #27c1ce;
	border: 1px solid #27c1ce
}

.sidebar .copy-right {
	margin-top: 70px
}

.sidebar .copy-right span {
	font-family: saira, sans-serif;
	font-weight: 500;
	font-size: 16px;
	color: #696969
}

.sidebar .copy-right span a {
	display: inline-block;
	color: #27c1ce
}

.sidebar.active {
	right: 0;
	overflow: auto;
	opacity: 1;
	visibility: visible
}

.sidebar2 .cross {
	background: #00b49d
}

.sidebar2 .our-community .social-community {
	list-style: none
}

.sidebar2 .our-community .social-community li {
	display: inline-block;
	margin: 0 10px
}

.sidebar2 .our-community .social-community li a {
	background-color: #00b49d;
	border: 1px solid #00b49d
}

.sidebar2 .our-community .social-community li a:hover {
	color: #00b49d;
	border: 1px solid #00b49d
}

.sidebar2 .copy-right span a {
	display: inline-block;
	color: #00b49d
}

.menu-text-clps {
	display: none
}

@media only screen and (max-width:1199px) {
	.search.two i {
		color: #fff;
		border-left: none;
		padding-left: 0
	}

	.menu-text-clps {
		margin-left: 30px;
		font-weight: 500;
		position: relative;
		top: -4px;
		color: #212121;
		display: block
	}

	.menu-text-clps.white-text {
		color: #fff
	}

	.header-bottom {
		padding: 20px 0
	}

	@media(max-width:767px) {
		.header-bottom2 {
			padding: 10px 0
		}
	}

	.header-bottom2 .container {
		border-bottom: none
	}

	.mobile-menu.two {
		text-align: right;
		display: block
	}

	header .main-nav {
		position: fixed;
		top: 0;
		left: 0;
		width: 260px;
		padding: 10px 0 !important;
		z-index: 99999;
		height: 100%;
		overflow: auto;
		display: block;
		background: #fff;
		-webkit-transform: translateX(-260px);
		transform: translateX(-260px);
		-webkit-transition: -webkit-transform .3s ease-in;
		transition: -webkit-transform .3s ease-in;
		transition: transform .3s ease-in;
		transition: transform .3s ease-in, -webkit-transform .3s ease-in
	}

	header .main-nav .mobile-menu-logo {
		text-align: left;
		padding: 20px 10px 15px;
		margin-bottom: 20px;
		display: block;
		border-bottom: 1px solid #27c1ce
	}

	header .main-nav ul {
		float: none;
		text-align: left;
		padding: 0
	}

	header .main-nav ul li {
		position: relative;
		display: block;
		border-bottom: 1px solid #eee;
		padding: 0 10px !important
	}

	header .main-nav ul li:last-child {
		border: none
	}

	header .main-nav ul li a {
		padding: 10px 0;
		display: block;
		font-weight: 500;
		color: #212121 !important;
		text-transform: capitalize
	}

	header .main-nav ul li ul.sub-menu {
		position: static;
		min-width: 200px;
		background: 0 0;
		border: none;
		opacity: 1;
		visibility: visible;
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-transform: none;
		transform: none;
		-webkit-transition: none;
		transition: none;
		display: none;
		margin-top: 0 !important;
		-webkit-transform: translateY(0px);
		transform: translateY(0px)
	}

	header .main-nav ul li ul.sub-menu li {
		padding: 0 !important
	}

	header .main-nav ul li ul.sub-menu li a {
		padding: 12px 10px
	}

	header .main-nav.slidenav {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	header .main-nav ul li .bi {
		display: block;
		top: 8px;
		right: 10px;
		font-size: 16px;
		color: #000
	}

	.mobile-menu {
		position: relative;
		top: 2px;
		padding: 0 5px;
		border-radius: 50%;
		display: inline-block
	}

	.cross-btn {
		display: inline-block !important;
		position: relative;
		width: 30px !important;
		height: 26px !important;
		cursor: pointer;
		border: 3px solid transparent !important
	}

	.cross-btn span {
		width: 100%;
		height: 2px;
		background: #27c1ce !important;
		display: block;
		position: absolute;
		right: 0;
		-webkit-transition: all .3s;
		transition: all .3s
	}

	.cross-btn .cross-top {
		top: 0
	}

	.cross-btn .cross-middle {
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 100%
	}

	.cross-btn .cross-bottom {
		bottom: 0;
		width: 100%
	}

	.cross-btn.h-active span.cross-top {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 50%;
		margin-top: -1px
	}

	.cross-btn.h-active span.cross-middle {
		-webkit-transform: translateX(-30px);
		transform: translateX(-30px);
		opacity: 0
	}

	.cross-btn.h-active span.cross-bottom {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		bottom: 50%;
		margin-bottom: -1px
	}
}