header.homepage-banner {
	background-image: url(../images17/non-diagonal-header.png);
    background-repeat: no-repeat;
	padding: 108px 0;
	background-size: cover;
}
header.homepage-banner .container-fluid {
	max-width: 1300px;
	width: 100%;
}
header.homepage-banner h2 {
	font-size: 60px;
    font-weight: 700;
    line-height: 64px;
}
header.homepage-banner .subhead {
	color: hsl(196deg 100% 51%);
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 8px;
}
header.homepage-banner .lead {
	font-size: 22px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 32px;
    margin-top: 16px;
	color: #6D6D64;
}
header.homepage-banner .btn-action {
	background: #ffad29;
    color: #FFFFFF;
    font-weight: 500;
	font-size: 18px;
    max-width: 220px;
    width: 100%;
	padding: 8px;
}
header.homepage-banner .btn-sub {
	font-size: 18px;
	font-weight: 500;
	color: #00A3E0;
}
header.homepage-banner .product-feature-web {
	border: 0;
    border-radius: 10px;
    width: 120px;
    height: 120px;
    border-radius: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
	flex-direction: column;
    z-index: 9999;
	position: absolute;
}
header.homepage-banner .product-feature-web span {
	font-weight: 600;
	font-size:
}
header.homepage-banner .product-feature-web i {
	font-size: 24px;
	margin-top: -12px;
}
header.homepage-banner .product-feature-web.one {
	background: #00749f;
    color: #FFFFFF;
	top: 0;
	margin-top: -108px;
}
header.homepage-banner .product-feature-web.two {
	background: #d44e6e;
    color: #FFFFFF;
    bottom: 0;
	margin-right: 283px;
    margin-bottom: -115px;
}
header.homepage-banner .product-feature-web.three {
	background: #00749f;
    color: #FFFFFF;
    right: 0;
    margin-right: 90px;
}
header.homepage-banner .product-feature-web.four {
	background: #FFB844;
	    color: #FFFFFF;
	    bottom: 0;
	    margin-left: 560px;
	    margin-bottom: -40px;
}
header.homepage-banner .image-circle-wrapper {
	height: 400px;
    width: 400px;
    border-radius: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    /* z-index: 100; */
	margin-left: 100px;
	background: #00455e;
}
header.homepage-banner .image-circle-wrapper.address-experts {
	height: 400px;
    width: 400px;
    border-radius: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-image: url(../images17/homepage-banner-address-experts.jpg);
    background-position: 23% 40%;
    background-size: 286%;
    background-repeat: no-repeat;
	margin-left: 100px;
	margin-top: -100px;
}
header.homepage-banner .image-circle-wrapper .girl-tablet {
	max-width: 390px;
	width: 100%;
	margin-top: 16px;
}

header.homepage-banner .image-circle-wrapper .face-scan {
	height: 100%;
}

header.homepage-banner .product-feature-in {
	width: 92px;
	height: 92px;
	border-radius: .25rem;
	position: absolute;
	z-index: 999;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
header.homepage-banner .product-feature-in.one {
	background: #00A3E0;
	color: #FFFFFF;
	bottom: 0;
	left: 0;
	margin-left: 140px;
	margin-bottom: -16px
}
header.homepage-banner .product-feature-in.two {
	background: #FFB844;
    color: #FFFFFF;
    bottom: 0;
    right: 0;
    margin-right: 260px;
	margin-bottom: -16px
}
header.homepage-banner .product-feature-in.three {
	background: #50C878;
    color: #FFFFFF;
    top: 0;
    left: 0;
    margin-left: 140px;
	margin-top: -15px;
}

header.homepage-banner .product-feature-in.four {
	background: #BD4561;
    color: #FFFFFF;
    top: 0;
    right: 0;
    margin-right: 260px;
	margin-top: -16px;
}

header.homepage-banner .product-feature-in i {
	font-size: 24px;
}
header.homepage-banner .product-feature-in span {
	font-size: 15px;
	font-weight: 600;
	display: block;
	margin-top: 6px;
	text-align: center;
	line-height: 17px;
}
header.homepage-banner .card-listware-logo {
	padding: 8px;
    border-radius: 0.25rem;
    position: absolute;
    z-index: 101;
    background: #FFFFFF;
    margin-right: 161px;
    margin-top: -16px;
    top: 0;
    right: 0;
}
header.homepage-banner .card-listware-logo img {
	max-width: 180px;
	width: 100%;
}
header.homepage-banner .card-unison-app {
	margin-left: 100px;
	max-width: 420px;
    width: 100%;
    border: 0;
    overflow: hidden;
    z-index: 1;
	margin-top: 16px;
}
header.homepage-banner .card-unison-app .browser-top {
	background: #00A3E0;
	padding: 4px 12px;
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
}
header.homepage-banner .card-unison-app .browser-top i {
	color: #FFFFFF;
}
header.homepage-banner .card-unison-app .browser-body {
	padding: 16px;
}
header.homepage-banner .card-unison-app .eye-wrapper {
	background: #FFFFFF;
	width: 60px;
	height: 60px;
	border-radius: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	right: 0;
	margin: 8px 16px 0 0;
}
header.homepage-banner .card-unison-app .eye-wrapper i {
	color: #FFFFFF;
	font-size: 32px;
}
header.homepage-banner .card-unison-app .eye-wrapper div {
	background: #00a3e0;
    width: 56px;
    height: 56px;
    border-radius: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
}
header.homepage-banner .card-unison-app .progress-task {
	display: flex;
	align-items: center;
	margin-bottom: 16px;
}
header.homepage-banner .card-unison-app .icon-box i {
	font-size: 32px;
	color: #fff;
}
header.homepage-banner .card-unison-app .icon-box img {
	max-width: 64px;
	width: 100%;
	opacity: .9;
}
header.homepage-banner .card-unison-app .progress-task h6 {
	font-size: 15px;
    font-weight: 600;
	opacity: .9;
}
header.homepage-banner .card-unison-app .progress-bar.bg-default {
	background: #00A3E0;
}
header.homepage-banner .card-unison-app .status-green {
	opacity: .6;
	color: green;
}
header.homepage-banner .card-unison-app .status-warn {
	opacity: .6;
	color: #ffad29;
}
header.homepage-banner .card-unison-app .status-red {
	opacity: .6;
	color: red;
}
header.homepage-banner .card-unison-logo {
	padding: 8px;
    border-radius: 0.25rem;
    position: absolute;
    z-index: 101;
    background: #FFFFFF;
    margin-left: 180px;
    margin-top: -35px;
}
header.homepage-banner .card-unison-logo img {
	max-width: 180px;
	width: 100%;
}
header.homepage-banner .carousel {
	height: 440px;
	margin-bottom: -24px
}
header.homepage-banner .carousel .carousel-inner {
	overflow: visible;
}
header.homepage-banner .carousel .carousel-control-next, .carousel-control-prev {
	margin-bottom: 0;
	background: transparent;
	border: 0;
}
header.homepage-banner .carousel .carousel-control-next{
	margin-right: -290px;
}
header.homepage-banner .carousel .carousel-control-prev{
	margin-left: -290px;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 40px !important;
    height: 40px !important;
	color: #f2f2f2;
}
.carousel .carousel-indicators {
	position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 0%;
    margin-left: 0 !important;
    list-style: none;
    margin-bottom: -100px;
}
.carousel .carousel-indicators li {
	background-color: #D2D2D2;
	width: 32px;
    height: 5px;
}
.carousel .carousel-indicators .active {
	background-color: #00A3E0;
}
.carousel .carousel-control-prev-icon {
/* change fill="currentColor" to %23fff to make it white  */
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="lightgray" class="bi bi-arrow-left-short" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z"/></svg>');
}

.carousel .carousel-control-next-icon {
  /* change fill="currentColor" to %23fff to make it white  */
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="lightgray" class="bi bi-arrow-right-short" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z"/></svg>');
}
.carousel-inner .carousel-item {
  transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease;
}
header.homepage-banner .banner-line {
	height: 2px;
	width: 300px;
	background: #F2F2F2;
	position: absolute;
	z-index: -1;
	opacity: .5;
}
header.homepage-banner .banner-line-1 {
	transform: rotate(90deg);
	top: 0;
	margin-left: 150px;
	margin-top: 100px;
}
header.homepage-banner .banner-line-2 {
	transform: rotate(0deg);
	top: 0;
	right: 0;
	margin-right: 143px;
	margin-top: 100px;
}
header.homepage-banner .banner-line-3 {
	transform: rotate(29deg);
	bottom: 0;
	right: 0;
	margin-right: 115px;
	margin-bottom: 78px;
}
header.homepage-banner .banner-line-4 {
	transform: rotate(302deg);
	bottom: 0;
	left: 0;
	margin-left: 97px;
	margin-bottom: 64px;
}
@media (max-width: 1299px) {
	header.homepage-banner .product-feature-in,
	.card-listware-logo {
		display: none;
	}
	header.homepage-banner .product-feature-web,
	header.homepage-banner .banner-line {
		display: none;
	}
}
@media (max-width: 991px) {
	header.homepage-banner .carousel {
		height: 100% !important;
	}
	header.homepage-banner {
		background-image: none;
		padding-bottom: 24px;
	}
	header.homepage-banner .image-circle-wrapper,
	header.homepage-banner .card-unison-app {
		display: none !important;
		visibility: hidden !important;
	}
	header.homepage-banner .image-circle-wrapper,
	header.homepage-banner .image-circle-wrapper.address-experts,
	header.homepage-banner .card-unison-app {
		margin-left: 0;
	}
	header.homepage-banner .card-unison-app,
	header.homepage-banner .image-circle-wrapper {
		margin-top: 24px;
	}
	header.homepage-banner .card-unison-logo {
		display: none !important;
	}
	header.homepage-banner .carousel .carousel-indicators {
		position: absolute;
		right: inherit;
		bottom: inherit;
		left: 0;
		top: 0;
		z-index: 15;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		justify-content: center;
		padding-left: 0;
		margin-right: 15%;
		margin-left: 0 !important;
		list-style: none;
		/* margin-bottom: -29px; */
		margin-top: -40px;
}