@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: normal;
    src:  url('fonts/montserrat-regular.woff') format('woff'),
    	  url('fonts/montserrat-regular.ttf') format('truetype');
}
    

@font-face {
    font-family: 'Metropolis Medium';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/metropolis-medium.woff') format('woff'),
    	 url('fonts/metropolis-medium.ttf') format('truetype');
}
    

@font-face {
    font-family: 'Metropolis Bold';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/Metropolis-Bold.woff') format('woff'),
    	 url('fonts/Metropolis-Bold.ttf') format('truetype');
}

/*------------------------------------*/
html, body, .page {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    transition: all .8s cubic-bezier(0.54, 0.35, 0.29, 0.99);
    -webkit-transition: all .8s cubic-bezier(0.54, 0.35, 0.29, 0.99);
    -moz-transition: all .8s cubic-bezier(0.54, 0.35, 0.29, 0.99);
    -o-transition: all .8s cubic-bezier(0.54, 0.35, 0.29, 0.99);  
    color: #fff;
    overflow-x: hidden;
    font-family:Montserrat;
    background-color:#000;
    font-size:14px;
    position:relative;
    scroll-behavior: smooth;

}

.container {max-width: 1440px; margin: auto; padding-left: 15px; padding-right: 15px;}

/*------------------------------------*/
ul, ol, li  {padding-left: 0px; list-style-type:none; margin: auto}
h1, h2, h3, h4, h5, h6 {margin-bottom: 0px; margin-top: 0px;}
p { font-size:14px;}
a {text-decoration: none;}

.page {
    position: absolute;
  }
  
  #p1 {
    left: 0;
  }
  
  #p2, #p3, #p4, #p5, #p6, #p7 {
    left: 200%;
  }
  
  #p1 { background-image:url(../source/homebg.jpg); }
  #p2 { background-image:url(../source/approachbg.jpg); }
  #p3 { background-image:url(../source/industriesbg.jpg); }
  #p4 { background-image:url(../source/whyusbg.jpg); }
  #p5 { background-image:url(../source/blockchainbg.jpg); }
  #p6 { background-image:url(../source/contactbg.jpg); }
  #p7 { background-image:url(../source/partnershipbg.jpg); }

  #p1,
  #p2,
  #p3,
  #p4,
  #p5,
  #p6,
  #p7 {
    background-size:cover;
    background-repeat:no-repeat;
  }
  
  #approach:target #p2,
  #industries:target #p3,
  #whyus:target #p4,
  #aboutblockchain:target #p5,
  #engagewithus:target #p6,
  #partnership:target #p7 {
    transform: translateX(-190%);
    -webkit-transform: translateX(-200%);
    -moz-transform: translateX(-200%);
    -o-transform: translateX(-200%);
    transition-delay: .4s !important;
  }
  
  #approach:target #p1, 
  #industries:target #p1,
  #whyus:target #p1,
  #aboutblockchain:target #p1,
  #engagewithus:target #p1,
  #partnership:target #p1 {
    background: black;
    transform: translateX(-190%);
    -webkit-transform: translateX(-200%);
    -moz-transform: translateX(-200%);
    -o-transform: translateX(-200%);
    transition-delay: .4s !important;
  }
  
  #approach:target #p1 .icon, 
  #industries:target #p1 .icon,
  #whyus:target #p1 .icon,
  #aboutblockchain:target #p1 .icon,
  #engagewithus:target #p1 .icon,
  #partnership:target #p1 .icon {
    backdrop-filter: blur(10px);
  }

  #approach:target ul .icon,
  #industries:target ul .icon,
  #whyus:target ul .icon,
  #aboutblockchain:target ul .icon,
  #engagewithus:target ul .icon,
  #partnership:target ul .icon {
    transform: scale(.6);
    -webkit-transform: scale(.6);
    -moz-transform: scale(.6);
    -o-transform: scale(.6);
    transition-delay: .25s;
  }
  
  
  #approach:target .page#p2 .icon,
  #industries:target .page#p3 .icon,
  #whyus:target .page#p4 .icon,
  #aboutblockchain:target .page#p5 .icon,
  #engagewithus:target .page#p6 .icon,
  #partnership:target .page#p6 .icon {
    transform: translateX(0) !important;
    -webkit-transform: translateX(0) !important;
    -moz-transform: translateX(0) !important;
    -o-transform: translateX(0) !important;
    transition-delay: 1s;
  }

  /*################################3*/

header { 
    position: fixed;
    top: 0;
    z-index: 99;
    width:100%;
}
header.sticky {
    position: fixed; 
    width: 100%; 
    top: 0; 
    z-index: 99;
    margin-top: 0px;
    margin-bottom: 0px;
}
header.sticky .header-top { margin-top:0px; transition: all 0.3s ease-in-out;}
header.sticky .navbar-nav ul.menu-list { margin-top: 0;}
header.sticky .container {max-width: 100%; transition: all 0.3s ease-in-out; }
/*header.sticky .navbar {min-height: auto;}*/
header.sticky .navbar-brand {padding: 6px 12px; font-size: 14px; line-height: 0;}
header.sticky .navbar-brand img {max-width: 180px;}
header .navbar-inverse .navbar-nav ul > li > a:hover,
header .navbar-inverse .navbar-nav ul > li > a.active, 
header .navbar-inverse .navbar-nav ul > li > a.active:focus, 
header .navbar-inverse .navbar-nav ul > li > a.active:hover {color: #cc72fe}


header .language-button .current {
    position: relative;
    z-index: 3;
    padding: 4px 15px;
    border: 2px solid #cc72fe;
}
header .language-button .current a {
    color: #fff; 
    text-transform: uppercase; 
    text-decoration: none;
    font-size: 16px; 
    background-color: transparent;
    
}
header .language-button ul {
    list-style: none;
    width: 100%;
}
header .language-button img {
    margin-bottom: -15px;
    margin-left: -2px;
    width: 100px;
    max-width: 40px;
}
header .language-button ul {
    display: none!Important;
    position: absolute!Important;
    top: 50px;
    right: 0px;
    background-color: #cc72fe;
    color:#fff;
    padding: 0px;
    text-align: center;
    width: 100%;
    min-width: 100px;
    max-width: 115px;
    border-top: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 2;
}
header .language-button ul li a {padding: 8px 4px; display: block; color:#fff!important;}
header .language-button ul li a:hover {
    color: #000!important;
}
header .language-button ul li a:hover:after {display: none;}
header .language-button.active ul {
    display: block!Important;
}
header.sticky .language-button ul {top:30px}

/*----------------extra-----------*/

header .header-top {padding: 10px 0; transition: all 0.3s ease-in-out;}
header .header-top {
    background-color: rgba(33, 37, 85, 0.8);
    color: #fff;
    font-size: 12px;
    display: none;
}
header .header-top .container {display: flex; justify-content: space-between; align-items: center;}
header .header-top .header_text {color: #fff; font-size: 16px; width: 120px;}
header .header-top .desktop_logo {display: none} 
header .header-top .desktop_logo img {width: 100%; max-width:350px; margin: auto;}
header .header-top .header_social ul {display: flex; flex-wrap: wrap}
header .header-top .header_social ul li {padding-right: 5px;}

header .dropdown-content {
    display: block;
    width: 100%;
    text-align: center;
    background-color: #2b388f;
}
header .dropdown-content a {display: block; padding: 10px; color: #fff;}
/*--end sticky---*/
header .container {transition: all 0.3s ease-in-out;}
header .navbar {position: relative; min-height: 44px;  border: none; display: flex;}
header .navbar-nav ul > li > a {text-decoration: none; line-height: 20px; font-size: 14px; color: #ffffff; font-weight: normal}
header .navbar-inverse {background-color: transparent; }
header .nav {padding-left: 0; margin-bottom: 0; list-style: none;}
header .nav ul > li {position: relative; display: block;}
header .nav ul > li > a {position: relative; display: block; font-size:14px; padding: 4px 10px;  letter-spacing: 1px;}
header .nav ul > li.memberlogin a { border:1px solid #ffffff; border-radius:50px; padding:5px 30px;}
header .nav ul > li.memberlogin a:hover {border:1px solid #ffffff;}

.login-button { 
    background: rgb(155,87,252);
    background: linear-gradient(55deg, rgba(155,87,252,1) 0%, rgba(225,126,255,1) 100%);
    font-size:12px!important;
}
.login-button:hover { color:#fff!important;}
.login-button:hover:after { display:none;}

header .navbar-brand {
 height: auto;
 font-size: 18px; 
 line-height: 20px; 
 display: block; 
 float: left; 
}
header .navbar-brand img{
    width: 100%; 
    max-width: 240px;
}
header .navbar-inverse .navbar-collapse {border-color: #101010}
header .navbar-collapse.in { overflow-y: auto;}
header .collapse.in {display: block; }
header .navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
}
header .container-fluid {width: 100%; }
header .container-fluid>.navbar-collapse, 
header .container-fluid>.navbar-header, 
header .container>.navbar-collapse, .container >.navbar-header {margin-right: 0px; margin-left: 0px;}
header .navbar-nav ul > li {
  display: block;
}
header .container-fluid > .navbar-collapse, 
header .container-fluid > .navbar-header, 
header .container > .navbar-collapse, 
header .container > .navbar-header {
  margin-left: 0;
  margin-right: 0;
}
header .navbar-collapse {
  width: auto;
 border-top: 0;
 -webkit-box-shadow: none;
  box-shadow: none;
}
header .navbar-toggle {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0%, -50%);
    padding: 12px 10px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    z-index: 99;
    cursor: pointer;
}
header .navbar-toggle:focus {outline: inherit;}
header .navbar-inverse .navbar-toggle .icon-bar {background-color: #fff; }
header .navbar-toggle .icon-bar + .icon-bar {margin-top: 4px;}
header .navbar-toggle .icon-bar {display: block; width: 30px; height: 4px; border-radius: 1px;}
header .navbar-toggle.open {display: none; }
header .navbar-toggle.in:after {
    content: '\f00d';
    display: block;
    font-family: FontAwesome;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0%, -50%);
    color: #fff;
    font-size: 32px;
    font-weight: normal;
}
header .navbar-inverse .navbar-toggle.in .icon-bar {display: none;}
header.sticky + main {padding-top: 80px;}

header .action-btn.login a:hover { color:#fff!important;}

.header-menu-section {
    padding: 10px 0 80px;
    background: rgb(16,20,35);
    background: linear-gradient(180deg, rgba(16,20,35,1) 10%, rgba(0,0,0,0) 60%);
}

.title {
    font-size:22px;
    text-transform: uppercase;
    font-family:Metropolis Bold;
    padding:10px 0;
    text-shadow: 3px 2px 2px rgba(0,0,0,0.6);
}
.inner-title {
    font-size:22px;
    text-transform: uppercase;
    font-family:Metropolis Bold;
    padding:10px 0 0;
    text-shadow: 3px 2px 2px rgba(0,0,0,0.6);
}

.content { padding-bottom:20px;}

.home-slogon {
    position:absolute;
    left:5%;
    bottom:5%;
    font-size:32px;
    text-transform: uppercase;
    font-family:Metropolis Bold;
    text-shadow: 3px 2px 2px rgba(0,0,0,0.6);
}
.mobile-arrow { display:none;}
.home-content-section {
    position:absolute;
    top:0;
    right:0;
    max-width:500px;
    width:100%;
    height:100vh;
    padding:0 30px;
    box-sizing: border-box;
    background-color: rgba(9, 11, 21, 0.7);
    backdrop-filter: blur(8px);
}
.home-content-section img { width:100%; padding-top:100px;}

.approach-page,
.industries-page {
    position:relative;
    max-width:1280px;
    margin:150px auto 30px;
    width: 100%;
}

.approach-slider { margin-top:15px;}
.approach-slider .approach-list .owl-stage-outer .owl-stage { display:flex; overflow:visible!important;}
.approach-list .owl-item {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    flex: 1 0 auto;
}
.approach-list .owl-item:before {
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    background-color:rgba(14,18,33,0.7);
    width:100%;
    height:100%;
    backdrop-filter: blur(10px);
}
.approach-slider .owl-theme .owl-prev,
.approach-slider .owl-theme .owl-next {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}
.approach-slider .owl-theme .owl-prev { left:-35px;}
.approach-slider .owl-theme .owl-next { right:-35px;}
.approach-slider-content { padding:10px 20px 20px 20px;}
.owl-theme .owl-nav [class*=owl-] {
    color: #000!important;
    font-size: 14px;
    margin: 0!important;
    padding: 10px 15px!important;
    background: #ffffff!important;
    display: inline-block;
    cursor: pointer;
    border-radius: 0!important;
}
.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: transparent!important;
    border:1px solid #fff;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 0!important;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #ffffff!important;
}
.owl-theme .owl-dots { position:absolute; width:100%;}


.industries-inner-content,
.industries-inner-content1 { display:flex; gap:20px; margin-top:15px;}
.industries-inner-row {}
.industries-inner-column { 
    display:flex;
    gap:20px;
    width:100%;
    padding:45px 30px;
    position:relative;
    align-items: center;
    margin-bottom:20px;
    box-sizing: border-box;
}
.industries-inner-column:last-child { margin-bottom:0;}
.industries-inner-column:after {
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    background-color:rgba(14,18,33,0.7);
    width:100%;
    height:100%;
    backdrop-filter: blur(10px);
}
.industries-inner-info .title { padding:0;}
.industries-inner-column p,
.whychoose-inner-info p { margin:0;}

.whychoose-page { max-width:1280px; margin:150px auto 0;}
.whychoose-inner-row { display:flex; gap:3%; flex-wrap: wrap;}
.whychoose-inner-content { position:relative; flex:0 0 48%; width:48%; margin-bottom:30px;}
.whychoose-inner-content img { width:100%;}
.whychoose-inner-content:after {
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    background-color:rgba(14,18,33,0.7);
    width:100%;
    height:100%;
    backdrop-filter: blur(10px);
}
.whychoose-inner-info { padding:10px 20px 20px 20px;}

.blockchain-page { max-width:1280px; margin:150px auto 30px;}
.blockchain-inner-info { 
    position:relative;
    padding: 30px;
    margin-top: -5px;
}
.blockchain-inner-info:after {
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    background-color:rgba(14,18,33,0.7);
    width:100%;
    height:100%;
    backdrop-filter: blur(10px);
}
.blockchain-inner-content img { width:100%;}

.contact-page { max-width: 1280px; margin: 150px auto 30px;}
.contact-inner-content { display:flex; gap:20px; margin-top:15px;}
.contact-inner-content .col-md-12 .input-form { position:relative; padding:22px 30px; margin-bottom:10px;}
.contact-inner-content .col-md-12:last-child  .input-form { margin-bottom:0;}
.contact-inner-content .col-md-12 .input-form:after {
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    background-color:rgba(14,18,33,0.7);
    width:100%;
    height:100%;
    backdrop-filter: blur(10px);
}
.contact-inner-content .col-md-12 .input-form label { position:absolute;}
.contact-inner-content .col-md-12 .input-form input,
.contact-inner-content .col-md-12 .input-form textarea { 
    background-color:transparent;
    border:0;
    width:100%;
    padding:30px 10px 10px 0;
    font-family:Montserrat;
    color: #fff;
}
.submit-button input { width:100%; padding:15px 0; background-color:#15c3e5; border:0; font-size:16px; font-weight:bold;}
::placeholder {
    color: #fff;
  }


.partnership-page { max-width: 1280px; margin: 150px auto 30px;}
.partnership-inner-info { position:relative; margin-top:10px;}
.partnership-inner-info:after {
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    background-color:rgba(14,18,33,0.7);
    width:100%;
    height:100%;
    backdrop-filter: blur(10px);
}
.partnership-inner-row img { width:100%;}
.partnership-inner-content { display:flex; gap:20px;}
.partnership-inner-content .partnership-inner-column { position:relative; flex:0 0 48%; width:48%; margin:30px 0; padding:0 30px; box-sizing: border-box;}
.partnership-inner-content .partnership-inner-column:first-child:after {
    content:"";
    position:absolute;
    top:0;
    right:0;
    background-color:#fff;
    width:1px;
    height:100%;
}
.partnership-inner-content-section1,
.partnership-inner-content-section2,
.partnership-inner-content-section3 { padding:0 30px;}
.partnership-inner-content-section2 { text-align:center; color:#15c3e5;}
.partnership-inner-content-section3 { text-align:center; padding-bottom:30px;}
.partnership-inner-content-section3 a { display:inline-block; background-color:#15c3e5; color:#fff; padding:15px 20px; margin:0 10px;}



body.viet header .nav ul > li > a {font-size: 12px; padding: 4px 5px;}
body.viet header .nav ul > li > a.active:after,
body.viet header .nav ul > li > a:hover:after {
    left: -17px;
}
body.viet header .nav ul > li > a.login-button {padding: 4px 10px;}
body.viet header .language-button .current a {font-size: 12px;}
body.viet header .language-button ul > li > a {font-size: 14px;}

.industries-inner-section1 { position:relative;}
.industries-inner-section1 .industries-inner-section1-content {
    position:absolute;
    width:100%;
    bottom:0;
    left:0;
    padding-bottom:50px;
    text-align:center;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(16,20,35,1) 69%);
}
.industries-inner-section1 .industries-inner-section1-content .industries-inner-section1-num {
    font-size:50px;
    font-weight:bold;
}
.value-plus { font-size:30px; padding-left:5px;}
.industries-inner-section1 img { width:100%;}

/*###############################################################################*/

@media (min-width: 992px) {
    header .dropdown-content {
      display: none;
      position: absolute;
      width: 100%;
      padding: 4px 0px;
      background-color: #2b388f;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
    }  
    header .dropdown-content a {color: #fff;}   
    header .dropdown:hover .dropdown-content {
      display: block;
    }
    
    header .container-fluid {
        display: block;
    }
    header .container-fluid .navbar-header {display: block;}
    header .navbar-nav { float:right; padding-top: 20px;}  
    
    header .navbar-nav ul {display: inline-block; vertical-align: middle; position: relative;}
    header .navbar-nav ul > li {display: inline-block; position: relative; padding: 0px 5px; color: #003350; font-size: 14px;}
    header .navbar-nav ul > li a.active:after,
    header .navbar-nav ul > li a:hover:after {
        content:"";
        position:absolute;
        top:5px;
        left:-10px;
        background:url(../source/menu-hover-icon.png) no-repeat;
        width:18px;
        height:18px;
    }
    
    header .navbar-nav ul.menu-list {display: block;}
    header .container-fluid>.navbar-collapse, 
    header .container-fluid>.navbar-header, 
    header .container>.navbar-collapse, 
    header .container>.navbar-header {margin-left: 0; margin-right: 0;}
    header .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    header .navbar-collapse.collapse {
        display: block!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important;
    }
    header .navbar-toggle { display: none;}
    header .navbar-header { float: none;}
    header .navbar-inverse .navbar-nav ul > li.action-btn a:hover:after{
        display: none;
    }
    header .navbar-inverse .navbar-nav ul > li.action-btn a{
        position: relative;
        color: #fff;
        font-weight: bold;
        border-radius: 25px;
    }
    
    /*----------------extra-----------*/
    header .container-fluid .header-navbar-menu{
        display: grid;
        grid-template-columns: auto auto;
        justify-content: flex-end;
        gap: 5px;
    }
    header .navbar-nav {
        padding-right: 0px;
    }
    header.sticky {padding: 0px;}
    header.sticky .container-fluid {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    header .navbar-nav ul.social-link {
        position: absolute;
        left: 0;
        top: 50px;
    }
    header .navbar-nav ul.action-part {
        position: absolute;
        right: 0;
        top: 50px;
    }
    header.sticky .navbar-nav ul.social-link,
    header.sticky .navbar-nav ul.action-part{
        position: relative;
        top: unset;
    }
    header.sticky .navbar-section {
        display: grid;
        grid-template-columns: auto auto;
        align-items: center;
        grid-gap: 10px;
    }
    header.sticky .navbar-nav {text-align: right;}
}


@media (min-width: 768px) {
main .home-banner .banner-img img.mobile-version {
    display: none;
}
}

@media (max-width: 1200px){
.home-slogon h1 { font-size:28px;}
.home-content-section { max-width: 400px;}
}

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

@media (max-width: 991px){
    header {padding: 0px;}
    header .header-menu {
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        height: 105vh;
        max-width: 250px;
        text-align: left;
        transition: transform 0.35s;
        transform: translateX(105%);
        -ms-transform: translateX(105%);
        -webkit-transform: translateX(105%);
        -moz-transform: translateX(105%);
         z-index: 2;
    }
    header .header-menu.in {
        transition: transform 0.35s;
        transform: translateX(0%);
        -ms-transform: translateX(0%);
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
    } 
    header .header-menu ul.menu-list {background-color: #0e1221; height: 100vh; padding-top: 12em}
    header .header-menu ul.menu-list > li > a {padding: 15px 0; border-bottom:1px solid #fff; font-size: 16px; text-align:center; position: relative; color: #fff;}
    header .header-menu ul.menu-list > li > a.active,
    header .header-menu ul.menu-list > li > a:hover { color:#fff;}
    header .header-menu ul.menu-list > li:last-child > a {border-bottom:0;}
    header .header-menu ul.menu-list > li > a:hover:before,
    header .header-menu ul.menu-list > li > a.active:before {
        content: '';  
        display: block;
        width: 0;
        height: 0;
        border-top: 6px solid transparent;
        border-right: 10px solid #fff;
        border-bottom: 6px solid transparent;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate(0%, -50%);
    }
    header.sticky .navbar-inverse .navbar-toggle .icon-bar { background-color:#00ffa8;}
              
header.sticky .container-fluid > .navbar-header {padding: 0px;}
header .navbar-brand {
        padding: 0px 0px; 
        text-align: left;
        margin: unset;
}
header .navbar-brand  img {max-width: 180px; margin-bottom: 10px; margin-top: 10px;}
header.sticky .navbar-brand {padding: 0px 0px;}
header.sticky .navbar-brand img {max-width: 85px;}
.home-page { padding:0 0 30px;}
.home-content-section { position: relative; margin-top:100px; max-width:100%; width: 100%; height: auto; padding:50px 50px 30px;}
.home-content-section:after {
    content: "";
    position: absolute;
    top: -100px;
    left: 50%;
    right: 0;
    transform: translate(-50%, 0);
    margin: auto;
    width: 0;
    height: 0;
    border-left: 500px solid transparent;
    border-right: 500px solid transparent;
    border-bottom: 100px solid rgba(9, 11, 21, 0.7);
}
.home-slogon { height:100vh; position: relative; left: 0; bottom: 0; padding-bottom:15px;}
.home-slogon h1 {
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    top:50%;
    transform: translate(0%, -50%);
    font-size:42px;
    text-transform: uppercase;
    text-align:center;
}
.home-slogon h1 span { display:block; padding-top:10px; font-size:28px; font-weight:400; font-family: Metropolis;}
.mobile-arrow { margin:auto; display:block; width: 28px; padding-top:50px;}
.home-content-section img { padding-top:15px;}
.approach-page { max-width:90%;}
.approach-page,
.industries-page { position: relative; top: unset; left: unset;transform:unset;}
.whychoose-page,
.blockchain-page,
.contact-page { margin-top:130px;}
.industries-inner-content { display:block;}
.mobile-industries-img { width:100%;}
.industries-inner-column { padding: 20px 20px; margin-bottom: 10px;}
.contact-inner-content { display: block; margin-top: 15px;}
.contact-inner-row img { width:100%;}
.partnership-inner-content { display:block;}
.partnership-inner-content .partnership-inner-column { width:100%;}
.partnership-inner-content .partnership-inner-column:first-child:after { display:none;}

header .navbar-right {
    position: absolute;
    right: 55px;
    top: 50%;
    transform: translate(0px, -50%);
}
header .language-button ul {top: 25px;}
}

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

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

@media (max-width: 576px){
.f-12 {font-size: 12px;}
.f-16 {font-size: 14px;}
.f-18 {font-size: 16px;}
.f-20 {font-size: 20px;}
.f-25 {font-size: 25px;}
.f-28 {font-size: 28px;}
.f-30 {font-size: 24px;}
.f-35 {font-size: 35px;}
.f-40 {font-size: 40px;}
.f-50 {font-size: 50px;}
.inner-title { font-size: 18px;}
.whychoose-inner-row { display: block;}
.whychoose-inner-content { width: 100%; margin-bottom:20px;}
.partnership-inner-content-section3 a { display:block; margin:5px 0;}
.partnership-inner-content .partnership-inner-column { margin: 20px 0; padding: 0 15px;}
.partnership-inner-content-section1,
.partnership-inner-content-section2,
.partnership-inner-content-section3 { padding: 0 15px;}
.industries-inner-content1 { display:block;}
.industries-inner-section1 { margin-bottom:10px;}
}

@media (max-width: 480px){
header .navbar-brand {text-align: left; max-width: 100%;}
header .navbar-brand img { max-width: 150px; margin-bottom: 5px; margin-top: 5px;}
.home-content-section { padding:50px 20px 30px;}
.inner-title,
.title { text-align:center; line-height:22px;}
.content,
.subtitle,
.slide-content,
p { text-align: center;}
.industries-inner-info .inner-title,
.industries-inner-info p { text-align:left;}
.contact-inner-content .col-md-12 .input-form { padding: 10px 20px 5px;}
main .home-section .flex-box {flex-direction: column; text-align: center;}
}

@media (max-width: 425px){
header .header-top .container {flex-direction: column; gap: 3px;}
}

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