@font-face { font-family: 'SFUEdwardianScript'; src: url('../fonts/SFUEdwardianScriptRegular.TTF'); }

.about{padding: 30px 0;}
.group-intro{display: flex;justify-content: space-between;flex-wrap: wrap;}
.left-intro { 
    background: url(../images/web/bg_gt.png) no-repeat top center;
    background-size: 100% 100%;
    padding: 80px 0px 70px;
}
.img-intro{
    text-align: center;
    width: 60%;
    margin: auto;
    height: auto;
}
.img-intro  img{
    border: 4px solid #d89d3b;
    padding: 15px;
}
.title-intro h3{
    display: block;
    position: relative;
    color: #4E970E;
    font-size: 26px;
    font-family: 'Roboto';
    line-height: 50px;
    width: 100%;
    font-weight: bold;
    text-transform: uppercase;
}
.content-intro{
    font-size: 18px;
    color: #797977;
    font-family: 'Roboto';
    font-weight: 400;
}
.xemthem{
    width: 100%;
    display: block;
    margin-top: 2em;
}
.xemthem a{
    padding: 10px 25px;
  border: 1px solid #4E970E;
  color: #4E970E;
  font-size: 18px;
  text-transform: uppercase;
  font-family: 'Roboto';
  text-decoration: none;
  border-radius: 50px;
}
.xemthem a:hover{
    border: 1px solid #4E970E;
    color: #fff;
    background: #4E970E;
}

/*tiêu chí*/
.why-my{
    padding:30px 0 ;
}
.why-left{
    width: 43%;
}
.why-content{
    width: 100%;
    font-size: 20px;
    text-transform: uppercase;
    color: #000;
}
.run-why{
    width: 100%;
    float: left;
}
.item-why{
    width: 100%;
    padding: 0 0;
}
.bobo-why{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
}

.bobo-why p{
    margin-right: 10px;
}
.bobo-why h3{
    margin-left: 20px;
}
.bobo-why h3 a{
    color: #000;
    font-size: 20px;
    font-family: 'Roboto';
    font-weight: bold;
    text-decoration: none;
}
.bobo-why h3 a:hover{color: #4E970E}
.why-right{
    width: 55%;
    margin: auto;
    text-align: center;
}
.img-banner-center{}
.img-banner-center img{
    border: 15px solid #4E970E;
}
.img-banner-center:hover img{
    border: 15px solid #068f10;
}

/*nhận tin*/
.group-newsletter{
    display: flex;
    justify-content: center;
    align-items: center;
}
.newsletter-left{
    width: 30%;
}
.title-newsletter{}
.title-newsletter h3{font-size: 29px;font-family: 'Roboto';font-weight: bold;text-transform: uppercase;color: #fff;line-height: 30px;}
.title-newsletter h3 span{
    border: 4px dashed #fff;
    padding: 10px 20px;
}
.newsletter-right{
    width: 60%;
     
}
.newsletter-form{
     width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}