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

h1, h2, h3, h4, h5, h6, p, li, span, a, button, .form-control, input, .item{
    font-family: 'Roboto Serif', serif;
}
/* common css */
h1, h2, h3, h4, h5, h6{
	margin-bottom:0px !important;
}

.container{
	max-width:1380px !important;
}
/* end of common css */
/* common button css */

.btn-prim{
    color: #fff;
    background: #3e7dff;
    border-radius: 6px;
    margin-top: 15px;
    min-width: 140px;
    padding: 6px 12px;
    text-align: center; 
}
.main-header{
    position: relative;
}
/*.main-header .container{*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    height: 100%;*/
/*}*/
.main-header .bg{
    width: 100%;
    height: auto;
}
.main-header{
    background-image: url('../images/header_bg.svg');
    background-size: cover;
    background-position: top center;
    padding-bottom: 194px;
}
.aside {
    overflow: hidden;
    width: auto;
    background-color: #f3f7fe;
    transform: translateX(-270px);
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 999999;
    padding-top: 34px;
    display: none;
}
.open .aside {
    transform: translateX(0);
    transition: all 0.5s;
    width: 200px;
}
.mobile_open {
    display: none;
    padding: 6px 12px;
    position: absolute;
    z-index: 888888;
    border: 1px solid #9ba5ff;
    border-radius: 5px;
    width: 50px;
    top: 17px;
    left: 15px;
}
.mobile_close {
    display: inline-block;
    font-size: 16px;
    padding: 5px;
    position: absolute;
    z-index: 888888;
    background: #1e266d;
    width: 32px;
    top: 0;
    right: 0;
}
.aside_menu a {
    display: block;
    text-align: center;
    padding: 6px 10px;
    border-bottom: dashed 1px #ddd;
    color: #333;
}
.nav-list li a.active{
    color: #3e7dff;
    font-weight: 600;
}
.navbar{
	padding-left:0px;
}
.navigation-bar{
    position: relative;
    z-index: 999;
}
.navigation-bar .navbar-brand{
    font-weight: 700;
    font-size: 30px;
    color: #3e7dff;
    line-height: 56px;
    text-transform: uppercase;
}
.navbar-brand:hover{
    color: #3e7dff !important;
}
.nav-item.active .nav-link{
 color: #3e7dff !important;   
 font-weight: 700;
}
.navbar-nav .nav-link{
    font-size: 15px;
    padding:0.5rem 1.5rem !important;
    color: rgba(30,38,109,.7) !important;
}
.main-content{
    padding-top: 50px;
}
/*.p-100{*/
/*    padding-top: 100px;*/
/*}*/
.left-title h2{
    line-height: 60px;
    font-weight: 700;
    font-size: 48px;
    color: #1e266d;
	margin-bottom:0px;
}
.content p{
    font-size: 15px;
    color: rgba(30,38,109,.7);
    line-height: 24px;
}
/* map section */
.mid-title h2{
    font-weight: 700;
    font-size: 48px;
    text-align: center;
    color: #1e266d;
	text-transform:inherit;
	margin-bottom:0px;
}
.sub-title p{
    text-align: center;
    padding: 0 15px;
    margin-top: 10px;
    font-size: 16px;
    color: rgba(30, 38, 109, .7);
}
.map-container{

}
.items{
    text-align: center;
}
.main-name h3{ 
    margin-top: 10px;
    font-weight: 700;
    font-size: 48px;
    color: #1e266d;
    text-align: center;
	margin-bottom:0px;
 }
 .sub-name p{
    font-size: 21px;
    text-align: center;
 }
  .numbers_content {
    position: relative;
    padding-top: 10rem;
    padding-bottom: 1rem;
    background: linear-gradient(180deg, #fff, #f3f7fe);
    border-radius: 1rem;
}
 .numbers_content .numbers {
    position: absolute;
    top: -5.6rem;
    left: 0;
    right: 0;
    z-index: 3;
    justify-content: space-between;
    padding: 0 10%;
}
 .numbers_content .map_content  {
    position: relative;
    padding: 0 0.5rem;
}
 .numbers_content .map_content  .map_img {
    width: 100%;
    height: auto;
}
.numbers_content .map_content  .citys .city_item.city1 {
    left: 8%;
    top: 32%;
}
 .numbers_content .map_content  .citys .city_item.city2 {
    left: 19%;
    top: 21%;
}
 .numbers_content .map_content  .citys .city_item.city3 {
    left: 44%;
    top: 23%;
}
 .numbers_content .map_content  .citys .city_item.city4 {
    left: 28%;
    bottom: 26%;
}
 .numbers_content .map_content  .citys .city_item.city5 {
    right: 8%;
    top: 28%;
}
 .numbers_content .map_content  .citys .city_item.city6 {
    right: 14%;
    bottom: 51%;
}
 .numbers_content .map_content  .citys .city_item.city7 {
    right: 5%;
    bottom: 17%;
}
 .numbers_content .map_content  .citys .city_item.city2 .icon {
    background: #7cdda3 !important;
}
 .numbers_content .map_content  .citys .city_item.city3 .icon {
    background: #669aff !important;
}
 .numbers_content .map_content  .citys .city_item.city4 .icon {
    background: #e7a6ff !important;
}
 .numbers_content .map_content  .citys .city_item.city5 .icon {
    background: #f9a243 !important;
}
 .numbers_content .map_content  .citys .city_item.city6 .icon {
    background: #66c8ff !important;
}
 .numbers_content .map_content  .citys .city_item.city7 .icon {
    background: #9069ff !important;
}
 .numbers_content .map_content  .citys .city_item .item_content {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}
 .numbers_content .map_content  .citys .city_item.city1 .icon {
    background: #ff7e7e;
}
 .numbers_content .map_content  .citys .city_item .item_content .icon {
    margin-right: 6px;
    position: relative;
    background: #ff7e7e;
    border-radius: 5px;
    width: 36px;
    height: 38px;
    color: #fff;
}
.numbers_content .map_content .citys .city_item {
    position: absolute;
    z-index: 10;
    display: inline-block;
    background-color: #fff;
    padding: 12px 16px;
    border-radius: 0.08rem;
    box-shadow: 0 8px 28px 0 rgb(0 0 0 / 9%);
}
 .numbers_content .map_content  .citys .city_item .item_content .icon .city_icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 24px;
    height: 24px;
}
 .numbers_content .map_content  .citys .city_item .item_content .info .city_name {
    color: rgba(30, 38, 109, .6);
    font-size: 14px;
}
 .numbers_content .map_content  .citys .city_item .item_content .info .city_num {
    font-weight: 700;
    font-size: 18px;
    color: #1e266d;
}
.map_content  .citys .city_item .item_content:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -27px;
    margin: auto;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 16px solid #fff;
}
.map_content .citys .city_item .item_content:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -27px;
    margin: auto;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 16px solid #fff;
}
/* end of map section */

/* transation wrapper css */
.transation-wrapper{
    background-image: url('../images/trasaction_icon_bg.svg');
    background-size: cover;
    background-position: top center;
    padding-bottom: 146px;
    margin-top: 50px;
}
.step-box{
    background: #fff;
    box-shadow: 0 8px 24px hsl(0deg 0% 60% / 20%);
    border-radius: 5px;
    padding: 10px;
}
.step-box .step-no h4{
    color: #3e7dff;
    font-size: 48px;
    line-height: 60px;
    font-weight: 700;
}
.step-box .step-title h3{
    position: relative;
    color: #1e266d;
    font-size: 24px;
    font-weight: 700;
}
.step-title:after {
    content: "";
    position: absolute;
    left: 25px;
    top: 108px;
    width: 18%;
    height: 1px;
    background: #3e7dff;
}
.step-box .step-description p{
    margin-top: 15px;
    color: rgba(30, 38, 109, .6);
    font-size: 16px;
}

/* end of transation wrapper css */
/* faq wrapper */
.faq-collaps .accordion{
    position: relative;
}
button.accordion {
    width: 100%;
    background-color: #fafafa;
    margin-bottom: 10px;
    border: none;
    outline: none;
    text-align: left;
    padding: 15px 20px;
    font-size: 1rem;
    color: #333;
	font-weight:400;
    cursor: pointer;
    transition: background-color 0.2s linear;
  }
  button.accordion:after {
    content: '';
    /* font-family: "fontawesome"; */
    position: absolute;
    background-image: url('../images/icon_arrow_down.svg');
    width: 24px;
    height: 24px;
    /* float: right; */
    right: 10px;
    top: 20px;
    -webkit-transform: rotate(-180deg);
  }
  
  button.accordion.is-open:after {
     -webkit-transform: rotate(-360deg);
  }
  
  button.accordion:hover,
  button.accordion.is-open {
    background-color: #fafafa;
    color: #3e7dff;
  }
  
  .accordion-content {
    background-color: white;
    border-left: 1px solid whitesmoke;
    border-right: 1px solid whitesmoke;
    padding: 0 20px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-in-out;
  }
/* end of faq wrapper */
/* financial wraper */
.left-title h3{
    font-size: 48px;
    text-align: left;
    color: #1e266d;
	font-weight:700;
}
.financial-wrpaer  .sub-title p{
    padding: 0;
    font-size: 16px;
}
.partners{
    display: flex;
    flex-wrap: wrap;
}
.partners img{
    margin-right: 3%;
    height: 36px;
    width: auto;
    margin-top: 30px;
}
/* end of financial wraper */
/* end of home page */
/* about page */
/*.abt-img-info img{*/
/*    width: 58%;*/
/*}*/
.left-gradant{
    padding: 60px;
    background: linear-gradient( 180deg ,#fff,#f3f7fe);
    border-radius: 20px;
}
.left-gradant .left-title h3{
    font-size: 36px;
}
.left-gradant .sub-title p{
    padding: 0;
}
.value-title{
    text-align: center;
}
.value-title h3{
    font-size: 20px;   
    color: #1e266d;
    font-weight: 500;
}
.value-title p{
	    font-size: 14px;
    color: rgba(30,38,109,.7);
}

/* end of about page */

/* market page*/
.market-img-info img{
    width: 541px;
    max-width: 100%;
}
.tuli {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;
}
.tuli .item {
    margin-left: 30px;
    display: flex;
    align-content: center;
    align-items: center;
}
.tuli .item i{
	    display: inline-block;
    width: 20px;
    height: 3px;
    border-radius: 3px;
    margin-right: 15px;
}
.tuli .item i.c1{
	    background: #3e7dff;
}
.tuli .item i.c2{
	    background:#1aad19;
}
.years{
	    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: rgba(0,0,0,.6);
    padding-top: 6px;
    border-top: 1px solid rgba(30,38,109,.2);
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background-color: #d4ddff !important;
    color: #1e266d;
}
.nav-pills .nav-link{
    color: #1e266d;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    padding: 24px 12px;
    border-radius: 10px;
    box-shadow: 0 8px 24px hsl(0deg 0% 60% / 20%);
    margin-bottom: 15px;
}
.item_content{
    display: flex;
    align-content: center;
}
.vertical-tabs .item_content .count{
    display: flex;
}
.vertical-tabs .item_content .count .count_tips{
    font-size: 14px;
}
.vertical-tabs .item_content .count .num{
    margin-right: 6px;
    font-size: 40px;
    color: #1e266d;
    font-weight: 700;
    line-height: 48px;
}
.vertical-tabs .item_content .count .arrow{
    color: #1e266d;
    font-size: 14px;
}
/* end of market page */
/* process page */
.register-process .step.right_img {
    background: linear-gradient(180deg,#fff,#f3f7fe);
    padding: 10% 15%;
}
.register-process .step.left_img {
    padding: 10% 15%;
}
.p-img{
    width:45%;
}
.step .intro .no {
    font-family: Roboto;
    font-weight: 700;
    font-size: 36px;
    line-height: 36px;
    color: rgba(30,38,109,.07);
}
.step .intro .title {
    font-weight: 700;
    font-size: 48px;
    line-height: 48px;
    margin-top: 6px;
    color: #1e266d;
}
.step .intro .content {
    margin-top: 12px;
    font-size: 14px;
    color: rgba(30,38,109,.6);
}
/* end of process page */
.help-img-info img{
    width: 80%;
}
/* contact-page */
.btn-link.focus, .btn-link:focus{
    text-decoration: none;
}
.country .list-group-item-action {
    color: #495057;
    text-align: center;
}
.country.card{
    border: none;
}
.country .card-header {
    background-color: #eee !important;
    border-color: #eee;
    padding: 0px;
    width: 540px;
}
.country .btn-link{
    color: #495057;
    text-align: center;
    padding: 5px;
}
.contact_title {
    font-size: 21px;
    color: #1e266d;
}
.country .btn-link:hover{
    text-decoration: none;
}
.card-body{
    padding: 5px 0;
}
.country .info_item {
    margin-top: 20px;
    display: flex;
}
.country .name{
    font-size: 16px;
    color: #1e266d;
    font-weight: 700;
    width: 154px;
    max-width: 100%;
}
.country .value{
    color: rgba(30,38,109,.6);
    font-size: 16px;
}
/* end of contact page */
/* footer saction */
.footer_content {
    border-bottom: 1px solid rgba(62,125,255,.2);
    padding-top: 30px;
    display: flex;
    justify-content: space-between;
}
.footer_content .btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d;
}
.bottom_content {
    display: flex;
    justify-content: space-between;
    color: rgba(30,38,109,.7);
    font-size: 13px;
    padding: 12px 0 24px 0;
}
.bottom_content .item{
    display: flex;
}
/* End offooter saction */