.cs_preloader { position:fixed; z-index:99999; top:0; width:100%; height:100vh; background: #fff;}
.cs_preloader_bg { text-align:center; height:100%; width:100%; }
.cs_preloader_in { width:200px; height:200px; position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; padding:28px;  }
/* .cs_preloader_in:after { content:""; border-width:3px; border-style:solid; border-color:hsl(60.73deg 96.85% 49.8% / 70.2%); border-top-color:#54e902; border-radius:50%; position:absolute; width:calc(100% + 6px); height:calc(100% + 6px); left:50%; top:50%; -webkit-animation:spin 1s ease-in-out infinite; animation:spin 1s ease-in-out infinite; margin-left:-60px; margin-top:-60px; } */

@-webkit-keyframes spin {
    0% { -webkit-transform:rotate(0deg); transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } 
} 

@keyframes spin {
    0% { -webkit-transform:rotate(0deg); transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } 
} 
/* media size */ :root { --bs-border-color:#1A85F8 !important; } /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } button:active { transform: translateY(1px); } .btn { font-family: Roboto, sans-serif; } .btn:focus { box-shadow: none; } .navbar-toggler:focus { box-shadow: none; } .form-control:focus { box-shadow: none; } a { text-decoration: none !important; } ::-webkit-scrollbar { display: none; } @-webkit-keyframes hvr-bob-float { 100% { -webkit-transform: translateY(-16px); transform: translateY(-16px); } } @keyframes hvr-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } .floating { -webkit-animation-name: hvr-bob-float, hvr-bob; animation-name: hvr-bob-float, hvr-bob; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } header .navbar-nav .nav-item .nav-link { color: #4D4D4D; } header .navbar-nav .nav-item .nav-link:hover { color: #00C3CB; } header .navbar-nav .nav-item .active { color: #00C3CB; }
/* ----------- CUSTOM TEMPLATE ------------------------------------------------------- */
@font-face {
  font-family: 'RobotoCondensed-Regular';
  src: url(../fonts/Roboto-Light/Roboto-Light.eot);
  src: url(../fonts/Roboto-Light/Roboto-Light.eot?#iefix) format('embedded-opentype'),
       url(../fonts/Roboto-Light/Roboto-Light.otf) format('otf'),
       url(../fonts/Roboto-Light/Roboto-Light.svg#Roboto-Light) format('svg'),
       url(../fonts/Roboto-Light/Roboto-Light.ttf) format('truetype'),
       url(../fonts/Roboto-Light/Roboto-Light.woff) format('woff'),
       url(../fonts/Roboto-Light/Roboto-Light.woff2) format('woff2');
       font-weight: inherit;
       font-style: inherit;
}

@font-face {
  font-family: 'RobotoCondensed-Regular';
  src: url(../fonts/RobotoCondensed-Regular/RobotoCondensed-Regular.eot);
  src: url(../fonts/RobotoCondensed-Regular/RobotoCondensed-Regular.eot?#iefix) format('embedded-opentype'),
       url(../fonts/RobotoCondensed-Regular/RobotoCondensed-Regular.otf) format('otf'),
       url(../fonts/RobotoCondensed-Regular/RobotoCondensed-Regular.svg#RobotoCondensed-Regular) format('svg'),
       url(../fonts/RobotoCondensed-Regular/RobotoCondensed-Regular.woff) format('woff'),
       url(../fonts/RobotoCondensed-Regular/RobotoCondensed-Regular.ttf) format('truetype'),
       url(../fonts/RobotoCondensed-Regular/RobotoCondensed-Regular.woff2) format('woff2');
       font-weight: 300;
       font-style: inherit;
}
@font-face {
  font-family: 'RobotoCondensed-Regular';
  src: url(../fonts/RobotoCondensed-Medium/RobotoCondensed-Medium.eot);
  src: url(../fonts/RobotoCondensed-Medium/RobotoCondensed-Medium.eot?#iefix) format('embedded-opentype'),
       url(../fonts/RobotoCondensed-Medium/RobotoCondensed-Medium.otf) format('otf'),
       url(../fonts/RobotoCondensed-Medium/RobotoCondensed-Medium.svg#RobotoCondensed-Medium) format('svg'),
       url(../fonts/RobotoCondensed-Medium/RobotoCondensed-Medium.ttf) format('truetype'),
       url(../fonts/RobotoCondensed-Medium/RobotoCondensed-Medium.woff) format('woff'),
       url(../fonts/RobotoCondensed-Medium/RobotoCondensed-Medium.woff2) format('woff2');
       font-weight: 600;
       font-style: inherit;
}
@font-face {
  font-family: 'RobotoCondensed-Regular';
  src: url(../fonts/RobotoCondensed-Bold/RobotoCondensed-Bold.eot);
  src: url(../fonts/RobotoCondensed-Bold/RobotoCondensed-Bold.eot?#iefix) format('embedded-opentype'),
       url(../fonts/RobotoCondensed-Bold/RobotoCondensed-Bold.otf) format('otf'),
       url(../fonts/RobotoCondensed-Bold/RobotoCondensed-Bold.ttf) format('truetype'),
       url(../fonts/RobotoCondensed-Bold/RobotoCondensed-Bold.svg#RobotoCondensed-Bold) format('svg'),
       url(../fonts/RobotoCondensed-Bold/RobotoCondensed-Bold.woff) format('woff'),
       url(../fonts/RobotoCondensed-Bold/RobotoCondensed-Bold.woff2) format('woff2');
       font-weight: bold;
       font-style: inherit;
}

body{max-width: 1902px; margin: auto;}
html, body{font-family: 'RobotoCondensed-Regular'; color: #4D4D4D; font-size: 16px;}
.btn{font-family: 'RobotoCondensed-Regular'; color: #4D4D4D;}
ol, ul { list-style: none; margin: 0; padding: 0;}
img{max-width: 100%;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin: 0; padding: 0;}
a{color: #1B1E31; }
a:hover{color: #A50004;}
.title-section h2{color: #00C3CB; font-size: 36px; font-weight: 300;}
.title-section .line-bottom{display: inline-block; background: #0077FF; width: 485px; height: 1px;}
.title-section .line-bottom::after{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: ""; width: 10px; height: 10px; background: #0077FF; border-radius: 100%; left: 0;}
.title-section .line-bottom::before{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: ""; width: 10px; height: 10px; background: #0077FF; border-radius: 100%; right: 0;}
@media screen and (min-width: 1199px){
  .box-marg-50{margin-left: -50px; margin-right: -50px;}
  .box-marg-50 .padd-50{padding-left: 50px; padding-right: 50px;}
}
@media screen and (max-width: 767px){
  .title-section .line-bottom{width: 250px;}
}
/* ----------- HEADER ------------------------------------------------------- */
@media screen and (min-width: 993px){
  .dropdown-menu[data-bs-popper]{left: inherit; right: 0;}
}
header{position: fixed; width: 100%; top: 0; z-index: 5; background: #fff;}
header .container{position: relative;}
header .navbar.navbar-expand-md{background: #fff; padding: 0;}
header .navbar-nav .nav-item .nav-link{padding: 0px 15px 10px; font-weight: 300;}
header .navbar-nav .nav-item .nav-link:hover, header .navbar-nav .nav-item .nav-link.active{background: transparent; color: #00C3CB;}
header .navbar-brand{padding: 0 10px; margin: 0; position: absolute; top: -30px;}
header .navbar-brand .img-logo{height: 55px;}
header .header-top{min-height: 40px; text-align: right; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
header .header-top .link-login{display: inline-block; margin-left: 30px; color: #4D4D4D; line-height: 40px; font-weight: 300;}
header .header-top .link-login:hover{color: #FFC758;}

header .navbar-nav .dropdown-menu{-webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }
header .navbar-nav .nav-item.dropdown:hover .dropdown-menu, header .navbar-nav .nav-item.dropdown:hover + .dropdown-toggle .dropdown-menu{display: block; left: inherit; right: 0;}

header.menu-small .navbar-brand{top: 4px;}
header.menu-small .navbar-nav .nav-item .nav-link{padding-top: 10px;}

@media screen and (max-width: 992px){
  /* header .navbar-brand{position: static; background: url(../images/logo-black.svg)no-repeat center center;} */
  /* header .navbar-brand img{opacity: 0;} */
  header .navbar-brand{position: static;}
  header .navbar-brand .img-logo{height: 45px;}
}

/* BLOCK-SEARCH-TOP */
.block-search-top{}
.block-search-top .icon{margin-left: 30px; line-height: 40px;}
.block-search-form{position: absolute; width: 300px; right: 0; z-index: 7; background: #ebebeb; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; visibility: hidden; opacity: 0;}
.block-search-top:hover .block-search-form, .block-search-top .icon:hover + .block-search-form{visibility: visible; opacity: 1;}
.block-search-form .form-control{height: 34px; border: 0; background: #ebebeb;}
.block-search-form .btn{height: 34px; border: 0; line-height: 34px; padding: 0 12px; border-radius: 0;}
.block-search-form .btn:hover{background: #01c3cb;}
.block-search-top .icon img{height: 16px;}

.navbar-toggler{right: 0; position: absolute; z-index: 5; top: 7px; background: url(../images/menu-1.svg)no-repeat center center; background-size: 30px 30px;}
.navbar-toggler .navbar-toggler-icon{background: transparent;}
header .offcanvas-start.show .nav-item .nav-link{color: #fff;}
header .offcanvas-start.show .nav-item .nav-link.active, header .offcanvas-start.show .nav-item .nav-link:hover{color: #ff0006;}

.offcanvas{background: #262626;}
.offcanvas .img-logo{max-width: 150px;}
.offcanvas .btn-close{background: url(../images/menu-2.svg) no-repeat center center;}

/* HEADER-MAIN-FIXED */
#header-main-fixed.menu-small{}
#header-main-fixed.menu-small .header-top{display: none;}
#header-main-fixed.menu-small .navbar-brand .img-logo{height: 36px;}
@media screen and (max-width: 992px){
  header{position: relative;}
  #header-main-fixed.menu-small{position: fixed;}
  #header-main-fixed.menu-small .navbar-brand{padding: 10px;}
}

/* DROPDOWN-LANGUAGE */
.sidebar-main .dropdown-language{margin-bottom: 15px;}
.dropdown-language .dropdown-toggle{position: relative; display: block; padding: 0; background: #fff; border-radius: 15px; line-height: 40px; height: 40px; width: 100%; text-align: left; padding-left: 35px; padding-right: 35px; border: 0; color: #4D4D4D; font-weight: 300;}
.dropdown-language .dropdown-item{position: relative; display: block; padding: 0; background: #01c3cb; border-radius: 10px; line-height: 40px; height: 40px; width: 100%; text-align: left; padding-left: 35px;     color: #fff;} 
.dropdown-language .dropdown-toggle .icon, .dropdown-language .dropdown-item .icon{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 35px; text-align: center;}
.dropdown-language .dropdown-toggle .icon img, .dropdown-language .dropdown-item .icon img{max-width: 18px;}
.dropdown-language .dropdown-toggle:hover{    background: #01c3cb; color: #fff;}
.dropdown-language .dropdown-menu{width: 100%; border-radius: 8px; background: #01c3cb; padding: 0;}
.dropdown-toggle::after{position: absolute; top: 18px; right: 10px;}
.dropdown-menu li{border-bottom: 1px solid #048a8f;}
.dropdown-menu li:last-child{border: 0;}
.dropdown-language .dropdown-item:hover{    background: #048a8f;}

header .navbar-nav .dropdown-toggle::after{position: absolute; top: 14px; right: 0px;}
header .navbar-nav .dropdown-item{font-size: 14px;}
header .navbar-nav .dropdown-item:focus, header .navbar-nav .dropdown-item:hover{background: transparent; color: #A50004;}
@media screen and (max-width: 1199px){
  header .navbar-nav .nav-item .nav-link{padding: 7px 10px;}
}
@media screen and (max-width: 992px){
  /* header{padding-top: 0;} */
  /* header .navbar.navbar-expand-md .navbar-brand{position: relative; top: -7px;} */
  /* header .navbar.navbar-expand-md .navbar-brand img{height: 80px;}  */
}
@media screen and (max-width: 767px){
  /* header .navbar.navbar-expand-md{background: #fff;} */
  /* .offcanvas-start .offcanvas-title{background: url(../images/logo-white.svg)no-repeat center center; background-size: 100%;} */
  /* .offcanvas-start .offcanvas-title img{opacity: 0;} */
}

/* BLOCK-SLICK-MAIN */
.block-slick-main{position: relative; } 
.block-slick-main .block-nav .slick-arrow{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 20px;}
.block-slick-main .block-nav .slick-arrow img{width: 15px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.block-slick-main .block-nav .slick-arrow:last-child{left: inherit; right: 20px;}
.block-slick-main .block-nav .slick-arrow:hover img{-moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
@media screen and (max-width: 767px){
  #slick-main .item img{min-height: 240px;}
}

/* BLOCK-LOGIN-RIGHT */
.block-login-right{padding-right: 1rem;}

/* ----------- FOOTER ------------------------------------------------------- */
.copyright{background: #4D4D4D; color: #fff; padding: 12px 0; }

/* ----------- SEC-PARTNERS-MAIN */
.list-partners a{display: block; margin-left: 30px; margin-right: 30px;}
.list-partners a img{max-height: 55px; display: block; margin: auto;}
@media screen and (max-width: 767px){
  .sec-partners-main .list-partners{flex-wrap: wrap;}
  .sec-partners-main .list-partners .banner-eff{flex: 0 0 auto; width: 50%; margin: 0 0 20px; padding: 0 10px;}
}

/* ----------- SEC-STEPS-MAIN */
.block-steps{max-width: 1140px;}
.block-steps .item{max-width: 280px;}
.block-steps .item .content{color: #002164; font-size: 14px; position: absolute; left: 0; right: 0; margin: auto; top: 117px; width: 100%; padding-right: 40px; padding-left: 15px;}
.block-steps .item h2{font-size: 22px; font-weight: 300; color: #fff; margin-bottom: 35px;}
.block-steps .item .bg img{height: 255px;}

.link-blue-view, .link-blue-light-view{color: #FDC435; background-color: #194479; display: inline-block; padding: 8px 20px; border-radius: 4px;}
.link-blue-view:hover{background-color: #084898; color: #FDC435;}
.link-blue-light-view{background: #03BDCD; color: #fff;}
.link-blue-light-view:hover{background: #0293a0; color: #fff;}

.btn-gray-gradient{
  background: linear-gradient(180deg, #BBBBBB 0%, #565656 100%); display: inline-block; overflow: hidden; color: #fff; border: 0; line-height: 36px; padding: 0 30px; font-weight: 600; position: relative; border-radius: 5px;
}
.btn-gray-gradient:hover, .btn-gray-gradient.active{
  color: #fff;
}
.btn-gray-gradient:hover:after { position: absolute; top: -50%; right: -50%; bottom: -50%; left: -50%; content: ""; -webkit-transform: rotate( 60deg ) translate(-5em,7.5em); transform: rotate( 60deg ) translate(-5em,7.5em); -webkit-animation: a .9s forwards; animation: a .9s forwards; opacity: .7; background: -webkit-linear-gradient(top,hsla(21,63%,73%,0),hsla(0,0%,100%,.5) 50%,hsla(21,63%,73%,0)); background: linear-gradient( 180deg ,hsla(21,63%,73%,0),hsla(0,0%,100%,.5) 50%,hsla(21,63%,73%,0)); }
@-webkit-keyframes a {
  to {
      -webkit-transform: rotate(60deg) translate(1em, -14em);
      transform: rotate(60deg) translate(1em, -14em);
  }
}

.btn-yellow-gradient{
  line-height: 40px; border: 1px solid #24E0E8; border-radius: 100px; min-width: 152px; color: #fff; font-size: 14px; padding-left: 15px; padding-right: 15px; overflow: hidden; position: relative;background: hsl(216deg 100% 12% / 30%);
}
.btn-yellow-gradient img{height: 26px; margin-right: 10px;}
.btn-yellow-gradient:hover, .btn-yellow-gradient.active{
  background: hsl(216deg 100% 12% / 100%); color: #24E0E8;
}
.btn-yellow-gradient:hover:after { position: absolute; top: -50%; right: -50%; bottom: -50%; left: -50%; content: ""; -webkit-transform: rotate( 60deg ) translate(-5em,7.5em); transform: rotate( 60deg ) translate(-5em,7.5em); -webkit-animation: a .9s forwards; animation: a .9s forwards; opacity: .7; background: -webkit-linear-gradient(top,hsla(21,63%,73%,0),hsla(0,0%,100%,.5) 50%,hsla(21,63%,73%,0)); background: linear-gradient( 180deg ,hsla(21,63%,73%,0),hsla(0,0%,100%,.5) 50%,hsla(21,63%,73%,0)); }

/* ----------- SEC-ecosystem-MAIN */
.sec-ecosystem-main a{color: #1B1E31;}
.sec-ecosystem-main .icon{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.sec-ecosystem-main .item:hover .icon{-moz-transform: scale(0.8); -webkit-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8);}
.sec-ecosystem-main .item .text{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; max-width: 350px; margin: auto;}
.sec-ecosystem-main .item:hover .text{color: #00C3CB; font-weight: bold;}
.sec-ecosystem-main .item .icon img{max-width: 275px;}


/* BLOCK-HOME-MAIN */
.block-home-main .banner-main .container{text-align: right; position: absolute; left: 0; right: 0; margin: auto; top: 30%;}
.block-home-main .banner-main .container .content{display: inline-block;}
.block-home-main .banner-main .container h1{font-size: 50px; font-weight: bold;}
.block-home-main .banner-main .container .desc{color: #24E0E8; font-size: 28px;}
.block-home-main .bg .mb{display: none;}
.block-home-main .bg img{width: 100%;}
@media screen and (max-width: 992px){
  .block-home-main .bg .dk{display: none;}
  .block-home-main .bg .mb{display: block;}
  .block-home-main .banner-main .container{bottom: 30px; top: inherit; text-align: center;}
}
@media screen and (max-width: 992px){
  .block-home-main .banner-main .container h1{font-size: 24px;}
  .block-home-main .banner-main .container .desc{font-size: 16px;}
  .block-home-main .btn-yellow-gradient{font-size: 12px;}
}
/* ----------- PAGE LOGIN ------------------------------------------------------- */
.login-page{background: url(../images/bg/bg.jpeg) no-repeat; background-size: cover; background-attachment: fixed; padding-bottom: 30px; height: 100%; min-height: 100%; min-height: 100vh;}
.login-page footer{background: transparent; font-size: 12px; padding: 10px 20px; width: 100%; color: #999999;}
.login-page a{color: #2A528E; font-weight: 300; font-size: 16px;}
.login-page .img-logo{width: 200px; margin-top: 10px;}
.login-box{max-width: 460px; width: auto; margin: 0px auto; color: #333333;}
.login-box .box{padding: 20px 10px; -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3); min-height: 280px; background: #FFFFFF; border-color: #dddddd; border-radius: 8px;}
.form-control{border: 1px solid #ced4da;}
.box-header{padding: 10px 15px; background: none; border-radius: 8px; color: #444; display: block; position: relative;}
.box-header h2{color: #2A528E; margin-bottom: 0;}
.login-box-body{background: #fff; padding: 20px; border-top: 0; color: #666;}
.form-floating .form-floating-addon{position: absolute; top: 25px; right: 12px; -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); z-index: 100; }
.form-floating .form-floating-addon a{color: #444;}
.login-box-body .btn-yellow-gradient{height: 50px; font-size: 18px;}

/* ----------- PAGE CONTACT ------------------------------------------------------- */
.sec-contact-main .content{font-size: 16px; font-weight: 300;}
.sec-contact-main .form-floating>textarea.form-control{height: 250px;}
.sec-contact-main .elementor-icon-list-icon{display: inline-block; min-width: 35px; }
.sec-contact-main a{color: #444444;}
.sec-contact-main a:hover{color: #194479;}

/* ----------- BREADCRUMB-MAIN ------------------------------------------------------- */
.breadcrumb-main{background: url(../images/bg/faq-banner.jpeg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height: 400px; color: #fff; font-size: 18px; font-weight: 300;}
.breadcrumb-main .logo{margin-right: 15px;}
.breadcrumb-main .logo img{width: 75px;}
.breadcrumb-main h1{font-size: 28px; color: #F8F8F8; font-weight: 300; margin: 0;}
.breadcrumb-main .content{padding: 15px;}
.breadcrumb-main.custom-about{background: url(../images/bg/city-networking-fxlink.jpeg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height: 400px; color: #fff; font-size: 18px; font-weight: 300;}
.breadcrumb-main.custom-ib-contest{background: url(../images/bg/ib-contest-fxlink.jpeg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height: 400px; color: #fff; font-size: 18px; font-weight: 300;}
.breadcrumb-main.custom-ib-contest h1{font-weight: 600;}
@media screen and (min-width: 767px){
  .breadcrumb-main.custom-about h1{font-size: 60px; font-weight: bold;}
}
/* ----------- PAGE FAQS ------------------------------------------------------- */
.sec-faqs-main .menu-sidebar{font-size: 16px;}
.sec-faqs-main ul li a{color: #0F1010;font-weight: 600;}
.sec-faqs-main ul li .elementor-icon-list-icon{color: #00B3BC; min-width: 22px; display: inline-block;}
.sec-faqs-main .title h2{color: #0A0A0A; font-size: 28px; font-weight: 600;}
.block-accordion .card{border-radius: 0; border: 1px solid hsl(0deg 0% 0% / 14%);}
.block-accordion .card .card-header{padding: 0; border: 0;}
.block-accordion .card .card-header a{ border: 0; background-color: #f1f1f1; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; cursor: pointer; border-radius: 0; padding: 17px 15px; display: block; text-align: left;}
.block-accordion .card .card-body{padding: 15px;}
.block-accordion .card .card-header a[aria-expanded="true"]{background: #444; color: #fff;}

/* ----------- PAGE LEGAL DOCUMENTS ------------------------------------------------------- */
/* ----------- SEC-WARNING-MAIN */
.sec-warning-main{border-style: solid; border-width: 1px 0px 1px 0px; border-color: #C8C8C8; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; margin-top: 0px; margin-bottom: 0px; padding: 0px 0px 0px 0px; font-size: 16px; background-color: #F0F0F0;}
.sec-documents-main .item{padding: 10px 10px 10px 10px; background-color: #E9E9E9; padding-left: 100px; min-height: 70px; font-size: 16px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.sec-documents-main .item a{color: #222;}
.sec-documents-main .item a .icon{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 10px; font-size: 45px; color: #03C2BD;}
.sec-documents-main .item:hover{background: #1b1e32;}
.sec-documents-main .item:hover a{color: #fff;}

/* ----------- PAGE ABOUT US ------------------------------------------------------- */
.sec-corporation-main{font-size: 16px;}
.list-app-down .item{padding-left: 70px;}
.list-app-down .item a{color: #A6A6A6;}
.list-app-down .item a .icon{background-color: #025BA4; color: #FBFBFB; width: 46px; height: 46px; font-size: 24px; position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.list-app-down .item a h4{color: #222;}
.list-app-down .item:hover a .icon{background: #4CAF50;}

.item-app-sm h4{color: #141414; font-size: 20px; font-weight: 600; text-transform: uppercase;}

/* .sec-why-main .title-section h2{color: #009FBD; font-size: 32px; font-weight: 600;} */
.block-excellent-lg{color: #fff; font-size: 16px;}
.block-excellent-lg .row .col-md-6:first-child{background: #01a0be; min-height: 400px;}
.block-excellent-lg .row .col-md-6:last-child{background: #01c8c2; min-height: 400px;}
.block-excellent-lg .item-sm h4{font-size: 22px; font-weight: 600;}

.list-check .fa-solid{display: inline-block; min-width: 35px; font-size: 20px;}
.sec-why-main .list-check{word-break: break-all;}
.block-excellent-lg .list-check a{color: #fff;}

.list-item-value{}
.list-item-value::after{position: absolute; content: ""; top: 0; left: 50%; width: 1px; height: 100%; background: #fff;}

.item-corporation h3{font-weight: 600; font-size: 18px;}

.sec-excellent-main .content .text-main{}

.text-sky-blue{color: #00C3CB;}

/* ----------- PAGE IB-CONTEST ------------------------------------------------------- */
/* SEC-IBPROGRAMME-MAIN */
.sec-ibprogramme-main{background: url(../images/bg/what-is-forex-trading.png) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color: #fff;}
.sec-ibprogramme-main .title-section{font-size: 36px; color: #fff;}
.sec-ibprogramme-main .title-section h2{color: #fff;}
.sec-ibprogramme-main .title-section .desc{color: #01E2D6; font-weight: 600; }
.sec-ibprogramme-main .list-info a{color: #fff;}
.sec-ibprogramme-main .list-info a .elementor-icon-list-icon{color: #01E2D6;}

/* SEC-IDPRIZES-MAIN */
.sec-idprizes-main{}
.sec-idprizes-main a{color: #000; font-weight: 600;}
.sec-idprizes-main a .icon{color: #1ACAD4; font-size: 64px;}
.sec-idprizes-main a .box-body h3{font-size: 22px;}
.sec-idprizes-main a .box-body p{color: #1ACAD4; font-size: 30px; font-weight: bold;}
.sec-idprizes-main .list{max-width: 1120px;}

/* SEC-IBPARTICIPATE-MAIN */
.sec-ibparticipate-main{background: #FAFAFA;}
.sec-ibparticipate-main .item .title{font-size: 28px; font-weight: 300;}
.sec-ibparticipate-main .item a{display: block; padding-left: 95px; color: #000000;}
.sec-ibparticipate-main .item .icon{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; font-size: 64px; color: #03C3D9;}
.sec-ibparticipate-main .item h3{font-size: 24px; text-align: center; font-weight: 600;}
.sec-ibparticipate-main .item p{color: #656565;}

/* ----------- PAGE FOREX ------------------------------------------------------- */
.sec-forexwhy-main{background-color: #F4F4F4;}
.control-rte svg{font-size: 6px; color: #1b1e32; position: relative; top: -4px; margin-right: 5px;}

/* ----------- PAGE PRECIOUS ------------------------------------------------------- */
/* SEC-PRECIOUS-MAIN */
.sec-precious-main .banner{max-width: 400px;}
.sec-preciouslearn-main{background-color: #F4F4F4;}
.sec-precioustimes-main{background-color: #FBFBFB;}

/* SEC-FEATURES-MAIN */
.item-features-sm{border: 1px solid #f5f5f5; min-height: 200px; padding: 15px; color: #222; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.item-features-sm:hover{background: #f5f5f5;}
.item-features-sm .icon{font-size: 40px; color: #00ABBF; min-height: 65px;}

/* BLOCK-NAV-MAIN */
.block-nav-main .nav-pills .nav-link{overflow: hidden; color: #262626; border: 0; padding: 10px 30px; font-weight: 600; position: relative; border-radius: 10px;}
.block-nav-main .nav-pills .nav-link .icon{font-size: 30px;}
.block-nav-main .nav-pills .nav-link.active, .block-nav-main .nav-pills .show>.nav-link{background: linear-gradient(0deg, #E99B00 0%, #FFFC97 100%); display: inline-block; }

/* SEC-DOWNLOADMETATRADER-MAIN */
.sec-downloadmetatrader-main{background-color: transparent; background-image: linear-gradient(130deg, #FFFFFF 0%, #86E7F6 100%);}

/* SEC-SHARED-MAIN */
.sec-shared-main{}
.sec-shared-main .item{border: 1px solid #f5f5f5; min-height: 100px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.sec-shared-main .item:hover{background: #f5f5f5;}
.sec-shared-main .item .icon{width: 120px;text-align: center;font-size: 36px;color: #05A2AE;}
.sec-shared-main .item h2{font-size: 18px; font-weight: 300;}

/* TABLE-ACCOUNT */
.table-account{}
.table-account thead tr th{color: #fff; background-color: #0C89A5;}
.open-acc-1 { background: #64a23d !important; color: #fff !important; text-align: center !important; }
.open-acc-2 { background: #457992 !important; color: #fff !important; text-align: center !important; }
.open-acc-3 { background: #4d9e85 !important; color: #fff !important; text-align: center !important; }

.bg-gray{background: #F7F7F7;}

/* SEC-AFFILIATES-MAIN */
.sec-affiliates-main{background: url(../images/bg/fxlink-affilate.jpeg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color: #fff;}
.sec-affiliates-main .container .row{min-height: 400px;}

/* SEC-MONEYMANAGERS-MAIN */
.sec-moneymanagers-main .item{background: #fff; min-height: 320px; }
.sec-moneymanagers-main .item h3{font-size: 24px; font-weight: 600;}
.sec-moneymanagers-main .item .desc{text-align: justify;}

/* SEC-PARTNERSRECEIVE-MAIN */
@media screen and (min-width: 1199px){
  .sec-partnersreceive-main{}
  .sec-partnersreceive-main .list-item .col-md-3{flex: 0 0 auto; width: 20%;}
}
.sec-partnersreceive-main{background-color: transparent; background-image: linear-gradient(180deg, #FFFFFF 0%, #04A8BC 100%);}
.sec-partnersreceive-main .item{background: #fff; min-height: 205px; padding: 30px 5px 5px;}
.sec-partnersreceive-main .item .icon{color: #00CAE2; font-size: 40px; min-height: 65px;}
.sec-partnersreceive-main .item h3{font-size: 18px;}

/* SEC-AFFILIATES-MAIN */
.sec-introducing-main{background-color: transparent; background-image: linear-gradient(90deg, #00978E 0%, #26ABDA 87%); color: #fff;}
.sec-introducing-main .item{}
.sec-introducing-main .item h3{font-size: 20px; font-weight: 600;}

/* LIST-BLOG-POST */
.item-sidebar .title{border-bottom: 1px solid #e1e1e1; font-weight: 600; padding-bottom: 5px; margin-bottom: 15px; font-size: 18px;}

.post-widget-item{padding-left: 90px; min-height: 80px;}
.post-widget-item .thumb{position: absolute; content: ""; left: 0; width: 80px; height: 80px; top: 0;}
.post-widget-item .thumb img{width: 100%; height: 100%; object-fit: cover;}
.post-widget-item .media{font-size: 14px;}
.post-widget-item .media h4 a{text-overflow: ellipsis; position: relative; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 20px; font-weight: 300; color: #888;}
.post-widget-item .media h4 a:hover{color: #A50004;}
.post-widget-item .post-date{display: block; font-size: 14px;}
.post-widget-item .screen-reader-text{font-size: 14px; text-overflow: ellipsis; position: relative; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all;}

/* BLOG-POST */
.blog-post{min-height: 265px; padding-left: 430px;}
.blog-post .blog-hover-default{position: absolute; left: 0; top: 0; width: 400px; height: 265px;}
.blog-post .blog-hover-default img{width: 100%; height: 100%; object-fit: cover;}
.blog-post .post-categories{position: absolute; top: 30px; left: 0; z-index: 3; padding: 5px 20px; background: #008faa;}
.blog-post .post-categories a{color: #fff; font-size: 14px;}
.blog-post .post-data .entry-title a{text-overflow: ellipsis; position: relative; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 24px; font-weight: 600;}
.blog-post .post-data .meta-post{color: #a6a6a6;}
.blog-post .content-article{color: #a6a6a6; text-overflow: ellipsis; position: relative; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;}

.blog-post .blog-hover-default .blog-mask{content: ""; position: absolute; right: 0; left: 0; top: 0; bottom: 0; opacity: 1; background-color:hsl(189.53deg 100% 33.33% / 35%); opacity: 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.blog-post .blog-hover-default .blog-mask a{-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translate3d(0, 20px, 0); background-color: transparent; color: #fff; border: 2px solid rgba(255, 255, 255, 0.4); position: absolute; content: ""; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 5; padding: 5px 15px;}
.blog-post .blog-hover-default .blog-mask a:hover{background: #fff; color: #008fab;}
.blog-post:hover .blog-hover-default .blog-mask{opacity: 1;}

.articles-pagination{border-top: 1px solid #e1e1e1; padding-top: 15px;}
.articles-pagination .pagination, .articles-pagination .page-link, .articles-pagination .page-link{border-color: #e1e1e1; color: #444;}
.articles-pagination .page-link.active{background: #FFC758;}
@media screen and (max-width: 992px){
  .blog-post{padding-left: 0; max-width: 400px; margin: auto;}
  .blog-post .blog-hover-default{position: relative; margin: auto auto 20px;}
}
@media screen and (max-width: 767px){
  .articles-pagination{display: block!important; text-align: center;}
  .articles-pagination .count-posts{margin-bottom: 15px;}
  .articles-pagination nav{justify-content: center!important; display: flex;}
}
@media screen and (max-width: 600px){
  .blog-post{max-width: 100%; margin-bottom: 30px!important;}
  .blog-post .blog-hover-default{max-width: 100%; width: inherit;}
  .blog-post .more-button{text-align: center; display: block;}
}

/* ----------- UPDATE ------------------------------------------------------- */
/* SEC-TEAM-MAIN */
.sec-team-main{}
.sec-team-main .item{padding-left: 125px;}
.sec-team-main .item .avatar{left: 0; bottom: 0;}
.sec-team-main .item .avatar img{height: 265px;}
.sec-team-main .item .content{background: #CCF3F5; min-height: 240px; padding-top: 15px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; padding-bottom: 10px;}
.sec-team-main .item .content .title{background: #00C3CB; padding-left: 100px; min-height: 50px; padding: 5px 5px 5px 100px;}
.sec-team-main .item .content .title h3{color: #004A65; font-weight: bold; font-size: 20px;}
.sec-team-main .item .content .title .job{font-size: 12px; color: #fff; background: #00C3CB;}
.sec-team-main .item .content .title .job .d-inline-block{background: #00C3CB; padding-right: 15px;}
.sec-team-main .item .content .title .job::after{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: #fff; width: 100%; height: 1px;}
.sec-team-main .item .content .desc{padding-left: 100px; font-size: 14px; padding: 10px 15px 10px 100px;}
.sec-team-main .item:hover .content{background: #2ed9e0;}
.sec-team-main .item .list-social{padding-right: 15px;}
.sec-team-main .item .list-social img{height: 30px;}

.sec-team-main .item-team{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.sec-team-main .item-team .bg img{height: 345px;}
.sec-team-main .item-team .content{top: 0; left: 0; right: 0; margin: auto; padding-top: 115px;}
.sec-team-main .item-team .value{}
.sec-team-main .item-team .value span{color: #0077FF; font-size: 30px;}
.sec-team-main .item-team:hover{-moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}

/* SEC-DOWNLOAD-MAIN */
.sec-download-main{}
.sec-download-main::after{background: #00C3CB; position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: 300px; z-index: 1;}
.sec-download-main .container{z-index: 2;}
.sec-download-main .banner img{max-height: 400px;}
.sec-download-main .title-section h2{font-size: 50px; font-weight: bold; color: #004A65;}
.sec-download-main .content{color: #fff; font-size: 18px;}

.list-app img{height: 42px;}

.link-gray{line-height: 34px; min-width: 110px; padding: 0 15px; background: url(../images/bg-btn-gray-2.svg)repeat-x center center; color: #fff; border-radius: 100px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.link-gray:hover, .link-gray.active{color: #00C3CB; font-weight:bold;} 
@media screen and (max-width: 992px) {
  .sec-download-main .banner img{max-width: 300px;}
  .sec-download-main::after{height: 100%;}
}

/* SEC-TOKENOMIC-MAIN */
.sec-tokenomic-main{}
.sec-tokenomic-main .content-tokenomic .item{ -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.sec-tokenomic-main .content-tokenomic .item:hover{color: #00C3CB; }
.sec-tokenomic-main .content-tokenomic .item::before{position: absolute; content: ""; width: 0; height: 1px; background: #00C3CB; left: 0; bottom: 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.sec-tokenomic-main .content-tokenomic .item:hover::before{width: 100%;}
.sec-tokenomic-main .content-tokenomic .text{min-width: 165px;}
.sec-tokenomic-main .content-tokenomic img{height: 30px;}
.sec-tokenomic-main .banner-tokenomic img{max-height: 280px;}
.sec-tokenomic-main .content-chart img{max-height: 475pxpx;}

.banner-chart img{-webkit-transition: all 3s linear; -moz-transition: all 3s linear; -ms-transition: all 3s linear; -o-transition: all 3s linear; transition: all 3s linear; max-width: 490px;}
.banner-chart:hover img{-moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}

.content-chart .item{border-bottom: 2px solid #495AEF; padding-left: 65px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.content-chart .item::before{position: absolute; content: ""; top: 11px; background: #495AEF; width: 24px; height: 24px; border-radius: 100%; left: 0;}
.content-chart .item .value{content: ""; right: 0; top: 6px; background: #fff; padding-left: 10px; font-size: 22px; min-width: 55px;}
.content-chart .item:nth-child(2){border-bottom: 2px solid #81D62C;}
.content-chart .item:nth-child(2)::before{background:#81D62C;}
.content-chart .item:nth-child(3){border-bottom: 2px solid #00CBB0;}
.content-chart .item:nth-child(3)::before{background:#00CBB0;}
.content-chart .item:nth-child(4){border-bottom: 2px solid #E84F00;}
.content-chart .item:nth-child(4)::before{background:#E84F00;}
.content-chart .item:nth-child(5){border-bottom: 2px solid #E89B00;}
.content-chart .item:nth-child(5)::before{background:#E89B00;}
.content-chart .item:nth-child(6){border-bottom: 2px solid #E80093;}
.content-chart .item:nth-child(6)::before{background:#E80093;}
.content-chart .item:nth-child(7){border-bottom: 2px solid #9C49EF;}
.content-chart .item:nth-child(7)::before{background:#9C49EF;}
.content-chart .item:nth-child(8){border-bottom: 2px solid #495AEF;}
.content-chart .item:nth-child(8)::before{background:#495AEF;}
.content-chart .item:nth-child(9){border-bottom: 2px solid #00CBB0;}
.content-chart .item:nth-child(9)::before{background:#00CBB0;}

.content-chart .item:hover{font-weight: bold; color: #00C3CB;}
@media screen and (max-width: 992px) {
  .banner-chart img{max-width: 100%;}
}

/* SEC-SOCIALFI-MAIN */
@media screen and (min-width: 1025px) {
  .marg-box-60{margin-left: -30px; margin-right: -30px;}
  .marg-box-60 .padd-30{padding-left: 30px; padding-right: 30px;}
}
.sec-socialfi-main{}
.sec-socialfi-main .item .icon{max-width: 400px; margin-left: auto; margin-right: auto;}
.sec-socialfi-main h3{color: #4D4D4D; font-size: 16px;}
.sec-socialfi-main .desc{font-size: 24px;}
.sec-socialfi-main .icon{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.sec-socialfi-main .item:hover .icon{-moz-transform: scale(0.8); -webkit-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8);}
@media screen and (max-width: 1025px) {
  .sec-socialfi-main .item .icon img{max-width: 100%;}
}

/* SEC-EXCELLENT-MAIN */
.sec-excellent-main .item-vision{}
.sec-excellent-main .item-vision .banner{padding-left: 10px; padding-right: 10px;}
.sec-excellent-main .item-vision .banner span{border-top-left-radius: 20px; border-top-right-radius: 20px; height: 260px; overflow: hidden;}
.sec-excellent-main .item-vision .banner span img{width: 100%; height: 100%; object-fit: cover;}
.sec-excellent-main .item-vision .content{background: hsl(182deg 100% 40% / 20%); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; min-height: 235px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.sec-excellent-main .item-vision h3{background: #00C3CB; min-height: 52px; padding: 10px 5px 5px; font-weight: bold; color: #fff; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.sec-excellent-main .item-vision .desc{padding: 15px;}
.sec-excellent-main .item-vision:hover .content{background: #00C3CB; color: #fff;}
.sec-excellent-main .item-vision:hover h3{background: #ccf4f6; color: #4D4D4D;}

.block-about .content{max-width: 500px;}

.text-gradient-blue{
  background: linear-gradient(180deg, #68F9FF 0%, #0000FE 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block;
}
@media screen and (max-width: 992px) {
  .block-about .content{text-align: justify;
  }
}

/* SEC-ROADMAP-MAIN */
.sec-roadmap-main .block-roadmap .item{width: 238px;}
.sec-roadmap-main .block-roadmap .item .time{background: url(../images/13-1.svg)no-repeat center center; min-height: 55px; background-size: 100%; color: #fff; font-size: 24px; font-weight: bold; padding: 12px 5px 5px;}
.sec-roadmap-main .block-roadmap .item .content{border-left: 2px solid #00CBB0; margin-left: 20px; padding: 15px 10px 10px; min-height: 270px;}
.sec-roadmap-main .block-roadmap .item .content::before{position: absolute; content: ""; width: 10px; height: 10px; background: #00CBB0; border-radius: 100%; left: -6px; bottom: 0;}

.sec-roadmap-main .block-roadmap .item.custom-2 .time{background: url(../images/13-2.svg)no-repeat center center; background-size: 100%;}
.sec-roadmap-main .block-roadmap .item.custom-2 .content{border-left: 2px solid #00CB7F;}
.sec-roadmap-main .block-roadmap .item .content::before{background: #00CB7F;}

.sec-roadmap-main .block-roadmap .item.custom-3 .time{background: url(../images/13-3.svg)no-repeat center center; background-size: 100%;}
.sec-roadmap-main .block-roadmap .item.custom-3 .content{border-left: 2px solid #00CB36;}
.sec-roadmap-main .block-roadmap .item.custom-3 .content::before{background: #00CB36;}

.sec-roadmap-main .block-roadmap .item.custom-4 .time{background: url(../images/13-4.svg)no-repeat center center; background-size: 100%;}
.sec-roadmap-main .block-roadmap .item.custom-4 .content{border-left: 2px solid #73CB00;}
.sec-roadmap-main .block-roadmap .item.custom-4 .content::before{background: #73CB00;}


.sec-roadmap-main .block-roadmap .item.custom-5 .time{background: url(../images/13-5.svg)no-repeat center center; background-size: 100%;}
.sec-roadmap-main .block-roadmap .item.custom-5 .content{border-left: 2px solid #B1CB00;}
.sec-roadmap-main .block-roadmap .item.custom-5 .content::before{background: #B1CB00;}

.sec-roadmap-main .block-roadmap .item.custom-6 .time{background: url(../images/13-6.svg)no-repeat center center; background-size: 100%;}
.sec-roadmap-main .block-roadmap .item.custom-6 .content{border-left: 2px solid #D9BC00;}
.sec-roadmap-main .block-roadmap .item.custom-6 .content::before{background: #D9BC00;}

.sec-roadmap-main .block-roadmap .item.custom-7 .time{background: url(../images/13-7.svg)no-repeat center center; background-size: 100%;}
.sec-roadmap-main .block-roadmap .item.custom-7 .content{border-left: 2px solid #DB8B00;}
.sec-roadmap-main .block-roadmap .item.custom-7 .content::before{background: #DB8B00;}

.sec-roadmap-main .block-roadmap .item.custom-8 .time{background: url(../images/13-8.svg)no-repeat center center; background-size: 100%;}
.sec-roadmap-main .block-roadmap .item.custom-8 .content{border-left: 2px solid #E53E00;}
.sec-roadmap-main .block-roadmap .item.custom-8 .content::before{background: #E53E00;}

.sec-roadmap-main .block-roadmap .item.custom-9 .time{background: url(../images/13-9.svg)no-repeat center center; background-size: 100%;}
.sec-roadmap-main .block-roadmap .item.custom-9 .content{border-left: 2px solid #E53E00;}
.sec-roadmap-main .block-roadmap .item.custom-9 .content::before{background: #E53E00;}

.sec-roadmap-main .block-roadmap .item.custom-10 .time{background: url(../images/13-10.svg)no-repeat center center; background-size: 100%;}
.sec-roadmap-main .block-roadmap .item.custom-10 .content{border-left: 2px solid #E53E00;}
.sec-roadmap-main .block-roadmap .item.custom-10 .content::before{background: #E53E00;}

.sec-roadmap-main .block-roadmap .item.custom-11 .time{background: url(../images/13-11.svg)no-repeat center center; background-size: 100%;}
.sec-roadmap-main .block-roadmap .item.custom-11 .content{border-left: 2px solid #FF4A5C;}
.sec-roadmap-main .block-roadmap .item.custom-11 .content::before{background: #FF4A5C;}

.sec-roadmap-main .block-roadmap .item.custom-12 .time{background: url(../images/13-12.svg)no-repeat center center; background-size: 100%;}
.sec-roadmap-main .block-roadmap .item.custom-12 .content{border-left: 2px solid #EB1F70;}
.sec-roadmap-main .block-roadmap .item.custom-12 .content::before{background: #EB1F70;}

.sec-roadmap-main .block-roadmap .item.custom-13 .time{background: url(../images/13-13.svg)no-repeat center center; background-size: 100%;}
.sec-roadmap-main .block-roadmap .item.custom-13 .content{border-left: 2px solid #EB1FAE;}
.sec-roadmap-main .block-roadmap .item.custom-13 .content::before{background: #EB1FAE;}

.sec-roadmap-main .block-roadmap .item.custom-14 .time{background: url(../images/13-14.svg)no-repeat center center; background-size: 100%;}
.sec-roadmap-main .block-roadmap .item.custom-14 .content{border-left: 2px solid #AF36D9;}
.sec-roadmap-main .block-roadmap .item.custom-14 .content::before{background: #AF36D9;}

.block-slick-main .slick-arrow{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -20px;}
.block-slick-main .slick-arrow img{width: 15px;}
.slick-arrow#next-ecosystem-img{left: inherit; right: -20px;}

.block-slick-roadmap .slick-arrow{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -20px;}
.block-slick-roadmap .slick-arrow img{width: 15px;}
.slick-arrow#next-roadmap-img{left: inherit; right: -20px;}

@media screen and (max-width: 1025px) {
  .block-slick-main .slick-arrow{left: 0!important;}
  .block-slick-roadmap .slick-arrow{left: 0;}
  .slick-arrow#next-roadmap-img{left: inherit; right: 0px!important;}
  .slick-arrow#next-ecosystem-img{left: inherit!important; right: 0px!important;}
}

.offcanvas.offcanvas-start{height: 100vh; }
.navbar-toggler{position: static; padding: 0; width: 50px; height: 50px;}

section{overflow: hidden;}
.code-text{word-break: break-all;}

/* CUSTOM */
html, body{    background: #0B0B47;color: #BDDAE3;}
footer .copyright{background: #073691;}

.sec-team-main .link-gray{background: #00C3CB;}
.sec-team-main .item-team .value span{color: #FFD52D;}

.sec-download-main::after{background: #073691;}
.sec-download-main .title-section h2{color: #FFD52D;}

.content-chart .item .value{background: #0B0B47;}

.title-section .line-bottom{background: #FFD52D;}
.title-section .line-bottom::before, .title-section .line-bottom::after{background: #FFD52D;}

.sec-roadmap-main{background: rgb(7 54 145 / 40%);}
.sec-roadmap-main .block-roadmap .item .content{color: #BDDAE3;}

.sec-socialfi-main h3{color: #BDDAE3;}
.sec-ecosystem-main a{color: #BDDAE3;}

.sec-excellent-main .item-vision .content{background: #073691;}

.block-home-main .banner-main .container .desc{color: #FFD52D;}
.block-home-main .banner-main .container h1 img{max-width: 200px;}

.block-user-main{max-width: 550px; margin: auto; background: #CCF3F5; height: 345px; border-radius: 10px; color: #4D4D4D; padding-top: 20px;}
.block-user-main .banner{left: -10px; bottom: 0; width: 195px; z-index: 2;}
.block-user-main .content .title{background: #00C3CB; padding-top: 5px; padding-bottom: 5px;}
.block-user-main .content .title h3{font-size: 20px; font-weight: bold; padding-left: 200px; }
.block-user-main .content .title span{color: #fff; display: inline-block; background: #00C3CB; padding-left: 10px; padding-right: 10px; z-index: 2; }
.block-user-main .content .title .line{padding-left: 200px; }
.block-user-main .content .title .line::after{width: 100%; height: 2px; position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: #fff; left: 0; width: 100%;}
.block-user-main .content .desc{overflow: auto; height: 200px; padding-left: 200px; padding-right: 10px;}
.block-user-main .content .list-icon{padding-left: 200px;} 
.block-user-main .content .list-icon img{height: 30px;}
@media screen and (max-width: 600px){
  .block-user-main .banner{width: 140px;}
  .block-user-main .content .desc, .block-user-main .content .list-icon{padding-left: 150px;}
  .block-user-main .content .title{    padding-left: 5px;text-align: center;}
  .block-user-main .content .title h3, .block-user-main .content .title .line{padding-left: 0;}
}