body{
  background-color: #000F19; 
  color: #fff;
  background-image: url('../images/bg-elip.png');
  background-repeat: no-repeat;

}

    section {
      padding: 80px 0;
    }
    .navbar {
     
    }
    
.navbar {
  background: transparent;      
  padding: 20px 0;               
  transition: all 0.3s ease;     
}


.navbar.scrolled {
  background: #212529;           
  padding: 10px 0;               
  box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}

.navbar .nav-link {
  color: white;              
  transition: color 0.3s ease;
}

.navbar .nav-link.active {
  color: #67E5B8 !important;  
  font-weight: 600;          
}

    .navbar .nav-link {
      color: white !important;
    }
   

.accordion-button::after {
  background-image: none !important;
  content: '+';            
  font-weight: bold;
  font-size: 1.2rem;
  transform: none !important;
}


.accordion-button:not(.collapsed)::after {
  content: '−'; 
  font-weight: bold;
  font-size: 1.2rem;
}


   

    @keyframes scroll {
      0%   { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }
    
.btn{
  padding: 10px 40px;
  color: #fff;
  font-weight: bold;
  border-radius: 12px;
}
.btn-gr1{background: #36B98A}
.btn-gr2{background: rgba(54, 185, 138, 0.2); transition: all 0.2s ease-in-out; }
.btn-gr2:hover{background: #36B98A; color: #fff;  }
.slide-header .btn-gr2{margin-left: 20px}
.size48{font-size: 48px;}


.size24{font-size: 24px}
.size20 {font-size: 20px}
.size16 {font-size: 16px}

.border-radi-16{border-radius: 16px;}
.p-24{padding: 25px}
.icon{width: 24px; height: 24px; display: block;}
.icon-verify{background-image: url('../images/verify.svg'); background-repeat: no-repeat;}
.flex{display: flex;}

.color-green{color: #16BC5A}
.color-gray{color: #BFBFBF}

.border-3{border:2px solid #67E5B8; }
.border-radi-16{border-radius: 16px}

.p-24{padding: 24px}


.statistical .col-4{padding-right: 5px; padding-left: 5px}
.br-12{ border-radius: 12px}
.op-30{padding: 10px}
.statistical p{margin-bottom: 0px}
.bg-dark{background: rgba(0, 0, 0, 0.2);}
.bor-left-1{border-left: 1px solid #16BC5A;}
.bg-int-1{
    background-color:rgba(54, 185, 138, 0.2); 
}
.statistical .row{margin-bottom: 20px}
#line-chart img{width: 450px; margin-bottom: 20px}
b.title{background:  rgba(54, 185, 138, 0.1); color: #67E5B8; padding:10px 30px; border-radius:16px; }
.mr-20{margin-bottom: 20px}
h2{font-size: 36px}
.icon-72{width: 72px; height: 72px;  border-radius: 50%; background: rgba(54, 185, 138, 0.2); text-align: center;}
.icon-72 img{margin-top: 16px;}
.user1{width: 50px; height:50px; border-radius:50%; margin-right: 15px; }
#strategy .container .mr-20, #faqs .container .mr-20, #service .container .mr-20{text-align: center;}


  }
   
.item-slide{max-width: 450px; padding: 0px 10px}
.main-slide{position: relative;}
.main-slide .video{position: absolute; top: -100px; left: 0px; z-index: 1; opacity: 0.5}
.main-slide .video video{width: 100%}
.main-slide .main-tex{position: absolute; top:250px; left: 0px; z-index: 1000; width: 100%}
#home{min-height: 1000px}

  .carousel-item > .col {
      flex: 1 0 25%; 
      max-width: 25%;
   } 
.carousel-item {
  transition: transform 0.6s ease-in-out; /* mượt hơn */
}

.carousel-item .col-md-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.item-slide2{margin: 0px 15px}

.accordion-item{background: #101E27; color: #fff; margin: 10px 0px; border-radius: 16px;  }
.accordion-item:first-of-type .accordion-button{background:none; color: #fff; font-size: 20px;   border-radius: 16px}
.accordion-button:not(.collapsed){box-shadow: none; border-radius: 16px; }
.accordion-item, .accordion-button:not(.collapsed), .accordion-item:last-of-type .accordion-button.collapsed, .accordion-item:first-of-type{border-top-left-radius: 16px;
    border-top-right-radius: 16px; border-radius: 16px; background:#101E27; color: #fff;
}
.accordion-item:last-of-type .accordion-collapse{ border-radius:16px }
.accordion-button{margin-top: 1px}
.accordion-item:last-of-type{border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;}
.accordion-item:not(:first-of-type){border-top:1px solid #fff;}
.accordion-button{background: none; color: #fff; font-size: 20px}