@media (min-width:1441px){
	:root{
		--bigfont:82px;
		--bigfontlineheight:100px;
		--h4:36px;
		--h4lineheight:46px;
		--primaryfont:24px;
	}
}
:root{
	--bigfont:55px;
	--bigfontlineheight:75px;
	--h4:24px;
	--h4lineheight:32px;
	--primaryfont:16px;
}
/*+++++++++++++++++++++++++++++++++++Product Detail css++++++++++++++++++++++++++++++++++++++++*/
.pd-application-wrapper .pd-application-right ul{
			padding: 0px;
    		margin-top: 20px;
		}
	body.innerpage.accesspoints.products\/xpon.classbody .blogsection{
		display: none !important;
	}
	/*Home Mesh Router*/
	header .dropmenu .dropmenuin .dropsub:first-child ul li:nth-child(2){
		display: block !important;
	}
	.home-mesh-custom video{
		width: 100%;
    	height: 600px;
	}
	.home-mesh-custom .cnmsbanner-section{
		position: relative;
	}
	.home-mesh-custom .cnmstextbox{
		z-index: 1;
	}
	.home-mesh-custom .cnmstextbox h1 span{
		display: block;
	    font-size: 16px;
	    font-weight: 500;
	}
	.home-mesh-custom .yournetwork-section{
		height: 600px;
	    display: flex;
	    align-items: center;
	    background-size: cover !important;
		background-repeat: no-repeat !important;
	}

	.home-mesh-custom .feature-1{
		background: url(../images/product/hmr-01.jpg);
	}

	.home-mesh-custom .feature-2{
		background: url(../images/product/hmr-02.jpg);
	}

	.home-mesh-custom .feature-3{
		background: url(../images/product/hmr-03.jpg);
	}

	.home-mesh-custom .whycnms-section ul{
		display: flex;
	    flex-wrap: wrap;
	    justify-content: space-between;
	    list-style: none;
	}

	.home-mesh-custom .whycnms-section ul li{
		background: #FAFAFA;
	    border-radius: 20px;
	    padding: 2rem 1rem;
	    width: 48%;
	    margin: 2rem 0;
	}

	.home-mesh-custom .whycnms-section ul img{
		mix-blend-mode: darken;
	}

	.home-mesh-custom .whycnms-section ul h5{
		font-size: 22px;
	    font-weight: 600;
	    color: #350964;
	    line-height: 26px;
	    margin: 20px 0px 20px 0px;
	}
	.home-mesh-custom .whycnms-section ul p{
		font-size: 18px;
	    color: #333333;
	    line-height: 28px;
	}
	.home-mesh-custom .mr-tb{
		margin: 40px;
		border: 0px;
	}


	/*pdmainsection*/
	.vid-lft-data{
		margin: auto;
	}
	body.innerpage.ion12bi .bottompage,
	body.innerpage.ion12b .bottompage,
	body.innerpage.ion12be .bottompage,
	body.innerpage.ion8bi .bottompage,
	body.innerpage.ion8b .bottompage,
	body.innerpage.ion8be .bottompage,
	body.innerpage.ion4xi_HMR .bottompage,
	body.innerpage.ion4xle .bottompage,
	body.innerpage.ion4xl2\/ion4xl3\/ion4xl4 .bottompage,
	body.innerpage.ion4xl1_BTS .bottompage,
	body.innerpage.ion4xi_WP .bottompage, 
	body.innerpage.ion4xmle .bottompage, 
	body.innerpage.ion4xml2\/ion4xml3\/ion4xml4 .bottompage, 
	body.innerpage.ion8xle .bottompage, 
	body.innerpage.ion8xl2\/ion8xl3\/ion8xl4 .bottompage{
		display: inline-block !important;
	}
	body.innerpage.ion12bi .custm-vid,
	body.innerpage.ion12b .custm-vid,
	body.innerpage.ion12be .custm-vid,
	body.innerpage.ion8bi .custm-vid,
	body.innerpage.ion8b .custm-vid,
	body.innerpage.ion8be .custm-vid,
	body.innerpage.ion4xi_HMR .custm-vid,
	body.innerpage.ion4xle .custm-vid,
	body.innerpage.ion4xl2\/ion4xl3\/ion4xl4 .custm-vid,
	body.innerpage.ion4xl1_BTS .custm-vid,
	body.innerpage.ion4xi_WP .custm-vid, 
	body.innerpage.ion4xmle .custm-vid, 
	body.innerpage.ion4xml2\/ion4xml3\/ion4xml4 .custm-vid, 
	body.innerpage.ion8xle .custm-vid, 
	body.innerpage.ion8xl2\/ion8xl3\/ion8xl4 .custm-vid{
		display: inline-block;
    	width: 100%;
    	padding-bottom: 0;
    	z-index: 11;
    	position: relative;
	}
	body.innerpage.ion12bi .custm-vid .vid-lft,
	body.innerpage.ion12b .custm-vid .vid-lft,
	body.innerpage.ion12be .custm-vid .vid-lft,
	body.innerpage.ion8bi .custm-vid .vid-lft,
	body.innerpage.ion8b .custm-vid .vid-lft,
	body.innerpage.ion8be .custm-vid .vid-lft,
	body.innerpage.ion4xi_HMR .custm-vid .vid-lft,
	body.innerpage.ion4xle .custm-vid .vid-lft,
	body.innerpage.ion4xl2\/ion4xl3\/ion4xl4 .custm-vid .vid-lft,
	body.innerpage.ion4xl1_BTS .custm-vid .vid-lft,
	body.innerpage.ion4xi_WP .custm-vid .vid-lft, 
	body.innerpage.ion4xmle .custm-vid .vid-lft, 
	body.innerpage.ion4xml2\/ion4xml3\/ion4xml4 .custm-vid .vid-lft, 
	body.innerpage.ion8xle .custm-vid .vid-lft, 
	body.innerpage.ion8xl2\/ion8xl3\/ion8xl4 .custm-vid .vid-lft{
		width: 35%;
	    float: left;
	    height: 73vh;
	    min-height: 630px;
	    display: flex;
	    vertical-align: middle;
	    align-items: center;
	    background: url(../images/blogsthumb/leftbig.png) center left no-repeat #d2d3d5;
	    background-size: contain;
	    flex-direction: column;
    	padding: 0px 30px;
    	text-align: center;
	}
	body.innerpage.ion12bi .custm-vid .vid-lft h4,
	body.innerpage.ion12b .custm-vid .vid-lft h4,
	body.innerpage.ion12be .custm-vid .vid-lft h4,
	body.innerpage.ion8bi .custm-vid .vid-lft h4,
	body.innerpage.ion8b .custm-vid .vid-lft h4,
	body.innerpage.ion8be .custm-vid .vid-lft h4,
	body.innerpage.ion4xi_HMR .custm-vid .vid-lft h4,
	body.innerpage.ion4xle .custm-vid .vid-lft h4,
	body.innerpage.ion4xl2\/ion4xl3\/ion4xl4 .custm-vid .vid-lft h4,
	body.innerpage.ion4xl1_BTS .custm-vid .vid-lft h4,
	body.innerpage.ion4xi_WP .custm-vid .vid-lft h4, 
	body.innerpage.ion4xmle .custm-vid .vid-lft h4, 
	body.innerpage.ion4xml2\/ion4xml3\/ion4xml4 .custm-vid .vid-lft h4, 
	body.innerpage.ion8xle .custm-vid .vid-lft h4, 
	body.innerpage.ion8xl2\/ion8xl3\/ion8xl4 .custm-vid .vid-lft h4{
		font-size: var(--newsheading);
	    line-height: normal !important;
	    font-weight: 600;
	    margin: 0;
	    color: #141414;
	    text-align: center;
	    padding: 15px 0px 0px 0px;
	}
	body.innerpage.ion12bi .custm-vid .vid-lft p,
	body.innerpage.ion12b .custm-vid .vid-lft p,
	body.innerpage.ion12be .custm-vid .vid-lft p,
	body.innerpage.ion8bi .custm-vid .vid-lft p,
	body.innerpage.ion8b .custm-vid .vid-lft p,
	body.innerpage.ion8be .custm-vid .vid-lft p,
	body.innerpage.ion4xi_HMR .custm-vid .vid-lft p,
	body.innerpage.ion4xle .custm-vid .vid-lft p,
	body.innerpage.ion4xl2\/ion4xl3\/ion4xl4 .custm-vid .vid-lft p,
	body.innerpage.ion4xl1_BTS .custm-vid .vid-lft p,
	body.innerpage.ion4xi_WP .custm-vid .vid-lft p, 
	body.innerpage.ion4xmle .custm-vid .vid-lft p, 
	body.innerpage.ion4xml2\/ion4xml3\/ion4xml4 .custm-vid .vid-lft p, 
	body.innerpage.ion8xle .custm-vid .vid-lft p, 
	body.innerpage.ion8xl2\/ion8xl3\/ion8xl4 .custm-vid .vid-lft p{
		font-size: var(--subheading);
    	line-height: 1.5;
    	margin-top: 0;
    	color: #141414;
    	font-weight: 500;
    	line-height: normal !important;
	}
	body.innerpage.ion12bi .custm-vid .vid-rit,
	body.innerpage.ion12b .custm-vid .vid-rit,
	body.innerpage.ion12be .custm-vid .vid-rit,
	body.innerpage.ion8bi .custm-vid .vid-rit,
	body.innerpage.ion8b .custm-vid .vid-rit,
	body.innerpage.ion8be .custm-vid .vid-rit,
	body.innerpage.ion4xi_HMR .custm-vid .vid-rit,
	body.innerpage.ion4xle .custm-vid .vid-rit,
	body.innerpage.ion4xl2\/ion4xl3\/ion4xl4 .custm-vid .vid-rit,
	body.innerpage.ion4xl1_BTS .custm-vid .vid-rit,
	body.innerpage.ion4xi_WP .custm-vid .vid-rit, 
	body.innerpage.ion4xmle .custm-vid .vid-rit, 
	body.innerpage.ion4xml2\/ion4xml3\/ion4xml4 .custm-vid .vid-rit, 
	body.innerpage.ion8xle .custm-vid .vid-rit, 
	body.innerpage.ion8xl2\/ion8xl3\/ion8xl4 .custm-vid .vid-rit{
		width: 65%;
	    float: right;
	    vertical-align: top;
	}
	body.innerpage.ion12bi .pd-main-section,
	body.innerpage.ion12b .pd-main-section,
	body.innerpage.ion12be .pd-main-section,
	body.innerpage.ion8bi .pd-main-section,
	body.innerpage.ion8b .pd-main-section,
	body.innerpage.ion8be .pd-main-section,
	body.innerpage.ion4xi_HMR .pd-main-section,
	body.innerpage.ion4xle .pd-main-section,
	body.innerpage.ion4xl2\/ion4xl3\/ion4xl4 .pd-main-section,
	body.innerpage.ion4xl1_BTS .pd-main-section,
	body.innerpage.ion4xi_WP .pd-main-section, 
	body.innerpage.ion4xmle .pd-main-section, 
	body.innerpage.ion4xml2\/ion4xml3\/ion4xml4 .pd-main-section, 
	body.innerpage.ion8xle .pd-main-section, 
	body.innerpage.ion8xl2\/ion8xl3\/ion8xl4 .pd-main-section{
		padding-top: 0 !important;
		display: none;
	}
	body.innerpage.ion12bi .custm-overviewfix,
	body.innerpage.ion12b .custm-overviewfix,
	body.innerpage.ion12be .custm-overviewfix,
	body.innerpage.ion8bi .custm-overviewfix,
	body.innerpage.ion8b .custm-overviewfix,
	body.innerpage.ion8be .custm-overviewfix,
	body.innerpage.ion4xi_HMR .custm-overviewfix,
	body.innerpage.ion4xle .custm-overviewfix,
	body.innerpage.ion4xl2\/ion4xl3\/ion4xl4 .custm-overviewfix,
	body.innerpage.ion4xl1_BTS .custm-overviewfix,
	body.innerpage.ion4xi_WP .custm-overviewfix, 
	body.innerpage.ion4xmle .custm-overviewfix, 
	body.innerpage.ion4xml2\/ion4xml3\/ion4xml4 .custm-overviewfix, 
	body.innerpage.ion8xle .custm-overviewfix, 
	body.innerpage.ion8xl2\/ion8xl3\/ion8xl4 .custm-overviewfix{
		margin: 0px 0 50px;
	}
	.vid-lft-data img{
		width: auto;
		max-width: 100%;
	}
	.custm-detailAreafix .networkstext{
		width: 90%;
		padding: 0 35px 0 60px !important;
	}
	.custm-detailAreafix .yournetwork-in{
		padding-top: 0 !important;
	}
	.custm-detailAreafix .networksthumb{
		width: 10%;
	}
	.custm-vid video{
		width: 100%;
	    height: 73vh;
	    min-height: 630px;
	    display: block;
	    margin: 0;
	    object-fit: cover;
	    object-position: center;
	    object-fit: fill;
	}
	.custm-vid h2{
		font-size: var(--inouttabfont);
	    line-height: normal !important;
	    font-weight: 600;
	    margin: 0;
	    color: var(--pcolor);
	    text-align: center;
	    padding-bottom: 15px;
	}
	.hmr-custom{
		background: #f7f7f7;
	}
	.hmr-custom .hmrlft{
		display: flex;
	    position: relative;
	    z-index: 1;
	    flex-direction: column;
	    align-items: flex-start;
	}
	.hmr-custom .hmrlft .getdemobtn{
		margin-top: 40px;
	}
	.hmr-custom .hmrrit img{
		width: 500px;
		max-width: 100%;
	}
	.hmr-custom .productcomparison-tablewrap{
		overflow: hidden;
	}
	.hmr-custom p{
		font-size: var(--subheading);
	    line-height: 42px;
	    color: #606060;
	    margin: 0;
	    font-weight: 400;
	    margin-top: 20px;
	}
	.pd-overviewlist .slider.slider-nav .spctrum-img img{
		max-width: 100%;
	}
	.lst-style li{
		list-style-type: disc !important;
		list-style-position: inside;
	}
	.pd-imagegallery{
		position: relative;
	}
	.pd-main-section{
		padding:50px 0px;
	}
	.pd-bigimgbox {
	    position: relative;
	}
	.video-gallery{
		position: relative;
	}
	.video-gallery .video-icon{
		position: absolute;
		top:50%;
		left:50%;
		transform:translate(-50% , -50%);
		width:30px;
	}
	.videopopup{
		position: fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index: 9999999;
		align-items: center;
		justify-content: center;
		background: rgba(0,0,0,0.7);
	}
	.videocontainer{
		position: relative;
		background: #fff;
		width:45%;
		/*max-width:70%;
		max-height: 70%;*/
	}
    .videocontainer video{
        width:100%;
    }
	.videoclose{
		position: absolute;
		width:35px;
		height:35px;
		bottom:101%;
		right:0;
		background: #000;
		z-index: 9999;
		display: flex;
		align-items: center;
		justify-content:center;
	}
	.videoclose i{
		font-size:16px;
		color:#fff;
	}	
	.videopopup{
		display: none;
	}
	.videopopup.shows{
		display: flex;
	}
	.pd-gallerywrap{
		margin:auto;
	}
	.pdgallerybox{
		border:1px solid #808285;
		display: flex;
		width:75px;
		height:75px;
		margin:auto;
		cursor: pointer;
	}
	.pdgallerybox img{
		width:90%;
		display: block;
		margin:auto;		
	}
	.pd-main-wrapper{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.pd-main-left{
		width:50%;
	}
	.pd-main-right{
		width:50%;
		padding: 0 0 0 5%;
	}
	.pd-main-right .pdmain-text p{
		max-width:50%;
	}
	body.Ion8xi .pdm-heading1, body.Ion8x .pdm-heading1, body.Ion8xe .pdm-heading1{
		text-transform: lowercase;
	}
	.pdm-heading1{
		font-size:var(--bannertext);
		line-height:normal;
		word-break: break-all;
		color:var(--pcolor);
		margin-bottom:0px;
	}
	.pdm-heading4{
		font-size:var(--h4);
		line-height:var(--h4lineheight);
		margin-bottom:20px;
	}
	.pdm-paragraph{
		font-size:var(--primaryfont);
		line-height: 1.5;
	}
	/*pdmainsection*/
	/*overview*/
		.pd-overview-section{
			padding-bottom:30px;
		}
		.pd-overview-wrapper{
			position: relative;
			background: #E6E7E8;
			padding:5%;
			margin:40px 0 50px;
		}
		.pd-overview-wrapper .pd-overview-heading{
			position: absolute;
			top:0%;
			left:50%;
			transform:translate(-50% , -50%);
			background: var(--pcolor);
			color:#fff;
			font-size:var(--bannertext);
			line-height: 66px;
			text-align: center;
			padding:5px 50px;
		}
		.pd-overviewlist ul{
			column-count: 2;
			column-gap: 30px;
		}

		.pd-overviewlist ul ol,
		.pd-overviewlist ul ul{
			column-count:1;
			margin:15px 0 0;
		}

		.pd-overviewlist ul ol li
		.pd-overviewlist ul ul li{
			margin:0 0 5px;
		}

		.pd-overviewlist ul li:before{
			content: "";
			position: absolute;
			top:15px;
			left:0;
			width:4px;
			height:4px;
			border-radius:50%;
			background: #000000;
		}
		.pd-overviewlist ul li{
			font-size:var(--subheading);
			line-height:1.5;
			width: 100%;
			list-style-type:none;
			padding-left:20px;
			position: relative;
			margin-bottom:15px;
			display: inline-block;
		}
	/*overview*/
	/*Features*/
		.pd-features-wrapper{
			display: flex;
			align-items: stretch;
			justify-content: space-between;
			flex-wrap: wrap;
		}	
		.pd-features-box{
			width:45%;
			display: flex;
			align-items: stretch;
			justify-content: space-between;
			margin-bottom:60px;
		}
		.pd-features-box .pd-features-icon{
			width:120px;
			height:120px;
		}
		.pd-features-box .pd-features-text{
			width:calc(100% - 160px);
		}
		.pd-features-text .pd-feature-head{
			color:var(--pcolor);
			font-size:24px;
			line-height: 30px;
			position: relative;
			margin-bottom:30px;
			font-weight: bold;
		}
		.pd-features-text .pd-feature-head:before{
			content: "";
			position: absolute;
			top:calc(100% + 23px);
			width:100%;
			height: 1px;
			background: #ccc;
		}
	/*Features*/
	/*Application*/
		.pd-application-wrapper{
			display: flex;
			align-items: stretch;
			justify-content: space-between;
		}
		.pd-application-dots{
			margin-bottom:0px!important;
		}
		.pd-application-dots .slick-dots{
			bottom:25px;
		}
		.pd-application-dots .slick-dots li button{
			background: #fff;
			border-radius: 50%;
			height:14px;
			width:14px;
			opacity:0.5;
			border:1px solid #333;

			background: #fff;
    			border-radius: 50%;
    			height: 20px;
    			width: 21px;
    			opacity: 0.5;
    			border: 4px solid #333;
		}
		.pd-application-dots .slick-dots li.slick-active button{
			opacity: 1;
		}
		.pd-application-dots .slick-dots li button:before{
			content: "";
		}
		.pd-application-wrapper .pd-application-left{
			width:50%;
		}
		.pd-application-wrapper .pd-application-right{
			width:50%;
			background: #E9F4FE;
			display: flex;
			align-items: center;
			justify-content: center;
			padding:3% 5%;
		}
		.bigfont{
			font-size:var(--bigfont);
			line-height:var(--bigfontlineheight);
			color:var(--pcolor);
			margin-bottom: 2rem;
		}
		.heading4{
			font-size:var(--h4);
			line-height:var(--h4lineheight);
		}	
		.pd-application-textslider-inner{
			display: flex;
			align-items: center;
			justify-content:flex-start;
			padding:15px;
		}
		.pd-application-textslider-left{
			width:70px;
			height: 80px;
		}
		.pd-application-textslider-left img{
			width:100%;
		}
		.pd-application-textslider-right{
			width:200px;
			margin-left:20px;
		}
		.pd-application-textslider-right p{
			line-height: 1.5;
			font-size:var(--primaryfont);
		}
	/*Application*/
	/*toppicks*/
		.toppicks-section{
			background: #DCDDDE;
			padding:75px 0px;
		}
		.sectionheading{
			font-size: var(--bannertext);
		    font-weight: 600;
		    margin: 0;
		    color: var(--pcolor);
		    text-align: center;
		    margin: 0 0 44px;
		}
		.toppicks-slider{
			position: relative;
			margin:60px 0px 40px 0px;
		}
		.toppicks-slider-item-inner{
			background:#9787ad;
			background: url("../images/toppicksprodyct.png");
			background-size:cover;
			text-align: center;
			width: 80%;
			margin:auto;
			padding:20px;
		}
		.toppicks-slider-image{
			width:200px;
			height:200px;
			margin:10px auto 10px;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.toppicks-slider-image img{
			width:100%;
			height:100%;
			object-position: center;
			object-fit: contain;
		}
		.tp-text h4{
			font-size:var(--subheading);
			line-height:32px;
			color:#fff;
			height:69px;
			letter-spacing: 1.92px;
		}
		.dknowbtn{
			background: #000000;
			border-radius:12px;
			font-size:16px;
			line-height:20px;
			padding:3px 20px;
			color:#fff!important;
		}
		.thinslicksliderarrow .slick-prev:before,.thinslicksliderarrow .slick-next:before{
			content: "";
			width:25px;
			height:25px;
			border-left: 3px solid #231F20;
			border-top: 3px solid #231F20;
			display: block;
		}
		.thinslicksliderarrow .slick-prev{
			left:0;	
		}	
		.thinslicksliderarrow .slick-next{
			right:0;
		}
		.thinslicksliderarrow .slick-prev:before{
			transform: rotate(-45deg);
		}
		.thinslicksliderarrow .slick-next:before{
			transform: rotate(135deg);
		}
	/*toppicks*/
	/*Resources*/
		.pdresources-section{
			padding:75px 0px;
			position: relative;
		}
		.pdresources-section .resourcesafter{
			position:absolute;
			right:0;
			bottom:0;
			height:120%;
		}
		.pdresources-wrapper{
			max-width:55%;
			margin:auto;
			display: flex;
			align-items: stretch;
			justify-content: space-between;
			flex-wrap: wrap;
		}
		.pdresources-left{
			width:90px;
		}
		.pdresources-right{
			width:calc(100%  - 120px);
		}
		.pdresources-right p{
			margin-bottom: 50px;
		}
		.pdresources-left img{
			width:100%;
		}
		.resources-download{
			max-width: 43px;
			margin:20px auto 0px;
			display: block;
		}
		.pdresources-box{
			width:45%;
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding:15px;
			margin-bottom:20px;
		}

		.pdresources-box:only-child {
		    margin: 0 auto 20px;
		}

		.pdresources-box:hover, .pdresources-mainn:hover{
			box-shadow:0px 3px 6px #00000029;
		}
		.pdresources-mainn .pdresources-right a b{
			font-weight: normal;
		    display: block;
		    font-size: 12px;
		    margin-left: 41px;
		    margin-top: -8px;
		}
	/*Resources*/
/*+++++++++++++++++++++++++++++++++++ Case Study Page++++++++++++++++++++++++++++++++++++++++*/

/* carousel */
#quote-carousel {
  padding: 0 10px 30px 10px;
  margin-top: 30px;
  text-align:center;
}
/* indicator position */
#quote-carousel .carousel-indicators {
  right: 50%;
  top: auto;
  bottom: -10px;
  margin-right: -19px;
	color:#60dfe5;
}
/* indicator color */
#quote-carousel .carousel-indicators li {
  background: #763ea3;
	height:4px;
  width:50px;
  border: 0px;
}
/* active indicator */
#quote-carousel .carousel-indicators .active {
  background: #fff;
  height:4x;
  width:50px;
  margin-bottom:1px;
}

.case-study p{
	margin-bottom: 20px;
    font-size: 18px;
    line-height: 32px;
}

.opportunity-hand h2, .main-title-banner h2, .access-features h2, .captive-portal h2, .deploy-face h2, .io-advantage h2{
	display: flex;
    flex-direction: column;
    gap: 20px;
}

.opportunity-hand h2:after, .main-title-banner h2:after, .access-features h2:after, .captive-portal h2:after, .deploy-face h2:after, .io-advantage h2:after{
	content: "";
    display: inline-block;
    width: 80px;
    height: 4px;
    border-radius: 4px;
    background: #867650;
}

.cloud-manage{
	margin-top: 100px;
}

.cloud-manage h2:after{
	content: "";
    display: inline-block;
    width: 80px;
    height: 4px;
    border-radius: 4px;
    background: #867650;
}

.cloud-manage h2{
	display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.cloud-manage p{
	margin: 30px 0px;
}

.main-title-banner{
	position: relative;
	display: inline-block;
	width: 100%;
}

.main-title-banner h2{
	font-size: 36px;
}

.banner-main-txt{
	background: #ffffffad;
    max-width: 500px;
    padding: 25px;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 235px;
}

.highlights-txt{
	margin: 60px 0px;
}

.highlights-txt ul{
	list-style: none;
    padding: 20px 30px 20px 45px;
    background: #F5F5F5;
    border-radius: 8px;
    line-height: 45px;
    margin-bottom: 50px;
    list-style-image: url(../images/case-study/casefirst/check-icon.png);
}

.opportunity-hand{
	background: #F5F5F5;
	margin-bottom: 60px;
    padding: 50px 0px;
}

.opportunity-hand h2{
	font-size: 32px;
}

.opportunity-hand img, .access-features img{
	width: 100%;
}

.opportunity-hand p{
	margin-top: 30px;
}

.img-hand-txt{
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}

.img-hand-txt p{
	background: #512873;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    color: #fff;
    padding: 20px;
    margin-bottom: 40px;
    bottom: 0;
    width: 100%;
    position: absolute;
    margin-bottom: 0;
}

.opportunity-hand ul{
	line-height: 40px;
    padding-left: 25px;
}

.access-features h2, .captive-portal h2, .deply-face h2, .deploy-face h2, .achievements-data h2, .io-advantage h2{
	font-size: 32px;
}

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

.access-features li{
	margin-bottom: 80px;
}

.access-features .feature-img-box{
	border-radius: 8px;
    background: #F5F5F5;
    padding: 30px 40px;
}

.access-features .feature-img-box img{
	margin: auto;
	width: auto;
}

.access-features .feature-img-box ul{
	list-style: none;
}

.access-features .feature-img-box li{
	display: flex;
    align-items: center;
    margin-bottom: 0;
}

.access-features .feature-img-box li h4{
	font-size: 80px;
    color: #512873;
    font-weight: 600;
    margin-right: 20px;
}

.access-features .feature-img-box li p{
	margin-bottom: 20px;
    font-size: 18px;
    line-height: 32px;
}

.access-features .feature-img-box li p span{
	color: #316BFF;
}

.testimonial-section{
    margin: 50px 0px;
}

.photo-gallry{
	display: flex;
    background: #fff;
    width: 90%;
    margin: auto;
    justify-content: space-between;
    padding: 30px;
    gap: 20px;
    overflow-x: auto;
}

.photo-gallry img{
	width: 100%;
}

.testimonial-content-box{
	background: #512873;
	padding: 40px 0px;
}

.testimonial-content-box .testimonial-data{
	background: #fff;
    width: 80%;
    margin: auto;
    padding: 30px 40px 40px 40px;
    position: relative;
    top: -90px;
    box-shadow: 0px 0px 6px #00000033;
    border-radius: 30px;
    margin-bottom: -50px;
}

.testimonial-data:before {
    content: "";
    display: inline-block;
    width: 76px;
    height: 76px;
    background: url(../images/case-study/casefirst/quotes-icn.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 20px;
    top: 20px;
}

.testimonial-data:after {
    content: "";
    display: inline-block;
    width: 76px;
    height: 76px;
    background: url(../images/case-study/casefirst/quotes-icnr.png);
    background-repeat: no-repeat;
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.cloud-manage{
	text-align: center;
}

.cloud-manage img{
	margin: auto;
	margin-top: 30px;
}

.cloud-manage ul{
	list-style: none;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
    margin-top: 60px;
}

.cloud-manage ul li{
	display: flex;
    width: 46%;
    justify-content: space-between;
}

.cloud-manage ul li .disc-text{
	background: rgba(81, 40, 115, 0.4);
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    font-weight: 600;
    font-size: 38px;
    color: #fff;
    border-radius: 100%;
    display: inline-block;
    border: 3px solid #512873;
    box-shadow: inset 0px 0px 0px #fff;
}

.cloud-manage ul li .cloud-text{
	width: 84%;
}

.captive-portal{
	background: #F5F5F5;
	margin: 60px 0px;
    padding: 50px 0px;
}

.captive-portal img{
	width: 100%;
}

.captive-portal .space-belw{
	margin-bottom: 40px;
}

.deploy-face .deploy-data{
	display: flex;
    justify-content: space-between;
    gap: 40px;
}

.deploy-face .deploy-data img{
	width: 23%;
}

.rightchallange-data{
	width: 77%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.rightchallange-data .challenge-data{
	border: 1px solid #D9D9D9;
    border-radius: 8px;
    padding: 20px;
}

.rightchallange-data .challenge-data .data-challenge-1{
	display: flex;
    gap: 30px;
    align-items: flex-start;
}

.rightchallange-data .challenge-data .data-challenge-1 h2{
	font-size: 20px;
    color: #867650;
    font-weight: 500;
    width: 15%;
}

.rightchallange-data .challenge-data .data-challenge-1 h2:after{
	display: none;
}

.rightchallange-data .challenge-data .data-challenge-1 p{
	width: 80%;
    color: #867650;
}

.rightchallange-data .challenge-data .data-challenge-1.solutions h2{
    color: #313131;
}

.rightchallange-data .challenge-data .data-challenge-1.solutions p{
    color: #909090;
}

.achievements-data{
	margin: 80px 0px;
}

.achievements-data ul li, .io-advantage li{
	margin-bottom: 20px;
	margin-left: 20px;
	line-height: normal;
}

.achievements-data li, .io-advantage li{
	list-style-image: url(../images/case-study/casefirst/check-icon.png);
    font-size: 18px;
}

.io-advantage{
	margin-bottom: 100px;
}

span.downlod-pdf{
	display: inline-block;
    width: 100%;
    margin: 0;
    margin-top: 8px;
    position: relative;
    z-index: 2;
}

span.downlod-pdf a{
	font-size: 14px;
    font-weight: 600;
    color: #350964;
}

span.downlod-pdf img{
	width: 26px;
    margin-right: 7px;
    display: inline-block;
    vertical-align: middle;
}

/* New Changes */

/*.stuffui-change .pd-overviewlist{
	display: flex;
	flex-direction: column;
}

.stuffui-change .pd-overviewlist h2:nth-child(3){
	font-size: 0;
}

.stuffui-change .pd-overviewlist h2:nth-child(3):after {
    content: "Overview";
    display: inline-block;
    vertical-align: middle;
    font-size: var(--bannertext);
}*/

/*body.HSP-IO-24GE4XS-C2AH .pdm-heading1, body.HSP-IO-8GE2S-C2A .pdm-heading1, body.HSP-IO-4GE2S-C2U .pdm-heading1{
	font-size: 0;
}

body.HSP-IO-24GE4XS-C2AH .pdm-heading1:after {
    content: "24-Port L2 Managed Switch";
    display: inline-block;
    vertical-align: middle;
    font-size: var(--bannertext);
}

body.HSP-IO-8GE2S-C2A .pdm-heading1:after {
    content: "8-Port L2 Managed Switch";
    display: inline-block;
    vertical-align: middle;
    font-size: var(--bannertext);
}

body.HSP-IO-4GE2S-C2U .pdm-heading1:after {
    content: "4-Port L2 Managed Switch";
    display: inline-block;
    vertical-align: middle;
    font-size: var(--bannertext);
}*/

body.innerpage.\32 4-Port.L2.Managed.Switch .pd-main-right .pdmain-text p,
body.innerpage.\38 -Port.L2.Managed.Switch .pd-main-right .pdmain-text p, 
body.innerpage.\34 -Port.L2.Managed.Switch .pd-main-right .pdmain-text p {
    display: none;
}

/*24-port-l2-managed-switch 24-Port L2 Managed Switch*/

@media (min-width: 1300px){
	body.innerpage.ion12bi .custm-vid,
	body.innerpage.ion12b .custm-vid,
	body.innerpage.ion12be .custm-vid,
	body.innerpage.ion8bi .custm-vid,
	body.innerpage.ion8b .custm-vid,
	body.innerpage.ion8be .custm-vid,
	body.innerpage.ion4xi_HMR .custm-vid,
	body.innerpage.ion4xle .custm-vid,
	body.innerpage.ion4xl2\/ion4xl3\/ion4xl4 .custm-vid,
	body.innerpage.ion4xl1_BTS .custm-vid,
	body.innerpage.ion4xi_WP .custm-vid, 
	body.innerpage.ion4xmle .custm-vid, 
	body.innerpage.ion4xml2\/ion4xml3\/ion4xml4 .custm-vid, 
	body.innerpage.ion8xle .custm-vid, 
	body.innerpage.ion8xl2\/ion8xl3\/ion8xl4 .custm-vid{
		margin-bottom: -48px;
	}
}