/* overview */
h1, #overview h1 {font-size:32px;} 
h2, #overview h2 {font-size:30px;}
h3, #overview h3 {font-size:28px;}
h4, #overview h4 {font-size:26px;}
h5, #overview h5 {font-size:24px;}
h6, #overview h6 {font-size:20px;}
p, #overview p {font-size:18px;}
.container.maxwid,.frame.maxwid {max-width: 1320px !important;}
.bold{font-weight: bold;}
.btn.btn-lg{padding: 0 20px;}
.btn-lg, .btn-group-lg > .btn{font-size: 14px;border-radius: 8px;}
span.section-note{margin-top: 10px;font-size: 15px;font-weight: 300;}

#overview{
	max-width: 1920px;
    margin: 0px auto;
}
/* video banner */
	.header-video .banner {
	    position: relative;
	    height: 765px;	
	    background-size: cover;	
		overflow: hidden;
	}

	.header-video #scenarios-video {
	    position: absolute;
	    object-fit: cover;
	    transform: translateY(1px);
	    width: 100%;
	    min-width: 100%;
	    height: calc(100% + 1px);	
	    left: 0;
	    right: 0;
	    bottom: 0;
	}

	.header-video video {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}
	.header-video .banner .banner-text{
		position: absolute;
		left: 15%;
		top: 44%;
		width: 40%;
		color: #ffffff;
	}
	.header-video .banner .banner-text span{
		border-left: 3px solid #e83f00;
		font-weight: 500;
		padding-left: 6px;
		margin-left: 4px;
	}
	.header-video .banner .banner-text a.btn{
		background-color: #e83f00;
		color: #ffffff;
		margin-top: 30px;
	}

	@media screen and (max-width:1601px){
		.header-video .banner {
				 height:550px;
			}
		.header-video .banner .banner-text {
			left: 7%;
			top: 40%;
		}	
	}
	@media screen and (max-width:1300px){
		.header-video .banner .banner-text {
			left: 5%;
			top: 25%;
		}	
	}

	@media (max-width:1025px){
		.header-video .banner {
			 height:450px;
			}
		.header-video .banner .banner-text{
			position: absolute;
			left: 4%;
			top: 38%;
		}
	}
	@media (max-width:991px){
		.header-video .banner .banner-text{
			position: absolute;
			left: 4%;
			top: 32%;
		}
	}
	@media screen and (max-width:767px){
		.header-video .banner .banner-text{
			position: absolute;
			left: 4%;
			top: 15%;
			width: 100%;
		}
	}
		
	@media (max-width: 450px){
		.header-video .banner {
				 height:350px;
			}
		.header-video .banner .banner-text{
			position: absolute;
			left: 11%;
			top: 15%;
			width: 80%;
		}
	}

/* highlights */
	.highlights-section {
		background-color:#000;
	}
	.highlights-section .section-features{
		padding: 50px 0;
	}

	.higtlights .box p {
		color:#fff;
	}
	.higtlights .box>:first-child p{
		word-break: break-word;
	}

	.higtlights .box {
		display: flex;
		flex-wrap: wrap;
		width: 90%;
		justify-content: center;
		margin: 0 auto;
		text-align: center;
	}

	.higtlights .box .area {
		width: calc(100% / 5);
		padding: 0 1%;
	}

	.higtlights .box .area img {
		width: 36%!important;
		margin: 0 auto;
		text-align: center;
	}

	.higtlights .box .area p {
		padding: 0 15px;
	}

	.higtlights .box .area p span {
		font-weight: bold;
	}

	@media screen and (max-width: 991px) {
		.higtlights .box {
			width: 90%;
		}	
		.higtlights .box .area {
			width: calc(100% / 2);
		}
		.higtlights .box .area p{
			margin-bottom: 10px;
		}
	}

/* section p-two-col */
	.p-two-col .frame {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 85%;
		gap: 10%;
		margin: 0 auto;
		padding: 3% 0;
	}
	.p-two-col.img-r .frame{
		flex-direction: row-reverse;
	}
	.p-two-col.img-l .frame{
		flex-direction: row;
	}
		
	.p-two-col .content {
	    width: 50%;
	}
		
	.p-two-col .image {
	    width: 50%;	
	}

	.p-two-col .image img {
		padding: 5%;
	}

	.p-two-col .content h3 {
		font-weight: bold;
		padding-bottom: 30px;
	}


	@media screen and (max-width: 991px) {
		.p-two-col.img-r .frame,
		.p-two-col.img-l .frame {
			flex-direction: column;
			width: 90%;
			padding: 50px 0;
		}
		.p-two-col .content {
			width: 100%;
			padding: 0;
		}
		.p-two-col .image {
			width: 100%;
			margin-bottom: 50px;
		}
		.p-two-col .image img {
			padding: 0;	
		}	
	}
/* stacked banner section */
	.stacked-banner-section{
		color: #ffffff;
		padding-top: 70px;
		background-color: #000000;
	}
	.stacked-banner-section .text{
		width: 80%;
		text-align: center;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 30px;
	}
	.stacked-banner-section .text h2{
		width: 100%;
	}
	.stacked-banner-section .text p{
		width: 65%;
	}
	.stacked-banner-section .content .image img{
		width: 100%;
		height: auto;
	}
	@media screen and (max-width: 1200px) {
		.stacked-banner-section .text h2{
			width: 90%;
		}
		.stacked-banner-section .text p{
			width: 85%;
		}
	}
	@media screen and (max-width: 991px) {
		.stacked-banner-section{
			padding: 50px 0 0 0;
		}
		.stacked-banner-section .text{
			width: 90%;
		}
		.stacked-banner-section .text h2{
			width: 100%;
		}
		.stacked-banner-section .text p{
			width: 100%;
		}
		.stacked-banner-section .content .image{
			margin: 30px auto 0 auto;
		}
	}
/* feature nebula-app */
	.nebula-app .frame {
		display: flex;
		flex-direction: row-reverse;
		justify-content: center;
		align-items: center;
		width: 85%;
		gap: 10%;
		margin: 0 auto;
	}
		
	.nebula-app .content {
	    width: 50%;
	}
		
	.nebula-app .image {
	    width: 50%;	
	}

	.nebula-app .content h2 {
		padding-bottom: 30px;
	}

	.nebula-app .app_icon {
	    width: 70%;
	    margin-left: -2.5%;
	}

	.nebula-app .app_icon img {
	    cursor: pointer;
	}

	@media screen and (max-width: 1400px) {
		.nebula-app {
			padding-top: 60px;
		}
	}

	@media screen and (max-width: 991px) {
		.nebula-app .frame {
			flex-direction: column;
			width: 90%;
		}
		.nebula-app .content {
			width: 100%;
			padding: 0;
		}
		.nebula-app .image {
			width: 100%;
			margin-top: 10px;
		}
	}

	@media screen and (max-width: 501px) {
		.nebula-app .app_icon {
			width: 100%;
		}
	}
/* feature full-bg-section */
	.full-bg-section.powerful{
	    background: #f6f6f6 url('/sites/zyxel/files/library/assets/products/nwa210axv2/NWA210AXv2_GFX6_3024x1410.jpg') no-repeat right center;
	    height: 700px;
	    color: #ffffff;
	    background-size: contain;
	    position: relative;
	    color: #000000;
	}
	.full-bg-section.powerful .content {
		position: absolute;
	    left: 7.5%;
	    width: 40%;
	    height: 100%;
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	}

	.full-bg-section .content h2 {
		padding-bottom: 30px;
	    font-weight: bold;
	}
	.full-bg-section.powerful .content a.btn{
		background-color: #e83f00;
		color: #ffffff;
	}

	@media screen and (max-width: 991px) {
	  .full-bg-section.powerful {
	    background: none;
	    height: auto;
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    padding: 50px 0;
	    background-color: #f6f6f6 !important;
	  }

	  .full-bg-section.powerful::before {
		content: "";
		display: block;
		width: 100%;
		aspect-ratio: 1/0.85;
		background: #f6f6f6 url('/sites/zyxel/files/library/assets/products/nwa210axv2/NWA210AXv2_GFX6_3024x1410.jpg') no-repeat right;
		background-size: 200% auto;
		}

	  .full-bg-section.powerful .content {
	    position: static;
	    width: 100%;
	    padding: 0 5%;
	  }
	}

/* tab panes */
	.application-diagram-section .nav-tabs{
		border-bottom:none;
		margin:0 auto;
		display:block;
		/* width:80%; */
		text-align: center;
		padding: 0 1.5em;
	}

	.application-diagram-section .nav>li>a {
		font-size:18px;
	    position: relative;
	    display: block;
	    padding: 5px 2px;
	    margin: 0 15px;
	    border-bottom: 2px solid transparent;
	}

	.application-diagram-section .nav-tabs li{
	    float: none;
	    display: inline-block;
	    margin: 0 15px;
	}

	.application-diagram-section .nav-tabs>li>a:hover{
		color: #e83f00;
	}
	.application-diagram-section .nav-tabs>li.active>a, 
	.application-diagram-section .nav-tabs>li.active>a:focus, 
	.application-diagram-section .nav-tabs>li.active>a:hover{
	    color: #e83f00;
	    border-bottom: 2px solid #e83f00;
	    text-decoration: none;
	}
	.application-diagram-section .tab-content{
		padding-top: 60px;
	}

	@media only screen and (max-width: 1025px){
	.application-diagram-section .nav-tabs{
		width:100%;
		text-align:center;
	}
	}

	@media only screen and (max-width: 991px){
		.section-features{
			padding: 50px 0 !important;
		}
		.application-diagram-section .nav-tabs li {
		    margin-bottom: 10px;
		}
		.application-diagram-section .tab-content{
			padding-top: 30px;
		}
	}
	@media only screen and (max-width: 450px){
		.application-diagram-section .nav-tabs li {
		    margin-bottom: 0px;
		}
	}
/* in-depth */
	.in-depth {
		position:relative;
		width: 80%;
		left: 10%;
	}
	/* .in-depth .in-depth-note{
		position: absolute;
		left: 50%;
		top: 10%;
		transform: translateX(-50%);
		font-size: 18px;
		color: #e83f00;
		font-weight: bold;
	} */

	#GS1915-8PDv2 .in-depth .image.desktop {
		background:url('/sites/zyxel/files/library/assets/products/gs1915v2-series/01_GS1915-8PDv2.png') no-repeat;
		background-size: 100% auto;
		position:relative;
		aspect-ratio: 1920 / 620;
	}
	#GS1915D-10HPv2 .in-depth .image.desktop {
		background:url('/sites/zyxel/files/library/assets/products/gs1915v2-series/02_GS1915D-10HPv2.png') no-repeat;
		background-size:100% auto;
		position:relative;
		aspect-ratio: 1920 / 620;	 
	}
	#GS1915-10_10HPv2 .in-depth .image.desktop {
		background:url('/sites/zyxel/files/library/assets/products/gs1915v2-series/03_GS1915-10v2_GS1915-10HPv2.png') no-repeat;
		background-size:100% auto;
		position:relative;
		aspect-ratio: 1920 / 620;
	}
	#GS1915-18_18EPv2 .in-depth .image.desktop {
		background:url('/sites/zyxel/files/library/assets/products/gs1915v2-series/04_GS1915-18v2_GS1915-18EPv2.png') no-repeat center;
		background-size: 140% auto;
		position:relative;
		aspect-ratio: 1920 / 620;
	}
	#GS1915-26_26EP_26HPv2 .in-depth .image.desktop {
		background: url('/sites/zyxel/files/library/assets/products/gs1915v2-series/05_GS1915-26v2_GS1915-26EPv2_GS1915-26HPv2.png') no-repeat center;
		background-size: 140% auto;
		position:relative;
		aspect-ratio: 1920 / 620;
	}

	#GS1915-8PDv2 .in-depth .description .tip01  {
		position:absolute;
		top: 49%;
		left: 33.5%;
	}

	#GS1915-8PDv2 .in-depth .description .tip02  {
		position:absolute;
		top: 49%;
		left: 52%;
	}

	#GS1915D-10HPv2 .in-depth .description .tip01{
		position:absolute;
		top: 55%;
		left: 51.5%;
	}
	#GS1915D-10HPv2 .in-depth .description .tip02{
		position:absolute;
		top: 80%;
		left: 51.5%;
	}

	#GS1915-10_10HPv2 .in-depth .description .tip01{
		position:absolute;
		top: 37%;
		left: 42%;
	}
	#GS1915-10_10HPv2 .in-depth .description .tip02{
		position:absolute;
		top: 37%;
		left: 66%;
	}
	#GS1915-10_10HPv2 .in-depth .description .tip03{
		position:absolute;
		top: 61%;
		left: 50%;
	}
	#GS1915-10_10HPv2 .in-depth .description .tip04{
		position:absolute;
		top: 61%;
		left: 74%;
	}
	#GS1915-18_18EPv2 .in-depth .description .tip01{
			position:absolute;
			top: 37%;
			left: 56%;
		}
	#GS1915-18_18EPv2 .in-depth .description .tip02{
		position:absolute;
		top: 43%;
		left: 77%;
	}
	#GS1915-18_18EPv2 .in-depth .description .tip03{
			position:absolute;
			top: 69%;
			left: 53%;
		}
	#GS1915-18_18EPv2 .in-depth .description .tip04{
		position:absolute;
		top: 69%;
		left: 69%;
	}
	#GS1915-18_18EPv2 .in-depth .description .tip05{
		position:absolute;
		top: 75%;
		left: 81.5%;
	}
	#GS1915-26_26EP_26HPv2 .in-depth .description .tip01{
		position:absolute;
		top: 21%;
		left: 52%;
	}
	#GS1915-26_26EP_26HPv2 .in-depth .description .tip02{
		position:absolute;
		top: 26%;
		left: 76.5%;
	}
	#GS1915-26_26EP_26HPv2 .in-depth .description .tip03{
		position:absolute;
		top: 52%;
		left: 48.5%;
	}
	#GS1915-26_26EP_26HPv2 .in-depth .description .tip04{
		position:absolute;
		top: 52%;
		left: 69%;
	}
	#GS1915-26_26EP_26HPv2 .in-depth .description .tip05{
		position:absolute;
		top: 58%;
		left: 83.5%;
	}
	#GS1915-26_26EP_26HPv2 .in-depth .description .tip06{
		position:absolute;
		top: 85%;
		left: 58.5%;
	}
	#GS1915-26_26EP_26HPv2 .in-depth .description .tip07{
		position:absolute;
		top: 90%;
		left: 83.5%;
	}

	.in-depth .description .circleBG {
	    height:30px;
	    width:30px;
	    position:absolute;
	    top:50%;
	    left:50%;
	    text-align:center;
	    margin:-30px 0 0 -30px;
	    border-radius:100px;
	    z-index:1
	}

	.in-depth .description .circleBG i {
	    font-size:28px;
	    padding:1px;
	    color: #e83f00;
	}

	.in-depth .description .circleBG .flash {
	    position:absolute;
		width:100px;
	    height:100px;
	    z-index:-1;
	    left:50%;
	    top:50%;
	    opacity:0;
	    margin:-50px 0 0 -50px;
	    border-radius:100px;
	    -webkit-animation:flash 1.8s infinite;
	    animation:flash 1.8s infinite
	}

	@-webkit-keyframes flash {
	    0%{
	        opacity:1;
	        -webkit-transform:scale(0);
	        transform:scale(0)
	    }
	    100%{
	        opacity:0;
	        -webkit-transform:scale(1);
	        transform:scale(1)
	    }
	}

	@keyframes flash {
	    0%{
	        opacity:1;
	        -webkit-transform:scale(0);
	        transform:scale(0)
	    }
	    100%{
	        opacity:0;
	        -webkit-transform:scale(1);
	        transform:scale(1)
	    }
	}

	.fade.in {
	    opacity:0.9;
	}

	.in-depth .description .white {
	    background-color:rgba(255,255,255,.6);
	}

	.in-depth .description .green {
	    background-color: rgb(232 63 0 / 60%);
	}

	.in-depth .description .look-tooltip .tooltiptext {
	  visibility: hidden;
	  width: auto;
	  white-space: nowrap;
	  background-color: #e83f00;
	  color: #fff;
	  text-align: center;
	  border-radius: 6px;
	  padding: 10px 20px 8px;
	  position: absolute;
	  z-index: 2;
	  transform: translateX(-55%);
	}

	.in-depth .description .look-tooltip:hover .tooltiptext {
	  visibility: visible;
	}
	.in-depth .description .look-tooltip .tooltiptext span.bold{
		font-size: 24px;
	}
	@media screen and (max-width: 1025px) {
		.in-depth {
			width: 100%;
			left: 0;
		}		
	}

	@media screen and (max-width: 991px) {
		.in-depth {
			width: 110%;
			left: -5%;
		}
		.in-depth .description .look-tooltip .tooltiptext {
			position: absolute;
			bottom: auto;
			top: 100%;
			left: 50%;
			transform: translateX(-50%);
			margin-top: 10px;
			padding: 8px 12px;
			font-size: 14px;
		}

		.in-depth .description .look-tooltip {
			--pos-x: calc(var(--left, 0%) * 1%);
		}
		#GS1915-8PDv2 .in-depth .description .tip01  {
			position:absolute;
			top: 50%;
			left: 34%;
		}

		#GS1915-8PDv2 .in-depth .description .tip02  {
			position:absolute;
			top: 50%;
			left: 52.5%;
		}
		#GS1915D-10HPv2 .in-depth .description .tip01{
			position:absolute;
			top: 55%;
			left: 52%;
		}
		#GS1915D-10HPv2 .in-depth .description .tip02{
			position:absolute;
			top: 81%;
			left: 52%;
		}

		#GS1915-10_10HPv2 .in-depth .description .tip01{
			position:absolute;
			top: 38%;
			left: 42%;
		}
		#GS1915-10_10HPv2 .in-depth .description .tip02{
			position:absolute;
			top: 40%;
			left: 66.5%;
		}
		#GS1915-10_10HPv2 .in-depth .description .tip03{
			position:absolute;
			top: 62%;
			left: 50%;
		}
		#GS1915-10_10HPv2 .in-depth .description .tip04{
			position:absolute;
			top: 65%;
			left: 74.5%;
		}
		#GS1915-18_18EPv2 .in-depth .description .tip01{
			position:absolute;
			top: 38%;
			left: 57%;
		}
		#GS1915-18_18EPv2 .in-depth .description .tip02{
			position:absolute;
			top: 45%;
			left: 78%;
		}
		#GS1915-18_18EPv2 .in-depth .description .tip03{
			position:absolute;
			top: 71%;
			left: 53%;
		}
		#GS1915-18_18EPv2 .in-depth .description .tip04{
			position:absolute;
			top: 71%;
			left: 69.5%;
		}
		#GS1915-18_18EPv2 .in-depth .description .tip05{
			position:absolute;
			top: 78%;
			left: 82%;
		}
		#GS1915-26_26EP_26HPv2 .in-depth .description .tip01{
			position:absolute;
			top: 22%;
			left: 42%;
		}
		#GS1915-26_26EP_26HPv2 .in-depth .description .tip02{
			position:absolute;
			top: 22%;
			left: 63%;
		}
		#GS1915-26_26EP_26HPv2 .in-depth .description .tip03{
			position:absolute;
			top: 54%;
			left: 49%;
		}
		#GS1915-26_26EP_26HPv2 .in-depth .description .tip04{
			position:absolute;
			top: 54%;
			left: 69.5%;
		}
		#GS1915-26_26EP_26HPv2 .in-depth .description .tip05{
			position:absolute;
			top: 60%;
			left: 84%;
		}
		#GS1915-26_26EP_26HPv2 .in-depth .description .tip06{
			position:absolute;
			top: 86%;
			left: 49%;
		}
		#GS1915-26_26EP_26HPv2 .in-depth .description .tip07{
			position:absolute;
			top: 86%;
			left: 69.5%;
		}
	}
	/* @media screen and (max-width: 640px) {
			.in-depth .in-depth-note {
		        top: -8%;
		    }
	} */

/* related links */
	.related-links {
		background-color: #fff;
	}

	.related-links h3 {
		font-weight:bold;
		text-align: center;
	}

	.links-section {
		display: flex;
	    flex-direction: row;
	    justify-content: center;
	    width: 100%;
	}

	.links-area ul {
		list-style: none;
	    display: flex;
	    justify-content: space-around;
	}

	.links-area ul li {
		width:30%;
	}

	.links-area .zoom a {
	  display: block;
	  overflow: hidden;
	}

	.links-area .zoom img {
	  display: block;
	  transition: transform 0.3s ease;
	}

	.links-area .zoom:hover img {
	  transform: scale(1.1);
	}

	.links-area h5 a div {
	    color: #010101;
		/* margin-top: 30px; */
		font-size: 20px;
	}

	.links-area h5 a div:hover {
	    color: #e83f00;
	}

	@media screen and (max-width: 769px) {
		.links-area ul {
		    flex-direction: column;
			padding: 20px 20px 0;
		}
		.links-area ul li {
		    width: 100%;
		    margin-bottom: 30px;
		}
		.links-area .link-text{
			margin-top: -5%;
			z-index: 2;
		}
	}


/* specification */
	.spec-note ol {
		list-style: none;
	}
	.gs1915v2-series-section-spec .nav-tabs{
		border-bottom:none;
		padding-bottom:50px;
		padding-top:20px;
		margin:0 auto;
		display:block;
		width:100%;
		text-align: center;
	}

	.gs1915v2-series-section-spec .nav>li>a {
	    position: relative;
	    display: block;
	    padding: 5px 15px;
	}

	.gs1915v2-series-section-spec .nav-tabs li{
	    float: none;
	    display: inline-block;
	    border-radius: 5px;
	margin-bottom: 10px;
	}

	.gs1915v2-series-section-spec .nav-tabs>li>a{
		color:#000;
		font-size:18px!important;
	}

	.gs1915v2-series-section-spec .nav-tabs>li>a:hover{
		color:#e83f00;
		background-color: transparent;
	    text-decoration: none;
	    border-color: transparent;
	}

	.gs1915v2-series-section-spec .nav-tabs>li.active>a, 
	.gs1915v2-series-section-spec .nav-tabs>li.active>a:focus, 
	.gs1915v2-series-section-spec .nav-tabs>li.active>a:hover{
	    color: #e83f00;
	    border-bottom: 2px solid #e83f00;
	    border-top: transparent;
	    border-right: transparent;
	    border-left: transparent;
		font-weight:bold;
	}

	.gs1915v2-series-section-spec .tab-content ul li{
		font-size: 18px;
	}

	@media only screen and (max-width: 1025px){
	.gs1915v2-series-section-spec .nav-tabs{
		width:100%;
		text-align:center;
	}
	}

	@media only screen and (max-width: 991px){
	.gs1915v2-series-section-spec .nav-tabs li {
	    margin-bottom: 10px;
	}
	}


/* features */
	#features .main-basic-content ul{
		margin-left: 20px;
	}
	.features-note {
		padding-top:20px;
	}

	.features-note ul{
		list-style:none;
	}

	.features-note li {
		text-indent: -25px;
	    padding-left: 15px;
	}

	.features-note li:nth-child(1):before {
	    content: "*";
	    margin-right: 0.5em;
	    position: relative;
		padding-right: 11px;
	}

	.features-note li:nth-child(2):before {
	    content: "**";
	    margin-right: 0.4em;
	    position: relative;  
		padding-right: 5px;
	}

	.features-note li:nth-child(3):before {
	    content: "***";
	    margin-right: 0.3em;
	    position: relative;
	}