/*=============
    section 1
=============*/
.section-1-danhmuc{display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px}
.section-1-danhmuc a{text-decoration: none; background: #eaeaea;
    border-radius: 10px;}
.section-1-danhmuc-item
{
   
    padding:10px;
}

.section-1-danhmuc-item p{
    color: #f25c05; text-transform: uppercase; text-align: center;  font-weight: bold;
}

.section-1-danhmuc a:nth-child(2) p{    color: #32bdac;}
.section-1-danhmuc a:nth-child(3) p{    color: #c64a5f;}
.section-1-danhmuc a:nth-child(4) p{    color: #f70012;}
.section-1-danhmuc a:nth-child(5) p{    color: #80bc44;}
.section-1-danhmuc a:nth-child(6) p{    color: #086aaa;}
.section-1-danhmuc a:nth-child(7) p{    color: #83bd48;}
.section-1-danhmuc a:hover 
{
    background: #430076; 
}
.section-1-danhmuc a:hover  .section-1-danhmuc-item p{color: #fff;}
.section-1-danhmuc-item-image{margin-bottom: 10px}
.section-1-content{background: #802898; padding: 20px; border-radius: 0 0 50px 50px}
.section-1-content-p1{color: #fff; }
.section-1-content-p1 p{display: table; margin: auto; background: #802898; position: relative;
    z-index: 5; 
    padding: 0 30px; font-weight: bold;}
.section-1-content-p1 span{
    display: block;
    content: ''; border: thin solid #fff;
    position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; height: 1px; background: #fff;
}
.section-1-content-left img{    border: 3px solid #fff;
    border-radius: 15px;}
/*=============
    section 2
=============*/    
.section-2{
    background: #c067e8;
}
.section-2-content{display: grid; grid-template-columns: repeat(4, 1fr);}
.section-2-content-item{text-align: center;}
.section-2-content-item-image{margin-bottom: 10px}
.section-2-content-item-text{color: #fff}
/*=============
    section 3
=============*/
.section-3{background: #e5cfff}
.section-3-data-item-title{color: #802898; text-align: center; font-weight: bold; margin-bottom: 10px; margin-top: 10px; text-transform: uppercase;}
.section-3-data-item-content{color: #2b2b2b; text-align: justify;}
.section-3-data{display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px}
/*=============
    section 6
=============*/
.section-6-khung-title{border-bottom: 2px solid #c274e6;}
.section-6-title{background: #c274e6; color: #fff; display: table; padding: 5px 10px; font-weight: bold;}
.section-6-content-right-alubm{display:flex; justify-content: space-between}
.section-6-content-right-title{color: #1a93a7; text-transform: uppercase; font-weight: bold; font-size: 20px;
border-bottom: thin solid #1a93a7; margin-bottom: 10px}
.section-6-content-right-button-den{background: #333333;display: table; color: #fff; text-transform: uppercase; padding: 5px 10px}
.section-6-content-right-button-den a,.section-6-content-right-button-xanh a{color: #fff; }
.section-6-content-right-button-xanh{background: #1b94a7;display: table; color: #fff; text-transform: uppercase; padding: 5px 10px}
.section-6-data{display: none; grid-template-columns: repeat(2, 1fr); gap: 10px;}
.section-6-data-item{display: flex;  margin-bottom: 10px}
.section-6-data-item-image{width: 30%}
.section-6-data-item-title{width: 70%; padding-left: 10px}
.section-6-data-item-title a{color: #000}
.section-6-data .section-6-data-item:nth-child(1),.section-6-data .section-6-data-item:nth-child(2)
{
    display: block;
}
.section-6-data .section-6-data-item:nth-child(1) .section-6-data-item-image,.section-6-data .section-6-data-item:nth-child(2) .section-6-data-item-image
{
    width: 100%;
}
.section-6-data .section-6-data-item:nth-child(1) .section-6-data-item-title,.section-6-data .section-6-data-item:nth-child(2) .section-6-data-item-title
{
    width: 100%;
    padding: 10px;
    padding-left: 0;
}
.section-6-ul{border:thin solid #d4d4d4; padding: 20px 0; border-radius: 20px;
-webkit-box-shadow: 0px 0px 28px 0px rgba(212,212,212,1);
-moz-box-shadow: 0px 0px 28px 0px rgba(212,212,212,1);
box-shadow: 0px 0px 28px 0px rgba(212,212,212,1);}
.section-6-ul li{padding: 10px 10px; width: 90%; cursor: pointer;}
.section-6-ul li span{color: red; font-size:70%}
.section-6-ul li.active{ color: #fff}
.section-6-ul li.active span, .section-6-ul li:hover span{color: #fff; }
.section-6-ul li:hover{color: #fff}
.section-6-ul li.active,.section-6-ul li:hover{background: #8857a7; border-radius: 0 50px 50px 0}
/*=============
    section 5
=============*/
.section-5{background: #e8e8e8}
.section-5-title{font-size: 30px; font-weight: bold; text-align: center; text-transform: uppercase;}
.section-5-data-item{padding: 0 10px}
.section-5-data-item-content{background: #fff; padding: 10px; text-align: justify; position: relative;}
.section-5-data-item-content:after{
    width: 0;
    height: 0;
    border-width: 22px 43px 0 0;
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    position: absolute;
    top: 100%;
    left: 30%;
    content: '';
    display: block;
}
.section-5-data-name{color: #216637}