.bannerpage img {  width: 100%; }
.gioithieu .img {   /*overflow: hidden; */    }
.gioithieu img {   transition: .5s all; }
.gioithieu .info h2 { font-weight: normal;
/*background: -webkit-linear-gradient(#9a7729, #fceeba);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
color:#000;    
      font-size: 29px;
}
.gioithieu .info a {  color: var(--text-color);  text-decoration: none;  text-transform: uppercase; }
.gioithieu .img:hover img {  transform: scale(1.2) }
.bgcolor { background: rgba(255, 255, 255, 0.9);   }
 
.gioithieu .content {   }
.gioithieu .ct .content { color:#1a1a1a }
.primary-link{font:700 12px futura-pt,sans-serif;letter-spacing:.2em;cursor:pointer;color:#1d4934;border:1px solid #75a13e;padding:12px 25px;text-align:center;display:inline-block;text-transform:uppercase;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:color 1000ms;transition:color 1000ms;outline:none}.primary-link:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#75a13e;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition:300ms ease-out;transition:300ms ease-out}.primary-link:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.primary-link:hover{color:#fff} 

.gt_m.ct h2 { font-size:16px; line-height: 29px; }
.gioithieu  {  line-height:30px;font-family: arial;color: #1a1a1a; }
.gioithieu h1 { color: var(--bs-black);font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
font-weight: 600;
text-align: center;
padding-bottom: 30px;}
.gioithieu h1 img { width: 30px;
position: absolute;
left: 49%;
right: 0;
text-align: center;
bottom: -14px;
z-index: 9;  }
.gioithieu h1::before { /*content: '';
display: block;
position: absolute;
width: 0;
height: 0;
left: 50%;
margin-left: -4px;
bottom: 1px;
border-style: solid;
border-width: 0 4px 4px 4px;
border-top-color: transparent;
border-left-color: transparent;
border-right-color: transparent;*/ } 
/*.gioithieu h1::after { content: ' ';
display: block;
position: absolute;
height: 25px;
bottom: -2px;
left: 41%;
width: 300px;
background: url('title-index.png') no-repeat;
} */
.gioithieu  img {  
padding: 1.4em;
       

}
.gioithieu.tab2
{     background: url(trading.jpg) no-repeat;
    background-size: cover;
    background-position: 0px -302px;
    min-height: 400px; 
}
.gioithieu.tab2 a {
background: rgba(30, 84, 170, 0.7);
    padding: 13px 20px;
    margin: 20px;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
    margin-top: 60px;
    width: 174px;
}
.gioithieu.tab2 .subx { position: absolute; bottom: 85px; left: 0;right: 0;  }
.gioithieu.tab2 .sub { position: absolute; bottom: 0; left: 0;right: 0; }
.gioithieu.tab2 a.linkall {
background: rgba(255, 255, 255, 0.3);
    color: #fff;
    border: 1px solid #fff;
    font-size: 18px;
}
.gioithieu.tab3 img { border: 0px;padding:0px; box-shadow: none;  }
.gioithieu.tab3 .box img { width: 100% !important  }
.gioithieu.tab4 { background: #e5e5e5; }
.gioithieu.tab4 img { max-width: 100%; }
.gioithieu.tab5 h3{  color:#f0e80b; transition: .5s all; }
.gioithieu.tab5 .bg
{
background: rgba(255, 255, 255, 0.8);    
}
.gioithieu.tab5 .box { transition: .5s all;background-size: cover !important;  }
.gioithieu.tab5 div:nth-child(2) .box,.gioithieu.tab5 div:nth-child(3)  .box { height: 406px; }
.gioithieu.tab5 .box:hover h3 { color: #fff;  }
.gioithieu.tab5 .box:hover
{
background: #f0e80b !important;    
}