/* features one */
.features-one {
	padding: 140px 0px 110px;
}

.features-one__single {
	position: relative;
	display: block;
	filter: drop-shadow(5px 15px 30px rgba(5, 13, 54, 0.07));
	margin-bottom: 30px;
}

.features-one__single::after,
.features-one__single::before {
	content: '';
	width: 80px;
	height: 5px;
	background-color: var(--thm-base);
	position: absolute;
	left: 0px;
	transition: 0.8s;
	opacity: 0;
	visibility: hidden;
}

.features-one__single::before {
	top: -5px;
}

.features-one__single::after {
	bottom: -5px;
}

.features-one__single:hover {
	filter: drop-shadow(5px 15px 30px rgba(5, 13, 54, 0.2));
	-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.features-one__single:hover::after,
.features-one__single:hover::before {
	opacity: 1;
	visibility: visible;
	left: 30px;
}

.features-one__single-inner {
	position: relative;
	display: block;
	width: 100%;
	border-radius: 5px;
	padding: 30px 25px;
	background-color: var(--thm-white);
	clip-path: polygon(20% 0%, 80% 0%, 100% 0, 100% 85%, 89% 100%, 20% 100%, 0 100%, 0 0);
}

.features-one__single-inner-icon {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	transition: 0.5s;
	z-index: 1;
}

.features-one__single-inner-icon:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: linear-gradient(180deg, var(--thm-base) 0%, rgba(235, 87, 87, 0.0) 100%);
	opacity: 0.2;
	border-radius: 50%;
	z-index: -1;
}

.features-one__single-inner-icon:after {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0px;
	right: 0;
	border-radius: 50%;
	background-color: var(--thm-base);
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	transform-origin: bottom right;
	-webkit-transform: scale(1, 0);
	transform: scale(1, 0);
	content: "";
	z-index: -1;
}

.features-one__single:hover .features-one__single-inner-icon:after {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	transform-origin: top center;
}

.features-one__single-inner-icon i {
	font-size: 40px;
	color: var(--thm-base);
	transition: 0.5s;
}

.features-one__single-inner-icon i.style2 {
	font-size: 50px;
}

.features-one__single:hover .features-one__single-inner-icon i {
	color: var(--thm-white);
}

.features-one__single-inner a {
	display: inline-block;
	color: var(--thm-black);
	font-size: 24px;
	line-height: 34px;
	font-weight: 600;
	margin-top: 20px;
	margin-bottom: 15px;
	font-family: var(--thm-font);
}

.features-one__single-inner a:hover {
	color: var(--thm-base);
}





/* 
====================================
features two
====================================== 
*/
.features-two {
	position: relative;
	padding-bottom: 140px;
	margin-top: -140px;
	z-index: 10;
}

.features-two__wrapper {
	position: relative;
	display: flex;
	align-items: center;
	background-color: var(--thm-white);
	filter: drop-shadow(5px 15px 30px rgba(5, 13, 54, 0.07));
}

.features-two__wrapper ul {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
}

.features-two__wrapper ul li {
	position: relative;
	display: block;
	max-width: 330px;
	width: 100%;
	padding: 40px 0px 31px;
	z-index: 1;
}

.features-two__wrapper ul li::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: -1px;
	left: -1px;
	background-color: var(--thm-base);
	transition: 0.5s;
	opacity: 0;
	transform: scaleY(0.8);
	z-index: -1;
}

.features-two__wrapper ul li:hover::before {
	opacity: 1.0;
	transform: scaleY(1.1);
}

.features-two__wrapper ul li::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 2px;
	height: 170px;
	background: rgba(var(--thm-black-rgb), 0.1);
	transition: none;
	z-index: -1;
}

.features-two__wrapper ul li:last-child::after {
	display: none;
}

.features-two__wrapper ul li:hover::after {
	background: var(--thm-base);
}

.features-two__wrapper ul li .icon-box {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: linear-gradient(180deg, rgb(235, 86, 86, 0.2) 0%, rgba(235, 87, 87, 0.02) 100%);
	margin: 0 auto;
	transition: background-color 0.5s ease;
	transition: all 0.5s ease;
	z-index: 2;
}

.features-two__wrapper ul li:hover .icon-box {
	background: var(--thm-white);
}

.features-two__wrapper ul li .icon-box span {
	position: relative;
	display: inline-block;
	color: var(--thm-base);
	font-size: 45px;
}

.features-two__wrapper ul li .title-box {
	position: relative;
	display: block;
	margin-top: 18px;
	z-index: 2;
}

.features-two__wrapper ul li .title-box h3 {
	display: inline-block;
	font-size: 24px;
	line-height: 34px;
	font-weight: 600;
	margin-bottom: 12px;
}

.features-two__wrapper ul li .title-box h3 a {
	color: var(--thm-black);
	transition: background-color 0.5s ease;
	transition: all 0.5s ease;
}

.features-two__wrapper ul li:hover .title-box h3 a {
	color: var(--thm-white);
}

.features-two__wrapper ul li .title-box p {
	margin: 0;
	transition: background-color 0.5s ease;
	transition: all 0.5s ease;
}

.features-two__wrapper ul li:hover .title-box p {
	color: var(--thm-white);
}


/* 
===================================
features three
===================================
*/
.features-three {
	position: relative;
	padding: 140px 0 140px;
	z-index: 1;
}

.features-three__bg {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	z-index: -1;
}

.features-three__single {
	position: relative;
	display: block;
	padding: 40px 20px 0px;
	background-color: var(--thm-white);
	overflow: hidden;
	text-align: center;
	transition: all 400ms linear;
	transition-delay: 0.1s;
}

.features-three__single::before {
	position: absolute;
	left: 0px;
	bottom: 0px;
	right: 0px;
	transition: all 0.4s linear;
	height: 5px;
	background: var(--thm-base);
	opacity: 0;
	content: "";
	z-index: 1;
}

.features-three__single:hover::before {
	transform: scaleX(1.0) rotateX(0deg);
	transition: all 0.4s linear;
	opacity: 1;
}

.features-three__single .features_one_icon {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	font-size: 44px;
	transition: 0.3s;
	margin: 0 auto;
	z-index: 1;
}

.features-icon-one {
	color: #F2994A;
}

.features-icon-one::before {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: linear-gradient(180deg, #F2994A 0%, rgba(242, 153, 74, 0.10) 100%);
	opacity: 0.4;
	border-radius: 50%;
	content: "";
	z-index: -1;
}

.features-icon-two {
	color: #219653;
}

.features-icon-two::before {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: linear-gradient(180deg, #219653 0%, rgba(33, 150, 83, 0.10) 100%);
	opacity: 0.4;
	border-radius: 50%;
	content: "";
	z-index: -1;
}

.features-icon-three {
	color: #2D9CDB;
}

.features-icon-three::before {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: linear-gradient(180deg, #2D9CDB 0%, rgba(45, 156, 219, 0.10) 100%);
	opacity: 0.4;
	border-radius: 50%;
	content: "";
	z-index: -1;
}

.features-icon-four {
	color: #9B51E0;
}

.features-icon-four::before {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: linear-gradient(180deg, #9B51E0 0%, rgba(155, 81, 224, 0.10) 100%);
	opacity: 0.4;
	border-radius: 50%;
	content: "";
	z-index: -1;
}

.features_one_icon-two,
.features_one_icon-three,
.features_one_icon-four {
	font-size: 32px !important;
}

.features-three__single a {
	color: var(--thm-black);
	font-size: 24px;
	line-height: 34px;
	font-weight: 600;
	text-transform: capitalize;
	margin-top: 20px;
	margin-bottom: 15px;
	transition: 0.3s;
}

.features-three__single a:hover {
	color: var(--thm-base);
}

.features-three__single p {
	transition: 0.3s;
}

.features-three__single:hover .features_one_icon {
	transform: rotateY(160deg);
}

.features-three__single:hover {
	box-shadow: 5px 15px 30px 0px rgba(5, 13, 54, 0.07);
	padding-bottom: 26px;
}

.features-three__btn {
	position: relative;
	display: block;
	transform: translateY(200%);
	transition: all 400ms linear;
	transition-delay: 0.1s;
	margin-top: 11px;
}

.features-three__single:hover .features-three__btn {
	transform: translateY(0%);
}

.features-three__btn a {
	color: var(--thm-black);
	font-size: 16px;
	line-height: 26px;
	font-weight: 600;
	text-transform: capitalize;
	margin-top: 0px;
	margin-bottom: 0px;
}

.features-three__btn a i {
	position: relative;
	display: inline-block;
	color: var(--thm-base);
	font-size: 15px;
	line-height: 15px;
	font-weight: 700;
	top: 1px;
}

/* ====================================
features four
====================================== */
.feature-four {
	position: relative;
	margin-top: -90px;
	display: block;
	z-index: 10;
	overflow: hidden;
}

.feature-four__wrapper {
	position: relative;
	display: block;
	margin-left: -1.5px;
	margin-right: -1.5px;
}

.feature-four__wrapper-single {
	position: relative;
	display: block;
	width: 25%;
	float: left;
}

.feature-four__wrapper li {
	padding: 0px 1.5px 0px;
}

.feature-four__wrapper li:last-child {
	margin-right: 0;
}

.feature-four__wrapper-single a {
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.20);
	backdrop-filter: blur(10px);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	font-size: 20px;
	font-weight: 600;
	color: var(--thm-white);
	padding: 24px 0px 24px;
}

.feature-four__wrapper-single a i {
	font-size: 42px;
	font-weight: 400 !important;
}

.feature-four__wrapper-single a:hover {
	background-color: var(--thm-base);
}

/* ====================================
features five
====================================== */
.feature-five {
	padding: 120px 0 120px;
	overflow: hidden;
	z-index: 1;
}

.feature-five__shape-3 {
	position: absolute;
	right: -30px;
	top: -658px;
	opacity: .40;
	z-index: -1;
}

.feature-five__shape-3 img {
	width: auto;
}

.feature-five__single {
	position: relative;
	display: block;
	background-color: var(--thm-black);
	text-align: right;
	padding: 42px 50px 50px;
	margin-bottom: 30px;
	overflow: hidden;
	z-index: 1;
}

.feature-five__single-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: .90;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	mix-blend-mode: luminosity;
	z-index: -1;
}

.feature-five__shape-1 {
	position: absolute;
	top: 0;
	right: 0;
	border-top: 250px solid var(--thm-base);
	border-left: 340px solid transparent;
	z-index: -1;
}

.feature-five__shape-2 {
	position: absolute;
	top: 0;
	right: 0;
	opacity: .60;
	border-top: 276px solid var(--thm-base);
	border-left: 375px solid transparent;
	z-index: -1;
}

.feature-five__title {
	font-weight: 600;
	font-size: 24px;
	line-height: 34px;
}

.feature-five__title a {
	color: var(--thm-white);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.feature-five__title a:hover {
	color: var(--thm-black);
}

.feature-five__btn-box {
	position: relative;
	display: block;
	margin-top: 32px;
}

.feature-five__btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	line-height: 16px;
	font-weight: 600;
	color: var(--thm-black);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	background-color: var(--thm-primary);
	padding: 24px 50px 24px;
	overflow: hidden;
	transition: all 0.5s linear;
	z-index: 1;
}

.feature-five__btn:hover {
	color: var(--thm-white);
}

.feature-five__btn:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 3px;
	background-color: rgba(var(--thm-white-rgb), .45);
	transition-duration: 800ms;
	z-index: 1;
}

.feature-five__btn:after {
	transition-duration: 800ms;
	position: absolute;
	width: 200%;
	height: 200%;
	content: "";
	top: 110%;
	left: 50%;
	background-color: var(--thm-black);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 50%;
	z-index: -1;
}

.feature-five__btn:hover:after {
	top: -40%;
}

.feature-five__bottom-text {
	position: relative;
	display: block;
	max-width: 480px;
	margin: 0 auto;
	border: 1px solid var(--thm-black);
	text-align: center;
	padding: 7px 20px 10px;
	margin-top: 15px;
}

.feature-five__bottom-text p {
	font-weight: 500;
	letter-spacing: 0.05em;
}

/* ====================================
features four
====================================== */