#gLabs {
	& {
		background: #000;
	}
	& .gl_container {
		max-width: 1600px;
		padding: 0 30px;
		width: 100%;
		margin: auto;
		position: relative;
		clear: both;
	}
	& .gl_btn {
		& {
			background: radial-gradient(107.08% 85.59% at 86.3% 87.5%, rgba(0, 0, 0, .23) 0, transparent 86.18%), radial-gradient(83.94% 83.94% at 26.39% 20.83%, hsla(0, 0%, 100%, .41) 0, hsla(0, 0%, 100%, 0) 69.79%, hsla(0, 0%, 100%, 0) 100%), linear-gradient(91deg, #d9f754 -5.54%, #a6fa62 165.98%);
			border-radius: 7px;
			box-shadow: inset -1.717px -2.289px 4.006px 0 hsla(0, 0%, 100%, .15);
			letter-spacing: .05em;
			text-transform: uppercase;
			height: 58px;
			width: 270px;
			display: flex;
			align-items: center;
			color: #000;
			justify-content: center;
			font-weight: 600;
			position: relative;
			overflow: hidden;
		}
		& span {
			& {
				position: absolute;
				left: 0;
				width: 100%;
				text-align: center;
				transition: .3s transform;
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
			}
			&:first-of-type {
				top: 0;
			}
			&:last-of-type {
				top: 100%;
			}
		}
		&:hover span {
			& {
				transform: translateY(-100%);
			}
		}
	}
	& .gl_head {
		& {
		    position: relative;
		    height: 53vw;
		    overflow: hidden;
		}
		& img {
		    max-width: 100%;
		}
		& .container {
		    position: absolute;
		    top: 10vw;
		    left: 0;
		    right: 0;
		}
		& .column {
			& {
			    max-width: 450px;
			    display: flex;
			    flex-direction: column;
			    gap: 20px;
			    align-items: flex-start;
			}
			& h1 {
			    color: #69ff47;
			    font-weight: 900;
			    font-size: 38px;
			    margin: 0;
			    text-transform: uppercase;
			}
			& h2 {
			    margin: 0;
			    color: #fff;
			    font-size: 24px;
			}
		}
	}
	& .gl_man {
		& {
		    position: relative;
		    height: 44vw;
		}
		& img {
		    max-width: 100%;
		}
		& .container {
			position: absolute;
		    top: 10vw;
		    left: 0;
		    right: 0;
		}
		& h2 {
			& {color: #fff;text-transform: uppercase;font-weight: 900;font-size: 82px;font-weight: 900;line-height: 1;margin: 0;}
			& span {-webkit-text-fill-color: transparent;background: linear-gradient(90deg, #dbf856 .85%, #a6fa62 103.8%);-webkit-background-clip: text;}
		}
	}
	& .gl_video {
		& {
		    position: relative;
		    height: 53vw;
		    overflow: hidden;
		}
		& .gl_video-item {
		    max-width: 100%;
		    pointer-events: none;
		}
		& .container {
			& {
			    position: absolute;
			    left: 0;
			    right: 0;
			    height: 100%;
			    top: 0;
			    display: flex;
			    flex-direction: column;
			    align-items: center;
			    justify-content: center;
			    color: #fff;
			    gap: 20px;
			    text-align: center;
			    font-size: 36px;
			}
			& h2 {
			    margin: 0;
			    font-size: 76px;
			    text-transform: uppercase;
			    font-weight: 900;
			    color: inherit;
			}
			& p {
			    opacity: .9;
			}
		}
	}
	& .gl_slider {
		& {
		    background: #fff;
		    padding: 30px 0;
		}
		& .asd {}
	}
	& .gl_scrolls {
		& {}
		& .gl_container {
			& {}
			& .top {
				& {
					position: sticky;
					top: 20px;
					width: 100%;
					display: flex;
					align-items: center;
					justify-content: space-between;
					z-index: 2;
				}
				& .logo {
					& {
					    max-width: 200px;
					}
					& svg {max-width: 100%}
				}
			}
			& .bottom {
				& {
				    position: sticky;
				    bottom: 5vw;
				    display: flex;
				    justify-content: center;
				    z-index: 2;
				    display: none;
				}
				& .gl_btn {
				    font-size: 4vw;
				    padding: 3vw 4vw;
				    width: 80%;
				    text-align: center;
				}
			}
			& .gl_menu {
				& {
				    position: fixed;
				    bottom: 20px;
				    left: 0;
				    right: 0;
				    margin: 0 auto;
				    max-width: 1600px;
				    -webkit-backdrop-filter: blur(12.5px);
				    backdrop-filter: blur(12.5px);
				    background: linear-gradient(180deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1));
				    border-radius: 4px;
				    bottom: 3%;
				    z-index: 5;
					opacity: 0;
					transform: translateY(300%);
					pointer-events: none;
					transition: .3s opacity, .3s transform;
				}
				&.shown {pointer-events: all;opacity:1;transform: translateY(0%)}
				& .list {
					display: flex;
				    justify-content: space-between;
				}
				& span {
					& {
					    padding: 0 30px;
					    color: #fff;
					    font-size: 16px;
					    text-transform: uppercase;
					    font-weight: 600;
					    height: 65px;
					    display: inline-flex;
					    align-items: center;
					    cursor: pointer;
						transition: .3s opacity;
						}
					&:hover {opacity: .5}
					&.active {
						background: linear-gradient(0deg, #b5f762, #b5f762), linear-gradient(90.34deg, hsla(0, 0%, 100%, .1) 4.75%, hsla(0, 0%, 100%, .033) 68.07%, hsla(0, 0%, 100%, .065) 104.18%);color: #131313;
					}
				}
			}
		}
		& .gl_slides {
			& {
				display: flex;
				flex-direction: column;
				scroll-behavior: smooth;
				scroll-snap-type: y mandatory;
				overflow: hidden;
			}
			& .gl_slide {height: 100vh;position: relative;scroll-snap-align: start;}
			& .gl_row {display: flex;align-items: center;height: 100%;justify-content: space-between;}
			& .column {
				& {
					display: flex;
					flex-direction: column;
					gap: 20px;
					transition: .5s opacity;
				}
				& h2 {
					font-size: 74px;
					font-weight: 900;
					line-height: 1;
					margin: 0;
					color: #fff;
				}
				& p {
					margin: 0;
					font-size: 22px;
					color: #fff;
					opacity: .5;
				}
			}
			& .gl_arrow {transition: .5s opacity;}
			& .gl_sbstart {
				& {}
				& .gl_row {}
				& .left {
					& {
						width: 55%;
					}
					& .column {
						& {
							display: flex;
							flex-direction: column;
							align-items: flex-start;
							gap: 20px;
							transition: .5s opacity;
						}
						& h2 {
							-webkit-text-fill-color: transparent;
							background: linear-gradient(90deg, #dbf856 .85%, #a6fa62 103.8%);
							-webkit-background-clip: text;
							font-size: 82px;
							font-weight: 900;
							line-height: 1;
							margin: 0;
						}
						& p {
						}
					}
				}
				& .right {
					& {
						width: 45%;
					}
					& .image {
						& {
							width: 100%;
							padding-top: 75%;
							position: relative;
						}
						& img {
							position: absolute;
							top: 0;
							left: 28%;
							max-width: 100%;
							max-height: 100%;
						}
					}
				}
				& .gl_scroll {
					& {
						position: absolute;
						bottom: 5%;
						left: 50%;
						transform: translateX(-50%);
						display: flex;
						flex-direction: column;
						gap: 10px;
						color: #a2a2a2;
						text-transform: uppercase;
						font-size: 13px;
						text-align: center;
					}
					& svg {
						width: 60px;
					}
					& span {}
				}
			}
			& .gl_slide-0 {
				& {}
				& .gl_row {}
				& .left {
					& {
					    width: 50%;
					}
					& .image {
						& {
						    width: 100%;
						    padding-top: 75%;
						    position: relative;
						}
						& img {
						    max-width: 100%;
						    position: absolute;
						    top: 0;
						    left: 76%;
						    max-height: 100%;
						}
					}
				}
				& .right {
					& {
					    width: 50%;
					}
					& .column {
						& {
						    display: flex;
						    flex-direction: column;
						    gap: 20px;
						}
						& h2 {
						    font-size: 74px;
						    font-weight: 900;
						    line-height: 1;
						    margin: 0;
						    color: #fff;
						}
						& p {
						    margin: 0;
						    font-size: 22px;
						    color: #fff;
						    opacity: .5;
						}
					}
				}
				& .features {
					& {display: none}
					& .title {
					    background: radial-gradient(92.09% 85.42% at 86.3% 87.5%, rgba(0, 0, 0, .23) 0, transparent 86.18%), linear-gradient(91.43deg, #d9f754 -5.54%, #a6fa62 165.98%), radial-gradient(65.28% 65.28% at 26.39% 20.83%, hsla(0, 0%, 100%, .413) 0, hsla(0, 0%, 100%, 0) 69.79%, hsla(0, 0%, 100%, 0) 100%);
					    box-shadow: inset -1.7170701026916504px -2.289426803588867px 4.006496906280518px 0 #ffffff26;
					    color: #151713;
					    padding: 4vw;
					    font-size: 2vw;
					}
					& .list {
						& {
						    display: flex;
						    flex-wrap: wrap;
						    gap: 3vw 0;
						    justify-content: center;
						    align-items: center;
						}
						& span {
						    width: 1px;
						    height: 7vw;
						    background: #fff;
						}
						& .feature {
							& {
							    width: calc(33.33% - 1px);
							    display: flex;
							    flex-direction: column;
							    align-items: center;
							    color: #fff;
							    font-size: 2.5vw;
							    gap: 2vw;
							    padding: 0 2vw;
							    text-align: center;
							}
							& img {}
						}
					}
				}
			}
			& .gl_slide-1 {
				& {}
				& .gl_row {
				}
				& .left {
					& {
					    width: 50%;
					}
					& .image {
						& {
						    width: 100%;
						    padding-top: 95%;
						    position: relative;
						}
						& img {
							& {position: absolute;}
							&:first-of-type {
								width: 55%;
								bottom: 0;
								left: 22.5%;
								height: auto;
							}
							&:last-of-type {width: 55%;top: 2%;left: 22.5%;height: auto;}
						}
					}
				}
				& .right {
					& {
					    width: 45%;
					}
					& .column {
						& {}
						& h2 {}
						& p {}
					}
				}
				& .gl_arrow {
				    position: absolute;
				    left: 32%;
				    top: 28%;
				    width: 18%;
				}
			}
			& .gl_slide-2 {
				& {}
				& .gl_row {
				    justify-content: flex-start;
				}
				& .left {
					& {
					    width: 40%;
					}
					& .column {
						& {}
						& h2 {}
						& p {}
					}
				}
				& .right {
					& {
					    width: 33.33%;
					}

					& .image {
						& {
						    width: 100%;
						    padding-top: 100%;
						    position: relative;
						}
						& img {
							position: absolute;
							width: 66%;
							bottom: 0;
							left: 50%;
							height: auto;
							transform: translateX(-50%);
						}
					}
				}
				& .gl_arrow {
				    position: absolute;
				    left: 33%;
				    top: 30%;
				    width: 20%;
				}
			}
			& .gl_slide-3 {
				& {}
				& .gl_row {
				    justify-content: flex-end;
				}
				& .left {
					& {
					    width: 40%;
					}
					& .image {
						& {
						    width: 100%;
						    padding-top: 100%;
						    position: relative;
						    overflow: hidden;
						}
						& img {
							position: absolute;
							width: 66%;
							top: 0;
							left: 50%;
							height: auto;
							transform: translateX(-50%);
							object-fit: contain;
						}
					}
				}
				& .right {
					& {
					    width: 33.33%;
					}
					& .column {
						& {}
						& h2 {}
						& p {}
					}
				}
				& .gl_arrow {
				    position: absolute;
				    left: 45%;
				    top: 45%;
				    width: 20%;
				    transform: scale(1, -1);
				}
			}
			& .gl_slide-4 {
				& {}
				& .gl_row {
					justify-content: flex-start;
				}
				& .left {
					& {
					    width: 45%;
					}
					& .image {
						& {
						    width: 100%;
						    padding-top: 95%;
						    position: relative;
						    overflow: hidden;
						}
						& img {
							& {position: absolute;}
							&:first-of-type {
								width: 24%;
								bottom: 5%;
								left: 38.5%;
								height: auto;
								z-index: 2;
								transform: translateY(-150%);
							}
							&:last-of-type {width: 90%;bottom: 6%;left: 5%;height: auto;transform: translateY(180%);}
						}
					}
				}
				& .right {
					& {
					    width: 45%;
					}
					& .column {
						& {}
						& h2 {}
						& p {}
					}
				}
				& .gl_arrow {
				    position: absolute;
				    left: 38%;
				    top: 40%;
				    width: 3%;
				    transform: scale(-1, 1);
				}
			}
		}
	}
	& .gl_compare {
		& {
			background: url(/image/landing/labs/bg_1920_804.png) repeat-y 0 0 / 100% auto;
			padding: 40px 0;
		}
		& .g {
			background: #009da8;
		}
		& .b {
			background: #008cd1;
		}
		& .o {
			background: #ff6b00;
		}
		& .f {
			background: #001862;
		}
		& .d {
			background: #000000;
		}
		& .gl_cmp-t {
			display: flex;
			width: 100%;
		}
		& .gl_cmp-t-left {
			& {
				width: 25%;
				color: #fff;
				flex-shrink: 0;
				font-weight: 900;
			}
			& .gl_cmp-t-top {
				color: #fff;
				font-size: 25px;
				text-transform: uppercase;
				font-weight: 900;
				padding-right: 20px;
			}
			& .gl_cmp-t-bottom {}
			& .gl_cmp-t-row {padding-right: 20px;justify-content: flex-start;gap: 0;}
		}
		& .gl_cmp-t-right {
			& {
				width: 75%;
			}
			& .gl_cmp-t-top {
				display: flex;
				gap: 20px;
				width: 100%;
			}
			& .gl_cmp-t-bottom {}
		}
		& .gl_cmp-t-top {
			height: 375px;
		}
		& .gl_cmp-t-bottom {
			display: flex;
			flex-direction: column;
		}
		& .gl_cmp-t-row {
			border-bottom: 1px solid rgba(255, 255, 255, .3);
			display: flex;
			gap: 20px;
			height: 30px;
			align-items: center;
		}
		& .gl_cmp-t-mt {display: none;color: #fff;text-align: center;font-size: 16px;}
		& .gl_cmp-t-col {
			width: calc(100% / 7);
			display: flex;
			align-items: center;
			justify-content: flex-start;
			text-align: center;
			color: #fff;
			gap: 5px;
			font-size: 12px;
			height: 100%;
		}
		& .gl_cmp-t-top .gl_cmp-t-col {justify-content: flex-start;flex-direction: column;gap: 20px;padding: 20px 10px;}
		& .gl_cmp-t-logo {
			& {
				width: 100%;
				height: 55px;
			}
			& img {
				max-width: 100%;
			}
		}
		& .gl_cmp-t-img {
			& {
				width: 100%;
				height: 200px;
				display: flex;
				align-items: center;
				justify-content: center;
			}
			& img {
				max-width: 100%;
				max-height: 100%;
				object-fit: cover;
			}
		}
		& .gl_cmp-t-btn {
			& {
				width: 100%;
				height: 40px;
				color: #121212;
				background: #b6e905;
				display: flex;
				align-items: center;
				justify-content: center;
				text-transform: uppercase;
				font-size: 12px;
				font-weight: 900;
				transition: .3s opacity;
			}
			&:hover {
				opacity: .5;
			}
		}
		& .minus {
		    width: 15px;
		    height: 15px;
		    display: inline-block;
		    background: url('data:image/svg+xml,<svg width="5" height="3" viewBox="0 0 5 3" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.49012e-08 2.04003V2.93255e-05H4.8V2.04003H1.49012e-08Z" fill="white"/></svg>') no-repeat center center;
		}
		& .check {
		    width: 15px;
		    height: 15px;
		    display: inline-block;
		    background: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 0C10.1579 0 12.4911 1.3836 13.8232 3.46875L8 9.29297L4.35352 5.64648L3.64648 6.35352L8 10.707L14.3213 4.38477C14.7554 5.33387 15 6.38808 15 7.5C15 11.6421 11.6421 15 7.5 15C3.35786 15 0 11.6421 0 7.5C0 3.35786 3.35786 0 7.5 0Z" fill="%23fff"/></svg>') no-repeat center center;
		}
		& .d .check {background: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 0C10.1579 0 12.4911 1.3836 13.8232 3.46875L8 9.29297L4.35352 5.64648L3.64648 6.35352L8 10.707L14.3213 4.38477C14.7554 5.33387 15 6.38808 15 7.5C15 11.6421 11.6421 15 7.5 15C3.35786 15 0 11.6421 0 7.5C0 3.35786 3.35786 0 7.5 0Z" fill="%23B6E905"/></svg>') no-repeat center center;}
		& .circ {
			display: flex;
			align-items: center;
			justify-content: center;
			color: #fff;
			border-radius: 50%;
			background: #171714;
			width: 20px;
			height: 20px;
			font-size: 14px;
		}
		& .gl_cmp-t-v {display: flex;align-items: center;gap: 5px;justify-content: flex-end;width: calc(50% + 10px);}
		& .gl_cmp-t-foot {
			display: grid;
			grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
			grid-template-rows: 1fr;
			gap: 20px 20px;
			grid-template-areas:
				"a a b b b b .";
			color: #fff;
			text-align: center;
		}
		& [class*="gl_cmp-t-foot-col-"] {
			& {
			    padding: 5px 0;
			    border-bottom: 1px solid #fff;
			    position: relative;
			}
			&:before, &:after {position:absolute;content: '';width: 1px;background: #fff;bottom:0;height: 5px;}
			&:before {left: 0;}
			&:after {right: 0;}
			&.gl_cmp-t-foot-col-2 {
				grid-area: a;
			}
			&.gl_cmp-t-foot-col-4 {
				grid-area: b;
			}
			&.gl_cmp-t-foot-col-1 {}
		}
		& .gl_cmp-s {display: none}
		& .gl_cmp-s-top, & .gl_cmp-s-row {display: flex;gap: 4vw;}
		& .gl_cmp-s-top {
			& {margin-bottom: 2vw;position: sticky;top: 48px;z-index: 5;background: url(/image/landing/labs/bg_360_1391.jpg) repeat-y 0 0 / 100% auto;padding-top: 2vw;}
			& .gl_cmp-t-col {flex-direction: column;padding:2vw}
			& .gl_cmp-s-left, & .gl_cmp-s-right {width: 50%}
		}
		& .gl_cmp-s-bottom {display: flex;flex-direction: column;gap: 3vw;}
		& .gl_cmp-s-row-title {color:#fff;margin-top:2vw;text-align: center;justify-content: center;gap: 0;align-items: center;}
		& .attr-slider {
			& {width: 100%}
			& .gl_cmp-t-col {height:25px}
		}
		& .gl_cmp-s-c {
			& {
			    display: flex;
			    align-items: center;
			    justify-content: center;
			    gap: 5px;
			    margin-bottom: 5px;
			}
			& .gl__sl-arrow {
				& {
				    width: 32px;
				    height: 32px;
				    background-position: center;
				    background-repeat: no-repeat;
				    flex-shrink: 0;
				}
				&.gl__sl-arrow-p {background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="path-1-inside-1_2022_432" fill="white"><path d="M7 16L17.6066 26.6066L28.2132 16L17.6066 5.39339L7 16Z"/></mask><path d="M7 16L4.87868 18.1213L2.75736 16L4.87868 13.8787L7 16ZM7 16L9.12132 13.8787L19.7279 24.4853L17.6066 26.6066L15.4853 28.7279L4.87868 18.1213L7 16ZM17.6066 5.39339L19.7279 7.51471L9.12132 18.1213L7 16L4.87868 13.8787L15.4853 3.27207L17.6066 5.39339Z" fill="white" mask="url(%23path-1-inside-1_2022_432)"/></svg>');}
				&.gl__sl-arrow-n {background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="path-1-inside-1_2022_435" fill="white"><path d="M25 16L14.3934 26.6066L3.78679 16L14.3934 5.39339L25 16Z"/></mask><path d="M25 16L27.1213 18.1213L29.2426 16L27.1213 13.8787L25 16ZM25 16L22.8787 13.8787L12.2721 24.4853L14.3934 26.6066L16.5147 28.7279L27.1213 18.1213L25 16ZM14.3934 5.39339L12.2721 7.51471L22.8787 18.1213L25 16L27.1213 13.8787L16.5147 3.27207L14.3934 5.39339Z" fill="white" mask="url(%23path-1-inside-1_2022_435)"/></svg>');}
			}
			& .gl__sl-fraction {
			    color: #fff;
			    text-align: center;
			    width: auto;
			}
		}
		
	}
}
@media screen and (max-width: 1199px) {
	#gLabs {
		& {}
		& .gl_container {}
		& .gl_btn {
			& {
				font-size: 1.5vw;
				height: 5vw;
				width: 25vw;
			}
		}
		& .gl_head {
			& {}
			& img {}
			& .container {}
			& .column {
				& {}
				& h1 {
				    font-size: 3.5vw;
				}
				& h2 {
				    font-size: 2.1vw;
				}
			}
		}
		& .gl_man {
			& {}
			& img {}
			& h2 {
				& {
				    font-size: 7vw;
				}
				& span {}
			}
		}
		& .gl_video {
			& {}
			& .gl_video-item {}
			& .container {
				& {
				    gap: 1.5vw;
				    font-size: 2.4vw;
				}
				& h2 {
				    font-size: 5.7vw;
				}
				& p {}
			}
		}
		& .gl_scrolls {
			& {}
			& .gl_container {
				& {
					padding: 0 16px;
				}
				& .top {
					& {top: 35px;}
					& .logo {
						& {
							max-width: 175px;
						}
						& svg {}
					}
				}
				& .gl_menu {
					& {}
					&.shown {}
					& .list {}
					& span {
						& {
							padding: 0 2vw;
							height: 5vw;
							font-size: 1.5vw;
						}
						&:hover {}
						&.active {}
					}
				}
			}
			& .gl_slides {
				& {}
				& .gl_slide {}
				& .gl_row {}
				& .column {
					& {}
					& h2 {
						font-size: 5.5vw;
					}
					& p {
						font-size: 2vw;
					}
				}
				& .gl_arrow {}
				& .gl_sbstart {
					& {}
					& .gl_row {}
					& .left {
						& {}
						& .column {
							& {}
							& h2 {
								font-size: 7vw;
							}
							& p {}
						}
					}
					& .right {
						& {}
						& .image {
							& {}
							& img {}
						}
					}
					& .gl_scroll {
						& {}
						& svg {}
						& span {}
					}
				}
				& .gl_slide-0 {
					& {}
					& .gl_row {}
					& .left {
						& {}
						& .image {
							& {}
							& img {}
						}
					}
					& .right {
						& {}
						& .column {
							& {}
							& h2 {
								font-size: 5.5vw;
							}
							& p {}
						}
					}
				}
				& .gl_slide-1 {
					& {}
					& .gl_row {}
					& .left {
						& {}
						& .image {
							& {}
							& img {
								& {}
								&:first-of-type {}
								&:last-of-type {}
							}
						}
					}
					& .right {
						& {}
						& .column {
							& {}
							& h2 {}
							& p {}
						}
					}
					& .gl_arrow {
					    top: 33%;
					}
				}
				& .gl_slide-2 {
					& {}
					& .gl_row {}
					& .left {
						& {}
						& .column {
							& {}
							& h2 {}
							& p {}
						}
					}
					& .right {
						& {}
						& .image {
							& {}
							& img {}
						}
					}
					& .gl_arrow {
					    top: 33%;
					    left: 35%;
					}
				}
				& .gl_slide-3 {
					& {}
					& .gl_row {}
					& .left {
						& {}
						& .image {
							& {}
							& img {}
						}
					}
					& .right {
						& {}
						& .column {
							& {}
							& h2 {}
							& p {}
						}
					}
					& .gl_arrow {}
				}
				& .gl_slide-4 {
					& {}
					& .gl_row {}
					& .left {
						& {}
						& .image {
							& {}
							& img {
								& {}
								&:first-of-type {}
								&:last-of-type {}
							}
						}
					}
					& .right {
						& {}
						& .column {
							& {}
							& h2 {}
							& p {}
						}
					}
					& .gl_arrow {
					    top: 43%;
					}
				}
			}
		}
		& .gl_compare {
			& {padding: 2vw 0;}
			& .container {padding: 0 24px;}
			& .g {}
			& .b {}
			& .o {}
			& .f {}
			& .d {}
			& .gl_cmp-t {
			    flex-direction: column;
			    gap: 20px;
			}
			& .gl_cmp-t-left {
				& {
				    width: 100%;
				}
				& .gl_cmp-t-top {
				    height: auto;
				    font-size: 2.1vw;
				}
				& .gl_cmp-t-bottom {
				    display: none;
				}
				& .gl_cmp-t-row {}
			}
			& .gl_cmp-t-right {
				& {
				    width: 100%;
				}
				& .gl_cmp-t-top {
				    margin-bottom: 20px;
				    gap: 8px;
				    height: 335px;
				}
				& .gl_cmp-t-bottom {
				    gap: 16px;
				}
			}
			& .gl_cmp-t-top {}
			& .gl_cmp-t-bottom {}
			& .gl_cmp-t-row {
			    border: none;
			    gap: 8px;
			}
			& .gl_cmp-t-mt {
			    display: block;
			}
			& .gl_cmp-t-col {}
			& .gl_cmp-t-top .gl_cmp-t-col {
			    gap: 8px;
			    padding: 8px;
			}
			& .gl_cmp-t-logo {
				& {}
				& img {}
			}
			& .gl_cmp-t-img {
				& {}
				& img {}
			}
			& .gl_cmp-t-btn {
				& {}
				&:hover {}
			}
			& .minus {}
			& .check {}
			& .d .check {}
			& .circ {}
			& .gl_cmp-t-v {}
			& .gl_cmp-t-foot {
			    gap: 8px;
			}
			& [class*="gl_cmp-t-foot-col-"] {
				& {}
				&:before, &:after {}
				&:before {}
				&:after {}
				&.gl_cmp-t-foot-col-2 {}
				&.gl_cmp-t-foot-col-4 {}
				&.gl_cmp-t-foot-col-1 {}
			}
		}
	}
}
@media screen and (max-width: 991px) {
	#gLabs {
		& {}
		& .gl_container {}
		& .gl_head {
			& {}
			& img {}
			& .container {}
			& .column {
				& {}
				& h1 {}
				& h2 {}
			}
		}
		& .gl_video {
			& {}
			& .gl_video-item {}
			& .container {
				& {}
				& h2 {}
				& p {}
			}
		}
		& .gl_scrolls {
			& {}
			& .gl_container {
				& {}
				& .top {
					& {}
					& .logo {
						& {}
						& svg {}
					}
				}
				& .gl_menu {
					& {}
					&.shown {}
					& .list {}
					& span {
						& {}
						&:hover {}
						&.active {}
					}
				}
			}
			& .gl_slides {
				& {}
				& .gl_slide {}
				& .gl_row {}
				& .column {
					& {}
					& h2 {}
					& p {}
				}
				& .gl_arrow {}
				& .gl_sbstart {
					& {}
					& .gl_row {}
					& .left {
						& {}
						& .column {
							& {}
							& h2 {}
							& p {}
						}
					}
					& .right {
						& {}
						& .image {
							& {}
							& img {}
						}
					}
					& .gl_scroll {
						& {}
						& svg {}
						& span {}
					}
				}
				& .gl_slide-0 {
					& {}
					& .gl_row {}
					& .left {
						& {}
						& .image {
							& {}
							& img {}
						}
					}
					& .right {
						& {}
						& .column {
							& {}
							& h2 {}
							& p {}
						}
					}
				}
				& .gl_slide-1 {
					& {}
					& .gl_row {}
					& .left {
						& {}
						& .image {
							& {}
							& img {
								& {}
								&:first-of-type {}
								&:last-of-type {}
							}
						}
					}
					& .right {
						& {}
						& .column {
							& {}
							& h2 {}
							& p {}
						}
					}
					& .gl_arrow {
					    top: 39%;
					}
				}
				& .gl_slide-2 {
					& {}
					& .gl_row {}
					& .left {
						& {}
						& .column {
							& {}
							& h2 {}
							& p {}
						}
					}
					& .right {
						& {}
						& .image {
							& {}
							& img {}
						}
					}
					& .gl_arrow {
					    top: 38%;
					}
				}
				& .gl_slide-3 {
					& {}
					& .gl_row {}
					& .left {
						& {}
						& .image {
							& {}
							& img {}
						}
					}
					& .right {
						& {}
						& .column {
							& {}
							& h2 {}
							& p {}
						}
					}
					& .gl_arrow {}
				}
				& .gl_slide-4 {
					& {}
					& .gl_row {}
					& .left {
						& {}
						& .image {
							& {}
							& img {
								& {}
								&:first-of-type {}
								&:last-of-type {}
							}
						}
					}
					& .right {
						& {}
						& .column {
							& {}
							& h2 {}
							& p {}
						}
					}
					& .gl_arrow {
					    top: 45%;
					}
				}
			}
		}
		& .gl_compare {
			& {	}
			& .g {}
			& .b {}
			& .o {}
			& .f {}
			& .d {}
			& .gl_cmp-t {}
			& .gl_cmp-t-left {
				& {}
				& .gl_cmp-t-top {}
				& .gl_cmp-t-bottom {}
				& .gl_cmp-t-row {}
			}
			& .gl_cmp-t-right {
				& {}
				& .gl_cmp-t-top {}
				& .gl_cmp-t-bottom {}
			}
			& .gl_cmp-t-top {}
			& .gl_cmp-t-bottom {}
			& .gl_cmp-t-row {}
			& .gl_cmp-t-mt {}
			& .gl_cmp-t-col {}
			& .gl_cmp-t-top .gl_cmp-t-col {}
			& .gl_cmp-t-logo {
				& {}
				& img {}
			}
			& .gl_cmp-t-img {
				& {}
				& img {}
			}
			& .gl_cmp-t-btn {
				& {}
				&:hover {}
			}
			& .minus {}
			& .check {}
			& .d .check {}
			& .circ {}
			& .gl_cmp-t-v {}
			& .gl_cmp-t-foot {}
			& [class*="gl_cmp-t-foot-col-"] {
				& {}
				&:before, &:after {}
				&:before {}
				&:after {}
				&.gl_cmp-t-foot-col-2 {}
				&.gl_cmp-t-foot-col-4 {}
				&.gl_cmp-t-foot-col-1 {}
			}
		}
	}
}
@media screen and (max-width: 767px) {
	#gLabs {
		& {}
		& .gl_container {}
		& .gl_btn {
			& {
				font-size: 4vw;
				width: 80vw;
				height: 13vw;
			}
		}
		& .gl_head {
			& {
			    height: 155vw;
			}
			& img {}
			& .container {
			    top: 66vw;
			}
			& .column {
				& {
				    align-items: center;
				    max-width: 100%;
				    gap: 3vw;
				}
				& h1 {
				    text-align: center;
				    font-size: 8vw !important;
				    line-height: 1.2 !important;
				}
				& h2 {
				    font-size: 5vw;
				}

			}
		}
		& .gl_video {
			& {}
			& .gl_video-item {}
			& .container {
				& {}
				& h2 {
    font-size: 7vw;
}
				& p {
    font-size: 3.5vw;
}
			}
		}
		& .gl_scrolls {
			& {
			    margin-bottom: 7vw;
			}
			& .gl_container {
				& {}
				& .top {
					& {}
					& .logo {
						& {}
						& svg {}
					}
				}
				& .bottom {display: flex}
				& .gl_menu {
					& {
					    display: none;
					}
					&.shown {}
					& .list {}
					& span {
						& {}
						&:hover {}
						&.active {}
					}
				}
			}
			& .gl_slides {
				& {
				    gap: 7vw;
				}
				& .gl_slide {
				    height: auto;
				}
				& .gl_row {
				    flex-direction: column;
				    justify-content: flex-start;
				    gap: 5vw;
				}
				& .column {
					& {}
					& h2 {}
					& p {
					    font-size: 3vw;
					}
				}
				& .gl_arrow {}
				& .gl_sbstart {
					& {
					    height: auto;
					}
					& .gl_row {}
					& .left {
						& {
						    width: 100%;
						}
						& .column {
							& {}
							& h2 {}
							& p {
							    font-size: 3vw;
							}
							& .gl_btn {
								& {
								    display: none;
								}
							}
						}
					}
					& .right {
						& {
						    width: 100%;
						}
						& .image {
							& {
							    padding-top: 100%;
							}
							& img {}
						}
					}
					& .gl_scroll {
						& {
						    display: none;
						}
						& svg {}
						& span {}
					}
				}
				& .gl_slide-0 {
					& {}
					& .gl_row {}
					& .left {
						& {
						    width: 100%;
						    order: 2;
						}
						& .image {
							& {}
							& img {}
						}
					}
					& .right {
						& {
						    width: 100%;
						}
						& .column {
							& {}
							& h2 {}
							& p {}
						}
					}
					& .features {
					    display: flex;
					    flex-direction: column;
					    align-items: center;
					    margin-top: 4vw;
					    gap: 4vw;
					}
				}
				& .gl_slide-1 {
					& {}
					& .gl_row {}
					& .left {
						& {
						    width: 100%;
						    order: 2;
						}
						& .image {
							& {}
							& img {
								& {}
								&:first-of-type {}
								&:last-of-type {}
							}
						}
					}
					& .right {
						& {
						    width: 100%;
						}
						& .column {
							& {}
							& h2 {}
							& p {}
						}
					}
					& .gl_arrow {
					    display: none;
					}
				}
				& .gl_slide-2 {
					& {}
					& .gl_row {}
					& .left {
						& {
						    width: 100%;
						}
						& .column {
							& {}
							& h2 {}
							& p {}
						}
					}
					& .right {
						& {
						    width: 100%;
						}
						& .image {
							& {}
							& img {}
						}
					}
					& .gl_arrow {
					    display: none;
					}
				}
				& .gl_slide-3 {
					& {}
					& .gl_row {}
					& .left {
						& {
						    width: 100%;
						    order: 2;
						}
						& .image {
							& {}
							& img {}
						}
					}
					& .right {
						& {
						    width: 100%;
						}
						& .column {
							& {}
							& h2 {}
							& p {}
						}
					}
					& .gl_arrow {
					    display: none;
					}
				}
				& .gl_slide-4 {
					& {}
					& .gl_row {}
					& .left {
						& {
						    width: 100%;
						    order: 2;
						}
						& .image {
							& {}
							& img {
								& {}
								&:first-of-type {}
								&:last-of-type {}
							}
						}
					}
					& .right {
						& {
						    width: 100%;
						}
						& .column {
							& {}
							& h2 {}
							& p {}
						}
					}
					& .gl_arrow {
					    display: none;
					}
				}
			}
		}
		& .gl_compare {
			& {
			    padding: 4vw 0;
			    background: url(/image/landing/labs/bg_360_1391.jpg) repeat-y 0 0 / 100% auto;
			}
			& .g {}
			& .b {}
			& .o {}
			& .f {}
			& .d {}
			& .gl_cmp-t {
			    display: none;
			}
			& .gl_cmp-t-left {
				& {}
				& .gl_cmp-t-top {}
				& .gl_cmp-t-bottom {}
				& .gl_cmp-t-row {}
			}
			& .gl_cmp-t-right {
				& {}
				& .gl_cmp-t-top {}
				& .gl_cmp-t-bottom {}
			}
			& .gl_cmp-t-top {}
			& .gl_cmp-t-bottom {}
			& .gl_cmp-t-row {}
			& .gl_cmp-t-mt {}
			& .gl_cmp-t-col {
    width: 100%;
}
			& .gl_cmp-t-top .gl_cmp-t-col {}
			& .gl_cmp-t-logo {
				& {}
				& img {}
			}
			& .gl_cmp-t-img {
				& {}
				& img {}
			}
			& .gl_cmp-t-btn {
				& {}
				&:hover {}
			}
			& .minus {}
			& .check {}
			& .d .check {}
			& .circ {}
			& .gl_cmp-t-v {}
			& .gl_cmp-t-foot {}
			& [class*="gl_cmp-t-foot-col-"] {
				& {}
				&:before, &:after {}
				&:before {}
				&:after {}
				&.gl_cmp-t-foot-col-2 {}
				&.gl_cmp-t-foot-col-4 {}
				&.gl_cmp-t-foot-col-1 {}
			}
			& .gl_cmp-s {display: block}
		}
	}
}
@media screen and (max-width: 575px) {
	#gLabs {
		& {}
		& .gl_container {}
		& .gl_head {
			& {}
			& img {}
			& .container {}
			& .column {
				& {}
				& h1 {}
				& h2 {}
			}
		}
		& .gl_video {
			& {
			    height: 100vw;
			}
			& .gl_video-item {
			    height: 100%;
			    object-fit: cover;
			}
			& .container {
				& {}
				& h2 {}
				& p {}
			}
		}
		& .gl_scrolls {
			& {}
			& .gl_container {
				& {}
				& .top {
					& {}
					& .logo {
						& {}
						& svg {}
					}
					& .gl_btn {}
				}
				& .gl_menu {
					& {}
					&.shown {}
					& .list {}
					& span {
						& {}
						&:hover {}
						&.active {}
					}
				}
			}
			& .gl_slides {
				& {}
				& .gl_slide {}
				& .gl_row {}
				& .column {
					& {}
					& h2 {
					    font-size: 8vw;
					}
					& p {
					    font-size: 5vw;
					}
				}
				& .gl_arrow {}
				& .gl_sbstart {
					& {}
					& .gl_row {}
					& .left {
						& {}
						& .column {
							& {}
							& h2 {
							    font-size: 10vw;
							}
							& p {
							    font-size: 4vw;
							}
						}
					}
					& .right {
						& {}
						& .image {
							& {}
							& img {}
						}
					}
					& .gl_scroll {
						& {}
						& svg {}
						& span {}
					}
				}
				& .gl_slide-0 {
					& {}
					& .gl_row {}
					& .left {
						& {}
						& .image {
							& {}
							& img {}
						}
					}
					& .right {
						& {}
						& .column {
							& {}
							& h2 {}
							& p {}
						}
					}
					& .features {
	                    & .title {
	                        font-size: 4vw;
	                    }
						& .list {
							& {
							    gap: 5vw 0;
							}
							& span {height: 10vw}
							& .feature {font-size: 3vw;padding:0 2vw;}
						}
	                }
				}
				& .gl_slide-1 {
					& {}
					& .gl_row {}
					& .left {
						& {}
						& .image {
							& {}
							& img {
								& {}
								&:first-of-type {}
								&:last-of-type {}
							}
						}
					}
					& .right {
						& {}
						& .column {
							& {}
							& h2 {}
							& p {}
						}
					}
					& .gl_arrow {}
				}
				& .gl_slide-2 {
					& {}
					& .gl_row {}
					& .left {
						& {}
						& .column {
							& {}
							& h2 {}
							& p {}
						}
					}
					& .right {
						& {}
						& .image {
							& {}
							& img {}
						}
					}
					& .gl_arrow {}
				}
				& .gl_slide-3 {
					& {}
					& .gl_row {}
					& .left {
						& {}
						& .image {
							& {}
							& img {}
						}
					}
					& .right {
						& {}
						& .column {
							& {}
							& h2 {}
							& p {}
						}
					}
					& .gl_arrow {}
				}
				& .gl_slide-4 {
					& {}
					& .gl_row {}
					& .left {
						& {}
						& .image {
							& {}
							& img {
								& {}
								&:first-of-type {}
								&:last-of-type {}
							}
						}
					}
					& .right {
						& {}
						& .column {
							& {}
							& h2 {}
							& p {}
						}
					}
					& .gl_arrow {}
				}
			}
		}
		& .gl_compare {
			& {	}
			& .g {}
			& .b {}
			& .o {}
			& .f {}
			& .d {}
			& .gl_cmp-t {}
			& .gl_cmp-t-left {
				& {}
				& .gl_cmp-t-top {}
				& .gl_cmp-t-bottom {}
				& .gl_cmp-t-row {}
			}
			& .gl_cmp-t-right {
				& {}
				& .gl_cmp-t-top {}
				& .gl_cmp-t-bottom {}
			}
			& .gl_cmp-t-top {}
			& .gl_cmp-t-bottom {}
			& .gl_cmp-t-row {}
			& .gl_cmp-t-mt {}
			& .gl_cmp-t-col {}
			& .gl_cmp-t-top .gl_cmp-t-col {}
			& .gl_cmp-t-logo {
				& {}
				& img {}
			}
			& .gl_cmp-t-img {
				& {}
				& img {}
			}
			& .gl_cmp-t-btn {
				& {}
				&:hover {}
			}
			& .minus {}
			& .check {}
			& .d .check {}
			& .circ {}
			& .gl_cmp-t-v {}
			& .gl_cmp-t-foot {}
			& [class*="gl_cmp-t-foot-col-"] {
				& {}
				&:before, &:after {}
				&:before {}
				&:after {}
				&.gl_cmp-t-foot-col-2 {}
				&.gl_cmp-t-foot-col-4 {}
				&.gl_cmp-t-foot-col-1 {}
			}
		}
	}
}
.opacityNone {
    opacity: 0;
}

.opacityFull {
    opacity: 1
}

.modelImgMoveLeft {
    animation: moveLeft 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    width: 50%
}

@keyframes moveLeft {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

.modelImgZoom {
    animation: zoomImg .5s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1
}

@keyframes zoomImg {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

.modelImgZoomOut {
    animation: zoomImgOut .5s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1
}

@keyframes zoomImgOut {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(0)
    }
}

.modelImgMoveLeft {
    animation: moveLeft 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    width: 50%
}

@keyframes moveLeft {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

.modelImgMoveRight {
    transition-duration: 1s;
    translate: 250%
}

@keyframes moveImgRight {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(200%)
    }
}

.arrowContentFade {
    animation: arrow-Content-Fade .2s ease;
    animation-fill-mode: forwards;
    animation-iteration-count: 1
}

@keyframes arrow-Content-Fade {
    0% {
        opacity: 0;
        visibility: hidden
    }

    to {
        opacity: 1;
        visibility: visible
    }
}

.magImg1MoveDown {
    animation: imgMoveDown 1.5s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    transition: all .8s ease-in-out
}

@keyframes imgMoveDown {
    0% {
        transform: translateY(-150%)
    }

    to {
        transform: translateY(-15%)
    }
}

.magImg2MoveUp {
    animation: imgMoveUp 1.5s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    transition: all .8s ease-in-out
}

@keyframes imgMoveUp {
    0% {
        transform: translateY(180%)
    }

    to {
        transform: translateY(20%)
    }
}

.bladeImg {
    translate: 0 30%;
}

.bladeImg,.razorImg {
    transition: all .5s ease-in-out
}

.razorImg {
    translate: 0 -8%;
}

.bladeImgAnim {
    transition: all .5s ease-in-out;
    translate: 0 1%;
}

.bladeImgAnimMobile {
    transition: all .8s ease-in-out;
    translate: 0 -25%
}

.razorImgAnim {
    transition: all .5s ease-in-out;
    translate: 0 0%;
}

.razorImgAnimMobile {
    transition: all .8s ease-in-out;
    translate: 0 35%
}