/*-------------------------------------------------------------------------------------
technology banner start
-------------------------------------------------------------------------------------*/
.technology-banner{
	font-family: "Manrope", sans-serif;
	width: 100%;
	color: white;
	background-position: left bottom,right top;
	background-repeat: no-repeat;
	background-color: rgb(3,169,244);
	background-image: url("https://static.engeniuscdn.com/wp-content/uploads/2022/09/19173546/left.png"),
	url("https://static.engeniuscdn.com/wp-content/uploads/2022/09/19173549/right.png"),
	linear-gradient(0deg, rgba(3,169,244,1) 0%, rgba(136,84,235,1) 100%);	
}
.technology-banner .banner-wrap{
	height: 330px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	max-width: 1390px;
	margin: 0 auto;	
}
.technology-banner .banner-wrap h1{
	font-size: 44px!important;
	letter-spacing: -0.66px;
	line-height: 53px!important;
	font-weight: 700;
	display: flex;
	align-items: center;
}
.technology-banner .banner-wrap h1::before{
	content:"";
	display: inline-block;
	width: 60px;
	height: 55px;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center bottom;
	filter: invert(100%) sepia(5%) saturate(7453%) hue-rotate(180deg) brightness(193%) contrast(103%);
	margin-right: 20px;	
}
.technology-banner.indoor-ap .banner-wrap h1::before{
	background-image: url("https://static.engeniuscdn.com/wp-content/uploads/2022/09/15035257/Indoor-Wireless.svg");
}
.technology-banner.outdoor-ap .banner-wrap h1::before{
	background-image: url("https://static.engeniuscdn.com/wp-content/uploads/2022/09/15035302/Outdoor-Wireless.svg");
}
.technology-banner.switch .banner-wrap h1::before{
	background-image: url("https://static.engeniuscdn.com/wp-content/uploads/2022/09/15035307/Switching.svg");
}
.technology-banner.network .banner-wrap h1::before{
	background-image: url("https://static.engeniuscdn.com/wp-content/uploads/2022/09/15035300/Network-Management.svg");
}
.technology-banner.accessories .banner-wrap h1::before{
	background-image: url("https://static.engeniuscdn.com/wp-content/uploads/2022/09/15035250/Accessories.svg");
}
.technology-banner .banner-wrap p{
	width: 75%;
	font-size: 22px;
	letter-spacing: 0.33px;
	line-height: 36px;
}
@media (max-width: 1024px) {
	.technology-banner .banner-wrap h1{
		font-size: 34px!important;
		letter-spacing: 0.51px!important;
		margin-bottom: 22px;
	}
	.technology-banner .banner-wrap h1::before{
		width: 50px;
		height: 45px;
		margin-right: 15px;
	}
	.technology-banner .banner-wrap p{
		font-size: 18px;
		line-height: 24px;
		letter-spacing: 0.27px;
	}
}
@media (max-width: 767px) {
	.technology-banner .banner-wrap h1{
		font-size: 30px!important;
		line-height: 37px!important;
		letter-spacing: 0.45px;
	}
	.technology-banner .banner-wrap h1::before{
		width: 40px;
		height: 35px;
		margin-right: 10px;
	}
	.technology-banner .banner-wrap p{
		/* font-size: 14px;
		line-height: 18px; */
		font-size: 16px;
		line-height: 22px;
	}
}
/*-------------------------------------------------------------------------------------
technology banner end
-------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------
technology tab start
-------------------------------------------------------------------------------------*/
.technology-tab{
	padding-top: 45px;
}
.technology-tab>h3{/*for legacy product page title*/
	font-size: 30px!important;
    line-height: 130%!important;
    letter-spacing: 0.45px;
    font-weight: 300;
    color: #585858;
    margin: 0 auto 30px;
    text-align: center;
}
.technology-tab ul.tab-wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-left: 0;/*remove default ul setting*/
	padding-bottom: 10px;
    border-bottom: 1px solid #BDBDBD;
}
.technology-tab ul.tab-wrap li{
	/* width: 11%; */
	padding: 5px 25px;
	margin-bottom: 12px;/*for cases becomes two line tab*/
	list-style: none;
	border-left: 1px solid #BDBDBD;
	text-align: center;
}
.technology-tab ul.tab-wrap li:last-child{
	border-right: 1px solid #BDBDBD;
}
.technology-tab ul.tab-wrap li a{
	font-size: 20px;
	line-height: 28px;
	color: #9F9F9F;
	font-weight: 400;
}
.technology-tab ul.tab-wrap li a:hover{
	color: #666666;
}
.technology-tab ul.tab-wrap li.current a{
	color: #03A9F4;
}
.technology-tab .tab-inner {
	padding-top: 10px;
}
.technology-tab .tab-inner h3{
	font-size: 30px!important;
	line-height: 130%!important;
	letter-spacing: 0.45px;
	font-weight: 700;
	color: #333333;
	margin: 60px auto;
	text-align: center;
}
@media (max-width: 1280px) {
	.technology-tab ul.tab-wrap li{
		padding: 5px 20px; 
	}
	.technology-tab ul.tab-wrap li a{
		font-size: 18px;/*desktop 20*/
		line-height: 25px;/*desktop 28*/
	}
	.technology-tab .tab-inner h3{
		font-size: 27px!important;
		margin: 50px auto;
	}
}
@media (max-width: 1024px) {
	.technology-tab ul.tab-wrap li{
		/* width: 17%; */
		padding: 5px 18px;
	}
	.technology-tab ul.tab-wrap li:nth-child(5n){/*5n is base on li width*/
		border-right: 1px solid #BDBDBD;
	}
	.technology-tab ul.tab-wrap li a{
		font-size: 17px;
		line-height: 24px;
	}
	.technology-tab .tab-inner h3{
		font-size: 25.5px!important;
		margin: 45px auto;
	}
}
@media (max-width: 767px) {
	.technology-tab ul.tab-wrap li{
		/* width: 19%; */
		padding: 5px 15px;
	}
	.technology-tab ul.tab-wrap li a{
		font-size: 15px;
		line-height: 21px;
	}
	.technology-tab .tab-inner h3{
		font-size: 22.5px!important;
		margin: 35px auto;
	}
}
@media (max-width: 500px) {
	.technology-tab ul.tab-wrap li{
		/* width: 30%; */
	}
	/* .technology-tab ul.tab-wrap li:nth-child(5n){
		border-right: none;
	}
	.technology-tab ul.tab-wrap li:nth-child(3n){
		border-right: 1px solid #BDBDBD;
	} */
}
/*-------------------------------------------------------------------------------------
technology tab end
-------------------------------------------------------------------------------------*/