#immunoMain-div{
padding: 15px;
 
}

#immunoLab{
	width:1170px;
	/* padding: 15px; */
	margin:0 auto;
	font-size: 14px;
    line-height: 17px;
	font-family: 'Roboto', Arial, sans-serif, Helvetica !important;
	/* 	font-family: Roboto Regular; */
	font-weight: 400;
	position: relative;
	overflow-x: hidden;
}
body{
	margin: 0px;
}
*{
	margin: 0px;
}
 body:-webkit-full-page-media {
    background-color: #ffffff !important;
}
#iframe video {
    margin: 0px;
}
#popUpData .tabList .tabCaption:last-child{
	margin-right: 0px;
}
.tabselected {
	/* border: 1px solid #B0B0B0 !important; */
	background-color: #0085D5 !important;
    color: #ffffff !important;
}

/* #popUpData .tabList .tabCaptionselected {
    background-color: #0085D5;
    color: #ffffff;
} */
#header {
    background-color: #00426A;
    box-shadow: 0px 5px 6px #00000029;
    display: flex;
    position: relative;
	height:64px;
	z-index: 1;
}

.head-text {
    font-size: 24px;
    color: #FFFFFF;
	padding: 21px 45px;
	/* font-family: Roboto Light; */
	font-weight:lighter;
}
#immunoLab ::-webkit-scrollbar {
    width: 4px;
}
/* For Firefox */
/* #immunoLab {
	scrollbar-width: thin;
	scrollbar-color: #333333 #999999;
} */
#immunoLab ::-webkit-scrollbar-thumb {
    /* background-color: #9F9F9F; */
	background-color: #d5d5d5;
}
#immunoLab ::-webkit-scrollbar-thumb:hover {
    /* background-color: #9F9F9F; */
	background-color: #d5d5d5;
}

.home-icon {
    /* display: none; */
    position: absolute;
    top: 29%;
    color: #FFFFFF;
    height: 24px;
    width: 24px;
    right: 6%;
    cursor: pointer;
}
p.feature-heading {
    font-weight: 500;
    color: #303030;
	margin-bottom: 10px;
	
}
p.feature-para {
    margin-bottom: 10px;
	color: #303030;
}
.hotspot-div {
   	 /* display: none; */
    /* position: relative; */
}
.lab-pr-no {
	display: none;
}
.hotspot-div img {
    width: 100%;
}
.hotspot-div {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		position: absolute;
		
}
.disable{
	pointer-events: none;
}
.hotspot-div-popupButton {
    font-size: 15px;
    color: #0085D5;
    font-weight: 500;
    /* line-height: 25px; */
	border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    width: 171px;
    background: #fff;
    position: absolute;
	padding: 7px;
    margin-top: 16px;
	cursor: pointer;
	padding-left: 45px;
}
.hotspot-div-popupButton:hover{
	color: #fff;
	background: #00426A;
}
.hotspot {
    /* width: 10%; */
    padding: 5px;
    position: absolute !important;
    cursor: pointer;
	text-align: center;
}
#hotspot00 {
	top: 16.2%;
    left: 3.5%;
}
.instrumentTitle {
    color: #00426A;
    font-size: 15px;
    /* font-family: Roboto Regular; */
	/* font-family: Roboto; */
    font-weight: 400;
	margin-left: -19%;
}
.instrumentTitle:hover{
	text-decoration: underline;
	color: #00426A;
}
.main-container {
    position: relative;
}
.hotspot .hotspotBtn {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    position: absolute;
    margin-left: 29%;
    /* margin-top: 16%; */
	top: 121%;
    opacity: 1;
    transition: background 0.25s ease;
    background-color: #00426A;
    border: 4px solid #FFFFFF;
}

.pulseButton {
    /* position: absolute;
    top: -51%;
    left: -51%;
    width: 20px;
    height: 20px;
    border-radius: 30px;
    cursor: pointer;
    border: 2px solid #84BD00; */

	position: absolute;
	top: -78%;
    left: -78%;
    width: 25px;
    height: 25px;
    border-radius: 30px;
    cursor: pointer;
    border: 2px solid #84BD00;
}
.pulseButton2 {
    position: absolute;
    /* top: -68%;
    left: -68%; */
	top: -78%;
    left: -78%;
    width: 25px;
    height: 25px;
    /* display: none; */
    border-radius: 30px;
    cursor: pointer;
    border: 2px solid #84BD00;
}
.pulseButton.-pulse1 {
    animation: pulse 2s linear infinite 0s;
}
.pulseButton2.-pulse2 {
    animation: pulse 2s linear infinite 1s;
}
.hotspot .hotspotBtn .line {
    height: 88px;
    margin-top: 92%;
    /* margin-left: 48%; */
	margin-left: 42.8%;
    border-left: 1px solid  #00426A;
}
#hotspot00 .hotspotBtn .line{
	height: 77px;
}
#hotspot01 .hotspotBtn .line{
	height: 34px;
}
#hotspot03 .hotspotBtn .line{
	height: 49px;
}
#hotspot04 .hotspotBtn .line{
	height: 35px;
}
#hotspot05 .hotspotBtn .line{
	height: 66px;
}
#hotspot06 .hotspotBtn .line{
	height: 53px;
}
#hotspot07 .hotspotBtn .line {
    height: 157px;
}
#hotspot01 {
	top: 25%;
    left: 18.2%;
}
#hotspot02 {
	top: 13.2%;
    left: 24%;

}
#hotspot03 {
	top: 20.5%;
    left: 34.5%;
}
#hotspot04 {
    top: 10%;
    left: 47.6%;
}
#hotspot05 {
	top: 14%;
    left: 60.4%;
}
#hotspot06 {
	top: 16.5%;
    left: 71.5%;
}
#hotspot07 {
	top: 15%;
    left: 84.5%;
}
.popupheading {
	/* margin-bottom: 15px; */
	margin-bottom: 10px;
}
@keyframes pulse {
	0% {
		opacity: 0;
		transform: scale(0.5)
	}
	33% {
		opacity: 1;
		transform: scale(1)
	}
	100% {
		opacity: 0;
		transform: scale(1.3)
	}
}

	#warning-message{ 
		display: none; 
	}
	.setPopupAnimation{
		animation: cardPopUpopen 0.3s ease-in;
	}
	
	.setInstrumentPopupAnimation{
		animation: instrumentPopUpopen 0.5s ease-in;
	}
	
	.cardPopupContainer{
	position: absolute;
    /* top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
	/* top: 9.7%; */
	bottom: 17%;
    left: 9.3%;
	width: 82.1%;
	/* display: flex; */
	transition: transform .3s;

}
.cardPopupContainer::after{
	content: " ";
    position: absolute;
    bottom: 0%;
    right: 40%;
    width: 0;
    height: 0;
    bottom: -9.5%;
    border-top: 35px solid #fff;
    border-right: 21px solid transparent;
    border-left: 21px solid transparent;
}

.cardPopupContainer.changed::after{
	content: " ";
    position: absolute;
    bottom: 0%;
	right: 13%;
    width: 0;
    height: 0;
	bottom: -9.5%;
    border-top: 35px solid #fff;
    border-right: 21px solid transparent;
    border-left: 21px solid transparent;
}
.band-flex {
    display: flex;
    height: 10px;
}
.band-div1 {
    background: #0085D5;
    width: 72%;
}

.band-div2 {
    width: 10%;
    background: #09446A;
}
.band-div3 {
    width: 10%;
    background: #DAA515;
}
.band-div4 {
    width: 8%;
    background: #0085D5;
}
.text-div {
    /* width: 572px; */
width:58% ;
	padding: 20px 0px 18px 35px;
	/* padding: 1.1% 0% 1.9% 3.6%; */
	
}
.img-div {
    width: 38%;
	position: relative;
}
.img-div img{
	position:absolute;
	/* top: 64px;
	left:62px;
	right: 52px;
	bottom: 78px; */
	position: absolute;
    top: 16.44%;
    left: 17.6%;
    right: 14.8%;
	bottom: 20%;
}
.popupContent {
    display: flex;
	background: #fff;
	height: 351px;
}
.cardPopupContent {
    background: #FFFFFF;
    width: 530px;
    /* height: 404px; */
	padding-left: 31px;
	padding-right: 43px;
	padding-bottom: 31px;
	padding: 31px 43px 31px 31px;
}
.popupheading {
    color: #0085D5;
    font-size: 20px;
	line-height: 25px;
	/* padding: 31px 0px 0px 0px; */
}
.popupPara {
    font-size: 14px;
    color: #303030;
    font-weight: 400;
	/* padding-top: 15px; */
	/* text-align: justify;
	text-justify: inter-word; */
	line-height: 20px;
}

 .cta-button a:visited,
 .cta-button a:active {
    font-family: "Roboto", Arial, sans-serif, Helvetica;
    font-size: 14px !important;
    padding: 16px 22px;
    font-weight: 400 !important;
    line-height: 100% !important;
    color: #ffffff !important;
    background-color: #0085d5;
    clear: both;
    display: -webkit-inline-flex;
    display: inline-flex;
    align-self: flex-end;
    margin: auto !important;
    text-transform: none !important;
    text-decoration: none !important;
} */
.cta-button{
	margin-top: 21px;
}
.cta-button a{
	font-family: "Roboto", Arial, sans-serif, Helvetica;
    font-size: 14px;
	margin-top: 25px;
    padding: 16px 22px;
    font-weight: 400 !important;
    line-height: 100% !important;
    color: #ffffff !important;
    background-color: #0085d5;
    clear: both;
    display: -webkit-inline-flex;
    display: inline-flex;
    align-self: flex-end;
    margin: auto !important;
    text-transform: none !important;
    text-decoration: none !important;
}

.cta-button a:hover {
    background-color: #00426a;
    text-decoration: none !important;
	cursor: pointer;
}


.yellowBlueBand {
    display: flex;
    /* height: 404px; */
}
.yellowLine {
    width: 15px;
    background: #29b7b9;
}

.BlueLine {
    width: 15px;
    background: #09446A;
}
	/* @keyframes imgcard1Slider {

		0%{
			transform:translateX(0%);
			opacity:1;
		}
		100%{
			transform:translateX(-110%);
			opacity: 0.5;
		}
	}
	@keyframes imgcard2Slider {

		0%{
			transform:translateX(0%);
			opacity:1;
		}
		100%{
			transform:translateX(120%);
			opacity: 0.5;
		}
}

	@keyframes imgcard1SliderReverse{
		100%{
			transform:translateX(-50%);
			opacity:0.5;
		}
		0%{
			transform:translateX(0%);
			opacity: 1;
		}
	}
	@keyframes imgcard2SliderReverse{
		100%{
			transform:translateX(50%);
			opacity:0.5;
		}
		0%{
			transform:translateX(0%);
			opacity: 1;
		}
	} */


	


	@keyframes openfooterpopup {
		from{
			transform:translatey(8%);	
		}
		to{
			transform:translatey(0%);
		}
	}

	.setfooterPopupAnimation{
		animation: openfooterpopup 0.3s ease-in;
		animation-fill-mode: forwards;
	}
	@keyframes cardPopUpopen {

		0%{
			transform: scale(0.9);
		}
		100%{
			transform: scale(1);
		}
	}

	@keyframes instrumentPopUpopen {

		0%{
			transform: scale(0.9);
		}
		100%{
			transform: scale(1);
		}
	}
	
	#immunoLabCellScreen{
		display: flex;
		width: 1170px;
		position: relative;
	}

	#popupOverlay{
	text-align: center;
    position: absolute;
    display: none;
    width: 100%;
    height: 90.8%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    /* z-index: 3; */
    opacity: 0.8;
	animation-name: fadeInDown;
}
	
	#labImage{
		width: 1170px;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		position: relative;
		/* position: absolute; */
		/* -webkit-filter: blur(2px); */
		z-index: 0;
	}	
	
	#popupData{
		width:62%;
		/* height: 404px; */
		position: absolute;
		margin-top: -0.5%;
	}
	/* #immunoLabCellScreen img{
		width: 100%;
	} */
	#immunoLabCellScreen #labImage img{
		width: 100%;
	}
	

	#cells{
		position: relative;
	}
	 .rightarrow1 {
		width: 3.5% !important;
	}
	img.rightarrow2  {
	width: 8px !important;
    text-align: center;
    float: right;
    padding-top: 1px;
	/* margin-left: 7%; */
    padding-right: 9px;
    }
	
	.blue-section{
		background-color: #0085D5;
		width: 60%;
		position: relative;
	}
	.card-text{
		position: absolute;
		top: 36%;
		left: 10%;
	}
	p.card-head {
		font-size: 20px;
		color: #ffffff;
		font-weight: 400;
	}
	p.card-subhead {
		font-size: 16px;
		font-weight: 400;
		color: #ffffff;
		cursor: pointer;
		padding-top: 14px;
	}

	.img-section1{
		width: 39.6%;
	}
	/* .cell2{
    width:50%;
    height:506px;
	position: relative;
	border-left: 0.5px solid gainsboro;
	} */
	/* .cell2::before{
		content: ' ';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		opacity: 0.3;
		background: url(../images/StemCellTheropy-background.svg);
		background-repeat: no-repeat;
		background-size: cover;
	} */
	/* .card2{
	width: 67.6%;
    height: 42.7%;
	top: 25%;
	left: 16%;
    position: absolute;
    display: flex;
	cursor: pointer;
	transition: transform .4s;
	} */
	/* .card1:hover{
		-ms-transform: scale(1.1); 
		-webkit-transform: scale(1.1); 
		 transform: scale(1.1); 
	} */
	 /* .card2:hover{
		-ms-transform: scale(1.1); 
		-webkit-transform: scale(1.1); 
		 transform: scale(1.1); 
	} */
	.img-section2{
		width: 39.6%;
	}
	
	.popUpDataContainer {
		background-color: #ffffff;
		display: inline-block;
		position: relative;
		top: 5%;
		/* transform: translateY(-50%); */
		width: 94%;
		margin: 0 auto;
		transition: transform .5s;
	}
	.instrumentInfo {
		width: 31.2%;
		float: left;
		background-color: #0085D5;
		text-align: left;
		color: #ffffff;
	}
	.instrumentInfoContainer {
	/* width: 77%; */
	width: 88%;
    float: left;
    padding: 7%;
	}
	
	.instrumentInfo .instrumentInfoContainer .imgContainer {
		text-align: center;
		/* margin:28px; */
		margin-bottom: 10%;
		margin: 10% 0%;
		width: 80%;

	} 
	 .instrumentInfo .instrumentInfoContainer .imgContainer img {
		max-width: 100%;
	}
	.instrumentInfoContainer .infoContainer {
		height: 222px;
		/* height: 185px; */
		overflow: hidden;
		overflow-y: auto;
		/* padding: 10px; */
		font-size: 14px;
		line-height: 20px;
		font-weight: 300;
		padding-right: 10px;
	}
	.band {
		float: left;
		width: 15px;
		min-height: 504px;
	}
	.darkblueband {
		background-color: #09446A;
	}
	.lightblueband {
		background-color: #DAA515;
	}
	.instrumentTabInfo {
		text-align: left;
		/* width: 62%; */
		width: 68%;
		padding: 3%;
		float: left;
	}
	.headingContainer, .mainTabContainer {
		display: flex;
		align-items: center;
		text-align: left;
		margin-bottom: 3%;
	}
	.instrumentHeading {
		float: left;
		width: 98%;
		font-size: 24px;
		line-height: 20px;
		color: #2282C5;
	}
	.closePopupBtn {
		width: 20px;
		height: 20px;
		float: right;
		margin-right: 0;
		background-image: url("https://www.agilent.com/cs/promotions/images/immuno-close-button.svg");
		background-repeat: no-repeat;
		background-size: contain;
		cursor: pointer;
		margin-right: -3%;

		margin-top: -2%;
	}
	#popUpData {
		color: #53575A;
		font-size: 14px;
		line-height: 20px;
	}
	#popUpData .tabList {
		display: inline-block;
		width: 98%;
		text-align: center;
		border-bottom: 1px solid #D0D0CE;
        padding-bottom: 12px;
	}

	
	
	#popUpData .tabList .tabCaption {
		position: relative;
		/* width: 17%; */
		margin-right: 1%;
		float: left;
		padding: 1.5% 2.8%;
		color: #0085D5;
		font-size: 14px;
		line-height: 16px;
		font-weight: 500;
		text-align: center;
		background-color: #E4E4E4;
		cursor: pointer;
		border: none;
		outline: none;
	}
	
	#popUpData .tabList .tabCaptionselected {
		background-color: #0085D5;
		color: #ffffff;
	}

	#popUpData .tabList .tabCaption:hover {
		background-color: #00426a;
		color: #fff;
		text-decoration: none !important;
	}
	
	/* #popUpData .tabList .tabCaption:nth-child(2) {
		width: 20%;
	} */
	#popUpData .tabList .tabCaption:last-child {
		margin-right: 0;
	}
	.teaser830 {
		/* height: 360px; */
		height: 357px;
		overflow: hidden;
		overflow-y: auto;
		position: relative;
	}
	
	.dataContainer .v-logo{
		margin-top: 20px;
    /* width: 90%;
	margin-left: 4%; */
	/* width: 83%; */
	width: 90%;
	margin-left: 5%;
    margin-right: 4%;
	overflow: scroll;
	overflow-y: hidden;
	scrollbar-width:none;
	}
	.dataContainer ul {
    /* font-size: 14px; */
    color: #303030;
    /* line-height: 25px; */
    font-weight: 400;
	padding-left: 20px;
	padding-right:10px;
	}
	.dataContainer ul li{
		/* margin-bottom: 10px; */
	margin-bottom: 6px;
	}
	.dataContainer ul li::marker{
			color: #707070;
			height: 8px !important;
			width: 8px !important;
		font-size: 18px;
	}
	
	.v-logo {
		display: flex;
		gap: 6%;
	}
	.v-logo-card {
		width: 106%;
		/* height: 158px; */
		height: 56%;
		/* background-color: #9E9D9D; */
		position: relative;
		cursor: pointer;
		transition: transform .4s;
	}
	.v-logo-card img {
	position: absolute;
    top: 0%;
    /* left: -2%; */
	-webkit-transition: all .2s;
	}
	.v-logo-card img:hover  {
		-ms-transform: scale(1.08); 
		-webkit-transform: scale(1.08); 
		 transform: scale(1.08); 
		}
	
	.video-img-border{
		/* border: 1px solid #D0D0CE; */
	}
	.v-logo-card p {
	position: absolute;
    top: 99%;
    margin-top:6%;
    font-weight: 400;
	/* margin-left: -1%; */
    /* color: #303030; */
	}
	.v-logo-card a:nth-child(2){
		color: #0085D5;
	}
	.v-logo-card a:nth-child(2):hover{
	color: #00426a !important;
	text-decoration: underline !important;
	}
	.v-logo-card p:hover {
text-decoration: underline;
	}
	.accordion {
		color: #303030;
		cursor: pointer;
		text-align: left;
		/* font-family: Roboto Regular; */
		font-weight: 400;
		display: flex;
		gap: 9px;
		/* line-height: 17px; */
        padding: 15px 0px 15px 0px;
		/* font-size: 14px; */
        border-bottom: 1px solid #D0D0CE;
	}
	.panel {
		text-align: left;
		padding: 0px 4px;
		display: none;
		/* border-bottom: 1px solid #D0D0CE; */
	}

	.faqs .panel{
	padding: 0px 21px;
	padding-bottom: 15px;
	/* padding-right: 0px; */
    border-bottom: 1px solid #D0D0CE;
	
	}
	.panel .panel-para {
	color: #5A6772;
    /* font-size: 14px; */
    /* line-height: 17px; */
    /* font-family: Roboto Light; */
    margin: 0px;
    /* padding-top: 6px; */
	font-weight: 400;
	}
	.panel .panel-link {
		color: #0085D5;
		/* line-height: 17px; */
		margin: 0px;
		/* font-family: Roboto Regular; */
		text-decoration: none;
		position: relative;
		padding: 5px 16px;	
		/* border-bottom: 1px solid #D0D0CE; */

	}
	.panel-link:last-child{
		padding-bottom: 15px;
		border-bottom: 1px solid #D0D0CE;
	}
	
	p.panel-link {
		color: #0085D5;
	}
	.panel .panel-link a {
		color: #0085D5;
		/* line-height: 17px; */
		/* font-family: Roboto Regular; */
		text-decoration: none;
		font-weight: 400;
	}

	.panel .panel-para a {
		color: #0085D5;
		/* line-height: 17px; */
		/* font-family: Roboto Light; */
		font-weight: 400;
		text-decoration: none;
}

.panel .panel-para p{
	 
		margin: 0px;
		padding-bottom: 10px;
	
}

/* .panel .panel-para p:nth-child(2){
	font-family: Roboto Regular;
} */

	.accordionresource .panel .panel-link {
		color: #0085D5;
		line-height: 25px;
		font-family: Roboto Regular;
		text-decoration: none;
		border-bottom: 1px solid #6E6E6D;
	}
	.video-overlay {
		top: 0%;
		width: 100%;
		background-color: rgba(0,0,0,0.5);
		height: 100%;
		position: absolute;
		z-index: 5;
		display: none;
	}
	.video-popup {
		width: 67.5%;
		height: 80.7%;
		background-color: #FFFFFF;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.video-popup img {
	position: relative;
    right: 2%;
    float: right;
    top: 3%;
    height: 20px;
    width: 20px;
    cursor: pointer;
	}
	.video-popup video {
		height:82.8% ;
		width:83.5%;
		
		/* padding:1.5% 8% 3.5% 8%; */
		margin: 1.5% 8% 3.5% 8%;
	}
	p.exclusive-head {
	font-weight: 400;
    /* font-size: 15px; */
    /* font-family: roboto Regular; */
    color: #303030;
	/* line-height: 17px; */
	margin: 10px 0px 6px 0px;
	}
	.exclusive-para {
		margin-bottom: 0px;
		/* font-size: 14px; */
		color: #5A6772;
		/* font-family: Roboto Light; */
		/* line-height: 17px; */
		font-weight: 400;
		margin: 0px 0px 6px 0px;
	}
	a.performance-link {
		color: #0085D5;
		cursor: pointer;
	}
	a.accessNowBtn {
		color: #0085D5;
    text-decoration: none;
    /* font-size: 14px; */
    /* line-height: 17px; */
	font-weight: 400;
	}
	.instrumentOverlay {
		text-align: center;
		position: absolute;
		display: none;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		/* background-color: #000000; */
        /* opacity: 0.8; */
		animation-name: fadeInDown;
	}

	.instrumentOverlay::before {
		content: ' ';
		text-align: center;
		position: absolute;
		width: 100%;
		height: 100%;
		height: 550px;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #000000;
        opacity: 0.8;
		animation-name: fadeInDown;
	}
	
.headingContainer2{
	float: left;
    font-size: 22px;
    /* line-height: 20px; */
	line-height: 27px;
    color: #FFFFFF;
	margin-bottom: 10%;
	/* text-align: center; */
	/* font-family: Roboto Regular; */
    font-weight: 400;
	/* padding: 10px; */
}
.faqs img {
    padding-top: 5px;
	width: 10px;
}
.resources img{
	padding-top: 0px;
	width: 10px;
}
/* .tabCaptionselected{
	background: #0085D5;
	color: #fff;
	font-size: 16px;
	font-family: Roboto;
	font-weight: 500;
} */

.faqs hr{
    color: #D0D0CE;
    opacity: 0.5;
    margin-top: 0px;
    margin-top: 20px;
}

/* .faqs .panel {
   padding-bottom: 20px;
} */
.dataContainer {
    padding-right: 28px;
}
.dataContainer a:hover {
	color: #00426A !important;
	text-decoration: underline !important;
}
.faqs.dataContainer {
    /* margin-top: 5px; */
}
.resources.dataContainer {
    /* margin-top: 4px; */
}
/* .videoss.dataContainer{
	margin-top: -12px;
	} */
	.features.dataContainer {
		width: 100%;
		margin-top: 13px;
		line-height: 18px;
	}
	.exclusiveContent:first-child{
		margin-top: 13px;
	  }
	.exclusiveContent{
      margin-top: 10px;
	  margin-left: 22px;
	}
.product{
	position: relative;
	padding: 20px;
}
.product-container{
	padding: 0 2vw;
	display:flex ;
	overflow-x: auto;
	scroll-behavior: smooth;
}
.product-container::-webkit-scrollbar{
	display: none;
}
.product-card{
	flex: 0 0 auto;
	/* width: 41.4%; */
	width: 43.4%;
	height: 291px;
	/* margin-right:35px; */
	margin-right: 22px;
	margin-top: 2%;
}
.pre-btn{
	left: 0;
	transform: rotate(180deg);
}
.nxt-btn{
	right: 3%;
   
}

/* .nxt-btn img{
	opacity: 1;
} */
/* .pre-btn:hover img,
.nxt-btn:hover img{
	opacity: 1;
} */
.pre-btn, 
.nxt-btn {
	position: absolute;
	border-radius: 20px;
	border: none;
	background: none;
	width: 4%;
    height: 8%;
    top: 26%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	z-index: 9;
}
img.arrow-btn2 {
    width: 28px;
    height: 28px;
}
img.arrow-btn1 {
    width: 28px;
    height: 28px;
}

.cellband{
background:#00A9E0 ;
}

.collection-container{
	width: 100%;
	display: drid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 10px;
}
.collection{
	position: relative;
}
.collection img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.collection:nth-child(2){
	grid-column: span 2;
	margin-top: 10px;
}

span.note-txt {
    /* color: #A1A7AF; */
	color: #888B8D;
    font-weight: 500;
}
.excusive-flex{
	display: flex;
}
.e-img img {
    width: 185px;
    height: 120px;
    margin-top: 22px;
}
.activeQuestion{
	font-weight: 500;
}

.v-logo.product-container.withought-carousel {
    margin-left: -1%;
}
.p1 {
    /* margin-bottom: 10px; */
	margin-bottom: 15px;
}
p.feature-heading.feature2 {
    margin-top: 16px;
}
.crisper-p2 {
    height: 156px;
    /* padding-right: 10px; */
}
/* .infoContainer:has(div.crisper-p2){
height: 172px;
} */
.infoContainer:last-child{
	/* height: 172px;	 */
	height: 177px;
}
p.pr-no {
    color: #ffffff;
    font-size: 13px;
    font-weight: 400;
	/* bottom:15px; */
	bottom: 0px;
	position: absolute;
}
.lab-pr-no {
    color: #000000;
    font-size: 13px;
    font-weight: 400;
    bottom: 23px;
    left: 73px;
    position: absolute;
}
.footer-blue-div {
    display: flex;
    height: 50px;
	/* gap: 2px; */
	position: absolute;
	bottom: 0%;
	font-size: 18px;
    color: #ffffff;
	z-index: 1;
	width: 100%;
}
.heading-div {
    width: 47%;
    background: #00426a;
    /* padding-left: 45px; */
    /* padding-top: 6px; */
    /* padding-bottom: 14px; */
    text-align: center;
	display: flex;
    align-items: center;
    justify-content: center;
}
img.right-arrow-footer {
    align-items: center;
    vertical-align: middle;
	position: relative;
    align-items: center;
    vertical-align: middle;
    left: 3%;
    /* top: -6%; */
}
.cell1-div {
    width: 22%;
	background: #0085D5;
	/* padding-top: 17px;
    padding-bottom: 14px; */
	text-align: center;
	border-left: 2px solid;
    /* padding-left: 39px; */
	display: flex;
    align-items: center;
    justify-content: center;
}
.cell1-div:hover {
    background: #00426A !important;
	cursor: pointer;
	/* text-decoration: underline; */
}
.cell2-div:hover {
    background: #00426A !important;
	cursor: pointer;
	/* text-decoration: underline; */
}

.cell2-div {
    width: 22%;
	background: #0085D5;
	/* padding-top: 17px;
    padding-bottom: 14px; */
	text-align: center;
	border-left: 2px solid;
	display: flex;
    align-items: center;
    justify-content: center;
}
.last-div{
	width: 9%;
	background: #00426a;
	padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 39px;
	text-align: center;
	border-left: 2px solid;
}
.cardPopupContainer{
	/* width: 960px;
	height: 400px; */
	display: none;
}

img.close-popup {
    position: absolute;
    top: 4%;
    /* right: -79%; */
    /* left: 88.4%; */
	left: 97%;
}
img.close-popup:hover {
   cursor: pointer;
}
.popupquestion {
    margin-top: 18px;
    margin-bottom: 9px;
	font-weight: 500;
}

.popupPara2 {
    font-size: 14px;
    color: #303030;
    font-weight: 400;
    /* padding-top: 15px; */
    line-height: 20px;
}
.popupquestion{
	font-size:14px ;
}
.footer-arrow-img {
	position: relative;
    width: 11px;
    height: 22px;
    top: 18%;
    left: 4%;
}
span.exclusive-bold {
    font-weight: 500;
}
.popuptext {
/* overflow-y: scroll; */
height: 100%;
height: 93%;
padding-right: 5px;
/* padding-top: 15px; */
}
.small-labImage{
	height:100% !important;
}
.large-labImage{
	height: 506px !important;
}
@media (max-width: 1199px) and (orientation: landscape){
	#immunoLab {
		width: 100%;
	}
	.img-large{
		width: 100%;
	  }
	  #immunoLabCellScreen{
		width: 100%;
	  }
	  #labImage{
		max-width: 100%;
		height: 100%;
		/* height: 506px; */
	  }

	  .instrumentInfoContainer {
		width: 75%;
	}
	img.img-p {
		width: 66%;
	}
	
}

@media(max-width:1180px)and (orientation: landscape){

	.cardPopupContainer::after {
		content: " ";
		position: absolute;
		bottom: 0%;
		right: 40%;
		width: 0;
		height: 0;
		bottom: -7.5%;
		border-top: 35px solid #fff;
		border-right: 21px solid transparent;
		border-left: 21px solid transparent;
	}
	.cardPopupContainer.changed::after {
		content: " ";
		position: absolute;
		bottom: 0%;
		right: 13%;
		width: 0;
		height: 0;
		bottom: -7.5%;
		border-top: 35px solid #fff;
		border-right: 21px solid transparent;
		border-left: 21px solid transparent;
	}
	.cardPopupContainer {	
		/* top: 3.99%; */
		z-index: 10;
	}
	.dataContainer .v-logo {
	margin-top: 20px;
    width: 84%;
    margin-left: 6%;
    margin-right: 4%;
	/* try this */
	overflow: scroll;
	overflow-y: hidden;
	scrollbar-width:none
	}
	.pre-btn {
		left: 0.9%;
		
	}
	.pre-btn,.nxt-btn{
		top: 22%;
	}
	.v-logo-card p{
		margin-top: 4px;
	}
	.product-card{
	/* try this */
	width: 40.5%;
	height: 291px;
	margin-right:35px;
	}
	.v-logo-card {
		width: 100%;
		height: 56%;
		position: relative;
		cursor: pointer;
		transition: transform .4s;
	}
	.v-logo-card img {
	/*try this*/
	width: 100%; 
	}

}

@media (max-width:1024px) and (orientation:landscape){
	.popuptext{
		overflow-y: scroll;
	}
	/* .footer-blue-div{
		bottom: 15%;
	} */
	.text-div {
	
		padding: 1.1% 0% 1.9% 3.6%;
		
	}
	.popupContent{
		height: 322px;
	}
	.popupPara2{
		font-size: 13px;
	}
	.popupPara{
		font-size: 13px;
	}
	.popupquestion{
		font-size: 13px;
	}
	.popupquestion{
       font-size: 13px;
	}
	.pre-btn, .nxt-btn{
		top: 22%;
	}
	.cardPopupContainer{
		/* left: 20%; */
		/* top: 1%; */
	}
	.product-card {
		margin-right: 35px;
	}
	.dataContainer .v-logo {
		margin-left: 4%;
		margin-right: 4%;
		width:90%
	}
	#hotspot00 .hotspotBtn .line {
		height: 59px;
	}
	#hotspot01 .hotspotBtn .line {
		height: 33px;
	}
	#hotspot02 .hotspotBtn .line{
		height: 68px;
	}
	#hotspot03 {
		top: 17%;

    left: 33.5%;
	}
	#hotspot03 .hotspotBtn .line {
		height: 51px;
	}
	#hotspot00 {
		top: 16.5%;
    left: 3%;
	}
	#hotspot01 {
		top: 21%;
		left: 17.6%;
	}
	#hotspot02 {
		top: 13.5%;
    left: 23.5%
	}
	#hotspot04 {
		top: 5.5%;
		left: 47%;
	}
	#hotspot05 {
		top: 10%;
    left: 59.6%;
	}
	#hotspot05 .hotspotBtn .line {
		height: 64px;
	}
	#hotspot06 {
		top: 12.5%;
    left: 71%;
	}
	#hotspot07 {
		top: 14%;
		left: 84.3%;
	}
	#hotspot07 .hotspotBtn .line {
		height: 123px;
	}
}

@media (max-width: 992px) and (orientation: landscape){
	.accordion{
		padding: 10px 0px 10px 0px;
	}
	.closePopupBtn{
		width: 16px;
		height: 16px;
	}
	.cardPopupContainer {
		position: absolute;
		/* top: 2%; */
		/* left: 16%; */
	}
	.cardPopupContainer::after {
		content: " ";
		position: absolute;
		bottom: 0%;
		right: 40%;
		width: 0;
		height: 0;
		bottom: -4.5%;
		border-top: 19px solid #fff;
		border-right: 21px solid transparent;
		border-left: 21px solid transparent;
	}
	.cardPopupContainer.changed::after {
		content: " ";
		position: absolute;
		bottom: 0%;
		right: 13%;
		width: 0;
		height: 0;
		bottom: -4.5%;
		border-top: 19px solid #fff;
		border-right: 21px solid transparent;
		border-left: 21px solid transparent;
	}
	img.right-arrow-footer {
		align-items: center;
		vertical-align: middle;
		position: relative;
		align-items: center;
		vertical-align: middle;
		left: 0%;
		/* top: -4%; */
		width: 30px;
	}
	.footer-blue-div{
		font-size: 17px;
		/* bottom: 17%; */
	}
	.instrumentTitle{
		font-size: 12px !important; 
	}
	/* .video-popup video{
	padding-right: 4%;
    padding-left: 4%;
	} */
	.hotspot-div-popupButton{
		font-size: 12px;
		width: 162px;
		padding: 4px;
		padding-left: 4.5%;

	}
	img.rightarrow2{
		width: 8px !important;
	}
	.popuptext{
		height: 84%;
	}
	p.card-head{
		font-size: 16px;
	}
	p.card-subhead{
		font-size: 12px;
	}
	.head-text{
		font-size: 20px;
	}
	.popupheading{
		font-size: 18px;
	}
	.popupPara{
		font-size: 12px;
	}
	.popupPara2{
		font-size: 12px;
	}
	.popupquestion{
		font: 12px;
	}
	.cta-button a{
		font-size: 12px;
		padding: 14px 19px;
	}
	#popUpData {	
		font-size: 12px;	
	}
	.instrumentInfoContainer .infoContainer{
		font-size: 12px;
	}
	.headingContainer2{
		font-size: 20px;
	}
	.instrumentInfoContainer {
		width: 72%;
	}

	#popUpData .tabList .tabCaption{
		font-size: 12px;
	}
	#hotspot00 {
		top: 16%;
		left: 2.5%;
	}
	#hotspot00 .hotspotBtn .line {
		height: 55px;
	}
	#hotspot01 {
		top: 20.4%;
    left: 18%;
	}
	#hotspot02 {
		top: 15.7%;
		left: 23.5%;
	}
	#hotspot02 .hotspotBtn .line {
		height: 53px;
	}
	#hotspot03 {
		top: 19.5%;
    left: 34.5%;
	}
	#hotspot03 .hotspotBtn .line {
		height: 37px;
	}
	#hotspot04 {
		top: 5%;
    left: 47.5%;
	}
	#hotspot05 {
		top: 13%;
    left: 60%;
	}
	#hotspot05 .hotspotBtn .line {
		height: 55px;
	}
	#hotspot06 {
		top: 12.2%;
    left: 71.2%;
	}
	#hotspot06 .hotspotBtn .line {
		height: 50px;
	}
	#hotspot07 {
	    top: 14%;
    left: 84%;
	}
	.v-logo-card img{
		width: 100%;
	}
	.pre-btn {
		left: 1.5%;
	}

	.v-logo-card{
		height: 45%;
	}
	.pre-btn, .nxt-btn{
		top: 19%;
	}
	.dataContainer .v-logo{
		margin-left: 6%;
	}
	.v-logo{
		gap: 4%;
	}
	.product-card {
		margin-right: 32px;
	}
	/* .card1{
		left: 11%;
	}
	 */
	#hotspot07 .hotspotBtn .line {
		height: 106px;
	}
	.heading-div{
		width: 53%;
	}
	.cell1-div,.cell2-div {
		width: 25%;
	}
	.last-div{
		width: 5%;
	}
}
/* for hotspot positions */
@media(max-width:915px) and (orientation:landscape){
	img.close-popup{
		width: 16px;
		height: 16px;
	}
	.popupheading {
		font-size: 17px;
	}
	.popupContent {
		height: 262px;
	}
	.cardPopupContainer {
		position: absolute;
		/* top: 2%; */
		/* left: 16%; */
	}
	#hotspot00 {
		top: 11%;
		left: 2.5%;
	}
	#hotspot00 .hotspotBtn .line {
		height: 55px;
	}
	#hotspot01 {
		top: 14.4%;
    left: 15.5%;
	}
	#hotspot02 {
		top: 11.7%;
    left: 23%;
	}
	#hotspot02 .hotspotBtn .line {
		height: 53px;
	}
	#hotspot03 {
		top: 17.5%;
		left: 33%;
	}
	#hotspot03 .hotspotBtn .line {
		height: 37px;
	}
	#hotspot04 {
		top: 1%;
    left: 47%;
	}
	#hotspot05 {
		top: 8%;
    left: 59.2%;
	}
	#hotspot05 .hotspotBtn .line {
		height: 55px;
	}
	#hotspot06 {
		top: 7.2%;
    left: 70.2%;
	}
	#hotspot06 .hotspotBtn .line {
		height: 50px;
	}
	#hotspot07 {
		top: 10%;
		left: 82.7%;
	}
}
@media(max-width:896px) and (orientation:landscape){
	.footer-blue-div {
		font-size: 16px;
	}
	
}

@media(max-width:851px){
	.cardPopupContainer {
		position: absolute;
		/* top: 3%; */
		bottom: 18%;
	}

	.cardPopupContainer {
		position: absolute;
		/* top: 3%; */
	}
	.cardPopupContainer{
		/* left: 13.5%; */
	}
	#hotspot00 .hotspotBtn .line {
		height: 46px;
	}
	#hotspot01 .hotspotBtn .line {
		height: 28px;
	}
	#hotspot02 .hotspotBtn .line {
		height: 47px;
	}
	#hotspot03 .hotspotBtn .line {
		height: 27px;
	}
	#hotspot04 .hotspotBtn .line {
		height: 27px;
	}
	#hotspot05 .hotspotBtn .line {
		height: 47px;
	}
	#hotspot06 .hotspotBtn .line {
		height: 42px;
	}
	#hotspot07 .hotspotBtn .line {
		height: 94px;
	}

}
@media(max-width:850px)and (orientation:landscape){
	.footer-blue-div {
		font-size: 15px;
	}
}
@media(max-width:844px) and (orientation:landscape){
	.cardPopupContainer {
		position: absolute;
		/* top: 4%; */
	}
	.popupContent {
		height: 194px;
	}

}

@media(max-width:844px) and (orientation:landscape){
	.popupContent {
		height: 239px;
	}
}
@media(max-width:831px) and (orientation:landscape){
	.product-card {
		margin-right: 27px;
	}
	#popUpData {
		line-height: 17px;
	}
	.pre-btn, .nxt-btn{
		top: 15%;
	}
	.heading-div {
		width: 55%;
	}
}


@media only screen and (max-width:820px) and (orientation:portrait) {
	.main-container{
		display: none;
	}	
	
	#immunoLab {
		width: 100%;
		padding: 0;
	}

#warning-message { 
	width:100%;
	height:100%;
	color:#ffffff;
	font-size: 20px;
	line-height: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-image: url("https://www.agilent.com/cs/promotions/images/mobile_portrait_bg.png");
	background-repeat: no-repeat;
	background-size: cover;
}	
.rotateImg{
	margin-bottom:20px;
}
.rotatetxt{
	text-align:center;
	padding: 10px;
}

}
@media (max-width:800px) and (orientation:landscape){
	.instrumentTitle{
		font-size: 10px;
	}
	#hotspot07 .hotspotBtn .line {
		height: 82px;
	}
	#hotspot06 .hotspotBtn .line {
		height: 29px;
	}
	#hotspot05 .hotspotBtn .line {
		height: 35px;
	}
	#hotspot04 .hotspotBtn .line {
		height: 13px;
	}
	#hotspot02 .hotspotBtn .line {
		height: 35px;
	}
	#hotspot03 .hotspotBtn .line {
		height: 18px;
	}
	#hotspot01 .hotspotBtn .line {
		height: 21px;
	}
	#hotspot00 .hotspotBtn .line {
		height: 30px;
	}
}

@media (max-width:768px) and (orientation:landscape){
	.cardPopupContainer {
		position: absolute;
		/* top: 3%; */
		bottom: 21%;
	}
	.last-div {
		width: 1%;
	}
	.instrumentTitle{
		font-size: 10px;
	}
	/* .footer-blue-div {
		
		bottom: 34%;
	} */
	.cardPopupContainer {
		position: absolute;
		/* top: 12%; */
	}
	.footer-blue-div {
		font-size: 15px;
		overflow-y: hidden;
	}

	.cardPopupContainer::after {
		content: " ";
		position: absolute;
		bottom: 0%;
		right: 40%;
		width: 0;
		height: 0;
		bottom: -6.5%;
		border-top: 19px solid #fff;
		border-right: 21px solid transparent;
		border-left: 21px solid transparent;
	}
	.cardPopupContainer.changed::after {
		content: " ";
		position: absolute;
		bottom: 0%;
		right: 13%;
		width: 0;
		height: 0;
		bottom: -6.5%;
		border-top: 19px solid #fff;
		border-right: 21px solid transparent;
		border-left: 21px solid transparent;
	}
	.hotspot-div-popupButton{
		font-size: 10px;
		width: 162px;
		padding: 4px;
		padding-left: 4.5%;

	}
	.popuptext {
		overflow-y: scroll;
		/* height: 78%; */
		height: 71%;
	}
	.popupheading {
		margin-bottom: 9px;
	}
	.popupquestion {
		margin-top: 5px;
		margin-bottom: 3px
	}
	.popupContent {
		height: 198px;
	}

	img.rightarrow2{
		width: 7px !important;
	}	
	p.card-head{
		font-size: 14px;
	}
	p.card-subhead{
		font-size: 11px;
	}
	.popupheading{
		font-size: 16px;
	}
	.popupPara{
		font-size: 10px;
		/* padding-top: 20px; */
		line-height: 17px;
	}
	.popupPara2{
		font-size: 10px;
	}
	.popupquestion{
		font-size:10px ;
	}
	.popupquestion{
		font-size: 10px;
	}
	.cta-button a{
		font-size: 10px;
		padding: 12px 16px;
	}
	#popUpData {	
		font-size: 10px;	
	}
	.instrumentInfoContainer .infoContainer{
		font-size: 10px;
	}
	.instrumentInfoContainer {
		width: 69%;
	}
	#popUpData .tabList .tabCaption{
		font-size: 10px;
	}
	.v-logo-card{

	}
	.v-logo-card{
		height: 31%;
	}
	.headingContainer2{
		font-size: 18px;
	}
	/* .card1{
		left:8%;
	} */
	/* .card2{
		left: 10%;
	} */

	#hotspot00 {
		top: 13.1%;
    left: 2%;
	}
	#hotspot00 .hotspotBtn .line {
		height: 34px;
	}
	#hotspot01 {
		top: 14%;
    left: 16%;
	}
	#hotspot02 {
		top: 6%;
    left: 22%;
	}
	#hotspot01 .hotspotBtn .line {
		height: 26px;
	}
	#hotspot02 .hotspotBtn .line {
		height: 63px;
	}
	#hotspot03 {
		top: 13%;
    left: 33.3%;
	}
	#hotspot04 {
		top: 0.5%;
    left: 46.2%;
	}
	#hotspot04 .hotspotBtn .line {
		height: 30px;
	}
	#hotspot05 {
		top: 7%;
    left: 58.7%;
	}
	#hotspot04 .hotspotBtn .line {
		height: 23px;
	}
	#hotspot05 .hotspotBtn .line {
		height: 46px;
	}
	#hotspot06 {
		top: 5.7%;
    left: 70%;
	}
	#hotspot06 .hotspotBtn .line {
		height: 41px;
	}
	#hotspot07 {
		top: 14.5%;
    left: 83.5%;
	}
	#hotspot07 .hotspotBtn .line {
		height: 68px;
	}
	#hotspot03 .hotspotBtn .line {
		height: 38px;
	}
}

@media(max-width:740px) and (orientation:landscape){
	.cardPopupContainer::after {
		right: 25%;
		bottom: -4.5%;
	}
	.cardPopupContainer.changed::after {
		right: 5%;
		bottom: -4.5%;
		}
	.cardPopupContainer{
		/* left:5.5%; */
	}
	.heading-div {
		width: 75%;
	}
	.last-div {
		width: 0%;
	}
	
	/* .popupheading {
		margin-bottom: 15px;
	} */

}

@media(max-width:667px) and (orientation:landscape){

	.popupContent {
		height: 175px;
	}
	
	.accordion{
		padding: 12px 0px;
	}
	.cardPopupContainer {
		position: absolute;
		/* top: 8%; */
		/* left: 2.5%; */
	}
	.cardPopupContent{
		width: 498px;
	}
	.product-card {
		margin-right: 23px;
	}
	
	/* hotspot for 667px */
	#hotspot00 .hotspotBtn .line {
		height: 20px;
	}
	#hotspot00 {
		top: 13%;
    left: 2%;
	}
	#hotspot01 .hotspotBtn .line {
		height: 13px;
	}
	#hotspot01 {
		top: 15.3%;
    left: 16%;
}
#hotspot02 .hotspotBtn .line {
	height: 53px;
}
#hotspot02 {
	top: 4%;
left: 21.5%;
}
#hotspot03 {
	top: 12%;
    left: 32.5%;
}
#hotspot03 .hotspotBtn .line {
	height: 30px;
}
#hotspot04 {
	top: 0.5%;
left: 45.5%;
}
#hotspot04 .hotspotBtn .line {
	height: 18px;
}
#hotspot05 {
	top: 6%;
    left: 58%;
}
#hotspot05 .hotspotBtn .line {
	height: 37px;
}
#hotspot06 {
	top: 1.7%;
    left: 69%;
}
#hotspot06 .hotspotBtn .line {
	height: 38px;
}
#hotspot07 {
	top: 12.5%;
    left: 83.5%;
}
#hotspot07 .hotspotBtn .line {
	height: 54px;
}
	}
	

@media(max-width:653px){
	
	.cardPopupContainer{
		/* left: 1.5%; */
	}
}

@media only screen and (max-width:640px) and (orientation:portrait) {
	.main-container{
		display: none;
	}	

	#immunoLab {
		width: 100%;
		padding: 0;
	}

#warning-message { 
	width:100%;
	height:100%;
	color:#ffffff;
	font-size: 20px;
	line-height: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-image: url("https://www.agilent.com/cs/promotions/images/mobile_portrait_bg.png");
	background-repeat: no-repeat;
	background-size: cover;
}	
.rotateImg{
	margin-bottom:20px;
}
.rotatetxt{
	text-align:center;
	padding: 10px;
}

}