/*!Common*/

html {
  scroll-behavior: smooth;
}

body {
	font-family: 'Lato', sans-serif;
}
	
.toplogo{
	width:100%;
	height:100px;
	background-image:url('/dynamicWeb/SGBLP/images/Pathway.png');
	background-repeat:no-repeat;
	position: fixed;
	top:0px;
	border-color:white;
	z-index: 5;
}
	

.topbtn{
	 border-radius: 10px;
   width:200px;
    height: auto;
	padding:10px;
	background-color:#97144d;
	color:white;
	font-size:12pt;
	text-align: center;
	margin-top:30px;
	border: 0px #97144d solid;
	font-weight:400;
	margin-right:auto;
	margin-left: auto;
	
}


.toplogin{
	 border-radius: 10px;
   width:120px;
    height: auto;
	padding:8px;
	background-color:#97144d;
	color:white;
	font-size:12pt;
	text-align: center;
	margin-top:30px;
	border: 0px #97144d solid;
	font-weight:400;
	margin-right:10%;
	float: right;
	
	
}

.topopenac{
	 border-radius: 10px;
   width:200px;
    height: auto;
	padding:8px;
	background-color:white;
	color:#97144d;
	font-size:12pt;
	text-align: center;
	margin-top:30px;
	border: 1px #97144d solid;
	font-weight:400;
	margin-right:2%;
	float: right;
	
	
}


  .disclaimer{
			  width:100%;
			  height: auto;
			  float: left;
			  background-color: black;
			  padding-left:10%;
			  padding-right:10%;
			  padding-top:5%;
			  padding-bottom:5%;
			  
		  }
		  


.topimg{
	width:100%;
	height: 600px;
	padding-top:5%;
	background-color:#d7cec9;
	
}



.mobimage{
	width:49.5%;
	height: auto;
	float: right;

	
	
}

.moblefttext{
	width:40%;
	height: auto;
	float: left;
	margin-left:10%;
	padding-top:5%;
}

.elgitext{
	
	font-size:20pt;
	color: #97144d;
	line-height:150%;
	padding-top:2%;
	
	
}

.generatetext{
	font-size:15pt;
	
}


.ipobox{
	width:100%;
	padding-left:10%;
	padding-right:10%;
	background:white;
	padding-top:5%;
	padding-bottom:5%;
	
}
		
.iporight{
	width:38%;
	height: 516px;
	float: right;
	border-radius:10px;
	background-image:url("/dynamicWeb/SGBLP/images/IPO.png");
	background-repeat: no-repeat;
	 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.ipoleft{
	
	width:62%;
	height: auto;
	float: left;
	background-color: #98144d;
	border-bottom-left-radius:10px;
	border-top-left-radius:10px;
	color:white;
	padding:10% 5%;
	font-size:15pt;
	line-height:200%;
	margin-top:4%;
	
}

		  						.image1wise{
     display: block;

   }

   .image2wise{
     display: none;
   }


.comparetab{
			width: 45%;
			height:500px;;
	margin-right:2%;
	/*margin-top: 5%;*/
			
			float:left;
				
			
			    

}

.boxtab{
			width: 100%;
	margin-top: 3%;
			height:auto;
			background:white;
			border-radius:10px;
			border: 1px #d1d2d3 solid;
			
			float:left;
				
			text-align: left;
			    

}				  


.boxtab{
			width: 100%;
			height:auto;
			background:white;
			border-radius:10px;
			border: 1px #d1d2d3 solid;
			
			float:left;
				
			text-align: left;
			    

}				  



	
.ytbox{
	
	width: 45%;
	height:200px;
	float: left;
	
	
	margin-right:3%;
	margin-top:3%;
	margin-bottom: 5%;
	
	font-size:15pt;
	
}



.iccontainer{
	width:80%;
	height: auto;
	margin-left:10%;
	margin-right:10%;
}

.headtext{
	font-size:50px;
	text-align: left;
	font-weight:700;
	line-height:120%;
}

.headtext2{
	font-size:25pt;
	text-align: left;
	font-weight:700;
	line-height:120%;
}

/*!Common*/


.forbox{
			width:130px;
			margin-left: auto;
			margin-right: auto;
		}
		
		.so{
			width:160px;
			margin-left: auto;
			margin-right: auto;
		}
		
		
		.soc{
			width:30px;
			height:30px;
			float: left;
			margin-right:10px;
			margin-left:10px;
			
		}


.Ebox1{
	width:50%;
	height: auto;
	float: left;
	
		
	
	
}	  

.Ebox2{
	
	width:40%;
	height:auto;
	float: right;
	
	
}	

.howbox{
	width:100%;
	height:60px;
	background-color:white;
	border: 1px #e6e6e6 solid;
	margin-bottom: 2%;
	padding-top:10px;
}


.toppad{
	padding-top:2%;
}


.formbg{
	width:100%;
	padding-bottom:0%;
	padding-top:2%;
	background-color:#971b4e;
	
}




.forminside{
	width:60%;
	margin-left:20%;
	margin-right:20%;
}

.ftext{
	color:white;
	font-size:13pt;
	width:40%;
	margin-right:0%;
	float: left;
	padding-top:1%;

	
		
}

.linktext{
	
	color:black;
	font-size:11pt;
	width:100%;
	margin-right:0%;
	float: left;
	padding-top:2%;

	
}


#ip1{
    border-radius: 10px;
	border: 1px #8c8c91 solid;
    outline: none;
    padding: 24px; 
    width: 40%;
    height: 20px;  
	background-color:white;
	margin-right:2%;
	float: left;
	
	
}

.genbtn{
	width:40%;
	text-align: center;
	font-size: 12pt;
	font-weight:400;
	color:white;
	border-radius: 10px;
   padding:12px; 
   height: auto;  
	background-color:#97144d;
	margin-bottom:0%;
	float: left;
	border: 1px #97144d solid;
	
}

.topbtn{
	width:100%;
	text-align: center;
	font-size: 12pt;
	font-weight:400;
	color:white;
	border-radius: 10px;
   padding:12px; 
   height: auto;  
	background-color:#97144d;
	margin-bottom:0%;
	float: left;
	position: fixed;
	bottom:0px;
	
	
}



.leftpart{
	width:50%;
	height: auto;
	float: left;
}



.rightpart{
	width:50%;
	height: auto;
	float: right;
	
}



.graybox{
	width:100%;
	padding-left:10%;
	padding-right:10%;
	background-color:#f5f5f5;
	padding-top:5%;
	padding-bottom:5%;
}


.rtext{
	
	font-size:15pt;
	padding-left:10%;
	padding-top:5%;

}

.ltext{
	
	font-size:15pt;
	padding-right:10%;
	padding-top:5%;

}

.rtexthead{
	
	font-size:36px;
	padding-left:0%;
	font-weight:700;
	line-height:80%;

}



.leftpart1{
	width:55%;
	height: 300px;
	float: left;
}



.rightpart1{
	width:40%;
	height: 300px;
	float: right;
}
		 

		  ::placeholder {
  color: #c3c4c5;
  opacity: 1; /* Firefox */
	font-size:13pt;
			text-align:left;
}



			  .bimg{
	width:100%;
}
		


.accordion {
  background-color: #dddcdc;
  color: black;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 13pt;
  transition: 0.4s;
margin-bottom:1%;
	font-weight:400;
}

.active, .accordion:hover {
  background-color: #ccc;
}

.accordion:after {
  content: '\002B';
  color: #97144d;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}


.stepbox{
	width:17%;
	height:180px;
	border-radius:10px;
	border: 1px #cccccc solid;
	margin-top:2%;
	margin-right:3%;
	float: left;
	text-align: center;
	padding-left:2%;
	padding-right:2%;
	padding-top:1%;
	font-size:13pt;
	color:black;
	background-color:white;
	
}

.step1{
	
	width:25%;
	height:30px;
	padding-top:5px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top:15%;
	border-radius:10px;
	background-color:#fce5ed;
	font-size:10pt;
	
}

.blinkjacket{
	width:350px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.blink{
	width:250px;
	color:white;
	text-align: center;
	padding:10px;
	border: 1px #ec1163 solid;
	float: left;
}

.blinkbtn{
	width:100px;
	color:white;
	text-align: center;
	padding:10px;
	border: 1px #ec1163 solid;
	float: left;
	background-color:#ec1163;
}

.ipogreybox{
	
	width:100%;
	background-color:white;
	height: auto;
	padding:2%;
	padding-top:0%;
	margin-top:0%;
	padding-left:5%;
	padding-right:5%;
}

.ipogreyleft{
	width:65%;
	height:300px;
	background-color: white;
	border-radius:10px;
	
	float: left;
	
}

.ipogreyright{
	width:26%;
	height:300px;
	background-color: white;
	float: left;
	margin-top: 0%;
	
}

.ipoburbox{
	width:100%;
	height:240px;
	background-color:#98144d;
	vertical-align: top;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}

.iporedtext{
	padding-top: 2%;
	padding-left:5%;
	padding-right:2%;
	font-size:15pt;
	color:#98144d;
	line-height:150%;
	font-weight:700;
	text-align: left
}

.ipoblacktext
{
	padding-top: 0%;
	padding-left:0%;
	padding-right:2%;
	font-size:13pt;
	color:black;
	line-height:150%;
	font-weight:400;
	text-align: left
}

.ipoformcenter{
	width:50%;
	margin-left: auto;
	margin-right: auto;
	height:auto;
	padding-top:5%;
	padding-bottom:5%;
	
}


		  @media only screen and (max-width: 1000px){ 
			  
			  
			  /*!Common*/
			  
			  
	.toplogo{
	width:100%;
	height:100px;
	background-image:url('/dynamicWeb/SGBLP/images/PathwayMobile.png');
	background-repeat:no-repeat;
				  
				  
				  
}
			  
			  		
			 .topimg{
	width:100%;
	padding-top:10%;
	 height: auto;
}
		
		
			  .toplogin{
	 border-radius: 5px;
   width:auto;
    height: auto;
	padding:4px;
	background-color:#97144d;
	color:white;
	font-size:9pt;
	text-align: center;
	margin-top:20px;
	border: 0px #97144d solid;
	font-weight:400;
	margin-right:2%;
	float: right;
	
	
}

.topopenac{
	 border-radius: 5px;
   width:auto;
    height: auto;
	padding:4px;
	background-color:white;
	color:#97144d;
	font-size:9pt;
	text-align: center;
	margin-top:20px;
	border: 1px #97144d solid;
	font-weight:400;
	margin-right:2%;
	float: right;
	
	
}
			
			  .comparetab{
			width: 100%;
			height:auto;
				  margin-top: 5%;
			
			float:left;
				
			
			    

}
			  
			  
			  
	
	   .boxtab{
			width: 100%;
			height:auto;
			background:white;
			border-radius:10px;
			border: 1px #d1d2d3 solid;
			
			float:left;
				
			text-align: left;
			    

}				  
		  
			  
			  
			  
			  
		 .ytbox{
	width: 100%;
	height:auto;
	float: left;
	
	margin-top:10px;
		  
		  
	
	
	
}	  
			  
			  
			    .headtext{
	font-size:24px;
	text-align: left;
	font-weight:700;
}
			
			    .headtext2{
	font-size:24px;
	text-align: left;
	font-weight:700;
}		  
			  							.image1wise{
     display: none;
   }

   .image2wise{
     display: block;
   }
							
			
		 			
		

				 .disclaimer{
			  width:100%;
			  height: auto;
			  float: left;
			  background-color: black;
			  padding-left:5%;
			  padding-right:5%;
			  padding-top:5%;
			  padding-bottom:5%;
			  
		  }
		  
			  
			  
			  
			  

			  /*!Common*/
			  
			  
			  
			  .ipoformcenter{
	width:80%;
	margin-left: auto;
	margin-right: auto;
	height:auto;
	padding-top:5%;
	padding-bottom:5%;
	
}
			  
			  
			  .ipogreyleft{
	width:100%;
	height:auto;
	background-color: white;
	float: left;
	
}

.ipogreyright{
	width:100%;
	height:auto;
	background-color: white;
	padding:5%;
	float: none;
	
}
			  
			  
			  
			  .ipobox{
	width:100%;
	padding-left:10%;
	padding-right:10%;
	background:white;
	padding-top:5%;
	padding-bottom:5%;
	
	
}
		


.ipoleft{
	
	width:100%;
	height: auto;
	float: left;
	background-color: #98144d;
	color:white;
	padding:5% 5%;
	font-size:11pt;
	line-height:150%;
	border-radius:0px;
	margin-top:-10px;
	
	

	
}
			  
			  
			  
.mobimage{
	width:100%;
	height: auto;
	float: left;

	
	
}
			  
			  
			  .moblefttext{
	width:80%;
	height: auto;
	float: left;
	margin-left:10%;
	margin-right:10%;
	padding-top:10%;
	
}
			  
			  .elgitext{
	
	font-size:15pt;
	color: #97144d;
	line-height:120%;
	padding-top:2%;
	
}
			  
			  
.generatetext{
	font-size:13pt;
	
}
			  
			  .linktext{
	
	color:black;
	font-size:11pt;
	width:100%;
	margin-right:0%;
	float: left;
	padding-top:2%;
	text-align: left;
	
}
			  
			  
			  .stepbox{
	width:100%;
	height:auto;
	border-radius:10px;
	border: 1px #cccccc solid;
	margin-top:5%;
	margin-right:0%;
	margin-left: 0%;
	text-align: center;
	padding :5%;
	
	

	
}
			  
			  
			  
			  .rtexthead{
	
	font-size:24px;
	padding-left:0%;
	font-weight:700;
	line-height:80%;

}
			  
			  .Ebox1{
	width:100%;
text-align: left;

	
		
	
	
}	  

.Ebox2{
	
	width:100%;
	height:auto;
	font-size:13pt;
	padding-top:0%;
	text-align: left;
	padding-bottom:5%;
	
	
	
}
		
			  
			  .toppad{
	padding-top:0%;
}
			  
			  .bimg{
	width:10%;
}
			  
			  
			  .ltext{
	
	font-size:13pt;
	padding-right:0%;
	padding-top:0%;

}
			  
			  
			  .rtext{
	
	font-size:13pt;
	padding-left:0%;
	padding-top:0%;

}
			  
			  
			  
			  ::placeholder {
  color: #c3c4c5;
  opacity: 1; /* Firefox */
	font-size:11pt;
			text-align: center;
}
			  
			  
			  .formbg{
	width:100%;
	padding-bottom:1%;
	padding-top:8%;
	
}

.forminside{
	width:90%;
	margin-left:5%;
	margin-right:5%;
}

.ftext{
	color:white;
	font-size:13pt;
	width:100%;
	margin-right:2%;
	padding-top:1%;
	text-align: center;
	margin-bottom:5%;
	
		
}

#ip1{
    border-radius: 10px;
border: 1px #8c8c91 solid;
    outline: none;
    padding: 20px; 
    width: 100%;
    height: 15px;  
	background-color:white;
	margin-bottom:5%;
	
	
	
}

.genbtn{
	width:100%;
	text-align: center;
	font-size: 12pt;
	font-weight:400;
	
	border-radius: 10px;
   padding:10px; 
   height: auto;  
	
	margin-bottom:5%;
	
	
	
}

			  
			  
			  
			  .leftpart1{
	width:100%;
	height: auto;
	
}



.rightpart1{
	width:100%;
	height: auto;
	
}
			  
			  
			  .box1{
	width:100%;
	height:auto;
	border-radius:10px;
	border:1px #cdcdcd solid;
	background-color: white;
	padding:5%;
	float: left;
	font-size:12pt;
	text-align: center;
	margin-top: 3%;
}
			  
			  
		  
			  
			  .leftpart{
	width:100%;
	height: auto;
	
}



.rightpart{
	width:100%;
	height: auto;
	
}
		
			  
			  
			  .icon1{
	width:15%;
	height:auto;
	float: left;
	padding-right:1%;
	padding-top: 7%;
}

.text2{
	width:80%;
	height:auto;
	float: right;
}
			  
			 

							
							

						}