/*
---------------------------
USP BOX  
---------------------------
*/

.usp-box {
	-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.usp-box-inner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	min-height: 30px;
	padding: 15px;
	border-radius: var(--radius-medium);
}


.subblock-wrapper {
	margin-top: 20px;
}

.subblock-wrapper .usp-box-inner {
	padding: 10px 0;
	min-height: 40px;
}
.usp-box .usp-box-inner {
	-webkit-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
a.usp-box:hover .usp-box-inner {
	/* transform: translateY(-3px); */

}

.usp-box-bg {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	border-radius: var(--radius-medium);
	z-index: 0;
	transition: box-shadow 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.bg-white.usp-box-bg {
	box-shadow: 0 3px 25px rgba(var(--color-dark-rgb), 0.08);
}

.bg-color4-dark.usp-box-bg {
	box-shadow: 0 3px 25px rgba(var(--color-color4-rgb), 0.2);
}

a.usp-box:hover .usp-box-bg {
	box-shadow: 0 3px 45px rgba(var(--color-dark-rgb), 0.1);
}
a.usp-box:hover .bg-white.usp-box-bg {
	box-shadow: 0 3px 35px rgba(var(--color-dark-rgb), 0.2);
}

a.usp-box:hover .usp-box-bg.bg-color4-dark {
	box-shadow: 0 3px 45px rgba(var(--color-color4-dark-rgb), 0.5);
}

.usp-box-bg.with-border {
	border: 2px solid;
}


.usp-box.tiny .uspbox-inner  {
	padding: 0px 0px 0px 0px;
}
.usp-box.small .uspbox-inner {
	padding: 10px 10px 10px 10px;
}

.usp-box.text-center {
	padding: 25px 25px 25px 25px;
}
.usp-icon {
	text-align: center;
	padding: 0;
	width: 100px;
	height: 100px;
	border-radius: var(--radius-full);
		/* mask-repeat: no-repeat;
	mask-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4gPHN2ZyBpZD0iTGFhZ18xIiBkYXRhLW5hbWU9IkxhYWcgMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNzAuNjUgNzAuNjUiPiA8cGF0aCBkPSJNNzAuNCwzMS4xNWgwYy0uMjUtMi4xMS0uNy00LjI0LTEuMzYtNi4zNC0zLjA5LTkuODctMTAuMTItMTcuNDItMTguODItMjEuNDZsLjAyLS4wNWMtNC41My0yLjExLTkuNTgtMy4zLTE0LjkxLTMuM0MxNS44MSwwLDAsMTUuODEsMCwzNS4zM3YzNS4zM2gzNS4zM2MxOS41MSwwLDM1LjMzLTE1LjgxLDM1LjMzLTM1LjMzLDAtMS40MS0uMDktMi44MS0uMjUtNC4xOFoiIHN0eWxlPSJmaWxsOiAjZDYwMDA0OyIvPiA8L3N2Zz4=");
	mask-size: 100% 100%; */
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	z-index: 1;
}
.usp-icon.icon-small {
	width: 60px;
	height: 60px;
	
}
.usp-icon.icon-medium  {
	width: 150px;
	height: 150px;
}
.usp-icon.icon-large  {
	width: 180px;
	height: 180px;
}
.usp-box .usp-icon i {
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.usp-box:hover .usp-icon i {
	transform: scale(0);
	opacity: 0;
}

/* Font */
.icon-left .usp-icon.icon-tiny {
	width: 40px;
	height: 40px;

} 
.usp-icon.icon-tiny i:before{
	font-size: 1.250rem;
}
.usp-icon.icon-small i:before{
	font-size: 1.8rem;
}
.usp-icon.icon-medium i:before{
	font-size: 3.1rem;
}
.usp-icon.icon-large i:before{
	font-size: 4.8rem;
}
.usp-icon i:before {
	line-height: 1;
	margin-left:0;
}

/* Image */
.usp-icon.icon-small img {
	width: auto;
	max-width: 44px;
	max-height: 44px;
}
.usp-icon.icon-medium img {
	width: 80px
}
.usp-icon.icon-large img {

width: 100%;
}

.usp-box.icon-left .usp-box-inner {
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	gap: 15px;
}
.subblocks-wrapper .usp-box.icon-left .usp-box-inner {
	align-items: center;
}

.usp-box.icon-left.with-intro .usp-box-inner{
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: row;
}

.usp-section {
	position: relative;
	padding: 1rem 0rem 0;
	margin-bottom: 0px;
	z-index: 1;
}
.small.icon-left .usp-section {
	padding: 0px 10px 0px 0;
}
.tiny.icon-left .usp-section {
	padding: 5px 0 5px 0;
}
.usp-title {
	font-family: var(--font-heading);
	font-weight: 600;
	font-size: 1.6rem;
	margin-bottom: 0px;
}
.usp-box.small .usp-title {
	font-size: 20px;
	line-height: 1.1;
}
a.usp-box:hover .usp-title {
	color: var(--color-dark-dark) !important
}
a.usp-box:hover .usp-title.c-white {
	color: var(--color-white) !important
}
a.usp-box .usp-title i {
	position: relative;
	top:2px;
	opacity: 0.3;
	transition: all 0.3s ease-in-out;
}
a.usp-box:hover .usp-title i {
	position: relative;
	transform: translateX(3px);
	opacity:1;
}
/* .usp-title.with-intro {
	margin-bottom: 15px;
} */
.large-7 .large-up-2 .usp-title {
	font-size: 1.125rem;
}
.large-up-3 .usp-title {
	
}
.large-up-5 .usp-title {
	font-size: 14px;

}
.large-up-4 .usp-title {
	font-size: 20px;
}
.usp-box.tiny .usp-title {
	font-weight: 500;
	font-size: 20px;
	line-height: 1.2;
}
.large-auto.usp-box.small .usp-title {
	font-size: 24px;
	line-height: 1.2;
}
.usp-section .usp-lead {
	opacity: 0.7;
}
.usp-section p {
	font-size: 16px;
	line-height:1.4;
	margin-bottom: 0;
}
.usp-box.icon-left.with-intro .usp-section {
	padding-top: 6px
}
.usp-box.icon-left.with-intro .usp-section p {
	margin-top: 0px;
}
.large-auto.usp-box.tiny p {
	font-size: 16px;
}
a.usp-box .usp-section p {

}


.usp-button {
	margin-top: 15px;
	font-weight: 600;
}
.usp-box.icon-left .usp-arrow {
	position: absolute;
	inset: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-grow: 2;
	text-align: center;
	
	transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition-delay: 0.3s;
	opacity: 0;
}
.usp-box.icon-left .usp-arrow i {
	transition-delay: 0.3s;
	transform: translateX(-5px);
	opacity: 0.2;
	position: relative;
	font-size: 16px;
	-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition-delay: 0.1s;
}
.usp-box.icon-left:hover  .usp-arrow {
	opacity: 1;
}
.usp-box.icon-left:hover  .usp-arrow i {
	transition-delay: 0.3s;
	transform: translateX(0);
	opacity: 1;
}

[class*=" bg-"]:not(.bg-white):not(.bg-light):not(.bg-extralight) .usp-title {
	color: rgba(255, 255, 255, 1) !important;
}
.gradient-secondary .usp-title {
	color: rgba(255, 255, 255, 1) !important;
}

[class*=" bg-"]:not(.bg-white):not(.bg-light):not(.bg-extralight) .usp-section p {
	color: rgba(255, 255, 255, 0.7) !important;
}
[class*=" bg-"]:not(.bg-white):not(.bg-light):not(.bg-extralight) .usp-section p a {
	color: rgba(255, 255, 255, 0.7) !important;
}
.gradient-secondary .usp-section p {
	color: rgba(255, 255, 255, 1) !important;
}
[class*=" bg-"]:not(.bg-white):not(.bg-light):not(.bg-extralight) .usp-arrow {
	color: rgba(255, 255, 255, 1) !important;
}
[class*=" bg-"]:not(.bg-white):not(.bg-light):not(.bg-extralight) .usp-more {
	color: rgba(255, 255, 255, 1) !important;
}

	@media (max-width: 1500px) {
		
		.usp-icon.icon-small {
			width: 48px;
			height: 48px;
			
		}

		.usp-box.icon-left .usp-box-inner {
			padding: 10px;
			gap: 10px;
		}
		.usp-icon.icon-medium  {
			width: 80px;
			height: 80px;
		}
		.usp-icon.icon-large  {
			width: 120px;
			height: 120px;
		}
		/* Image */
		.usp-icon.icon-small img {
			width: auto;
			max-width: 32px;
			max-height: 32px;
		}
		.usp-icon.icon-medium img {
			width: 60px
		}
		.usp-icon.icon-large img {
			width: 100px
		}
		
	}

	@media (max-width: 1380px) {
		
		.usp-box.icon-left .usp-box-inner {
			padding: 5px 10px;
			gap: 10px;
		}
		.usp-icon.icon-small {
			width: 48px;
			height: 48px;
			
		}

		.usp-box.icon-left .usp-box-inner {
			padding: 10px;
			gap: 10px;
		}
		.usp-icon.icon-medium  {
			width: 80px;
			height: 80px;
		}
		.usp-icon.icon-large  {
			width: 120px;
			height: 120px;
		}
		/* Image */
		.usp-icon.icon-small img {
			width: auto;
			max-width: 32px;
			max-height: 32px;
		}
		.usp-icon.icon-medium img {
			width: 60px
		}
		.usp-icon.icon-large img {
			width: 100px
		}
		
	}
	@media (max-width: 1280px) {
		.usp-icon.icon-small {
			width: 50px;
			height: 50px;
		}

		.usp-box.icon-left .usp-box-inner {
			padding: 10px;
			gap: 10px;
		}
		.usp-icon.icon-medium  {
			width: 80px;
			height: 80px;
		}
		.usp-icon.icon-large  {
			width: 100px;
			height: 100px;
		}
		/* Image */
		.usp-icon.icon-small img {
			width: auto;
			max-width: 26px;
			max-height: 26px;
		}
		.usp-icon.icon-medium img {
			width: 60px
		}
		.usp-icon.icon-large img {
			width: 90px
		}
		.usp-box.text-center {
			padding-left: 0;
			padding-right: 0;
		}
		.usp-title {
			font-size: 1.350rem;
		}
		.usp-box.small .usp-title {
			font-size: 20px;
			font-weight: 500;
		}
		
	}
	@media (max-width: 1023px) {
		a.usp-box:hover .usp-box-inner {
			transform: translateY(0px);
		}
		.medium-6 .usp-box.icon-left {
			
		}
	
		.usp-box.icon-left {
			padding: 0px 0px 0px 0px;
		}
	
		.usp-box.text-center {
			padding: 25px 5px 25px 5px;
		}
		
	
		.usp-icon.icon-tiny i:before{
			font-size: 1rem;
		}
		.usp-icon.icon-small i:before{
			font-size: 1.4rem;
		}
		.usp-icon.icon-medium i:before{
			font-size: 2.8rem;
		}
		.usp-icon.icon-large i:before{
			font-size: 4.6rem;
		}
	
		
		.usp-title {
			font-size: 1.2rem;
		}
		.medium-auto.usp-box.tiny .usp-title {
			font-size: 13px;
		}
		.large-auto.usp-box.small .usp-title {
			font-size: 18px;
			line-height: 1.1;
		
		}
		.medium-auto.usp-icon.icon-tiny {
			
		}
		.medium-auto.usp-icon.icon-tiny i:before {
			font-size: 14px;
		}
		.usp-section p {
			font-size: 16px;
			line-height:1.5;
			margin-bottom: 0;
		}
		.large-auto.usp-box.small .usp-section p {
			font-size: 14px;
			line-height:1.5;
			margin-bottom: 0;
			margin-top: 10px;
		}
		.usp-icon.icon-small img {
			width: auto;
			max-width: 28px;
			max-height: 28px;
		}
		
	}
	@media (max-width: 767px) {
		.usp-box {
			padding: 0;
		}

		.usp-box.icon-left {
			margin-bottom: 0px;
			
		}
		.usp-icon {
			padding: 10px;
		}

		.icon-left .usp-section {
			padding-bottom: 0;
			margin:0;
			overflow: hidden;
			padding-right: 30px;
		}
		.usp-box.icon-left.with-intro .usp-section {
			padding-top: 0px
		}
		.icon-left .usp-icon {
			padding: 0rem 0rem 0
		}
	
		
		.usp-icon.icon-small {
			font-size: 1.250rem;
		}
		.usp-icon.icon-small i:before {
			font-size: 1.250rem;
		}
		.usp-icon.icon-medium {
			font-size: 2.2rem;
		}
		.usp-icon.icon-large {
			font-size: 4.6rem;
		}
		

		.usp-box.icon-left i {
			position: relative;
			top: 0px
		}
		.icon-left .usp-icon.icon-tiny {
			width: 32px !important;
			height: 32px;
		}

		.medium-auto.usp-box.tiny .usp-title {
			font-size: 15px;
		}
		.usp-box.icon-left .usp-section {
			padding: 0;
		}
		.tiny.icon-left .usp-section {
			padding: 5px 0 0 5px;
		}
		.large-auto.usp-box.small .usp-title {
			font-size: 20px;
		}
		.usp-box.small .usp-title {
			font-size: 20px;
			font-weight: 600;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			}
	


	}




/*
---------------------------
USP BAR  
---------------------------
*/

.usp-listing {
	display: block;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
}
.usp-listing ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
	margin:0;
}
.usp-listing ul li .usp-listing-link,
.usp-listing ul li div,
.usp-listing ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	font-weight: 500;
	padding: 0 5px;
	text-align: left;
	line-height: 1;
}
.usp-listing ul li a:hover {
	border: 1px solid rgba(0, 33, 100, 0.2);
}

.usp-listing ul li i,
.usp-listing ul li img {
	position: relative;
	top:0px;
	margin-right: 10px;
	font-size: 20px;

}
.usp-listing ul li i:before {

}
.usp-listing ul li.icon-small i:before {
	font-size: 20px;
}
.usp-listing ul li.icon-medium i:before {
	font-size: 28px;
}
.usp-listing ul li.icon-large i:before {
	font-size: 36px;
}

[class*=" bg-"]:not(.bg-white):not(.bg-light):not(.bg-extralight) .usp-listing ul li {
	color: rgba(255, 255, 255, 1) !important;
}

@media (max-width: 1300px) {
	.usp-listing ul {
		width: 100%;
		display: block;
		text-align: left;
		column-count: 2;
	}
}
@media (max-width: 1023px) {
	.usp-listing {
		padding-left: 25px;
		padding-right: 25px;
	}
}
@media (max-width: 970px) {
	
	.usp-listing ul  {

	}
	.usp-listing ul li .usp-listing-link,
.usp-listing ul li div,
.usp-listing ul li a {
		font-size: 15px;
		justify-content: flex-start;
	}
	.usp-listing ul li span {
		margin: 4px 0px;
		justify-content: flex-start;
	}
	.usp-listing ul li.icon-small i:before {
		font-size: 18px;
	}
	.usp-listing ul li.icon-medium i:before {
		font-size: 22px;
	}
	.usp-listing ul li.icon-large i:before {
		font-size: 28px;
	}
}
@media (max-width: 767px) {
	.usp-listing {
		padding:0 10px;
	}
	
}
@media (max-width: 640px) {
	.usp-listing {
		padding:10px 15px;
	}
	.usp-listing ul {
		column-count: 1;

	}
}