:root {
	--menuGreen: #81b927;/*rgb(129, 185, 39)*/ 
    
    --btnTextGreen: #08364d; /*rgb(8, 54, 77)*/
    --btnTextPink:#52243e; /*rgb(82, 36, 62)*/
	--btnTextBlue: #002e46; /*rgb(0, 46, 70)*/
	--btnTextLightGreen: #81b927; /*rgb(129, 185, 39)*/

    --overlayGreen: #05352a; /*rgb(5, 53, 42)*/
    --overlayPink: #4a1c38; /*rgb(74, 28, 56)*/
    --overlayBlue: #002e46; /*rgb(0, 46, 70)*/
	--overlayLightGreen: #33712c;/*rgb(51, 113, 44)*/
	
    --highlightGreen: #b1ca0c; /*rgb(177, 202, 12)*/
    --highlightPink: #e5004c; /*rgb(229, 0, 76)*/
	--highlightBlue: #00baee;/*rgb(0, 186, 238)*/
    --highlightLightGreen: #05352a;/*rgb(5, 53, 42)*/
    
    --backgroundPink:rgb(167,79,117);
    --backgroundGreen:rgba(175,202,10,0.6);
}

@font-face {	
	font-family: 'HelveticaNeueBold';
    src: url('../fonts/HelveticaNeueLTProBd.woff2') format('woff2'), 
		 url('../fonts/HelveticaNeueLTProBd.woff') format('woff');
}

@font-face {			 
    font-family: 'HelveticaNeueThin';
    src: url('../fonts/HelveticaNeueLTPro-ThIt.woff2') format('woff2'), 
         url('../fonts/HelveticaNeueLTPro-ThIt.woff') format('woff');       
}

@font-face {
	font-family: 'HelveticaRegular';
    /* src: url('../fonts/HelveticaNeue.otf'); */
    src: url('../fonts/HelveticaNeueLTProBd.woff2') format('woff2'), 
		 url('../fonts/HelveticaNeueLTProBd.woff') format('woff');
}
@font-face {
	font-family: 'HelveticaLight';
    /* src:url('../fonts/HelveticaNeue-UltraLight.otf'); */
    src: url('../fonts/HelveticaNeueLTPro-ThIt.woff2') format('woff2'), 
         url('../fonts/HelveticaNeueLTPro-ThIt.woff') format('woff');       
}
@font-face {
	font-family: 'HelveticaLightItalic';
    /* src:url('../fonts/HelveticaNeue-UltraLightItalic.otf'); */
    src: url('../fonts/HelveticaNeueLTPro-ThIt.woff2') format('woff2'), 
         url('../fonts/HelveticaNeueLTPro-ThIt.woff') format('woff');       
}
@font-face {
	font-family: 'HelveticaLightMenu';
    /* src:url('../fonts/HelveticaNeue-Light.otf'); */
    src: url('../fonts/HelveticaNeueLTPro-ThIt.woff2') format('woff2'), 
         url('../fonts/HelveticaNeueLTPro-ThIt.woff') format('woff');       
}
@font-face {
	font-family: 'HelveticaBold';
    /* src:url('../fonts/HelveticaNeue-Bold.otf'); */
    src: url('../fonts/HelveticaNeueLTProBd.woff2') format('woff2'), 
		 url('../fonts/HelveticaNeueLTProBd.woff') format('woff');
}
@font-face {
	font-family: 'HelveticaBoldItalic';
    /* src:url('../fonts/HelveticaNeue-BoldItalic.otf'); */
    src: url('../fonts/HelveticaNeueLTProBd.woff2') format('woff2'), 
		 url('../fonts/HelveticaNeueLTProBd.woff') format('woff');
}

@font-face {
    font-family: 'italics1';
    /* src:url('../fonts/HelveticaNeueLTStd-UltLtIt.otf'); */
    src: url('../fonts/HelveticaNeueLTPro-ThIt.woff2') format('woff2'), 
         url('../fonts/HelveticaNeueLTPro-ThIt.woff') format('woff');       
}




*, *::before, *::after {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

html, body {
    padding: 0;
    margin: inherit;
    height: 100%;
	width: 100%;
    font-family: 'HelveticaRegular';
    color:#fff;
}


.byr-main-container {
    height: 100vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: auto;
}

/*-------------     Pre Loader           -----------*/
/* Center the loader */
.byr-splash-loader {
    /* display: none; */
    position: absolute;    
    z-index: 1;
    width: 50%;
    height: auto;
    transition: all 1s ease-in;
    animation: load 1s linear;
}

@-webkit-keyframes load {
    from { opacity: 0; }
    to { opacity: 100%; }
}

@keyframes load {
    from { opacity: 0; }
    to { opacity: 100%; }
}
    
.byr-main-container .loadtxt {
    justify-content: center;
    align-items:center;
    display: flex;
    flex-direction: column;
    position: relative;
}

.byr-main-container .loadtxt p {
	font-family: "HelveticaLightItalic",sans-serif;
    font-size: 1.66667vw;
    color:grey;
    font-style: italic;
    padding-top: 2.60416667vw;
}

/*logo div*/
.byr-main-container .logo {    
    background: url('../imgBayer/Bayer-Logo.png');
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 12.96296vh;
    width: 8.85416vw;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

/*parent div*/
.byr-main-container .screen {
    display :block;
    height: 100vh;
    width: 100%;
} 

/* Add animation to "page content" */
.byr-main-container .screen .animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s;
    animation-timing-function: ease-in;
}

@-webkit-keyframes animatebottom {
    from {opacity:0 } 
    to { opacity:1 }
}

@keyframes animatebottom { 
    from{opacity:0 } 
    to{ opacity:1 }
}
/*secondary background*/
.byr-main-container .byr-bg-container {
    display:flex;
    height: inherit;
    width:inherit;    
    
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    }
	
.home-screen .byr-bg-container.background-image{
	background-image:url(../imgBayer/home-page-1.jpg); 
}
.stage1-screen .byr-bg-container.background-image,
.stage1-screen-question .byr-bg-container.background-image{
	background-image:url(../imgBayer/stage1-offseason.jpg); 
}

.stage2-screen .byr-bg-container.background-image,
.stage2-screen-question .byr-bg-container.background-image{
	background-image:url(../imgBayer/stage2.jpg); 
}

.stage3-screen .byr-bg-container.background-image,
.stage3-screen-question .byr-bg-container.background-image{
	background-image:url(../imgBayer/stage3-midseason.jpg); 
}
.stage4-screen .byr-bg-container.background-image,
.stage4-screen-question .byr-bg-container.background-image{
	background-image:url(../imgBayer/stage4-LateSeason.jpg);
}
.result-screen .byr-bg-container.background-image,
.detail-result-screen .byr-bg-container.background-image{
	background-image:url(../imgBayer/home-page-1.jpg); 
    background-size: 215% !important;
}
.background-home{
    background-image:url(../imgBayer/home-page-1.jpg); 
}    
.background-1{
    background-image:url(../imgBayer/stage1-offseason.jpg); 
}
.background-2{
    background-image:url(../imgBayer/stage2.jpg); 
}
.background-3{
    background-image:url(../imgBayer/stage3-midseason.jpg); 
}
.background-4{
    background-image:url(../imgBayer/stage4-LateSeason.jpg); 
}
.background-result {
    background-image:url(../imgBayer/home-page-1.jpg); 
    background-size: 215% !important;
}
.byr-main-container .byr-content-container .side-content,
.byr-main-container .byr-content-container .content-container.Intro,
.byr-main-container .byr-content-container .content-container.Questions,
.byr-main-container .byr-content-container .content-container.Results,
.byr-main-container .byr-content-container .content-container.Detail-Results{display:none;}
.byr-main-container .home-screen .side-content{display:block;}
.byr-main-container .home-screen .byr-content-container .content-container.Intro,
.byr-main-container .stage1-screen .byr-content-container .content-container.Intro,
.byr-main-container .stage2-screen .byr-content-container .content-container.Intro,
.byr-main-container .stage3-screen .byr-content-container .content-container.Intro,
.byr-main-container .stage4-screen .byr-content-container .content-container.Intro{display:flex;}

.byr-main-container .stage1-screen-question .byr-content-container .content-container.Questions,
.byr-main-container .stage2-screen-question .byr-content-container .content-container.Questions,
.byr-main-container .stage3-screen-question .byr-content-container .content-container.Questions,
.byr-main-container .stage4-screen-question .byr-content-container .content-container.Questions{display:flex;}

.byr-main-container .result-screen .byr-content-container .content-container.Results{display:flex;}
.byr-main-container .detail-result-screen .byr-content-container .content-container.Detail-Results{display:flex;}

.byr-main-container .Questions .text-input{outline:none;border:none;border-bottom:0.05208333vw solid #fff; width:4.1667vw;color:#fff;background:transparent;font-size: 1.5625vw;} 

/*splitted div*/
.byr-main-container .overlay-container {
    display: flex;
    position: absolute;
    left: 0;
    right:0;
    top:0;
    bottom: 0;
    z-index: 0;
    transition: all 0.5s ease-in;    
    }
.byr-main-container .home-screen .overlay-container,
.byr-main-container .stage1-screen .overlay-container,
.byr-main-container .stage2-screen .overlay-container,
.byr-main-container .stage3-screen .overlay-container,
.byr-main-container .stage4-screen .overlay-container
{
	clip-path: polygon(0% 0%, 64.22% 0%, 36.77% 100%,0% 100%);
}

.byr-main-container .stage1-screen-question .overlay-container,
.byr-main-container .stage2-screen-question .overlay-container,
.byr-main-container .stage3-screen-question .overlay-container,
.byr-main-container .stage4-screen-question .overlay-container,
.byr-main-container .result-screen .overlay-container,
.byr-main-container .detail-result-screen .overlay-container
{
	clip-path: polygon(0 0, 125.45% 0, 100% 100%, 0% 100%);
}
.byr-main-container .no-clip{clip-path: polygon(0 0, 125.45% 0, 100% 100%, 0% 100%); }
.byr-main-container .clip{clip-path: polygon(0% 0%, 64.22% 0%, 36.77% 100%,0% 100%);}

.byr-main-container .home-screen .gradient-overlay,
.byr-main-container .stage1-screen .gradient-overlay,
.byr-main-container .stage1-screen-question .gradient-overlay,
.byr-main-container .result-screen .gradient-overlay,
.byr-main-container .detail-result-screen .gradient-overlay{
    background: linear-gradient(rgba(0, 46, 70,0.9),rgba(0, 46, 70,0.9));/*blue*/
}
.byr-main-container .stage3-screen .gradient-overlay,
.byr-main-container .stage3-screen-question .gradient-overlay
{
    background: linear-gradient(rgba(74, 28, 56,0.9),rgba(74, 28, 56,0.9));/*pink*/
}
.byr-main-container .stage2-screen .gradient-overlay,
.byr-main-container .stage2-screen-question .gradient-overlay{
    background: linear-gradient(rgba(5, 53, 42,0.9),rgba(5, 53, 42,0.9));/*green*/
}
.byr-main-container .stage4-screen .gradient-overlay,
.byr-main-container .stage4-screen-question .gradient-overlay{
    background: linear-gradient(rgba(51, 113, 44,0.9),rgba(51, 113, 44,0.9));/*lightgreen*/
}


.byr-main-container .gradient-overlay-blue{
    background: linear-gradient(rgba(0, 46, 70,0.9),rgba(0, 46, 70,0.9));
}
.byr-main-container .gradient-overlay-pink{
    background: linear-gradient(rgba(74, 28, 56,0.9),rgba(74, 28, 56,0.9));
}
.byr-main-container .gradient-overlay-green{
    background: linear-gradient(rgba(5, 53, 42,0.9),rgba(5, 53, 42,0.9));
}
.byr-main-container .gradient-overlay-lightgreen{
    background: linear-gradient(rgba(51, 113, 44,0.9),rgba(51, 113, 44,0.9));
}


.byr-main-container .home-screen .highlighttxt,
.byr-main-container .result-screen .highlighttxt,
.byr-main-container .detail-result-screen .highlighttxt{
    color: var(--highlightGreen);/* green*/
}
.byr-main-container .stage1-screen .highlighttxt,
.byr-main-container .stage1-screen-question .highlighttxt{
	color: var(--highlightBlue);/*blue*/
}
.byr-main-container .stage2-screen .highlighttxt,
.byr-main-container .stage2-screen-question .highlighttxt{
     color: var(--highlightGreen);/* green*/
}
.byr-main-container .stage3-screen .highlighttxt,
.byr-main-container .stage3-screen-question .highlighttxt
{
   color: var(--highlightPink);/*pink*/
}

.byr-main-container .stage4-screen .highlighttxt,
.byr-main-container .stage4-screen-question .highlighttxt{
    color: var(--highlightLightGreen);/*lightgreen*/
}


.highlightGreen { color: var(--highlightGreen);}
.highlightPink { color: var(--highlightPink);}
.highlightBlue { color: var(--highlightBlue);}
.highlightLightGreen { color: var(--highlightLightGreen);}

.byr-main-container .home-screen .btn-txt-color,
.byr-main-container .result-screen .btn-txt-color,
.byr-main-container .detail-result-screen .btn-txt-color{
    color: var(--btnTextGreen);/* green*/
}
.byr-main-container .stage1-screen .btn-txt-color,
.byr-main-container .stage1-screen-question .btn-txt-color{
	color: var(--btnTextBlue);/*blue*/
}
.byr-main-container .stage2-screen .btn-txt-color,
.byr-main-container .stage2-screen-question .btn-txt-color{
     color: var(--btnTextGreen);/* green*/
}
.byr-main-container .stage3-screen .btn-txt-color,
.byr-main-container .stage3-screen-question .btn-txt-color
{
   color: var(--btnTextPink);/*pink*/
}

.byr-main-container .stage4-screen .btn-txt-color,
.byr-main-container .stage4-screen-question .btn-txt-color{
    color: var(--btnTextLightGreen);/*lightgreen*/
}



.btnTextGreen { color: var(--btnTextGreen);}
.btnTextPink { color: var(--btnTextPink);}
.btnTextBlue { color: var(--btnTextBlue);}
.btnTextLightGreen { color: var(--btnTextLightGreen);}

.byr-main-container .home-screen .btn-bg-color,
.byr-main-container .result-screen .btn-bg-color,
.byr-main-container .detail-result-screen .btn-bg-color{
    background-color: var(--highlightGreen);/* green*/
}
.byr-main-container .result-screen .btn-bg-sec-color{
    background-color: rgba(128,128,128,0.7);/* gray*/
}
.byr-main-container .stage1-screen .btn-bg-color,
.byr-main-container .stage1-screen-question .btn-bg-color{
	background-color: var(--highlightBlue);/*blue*/
}
.byr-main-container .stage2-screen .btn-bg-color,
.byr-main-container .stage2-screen-question .btn-bg-color{
     background-color: var(--highlightGreen);/* green*/
}
.byr-main-container .stage3-screen .btn-bg-color,
.byr-main-container .stage3-screen-question .btn-bg-color
{
   background-color: var(--highlightPink);/*pink*/
}

.byr-main-container .stage4-screen .btn-bg-color,
.byr-main-container .stage4-screen-question .btn-bg-color{
    background-color: var(--highlightLightGreen);/*lightgreen*/
}




.btnhighGreen { background-color: var(--highlightGreen);}
.btnhighPink { background-color: var(--highlightPink);}
.btnhighBlue { background-color: var(--highlightBlue);}
.btnhighLightGreen { background-color: var(--highlightLightGreen);}
.btnhighlightGrey { background-color: rgba(128,128,128,0.7); }

/* main-content-container*/
.byr-main-container .byr-content-container{
    display:flex;
    flex-direction: column;
    width:100%;
    height: 100vh;
    flex:1;
    position: relative;
    z-index: 10;
}
/*menu*/
.byr-main-container .byr-content-container .menuWrapper {
    /* position: absolute;
	top:0;
	left:0; */
	width: 100%;
    /* height: 7.8125vw; */
    height:13.88888vh;
    display: flex;
    /* position: absolute; */
	flex-direction: row;
	align-items: flex-end;	
	border: 0px solid black;
}
.byr-main-container .byr-content-container .menuWrapper .logo-wrapper{
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding-bottom: 0.74074vh;
	width: 11.33vw;
	height: 100%;
}
.byr-main-container .byr-content-container .menuWrapper .logo{
	background: url(../imgBayer/Corp-Logo_BG_Bayer-Cross_Rev_print_CMYK1-01.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 4.6875vw;
	height: 4.6875vw;
}
.byr-main-container .byr-content-container nav {
	display: flex;
	flex:1;
    width:77.34vw;
    
	justify-content: flex-start;
	align-items: center;
}
.byr-main-container .byr-content-container nav ul {
	display: flex;
	list-style: none;
	margin-bottom: 3.51852vh;	
}

.byr-main-container .byr-content-container nav ul li{		
	padding: 0 1.5625vw 0.1041667vw 0;
}
.byr-main-container .byr-content-container nav a {
	text-decoration: none;
	color:#fff;
	font-family: Helvetica, sans-serif;
	font-weight: 300;
	font-style: normal;
	cursor:pointer;	
    /* font-size: 16.67px; */
    font-size: 0.862291vw;
    
    padding: 0 0.36483vw; /* padding: 0px 7px; */
	margin-right: 2.0833vw; /* 40px*/
	letter-spacing: 0.0520833vw;
	position: relative;
}
.byr-main-container .byr-content-container nav a.active_menu{
	color:#afca0a;
}
.byr-main-container .byr-content-container nav a.active_menu::after{
	content: '';
	position: absolute;
	bottom: -0.92592vh;
	height: 0.37037vw;
	left:0;
	right: 0;
	background-color: #afca0a;
}

.byr-main-container .byr-content-container nav a:hover , nav a:active {
	color:#afca0a;
}


/* inner structure parent */
.byr-main-container .byr-content-container .content-container{
	display:flex;
    flex-direction: column;
    justify-content: flex-start;
	position: relative;
	width:77.34vw;
	flex:1;
	border: 0px solid gold;
	z-index: 2;
	/* margin: 3.7037vh auto 0; */
	margin: 0 auto 0;
}

.byr-main-container .byr-content-container .content-container .row{
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 0;
    padding: 0;
}

.byr-main-container .byr-content-container .content-container .row-max-height {
    flex:1;
}

.byr-main-container .row .col-1{width:calc( 1 * calc( 100% / 12 ));}
.byr-main-container .row .col-2{width:calc( 2 * calc( 100% / 12 ));}
.byr-main-container .row .col-3{width:calc( 3 * calc( 100% / 12 ));}
.byr-main-container .row .col-4{width:calc( 4 * calc( 100% / 12 ));}
.byr-main-container .row .col-5{width:calc( 5 * calc( 100% / 12 ));}
.byr-main-container .row .col-6{width:calc( 6 * calc( 100% / 12 ));}
.byr-main-container .row .col-7{width:calc( 7 * calc( 100% / 12 ));}
.byr-main-container .row .col-8{width:calc( 8 * calc( 100% / 12 ));}
.byr-main-container .row .col-9{width:calc( 9 * calc( 100% / 12 ));}
.byr-main-container .row .col-10{width:calc( 10 * calc( 100% / 12 ));}
.byr-main-container .row .col-11{width:calc( 11 * calc( 100% / 12 ));}
.byr-main-container .row .col-12{width:calc( 12 * calc( 100% / 12 ));}
.byr-main-container .row .forceBottom{display:flex;margin-top: auto;}




.byr-main-container .byr-content-container .content-container .content-1{
	display:flex;
	width: 100%;
	position: relative;
	flex:1;
	border: 0px solid gold;
	z-index: 2;
}

/*text container div*/
.byr-main-container .byr-content-container .content {
	display: flex;	
	flex-direction: column;
	position: relative;
	left:0%;
	width:60%;
	overflow: hidden;
	border: 0px solid red;
}

.byr-main-container .byr-content-container .content-adj{
	margin-top: 17.59259vh;
}

.byr-main-container .byr-content-container .heading-1 {
    font-size: 4.0625vw;
	line-height: 1.2;
    /* margin-bottom: 1.851852vh; */
    margin: 1.851852vh 0 0.6vh;
    font-family: 'HelveticaBold';
}
@media(max-height:768px){
	.byr-main-container .byr-content-container .heading-1 {
		/* font-size: 3.4vw; */
		font-size: 2.9vw;
		line-height: 1.2;
		/* margin-bottom: 1.851852vh; */
		margin: 1.851852vh 0 0.6vh;
		font-family: 'HelveticaBold';
	}
} 
.byr-main-container .byr-content-container .Questions .heading-1 {
    font-size: 1.927083vw;
    margin-top:2.777778vh;
}

.byr-main-container .byr-content-container .block{
    display:block;
}
.byr-main-container .byr-content-container .inner-content{
    display:flex;
    flex-direction: row;    
}

.byr-main-container .byr-content-container .inner-content.col-max-height{
    height:100%;  
}

.byr-main-container .byr-content-container .inner-content .col-max-height{
    height:100%;  
}


.byr-main-container .byr-content-container .inner-content .result-btns{
    width:100vw;
    display:flex;
    flex-direction: row;    
    justify-content: center;
    align-items: center;
    /* margin: ; */
    margin: 1.033vw 0;
}

/*====================================================*/

.byr-main-container .byr-content-container .inner-content .heading-sec{
    display:flex;
    flex-direction: column;    
    flex:1;
}
.byr-main-container .byr-content-container .inner-content .heading-sec .dash {
	display: flex;
	background-color: #fff;
	height:0.260416vw;
	width: 31.875vw;
	margin:0.625vw 0px;
	align-items: flex-start;
}

.byr-main-container .byr-content-container .inner-content .heading-sec .dashlonger {
    width:100%;
    display: flex;
	background-color: #fff;
	height:0.460416vw;
	margin:0.625vw 0px;
	align-items: flex-start;
}

.byr-main-container .byr-content-container .inner-content .info {
	display: flex;
	flex: 1;
	border: 0px solid blue;
	font-size: 0.625vw;
	font-style: italic;
	flex-direction:column;
	padding-right: 1.770833vw;
}

.byr-main-container .byr-content-container .Results .inner-content .info,
.byr-main-container .byr-content-container .Detail-Results .inner-content .info  {
	padding-right: 0;
}


.byr-main-container .byr-content-container .inner-content .info span.Question{
	font-family: 'HelveticaLightItalic';
    font-size: 1.82291vw;
    margin-top: 0.52083vw;
    color: #fff;
}
.byr-main-container .byr-content-container .inner-content .info .desc-text{
    padding-right: 5vw;
    margin-top: 1.851852vh;
}
.byr-main-container .byr-content-container .Results .inner-content .info .desc-text
.byr-main-container .byr-content-container .Detail-Results .inner-content .info .desc-text{
    padding-right: 0;
    margin-top: 0;
}

.byr-main-container .byr-content-container .Results .inner-content .info .p-tag-size p,
.byr-main-container .byr-content-container .Detail-Results .inner-content .info .p-tag-size p{
    font-size:1.145833vw;
    font-family: 'italics1';
}

.byr-main-container .byr-content-container .Results .inner-content .info .results-cols,
.byr-main-container .byr-content-container .Detail-Results .inner-content .info .results-cols{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height:100%;
    border:0px dotted;
}

.byr-main-container .byr-content-container .Results .inner-content .info .results-cols p.heading-3,
.byr-main-container .byr-content-container .Detail-Results .inner-content .info .results-cols p.heading-3{
    font-size:1.822916vw;
    font-style:normal;
    margin:3.703703vh 0;
}

.byr-main-container .byr-content-container .Results .inner-content .info .results-cols .triangle-down,
.byr-main-container .byr-content-container .Detail-Results .inner-content .info .results-cols .triangle-down{
    width: 0;
	height: 0;
	border-left: 0.78125vw solid transparent;
	border-right: 0.78125vw solid transparent;
    border-bottom: 2.777777vh solid #fff;
    margin: 1.407407vh 0 0;
}
   

.byr-main-container .byr-content-container .Results .inner-content .info .results-cols .slider-container,
.byr-main-container .byr-content-container .Detail-Results .inner-content .info .results-cols .slider-container{
    border:0px solid;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80%;
    height: auto;
	position:relative;
}

.byr-main-container .byr-content-container .Results .inner-content .info .results-cols .slider-container .sliderright,
.byr-main-container .byr-content-container .Detail-Results .inner-content .info .results-cols .slider-container .sliderright{
    /* border:1px solid; */
    height: 2.31481vh;
    width:0%;
    background-color:var(--highlightGreen);
    display: flex;
    justify-content: center;
    align-items: center;
	position:absolute;
	left:50%;
}
.byr-main-container .byr-content-container .Results .inner-content .info .results-cols .slider-container .sliderleft,
.byr-main-container .byr-content-container .Detail-Results .inner-content .info .results-cols .slider-container .sliderleft{
    /* border:1px solid; */
    height: 2.31481vh;
    width:0%;
    background-color:var(--highlightPink);
    display: flex;
    justify-content: center;
    align-items: center;
	position:absolute;
	right:50%;
}
.byr-main-container .byr-content-container .Results .inner-content .info .results-cols .slider-container .slider2,
.byr-main-container .byr-content-container .Detail-Results .inner-content .info .results-cols .slider-container .slider2{
    /* border:1px solid; */
    height: 0.740740vh;
    width:100%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}


.byr-main-container .byr-content-container .Results .inner-content .info .results-cols .heading-3,
.byr-main-container .byr-content-container .Detail-Results .inner-content .info .results-cols .heading-3{
    font-size:1.822916vw;
    font-style:normal;
}
.byr-main-container .byr-content-container .Results .inner-content .info .results-cols .min-line-height{line-height:1;}
.byr-main-container .byr-content-container .Results .inner-content .info .results-cols .result-var,
.byr-main-container .byr-content-container .Detail-Results .inner-content .info .results-cols .result-var{
   font-size:3.845833vw;
   font-style: normal;
   margin:1.85185vh 0 0;
   
}
.byr-main-container .byr-content-container .Results .inner-content .info .results-cols .top-margin{margin-top:2vh;line-height:1.3;}
.byr-main-container .byr-content-container .Results .inner-content .info .results-cols .small-txt{font-size:3vw;}
.byr-main-container .byr-content-container .Results .inner-content .info .results-cols .sub-txt{display:flex;align-self:flex-end;}
.byr-main-container .byr-content-container .Results .inner-content .info .results-cols .sup-txt{display:inline-flex;align-self:flex-start;}
.byr-main-container .byr-content-container .Results .inner-content .info .results-cols .yield-result-txt-main{font-size:1.845833vw;}
.byr-main-container .byr-content-container .Results .inner-content .info .results-cols .yield-result-txt{
	text-transform: lowercase;
}

/* .byr-main-container .byr-content-container .Results .inner-content .info .results-cols .slider-value, */
.byr-main-container .byr-content-container .Detail-Results .inner-content .info .results-cols .slider-value{
    font-size: 4.4270833vw;
}



.byr-main-container .byr-content-container .Results .inner-content .info .results-cols .result-var span,
.byr-main-container .byr-content-container .Detail-Results .inner-content .info .results-cols .result-var span{
    font-size:3.845833vw;
    font-style: normal;
    margin:1.85185vh 0;
    /* font-family: 'Amita', cursive; */
}




.byr-main-container .byr-content-container .Results .inner-content .info .results-cols .result-text,
.byr-main-container .byr-content-container .Detail-Results .inner-content .info .results-cols .result-text{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-style:normal;
    font-size: 1.04166vw; 
	flex:1;	
}

.byr-main-container .byr-content-container .Results .inner-content .info .results-cols a,
.byr-main-container .byr-content-container .Results .inner-content .info .results-cols button,
.byr-main-container .byr-content-container .Detail-Results .inner-content .info .results-cols a,
.byr-main-container .byr-content-container .Detail-Results .inner-content .info .results-cols button{
    margin:3.703703vh 0;
}

.byr-main-container .byr-content-container .inner-content .info .no-margin-top{
    margin-top:0;
}
.byr-main-container .byr-content-container .inner-content .info .margin-left-50 {
    margin-left:2.6041667vw;
}
.byr-main-container .byr-content-container .inner-content .info .desc-text p {
	font-family: 'HelveticaRegular';
	padding: 0.3125vw 0;
	font-size: 0.9375vw;
	color:#fff;
    margin-bottom: 1.851852vh;    
    line-height: 1.38;
}

.byr-main-container .byr-content-container .inner-content .info .desc-text.smalltxt p {
    font-size: 1.041666vw;
	/* font-size: 1.1458333vw; */
    margin-bottom: 1vh;  
    line-height: 1.2;
	/* letter-spacing: 0.05208333vw; */
}

.byr-main-container .byr-content-container .inner-content .info .desc-text .table-col {
    border: 0px solid red;
}

.byr-main-container .bold{
	font-family: 'HelveticaBold';
}
.byr-main-container .italic{
	font-family: 'HelveticaLightItalic';
}


.byr-main-container .byr-content-container .Questions .inner-content .info .quest-text-1{
    font-family: 'HelveticaLightItalic';
    font-size: 1.822916vw;
    margin-bottom: 2.08333vw;
}

.byr-main-container .byr-content-container .Questions .inner-content .info .text-heading-1{
    /*font-size: 4.0625vw;*/
    font-size: 4.0vw;
	font-family: 'HelveticaNeueBold', sans-serif;
    line-height: 1.2;
    font-style: normal;
    padding-right: 4.0vw;
	/* margin-bottom: 20px; */
}
@media(max-height:768px){
	.byr-main-container .byr-content-container .Questions .inner-content .info .text-heading-1{
    /*font-size: 4.0625vw;*/
    /* font-size: 3.9vw; */
	font-size: 3.5vw;
	font-family: 'HelveticaNeueBold', sans-serif;
    line-height: 1.2;
    font-style: normal;
    padding-right: 4.0vw;
	/* margin-bottom: 20px; */
}
}
.byr-main-container .byr-content-container .Questions .inner-content .info .desc-text p{
    font-family: 'HelveticaLightItalic';
	padding: 0.3125vw 0;
	padding-right: 5.02833vw;
	font-size: 1.5625vw;
	/* margin-bottom: 20px; */
}
.byr-main-container .byr-content-container .Questions .inner-content .info .desc-text .italic{
    font-family: 'HelveticaBoldItalic';
}

.byr-main-container .byr-content-container .inner-content  .info .desc-text p span {	
	font-style: normal;
	font-family: 'HelveticaBold';
    letter-spacing: 0.0260416vw;
    
}

.byr-main-container .byr-content-container .inner-content a.atn-button {
    display: flex;
	justify-content: center;
    align-items: center;
    
    margin:1.04166vw 0 0;
	
	text-decoration: none;
	font-family: 'HelveticaBold', sans-serif;
    /* height: 3.385416vw; */
    height:6.01852vh;
	width:13.90625vw;
	padding:  0.25vw 0.625vw 0.25vw;
	font-size: 1.71875vw;
    cursor : pointer;	
    font-style: normal;
}
.byr-main-container .byr-content-container .inner-content .atn-button {
    display: flex;
	justify-content: center;
    align-items: center;
    
    /* margin:1.04166vw 0 0; */
	margin: 1.851851vh 0 0;
	text-decoration: none;
	font-family: 'HelveticaBold', sans-serif;
    /* height: 3.385416vw; */
    height:6.01852vh;
	width:13.90625vw;
	/* padding:  0.25vw 0.625vw 0.25vw; */
    /* padding: 0.925926vh 1.3020833vw; */
    padding: 1.925926vh 1.3020833vw 0.925926vh;
	font-size: 1.71875vw;
    cursor : pointer;	
    font-style: normal;
	outline:none;
	border:none;
	width:auto;
	height:auto;
}
.byr-main-container .byr-content-container .inner-content a.result-btn,
.byr-main-container .byr-content-container .inner-content .result-btn {
    margin: 0 0.625vw;
}



.byr-main-container .byr-content-container .inner-content a.max-wd-btn,
.byr-main-container .byr-content-container .inner-content .max-wd-btn{
    width:18.75vw;
}
.byr-main-container .byr-content-container .inner-content a.mid-wd-btn,
.byr-main-container .byr-content-container .inner-content .mid-wd-btn{
    width:16.66667vw;
}



.byr-main-container .byr-content-container .inner-content .atn-button:hover,
.byr-main-container .byr-content-container .inner-content .atn-button:active {
	background-color: var(--highlightBlue);
	color:var(--btnTextBlue);
	/* opacity:0.9; */
	/* box-shadow:0px 0px 5px 0px rgba(118,255,3,0.75); */
}

/*right content */
.byr-main-container .byr-content-container .txt-desc{
	font-family: 'fontBd';
	position: absolute;
    /* top:17.59259vh; */
    top:0;
	right:0;
}

.byr-main-container .byr-content-container .txt-desc p{
	color:#afca0a;
	font-family: Helvetica, sans-serif;
	font-size: 1.30208vw;
	font-weight: 700;
}

/*right side content*/
.byr-main-container .byr-content-container .inner-content  .question-content{
    display: flex;
	/* top:190px; */
	height: 100%;
    width:40%;
    flex-direction: column;
    border: 0px solid gold;
    position: absolute;
	right:0;  
	padding: 0px 0px 0px 3.958333vw;  
	justify-content: flex-start;
	align-items: flex-start;
}
.byr-main-container .byr-content-container .inner-content  .question-content p{
	font-size:1.875vw;
	/* font-weight: 700; */
	font-style: normal;
	line-height: 1.2;
	margin-bottom: 1.041667vw;
}
.byr-main-container .byr-content-container .inner-content  .question-content a,.byr-main-container .byr-content-container .inner-content  .question-content .opt-btn-container{
    width:100%;
    position: relative;
}
.byr-main-container .byr-content-container .inner-content  .question-content a,.byr-main-container .byr-content-container .inner-content  .question-content .opt-btn-container .opt-btn-hint{
    width: 2vw;
    height: 2vw;
    position: absolute;
    
    right: -3vw;
    background-image: url('../imgBayer/Bayer-icons-145.png');
    background-size: contain;
    z-index: 2;
    cursor: pointer;
    top: calc(60% - 1vw);
}
.byr-main-container .byr-content-container .inner-content  .question-content a,.byr-main-container .byr-content-container .inner-content  .question-content .opt-btn-container .opt-btn-hint .tooltip{
    display: flex;
    flex: 1;
    width: 100%;
    height: 100%;
    position: relative;
}
.byr-main-container .byr-content-container .inner-content  .question-content a,.byr-main-container .byr-content-container .inner-content  .question-content .opt-btn-container .tooltiptext {
    visibility: hidden;
    width: auto;
    height: auto;
    background-color: rgba(0,0,0,0.8);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px 10px;
    font-size: 0.9vw;
    position: absolute;
    z-index: 1;
    margin-left:5vw ;
    right: -20%;
    display: flex;
    flex: 1;
    align-items: center;
    box-sizing: border-box;
  }
  
  /*.byr-main-container .byr-content-container .inner-content  .question-content a,.byr-main-container .byr-content-container .inner-content  .question-content .opt-btn-container .opt-btn-hint .tooltip .tooltiptext {
    visibility: visible;
  }*/
.byr-main-container .byr-content-container .inner-content  .question-content a,.byr-main-container .byr-content-container .inner-content  .question-content button{
	/* margin:1.041667vw 0 0; */
	margin:1.851851vh  2.6041667vw 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
    /* height: 3.8541667vw; */
    height:6.01852vh;
	outline:none;
	border:none;
	/* padding: 0.425vw 0.625vw 0.125vw; */
    /* padding: 1.851851vh 0.625vw; */
    padding: 2.851851vh 0.625vw 1.851851vh;
	font-size: 1.71875vw;
	cursor : pointer;
	width:100%;
	height:auto;
}

.byr-main-container .byr-content-container .inner-content  .question-content a:hover,
.byr-main-container .byr-content-container .inner-content  .question-content button:hover{
    background-color: var(--highlightBlue);
	color:var(--btnTextBlue);
	/* opacity:0.9; */
}
.byr-main-container .stage1-screen .byr-content-container .inner-content  a:hover,
.byr-main-container .stage1-screen .byr-content-container .inner-content  button:hover,
.byr-main-container .stage1-screen-question .byr-content-container .inner-content  .question-content a:hover,
.byr-main-container .stage1-screen-question .byr-content-container .inner-content  .question-content button:hover{
    background-color: var(--highlightGreen);
	color:var(--btnTextBlue);
	/* opacity:0.9; */
}
/*=============================================================*/
.byr-main-container .byr-content-container .inner-content .btn-left {
    justify-content: flex-end;
}


.byr-main-container .byr-content-container .Results .inner-content .info .results-cols .table-structure,
.byr-main-container .byr-content-container .Detail-Results .inner-content .info .results-cols .table-structure{
    display: flex;
    flex-direction: row;
    width:100%;
    height: 100%;
    /* margin-top:15.74074vh;   */
    margin: 11.74074vh 0 5.74vh;
}

.byr-main-container .byr-content-container .Results .inner-content .info .results-cols .table-structure .tb-col-1,
.byr-main-container .byr-content-container .Detail-Results .inner-content .info .results-cols .table-structure .tb-col-1{
    flex:1;
    font-size: 1.145833vw;
    font-family: 'HelveticaLightItalic';
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
    
.byr-main-container .byr-content-container .Results .inner-content .info .results-cols .table-structure .tb-col-1 .result-of-stage,
.byr-main-container .byr-content-container .Detail-Results .inner-content .info .results-cols .table-structure .tb-col-1 .result-of-stage{
    width: 100%;
    display: flex;
    align-items: center;
    flex:1;
    padding-left: 1.041666vw;
    border-left: 1px solid #fff;
}
.byr-main-container .byr-content-container .Results .inner-content .info .results-cols .table-structure .tb-col-1:nth-child(1) .result-of-stage,
.byr-main-container .byr-content-container .Detail-Results .inner-content .info .results-cols .table-structure .tb-col-1:nth-child(1) .result-of-stage{
	border-left: 2px solid #fff;
	
}
.byr-main-container .byr-content-container .Results .inner-content .info .results-cols .table-structure .tb-col-1 .result-of-stage.no-left-border,
.byr-main-container .byr-content-container .Detail-Results .inner-content .info .results-cols .table-structure .tb-col-1 .result-of-stage.no-left-border{
    border:0px dotted;
    border-left: 0px solid #fff;
}
  
.byr-main-container .byr-content-container .Results .inner-content .info .results-cols .table-structure .tb-col-1 .result-of-stage:nth-child(2n),
.byr-main-container .byr-content-container .Detail-Results .inner-content .info .results-cols .table-structure .tb-col-1 .result-of-stage:nth-child(2n){
    background-color:rgba(255,255,255,0.1);
}
.byr-main-container .byr-content-container .Results .inner-content .info .results-cols .table-structure .tb-col-1 .result-of-stage:nth-child(2n),
.byr-main-container .byr-content-container .Detail-Results .inner-content .info .results-cols .table-structure .tb-col-1 .result-of-stage:last-child{
    background-color:transparent;
}
   
.byr-main-container .byr-content-container .Results .inner-content .info .results-cols .table-structure .tb-col-1 .table-heading,
.byr-main-container .byr-content-container .Detail-Results .inner-content .info .results-cols .table-structure .tb-col-1 .table-heading{
    font-style: normal;
    font-size: 1.822916vw;
    padding-bottom: 0.277778vh;
}

.byr-main-container .byr-content-container .Results .inner-content .info .results-cols .table-structure .tb-col-1 .result-of-stage a
.byr-main-container .byr-content-container .Results .inner-content .info .results-cols .table-structure .tb-col-1 .result-of-stage button,
.byr-main-container .byr-content-container .Detail-Results .inner-content .info .results-cols .table-structure .tb-col-1 .result-of-stage a,
.byr-main-container .byr-content-container .Detail-Results .inner-content .info .results-cols .table-structure .tb-col-1 .result-of-stage button{
    color:#fff;
    margin: 0 0px 0 0.520833vw;
}
.byr-main-container .byr-content-container .Results .inner-content .info .results-cols .table-structure .tb-col-1 .result-of-stage i,
.byr-main-container .byr-content-container .Detail-Results .inner-content .info .results-cols .table-structure .tb-col-1 .result-of-stage i{
    font-size:1.6666667vw;
}

.byr-main-container .byr-content-container .Results .inner-content .info .results-cols .table-structure .tb-col-1 .result-of-stage a.additional-link,
.byr-main-container .byr-content-container .Results .inner-content .info .results-cols .table-structure .tb-col-1 .result-of-stage .additional-link,
.byr-main-container .byr-content-container .Detail-Results .inner-content .info .results-cols .table-structure .tb-col-1 .result-of-stage a.additional-link,
.byr-main-container .byr-content-container .Detail-Results .inner-content .info .results-cols .table-structure .tb-col-1 .result-of-stage .additional-link{
    color:var(--highlightGreen);
    margin: 0 0px 0 -0.859166vw;
}
   	
.byr-main-container .byr-content-container .Results .inner-content .info .table2,
.byr-main-container .byr-content-container .Detail-Results .inner-content .info .table2{
        justify-content: flex-start;
        align-items: flex-start;
}
   
.byr-main-container .byr-content-container .Results .inner-content .info .table2 p,
.byr-main-container .byr-content-container .Detail-Results .inner-content .info .table2 p{
    font-size: 1.145833vw;
    font-family: 'HelveticaLightItalic';
    margin:3.703703vh 0;
}

/* Overlay popup structure */
#overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.2);
    z-index: 20;
    cursor: pointer;

    /* Add the blur effect */
    /* filter: blur(18px);
    -webkit-filter: blur(18px); */
    backdrop-filter: blur(0.416667vw);

}
  
.pop-overlay-text {
    z-index:50;
    height: 65%;
    width:70%;
    background-color: var(--overlayBlue);
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 2.604166vw;
    color: white;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

/*pop-overlay-text div begins*/
.pop-overlay-text .byr-main-container {
    height: 100%;
    width: 100%;
}


.pop-overlay-text .byr-main-container .screen {
    height: 100%;
    width: 100%;
}

.pop-overlay-text .byr-main-container .screen .byr-bg-container {
    height: 100%;
    width: 100%;
}

.pop-overlay-text .byr-main-container .screen .byr-bg-container .content-container{
    height: 100%;
    width: 100%;
    margin: 1.85185vh 2.88333vw;
}

.pop-overlay-text .byr-main-container .screen .byr-bg-container .content-container .dash {
    display: flex;
    background-color: #fff;
    height: 0.460416vw;
    width: 31.875vw;
    margin: 0.625vw 0;
    align-items: flex-start;
}

.pop-overlay-text .byr-main-container .byr-content-container .inner-content .info .desc-text p span{
    font-size:1.45833vw;
}


.pop-overlay-text .byr-main-container .closeBtn-wrapper {
    position: absolute;
    top: 2.77778vh;
    right: 1.5625vw;
    width: 3.5vw;
    height: 7vh;
    border-radius: 50%;
}

.pop-overlay-text .byr-main-container .closeBtn-wrapper:hover{
	/* background-color: rgba(0, 46, 70,1); */
}

.byr-main-container .stage1-screen .closeBtn-wrapper,
.byr-main-container .detail-result-screen .closeBtn-wrapper{
    background: linear-gradient(rgba(0, 46, 70,0.9),rgba(0, 46, 70,0.9));/*blue*/
}
.byr-main-container .stage3-screen .closeBtn-wrapper{
    background: linear-gradient(rgba(74, 28, 56,0.9),rgba(74, 28, 56,0.9));/*pink*/
}
.byr-main-container .stage2-screen .closeBtn-wrapper{
    background: linear-gradient(rgba(5, 53, 42,0.9),rgba(5, 53, 42,0.9));/*green*/
}
.byr-main-container .stage4-screen .closeBtn-wrapper{
    background: linear-gradient(rgba(51, 113, 44,0.9),rgba(51, 113, 44,0.9));/*lightgreen*/
}










.pop-overlay-text .byr-main-container a.close {
    position: absolute;
    /* right: 32px;
    top: 32px; */
    top: 4.5vh;
    right: 2.4vw;
    width: 1.666667vw;
    height: 3.96296296vh;
    opacity: 1;
    transform:rotate(1deg);
}

.pop-overlay-text .byr-main-container a.close:hover,
.pop-overlay-text .byr-main-container  a.close:hover::before, 
.pop-overlay-text .byr-main-container  a.close:hover::after{
    opacity: 1;
}

.pop-overlay-text .byr-main-container  a.close::before, 
.pop-overlay-text .byr-main-container  a.close::after {
    position: absolute;
    left: 0.690125vw;
    content: ' ';
    width: 2px;
    background-color: #fff;
}
.pop-overlay-text .byr-main-container  a.close::before{height: 3.5vh;}

.pop-overlay-text .byr-main-container  a.close::after {height: 3.5vh;}

.pop-overlay-text .byr-main-container  a.close::before {
    transform: rotate(40deg);
}
.pop-overlay-text .byr-main-container  a.close::after {
    transform: rotate(-40deg);
}
      
/* ------ Radial Progress Bar -------------- */

.progress,
.progress1 {
    position: relative;   
    cursor: pointer;
    /* top: 50%;
    left: 50%; */
    /* margin: -80px 0 0 -80px; */
    /* border:1px solid red; */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.progress{
    /*height: 24.074074vh;*/
    
    height: 16vh;
    width: 24.074074vh;
}
.progress1 {
    /* height: 27.074074vh; */
	/* height: 38.074074vh; */
	height: 40.074074vh;
    width: 100%;
}



.progress-circle,
.progress-circle1 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    /* transform: rotate(-90deg); */
    /* margin-top: -40px; */
    /* border:1px solid #fff; */
    /* position: absolute; */
    
}
.progress-circle{
    width:13.541667vw;
    height:24.074074vh;
}
.progress-circle1 {
    width:100%;
    /* height:27.074074vh; */
	height: 40.074074vh;
}


.progress-circle-back, 
.progress-circle-back1 {
    fill: none;
    /* stroke: #d2d2d2; */    
    stroke-width: 0.520833vw;
    transform-origin: center center;
}

.progress-circle-back {stroke:var(--backgroundPink);}
.progress-circle-back1 {stroke:var(--backgroundGreen);}

.progress-circle-prog,
.progress-circle-prog1 {
    fill: none;
   
    stroke-width: 0.78125vw;
    /* stroke-dasharray: 250 400; */
	stroke-dasharray: 17.020833vw 37.037037vh;
    stroke-dashoffset: 0;
    transition: stroke-dasharray 0.7s linear 0s;
}

.progress-circle-prog { stroke: var(--highlightPink);}
.progress-circle-prog1 { stroke: var(--highlightGreen);}

.progress-text{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: absolute;
    /* top: 60px; */
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    /* text-align: center; */
    /* font-size: 2em; */
    font-style: normal;
}

.progress-text1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: absolute;
    /* top: 60px; */
    top:40%;
    left: 44%;
    transform: translate(-50%,-50%);
    /* text-align: center; */
    /* font-size: 2em; */
    font-style: normal;
}
.progress-text {
    color: var(--highlightPink);
    /* font-size: 3.60625vw; */
	/* font-size:3.00625vw; */
	/* font-size:2.1vw; */
	font-size:3.845833vw;
}
.progress-text-1 {
    color: var(--highlightPink);
    /* font-size: 3.60625vw; */
	/* font-size:3.00625vw; */
	/* font-size:2.1vw; */
	font-size:3.845833vw;
	margin: 1.85185vh 0 0;
}
.progress-text1 {
    color: var(--highlightGreen);
    font-size: 3.125vw;
}
.progress-text1 span.adjust{
    
    height: auto;
    width: 40%;
    font-size: 7.125vw;
    text-align: center;
    position: absolute;
    left:22%;
}


.tooltip {
  position: relative;
  cursor:pointer;
}

.tooltip .tooltiptext {
  visibility: hidden;
  /* width: 9.7708333vw; */
  width: 20vw;
  background-color: rgba(0,0,0,0.5);
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 15px;
  font-size:1.1vw !important;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: -5.277778vh;
  left: 100%;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}