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

 
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/*
.archivo-<uniquifier> {
  font-family: "Archivo", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}


.inter-<uniquifier> {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
.barlow-thin {
  font-family: "Barlow", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.barlow-extralight {
  font-family: "Barlow", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.barlow-light {
  font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.barlow-regular {
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.barlow-medium {
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.barlow-semibold {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.barlow-bold {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.barlow-extrabold {
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.barlow-black {
  font-family: "Barlow", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.barlow-thin-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.barlow-extralight-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.barlow-light-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.barlow-regular-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.barlow-medium-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.barlow-semibold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.barlow-bold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.barlow-extrabold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.barlow-black-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 900;
  font-style: italic;
}
*/ 

body {
	font-family: "Inter", sans-serif;
	font-size:16px;
	line-height:inherit;
	color:#000000;
	font-weight:normal;
 overflow-x: hidden;
}
/*==========================================================
headings 
============================================================*/


h1, h2, h3, h4, h5 {
	font-family: "Archivo", sans-serif;
	font-weight:900;
	color:#1C8DC8;
}
h1 {
    font-size: clamp(36px, 4.5vw, 70px);
    line-height: 1.15;
}

h2 {
    font-size: clamp(30px, 3.2vw, 50px);
    line-height: 1.2;
}

h3 {
    font-size: clamp(26px, 2.6vw, 40px);
    line-height: 1.25;
}

h4 {
    font-size: clamp(22px, 2vw, 30px);
    line-height: 1.3;
}

h5 {
    font-size: clamp(18px, 1.6vw, 24px);
    line-height: 1.25;
}

h1 span, h2 span{
	color:#0B2341;
}
.white{
	color:#fff !important;
}

.mb-30{
}


a, a:hover{
	text-decoration:none;
}

/*===============================================
butttons
=================================================*/


.btn-primary {
	display:inline-flex;
	align-items:center;
	padding:14px 18px;
	border-radius:50px;
	background: #00AEEF;
	background: linear-gradient(180deg, rgba(0, 174, 239, 1) 0%, rgba(0, 87, 120, 1) 50%);
	color:#fff;
	font-size:18px;
	font-weight:500;
	border:none;
	outline:none;
}
.nbg-btn {
	padding:15px 18px;
	border-radius:50px;
	background:none;
	border:1px solid #fff !important;
	color:#fff;
	font-size:18px;
	font-weight:500;
}
.btn-primary span {
	color:#fff;
	font-size:18px;
	line-height:18px;
}
.btn-primary span::after {
 content:'';
 display:inline-block;
 background:url(../images/arrow-more.png) no-repeat;
 background-size:contain;
 margin-left:10px;
 width:15px;
 height:15px;
 transition: 0.2s all ease;
}
.btn-primary:hover {
	background:#0B2341;
	border:none;
	outline:none;
}
.nbg-btn:hover {
	background:#0B2341;
}
 .btn-primary:hover span::after, .nbg-btn:hover span::after {
 content:'';
 display:inline-block;
 background:url(../images/arrow-more.png) no-repeat;
 background-size:contain;
 margin-left:10px;
 width:15px;
 height:15px;
 transition: 0.2s all ease;
 transform: rotate(45deg);
}












/*============================================================================
PRICETICKER CSS STARTS HERE
============================================================================*/




.ska-h-stock{
	float:left;
	width:100%;
}
.stk-code{
	font-size:30px;
	line-height:30px;
	color:#1C8DC8;
	font-weight:600;
}

.stk-price{
	font-family: "Archivo", sans-serif;
	font-size:80px;
	line-height:80px;
	color:#0B2341;
	font-weight:900;
}
 .stk-chg{
	 display:flex;
	 
 }
 
 .stkchg{
	 font-size:20px;
	 line-height:24px;
	 font-weight:normal;
	 margin-bottom:40px;
	/* color:#12870A;*/
 }

.chgUp{
	color:#12870A !important;
}

.chgDown{
	color:#ff3600 !important;
}

 
 .stkchg-l:after{
	 content:"|";
	 display:inline-block;
	 margin-left:10px;
	 margin-right:10px;
 }
 
 .chgUp:before{
	 content:'';
	 display:inline-block;
	 background:url(../images/up-img.png) no-repeat;
	 width:22px;
	 height:19px;
	 margin-right:10px;
 }
 
 .chgDown:before{
	 content:'';
	 display:inline-block;
	 background:url(../images/down-img.png) no-repeat;
	 width:22px;
	 height:19px;
	 margin-right:10px;
 } 
 
 
 .stk-foot{
	 display:flex;
	 align-items:center;
	 
 }
 .stk-foot div{
	 flex: 0 0 50%;
 }

.heod{
	font-size:10px;
	line-height:12px;
	color:#000;
}



/*==============================================================================================
MEDIA QUERIES STARTS HERE
=================================================================================================*/

@media (min-width: 768px) {
    
  
  
}


@media (min-width: 992px) {
	

 
	

}


@media (min-width: 1200px) {
	

 

}


@media (min-width: 1400px) {
	

 

}



@media(min-width:768px) and (max-width:1036px){
	
	
 
	
	
}

@media(max-width:767px){
	


	
}







/* Mobile: below 576px */
@media (max-width: 575.98px) {
	


}

/* Small mobile: 380px and below */
@media (max-width: 380px) {


	

}