@media only screen and (max-width:992px) {
	.d-lg-none {
		display: none
	}

	.flex-lg-col-reverse {
		flex-direction: column-reverse
	}

	.justify-content-lg-center {
		justify-content: center
	}
}

@media only screen and (max-width:767px) {
	.d-md-none {
		display: none
	}
}

body {
	line-height: 26px;
	overflow-x: hidden
}

ul {
	list-style: none;
	padding: 0;
	margin: 0
}

a {
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	text-decoration: inherit;
	transition: inherit
}

a:hover {
	color: inherit;
	text-decoration: inherit
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	transition: all .2s ease-in-out 0s
}

a,
button {
	cursor: pointer
}

img {
	max-width: 100%
}

.s-title-wrap {
	margin-bottom: 50px
}

.s-title {
	font-size: 40px;
	line-height: 50px
}

.s-sub-title {
	font-family: poppins;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	color: #000060;
	display: inline-block;
	margin-bottom: 10px
}

.s-padding {
	padding-top: 110px;
	padding-bottom: 110px
}

.s-padding-t {
	padding-top: 110px
}

.s-padding-b {
	padding-bottom: 110px
}

@media only screen and (max-width:767px) {
	.s-padding {
		padding-top: 90px;
		padding-bottom: 90px
	}

	.s-padding-b {
		padding-bottom: 90px
	}

	.s-padding-t {
		padding-top: 90px
	}
}

.x-hidden {
	overflow-x: hidden
}

.y-hidden {
	overflow-y: hidden
}

.f-btn svg {
	margin-left: 5px;
	transition: inherit
}

.slick-btn {
	border: none;
	background: linear-gradient(45deg, #5d40fa 0%, #4e95ed 100%);
	color: #fff;
	display: inline-block !important;
	font-size: 20px;
	line-height: 55px;
	height: 55px;
	text-align: center;
	width: 55px;
	border-radius: 50%;
	opacity: .6;
	transition: all .2s ease-in-out 0s
}

.slick-btn:hover {
	opacity: 1
}

.slick-dots li button {
	display: none
}

.i-list li {
	margin-bottom: 10px
}

.i-list li .icon {
	background: linear-gradient(45deg, rgb(94, 64, 251) 0%, rgb(78, 149, 237) 100%);
	color: #fff;
	width: 25px;
	height: 25px;
	display: inline-block;
	text-align: center;
	line-height: 25px;
	border-radius: 50%;
	margin-right: 6px;
	font-size: 13px
}

.i-list li .text {
	font-weight: 500
}

.slick-dots {
	display: flex !important;
	gap: 6px;
	margin-top: 50px
}

.slick-dots li {
	width: 20px;
	height: 6px;
	border-radius: 6px;
	background: #b3d8fe;
	transition: all .3s ease-in-out 0s
}

.slick-dots li.slick-active {
	width: 33px;
	background: #007cfb
}

.video-thumb {
	position: relative
}

.v-play-btn {
	height: 135px;
	width: 135px;
	display: inline-block;
	background: #fff;
	color: #000060;
	font-size: 38px;
	border-radius: 50%;
	text-align: center;
	line-height: 135px;
	position: absolute;
	z-index: 99;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-animation: borderPulsing 2s linear 0s infinite;
	animation: borderPulsing 2s linear 0s infinite
}

.v-play-btn:hover {
	color: #000060
}

@-webkit-keyframes borderPulsing {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, .8)
	}

	100% {
		box-shadow: 0 0 0 45px transparent
	}
}

@keyframes borderPulsing {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, .8)
	}

	100% {
		box-shadow: 0 0 0 45px transparent
	}
}

.video-popup {
	position: fixed;
	width: 100vw;
	background: rgba(0, 0, 0, .8196078431);
	height: 100vh;
	z-index: 999;
	left: 0;
	top: 0;
	bottom: 0;
	display: flex;
	right: 0;
	justify-content: center;
	align-items: center;
	display: none
}

.video-popup.active {
	display: flex
}

.video-popup-inner {
	position: relative
}

.video-popup-inner .cls-btn {
	width: 50px;
	height: 50px;
	right: -40px;
	top: -40px;
	border: none;
	outline: none;
	border-radius: 50%;
	font-size: 20px;
	line-height: 51px;
	position: absolute
}

.social-icons-s1 li {
	display: inline-block;
	margin-right: 15px
}

.social-icons-s1 li a {
	width: 33px;
	height: 33px;
	display: inline-block;
	background: #fff;
	color: #007cfb;
	border-radius: 50%;
	line-height: 33px;
	text-align: center;
	box-shadow: 0 4px 8px 2px rgba(0, 124, 251, .16);
	z-index: 9;
	position: relative;
	transition: all .2s ease-in-out 0s
}

.social-icons-s1 li a::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: 0 0;
	box-shadow: inset 0 0 0 0 #007cfb;
	transition: .4s ease;
	left: 0;
	top: 0;
	z-index: -1
}

.social-icons-s1 li a:hover {
	color: #fff
}

.social-icons-s1 li a:hover::before {
	box-shadow: inset 0 0 35px 0 #007cfb
}

.social-icons-s1 li:last-child {
	margin-right: 0
}

.recent-posts>.rp-single {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	margin-bottom: 30px
}

.recent-posts>.rp-single .thumb {
	flex-shrink: 0
}

.recent-posts>.rp-single .thumb img {
	width: 70px;
	height: 70px;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 5px
}

.recent-posts>.rp-single .content h4 {
	font-family: poppins;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #c7c7c7;
	margin-bottom: 11px
}

.recent-posts>.rp-single .content h4:hover {
	color: #4d93eb
}

.recent-posts>.rp-single .content span {
	font-family: poppins;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #c7c7c7
}

.recent-posts>.rp-single .content span svg {
	color: #4d93eb;
	margin-right: 10px
}

.info-list {
	display: flex;
	flex-direction: column;
	gap: 9px
}

.info-list li {
	transition: all .2s ease-in-out 0s
}

.info-list li a {
	color: #c7c7c7
}

.info-list li a svg {
	color: #4d93eb;
	margin-right: 20px
}

.info-list li:hover a {
	color: #4d93eb
}

.info-list-s2 {
	padding-left: 7px
}

.info-list-s2 .s-info {
	border-left: 1px dashed #000060;
	padding-left: 15px;
	margin-top: 5px
}

.info-list-s2 .s-info p {
	color: #535353
}

.info-list-s2 .s-info .title {
	font-size: 16px;
	line-height: 1em;
	font-weight: 600;
	color: #1c1c1c;
	position: relative;
	margin-bottom: 15px;
	padding: 0
}

.info-list-s2 .s-info .title::before {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background: linear-gradient(45deg, rgb(94, 64, 251) 0%, rgb(78, 149, 237) 100%);
	left: -23px;
	top: 50%;
	position: absolute;
	transform: translateY(-53%);
	border-radius: 50%
}

.info-list-s2 .s-info:last-child {
	border: none
}

@-webkit-keyframes float {
	0% {
		transform: translateY(0px)
	}

	100% {
		transform: translateY(-12px)
	}
}

@keyframes float {
	0% {
		transform: translateY(0px)
	}

	100% {
		transform: translateY(-12px)
	}
}

.floating {
	-webkit-animation: float 1s ease-in-out 0s infinite alternate none;
	animation: float 1s ease-in-out 0s infinite alternate none
}

@-webkit-keyframes spin {
	0% {
		transform: rotate(0deg) translateY(0px)
	}

	100% {
		transform: rotate(360deg) translateY(3px)
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg) translateY(0px)
	}

	100% {
		transform: rotate(360deg) translateY(3px)
	}
}

.spin {
	animation: spin 2.5s ease-in-out 0s infinite alternate-reverse none
}

@-webkit-keyframes gradientMoving {
	0% {
		background-position: 0% 50%
	}

	50% {
		background-position: 100% 50%
	}

	100% {
		background-position: 0% 50%
	}
}

@keyframes gradientMoving {
	0% {
		background-position: 0% 50%
	}

	50% {
		background-position: 100% 50%
	}

	100% {
		background-position: 0% 50%
	}
}

.gradient-moving {
	background-size: 400% 400% !important;
	-webkit-animation: gradientMoving 3s ease infinite;
	animation: gradientMoving 3s ease infinite
}

.stretch-container {
	max-width: 1520px;
	margin: auto
}

@media only screen and (max-width:1600px) {
	.stretch-container {
		max-width: 1194px
	}
}

@media only screen and (max-width:1400px) {
	.stretch-container {
		max-width: 1140px
	}
}

@media only screen and (max-width:1200px) {
	.stretch-container {
		max-width: 960px
	}
}

@media only screen and (max-width:992px) {
	.stretch-container {
		max-width: 720px
	}
}

@media only screen and (max-width:576px) {
	.stretch-container {
		max-width: 540px
	}
}

.breadcrumb {
	text-align: center
}

.breadcrumb li {
	position: relative;
	display: inline;
	padding: 0 15px
}

.breadcrumb li::after {
	content: "-";
	position: absolute;
	top: 14px;
	font-size: 26px;
	line-height: 0;
	right: -10px;
	color: #fff
}

.breadcrumb li a {
	color: #fff;
	font-size: 18px;
	font-family: mulish
}

.breadcrumb li:first-child {
	padding-left: 0
}

.breadcrumb li:last-child {
	padding-right: 0
}

.breadcrumb li:last-child:after {
	display: none
}

.pagination li {
	display: inline-block;
	margin-right: 8px
}

.pagination li:last-child {
	margin: 0
}

.pagination li a {
	display: inline-block;
	color: #1c1c1c;
	background: linear-gradient(38.88deg, rgba(93, 64, 250, 0.3) 9.2%, rgba(78, 149, 237, 0.3) 86.44%);
	font-size: 20px;
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	border-radius: 50%
}

.pagination li:hover a,
.pagination li.active a {
	background: linear-gradient(45deg, rgb(94, 64, 251) 0%, rgb(78, 149, 237) 100%);
	color: #fff
}

.feature-s1,
.feature-s6,
.feature-s3,
.feature-s2 {
	border: 1px solid #f6f6f6;
	padding: 30px;
	border-radius: 5px;
	transition: .3s;
	transition: all .3s ease-in-out 0s
}

.feature-s1 .icon,
.feature-s6 .icon,
.feature-s3 .icon,
.feature-s2 .icon {
	margin-bottom: 34px
}

.feature-s1:hover,
.feature-s6:hover,
.feature-s3:hover,
.feature-s2:hover,
.feature-s1.active,
.active.feature-s6,
.active.feature-s3,
.active.feature-s2 {
	transform: translateY(-8px);
	box-shadow: 0 0 40px 10px rgba(0, 0, 0, .07)
}

.feature-s1:hover .f-btn>svg,
.feature-s6:hover .f-btn>svg,
.feature-s3:hover .f-btn>svg,
.feature-s2:hover .f-btn>svg,
.feature-s1.active .f-btn>svg,
.active.feature-s6 .f-btn>svg,
.active.feature-s3 .f-btn>svg,
.active.feature-s2 .f-btn>svg {
	margin-left: 10px
}

.feature-s1:hover .content h4 a,
.feature-s6:hover .content h4 a,
.feature-s3:hover .content h4 a,
.feature-s2:hover .content h4 a,
.feature-s1.active .content h4 a,
.active.feature-s6 .content h4 a,
.active.feature-s3 .content h4 a,
.active.feature-s2 .content h4 a {
	color: #000060
}

.feature-s1:hover .content h4 a::before,
.feature-s6:hover .content h4 a::before,
.feature-s3:hover .content h4 a::before,
.feature-s2:hover .content h4 a::before,
.feature-s1.active .content h4 a::before,
.active.feature-s6 .content h4 a::before,
.active.feature-s3 .content h4 a::before,
.active.feature-s2 .content h4 a::before {
	width: 100%
}

.feature-s1>.content h4,
.feature-s6>.content h4,
.feature-s3>.content h4,
.feature-s2>.content h4 {
	font-weight: 700;
	font-size: 26px;
	line-height: 33px;
	margin-bottom: 17px
}

.feature-s1>.content h4 a,
.feature-s6>.content h4 a,
.feature-s3>.content h4 a,
.feature-s2>.content h4 a {
	position: relative
}

.feature-s1>.content h4 a::before,
.feature-s6>.content h4 a::before,
.feature-s3>.content h4 a::before,
.feature-s2>.content h4 a::before {
	width: 0;
	height: 5px;
	position: absolute;
	content: "";
	background: linear-gradient(45deg, rgb(94, 64, 251) 0%, rgb(78, 149, 237) 100%);
	bottom: 2px;
	transition: .4s ease-in-out;
	z-index: -1
}

.feature-s1>.content p,
.feature-s6>.content p,
.feature-s3>.content p,
.feature-s2>.content p {
	margin-bottom: 11px
}

.feature-s1>.content .f-btn,
.feature-s6>.content .f-btn,
.feature-s3>.content .f-btn,
.feature-s2>.content .f-btn {
	color: #000060;
	transition: all .3s ease-in-out 0s
}

.feature-s2 {
	background: url(../images/backgrounds/feature-s2-bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #fff;
	padding: 40px;
	padding-bottom: 35px
}

.feature-s2 p {
	margin-bottom: 0 !important
}

.feature-s2:hover,
.feature-s2.active {
	background-color: #000060;
	transform: translateY(-8px)
}

.feature-s2:hover .icon img,
.feature-s2.active .icon img {
	transform: rotate(360deg);
	transition: .8s ease-in-out
}

.feature-s2:hover .content h4,
.feature-s2.active .content h4 {
	color: #fff
}

.feature-s2:hover .content p,
.feature-s2.active .content p {
	color: #fff
}

.feature-s3 {
	background: linear-gradient(90deg, #090b34 0%, #03051c 100%);
	border-color: #020314
}

.feature-s3:hover,
.feature-s3.active {
	background: linear-gradient(45deg, rgb(94, 64, 251) 0%, rgb(78, 149, 237) 100%)
}

.feature-s3:hover .icon,
.feature-s3.active .icon {
	background: #fff
}

.feature-s3:hover .icon img,
.feature-s3.active .icon img {
	filter: brightness(.1)
}

.feature-s3:hover .content h4 a,
.feature-s3.active .content h4 a {
	color: #fff
}

.feature-s3:hover .content p,
.feature-s3.active .content p {
	color: #fff
}

.feature-s3:hover .content a.f-btn,
.feature-s3.active .content a.f-btn {
	color: #fff
}

.feature-s3 .icon {
	width: 90px;
	height: 90px;
	text-align: center;
	line-height: 90px;
	background: linear-gradient(45deg, rgb(94, 64, 251) 0%, rgb(78, 149, 237) 100%);
	border-radius: 50%;
	transition: all .3s ease-in-out 0s
}

.feature-s3 .content h4 {
	color: #fff
}

.feature-s3 .content h4 a::before {
	background: #000060
}

.feature-s3 .content p {
	color: #b8b8b8
}

.feature-s3 .content a.f-btn {
	color: #b8b8b8
}

.feature-area-inner>* {
	width: 35%
}

.feature-s4 {
	background: url(../images/shapes/feature-s4-shape.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	height: 340px;
	display: flex;
	align-items: center;
	position: relative
}

.feature-s4 .badge {
	font-family: mulish;
	font-weight: 700;
	font-size: 20px;
	line-height: 55px;
	color: #fff;
	background: #007cfb;
	width: 68px;
	height: 68px;
	text-align: center;
	border-radius: 50%;
	border: 6px solid #fff;
	right: 92px;
	top: 20px;
	position: absolute;
	box-shadow: 0 0 30px rgba(0, 0, 0, .1);
	transition: all .2s ease-in-out 0s
}

.feature-s4:hover .badge {
	transform: scale(.8)
}

.feature-s4:hover .content {
	box-shadow: none
}

.feature-s4:hover .content h3 {
	color: #007cfb
}

.feature-s4 .content {
	width: 280px;
	height: 280px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin-left: 20px;
	padding: 30px;
	box-shadow: 0 0 20px rgba(0, 124, 251, .16);
	border-radius: 50%;
	transition: all .3s ease-in-out 0s
}

.feature-s4 .content h3 {
	font-size: 26px;
	line-height: 33px;
	color: #1c1c1c;
	margin-bottom: 25px;
	transition: all .3s ease-in-out 0s
}

.feature-s4 .content p {
	line-height: 24px;
	color: #535353;
	margin-bottom: 0
}

.feature-s4.third {
	width: 30%;
	background: url(../images/shapes/feature-s4-shape2.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain
}

.feature-s4.third .content {
	margin-left: 30px
}

.feature-s4.third .badge {
	right: 20px;
	top: 23px
}

.feature-s5 {
	padding: 40px;
	background: #fff;
	border-radius: 5px;
	text-align: center;
	margin: 0 12px
}

.feature-s5:hover .content .icon {
	background: #007cfb;
	box-shadow: none
}

.feature-s5:hover .content .icon img {
	filter: invert(85%) saturate(0%) brightness(136%) contrast(200%)
}

.feature-s5:hover .content h3 {
	color: #007cfb
}

.feature-s5 .thumb img {
	width: 100%;
	height: 180px;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 5px
}

.feature-s5 .content {
	text-align: center
}

.feature-s5 .content .icon {
	width: 82px;
	height: 82px;
	background: #def;
	border: 5px solid #fff;
	box-shadow: 0 6px 15px 2px rgba(0, 124, 251, .23);
	border-radius: 50%;
	text-align: center;
	line-height: 70px;
	margin: -42px auto 0;
	z-index: 9;
	position: relative;
	transition: all .3s ease-in-out 0s
}

.feature-s5 .content .icon img {
	display: inline
}

.feature-s5 .content h3 {
	font-size: 26px;
	line-height: 35px;
	color: #1c1c1c;
	margin-top: 20px;
	margin-bottom: 20px;
	transition: all .3s ease-in-out 0s
}

.feature-s5 .content p {
	line-height: 26px;
	color: #535353;
	margin: 0
}

.feature-s6 .icon {
	width: 50px;
	height: 50px;
	margin-bottom: 22px
}

.feature-s6>.content h4 {
	font-size: 18px;
	line-height: 23px
}

.feature-s6>.content p {
	margin-bottom: 0
}

.btn {
	font-family: poppins, sans-serif;
	font-size: 18px;
	border: none;
	line-height: 1;
	padding: 20px 24px;
	border-radius: 30px;
	display: inline-block
}

.btn-s1,
.btn-s3,
.btn-s2 {
	overflow: hidden;
	position: relative;
	background-color: transparent;
	z-index: 9;
	color: #fff
}

.btn-s1:hover,
.btn-s3:hover,
.btn-s2:hover {
	color: #fff
}

.btn-s1:hover::after,
.btn-s3:hover::after,
.btn-s2:hover::after {
	width: calc(100% + 4px);
	border-color: #fff;
	left: -2px
}

.btn-s1::before,
.btn-s3::before,
.btn-s2::before,
.btn-s1::after,
.btn-s3::after,
.btn-s2::after {
	content: "";
	position: absolute;
	display: block;
	z-index: -1
}

.btn-s1::before,
.btn-s3::before,
.btn-s2::before {
	background: linear-gradient(45deg, rgb(94, 64, 251) 0%, rgb(78, 149, 237) 100%);
	width: 100%;
	z-index: -2;
	left: 0;
	transition: width .5s ease;
	transform: rotate(10deg);
	height: 150%;
	bottom: -25%
}

.btn-s1::after,
.btn-s3::after,
.btn-s2::after {
	background: #5e40fb;
	right: 0;
	transition: width .5s ease;
	height: 150%;
	top: -25%;
	right: -2px;
	width: 0;
	transform: rotate(-10deg);
	z-index: -1;
	border-right: 1px solid rgba(255, 255, 255, .8117647059);
	border-left: 1px solid rgba(255, 255, 255, .8117647059)
}

.btn-s1.outlined,
.outlined.btn-s3,
.outlined.btn-s2 {
	border: 1px solid #5e40fb;
	padding: 19px 23px;
	background: 0 0
}

.btn-s1.outlined::before,
.outlined.btn-s3::before,
.outlined.btn-s2::before {
	background: 0 0
}

.btn-s2 {
	position: relative;
	overflow: hidden
}

.btn-s2:before {
	display: none
}

.btn-s2:after {
	background-color: hsla(0deg, 0%, 100%, 0.2);
	bottom: -50%;
	content: "";
	position: absolute;
	top: -110%;
	transform: translate3d(-400%, 0, 0) rotate(35deg);
	width: 50px;
	z-index: 1
}

.btn-s2:hover {
	background: linear-gradient(45deg, rgb(94, 64, 251) 0%, rgb(78, 149, 237) 100%)
}

.btn-s2:hover:after {
	transform: translate3d(130%, 0, 0) rotate(35deg);
	transition: transform 1s ease-in-out
}

.btn-group {
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 30px
}

.btn-s3::before {
	background: #007cfb
}

@-webkit-keyframes pulsingBorderS2 {
	from {
		box-shadow: 0 0 0 0 rgba(77, 148, 235, .662745098)
	}

	to {
		box-shadow: 0 0 0 25px rgba(77, 148, 235, .1058823529)
	}
}

@keyframes pulsingBorderS2 {
	from {
		box-shadow: 0 0 0 0 rgba(77, 148, 235, .662745098)
	}

	to {
		box-shadow: 0 0 0 25px rgba(77, 148, 235, .1058823529)
	}
}

.play-btn-sm {
	font-size: 24px;
	border: none;
	background: #007cfb;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	text-align: center;
	line-height: 70px;
	color: #fff;
	position: relative;
	top: 0;
	left: 0;
	transform: none;
	-webkit-animation: pulsingBorderS2 1.5s linear 0s infinite;
	animation: pulsingBorderS2 1.5s linear 0s infinite
}

.play-btn-sm:hover {
	color: #fff
}

.pricing-t-s1,
.pricing-t-s2 {
	padding-top: 50px;
	text-align: center;
	position: relative;
	overflow: hidden;
	border-radius: 5px;
	padding-bottom: 50px;
	padding-left: 40px;
	padding-right: 40px;
	z-index: 9;
	position: relative;
	transition: all .2s ease-in-out 0s
}

.pricing-t-s1 *,
.pricing-t-s2 * {
	transition: all .2s ease-in-out 0s
}

.pricing-t-s1:hover .pt-header .pt-ribbon,
.pricing-t-s2:hover .pt-header .pt-ribbon,
.pricing-t-s1.active .pt-header .pt-ribbon,
.active.pricing-t-s2 .pt-header .pt-ribbon {
	background-color: #fff;
	color: #000060
}

.pricing-t-s1:hover .pt-header .price>*,
.pricing-t-s2:hover .pt-header .price>*,
.pricing-t-s1.active .pt-header .price>*,
.active.pricing-t-s2 .pt-header .price>* {
	color: #fff
}

.pricing-t-s1:hover .pt-body>.pt-features li,
.pricing-t-s2:hover .pt-body>.pt-features li,
.pricing-t-s1.active .pt-body>.pt-features li,
.active.pricing-t-s2 .pt-body>.pt-features li {
	color: #fff
}

.pricing-t-s1::before,
.pricing-t-s2::before,
.pricing-t-s1::after,
.pricing-t-s2::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	background: #fff;
	left: 0;
	top: 0;
	z-index: -2
}

.pricing-t-s1::after,
.pricing-t-s2::after {
	height: 0;
	background: #000060;
	top: auto;
	bottom: 0;
	transition: height .5s linear
}

.pricing-t-s1:hover::after,
.pricing-t-s2:hover::after {
	top: 0;
	bottom: auto;
	height: 100%;
	z-index: -1
}

.pricing-t-s1.active::after,
.active.pricing-t-s2::after {
	background: #000060
}

.pricing-t-s1.active::before,
.active.pricing-t-s2::before {
	background: #000060
}

.pricing-t-s1>.pt-header .icon,
.pricing-t-s2>.pt-header .icon {
	margin-bottom: 25px
}

.pricing-t-s1>.pt-header .price,
.pricing-t-s2>.pt-header .price {
	display: flex;
	align-items: baseline;
	justify-content: center
}

.pricing-t-s1>.pt-header .price>*,
.pricing-t-s2>.pt-header .price>* {
	color: #333;
	transition: all .2s ease-in-out 0s
}

.pricing-t-s1>.pt-header .price h3,
.pricing-t-s2>.pt-header .price h3 {
	font-family: mulish;
	font-style: normal;
	font-weight: 800;
	font-size: 55px;
	line-height: 69px
}

.pricing-t-s1>.pt-header .price .p-pre,
.pricing-t-s2>.pt-header .price .p-pre {
	font-size: 20px;
	font-weight: 700;
	font-family: mulish;
	align-self: flex-start;
	display: inline-block;
	margin-right: 5px
}

.pricing-t-s1>.pt-header .price .p-suf,
.pricing-t-s2>.pt-header .price .p-suf {
	font-size: 18px;
	font-weight: 500
}

.pricing-t-s1>.pt-header .pt-ribbon,
.pricing-t-s2>.pt-header .pt-ribbon {
	background: #00005f;
	font-family: mulish;
	font-style: normal;
	font-weight: 600;
	font-size: 26px;
	line-height: 33px;
	color: #fff;
	padding: 12px 0;
	position: absolute;
	width: 100%;
	top: 27px;
	transform: rotate(45deg);
	left: 36%;
	transition: .3s linear
}

.pricing-t-s1>.pt-body .pt-features,
.pricing-t-s2>.pt-body .pt-features {
	border-top: 1px solid #ececec;
	margin-top: 15px;
	padding-top: 35px
}

.pricing-t-s1>.pt-body .pt-features li,
.pricing-t-s2>.pt-body .pt-features li {
	margin-bottom: 16px;
	color: #333
}

.pricing-t-s1>.pt-body .pt-features li .icon,
.pricing-t-s2>.pt-body .pt-features li .icon {
	margin-right: 3px
}

.pricing-t-s1>.pt-body .pt-features li .text,
.pricing-t-s2>.pt-body .pt-features li .text {
	font-size: 18px
}

.pricing-t-s1>.pt-footer,
.pricing-t-s2>.pt-footer {
	padding-top: 20px
}

.pricing-t-s1>.pt-footer .pt-btn.btn,
.pricing-t-s2>.pt-footer .pt-btn.btn {
	width: 170px
}

.pricing-t-s2 {
	background-color: #fff;
	box-shadow: 0 0 40px rgba(0, 0, 0, .08);
	padding-top: 0;
	padding-bottom: 40px
}

.pricing-t-s2::before,
.pricing-t-s2::after {
	display: none
}

.pricing-t-s2:hover,
.pricing-t-s2.active {
	background: linear-gradient(45deg, rgb(94, 64, 251) 0%, rgb(78, 149, 237) 100%)
}

.pricing-t-s2:hover .pt-header .pt-ribbon,
.pricing-t-s2.active .pt-header .pt-ribbon {
	background: #fff
}

.pricing-t-s2:hover .pt-header .price .p-suf,
.pricing-t-s2.active .pt-header .price .p-suf {
	color: #fff
}

.pricing-t-s2:hover .pt-body .pt-features li .text,
.pricing-t-s2.active .pt-body .pt-features li .text {
	color: #fff
}

.pricing-t-s2:hover .btn-s1,
.pricing-t-s2:hover .btn-s2,
.pricing-t-s2:hover .btn-s3,
.pricing-t-s2.active .btn-s1,
.pricing-t-s2.active .btn-s2,
.pricing-t-s2.active .btn-s3 {
	color: #1c1c1c
}

.pricing-t-s2:hover .btn-s1::after,
.pricing-t-s2:hover .btn-s2::after,
.pricing-t-s2:hover .btn-s3::after,
.pricing-t-s2.active .btn-s1::after,
.pricing-t-s2.active .btn-s2::after,
.pricing-t-s2.active .btn-s3::after {
	width: 100%
}

.pricing-t-s2>.pt-header {
	display: flex;
	flex-direction: column-reverse;
	padding-bottom: 10px
}

.pricing-t-s2>.pt-header .pt-ribbon {
	position: static;
	transform: rotate(0deg);
	font-family: mulish;
	font-weight: 700;
	font-size: 18px;
	line-height: 23px;
	color: #fff;
	padding: 35px 0;
	border-radius: 5px;
	margin-bottom: 25px;
	background: linear-gradient(45deg, rgb(94, 64, 251) 0%, rgb(78, 149, 237) 100%)
}

.pricing-t-s2>.pt-header .price h3 {
	font-size: 45px;
	line-height: 56px
}

.pricing-t-s2>.pt-header .price .p-suf {
	font-family: mulish;
	font-weight: 400;
	font-size: 18px;
	line-height: 23px;
	color: #1c1c1c
}

.pricing-t-s2>.pt-body .pt-features li {
	margin: 0
}

.pricing-t-s2>.pt-body .pt-features li .text {
	font-weight: 500;
	font-size: 18px;
	line-height: 42px;
	color: #535353
}

.pricing-t-s2>.pt-footer {
	padding-top: 35px
}

.pricing-t-s2>.pt-footer .btn-s1::after,
.pricing-t-s2>.pt-footer .btn-s2::after,
.pricing-t-s2>.pt-footer .btn-s3::after {
	background: #fff
}

.single-tes-s1 .desc,
.single-tes-s2 .desc {
	font-style: italic;
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 21px
}

.single-tes-s1 .desc img,
.single-tes-s2 .desc img {
	display: inline
}

.single-tes-s1>.auth-info,
.single-tes-s2>.auth-info {
	display: flex;
	gap: 30px;
	align-items: center
}

.single-tes-s1>.auth-info .details .name,
.single-tes-s2>.auth-info .details .name {
	font-family: mulish;
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 22px;
	color: #007cfb;
	margin-bottom: 0
}

.single-tes-s1>.auth-info .details .designation,
.single-tes-s2>.auth-info .details .designation {
	font-family: poppins;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: #333
}

.single-tes-s1>.auth-info .details .rating,
.single-tes-s2>.auth-info .details .rating {
	margin-top: 10px
}

.single-tes-s1>.auth-info .details .rating>*,
.single-tes-s2>.auth-info .details .rating>* {
	color: #ffc107;
	font-size: 18px
}

.single-tes-s1>.auth-info .thumb,
.single-tes-s2>.auth-info .thumb {
	flex-shrink: 0;
	border: 5px solid #fff;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 8px 25px rgba(0, 124, 251, .15)
}

.single-tes-s2 .icon-rating {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 15px
}

.single-tes-s2 .icon-rating .rating {
	color: #ffc107
}

.single-tes-s2 .desc {
	font-size: 16px;
	line-height: 26px;
	font-style: normal;
	color: #bbb;
	margin-bottom: 30px
}

.single-tes-s2 .auth-info .thumb {
	border: none;
	box-shadow: none
}

.single-tes-s2 .auth-info .details .name {
	font-size: 26px;
	line-height: 26px;
	color: #fff;
	margin-bottom: 3px
}

.single-tes-s2 .auth-info .details .designation {
	color: #b8b8b8
}

.funfact-s1,
.funfact-s3 {
	border: 1px solid #323286;
	display: flex;
	gap: 30px;
	align-items: center;
	justify-content: center;
	padding: 23px;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	transition: all .2s ease-in-out 0s
}

.funfact-s1 .content h4,
.funfact-s3 .content h4 {
	font-weight: 800;
	font-size: 30px;
	line-height: 35px;
	color: #fff;
	margin-bottom: 6px
}

.funfact-s1 .content p,
.funfact-s3 .content p {
	color: #fff;
	margin-bottom: 0
}

.funfact-s1::before,
.funfact-s3::before {
	background-color: hsla(0deg, 0%, 100%, 0.2);
	bottom: -50%;
	content: "";
	position: absolute;
	top: -110%;
	transform: translate3d(-500%, 0, 0) rotate(35deg);
	transition: transform .4s ease-in-out;
	visibility: hidden;
	width: 50px;
	z-index: 1
}

.funfact-s1:hover,
.funfact-s3:hover {
	transform: translateY(-12px)
}

.funfact-s1:hover::before,
.funfact-s3:hover::before {
	visibility: visible;
	transform: translate3d(500%, 0, 0) rotate(35deg)
}

.funfact-s2 {
	display: flex;
	align-items: center;
	gap: 25px
}

.funfact-s2 .icon {
	width: 80px;
	height: 80px;
	background: #fff;
	box-shadow: 0 5px 12px 2px rgba(0, 124, 251, .16);
	border-radius: 50%;
	text-align: center;
	line-height: 80px
}

.funfact-s2 .icon img {
	width: 33px
}

.funfact-s2 .content h4 {
	font-weight: 800;
	font-size: 30px;
	line-height: 35px;
	color: #000;
	margin-bottom: 5px
}

.funfact-s2 .content p {
	font-weight: 400;
	font-size: 16px;
	line-height: 35px;
	color: #333;
	margin: 0
}

.funfact-s3:hover {
	background: #000060
}

.funfact-s3:hover .content h4 {
	color: #fff
}

.funfact-s3:hover .content p {
	color: #fff
}

.funfact-s3 .content h4 {
	color: #1c1c1c
}

.funfact-s3 .content p {
	color: #535353
}

.b-post-s1,
.b-post-s2 {
	background: #fff;
	box-shadow: 0 0 40px 10px rgba(0, 0, 0, .08);
	border-radius: 7px
}

.b-post-s1>.thumb,
.b-post-s2>.thumb {
	position: relative;
	overflow: hidden
}

.b-post-s1>.thumb::before,
.b-post-s2>.thumb::before {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	font-size: 42px;
	position: absolute;
	content: "+";
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
	transition: .4s;
	visibility: hidden;
	opacity: 0;
	pointer-events: none
}

.b-post-s1>.thumb img,
.b-post-s2>.thumb img {
	width: 100%;
	transition: .3s ease-in-out
}

.b-post-s1>.thumb:hover::before,
.b-post-s2>.thumb:hover::before {
	visibility: visible;
	opacity: 1;
	pointer-events: all
}

.b-post-s1>.thumb:hover img,
.b-post-s2>.thumb:hover img {
	transform: scale(1.1)
}

.b-post-s1>.content,
.b-post-s2>.content {
	padding: 32px 34px 26px
}

.b-post-s1>.content .title,
.b-post-s2>.content .title {
	font-weight: 700;
	font-size: 26px;
	line-height: 35px;
	margin-top: 7px;
	transition: all .1s ease-in-out 0s
}

.b-post-s1>.content .title:hover,
.b-post-s2>.content .title:hover {
	color: #4d93eb
}

.b-post-s1>.content .meta li,
.b-post-s2>.content .meta li {
	display: inline-block;
	margin-right: 30px
}

.b-post-s1>.content .meta li .icon,
.b-post-s2>.content .meta li .icon {
	color: #4d93eb
}

.b-post-s1>.content .meta li:last-child,
.b-post-s2>.content .meta li:last-child {
	margin-right: 0
}

.b-post-s1>.content .btm,
.b-post-s2>.content .btm {
	padding-top: 14px;
	margin-top: 22px;
	border-top: 1px solid #c6e2ff
}

.b-post-s1>.content .btm .readmore,
.b-post-s2>.content .btm .readmore {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	font-weight: 500;
	color: #007cfb
}

.b-post-s2 .content {
	background: #090b34
}

.b-post-s2 .content .title {
	color: #fff
}

.b-post-s2 .content .title:hover {
	color: #fff
}

.b-post-s2 .content .meta li .text {
	color: #bbb
}

.b-post-s2 .content .meta li .icon {
	color: #5132ef
}

.b-post-s2 .content .btm {
	border-color: #141756
}

.b-post-s2 .content .btm .readmore {
	color: #bbb;
	transition: all .2s ease-in-out 0s
}

.b-post-s2 .content .btm .readmore:hover {
	color: #5132ef
}

.b-post-s2>.thumb {
	background: #020314
}

.b-post-s2>.thumb .date {
	position: absolute;
	bottom: 45px;
	right: 45px;
	background: linear-gradient(45deg, rgb(94, 64, 251) 0%, rgb(78, 149, 237) 100%);
	padding: 15px;
	border-radius: 5px;
	max-width: 90px;
	text-align: center;
	transition: all .3s ease-in-out 0s
}

.b-post-s2>.thumb .date p {
	font-family: mulish;
	font-weight: 700;
	font-size: 16px;
	line-height: 26px;
	color: #fff;
	margin: 0
}

.b-post-s2>.thumb:hover .date {
	opacity: 0;
	visibility: hidden;
	pointer-events: none
}

.sponsers-slider-s1,
.sponsers-slider-s2 {
	background: #020314
}

.sponsers-slider-s1 .s-title-wrap,
.sponsers-slider-s2 .s-title-wrap {
	text-align: center
}

.sponsers-slider-s1 .sponsers-container,
.sponsers-slider-s2 .sponsers-container {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	-moz-column-gap: 30px;
	column-gap: 30px
}

.sponsers-slider-s1 .sponsers-container .s-sponser,
.sponsers-slider-s2 .sponsers-container .s-sponser {
	width: 100%;
	text-align: center;
	padding: 22px 0;
	background: #090b34;
	border-radius: 5px;
	transition: transform .2s ease-in-out
}

.sponsers-slider-s1 .sponsers-container .s-sponser:hover,
.sponsers-slider-s2 .sponsers-container .s-sponser:hover {
	background: linear-gradient(45deg, rgb(94, 64, 251) 0%, rgb(78, 149, 237) 100%);
	transform: translateY(-10px)
}

.sponsers-slider-s1 .sponsers-container .s-sponser:hover img,
.sponsers-slider-s2 .sponsers-container .s-sponser:hover img {
	filter: brightness(200%) contrast(200%) saturate(100%) blur(0px) hue-rotate(0deg)
}

.sponsers-slider-s2 {
	background: 0 0
}

.s-project-s1 {
	position: relative;
	padding: 0 10px
}

.s-project-s1:hover .content {
	transform: translateY(0)
}

.s-project-s1:hover .thumb img {
	transform: scale(1.05)
}

.s-project-s1 .content {
	transform: translateY(100%);
	transition: .3s ease-in-out;
	position: absolute;
	bottom: 0;
	background: linear-gradient(45deg, rgb(94, 64, 251) 0%, rgb(78, 149, 237) 100%);
	display: flex;
	padding: 23px 60px;
	border-radius: 5px;
	gap: 55px
}

.s-project-s1 .thumb {
	overflow: hidden
}

.s-project-s1 .thumb img {
	border-radius: 6px;
	transition: .2s
}

.s-project-s1 .content .p-left .name {
	font-size: 26px;
	line-height: 30px;
	color: #fff
}

.s-project-s1 .content .p-left .p-catagories li {
	display: inline-block
}

.s-project-s1 .content .p-left .p-catagories li::after {
	content: ",";
	color: #fff
}

.s-project-s1 .content .p-left .p-catagories li:last-child::after {
	display: none
}

.s-project-s1 .content .p-left .p-catagories li a {
	color: #fff
}

.s-project-s1 .content .p-right {
	display: flex;
	align-items: center
}

.s-project-s1 .content .p-right .r-btn {
	font-size: 20px;
	width: 42px;
	height: 42px;
	display: inline-block;
	text-align: center;
	line-height: 42px;
	color: #000;
	background: #fff
}

.s-project-s2 {
	transition: all .3s ease-in-out 0s;
	padding: 0 12px
}

.s-project-s2:hover {
	transform: translateY(-10px)
}

.s-project-s2:hover .content {
	transform: translateX(0)
}

.s-project-s2-inner {
	position: relative;
	overflow: hidden
}

.s-project-s2 .thumb img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 5px
}

.s-project-s2 .content {
	position: absolute;
	top: 0;
	left: 0%;
	bottom: 70px;
	right: 70px;
	background: rgba(0, 125, 251, .8392156863);
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: end;
	padding-bottom: 40px;
	padding-left: 40px;
	border-radius: 0 0 6px 0;
	transform: translateX(-102%);
	transition: all .5s ease-in-out 0s
}

.s-project-s2 .content h3 {
	font-size: 25px;
	line-height: 35px;
	color: #fff;
	margin-bottom: 30px
}

.s-project-s2 .content p {
	color: #fff;
	margin: 0
}

.s-project-s2 .content .btn {
	width: 50px;
	height: 50px;
	text-align: center;
	padding: 0;
	line-height: 50px;
	background: #fff;
	color: #007cfb;
	transition: all .3s ease-in-out 0s
}

.s-project-s2 .content:hover .btn {
	transform: translateX(10px)
}

.tab-contents .tab-pane {
	display: none;
	-webkit-animation: tabFade 1s;
	animation: tabFade 1s
}

.tab-contents .tab-pane.active {
	display: block
}

@-webkit-keyframes tabFade {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes tabFade {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.tab-s1 .tab-links .tab-btn {
	font-family: mulish;
	font-weight: 700;
	font-size: 18px;
	line-height: 26px;
	color: #fff;
	background: #090b34;
	border-radius: 50px;
	border: 0;
	padding: 12px 30px;
	margin-right: 12px;
	transition: all .2s ease-in-out 0s
}

.tab-s1 .tab-links .tab-btn:last-child {
	margin-right: 0
}

.tab-s1 .tab-links .tab-btn:hover,
.tab-s1 .tab-links .tab-btn.active {
	background: linear-gradient(45deg, rgb(94, 64, 251) 0%, rgb(78, 149, 237) 100%)
}

.tab-s1 .tab-contents {
	margin-top: 30px
}

.tab-s1 .tab-contents .tab-pane p {
	color: #b8b8b8;
	margin-bottom: 35px
}

.tab-s1 .tab-contents .tab-pane .list-b {
	display: flex;
	justify-content: flex-start;
	gap: 50px
}

.tab-s1 .tab-contents .tab-pane .list-b .i-list li .text {
	color: #fff
}

.pricing-tab-s1 .pricing-toogle {
	padding: 5px;
	border: 1px solid #e9e9e9;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: auto;
	border-radius: 35px
}

.pricing-tab-s1 .pricing-toogle button {
	border: none;
	background: #fff;
	width: 150px;
	height: 60px;
	display: inline-block;
	border-radius: 30px;
	color: #1c1c1c
}

.pricing-tab-s1 .pricing-toogle button.active,
.pricing-tab-s1 .pricing-toogle button:hover {
	background: linear-gradient(45deg, rgb(94, 64, 251) 0%, rgb(78, 149, 237) 100%);
	color: #fff
}

.team-slider-s1 ul.slick-dots {
	justify-content: center
}

.team-slider-s1 ul.slick-dots li {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #232767
}

.team-slider-s1 ul.slick-dots li.slick-active {
	width: 14px;
	height: 14px;
	background: linear-gradient(45deg, rgb(94, 64, 251) 0%, rgb(78, 149, 237) 100%)
}

.single-team-s1,
.single-team-s2 {
	padding: 0 12px
}

.single-team-s1:hover .content::after,
.single-team-s2:hover .content::after {
	width: 100%
}

.single-team-s1:hover .thumb .social-icons-s1 li,
.single-team-s2:hover .thumb .social-icons-s1 li {
	transform: translateX(-25px)
}

.single-team-s1 .content,
.single-team-s2 .content {
	border-radius: 5px;
	text-align: center;
	padding: 12px 0;
	margin-top: 20px;
	position: relative;
	z-index: 9
}

.single-team-s1 .content .name,
.single-team-s2 .content .name {
	font-size: 20px;
	line-height: 30px;
	color: #fff
}

.single-team-s1 .content .designation,
.single-team-s2 .content .designation {
	color: #b8b8b8;
	margin: 0
}

.single-team-s1 .content::before,
.single-team-s2 .content::before,
.single-team-s1 .content::after,
.single-team-s2 .content::after {
	content: "";
	position: absolute;
	height: 100%;
	top: 0
}

.single-team-s1 .content::before,
.single-team-s2 .content::before {
	background: #090b34;
	width: 100%;
	left: 0;
	border-radius: 5px;
	z-index: -2
}

.single-team-s1 .content::after,
.single-team-s2 .content::after {
	background: linear-gradient(45deg, rgb(94, 64, 251) 0%, rgb(78, 149, 237) 100%);
	left: 0;
	top: 0;
	width: 0;
	z-index: -1;
	border-radius: 5px;
	transition: all .5s ease-in-out 0s
}

.single-team-s1 .thumb,
.single-team-s2 .thumb {
	background: #090b34;
	position: relative;
	overflow: hidden
}

.single-team-s1 .thumb .social-icons-s1,
.single-team-s2 .thumb .social-icons-s1 {
	display: flex;
	flex-direction: column;
	gap: 10px;
	position: absolute;
	right: 0;
	bottom: 30px
}

.single-team-s1 .thumb .social-icons-s1 li,
.single-team-s2 .thumb .social-icons-s1 li {
	margin-right: 0;
	transform: translateX(100%);
	transition: .3s ease
}

.single-team-s1 .thumb .social-icons-s1 li:nth-child(2),
.single-team-s2 .thumb .social-icons-s1 li:nth-child(2) {
	transition-delay: .1s
}

.single-team-s1 .thumb .social-icons-s1 li:nth-child(3),
.single-team-s2 .thumb .social-icons-s1 li:nth-child(3) {
	transition-delay: .2s
}

.single-team-s1 .thumb .social-icons-s1 li:nth-child(4),
.single-team-s2 .thumb .social-icons-s1 li:nth-child(4) {
	transition-delay: .3s
}

.single-team-s1 .thumb .social-icons-s1 li a,
.single-team-s2 .thumb .social-icons-s1 li a {
	width: 44px;
	height: 44px;
	line-height: 44px;
	font-size: 22px;
	box-shadow: 0 4px 8px rgba(0, 124, 251, .16);
	background: linear-gradient(45deg, rgb(94, 64, 251) 0%, rgb(78, 149, 237) 100%);
	color: #fff;
	transition: all .2s ease-in-out 0s
}

.single-team-s1 .thumb .social-icons-s1 li:hover a,
.single-team-s2 .thumb .social-icons-s1 li:hover a {
	box-shadow: none;
	transform: scale(.95)
}

.single-team-s2:hover .thumb::before {
	width: 100%
}

.single-team-s2 .content::before {
	background: #000060
}

.single-team-s2 .content::after {
	background: linear-gradient(263.86deg, #4b91ea 1.42%, #0a2d98 97.62%)
}

.single-team-s2 .thumb {
	position: relative
}

.single-team-s2 .thumb img {
	width: 100%
}

.single-team-s2 .thumb .social-icons-s1 {
	bottom: 30px
}

.single-team-s2 .thumb .social-icons-s1 li a {
	box-shadow: none
}

.single-team-s2 .thumb::before {
	content: "";
	width: 0;
	height: 100%;
	background: rgba(0, 0, 96, .4588235294);
	position: absolute;
	transition: all .4s ease-in-out 0s
}

.progress-s1 .s-progress .p-title {
	margin-bottom: 10px;
	display: flex;
	justify-content: space-between
}

.progress-s1 .s-progress .progress-bar {
	width: 100%;
	height: 10px;
	background: #cce5fe;
	border-radius: 5px;
	display: flex;
	align-items: center;
	padding: 3px
}

.progress-s1 .s-progress .progress-bar .progress-bar__inner {
	background: #007cfb;
	height: 4px;
	border-radius: 4px;
	position: relative;
	width: 0;
	transition: 2s ease-out
}

.progress-s1 .s-progress .progress-bar .progress-bar__inner .shape {
	position: absolute;
	width: 0;
	height: 0;
	border-top: solid 10px #4d93eb;
	border-right: solid 8px transparent;
	border-left: solid 8px transparent;
	bottom: 10px;
	right: -6px
}

.d-page-banner {
	background: url(../images/backgrounds/banner-bg.png);
	height: 300px;
	display: flex;
	align-items: center;
	margin-top: -44px;
	padding-top: 44px
}

.d-page-banner .content h1 {
	font-size: 45px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	margin-bottom: 20px
}

.accordion-s1 .s-accordion {
	background: #fff;
	box-shadow: 0 10px 10px rgba(0, 0, 0, .08);
	border-radius: 4px;
	margin-bottom: 20px
}

.accordion-s1 .s-accordion.active {
	padding-bottom: 20px
}

.accordion-s1 .s-accordion.active .s-accordion__h {
	border-color: #e7e7e7;
	margin-bottom: 20px
}

.accordion-s1 .s-accordion.active .s-accordion__h .icon::after {
	transform: rotate(0deg) translateX(-50%)
}

.accordion-s1 .s-accordion>.s-accordion__h {
	padding: 20px 25px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #fff;
	cursor: pointer
}

.accordion-s1 .s-accordion>.s-accordion__h h3 {
	font-family: poppins;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 27px;
	color: #1c1c1c
}

.accordion-s1 .s-accordion>.s-accordion__h .icon {
	position: relative
}

.accordion-s1 .s-accordion>.s-accordion__h .icon::before,
.accordion-s1 .s-accordion>.s-accordion__h .icon::after {
	width: 20px;
	height: 4px;
	background: #1c1c1c;
	content: "";
	position: absolute;
	border-radius: 2px;
	left: 50%;
	transform: translateX(-50%);
	transition: .3s ease-in-out
}

.accordion-s1 .s-accordion>.s-accordion__h .icon::after {
	transform: translateX(-50%) rotate(90deg)
}

.s-accordion__b {
	display: block;
	height: 0;
	overflow: hidden;
	padding: 0 25px;
	transition: height .65s ease
}

.s-accordion__b p {
	line-height: 24px
}

.portfolio-gallery {
	background: url(../images/backgrounds/portfolio-bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}

.portfolio-gallery .s-title-wrap {
	text-align: center
}

.portfolio-item {
	/*padding: 12px*/
	margin-top:15px;
}

.portfolio-item__inner {
	padding: 15px;
	background-color: #fff;
	position: relative;
	border-radius: 5px;
	overflow: hidden
}

.portfolio-item__inner:hover .thumb::before {
	height: 100%;
	opacity: 1
}

.portfolio-item__inner:hover .content {
	transform: translateY(0);
	opacity: 1;
	pointer-events: all;
	visibility: visible
}

.portfolio-item .thumb {
	position: relative
}

.portfolio-item .thumb::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 0%;
	background: linear-gradient(1deg, #5c43f9 10%, transparent);
	border-radius: 5px;
	left: 0;
	bottom: 0;
	opacity: .7;
	transition: .4s ease-in
}

.portfolio-item .thumb img {
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.portfolio-item .content {
	position: absolute;
	bottom: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 55px;
	left: 0;
	right: 0;
	transform: translateY(40px);
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transition-property: all;
	transition-duration: .4s;
	transition-timing-function: ease;
	transition-delay: .2s
}

.portfolio-item .content h3 {
	font-size: 20px;
	line-height: 30px;
	color: #fff;
	margin-bottom: 5px
}

.portfolio-item .content span {
	color: #fff
}

.portfolio-item .content a {
	display: inline-block;
	width: 50px;
	height: 50px;
	border: 0;
	background: #fff;
	border-radius: 50%;
	color: #1c1c1c;
	font-size: 18px;
	text-align: center;
	line-height: 50px
}

.porftolio-filter-menu {
	text-align: center;
	padding-bottom: 25px
}

.porftolio-filter-menu .filter-btn {
	font-weight: 500;
	font-size: 18px;
	line-height: 27px;
	color: #1c1c1c;
	border: none;
	background: linear-gradient(79.45deg, rgba(93, 64, 250, 0.3) 0%, rgba(78, 149, 237, 0.3) 99.11%);
	border-radius: 5px;
	padding: 12px 20px;
	outline: none;
	margin: 8px;
	transition: all .2s ease-in-out 0s
}

.porftolio-filter-menu .filter-btn:hover,
.porftolio-filter-menu .filter-btn.current {
	background: linear-gradient(79.45deg, #5D40FA 0%, #4E95ED 99.11%);
	color: #fff
}

.contact-form-s1 {
	background: linear-gradient(225.03deg, #5c43f9 -1.09%, #4e93ed 101.5%);
	border-radius: 5px;
	padding: 70px
}

.contact-form-s1 input {
	background-color: #fff;
	display: block;
	border: 0;
	outline: 0;
	border-radius: 30px;
	width: 100%;
	margin-bottom: 15px;
	height: 60px;
	font-size: 16px;
	padding: 18px 30px
}

.contact-form-s1 input[type=number]::-webkit-outer-spin-button,
.contact-form-s1 input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.contact-form-s1 input[type=number] {
	-moz-appearance: textfield
}

.contact-form-s1 input::-moz-placeholder,
.contact-form-s1 textarea::-moz-placeholder {
	color: #a9a9a9
}

.contact-form-s1 input:-ms-input-placeholder,
.contact-form-s1 textarea:-ms-input-placeholder {
	color: #a9a9a9
}

.contact-form-s1 input::placeholder,
.contact-form-s1 textarea::placeholder {
	color: #a9a9a9
}

.contact-form-s1 textarea {
	border: 0;
	outline: 0;
	background: #fff;
	border-radius: 30px;
	height: 135px;
	width: 100%;
	padding: 20px 30px;
	display: block;
	font-size: 16px
}

.contact-form-s1 button[type=submit] {
	background: #442bff;
	border: 0;
	outline: 0;
	font-size: 18px;
	color: #fff;
	border-radius: 30px;
	height: 60px;
	width: 100%;
	display: block;
	margin-top: 20px;
	transition: all .2s ease-in-out 0s
}

.contact-form-s1 button[type=submit]:hover {
	opacity: .7
}

.header-s1,
.header-s2 {
	position: relative;
	z-index: 99
}

.header-s1__top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 30px 0;
	padding-bottom: 25px
}

.header-s1__top>.p-left {
	display: flex;
	justify-content: center;
	align-items: center
}

.header-s1__top>.p-right {
	display: flex;
	gap: 40px
}

.tb-single-info {
	display: flex;
	gap: 17px
}

.tb-single-info .icon {
	font-size: 18px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	color: #fff;
	box-shadow: inset 0 0 0 35px #000060;
	transition: box-shadow .4s, transform .3s
}

.tb-single-info p {
	font-family: mulish, sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #000;
	margin: 0;
	-webkit-text-decoration-line: underline;
	text-decoration-line: underline;
	-webkit-text-decoration-color: transparent;
	text-decoration-color: transparent;
	text-decoration-thickness: 2px;
	text-underline-offset: 1px;
	transition: all .15s ease-in-out 0s
}

.tb-single-info span {
	font-family: mulish, sans-serif;
	color: #000
}

.tb-single-info:hover .icon {
	box-shadow: inset 0 0 0 2px #000060;
	color: #000060
}

.tb-single-info:hover p {
	-webkit-text-decoration-color: #000;
	text-decoration-color: #000
}

.header-s1__bottom {
	display: flex;
	justify-content: space-between;
	background: #fff;
	padding: 15px 40px;
	box-shadow: 0 0 30px 2px rgba(0, 0, 0, .08)
}

.header-s1__bottom>.p-right {
	display: flex;
	align-items: center;
	justify-content: start
}

.header-s1__bottom>.logo {
	display: none
}

.m-nav {
	display: flex;
	justify-content: space-between
}

.m-nav>ul {
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 33px
}

.m-nav>ul>li {
	padding: 7px 0;
	font-size: 18px;
	color: #000;
	transition: all .1s ease-in-out 0s
}

.m-nav>ul>li.dropdown {
	position: relative
}

.m-nav>ul>li.dropdown svg {
	font-size: 12px;
	margin-left: 2px
}

.m-nav>ul>li.dropdown:hover .d-menu {
	transform: translateY(0px);
	opacity: 1;
	visibility: visible;
	pointer-events: all
}

.m-nav>ul>li a {
	position: relative
}

.m-nav>ul>li a::before {
	content: "";
	width: 0;
	height: 2px;
	position: absolute;
	background: linear-gradient(45deg, #000060 0%, rgb(94, 64, 251) 100%);
	bottom: -2px;
	display: block;
	right: 0;
	transition: .4s
}

.m-nav>ul>li a:hover::before {
	left: 0;
	width: 100%
}

.m-nav>ul>li:hover>a {
	color: #000060
}

.m-nav li.dropdown .d-menu {
	position: absolute;
	min-width: 240px;
	background: #fff;
	box-shadow: 0 0 30px 2px rgba(0, 0, 0, .08);
	border-radius: 4px;
	padding: 20px 30px;
	left: 0;
	top: 100%;
	transform: translateY(10px);
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transition: .5s
}

.m-nav li.dropdown .d-menu li {
	margin-bottom: 7px;
	display: block;
	position: relative;
	transition: all .3s ease-in-out 0s
}

.m-nav li.dropdown .d-menu li::before {
	content: "";
	display: none;
	left: 0;
	top: 50%;
	width: 0;
	height: 2px;
	position: absolute;
	background: linear-gradient(45deg, #000060 0%, rgb(94, 64, 251) 100%);
	transition: .3s ease-in-out
}

.m-nav li.dropdown .d-menu li:hover {
	color: #000060
}

.m-nav li.dropdown .d-menu li:hover::before {
	width: 12px
}

.m-nav li.dropdown .d-menu li a {
	font-size: 16px
}

.m-nav li.dropdown .d-menu li:last-child {
	margin-bottom: 0
}

.header-s2 {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%
}

.header-s2 .header-s1__top .p-left {
	justify-content: start
}

.header-s2 .header-s1__top .p-right .social-icons-s1 li a {
	background: linear-gradient(45deg, rgb(82, 47, 240) 0%, rgb(78, 148, 237) 100%);
	color: #fff;
	box-shadow: 0 4px 8px 2px rgba(0, 124, 251, .16)
}

.header-s2 .header-s1__top .tb-single-info {
	padding: 0 40px;
	position: relative
}

.header-s2 .header-s1__top .tb-single-info .content span {
	color: #fff
}

.header-s2 .header-s1__top .tb-single-info .content p {
	color: #fff
}

.header-s2 .header-s1__top .tb-single-info:after {
	content: "";
	height: 70%;
	width: 1px;
	position: absolute;
	right: 0;
	top: 15%;
	background: linear-gradient(90deg, #000060 0%, rgb(77, 147, 235) 100%)
}

.header-s2 .header-s1__top .tb-single-info:first-child {
	padding-left: 0
}

.header-s2 .header-s1__top .tb-single-info:last-child {
	padding-right: 0
}

.header-s2 .header-s1__top .tb-single-info:last-child:after {
	display: none
}

.header-s2 .header-s1__top .tb-single-info:hover .icon {
	color: #fff
}

.header-s2 .header-s1__bottom {
	border-radius: 5px;
	position: relative;
	padding: 20px 50px
}

.header-s2 .header-s1__bottom::after {
	width: calc(100% - 20px);
	height: 10px;
	background: #171973;
	position: absolute;
	content: "";
	bottom: -10px;
	border-radius: 0 0 5px 5px;
	left: 10px;
	z-index: -1
}

.header-s2 .header-s1__bottom .p-left {
	display: flex;
	justify-content: start;
	align-items: center
}

.header-s2 .header-s1__bottom .p-middle {
	display: flex;
	align-items: center;
	justify-content: center
}

.header-s3 {
	position: relative;
	z-index: 999
}

.tb-single-info-s2 {
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 12px
}

.tb-single-info-s2 .icon {
	color: #4d93eb
}

.tb-single-info-s2 p {
	line-height: 20px;
	color: #000;
	margin: 0;
	-webkit-text-decoration-line: underline;
	text-decoration-line: underline;
	-webkit-text-decoration-color: transparent;
	text-decoration-color: transparent;
	text-decoration-thickness: 1px;
	text-underline-offset: 1px;
	transition: all .1s ease-in-out 0s
}

.tb-single-info-s2 p:hover {
	color: #007cfb;
	-webkit-text-decoration-color: #007cfb;
	text-decoration-color: #007cfb
}

.header-top-container {
	border-bottom: 1px solid #cce5fe
}

.header-s3__top {
	display: flex;
	justify-content: space-between;
	padding: 8px 0
}

.header-s3__top .p-left {
	display: flex;
	gap: 55px
}

.header-s3__bottom {
	display: flex;
	justify-content: space-between;
	padding: 15px 0
}

.header-s3__bottom .p-left {
	display: flex;
	align-items: center;
	justify-content: flex-start
}

.header-s3__bottom .p-center {
	display: flex;
	align-items: center
}

.header-s3__bottom .p-center .m-nav>ul>li a::before {
	background: #007cfb
}

.header-s3__bottom .p-center .m-nav>ul>li a:hover {
	color: #007cfb
}

.header-s3__bottom .p-center .m-nav li.dropdown .d-menu li::before {
	background: #4d93eb
}

.header-s3.sticky {
	padding-bottom: 90px
}

.header-s3.sticky .header-bottom-container {
	position: fixed;
	left: 0;
	top: -30px;
	transform: translateY(28px);
	transition: .6s ease;
	right: 0;
	background: #fff;
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1)
}

.mobile-header {
	display: none
}

.mobile-header__container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px 0
}

#nav-opn-btn {
	width: 40px;
	height: 40px;
	border: none;
	background: #007cfb;
	color: #fff;
	border-radius: 5px;
	font-size: 18px
}

#offcanvas-nav {
	background: 0 0;
	position: absolute;
	left: -300px;
	top: 0;
	z-index: 99;
	width: 300px;
	height: 100vh;
	z-index: 999;
	transition: .5s ease
}

#offcanvas-nav::before {
	content: "";
	width: 0%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
	transition: .5s ease .3s
}

#offcanvas-nav.open {
	left: 0
}

#offcanvas-nav.open::before {
	width: 100%
}

#offcanvas-nav .m-nav {
	position: relative;
	background: #fff;
	padding-top: 80px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 50px;
	z-index: 9;
	display: block;
	height: 100%;
	overflow-y: scroll
}

#nav-cls-btn {
	position: absolute;
	right: 15px;
	top: 15px;
	background: 0 0;
	border: none;
	outline: none;
	font-size: 22px
}

#offcanvas-nav .m-nav .nav-links {
	flex-direction: column;
	align-items: stretch;
	gap: 15px
}

#offcanvas-nav .m-nav .nav-links li {
	border-bottom: 1px solid #d3d3d3
}

#offcanvas-nav .m-nav .nav-links li a {
	font-size: 16px
}

#offcanvas-nav .m-nav .nav-links li a::before {
	display: none
}

#offcanvas-nav li:last-of-type {
	border: 0 !important
}

#offcanvas-nav .m-nav .nav-links .dropdown .d-menu {
	position: relative;
	box-shadow: none;
	padding-left: 20px;
	padding-top: 15px !important;
	padding-top: 0;
	visibility: visible;
	opacity: 1;
	display: none
}

#offcanvas-nav .m-nav .nav-links .dropdown .d-menu li {
	padding: 5px 0
}

#offcanvas-nav .m-nav .nav-links .dropdown .d-menu li a {
	font-size: 15px
}

#offcanvas-nav .m-nav .nav-links .dropdown:hover .d-menu {
	display: block
}

#offcanvas-nav .m-nav .logo {
	margin-bottom: 40px
}

#offcanvas-nav .m-nav>.social-icons-s1 {
	gap: 12px;
	margin-top: 50px
}

#offcanvas-nav .m-nav>.social-icons-s1 li a::before {
	display: none
}

footer .f-title {
	color: #fff;
	font-size: 26px;
	line-height: 26px;
	margin-bottom: 33px
}

footer .f-menu {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px
}

footer .f-menu li {
	position: relative;
	transition: all .3s ease-in-out 0s
}

footer .f-menu li a {
	color: #c7c7c7
}

footer .f-menu li::before {
	content: "";
	height: 2px;
	width: 0;
	display: block;
	background: #fff;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: all .3s ease-in-out 0s
}

footer .f-menu li:hover {
	padding-left: 15px
}

footer .f-menu li:hover::before {
	width: 12px
}

footer .f-menu li:hover a {
	color: #4d93eb
}

footer .footer-cr {
	border-top: 1px solid #fff;
	padding: 20px 0
}

footer .footer-cr .footer-cr-container {
	display: flex;
	justify-content: space-between;
	align-items: center
}

footer .footer-cr .footer-cr-container * {
	color: #c7c7c7
}

footer .footer-cr .footer-cr-container .p-left p {
	margin: 0
}

footer .footer-cr .footer-cr-container ul.cr-menu {
	display: flex
}

footer .footer-cr .footer-cr-container ul.cr-menu li {
	padding: 0 30px;
	border-right: 1px solid #c7c7c7;
	transition: all .1s ease-in-out 0s
}

footer .footer-cr .footer-cr-container ul.cr-menu li:hover a {
	color: #4d93eb
}

footer .footer-cr .footer-cr-container ul.cr-menu li:last-child {
	border: 0;
	margin-right: 0
}

.footer-s1,
.footer-s2 {
	padding-top: 120px;
	background: url(../images/backgrounds/footer-bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #01070e
}

.footer-s1 .footer-cta,
.footer-s2 .footer-cta {
	background-color: #fff;
	border-radius: 10px;
	display: flex;
	padding: 30px 50px;
	align-items: center;
	justify-content: space-between
}

.footer-s1 .footer-cta .p-left span,
.footer-s2 .footer-cta .p-left span {
	font-family: mulish;
	font-weight: 400;
	font-size: 16px;
	line-height: 36px;
	color: #333
}

.footer-s1 .footer-cta .p-left h2,
.footer-s2 .footer-cta .p-left h2 {
	font-weight: 700;
	font-size: 26px;
	line-height: 36px;
	color: #333
}

.footer-s1 .footer-cta>.p-right .f-subs-form,
.footer-s2 .footer-cta>.p-right .f-subs-form {
	background: #ecf5ff;
	width: 535px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 9px 0 20px;
	border-radius: 5px
}

.footer-s1 .footer-cta>.p-right .f-subs-form input,
.footer-s2 .footer-cta>.p-right .f-subs-form input {
	border: 0;
	color: #b1b1b1;
	outline: 0;
	width: 300px;
	background: 0 0
}

.footer-s1 .footer-cta>.p-right .f-subs-form button,
.footer-s2 .footer-cta>.p-right .f-subs-form button {
	border: none;
	outline: none;
	height: 52px;
	width: 180px;
	border-radius: 5px;
	background: linear-gradient(85.59deg, #5d40fa 0%, #4e95ed 97.25%);
	color: #fff;
	font-size: 18px
}

.footer-s1 .row.f-main,
.footer-s2 .row.f-main {
	margin-top: 90px;
	margin-bottom: 85px
}

.footer-s1 .widget-1 .desc,
.footer-s2 .widget-1 .desc {
	color: #c7c7c7;
	margin-top: 30px;
	margin-bottom: 28px
}

.footer-s2 .social-icons-s1 li a {
	background: linear-gradient(45deg, rgb(94, 64, 251) 0%, rgb(78, 149, 237) 100%);
	color: #fff;
	background: linear-gradient(40.23deg, #522df0 6.43%, #4e95ed 87.7%)
}

.footer-s2 .f-menu li:hover a {
	color: #8e74ff
}

.footer-s2 .info-list li:hover a {
	color: #8e74ff
}

.footer-s2 .info-list li a svg {
	color: #8e74ff
}

.footer-s2 .recent-posts>.rp-single .content span svg {
	color: #8e74ff
}

.footer-s2 .recent-posts>.rp-single .content h4:hover {
	color: #8e74ff
}

.footer-s2 .footer-cta {
	background: linear-gradient(45deg, rgb(94, 64, 251) 0%, rgb(78, 149, 237) 100%)
}

.footer-s2 .footer-cta .p-left span {
	color: #fff
}

.footer-s2 .footer-cta .p-left h2 {
	color: #fff
}

.footer-s2 .footer-cta .p-right .f-subs-form {
	background: linear-gradient(45deg, #6675ff 0%, #69a4ff 100%)
}

.footer-s2 .footer-cta .p-right .f-subs-form input {
	color: #fff
}

.footer-s2 .footer-cta .p-right .f-subs-form input::-moz-placeholder {
	color: #fff
}

.footer-s2 .footer-cta .p-right .f-subs-form input:-ms-input-placeholder {
	color: #fff
}

.footer-s2 .footer-cta .p-right .f-subs-form input::placeholder {
	color: #fff
}

.footer-s2 .footer-cta .p-right .f-subs-form button {
	color: #020314;
	background: #fff
}

.hero-s1 {
	background-color: #000060;
	background-size: cover;
	padding-top: 195px;
	padding-bottom: 150px;
	margin-top: -44px;
	position: relative
}

.hero-s1 .shapes>* {
	position: absolute
}

.hero-s1 .shapes .shp-4 {
	position: absolute;
	left: 0;
	bottom: 0
}

.hero-s1 .shapes .shp-2 {
	position: absolute;
	right: 0;
	top: 0
}

.hero-s1 .shapes .shp-1 {
	right: 200px;
	bottom: 100px
}

.hero-s1 .shapes .shp-3 {
	left: 100px;
	bottom: 40%
}

.hero-s1__content {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: start
}

.hero-s1__content .content-sh {
	font-weight: 400;
	font-size: 25px;
	line-height: 31px;
	color: #4d93eb;
	margin-bottom: 15px
}

.hero-s1__content .content-h {
	font-weight: 800;
	font-size: 56px;
	line-height: 65px;
	color: #fff;
	margin-bottom: 23px
}

.hero-s1__content .content-d {
	font-weight: 500;
	font-size: 18px;
	line-height: 32px;
	color: #fff;
	margin-bottom: 55px;
	padding-right: 80px
}

.hero-s1__thumb {
	padding-left: 35px
}

.hero-s1__thumb .img {
	margin-right: -240px
}

.hero-s2 {
	background: linear-gradient(45deg, #020006 0%, #050b47 100%);
	padding-top: 310px;
	padding-bottom: 90px;
	overflow: hidden
}

.hero-s2__content {
	display: flex;
	align-items: start;
	justify-content: center;
	flex-direction: column
}

.hero-s2__content .content-sh {
	font-weight: 400;
	font-size: 25px;
	line-height: 31px;
	color: #8e74ff;
	margin-bottom: 32px
}

.hero-s2__content .content-h {
	font-weight: 800;
	font-size: 80px;
	line-height: 100px;
	color: #fff;
	margin-bottom: 57px
}

.hero-s2__thumb .img {
	position: relative;
	z-index: 9
}

.hero-s2__thumb .img .b-img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	width: 1200px;
	height: 1200px
}

.hero-s2__thumb .img .shp-1 {
	position: absolute;
	top: 0;
	right: 160px;
	z-index: -1
}

.hero-s2__thumb .img .shp-2 {
	position: absolute;
	right: 140px;
	top: 170px
}

.hero-s3 {
	background: url(../images/backgrounds/hero-3-bg.png);
	position: relative;
	padding: 35px 0
}

.hero-s3 .shape img {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: auto
}

.hero-s3__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center
}

.hero-s3__content .content-sh {
	font-weight: 600;
	font-size: 35px;
	line-height: 44px;
	color: #007cfb
}

.hero-s3__content .content-h {
	font-weight: 800;
	font-size: 60px;
	line-height: 80px;
	color: #1c1c1c;
	margin-top: 20px;
	margin-bottom: 30px
}

.hero-s3__content .content-d {
	font-weight: 500;
	font-size: 18px;
	line-height: 32px;
	color: #535353;
	margin-bottom: 70px
}

.hero-s3__thumb {
	z-index: 9
}

.hero-s3__thumb .img {
	margin-right: -210px;
	z-index: 9
}

.features-slider .slick-btn {
	position: absolute;
	top: -90px;
	right: 12px
}

.features-slider .slick-btn.next {
	right: 82px
}

.features-slider-s2 {
	background: #020314
}

.features-slider-s3 {
	background: url(../images/backgrounds/feature5-bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}

.features-slider-s3 .s-title-wrap {
	text-align: center
}

.features-slider-s3 .s-title-wrap .s-sub-title {
	color: #fff !important
}

.features-slider-s3 .s-title-wrap .s-title {
	color: #fff
}

.features-slider-s3 .slick-dots {
	justify-content: center
}

.features-slider-s3 .slick-dots li.slick-active {
	width: 33px;
	background: #fff
}

.about-s1 .col-lg-6 {
	position: relative
}

.about-s1 .col-lg-6 .bg {
	position: absolute;
	top: -70px;
	z-index: -1;
	width: auto;
	height: auto;
	left: -50%
}

.about-s1 .col-lg-6 .bg img {
	width: auto;
	height: auto;
	max-width: none
}

.about-s1__thumb {
	display: flex;
	margin-left: -260px;
	margin-right: 80px
}

.about-s1__thumb>* {
	flex-basis: 50%;
	flex-shrink: 0
}

.about-s1__thumb>.p-left {
	text-align: left
}

.about-s1__thumb>.p-left img:last-child {
	margin-top: 26px
}

.about-s1__thumb>.p-right {
	text-align: right;
	position: relative
}

.about-s1__thumb>.p-right .box {
	background: linear-gradient(45deg, rgb(94, 64, 251) 0%, rgb(78, 149, 237) 100%);
	text-align: center;
	position: absolute;
	width: 80%;
	left: 12%;
	border-radius: 5px;
	bottom: 40px
}

.about-s1__thumb>.p-right .box h4 {
	margin-top: 10px;
	font-size: 35px;
	color: #fff;
	font-weight: 900;
	margin-bottom: 5px
}

.about-s1__thumb>.p-right .box p {
	font-weight: 600;
	color: #fff
}

.about-s1__content .s-title {
	margin-bottom: 33px
}

.about-s1__content .desc {
	margin-bottom: 35px
}

.about-s1__content>.content-b {
	display: flex;
	align-items: center;
	gap: 65px;
	border-top: 1px solid #dcdcdc;
	padding-top: 50px;
	margin-top: 34px
}

.about-s1__content>.content-b .i-box {
	display: flex;
	align-items: center;
	gap: 35px
}

.about-s1__content>.content-b .i-box p {
	margin: 0;
	font-weight: 600;
	margin-top: 5px
}

.about-s2 {
	background: #020314
}

.about-s2__content {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center
}

.about-s2__content .desc {
	color: #b8b8b8;
	margin-top: 30px;
	margin-bottom: 30px
}

.about-s2__content .content-b {
	display: flex;
	align-items: center;
	justify-content: start;
	margin-bottom: 55px
}

.about-s2__content .content-b .i-box {
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 20px
}

.about-s2__content .content-b .i-box .icon {
	width: 60px;
	height: 60px;
	background: #111446;
	border-radius: 50%;
	text-align: center;
	line-height: 60px;
	flex-shrink: 0
}

.about-s2__content .content-b .i-box p {
	font-family: mulish;
	font-weight: 700;
	font-size: 20px;
	line-height: 26px;
	color: #fff;
	margin: 0;
	padding-right: 20px
}

.about-s3 {
	background: #020314;
	margin-top: -125px;
	padding-top: 250px;
	padding-bottom: 120px;
	position: relative;
	z-index: 9
}

.about-s3 .about-s3__content {
	padding-right: 40px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start
}

.about-s3 .about-s3__content .s-title {
	margin-bottom: 30px
}

.about-s3 .shape img {
	position: absolute;
	top: 0;
	height: 100%;
	bottom: 0;
	z-index: -1
}

.about-s4,
.about-s6 {
	padding-top: 10px
}

.about-s4__thumb,
.about-s6__thumb,
.about-s5__thumb {
	display: flex;
	position: relative;
	margin-right: -105px;
	gap: 30px
}

.about-s4__thumb .shape,
.about-s6__thumb .shape,
.about-s5__thumb .shape {
	position: absolute;
	z-index: -1;
	top: -10%
}

.about-s4__thumb img,
.about-s6__thumb img,
.about-s5__thumb img {
	width: 100%;
	border-radius: 5px
}

.about-s4__thumb>*,
.about-s6__thumb>*,
.about-s5__thumb>* {
	flex-basis: 50%
}

.about-s4__thumb .p-left img:first-child,
.about-s6__thumb .p-left img:first-child,
.about-s5__thumb .p-left img:first-child {
	margin-bottom: 30px
}

.about-s4__thumb .p-right,
.about-s6__thumb .p-right,
.about-s5__thumb .p-right {
	display: flex;
	align-items: center
}

.about-s4__content,
.about-s6__content {
	padding-right: 125px;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: center
}

.about-s4__content .s-title,
.about-s6__content .s-title {
	margin-bottom: 30px
}

.about-s4__content .desc,
.about-s6__content .desc {
	margin-bottom: 35px
}

.about-s4__content .btn,
.about-s6__content .btn {
	box-shadow: 0 12px 25px 8px rgba(0, 124, 251, .22)
}

.about-s4__content .content-b,
.about-s6__content .content-b {
	display: flex;
	align-items: center;
	justify-content: start;
	margin-bottom: 55px
}

.about-s4__content .content-b .i-box,
.about-s6__content .content-b .i-box {
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 20px
}

.about-s4__content .content-b .i-box .icon,
.about-s6__content .content-b .i-box .icon {
	width: 60px;
	height: 60px;
	background: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 60px;
	flex-shrink: 0;
	box-shadow: 0 5px 12px 2px rgba(0, 124, 251, .16)
}

.about-s4__content .content-b .i-box p,
.about-s6__content .content-b .i-box p {
	font-family: mulish;
	font-weight: 700;
	font-size: 20px;
	line-height: 26px;
	color: #1c1c1c;
	margin: 0
}

.about-s5__thumb {
	margin-right: 0;
	margin-left: -105px
}

.about-s5__thumb .shape {
	left: -5%
}

.about-s5__content {
	height: 100%;
	display: flex;
	align-items: start;
	flex-direction: column;
	justify-content: center;
	padding-left: 110px
}

.about-s5__content .s-title {
	margin-bottom: 30px
}

.about-s5__content .progress-s1 {
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 20px
}

.about-s6__thumb {
	margin-left: -105px;
	margin-right: 0
}

.about-s6__thumb .p-right {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: flex-end
}

.about-s6__thumb .p-right .box {
	background: linear-gradient(45deg, rgb(94, 64, 251) 0%, rgb(78, 149, 237) 100%);
	text-align: center;
	position: relative;
	width: 100%;
	border-radius: 5px;
	margin-top: 30px
}

.about-s6__thumb .p-right .box h4 {
	margin-top: 10px;
	font-size: 35px;
	color: #fff;
	font-weight: 900;
	margin-bottom: 5px
}

.about-s6__thumb .p-right .box p {
	font-weight: 600;
	color: #fff
}

.about-s6__content {
	padding-right: 0;
	padding-left: 80px
}

.about-s6__content .content-b {
	margin-bottom: 0;
	padding-top: 50px;
	border-top: 1px solid;
	margin-top: 25px;
	gap: 50px
}

.about-s6__content .content-b .btn {
	box-shadow: none
}

.about-s6__content .content-b .i-box .icon {
	box-shadow: 0 12px 20px 4px rgba(0, 0, 0, .1)
}

.about-s7 .about-s7__content,
.about-s7 .about-s8__content,
.about-s8 .about-s7__content,
.about-s8 .about-s8__content {
	padding-right: 100px;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center
}

.about-s7 .about-s7__content .info-list-s2,
.about-s7 .about-s8__content .info-list-s2,
.about-s8 .about-s7__content .info-list-s2,
.about-s8 .about-s8__content .info-list-s2 {
	margin-top: 35px
}

.about-s7 .about-s7__thumb,
.about-s8 .about-s7__thumb {
	display: flex;
	gap: 30px;
	background: url(../images/backgrounds/about-4-shape.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-size: contain
}

.about-s7 .about-s7__thumb *,
.about-s8 .about-s7__thumb * {
	flex-basis: 50%
}

.about-s7 .about-s7__thumb .p-left img:first-child,
.about-s8 .about-s7__thumb .p-left img:first-child {
	margin-bottom: 30px
}

.about-s8__thumb {
	position: relative
}

.about-s8__thumb .shape {
	top: -3%;
	position: absolute;
	left: -3%;
	z-index: -1;
	width: 106%;
	height: 106%
}

.about-s8__thumb .shape img {
	width: 100%
}

.contact-banner-s1 {
	background: url(../images/backgrounds/contact-style-1bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 0;
	margin-top: 120px;
	margin-bottom: 120px
}

.contact-banner-s1__content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
	height: 100%
}

.contact-banner-s1__content .s-sub-title {
	color: #fff
}

.contact-banner-s1__content .content-t {
	font-weight: 800;
	font-size: 35px;
	line-height: 44px;
	color: #fff;
	margin-bottom: 32px
}

.contact-banner-s1__content p {
	color: #fff;
	margin-bottom: 52px
}

.contact-banner-s1__content .btn.btn-s1,
.contact-banner-s1__content .btn.btn-s2,
.contact-banner-s1__content .btn.btn-s3 {
	width: 170px;
	text-align: center
}

.contact-banner-s2 {
	background: 0 0;
	margin-top: -137px;
	z-index: 999;
	position: relative
}

.contact-banner-s2 .contact-banner-inner {
	background: linear-gradient(45deg, rgb(94, 64, 251) 0%, rgb(78, 149, 237) 100%);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 80px 100px;
	border-radius: 5px
}

.contact-banner-s2__content .content-t {
	font-weight: 700;
	font-size: 26px;
	line-height: 33px;
	display: flex;
	align-items: center;
	color: #fff;
	margin-bottom: 17px
}

.contact-banner-s2__content p {
	color: #fff;
	margin-bottom: 0
}

.contact-banner-s2__button {
	text-align: right
}

.contact-banner-s2__button .btn.btn-s2 {
	background: #fff;
	color: #000
}

.contact-banner-s2__button .btn.btn-s2:hover {
	color: #000;
	background: #fff
}

.contact-banner-s3 {
	background: url(../images/backgrounds/contact3-bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 120px 0
}

.contact-banner-s3 .content {
	text-align: center
}

.contact-banner-s3 .content h2 {
	font-weight: 800;
	font-size: 40px;
	line-height: 50px;
	-webkit-text-decoration-line: underline;
	text-decoration-line: underline;
	color: #fff;
	margin-bottom: 60px;
	width: 52%;
	margin: auto
}

.contact-banner-s3 .content .btn-group {
	justify-content: center;
	margin-top: 60px
}

.feature-area-s1 {
	padding-bottom: 95px
}

.feature-area-s1 .feature-s2 {
	margin-bottom: 25px
}

.feature-area-s1 .feature-s2:hover .content h4 a,
.feature-area-s1 .feature-s2.active .content h4 a {
	color: #fff
}

.feature-area-s2 .s-title-wrap {
	text-align: center
}

.pricing-section-s1 {
	background: url(../images/backgrounds/pricing-bg.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}

.pricing-section-s1 .s-title-wrap {
	text-align: center
}

.pricing-section-s2 .s-title-wrap {
	text-align: center
}

.pricing-section-s2 .pricing-tab-s1 .tab-links {
	margin-bottom: 50px
}

.testimonial-area-s1 .testimonial-area-s1__content,
.testimonial-area-s1 .testimonial-area-s3__content,
.testimonial-area-s3 .testimonial-area-s1__content,
.testimonial-area-s3 .testimonial-area-s3__content {
	height: 100%;
	padding-top: 75px
}

.testimonial-area-s1 .testimonial-area-s1__content .cont-h,
.testimonial-area-s1 .testimonial-area-s3__content .cont-h,
.testimonial-area-s3 .testimonial-area-s1__content .cont-h,
.testimonial-area-s3 .testimonial-area-s3__content .cont-h {
	margin-bottom: 30px
}

.testimonial-area-s2 {
	background: #020314;
	position: relative;
	z-index: 9
}

.testimonial-area-s2 .testimonial-area-s2__content {
	padding-right: 50px
}

.testimonial-area-s2 .testimonial-area-s2__content .s-title {
	margin-bottom: 30px
}

.testimonial-area-s2 .testimonial-area-s2__content .testimonial-s2 {
	padding-bottom: 50px
}

.testimonial-area-s2 .testimonial-area-s2__content .testimonial-s2 .slick-btn {
	position: absolute;
	bottom: -53px;
	left: 0;
	color: #fff;
	background: #090b34;
	opacity: 1
}

.testimonial-area-s2 .testimonial-area-s2__content .testimonial-s2 .slick-btn:hover {
	background: #5132ef
}

.testimonial-area-s2 .testimonial-area-s2__content .testimonial-s2 .slick-btn.prev {
	left: 75px
}

.testimonial-area-s2 .shape img {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 100%;
	z-index: -1
}

.testimonial-area-s3__content {
	padding-top: 0 !important;
	padding-right: 100px
}

.testimonial-area-s3__facts {
	display: flex;
	gap: 30px;
	justify-content: flex-end
}

.testimonial-area-s3__facts>* {
	flex-basis: 50%
}

.testimonial-area-s3__facts .p-left {
	display: flex;
	flex-direction: column;
	gap: 30px;
	padding-top: 30px
}

.testimonial-area-s3__facts .p-left>* {
	flex-basis: 50%
}

.testimonial-area-s3__facts .p-right {
	display: flex;
	gap: 30px;
	flex-direction: column;
	padding-bottom: 30px
}

.testimonial-area-s3__facts .p-right>* {
	flex-basis: 50%
}

.funfact-area-s1 {
	background: url(../images/backgrounds/funfact-bg.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 260px;
	padding-bottom: 150px
}

.funfact-area-s1 .video-thumb {
	margin-top: -280px;
	margin-bottom: 90px
}

.funfact-area-s2 {
	margin-top: -105px;
	position: relative;
	z-index: 99
}

.funfact-area-s2-container {
	padding: 65px 12px;
	background: #fff;
	border-radius: 5px;
	display: flex;
	justify-content: space-around;
	box-shadow: 0 12px 35px rgba(0, 124, 251, .16)
}

.funfact-area-s1 {
	background: url(../images/backgrounds/funfact-bg.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 260px;
	padding-bottom: 150px
}

.funfact-area-s1 .video-thumb {
	margin-top: -280px;
	margin-bottom: 90px
}

.funfact-area-s2 {
	margin-top: -105px;
	position: relative;
	z-index: 99
}

.funfact-area-s2-container {
	padding: 65px 12px;
	background: #fff;
	border-radius: 5px;
	display: flex;
	justify-content: space-around;
	box-shadow: 0 12px 35px rgba(0, 124, 251, .16)
}

.blog-area-s2 {
	background: #020314
}

.blog-area-s2 .s-title-wrap {
	text-align: center
}

.project-slider-area-s1 {
	background: linear-gradient(45deg, #020315 0%, #050B47 100%);
	padding-top: 110px;
	padding-bottom: 260px
}

.project-slider-area-s1 .s-title-wrap {
	text-align: center
}

.project-slider-area-s1 .slick-dots {
	justify-content: center
}

.project-slider-area-s1 .slick-dots li {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #232767
}

.project-slider-area-s1 .slick-dots li.slick-active {
	background: linear-gradient(45deg, rgb(94, 64, 251) 0%, rgb(78, 149, 237) 100%)
}

.project-slider-area-s1 .slick-track {
	margin-left: -16%
}

.project-slider-area-s2 .slick-dots {
	justify-content: center
}

.team-area-s1 {
	background: linear-gradient(45deg, #020006 0%, #050b47 100%)
}

.team-area-s1 .s-title-wrap {
	text-align: center
}

.team-area-s2 {
	background: url(../images/backgrounds/about-team-bg.html);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}

.team-area-s2 .s-title-wrap {
	text-align: center
}

.team-area-s2 .team-slider-s1 .slick-dots li {
	background: linear-gradient(42.74deg, rgba(93, 64, 250, 0.3) 6.11%, rgba(78, 149, 237, 0.3) 90.69%)
}

.team-area-s2 .team-slider-s1 .slick-dots li.slick-active {
	background: linear-gradient(45deg, rgb(94, 64, 251) 0%, rgb(78, 149, 237) 100%)
}

.service-detail-main {
	padding-right: 18px
}

.service-detail-main .feature-img {
	margin-bottom: 40px
}

.service-detail-main .feature-img img {
	width: 100%
}

.service-detail-main .title {
	font-weight: 800;
	font-size: 26px;
	line-height: 33px;
	color: #1c1c1c;
	margin-bottom: 20px
}

.service-detail-main .title:hover {
	text-decoration: underline
}

.service-detail-main .desc {
	margin-bottom: 20px
}

.service-detail-main .img-group {
	display: flex;
	gap: 30px;
	margin-top: 30px;
	margin-bottom: 40px
}

.service-detail-main .img-group img {
	border-radius: 5px;
	height: 330px;
	width: auto;
	-o-object-fit: cover;
	object-fit: cover
}

.service-detail-main .title-2 {
	font-weight: 600;
	font-size: 26px;
	line-height: 33px;
	margin-bottom: 20px
}

.service-detail-main .s-box-cont {
	padding-top: 10px
}

.service-detail-side .service-c-list {
	background: #fff;
	box-shadow: 0 0 30px 10px rgba(0, 0, 0, .06);
	border-radius: 5px;
	padding: 40px;
	margin-bottom: 40px
}

.service-detail-side .service-c-list .title {
	font-size: 26px;
	line-height: 33px;
	margin-bottom: 20px
}

.service-detail-side .service-c-list .c-list li {
	padding: 10px 20px;
	background: #ecf5ff;
	border-radius: 5px;
	margin-bottom: 15px
}

.service-detail-side .service-c-list .c-list li a .icon {
	background: linear-gradient(45deg, rgb(94, 64, 251) 0%, rgb(78, 149, 237) 100%);
	display: inline-block;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	text-align: center;
	line-height: 32px
}

.service-detail-side .service-c-list .c-list li a .icon img {
	width: 17px;
	height: auto;
	-o-object-fit: cover;
	object-fit: cover
}

.service-detail-side .service-c-list .c-list li a .text {
	font-family: mulish;
	font-weight: 700;
	font-size: 18px;
	line-height: 23px;
	display: inline-block;
	align-items: center;
	margin-left: 15px;
	color: #1c1c1c
}

.service-detail-side .service-c-list .c-list li:hover {
	background: linear-gradient(45deg, #5d40fa 0%, #4e95ed 100%)
}

.service-detail-side .service-c-list .c-list li:hover a .text {
	color: #fff
}

.service-detail-side .service-c-list .c-list li:hover a .icon {
	background: #fff
}

.service-detail-side .service-c-list .c-list li:hover a .icon img {
	filter: brightness(0%)
}

.faq-section-s1 {
	background: #e1eff8
}

.faq-section-s1 .s-title-wrap {
	text-align: center
}

.t-member-details__container {
	display: flex
}

.t-member-details__container>* {
	flex-grow: 0;
	flex-shrink: 0
}

.t-member-details__container .member-thumb {
	flex-basis: 37%
}

.t-member-details__container .member-thumb img {
	width: 100%
}

.t-member-details__container .member-stats {
	flex-basis: 26%
}

.t-member-details__container .member-info {
	background: #fff;
	box-shadow: 0 0 40px rgba(0, 0, 0, .08);
	border-radius: 5px;
	flex-basis: 37%;
	padding-right: 80px;
	padding-left: 40px;
	padding-top: 50px
}

.t-member-details__container .member-info .m-name {
	font-weight: 700;
	font-size: 26px;
	line-height: 30px;
	display: flex;
	align-items: center;
	color: #1c1c1c;
	margin-bottom: 5px
}

.t-member-details__container .member-info .m-desig {
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	display: flex;
	align-items: center;
	color: #535353;
	display: inline-block;
	margin-bottom: 20px
}

.t-member-details__container .member-info .m-info-list {
	margin-bottom: 18px
}

.t-member-details__container .member-info .m-info-list li {
	display: flex;
	justify-content: space-between
}

.t-member-details__container .member-info .m-info-list li li>* {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 50%
}

.t-member-details__container .member-info .social-icons-s1 {
	padding-top: 25px;
	border-top: 1px solid #dcdcdc
}

.t-member-details__container .member-info .social-icons-s1 li a {
	background: linear-gradient(45deg, rgb(94, 64, 251) 0%, rgb(78, 149, 237) 100%);
	color: #fff
}

.t-member-details__container .member-stats {
	background: #fff;
	box-shadow: 0 0 40px rgba(0, 0, 0, .08);
	border-radius: 5px;
	padding-left: 80px;
	padding-right: 40px;
	padding-top: 38px;
	padding-bottom: 50px
}

.t-member-details__container .member-stats .funfact-s2 {
	font-size: 44px;
	border-bottom: 1px solid #dcdcdc;
	padding-top: 12px;
	padding-bottom: 13px
}

.t-member-details__container .member-stats .funfact-s2 .icon {
	width: auto;
	height: auto;
	box-shadow: none;
	line-height: 1em
}

.t-member-details__container .member-stats .funfact-s2 .icon img {
	width: 44px
}

.t-member-details__container .member-stats .funfact-s2 .content h4 {
	margin-bottom: 3px;
	color: #1c1c1c
}

.t-member-details__container .member-stats .funfact-s2 .content p {
	line-height: 1.1em
}

.member-about__desc {
	padding-right: 50px
}

.member-about__desc .s-title-wrap {
	margin-bottom: 30px
}

.member-about__desc .desc {
	margin-bottom: 30px
}

.member-about__desc .desc:last-child {
	margin-bottom: 0
}

.member-about__skills {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	justify-content: center;
	height: 100%
}

.member-about__skills .progress-s1 {
	width: 100%
}

.member-about__skills .progress-s1 .s-progress {
	margin-bottom: 22px
}

.member-about__skills .progress-s1 .s-progress:last-child {
	margin-bottom: 0
}

.member-achievement__container {
	display: flex;
	justify-content: space-between;
	gap: 25px
}

.member-achievement__container * {
	flex-basis: 20%
}

.member-achievement__container .box {
	background: #fff;
	box-shadow: 0 0 40px 5px rgba(0, 0, 0, .08);
	border-radius: 5px;
	text-align: center;
	padding: 35px 0;
	transition: all .2s ease-in-out 0s
}

.member-achievement__container .box:hover {
	transform: translateY(-10px)
}

.portfolio-detail__main {
	padding-right: 50px
}

.portfolio-detail__main .feature-img img {
	width: 100%
}

.portfolio-detail__main .p-title {
	font-size: 30px;
	line-height: 45px;
	color: #1c1c1c;
	margin-bottom: 20px;
	margin-top: 40px
}

.portfolio-detail__main .image-slider-s1 {
	margin-top: 5px;
	margin-left: -12px;
	margin-right: -12px
}

.portfolio-detail__main .image-slider-s1 .item {
	padding: 0 10px
}

.portfolio-detail__main .image-slider-s1 .item img {
	width: 100%
}

.portfolio-detail__main .image-slider-s1 .slick-dots {
	justify-content: center
}

.portfolio-detail__main .image-slider-s1 .slick-dots li {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: linear-gradient(138.5deg, rgba(80, 59, 238, 0.3) 7.14%, rgba(76, 138, 235, 0.3) 93.14%)
}

.portfolio-detail__main .image-slider-s1 .slick-dots li.slick-active {
	background: linear-gradient(45deg, rgb(94, 64, 251) 0%, rgb(78, 149, 237) 100%)
}

.portfolio-detail__main .image-slider-s1 {
	margin-top: 5px;
	margin-left: -12px;
	margin-right: -12px
}

.portfolio-detail__main .image-slider-s1 .item {
	padding: 0 10px
}

.portfolio-detail__main .image-slider-s1 .item img {
	width: 100%
}

.portfolio-detail__main .image-slider-s1 .slick-dots {
	justify-content: center;
	margin-top: 30px
}

.portfolio-detail__main .image-slider-s1 .slick-dots li {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: linear-gradient(138.5deg, rgba(80, 59, 238, 0.3) 7.14%, rgba(76, 138, 235, 0.3) 93.14%)
}

.portfolio-detail__main .image-slider-s1 .slick-dots li.slick-active {
	background: linear-gradient(45deg, rgb(94, 64, 251) 0%, rgb(78, 149, 237) 100%)
}

.portfolio-detail__main .portfolio-challenges {
	margin-top: 40px
}

.portfolio-detail__main .portfolio-challenges .title {
	font-size: 30px;
	line-height: 45px;
	margin-bottom: 20px
}

.portfolio-detail__main .portfolio-challenges .desc {
	margin-bottom: 30px
}

.portfolio-detail__main .portfolio-challenges .i-list li .text {
	color: #1c1c1c
}

.portfolio-detail__side .title {
	font-size: 26px;
	line-height: 33px;
	padding-bottom: 18px;
	border-bottom: 1px solid #dcdcdc
}

.portfolio-detail__side .widget {
	padding: 30px;
	background: #fff;
	box-shadow: 0 0 45px rgba(0, 0, 0, .08);
	border-radius: 5px
}

.portfolio-detail__side .p-detail-box .details {
	margin-top: 30px
}

.portfolio-detail__side .p-detail-box .details li {
	margin-bottom: 19px
}

.portfolio-detail__side .p-detail-box .details li .name {
	font-weight: 500;
	font-size: 16px;
	color: #1c1c1c;
	display: inline-block;
	margin-right: 23px
}

.portfolio-detail__side .p-detail-box .details li:last-child {
	margin-bottom: 0
}

.contact-detail-box {
	margin-top: 30px
}

.contact-detail-box .info-list {
	margin-top: 30px
}

.contact-detail-box .info-list li a {
	color: #535353
}

.contact-detail-box .info-list li a svg {
	color: #000060
}

body#home-2 {
	background-color: #020314
}

body#home-2 .s-sub-title {
	color: #8e74ff
}

body#home-2 .s-title {
	color: #fff
}

body#home-2 #cursor {
	width: 35px;
	height: 35px;
	top: -20px;
	position: fixed;
	border-radius: 50%;
	transform: translate(-40%, -35%);
	opacity: .5;
	z-index: 9999;
	transition: all .15s ease;
	pointer-events: none;
	-webkit-animation: pulsingShadow 2s ease-in-out 0s infinite alternate;
	animation: pulsingShadow 2s ease-in-out 0s infinite alternate
}

body#home-2 .mobile-header {
	background: #050b47;
	border-bottom: 1px solid
}

@-webkit-keyframes pulsingShadow {
	0% {
		box-shadow: inset 0 0 0 40px #0b0d10;
		transform: translate(-40%, -35%) scale(1)
	}

	25% {
		box-shadow: inset 0 0 0 40px #007cfb
	}

	50% {
		box-shadow: inset 0 0 0 40px #4d93eb
	}

	100% {
		box-shadow: inset 0 0 0 40px #fff;
		transform: translate(-40%, -35%) scale(1.15)
	}
}

@keyframes pulsingShadow {
	0% {
		box-shadow: inset 0 0 0 40px #0b0d10;
		transform: translate(-40%, -35%) scale(1)
	}

	25% {
		box-shadow: inset 0 0 0 40px #007cfb
	}

	50% {
		box-shadow: inset 0 0 0 40px #4d93eb
	}

	100% {
		box-shadow: inset 0 0 0 40px #fff;
		transform: translate(-40%, -35%) scale(1.15)
	}
}

#home-3 .s-sub-title {
	color: #007cfb
}

#home-3 .features-slider-s3 {
	padding-bottom: 225px
}

#home-3 .testimonial-area-s1,
#home-3 .testimonial-area-s3 {
	background: url(../images/backgrounds/background-testimonial.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}

#home-3 .blog-area-s1 .s-title-wrap {
	text-align: center
}

body#home-1 .mobile-header {
	background: #000060
}

body#service .feature-area-s1 {
	padding-top: 110px;
	padding-bottom: 90px
}

body#service .feature-area-s1 .s-title-wrap {
	text-align: center
}

body#team .team-area-s2 {
	padding-bottom: 90px
}

body#team .team-area-s2 .row {
	margin-bottom: 30px
}

body#team .team-area-s2 .row .single-team-s2 {
	padding: 0
}

body#blog .b-post-s1,
body#blog .b-post-s2 {
	margin: 12px 0
}

body#blog .b-pagination {
	padding-top: 40px
}

.blog-main .b-post-s1,
.blog-main .b-post-s2 {
	margin-bottom: 25px
}

.blog-main .b-pagination {
	padding-top: 25px
}

.blog-sidebar-s1 .widget {
	background: #fff;
	box-shadow: 0 0 40px 10px rgba(0, 0, 0, .08);
	border-radius: 5px;
	padding: 30px;
	margin-bottom: 30px
}

.blog-sidebar-s1 .widget .w-title {
	font-size: 26px;
	line-height: 35px;
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 20px;
	margin-bottom: 20px
}

.featured-author-widget {
	text-align: center
}

.featured-author-widget .content .name {
	font-family: poppins;
	font-weight: 600;
	font-size: 26px;
	line-height: 35px;
	color: #1c1c1c;
	margin-top: 40px;
	margin-bottom: 15px
}

.featured-author-widget .content .name p {
	margin-bottom: 35px
}

.featured-author-widget .content .social-icons-s1 li a {
	background: linear-gradient(45deg, rgb(94, 64, 251) 0%, rgb(78, 149, 237) 100%);
	color: #fff
}

.search-widget .search-container {
	background: #ecf5ff;
	border-radius: 5px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px
}

.search-widget .search-container input[type=text] {
	border: none;
	background: 0 0;
	outline: none;
	color: #8eadd0
}

.search-widget .search-container button {
	border: none;
	outline: none;
	background: 0 0;
	color: #000060;
	font-size: 25px
}

.latest-posts-widget .recent-posts .rp-single .thumb img {
	width: 85px;
	height: 92px;
	-o-object-fit: cover;
	object-fit: cover
}

.latest-posts-widget .recent-posts .rp-single .content h4 {
	color: #1c1c1c
}

.latest-posts-widget .recent-posts .rp-single .content span {
	color: #535353
}

.latest-posts-widget .recent-posts .rp-single:last-child {
	margin-bottom: 0
}

.blog-catagories-widget .catagory-list li {
	margin-bottom: 15px
}

.blog-catagories-widget .catagory-list li:last-child {
	margin-bottom: 0
}

.blog-catagories-widget .catagory-list li a {
	display: flex;
	justify-content: space-between;
	transition: all .2s ease-in-out 0s
}

.blog-catagories-widget .catagory-list li a:hover {
	color: #007cfb
}

.popular-tags-widget .tags-container .tag {
	line-height: 24px;
	background: #ecf5ff;
	border-radius: 5px;
	display: inline-block;
	padding: 11px 20px;
	margin-right: 5px;
	margin-bottom: 8px
}

.popular-tags-widget .tags-container .tag:last-child {
	margin-right: 0
}

.popular-tags-widget .tags-container .tag:hover {
	background: linear-gradient(45deg, rgb(94, 64, 251) 0%, rgb(78, 149, 237) 100%);
	color: #fff
}

.subs-newsletter-widget {
	background: url(../images/backgrounds/subs-background.png) !important;
	position: relative;
	z-index: 9;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}

.subs-newsletter-widget .w-title {
	color: #fff
}

.subs-newsletter-widget p {
	color: #fff
}

.subs-newsletter-widget::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	background: rgba(0, 0, 0, .6);
	z-index: -1;
	border-radius: 5px;
	left: 0;
	top: 0
}

.subs-newsletter-widget form input[type=text],
.subs-newsletter-widget form button {
	height: 60px;
	border: 0;
	display: block;
	width: 100%;
	outline: 0;
	border-radius: 5px
}

.subs-newsletter-widget form input[type=text] {
	padding: 0 30px
}

.subs-newsletter-widget form input[type=text]::-moz-placeholder {
	color: #909090
}

.subs-newsletter-widget form input[type=text]:-ms-input-placeholder {
	color: #909090
}

.subs-newsletter-widget form input[type=text]::placeholder {
	color: #909090
}

.subs-newsletter-widget form button {
	font-weight: 600;
	font-size: 20px;
	line-height: 35px;
	color: #fff;
	background: linear-gradient(88.02deg, rgba(91, 75, 248, 0.9) 0%, rgba(79, 142, 237, 0.9) 99.75%);
	border-radius: 5px;
	margin-top: 15px
}

.contact-form-area .contact-info {
	padding-right: 105px;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: center
}

.contact-form-area .contact-info .s-title {
	margin-bottom: 50px
}

.c-info-box {
	background: #fff;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 25px;
	padding: 30px 25px;
	margin-bottom: 30px
}

.c-info-box h4 {
	font-size: 18px;
	line-height: 35px
}

.c-info-box:last-child {
	margin-bottom: 0
}

.map-section iframe {
	width: 100%;
	margin-bottom: -10px
}

.not-found .thumb {
	text-align: center;
	margin-bottom: 100px
}

.not-found .content {
	text-align: center
}

.not-found .content .s-title {
	margin-bottom: 0
}

.not-found .content .btn {
	margin-top: 30px
}

.single-blog-content {
	padding-right: 50px
}

.single-blog-content .feature-img {
	margin-bottom: 30px
}

.single-blog-content .blog-meta li {
	display: inline-block;
	margin-right: 40px
}

.single-blog-content .blog-meta li a {
	font-size: 14px;
	line-height: 21px;
	transition: all .2s ease-in-out 0s
}

.single-blog-content .blog-meta li a .icon {
	color: #007cfb;
	margin-right: 10px
}

.single-blog-content .blog-meta li a:hover {
	color: #007cfb
}

.single-blog-content .post-title {
	font-size: 40px;
	line-height: 50px;
	display: flex;
	align-items: center;
	margin-top: 30px;
	margin-bottom: 20px
}

.single-blog-content .desc {
	margin-bottom: 25px
}

.single-blog-content .author-card {
	background: #ecf5ff;
	padding: 30px;
	display: flex;
	gap: 20px;
	border-radius: 5px
}

.single-blog-content .author-card .thumb {
	flex-shrink: 0
}

.single-blog-content .author-card .content p {
	color: #1c1c1c
}

.single-blog-content .author-card .content .a-name-desig-wrap {
	display: flex;
	align-items: baseline;
	gap: 20px
}

.single-blog-content .author-card .content .a-name-desig-wrap .a-desig {
	margin: 0
}

.single-blog-content .author-card .content .a-name-desig-wrap .a-name {
	font-size: 20px;
	line-height: 25px;
	color: #007cfb
}

.single-blog-content .image-slider-s1 {
	margin-top: 30px;
	margin-right: -12px;
	margin-left: -12px
}

.single-blog-content .image-slider-s1 .item {
	padding: 0 12px
}

.single-blog-content .image-slider-s1 .item img {
	margin: 0;
	width: 100%
}

.single-blog-content .image-slider-s1 .slick-dots {
	justify-content: center;
	margin-top: 30px
}

.single-blog-content .image-slider-s1 .slick-dots li {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: linear-gradient(138.5deg, rgba(80, 59, 238, 0.3) 7.14%, rgba(76, 138, 235, 0.3) 93.14%)
}

.single-blog-content .image-slider-s1 .slick-dots li.slick-active {
	background: linear-gradient(138.5deg, #503bee 7.14%, #4c8aeb 93.14%);
	width: 14px;
	height: 14px
}

.single-blog-content .title-2 {
	font-size: 30px;
	line-height: 45px;
	margin-top: 30px;
	margin-bottom: 20px
}

.single-blog-content .i-list li .text {
	color: #1c1c1c
}

.s-post-tag-share-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 15px;
	border-top: 1px solid #dcdcdc;
	margin-top: 40px
}

.s-post-tag-share-wrap .title {
	font-size: 26px;
	line-height: 45px
}

.s-post-tag-share-wrap .p-tags {
	display: flex;
	align-items: baseline;
	gap: 25px
}

.s-post-tag-share-wrap .p-tags li {
	display: inline-block;
	margin-right: 15px
}

.s-post-tag-share-wrap .p-share {
	display: flex;
	align-items: center;
	gap: 25px
}

.s-post-tag-share-wrap .p-share .social-icons-s1 li a {
	background: linear-gradient(45deg, rgb(94, 64, 251) 0%, rgb(78, 149, 237) 100%);
	color: #fff
}

.more-post-section {
	display: flex;
	margin: 0 -12px;
	margin-top: 110px
}

.more-post-section>* {
	flex-direction: 50%
}

.more-post-section .post {
	position: relative;
	padding: 0 12px
}

.more-post-section .post .thumb {
	width: 100%
}

.more-post-section .post .content {
	position: absolute;
	top: 0;
	text-align: center;
	padding: 0 60px;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.more-post-section .post .content p {
	font-family: mulish;
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	color: #fff
}

.more-post-section .post .content a {
	font-size: 18px;
	line-height: 28px;
	color: #fff;
	transition: all .2s ease-in-out 0s
}

.more-post-section .post .content a:hover {
	color: #007cfb
}

.more-post-section .post.prev a svg {
	margin-right: 10px
}

.more-post-section .post.next a svg {
	margin-left: 10px
}

.comments-section {
	margin-top: 120px
}

.comments-section .title {
	font-size: 40px;
	line-height: 50px;
	margin-bottom: 30px
}

.s-comment .s-comment {
	padding-left: 60px
}

.s-comment-inner {
	display: flex;
	gap: 40px;
	align-items: center;
	padding: 20px 0;
	border-bottom: 1px solid #dcdcdc
}

.s-comment-inner .thumb {
	flex-shrink: 0
}

.s-comment-inner .content .name {
	font-size: 26px;
	line-height: 33px;
	margin-bottom: 10px
}

.s-comment-inner .content .c-massege {
	margin-bottom: 8px
}

.s-comment-inner .content .c-date {
	font-size: 14px;
	color: #007cfb
}

.s-comment-inner .content .r-btn {
	font-size: 14px;
	color: #007cfb;
	display: inline-block;
	margin-left: 30px
}

.comment-form {
	margin-top: 110px
}

.comment-form h2 {
	font-size: 40px;
	line-height: 50px;
	margin-bottom: 20px
}

.comment-form p {
	margin: 0
}

.comment-form form {
	margin-top: 50px
}

.comment-form form input,
.comment-form form textarea,
.comment-form form button {
	border: 0;
	outline: 0
}

.comment-form form input {
	background: #ecf5ff;
	display: inline-block;
	height: 66px;
	padding: 0 30px;
	border-radius: 33px
}

.comment-form form input::-moz-placeholder {
	color: #8eadd0
}

.comment-form form input:-ms-input-placeholder {
	color: #8eadd0
}

.comment-form form input::placeholder {
	color: #8eadd0
}

.comment-form textarea {
	display: inline-block;
	width: 100%;
	background: #ecf5ff;
	border-radius: 33px;
	padding: 30px 30px 0
}

.comment-form textarea::-moz-placeholder {
	color: #8eadd0
}

.comment-form textarea:-ms-input-placeholder {
	color: #8eadd0
}

.comment-form textarea::placeholder {
	color: #8eadd0
}

.comment-form .input-group {
	display: flex;
	margin-bottom: 30px;
	gap: 30px
}

.comment-form .input-group>* {
	flex-basis: 50%
}

.comment-form button {
	width: 185px;
	height: 66px;
	display: inline-block;
	margin-top: 40px;
	background: linear-gradient(81.44deg, #5c46f9 5.87%, #4e92ed 92.48%);
	border-radius: 33px;
	color: #fff
}

@media only screen and (max-width:1600px) {
	.hero-s3 {
		padding: 110px 0
	}

	.hero-s3__thumb .img {
		margin: 0
	}

	.about-s4__thumb,
	.about-s5__thumb,
	.about-s6__thumb {
		margin-right: 0
	}

	.about-s5__thumb {
		margin-left: 0
	}

	.feature-s4 .content {
		width: 260px;
		height: 260px
	}

	.header-s2 .m-nav>ul {
		gap: 20px
	}

	.hero-s2__thumb .img .shp-2 {
		right: 35px;
		top: 95px
	}

	.hero-s2__content .content-sh {
		font-size: 20px;
		line-height: 26px;
		margin-bottom: 25px
	}

	.hero-s2__content .content-h {
		font-size: 60px;
		line-height: 80px
	}

	.tab-s1 .tab-links .tab-btn {
		padding: 12px 22px;
		margin-right: 10px
	}

	.hero-s1__thumb {
		padding: 0
	}

	.hero-s1__thumb .img {
		margin-right: 0
	}

	.about-s1__thumb {
		gap: 20px;
		margin: 0;
		height: 100%;
		align-items: center
	}

	.about-s1__thumb>* {
		flex-shrink: 1
	}
}

@media only screen and (max-width:1200px) {
	.header-s3__bottom .p-right {
		display: none
	}

	.hero-s3__content .content-h {
		font-size: 45px;
		line-height: 60px
	}

	.hero-s3__content .content-sh {
		font-size: 30px;
		line-height: 40px
	}

	.hero-s3__content .content-d {
		margin-bottom: 45px
	}

	.about-s4__content,
	.about-s6__content {
		padding: 0
	}

	.about-s5__content {
		padding-left: 20px
	}

	.feature-s4 .content {
		width: 230px;
		height: 230px;
		margin-left: 10px
	}

	.feature-s4 .content h3 {
		font-size: 22px;
		margin-bottom: 10px
	}

	.feature-s4.third .content {
		margin-left: 15px
	}

	.footer-s1 .widget-3,
	.footer-s2 .widget-3,
	.footer-s1 .widget-4,
	.footer-s2 .widget-4 {
		padding-top: 80px
	}

	.b-post-s1>.content .btm .readmore,
	.b-post-s2>.content .btm .readmore {
		font-size: 14px
	}

	.b-post-s1>.content .meta li .text,
	.b-post-s2>.content .meta li .text {
		font-size: 12px
	}

	.b-post-s1>.content .title,
	.b-post-s2>.content .title {
		font-weight: 700;
		font-size: 20px;
		line-height: 30px;
		margin-top: 7px;
		transition: all .1s ease-in-out 0s
	}

	.testimonial-area-s1__thumb {
		padding-top: 80px;
		text-align: center
	}

	.testimonial-area-s1__content,
	.testimonial-area-s3__content {
		padding-top: 0 !important
	}

	.header-s3__top .p-left {
		gap: 35px
	}

	.m-nav>ul {
		gap: 33px
	}

	.m-nav li.dropdown .d-menu {
		min-width: 190px
	}

	.m-nav li.dropdown .d-menu li a {
		font-size: 15px
	}

	.header-s1,
	.header-s2 {
		background: #fff
	}

	.header-s1__bottom {
		box-shadow: none;
		padding: 15px 0
	}

	.header-s1__top {
		display: none
	}

	.header-s1__bottom>.p-left {
		display: none
	}

	.header-s1__bottom>.logo {
		display: flex
	}

	.header-s2 .header-s1__bottom .p-right {
		display: none
	}

	.header-s2 .header-s1__bottom::after {
		display: none
	}

	.hero-s2 {
		padding-top: 220px;
		padding-bottom: 120px
	}

	.sponsers-slider-s1 .sponsers-container,
	.sponsers-slider-s2 .sponsers-container {
		grid-template-columns: 1fr 1fr 1fr 1fr
	}

	.sponsers-container .s-sponser:nth-of-type(5),
	.sponsers-container .s-sponser:nth-of-type(6) {
		display: none
	}

	.hero-s1__content .content-sh {
		font-size: 20px;
		line-height: 25px
	}

	.hero-s1__content .content-h {
		font-size: 46px;
		line-height: 55px
	}

	.hero-s1__content .content-d {
		font-size: 16px;
		line-height: 28px
	}

	.hero-s1 .shapes .shp-4 {
		display: none
	}

	.feature-s1,
	.feature-s2,
	.feature-s3,
	.feature-s6 {
		padding: 15px
	}

	.feature-s1>.content h4,
	.feature-s2>.content h4,
	.feature-s3>.content h4,
	.feature-s6>.content h4 {
		font-size: 22px;
		line-height: 28px
	}

	.feature-s1>.content p,
	.feature-s2>.content p,
	.feature-s3>.content p,
	.feature-s6>.content p {
		font-size: 14px
	}

	.about-s1__content>.content-b {
		gap: 30px;
		padding-top: 30px
	}

	.pricing-t-s1>.pt-header .pt-ribbon,
	.pricing-t-s2>.pt-header .pt-ribbon {
		font-size: 20px
	}

	.pricing-t-s1>.pt-body .pt-features li .text,
	.pricing-t-s2>.pt-body .pt-features li .text {
		font-size: 16px
	}

	.funfact-s1,
	.funfact-s3 {
		flex-direction: column
	}

	.funfact-s1 .content,
	.funfact-s3 .content {
		text-align: center
	}

	.about-s3 {
		margin-top: -160px
	}

	.tab-s1 .tab-contents .tab-pane .list-b .i-list li .text {
		font-size: 13px
	}

	.tab-s1 .tab-contents .tab-pane .list-b {
		gap: 15px
	}

	.tab-s1 .tab-links .tab-btn {
		margin-bottom: 12px
	}

	.about-s2__thumb {
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center
	}

	.testimonial-area-s2 .testimonial-area-s1__thumb {
		padding-top: 0
	}

	.about-s6__thumb {
		margin-left: 0
	}

	.about-s6__content .content-b {
		gap: 20px
	}

	.testimonial-area-s3__facts {
		padding-top: 60px
	}

	.testimonial-area-s3__facts .p-right {
		padding-bottom: 0
	}

	.testimonial-area-s3__facts .p-left {
		padding-top: 0
	}

	.t-member-details__container {
		flex-wrap: wrap
	}

	.t-member-details__container .member-info {
		flex-basis: 50%;
		flex-shrink: 0
	}

	.t-member-details__container .member-thumb {
		flex-basis: 50%;
		flex-shrink: 0
	}

	.t-member-details__container .member-stats {
		flex-basis: 100%;
		flex-shrink: 0;
		margin-top: 25px
	}

	.service-detail-side .service-c-list .c-list li a .text {
		font-size: 14px;
		margin-left: 8px
	}

	.portfolio-detail__side .p-detail-box .details li .value {
		font-size: 15px
	}

	.contact-detail-box .info-list li a {
		font-size: 14px
	}

	.pricing-t-s2>.pt-header .price h3 {
		font-size: 38px
	}

	.pricing-t-s2>.pt-header .price .p-suf {
		font-size: 15px
	}

	.single-blog-content {
		padding-right: 0
	}

	.s-post-tag-share-wrap {
		align-items: self-start;
		flex-direction: column;
		gap: 30px
	}

	.more-post-section .post .thumb img {
		width: 100%
	}

	.more-post-section {
		flex-direction: column;
		gap: 30px
	}

	.contact-form-area .contact-info {
		padding-right: 20px
	}
}

@media only screen and (max-width:992px) {
	.header-s3 {
		display: none
	}

	.mobile-header {
		display: block
	}

	.hero-s3 .shape img {
		display: none
	}

	.hero-s3__content {
		align-items: center
	}

	.hero-s3__content .content-h {
		text-align: center
	}

	.hero-s3__content .content-d {
		text-align: center
	}

	.feature-area-inner>* {
		flex-basis: 50%
	}

	.feature-s4 .content {
		width: 250px;
		height: 250px
	}

	.feature-s4.third {
		display: none
	}

	.about-s4__content .content-b,
	.about-s6__content .content-b {
		gap: 30px
	}

	.about-s4__thumb,
	.about-s5__thumb,
	.about-s6__thumb {
		margin-top: 120px
	}

	.about-s5__thumb {
		display: none
	}

	.funfact-s2 {
		flex-direction: column;
		justify-content: center
	}

	.funfact-s2 .content {
		text-align: center
	}

	.footer-s1 .footer-cta,
	.footer-s2 .footer-cta {
		flex-direction: column;
		gap: 30px;
		align-items: stretch
	}

	footer .f-menu {
		align-items: center
	}

	.footer-s1 .widget-1,
	.footer-s2 .widget-1 {
		text-align: center
	}

	.footer-s1 .widget-2,
	.footer-s2 .widget-2 {
		text-align: center;
		padding-top: 50px
	}

	.footer-s1 .widget-3,
	.footer-s2 .widget-3 {
		text-align: center;
		padding-top: 50px
	}

	.recent-posts>.rp-single {
		align-items: center;
		justify-content: center
	}

	.recent-posts>.rp-single .content {
		text-align: left
	}

	.footer-s1 .widget-4,
	.footer-s2 .widget-4 {
		text-align: center;
		padding-top: 30px
	}

	.footer-cr .footer-cr-container .p-left p {
		font-size: 12px
	}

	.footer-cr .footer-cr-container ul.cr-menu a {
		font-size: 12px
	}

	.hero-s1 {
		margin-top: 0;
		padding-top: 110px;
		padding-bottom: 122px
	}

	.hero-s1__thumb {
		display: none
	}

	.hero-s1__content {
		text-align: center;
		align-items: center
	}

	.hero-s1__content .content-d {
		padding-right: 0
	}

	.feature-s1,
	.feature-s2,
	.feature-s3,
	.feature-s6 {
		margin-bottom: 25px
	}

	.about-s1__content {
		padding-top: 60px
	}

	.contact-banner-s1 {
		padding-bottom: 110px
	}

	.contact-banner-s1__thumb {
		display: none
	}

	.pricing-section-s1 .row {
		align-items: center;
		justify-content: center
	}

	.pricing-section-s1 .row .col-md-6:last-child {
		padding-top: 25px
	}

	.v-play-btn {
		width: 100px;
		height: 100px;
		line-height: 100px
	}

	.funfact-area-s1 .video-thumb {
		margin-top: -185px
	}

	.funfact-area-s1 {
		margin-top: 140px;
		padding-bottom: 75px
	}

	.funfact-s1,
	.funfact-s3 {
		margin-bottom: 25px
	}

	.header-s1,
	.header-s2 {
		display: none
	}

	.hero-s2 {
		padding-top: 120px;
		padding-bottom: 120px
	}

	.hero-s2__content {
		padding-top: 80px;
		text-align: center;
		justify-content: center;
		align-items: center
	}

	.features-slider-s2 {
		padding-bottom: 85px
	}

	.project-slider-area-s1 .slick-track {
		margin-left: 0
	}

	.contact-banner-s2 .contact-banner-inner {
		padding: 60px 50px
	}

	.contact-banner-s2__button {
		flex-shrink: 0
	}

	.about-s3 .about-s2__thumb {
		display: none
	}

	.testimonial-area-s2 .testimonial-area-s1__thumb {
		padding-bottom: 60px
	}

	.about-s2 .about-s2__thumb {
		padding-bottom: 60px
	}

	.footer-s2 .footer-cta>.p-right .f-subs-form input {
		background: linear-gradient(89.02deg, #6675ff 0%, #69a4ff 100%) !important
	}

	.footer-s2 .footer-cta>.p-right .f-subs-form {
		background: 0 0 !important
	}

	.header-s2 {
		display: none
	}

	.d-page-banner {
		margin-top: 0;
		padding-top: 0;
		height: 230px
	}

	.d-page-banner .content h1 {
		font-size: 40px;
		line-height: 40px
	}

	.about-s6__content {
		padding-top: 60px
	}

	.about-s7__thumb {
		padding-top: 60px
	}

	body#about .features-slider {
		padding-bottom: 0
	}

	.about-s8__thumb {
		text-align: center
	}

	.about-s8__thumb .shape {
		display: none
	}

	.about-s8__content {
		padding-top: 60px
	}

	body#team .team-area-s2 .col-md-6:nth-of-type(1),
	body#team .team-area-s2 .col-md-6:nth-of-type(2) {
		margin-bottom: 25px
	}

	.t-member-details__container .member-info {
		flex-basis: 100%;
		padding-bottom: 50px
	}

	.t-member-details__container .member-thumb {
		flex-basis: 100%;
		margin-top: 25px
	}

	.member-achievement__container .box {
		flex-shrink: 1;
		flex-basis: 46%
	}

	.member-achievement__container .box:nth-child(5) {
		display: none
	}

	.member-achievement__container {
		flex-wrap: wrap
	}

	.service-detail-side {
		padding-top: 0
	}

	.portfolio-detail__side .widget {
		margin-top: 30px
	}

	.row .col-md-6:nth-child(3) {
		margin-top: 25px
	}

	.accordion-s1 .s-accordion>.s-accordion__h h3 {
		font-size: 14px
	}

	.b-post-gallery-s1 .row .col-md-6:nth-child(3) {
		margin-top: 0
	}

	.b-post-gallery-s2 .col-md-6:nth-child(3) {
		margin-top: 0
	}

	.latest-posts-widget .recent-posts>.rp-single {
		justify-content: start
	}

	.contact-form-area .contact-info {
		align-items: stretch
	}

	.contact-form-area .contact-info {
		margin-bottom: 60px
	}
}

@media only screen and (max-width:767px) {
	.about-s1 .col-lg-6 .bg img {
		display: none
	}

	.btn-group {
		flex-direction: column
	}

	.features-slider {
		padding-bottom: 65px
	}

	.about-s1__content>.content-b .btn {
		display: none
	}

	.contact-banner-s1 {
		margin-top: 90px;
		margin-bottom: 90px
	}

	.feature-area-s1 {
		padding-bottom: 65px
	}

	.pricing-section-s1 .row .col-md-6 {
		padding-top: 25px
	}

	.pricing-section-s1 .row .col-md-6:first-child {
		padding-top: 0
	}

	.funfact-area-s1 {
		margin-top: 0
	}

	.funfact-area-s1 .video-thumb {
		margin-top: 90px
	}

	.blog-area-s1 .row .col-md-6:nth-child(2) {
		padding-top: 25px
	}

	.feature-area-s2 {
		display: none
	}

	#home-3 .about-s4,
	#home-3 .about-s6 {
		padding-top: 90px
	}

	.hero-s3__content .content-sh {
		font-size: 24px;
		line-height: 34px
	}

	.hero-s3__content .content-h {
		font-size: 36px;
		line-height: 50px
	}

	.s-sub-title {
		font-size: 17px;
		margin-bottom: 5px
	}

	.s-title {
		font-size: 30px;
		line-height: 40px
	}

	.about-s4__content .content-b,
	.about-s6__content .content-b {
		flex-direction: column;
		gap: 20px
	}

	.about-s5__content {
		padding-left: 0
	}

	.funfact-area-s2-container {
		flex-direction: column;
		gap: 30px
	}

	.footer-s1 .footer-cta>.p-right .f-subs-form,
	.footer-s2 .footer-cta>.p-right .f-subs-form {
		width: 90%;
		flex-direction: column;
		margin: auto;
		background: #fff;
		padding: 0;
		height: auto
	}

	.footer-s1 .footer-cta>.p-right .f-subs-form input,
	.footer-s2 .footer-cta>.p-right .f-subs-form input {
		background: #ecf5ff;
		width: 100%;
		display: block;
		height: 60px;
		padding: 0 20px;
		border-radius: 5px;
		margin-bottom: 10px
	}

	.footer-s1 .footer-cta>.p-right .f-subs-form button,
	.footer-s2 .footer-cta>.p-right .f-subs-form button {
		width: 100%
	}

	.s-project-s2 .thumb img {
		width: 100%
	}

	.footer-cr .footer-cr-container {
		flex-direction: column;
		gap: 10px
	}

	.hero-s2__content .content-h {
		font-size: 50px;
		line-height: 60px;
		margin-bottom: 30px
	}

	.hero-s2__thumb .img .b-img {
		display: none
	}

	.hero-s2__thumb .img .shp-2 {
		z-index: -1
	}

	.sponsers-slider-s1 .sponsers-container,
	.sponsers-slider-s2 .sponsers-container {
		grid-template-columns: 1fr 1fr
	}

	.sponsers-slider-s1 .sponsers-container .s-sponser,
	.sponsers-slider-s2 .sponsers-container .s-sponser {
		margin-bottom: 25px
	}

	.blog-area-s2 .row .col-md-6:nth-child(1) {
		padding-bottom: 25px
	}

	.about-s3 .about-s3__content {
		padding: 0
	}

	.about-s2__content .content-b .i-box:last-child {
		display: none
	}

	.features-slider-s2 {
		padding-bottom: 60px
	}

	.contact-banner-s2 .contact-banner-inner {
		flex-direction: column;
		padding: 25px;
		gap: 30px
	}

	.about-s3 {
		margin-top: -170px
	}

	.tab-s1 .tab-contents .tab-pane .list-b .i-list:first-child {
		display: none
	}

	.single-team-s1 .thumb,
	.single-team-s2 .thumb {
		text-align: center
	}

	.single-team-s1 .thumb img,
	.single-team-s2 .thumb img {
		display: inline
	}

	.contact-banner-s3 .content h2 {
		font-size: 32px;
		line-height: 40px;
		width: 100%
	}

	body#team .team-area-s2 .col-md-6:nth-of-type(3) {
		margin-bottom: 25px
	}

	.portfolio-gallery-container .portfolio-item {
		width: 100%
	}

	.pagination li a {
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 15px
	}

	.latest-posts-widget .recent-posts>.rp-single {
		flex-direction: row;
		justify-content: start
	}

	.recent-posts>.rp-single .content {
		flex-basis: 45%
	}

	.more-post-section {
		margin-top: 80px
	}

	.comment-form .input-group {
		flex-direction: column
	}

	.comment-form .input-group>* {
		flex-basis: auto
	}

	.single-blog-content .post-title {
		font-size: 32px;
		line-height: 42px;
		margin-top: 15px
	}

	.comments-section {
		margin-top: 80px
	}

	.comment-form {
		margin-top: 80px;
		text-align: center;
		margin-bottom: 80px
	}

	.s-comment-inner {
		flex-direction: column;
		align-items: start
	}

	.comment-form h2 {
		font-size: 30px;
		line-height: 40px
	}

	.comments-section .title {
		font-size: 30px;
		line-height: 40px
	}

	.contact-form-s1 {
		padding: 25px
	}

	.contact-form-area .contact-info {
		padding-right: 0 !important
	}
}