@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Montserrat:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

body {
	margin: 0;
	padding: 0;
	font-family: 'Lato', sans-serif;
    overflow-x: hidden;
}

.container {
	width: 100%;
	max-width: 1170px;
	padding: 0;
}
.container-fluid {
	width: 100%;
	max-width: 1440px;
}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group{
    margin-left: 0;
}
.fixed {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 99999;
  }
  .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-toggle .icon-bar {
    height: 3px;
}
.navbar-default .navbar-toggle {
    border: none;
    margin-right: 5px;
}
.navbar-default .navbar-toggle:focus{
    background: transparent;
    border: none;
}
.navbar-nav>li>a.mainBtn{
    background:#F5FFB6;
    color: #000!important;
    border-radius: 20px;
    padding: 7px 20px!important;
    margin: 10px 15px 0 0;
    line-height: initial;
    border: none!important;
    transition: 0.3s;
}
.navbar-nav>li>a.signinBtn{
    background:#Fff;
    color: #000!important;
    border-radius: 20px;
    padding: 7px 20px!important;
    margin: 10px 15px 0 0;
    transition: 0.3s;
    line-height: initial;
    border: none!important;
}
.navbar-nav>li>a.mainBtn:hover{
    background:#F5FFB6!important;
    color: #000!important;
box-shadow: 0 0 15px #ddd;
}
.navbar-nav>li>a.signinBtn:hover{
    background:#Fff!important;;
    color: #000!important;
box-shadow: 0 0 15px #ddd;
}
.navbar-default {
    background-color: #102253;
    border-color: #102253;
    border-radius: 0;
    margin: 0;
    padding: 8px 0;
    transition: 0.3s;
}
.navbar-default.fixed{
    background-color: rgb(16,34,83,0.85);
}
a.navbar-brand {
    padding: 2px 0 0 15px;
    display: inline-block;
    margin-right: 60px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: transparent;
    border-bottom: 3px solid #4a5ec0;
}
.navbar-nav>li>a{
    color:#fff!important;
    border-bottom: 3px solid transparent;
   
    padding: 10px 15px !important;
}
.navbar-nav>li>a:hover{
    border-bottom: 3px solid #4a5ec0;
}
.mainSection{
	padding: 50px 0 100px;
	background:url(../images/banner-bg.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	min-height: 400px;
	position: relative;
	overflow: hidden;
}
img.bannerGraphic {
    position: absolute;
    bottom: 0;
    right: -10.2%;
    max-width: 50%;
    border: 8px solid #6979C8;
    border-radius: 4px;
	border-bottom: none;
}

.bannerWrap h1 {
    font-size: 50px;
    font-family: 'Montserrat';
    color: #fff;
    font-weight: 600;
    line-height: 73px;
}

.bannerWrap h2 {
    font-size: 36px;
    line-height: 43px;
    color: #fff;
    font-family: 'Montserrat';
    font-weight: 400;
}
.bannerWrap h3 {
    font-size: 24px;
    font-weight: 600;
    font-family: 'Montserrat';
    color: #fff;
    line-height: 29px;
}
.bannerWrap form {
    margin: 30px 0 5px;
    max-width: 62%;
}
.bannerWrap form input.form-control {
    background: transparent;
    color: #fff;
    padding: 20px 120px 20px 15px;
    border-radius: 20px!important;
	font-family: 'Lato', sans-serif;
font-size: 14px;
}
.bannerWrap .input-group {
    position: relative;
    width: 100%;
}
.bannerWrap .input-group-btn {
    position: absolute;
    right: 108px;
}
.bannerWrap button.btn.btn-default {
    border-radius: 20px!important;
    padding: 7px 25px;
    font-size: 18px;
	font-family: 'Lato', sans-serif;
	font-weight:600;
	background: #F5FFB6;
	color: #000;
}
.bannerWrap ::placeholder{
	color: #E4E4E4!important;
}
.bannerWrap button.btn.btn-default:focus{
	outline: none;
}

.pillarSection {
    padding: 30px 0;
    background: #0F2254;
    text-align: center;
	position: relative;
}
img.pillarGraphic {
    position: absolute;
    left: 0;
    bottom: 50px;
}
.pillarSection h3{
font-size: 36px;
line-height: 43px;
font-family: 'Lato', sans-serif;
font-weight: 700;
color: #F5FFB6;
margin: 15px;
}
.pillarBox {
	margin: 50px 0;
	padding:15px;
	transition: 0.3s;
    border-radius: 8px;
    max-height: 493px;
    overflow: hidden;
}
.pillarImg img {
    width: 100%;
    max-width: 230px;
}
.pillarInfo{
    background: url(../images/plus.svg) no-repeat;
    background-size: 30px;
    background-position: right 10px;
    text-align: left;
    margin: 30px 0 0;
}
.pillarInfo.last{
	background: none;
}
.pillarInfo h4{
	color: #759FF2;
	font-size: 36px;
	line-height: 43px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;

}
.pillarInfo p{
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: #FFFFFF;
	margin: 15px 70px 15px 0;
	height: 96px;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.inxBtn{
font-size: 20px;
font-family: 'Lato', sans-serif;
padding: 15px 40px;
line-height: 24px;
color: #000;
background: #F5FFB6;
border-radius: 30px;
font-weight: 600;
display: inline-block;
margin: 30px 0;
transition: 0.3s;
}
.inxBtn:hover{
	text-decoration: none;
	background: #eaf4a9;
    box-shadow: 0 0 15px #ddd;
	
}
.inxBtn:focus{
    color:#000!important;
}
.mediaSection {
    padding: 30px 0;
    background: #F1F1F1;
    text-align: center;
	position: relative;
}
img.mediaGraphic{
	position: absolute;
	right: 0;
	top: 20px;
}
.mediaSection h3 {
    font-size: 36px;
    line-height: 43px;
	font-family: 'Lato', sans-serif;
    font-weight: 700;
    margin: 15px;
    color: #4A5EC0;
}
.mediaBox {
    text-align: left;
    margin: 30px 0;
    position: relative;
	transition: 0.3s;
}
.mediaBox a.mediaLink{
	position: absolute;
	width: 100%;
	height:100%;
	z-index: 9999;
}
.mediaBanner {
    position: relative;
    height: 181px;
    overflow: hidden;
}
img.mediaBg {
    width: 100%;
}
.mediaBanner img.media-logo{
	position: absolute;
	top: 25px;
	left: 0;
	max-width: 110px;
}

.mediaInfo {
    background: #fff;
    padding: 20px 20px 0;
}
.mediaInfo p{
	font-size: 13px;
line-height: 19px;
color: #23242A;
font-family: 'Poppins', sans-serif;
font-weight: 400;
height: 60px;
text-overflow: ellipsis;
word-break: break-all;
display: -webkit-box;
max-width: 100%;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.mediaDate .arrowBtn{
	display: block;
    padding: 15px 0 ;
}
.mediaDate .arrowBtn span{
	font-size: 13px;
	line-height: 19px;
	color:#676A72;
	font-family: 'Poppins', sans-serif;
font-weight: 400;
}
.mediaDate .arrowBtn img{
	float: right;
	max-width: 18px;
}
.mediaSection .inxBtn{
    margin: 15px 0;
}
.sponsorSection {
    padding: 30px;
    text-align: center;
    background: #F1F1F1;
}
.sponsorSection h3{
	font-size: 36px;
line-height: 43px;
font-family: 'Lato', sans-serif;
font-weight: 400;
color: #18191e;
margin: 15px;
}
.sliderSection{
    padding: 30px 0;
    background: #fff;
    position: relative;
    text-align: center;
}
img.sliderGraphic{
    position: absolute;
    left: 0;
    top: 20px;
    max-width: 45px;
}
.sliderSection h3{
    font-family: 'Lato', sans-serif;
    font-size: 36px;
    line-height: 43px;
    font-weight: 700;
    color: #4A5EC0;
    margin:15px;
}
.sliderWrap {
    margin: 30px 0;
    padding: 0 30px;
}
.clientBox {
    max-width: 350px;
    margin: 20px 10px;
    display: inline-block;
    border-radius: 10px;
    padding: 15px;
    transition: 0.3s;
}
.clientBox img.clientImg {
    margin: 0 auto;
}
.clientBox h4{
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
	font-family: 'Poppins', sans-serif;
    color:  #23242A;
    margin-bottom: 0;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.clientBox span{
display: inline-block;
    margin: 7px 0 9px;
}
.clientBox .fa{
    padding-right: 3px;
    font-size: 13px;
}
.clientBox .fa-star{
    color: #02B67B;
}
.clientBox .fa-star.black{
    color:#102253;
}
.clientBox p{  
     font-size: 13px;
    font-weight: 400;
    line-height: 19px;
	font-family: 'Poppins', sans-serif;
    color:  #23242A;
text-overflow: ellipsis;
display: -webkit-box;
max-width: 100%;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.slick-prev {
    left: 0;
    z-index: 9999;
}
.slick-next {
    right: 0;
    z-index: 999;
}
.slick-next:before, .slick-prev:before{
    content: '';
}
.slick-arrow img{
    max-width: 30px;
}
.slick-next, .slick-prev {
    width: 30px;
    height: 30px;
}
.slick-arrow{
    transition: 0.3s;
}
.slick-arrow:hover{
    opacity: 0.6;
}
.ratingWrap{
    margin: 15px 0;
}
.ratingWrap img.starImg {
    max-width: 210px;
}
.ratingWrap span{
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    line-height: 19px;
    color: #535760;

}
.sponsorWrap {
    margin: 30px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sponsorWrap a {
    padding: 15px 0;
    margin: 0 10px;
    width: 100%;
    display: flex;
    height: 100px;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.sponsorWrap a img{
	width: 100%;
	max-width:200px;
	transition: 0.3s;
}
.assetsSection {
    padding: 30px 0;
    background: #fff;
    text-align: center;
	position: relative;
}
img.assetLeftgraphic{
	position: absolute;
	left: 0;
	bottom: 15px;
	max-width: 130px;
}
img.assetRightgraphic{
	position: absolute;
	right: 5px;
	top: 50px;
	max-width: 90px;
}
.assetsSection h3 {
    font-size: 28px;
    line-height: 33px;
	font-family: 'Lato', sans-serif;
    font-weight: 400;
    color: #18191E;
    margin: 15px;
}
.assestBox {
    padding: 30px;
    margin: 30px 0;
    border-radius: 10px;
    background: #EFF3FF;
	height: 309px;
	transition: 0.3s;
}
.assestBox img{
	max-width: 80px;
}
.assestBox span {
    font-size: 44px;
    display: block;
    font-weight: 600;
    line-height: 53px;
    margin: 20px 0;
    color: #18191E;
	font-family: 'Montserrat', sans-serif;
}
.assestBox p {
    font-size: 16px;
    height: 100px;
    line-height: 24px;
	font-family: 'Poppins', sans-serif;
	color: 	#23242A;
	font-weight: 400;
	text-overflow: ellipsis;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 98%;
    margin: 0 auto;
}
.assetsSection  h4 {
    font-size: 24px;
    line-height: 29px;
    font-weight: 700;
	font-family: 'Montserrat', sans-serif;
	color: #4A5EC0;
}
.blueBtn{
	background: #0F2254;
	color: #fff;
	margin:15px 0;
}
.blueBtn:hover{
	background: #2e4990;
	color: #fff;
	box-shadow: 0 0 15px #756363;
}
.inxBtn:focus{
	text-decoration: none;
	color: #fff;
}
.tradingSection {
    padding: 50px 0;
    position: relative;
    background: #4A5EC0;
}
img.tradingGraphic {
    position: absolute;
    top: 0;
    right: 0;
}
.tradingImg {
    text-align: center;
}
.tradingWrap h4 {
    font-size: 24px;
    font-weight: 700;
    color: #F5FFB6;
    line-height: 28px;
	font-family: 'Lato', sans-serif;
}
.tradingWrap h4 span{
	font-weight: 400;
	color: #fff;
	display: block;
	margin: 15px 0;
}
.listWrap ul{
	padding-left: 0;
	margin-right: 30px;
}
.listWrap ul li{
	list-style: none;
	color: #fff;
    font-family: 'Poppins', sans-serif;
	font-size: 16px;
	line-height: 24px;
	padding: 10px 30px;
	font-weight: 400;
	position: relative;
}
.listWrap ul li:before {
    content: '';
    position: absolute;
    left: 0;
    display: block;
    width: 15px;
    height: 15px;
    background: url(../images/check.svg) no-repeat;
    top: 15px;
    background-size: contain;
}
.listWrap .bannerWrap form {
    max-width: 90%;
}
footer {
    background: #102253;
    padding: 40px 0;
}

footer p {
    color: #909bbc;
    font-size: 12px;
    line-height: 24px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}
footer p a{
color: #a4b4e6;
}
img.footerLogo {
    float: left;
    max-width: 50px;
    margin-right: 30px;
}
.socialWrap {
    color: #fff;
	margin: 0 0 20px;
}
.socialWrap span {
    font-size: 14px;
    font-family: 'Lato';
    line-height: 24px;
}
.socialWrap ul {
    padding: 0;
    margin: 0px 0 10px 50px;
}
.socialWrap ul li{
	list-style: none;
	display: inline-block;
}
.socialWrap ul li a {
    color: #fff;
    display: inline-block;
    padding: 10px 15px 10px 0;
	transition: 0.3s;
}
.socialWrap ul li a:hover{
color:#e7e8ed;
}
.socialWrap ul li a i.fab {
    font-size: 20px;
}

/*---------Page 2---------*/
.banner2{
    background: #4155b0;
    padding-bottom: 50px;
}

.banner2 img.bannerGraphic {
    position: absolute;
    top: 7%;
    right: 5%;
    max-width: 600px;
    border: none;
    border-radius: 0;
}

.banner2 h3 {
    font-size: 24px;
    font-weight: 700;
    font-family: 'Montserrat';
    color: #fff;
    line-height: 39px;
}
.bannerWrap .inxBtn{
    padding: 15px 60px;
    margin-bottom: 0;
}
.securitySection {
    padding: 20px 0;
    text-align: center;
    background: #F1F1F1;
    position: relative;
}
img.securityGraphic{
    position: absolute;
    left: 0;
    top: 10px;
    max-width: 80px;
}
.securitySection .iconsWrap{
    margin: 30px 0;
}
.securitySection .iconsWrap img {
    max-width: 80px;
    display: inline-block;
    margin: 30px 0;
}

.securitySection h3{
font-size: 36px;
    line-height: 43px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    margin: 15px 0;
    color: #000;
}
.securitySection p{
font-size: 24px;
    line-height: 28px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    color: #535760;
}
.formSection {
    padding: 50px 0;
    /* background: #061C55 url(../images/form-bg.png);
    background-size: cover;
    background-position:top; */
    background:#2A3F7C ;
    position: relative;
    overflow: hidden;
}
.formSection img.pillarGraphic {
    position: absolute;
    left: 0;
    bottom: 20px;
    max-width: 80px;
}
/* .formSection h3{
    font-size: 36px;
    line-height: 43px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    color: #000;
    margin: 15px;
    background: #F5FFB6;
    display: inline-block;
    padding: 17px 70px 0;
    clip-path: polygon(4% 11%, 100% 0, 100% 55%, 0 52%);
    min-height: 125px;
} */
.formSection h4{
    font-size: 48px;
    font-weight: 400;
    font-family: 'Montserrat';
    color: #F5FFB6;
    line-height: 58px;
    margin-bottom: 60px;
}
.formSection h5{
    font-size: 24px;
    font-weight: 400;
    font-family: 'Montserrat';
    color: #F9F9F9;;
    line-height: 29px;
    margin-bottom:60px;
    position: relative;
}
.formSection h5:after{
    content: '';
    background: url(../images/bar.svg) no-repeat;
    position: absolute;
    background-size: contain;
    left: 5px;
    top: 29px;
    display: block;
    width: 2px;
    height: 60px;
}
.formSection h5.noBg:after{
    background: none;
}

img.circlePic{
    display: inline-block;
    margin-top: -4px;
    max-width: 13px;
    margin-right: 15px;
}
.formSection h3.message{
    font-size: 48px;
    line-height: 51px;
    font-weight: 400;
    font-family: 'Montserrat';
    color: #F9F9F9;
    margin-bottom: 100px;
}
form.tokenForm {
    margin:  50px 0;
}
form.tokenForm select {
    display: block;
    width: 100%;
    /** for the dropdown indicator */
    appearance: none;
    background:#203162 url("../images/down.svg")no-repeat 97%!important;
}
form.tokenForm label{
    margin-bottom: 15px;
    font-family: 'Montserrat';
    color: #F1F1F1;;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
}
form.tokenForm .form-control {
    background: #203162;
    color: #f1f1f1;
    border: 1px solid #4A5EC0;
    border-radius: 4px;
    padding: 15px 10px;
    height: auto;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    box-shadow: none;
    margin-bottom: 40px;
}
form.tokenForm .form-control.noMargin{
    margin-bottom: 0;
}
form.tokenForm .uploadBtn {
    border: 2px solid #E4E4E4;
    color: #18191E;
    background-color: #E4E4E4;
    padding: 8px 20px;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Montserrat';
  }
  form.tokenForm .uploader{
  position: relative;
  overflow: hidden;
  display: inline-block;
  }
form.tokenForm input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    height: 100%;
    cursor: pointer;
  }
  form.tokenForm input[type="radio"]:checked:after {
    background-color: red;
    border: 2px solid red;
    
  }
form.tokenForm ::placeholder{
    color: #9EA8C3;
}
form.tokenForm .form-control:focus{
    box-shadow: 0 2px rgba(102 175 233 / 60%);
}
.align-center {
    text-align: center;
}
form.tokenForm .inxBtn{
    padding: 13px 80px 15px;
    margin: 30px 0 20px;
}
form.tokenForm button{
    border: none!important;
}
form.tokenForm button:focus{
    outline: none;
}
.align-right {
    text-align: right;
}
.aboutSection{
    padding: 30px 0;
    background: #F1F1F1;
    text-align: center;
}
.aboutSection h3{
    font-size: 36px;
    font-weight: 700;
    line-height: 43px;
	font-family: 'Lato', sans-serif;
   color: #000;
}
.aboutSection p{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
	font-family: 'Poppins', sans-serif;
    margin: 30px 10px;
}
.tableSection {
    padding: 30px 0;
    text-align: center;
    background: #102254;
    position: relative;
    overflow: hidden;
}
img.tableleftGraphic {
    position: absolute;
    left: -48px;
    top: -120px;
    transform: rotate(45deg);
}
img.tablerightGraphic {
    position: absolute;
    right: -16px;
    bottom: -15px;
    transform: rotate(59deg);
}
.tableSection h3{
    font-size: 36px;
    font-weight: 700;
    line-height: 43px;
	font-family: 'Lato', sans-serif;
   color: #fff;
}
.table-responsive{
    border: none;
}
table.inxTable {
    width: 100%;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    margin: 40px 0;
    min-width: 700px;
    z-index: 999;
    position: relative;
}
table.inxTable th{
padding: 10px 0;
font-size: 16px;
line-height: 19px;
font-family: 'Lato', sans-serif;
font-weight: 700;
color:#535760;
}
table.inxTable th img{
    max-width: 40px;
    display:inline-block;
    margin-bottom: 5px;
}
table.inxTable th,
table.inxTable td{
border-bottom: 1px solid#E4E4E4;
}
table.inxTable th:first-child,
table.inxTable th:last-child,
table.inxTable td:first-child,
table.inxTable td:last-child  {
    border-bottom:none;
}
table.inxTable tr:last-child td{
    border-bottom:none;
    padding: 15px 0;
}
table.inxTable th:first-child,
table.inxTable th:last-child  {
    width: 30px;
}
table.inxTable th:nth-child(2){
    padding: 40px 0 10px;
    text-align: left;
    font-size: 26px;
    line-height: 31px;
}
table.inxTable td{
    padding: 15px 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
	font-family: 'Poppins', sans-serif;
    color:#535760;
}
table.inxTable td img.table-icon-green {
    width: 25px;
}
table.inxTable td img.table-icon-red {
    width: 20px;
}
table.inxTable td:nth-child(2){
    text-align: left;
}

table.inxTable th:nth-child(3),
table.inxTable td:nth-child(3){
background:#ECF2FF;
width: 20%;
}
table.inxTable th:nth-child(4),
table.inxTable td:nth-child(4){
background:#FFFCE2;
width: 20%;
border-left: 3px solid #fff;
border-right: 3px solid #fff;
}
table.inxTable th:nth-child(5),
table.inxTable td:nth-child(5){
    background:#EBFFEB;
    width: 20%;
}
table.inxTable th:nth-child(6),
table.inxTable td:nth-child(6){
background:#EBFFEB;
}
table.inxTable th {
    text-align: center;
}
.solutionSection {
    position: relative;
    padding: 40px 0;
    background: #fff;
    overflow: hidden;
}
img.solutionGraphic.inxGraphic {
    position: absolute;
    right: -4px;
    bottom: -192px;
    max-width: 250px;
}
.solutionSection h3 {
    font-size: 36px;
    line-height: 43px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    margin: 15px 0;
    color: #4A5EC0;
}
.solutionSection p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    font-family: 'Poppins', sans-serif;
    color: #68696C;
}
.solutionWrap{
margin:40px 0 100px;
}
.mblHide{
    margin: 20px 0;
}
.solutionBox {
    padding: 10px 15px;
    border-left: 1px solid #A6AAB3;
}
.solutionBox h4{
    font-size: 28px;
    font-weight: 400;
    line-height: 43px;
    font-family: 'Montserrat';
    color: #4A5EC0;
    margin: 0 0 10px;
}
.solutionBox p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    font-family: 'Lato', sans-serif;
    color: #68696C;
    height:70px;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mblShow {
    display: none;
}
.mblHide img {
    width: 180px;
    padding-left: 7px;
}
.mblHide img.lastBox{
    width: 90px;
}
.tokenSection{
    display: flex;
}

.tokenSection .leftBox{
    width: 50%;
    background-color: #071C53;
    padding: 100px 50px;

}
.tokenSection .leftBox h3{
    font-size: 44px;
    line-height: 53px;
    font-weight: 400;
    font-family: 'Montserrat';
    color: #fff;
}
.tokenSection .leftBox p{
    font-size: 20px;
    line-height: 31px;
    font-weight: 400;
    font-family: 'Montserrat';
    color: #fff;
    /* margin: 30px 120px 30px 0; */
    margin: 30px 0;
}
.tokenSection p.subText {
    /* margin:20px 120px 80px 0; */
    margin:20px 0 80px 0;
    border-bottom: 1px solid #36497F;
    padding-bottom: 30px;
}
.tokenSection .leftBox .inxBtn{
    font-size: 15px;
    line-height: 21px;
    font-weight: 400;
    font-family: 'Montserrat';
}
.tokenSection .rightBox {
    width: 50%;
    background: #102253 url(../images/right-bg.png) no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
    background-position: center center;

}
.tokenSection .rightBox h4{
    font-size: 28px;
    line-height: 25px;
    font-weight: 400;
    font-family: 'Montserrat';
    color:#071C53;
    margin-left: 15px;
}
.tokenSection .rightBox h4 span{
    font-size: 17px;
}
.tokenSection .rightBox  img.inxLogo {
    max-width: 100px;
}

.whiteBg{
    background: #F1F1F1;
}
.whiteBg h3{
    color: #000;
}
.whiteBg form.tokenForm .form-control {
    color:#7A7E84;
    border-bottom: 1px solid #7685AA;
}
.whiteBg form.tokenForm ::placeholder{
    color: #7A7E84;
}
img.tokenGraphic.inxGraphic {
    position: absolute;
    left: 0;
    bottom: -80px;
}
.col-md-5th {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
#tokenform{
    display: none;
}

/*---------Page 2 end---------*/
.mblTable{
    background: #fff;
    width: 100%;
    text-align: left;
    border-radius: 20px;
    overflow: hidden;
    margin: 0;
}
.mblTable th{
    font-size: 20px;
    text-align: center;
    line-height: 25px;
    border-bottom: 1px solid#E4E4E4;
    padding: 20px 5px;
    margin-bottom: 20px;
}
.mblTable tr td.title {
    padding: 10px!important;
    color: #585c64;
    font-size: 14px;
    background: #f4f4f4;
}
.mblTable tr.brRow td{
border-bottom:1px solid #f2f2f2;
}
.mblTable tr td{
padding:10px;
font-size: 12px;
}
.mblTable tr.center {
    text-align: center;
}
.mblTable tr td img.table-icon-green {
    width: 20px;
}
.mblTable img.table-icon-red {
    width: 17px;
}
table.mblTable tr td:first-child, 
table.mblTable tr td:last-child {
    width: 15px;
    padding: 10px 0;
    border:none;
}

table.inxTable {
    display: inline-table;
}
table.mblTable{
    display: none;
}



@media (max-width:1330px){
.pillarInfo h4 {
    color: #759FF2;
    font-size: 30px;
    line-height: 38px;
}
}
@media (max-width:1200px){
	.container {
		padding: 0 15px;
	}
	.pillarBox {
		margin:0;
	}
	.assestBox span {
		font-size: 36px;
		line-height: 40px;
	}
    .tokenSection .leftBox h3 br{
        display: none;
    }
    .tokenSection .leftBox p {
        margin: 30px 30px 30px 0;
    }
    .tokenSection .leftBox {
        padding: 100px 20px;
    }
    .solutionBox p br{
        display: none;
    }
    .solutionBox h4 {
        font-size: 24px;
    }
    .bannerWrap h1 br{
        display: none;
    }
    .banner2 h3 br {
        display: none;
    }
    .formSection h5 {
        font-size: 22px;
    }
}
@media (max-width:992px){
    .inxGraphic {
        display: none;
    }
.pillarInfo p{
	margin-right: 0;
}
.sponsorWrap {
    margin: 30px;
    display:block;
}
.sponsorWrap a {
    padding: 15px;
    margin: 15px;
    width: 28%;
	display: inline-block;
}
.sponsorWrap a img{
	width: 100%;
	max-width: 200px;
}
img.bannerGraphic {
    opacity: 0.3;
}
.nav>li>a {
    padding: 10px 10px!important;
}
a.navbar-brand {
    margin-right: 20px;
}
.solutionBox p{
    display: block;
    height: auto;
}
.mblHide {
    display: none;
}
.mblShow {
    display: inline-block;
    position: absolute;
    left: -43.8px;
    max-width: 100px;
}
.solutionBox {
    padding: 10px 0 30px 110px;
    border-left: 2px solid #4a5ec0;
    border-left-style: dotted;
    position: relative;
    margin-left: 40px;
    margin-bottom: 2px;
}
.tokenSection .leftBox h3 {
    font-size: 30px;
    line-height: 36px;
}
.tokenSection .leftBox p {
    font-size: 18px;
    line-height: 28px;
    margin: 20px 20px 20px 0;
}

.bannerWrap h1{
line-height: 53px;
}
.securitySection .iconsWrap {
    margin: 15px 0;
}
.securitySection h3 br{
    display: none;
}
}


@media (max-width:767px){
    table.inxTable {
        display: none;
    }
    table.mblTable{
        display: inline-table;
    }
.inxGraphic{
	display: none;
}
.pillarInfo p{
	display: block;
	height: auto;    
	font-size: 14px;
}
.sponsorWrap a {
	width:100%;
	height: auto;
}
.assestBox{
	height: auto;
}
.socialWrap ul {
    padding: 0;
    margin: 10px 0 10px 0px;
}
img.footerLogo {
    float: none;
    max-width: 50px;
    margin:10px auto;
    display: block;
}



.bannerWrap {
    text-align: center;
}
.bannerWrap form {
    margin: 30px auto 5px;
    max-width: 95%;
}
.bannerWrap h1 {
    font-size: 30px;
    line-height:  initial;
}
.bannerWrap h2 {
    font-size: 26px;
    line-height:  initial;
}
.bannerWrap h3 {
    font-size: 20px;
    line-height:  initial;
}
.pillarSection h3 {
    font-size: 24px;
    line-height: initial;
}
.pillarInfo h4 {
    font-size: 24px;
    line-height: initial;
}
.pillarInfo{
	text-align: center;
	background: none;
	margin: 10px 0 0;
}
.tradingSection{
	text-align: center;
}
.listWrap ul {
    padding-left: 0;
    margin-right: 0;
    text-align: left;
}
.inxBtn {
    font-size: 17px;
	font-family: 'Lato', sans-serif;
    padding: 10px 30px;
	margin: 15px 0;
}
.tradingWrap h4 {
    font-size: 18px;
    line-height: initial;
}
.assestBox span {
    font-size: 30px;
    line-height: initial;
	margin: 10px 0;
}
.assestBox p {
    font-size: 15px;
    height: auto;
    line-height: initial;
    display: block;
}
.assetsSection h3 {
    font-size: 24px;
    line-height: initial;
}
.mediaSection h3 {
    font-size: 24px;
    line-height: initial;
}
.pillarImg img {
    width: 100%;
    max-width: 150px;
}
.mediaInfo p{
	display: block;
	height: auto;
}
.sponsorSection h3 {
    font-size: 24px;
    line-height: initial;
}
.sponsorWrap a{
	margin:5px 0;
}
footer{
	text-align: center;
}
.socialWrap ul li a{
	padding: 10px;
}
.socialWrap{
	margin: 0;
}
.sliderSection h3 {
    font-size: 24px;
    line-height: initial;
}
.sliderWrap {
    margin: 20px 0;
}
.ratingWrap img.starImg {
    max-width: 180px;
}
.navbar-header{
    padding: 10px 0;
}
.navbar-default{
    padding: 0;
    
}
.navbar-default .navbar-nav>li>a.mainBtn{
    margin: 15px;
    text-align: center;
}
.navbar-default .navbar-nav>li>a.signinBtn{
    margin:15px;
    text-align: center;
}
.navbar-default .navbar-nav>li>a {
    border-bottom: 0.3px solid #2a3f7c;
}
.navbar-nav>li>a:hover,
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    border-bottom: 0.3px solid #4a5ec0;
}
.nav>li>a {
    padding: 15px 15px;
}
.navbar-nav {
    margin: 7.5px -15px;
    text-align: center;
}
a.navbar-brand {
    padding: 0px 0 0 15px;
}
.navbar-nav {
    background: #102253;
    margin-top: 0;
    margin-bottom: 0;
}
.banner2 img.bannerGraphic {
    right: 50%;
    top: 50%;
    max-width: 400px;
    transform: translate(50%, -50%);
}
.formSection {
    padding: 50px 0 30px;
}
.formSection h3 {
    font-size: 24px;
    line-height: initial;
    min-height: 112px;
    padding: 17px 40px 0;
}
form.tokenForm {
    margin: 0;
}
.tokenSection{
    display: block;
    text-align: center;
}
.tokenSection .leftBox,
.tokenSection .rightBox{
    width: 100%;
}
.tokenSection .leftBox {
    padding: 30px 15px;
}

.tokenSection .leftBox h3 {
    font-size: 24px;
    line-height: initial;
}
.aboutSection h3 {
    font-size: 24px;
    line-height: initial;
}
.tokenSection .leftBox p {
    font-size: 16px;
    line-height: initial;
    margin: 15px 0;
}
.tokenSection .leftBox p.subText {
    padding-bottom: 20px;
    margin-bottom: 40px;
}
.tokenSection .rightBox {
    text-align: left;
}
.tokenSection .rightBox h4 {
    font-size: 22px;
    margin-left: 5px;
}

.align-right {
    text-align: center;
}
.mblShow {
    left: -31.8px;
    max-width: 70px;
}
.solutionBox {
    padding: 10px 0 20px 60px;
    margin-left: 30px;
}
.solutionBox h4 {
    font-size: 22px;
    line-height: initial;
}
.solutionBox p {
    font-size: 14px;
    line-height: inherit;
}
.tableSection h3 {
    font-size: 24px;
    line-height: initial;
}
.solutionSection h3 {
    font-size: 24px;
    line-height: initial;
}
table.inxTable td{
    font-size: 14px;
}
table.inxTable th:nth-child(2) {
    font-size: 21px;
    line-height: 25px;
}
.solutionWrap {
    margin: 40px 0 10px;
}
.securitySection h3 {
    font-size: 24px;
    line-height: initial;
}
.securitySection h3 br{
    display: none;
}
.securitySection .iconsWrap img {
    max-width: 70px;
    display: inline-block;
    margin: 15px 0;
}
.securitySection p {
    font-size: 20px;
    line-height: 25px;
}
.securitySection .iconsWrap {
    margin: 15px 0;
}
.mainSection {
    padding: 20px 0 100px;
}
.mainSection {
    padding: 20px 0 50px;
    min-height: auto;
}
form.tokenForm .form-control{
    margin-bottom: 10px;
}
form.tokenForm label {
    margin-bottom: 10px;
    font-size: 14px;
}
.formSection h3.message {
    font-size: 30px;
    line-height: 30px;
}
}

@media (min-width: 992px) {
    .col-md-5th {
        width: 20%;
        float: left;
    }
    .solutionBox h4 {
        min-height: 86px;
        padding-right: 15px;
    }
    .solutionBox p br{
        display: none;
    }
    .solutionBox {
        padding: 10px 0 10px 15px;
    }
    .align-center {
        text-align: center;
    }
    .securitySection h3{
        margin: 15px 30px;
    }
}


@media (max-width: 480px){
img.circlePic{
    margin-right: 7px;
}
.formSection h5 {
    font-size: 16px;
}
}
@media (max-width: 380px){
.banner2 img.bannerGraphic {
    right: -18px;
    top: 30px;
    max-width: 400px;
    transform: translate(0);
}
}

/*---------------List and detail page css---------------------*/
.mainSection.listBanner {
    background: rgba(74, 94, 192, 0.85);
    min-height: auto;
    padding: 50px 0 70px;
    position: relative;
}
form.searchForm input.search {
    width: 100%;
    border: 1px solid #F5FFB6;
    padding: 15px 50px 15px 27px;
    border-radius: 50px;
    background: transparent url(/wp-content/uploads/2023/02/search-icon.svg?v=1) no-repeat;
    background-size: 25px;
    background-position: 98.5% 13px;
    font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-size: 16px;
margin:0;
outline:none!important;
color: #fff;
}
.bannerWrap form.searchForm {
    margin: 0;
    max-width: 100%;
}
img.searchGraphic {
    position: absolute;
    top: 0;
    right: 0;
}
.mainContent{
    position: relative;
    padding-bottom: 130px;
    min-height: 550px;
    background: #F5F5F5;
}
img.listGraphic {
    position: absolute;
    left: 0;
    bottom: 100px;
    max-width: 100px;
}
ul.pageListing{
    padding: 15px 0;
}
ul.pageListing li {
    display: inline-block;
    color: #6374C7;
    font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
text-align: justify;
}
ul.pageListing li+li:before {
    padding: 0 8px;
    color: #68696C;
    content: ">";
  }
ul.pageListing li a {
    color: #68696C;
}
ul.pageListing li a:hover{
   color: #6374C7;
}
.listDetails {
    min-height: 300px;
    background: #F9F9F9;
    padding: 30px 40px;
    width: 100%;
    max-width:913px;
    margin: 0 auto;
}
.listDetails h3 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 42px;
    text-align: justify;
    margin:0 0 15px;
    color:  #000000;
}
.listDetails p {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
    color: #68696C;
}
.glossaryListwrap {
    width: 100%;
    max-width:913px;
    margin: 0 auto;
}
.glossaryListwrap .accordian-options {
    display: none;
}
.glossaryListwrap .panel-group {
    margin-bottom: 20px;
}
.glossaryListwrap .panel{
    background: #F9F9F9;
    padding: 0;
    margin: 0 0 10px;
    border: none;
    box-shadow: none;
}
.glossaryListwrap .panel .panel-title {
 
}
.glossaryListwrap .panel-heading {
    padding: 0 !important;
    background: 0 0 !important;
}
.glossaryListwrap .cus-accordian .panel-title a {
    display: block;
}
.glossaryListwrap h4.panel-title a {
    text-decoration: none;
    cursor: pointer;
    outline: 0;
    font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 26px;
color:#6374C7;
background: #FFFFFF;
padding:15px 25px ;
}
.glossaryListwrap h4.panel-title a.collapsed {
background: #F9F9F9;
color: #102253;
}
.glossaryListwrap .panel-title>a:before {
    float: right !important;
    font-family: FontAwesome;
    content: "\f068";
    padding-right: 5px;
    font-size: 19px;
    color: #000000;;
}
.glossaryListwrap .panel-title>a.collapsed:before {
    float: right !important;
    content: "\f067";
}
.glossaryListwrap .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: none;
    background: #fff;
    padding-top: 0;
}
.glossaryListwrap .panel-body ul{
    padding: 0 15px;
    margin: 0;
}
.glossaryListwrap .panel-body ul li {
    list-style: none;
}
.glossaryListwrap .panel-body ul li a{
background: #F8F9FF;
padding: 10px 15px;
margin-bottom: 10px;
display: block;
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 30px;
text-align: justify;
text-decoration: none!important;
transition: 0.2s;
position: relative;
color: #6374C7;
}
.glossaryListwrap .panel-body ul li a:hover{
background: #6374C7;
color: #fff;
}
.glossaryListwrap .panel-body ul li a:after{
    content:url(/wp-content/uploads/2023/02/link.svg?v=1);
    width: 30px;
    position: absolute;
    right: 10px;
    top: 13px;
}
.glossaryListwrap .panel-body ul li a:hover:after{
    content:url(/wp-content/uploads/2023/02/link-hover.svg?v=1);

    
}
@media (max-width:767px){
form.searchForm input.search {
    background-position: 97.5% 13px;
    background-size: 20px;
}
ul.pageListing li {
    font-size: 13px;
}
form.searchForm input.search{
    font-size: 14px;
}
.listDetails p {
    font-size: 14px;
    line-height: 20px;
}
.listDetails {
    padding: 20px 20px;
}

.mainSection.listBanner {
    padding: 30px 0 30px;
}
.glossaryListwrap .panel-body ul li a{
    font-size: 16px;

}
.glossaryListwrap .panel-body ul li a:after{
    right: 0;
}
.glossaryListwrap h4.panel-title a{
    font-size: 20px;
    padding: 15px 15px;
}
.glossaryListwrap .panel-body ul {
    padding: 0 5px;
}
.glossaryListwrap .panel-title>a:before{
    font-size: 16px;
    padding-top: 2px;
}
ul.pageListing li+li:before {
    padding: 0 5px;
}
}


@media (max-width:575px){
    form.searchForm input.search {
        background-position: 96.5% 13px;
        background-size: 20px;
    }
    }

.elementor-541 .elementor-element.elementor-element-421410dd:not(.elementor-motion-effects-element-type-background), .elementor-541 .elementor-element.elementor-element-421410dd > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #102253 !important;
}
.mainSection.listBanner{
    margin-top: 67px;
}