@charset "utf-8";
/* CSS Document */

 
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
  

body {
	font-family: "Inter", sans-serif;
	color: #fff;
	font-size:14px;
	font-weight:normal;
	line-height: 1.8;
}
.mt-100 {
	margin-top: 100px;
}
.mt-80 {
	margin-top: 80px;
}
.mb-30 {
	margin-bottom:30px;
}

/*==========  Mobile First Method  ==========*/


.blue-box{
	/*width:100%;
	height:100%;*/
	aspect-ratio: 1 / 1;
	 width:338px;
	 height:313px;
	 padding:30px;
	background:#0064a4;
	margin:0 auto;
}

.stk-titile{
	font-size:36px;
	line-height:36px;
	font-weight:bold;
	margin-bottom:20px;
}

.stk-price{
	font-size:70px;
	line-height:70px;
	color:#fec81d;
	font-weight:500;
	border-bottom:1px solid #5894c5;
	margin-bottom:20px;
}
.stk-price span{
	font-size:36px;
	line-height:36px;
	font-weight:400;
	color:#fec81d;
}
.hlv-wrap{
	float:left;
	width:100%;
	border-bottom:1px solid #5894c5;
	margin-bottom:20px;
	font-size:14px;
	line-height:14px;
	color:#fff;
}
.hl-wrap,.vol-wrap{
	float:left;
	width:100%;
	margin-bottom:20px;
	
}
.hl-left, .hl-right, .vol-left, .vol-right{
	float:left;
	width:50%;
	text-align:left;
}


.eod{
	font-size:12px;
	line-height:12px;
	color:#fff;
	text-align:right;
}


@media(max-width:1199px) {
}







/* Large desktops and laptops */
@media (min-width: 1200px) {
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
 
}
 @media (min-width: 992px) {
}
@media (max-width: 991px) {
}
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

}
@media (min-width: 768px) {
}
/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

	
	
}
 @media (max-width:576px) {

	 
	 
}



/* Portrait phones and smaller */
@media (max-width: 480px) {
}
 @media(max-width:414px) {
}

/* Portrait i phones and smaller */
@media (max-width: 380px) {
	
	
	
}