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

.usp-box {
	position: relative;
	border-radius: 10px !important;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	min-height: 80px;
	padding: 25px 25px 25px 25px;
	-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.tiny {
	padding: 0px 0px 0px 0px;
}
.usp-box.small {
	padding: 10px 0px 10px 0px;
}
a.usp-box.bg-white {
	
}
a.usp-box.bg-white:hover {
	
}
.usp-box.text-center {
	padding: 25px 25px 25px 25px;
}
.usp-icon {
	text-align: center;
	padding: 0;
	width: 100px;
	height: 100px;
	border-radius: 0px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.usp-icon.icon-small {
	width: 80px;
	height: 80px;
	border-radius: 100px;
}
.usp-icon.icon-medium  {
	width: 100px;
	height: 100px;
}
.usp-icon.icon-large  {
	width: 160px;
	height: 160px;
}
.icon-left .usp-icon {
	border-radius: 100px;
	padding: 10px;
	margin-right: 20px;
	width: 120px;
	height: 120px;
}
.icon-left .usp-icon.icon-small {
	width: 60px;
	height: 60px;
	margin-left: 20px;
	margin-right: 5px;
}

/* Font */
.icon-left .usp-icon.icon-tiny {
	margin-right: 10px;
	width: 40px;
	height: 40px;
	border-radius: 0px;
} 
.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: 120px
}

.usp-box.icon-left {
	position: relative;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	border-radius: 5px !important;
	max-width: calc(100% - 20px);
}
.usp-box.icon-left.with-intro {
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: row;
}

.usp-section {
	position: relative;
	padding: 1rem 0rem 0;
	margin-bottom: 0px;
	z-index: 3;
}
.small.icon-left .usp-section {
	padding: 10px 0px 10px 0;
}
.tiny.icon-left .usp-section {
	padding: 5px 0 5px 0;
}
.usp-title {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.6rem;
	margin-bottom: 0px;
	font-weight: 700;
}
.usp-box.small .usp-title {
	font-size: 21px;
	padding-right: 40px;
}
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 {
	font-size: 1.2rem;
}
.large-up-5 .usp-title {
	font-size: 14px;

}
.large-up-4 .usp-title {
	font-size: 20px;
}
.usp-box.tiny .usp-title {
	font-size: 18px;
}
.large-auto.usp-box.small .usp-title {
	font-size: 24px;
	line-height: 1.2;
}
.usp-section p {
	font-size: 18px;
	line-height:1.7;
	margin-bottom: 0;
}
.usp-box.icon-left.with-intro .usp-section p {
	margin-top: 5px;
}
.large-auto.usp-box.tiny p {
	font-size: 15px;
}
a.usp-box .usp-section p {

}

.bg-light a.usp-box:hover,
.bg-extralight a.usp-box:hover {
	background-color: #fff;
	box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.13);
}
.usp-button {
	margin-top: 15px;
	font-weight: 600;
}
.usp-box.icon-left .usp-arrow {
	position: absolute;
top:0px;
right:-45px;
width: 160px;
height: calc(100% + 0px);
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 507.38 340.16"><path class="b" d="M389.27,340.16H14.17C6.35,340.16,0,333.81,0,325.98V14.17C0,6.35,6.35,0,14.17,0h375.09c4.74,0,9.16,2.37,11.79,6.31l103.94,155.9c3.17,4.76,3.17,10.96,0,15.72l-103.94,155.91c-2.63,3.94-7.05,6.31-11.79,6.31Z"/></svg>');
	mask-size: 100% 100%;
	mask-position: right;
background-color: inherit;
-webkit-transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);


}
.usp-box.icon-left:hover  .usp-arrow  {
	transform: translateX(4px);
	opacity: 1;
}



	@media (max-width: 1380px) {
		.usp-box.text-center {
			padding-left: 15px;
			padding-right: 15px;
		}
		.usp-box.small {
			padding: 10px;
			padding-left: 0px;
			padding-right: 0px;
		}
		.usp-icon.icon-large {
			width: 140px;
			height: 140px;
		}
		.usp-icon.icon-large i:before {
			font-size: 4rem;
			}
		.icon-left .usp-icon.icon-small {
			width: 40px;
			height: 40px;
		}
		.usp-icon.icon-small i:before {
			font-size: 1.250rem;
		}
		.usp-box.small .usp-title {
			font-size: 1.250rem;
			font-weight: 600;
		}
		
	}
	@media (max-width: 1130px) {
		.usp-box.text-center {
			padding-left: 0;
			padding-right: 0;
		}
		.usp-title {
			font-size: 1.350rem;
		}
		.usp-box.small .usp-title {
			font-size: 18px;
			font-weight: 600;
		}
	}
	@media (max-width: 1023px) {

		.medium-6 .usp-box.icon-left {
			
		}
		.usp-box.tiny {
			padding: 0px !important;
			margin: 0;
		}
		.usp-box.icon-left {
			padding: 0px 0px 0px 0px;
		}
	
		.usp-box.text-center {
			padding: 25px 5px 25px 5px;
		}
		
		.icon-left .usp-icon {
			margin-right: 10px;
		}
		.icon-left .usp-icon.icon-tiny {
			margin-right: 5px;
			line-height: 1;
		} 
		.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: 32px;
			max-height: 32px;
		}
		
	}
	@media (max-width: 767px) {
		.usp-box {
			padding: 0;
			min-height: 60px;
		}
		.usp-box.text-center {
			padding: 10px;
		}
		.usp-box.icon-left {
			padding: 10px 0px 10px 10px;
			margin-bottom: 0px;

		}
		.usp-icon {
			padding: 10px;
		}

		.icon-left .usp-section {
			padding-bottom: 0;
			margin:0;
			overflow: hidden;
			padding-right: 30px;
		}
		
		.icon-left .usp-icon {
			padding: 0rem 0rem 0;
			margin-right: 15px;
			

		}
		.icon-left .usp-icon {
			width: 60px;
			height: 60px;
		}
		.icon-left .usp-icon.icon-small {
			width: 32px;
			height: 32px;
			margin-left:3px;
		}
		.usp-icon.icon-small i:before {
			font-size: 1rem;
		}
		.usp-icon.icon-small {
			font-size: 1.2rem;
		}
		.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;
		}
		.usp-box.icon-left {
			max-width: calc(100% - 50px);
		}
		.usp-box.tiny.icon-left {
			flex-direction: row;
			justify-content: flex-start;
			align-items: flex-start;
			text-align: left;


			margin: 0 0 0px;
			padding: 10px 0 10px 0px !important;
			min-height: 40px;
		
		}
		.usp-box.tiny.icon-left:first-of-type {
			margin-top: 10px;
		}
		.usp-box.tiny.icon-left:last-of-type {
			margin-bottom: 10px;
		}
		.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: 18px;
			font-weight: 700;
			overflow: hidden;
			text-overflow: ellipsis;
			padding-right: 30px;
			white-space: nowrap;
			}
			.usp-box.icon-left .usp-arrow {
				right: -55px
			}


	}
	@media (max-width: 640px) {
		


	}

/*
---------------------------
USP BAR  
---------------------------
*/
.usp-listing {
	display: block;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
}
.usp-listing ul {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin:0;
}
.usp-listing ul li div,
.usp-listing ul li a {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 15px;
	font-weight: 600;
	color: #002164;
	border: 1px solid rgba(0, 33, 100, 0);
	padding: 0 5px;
	border-radius: 5px;
	text-align: left;
	line-height: 1.2;
}
.usp-listing ul li a:hover {
	border: 1px solid rgba(0, 33, 100, 0.2);
}
.usp-listing ul li span {
	margin: 0 10px;
	text-align: left;
}

.usp-listing ul li i,
.usp-listing ul li img {


}
.usp-listing ul li i:before {
	margin-left:0;
	font-size: 24px;
}
.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: 1130px) {
	.usp-listing ul li {
		font-size: 16px;
		line-height: 1.1;
	}
}
@media (max-width: 970px) {
	.usp-listing {
		
	}
	.usp-listing ul  {

	}
	.usp-listing ul li div,
	.usp-listing ul li a {
		font-size: 13px;
	
	}
	.usp-listing ul li span {
		margin: 5px 0px;
	}
	.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;
	}
	.usp-listing ul  {
		flex-direction: row;
		align-items: flex-start;
		flex-wrap: wrap;
	}
	.usp-listing ul li {
		padding-top: 2px;
		padding-bottom: 2px;
		width: 50%;
	}
	.usp-listing ul li div,
	.usp-listing ul li a {
		justify-content: flex-start;
		font-size: 13px;
		align-items: flex-start;
		
	}
	.usp-listing ul li div i,
	.usp-listing ul li a i {
		margin-right: 5px;
		
	}
}
@media (max-width: 374px) {
	
	.usp-listing ul  {
		flex-direction: column;
		align-items: flex-start;

	}
	.usp-listing ul li {
		padding-top: 2px;
		padding-bottom: 2px;
		width: 100%;
	}
	.usp-listing ul li div,
	.usp-listing ul li a {
		justify-content: flex-start;
		font-size: 13px;
		align-items: flex-start;
		
	}
	.usp-listing ul li div i,
	.usp-listing ul li a i {
		margin-right: 5px;
		
	}
}