/*=============
    section 1
=============*/
.section-1-danhmuc{display: grid; grid-template-columns: repeat(2, 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-item-image{margin-bottom: 10px}
.section-1-content{background: #802898; padding: 40px 20px;}
.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-img{    border: 3px solid #fff;
    border-radius: 15px;}
.section-1-doidap-goidien{position: absolute; top: calc(100% - 6%); left: 0; width: 100%; display: flex; padding: 0 20px} 
.section-1-p1 span {
    color: #802898;
}  
.section-1-form input {
    width: 70%;
    padding: 13px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #a91bd0;
    -webkit-box-shadow: 0px 0px 3px 2px inset #a91bd0;
    box-shadow: 0px 0px 3px 2px inset #a91bd0;
    border-radius: 5px;
}
.section-1-form button {
    width: calc(100% - 70% - 10px);
    margin-left: 5px;
    border: none;
    background: #a91bd0;
    color: #fff;
    text-align: center;
    height: 100%;
    padding: 8px 0;
    border-radius: 100px;
    font-weight: bold;
    font-size: 1.5rem;
    -webkit-box-shadow: 0px 1px 2px #555;
    box-shadow: 0px 1px 2px #555;
} 
.section-1-dich-vu-khung{background: #de0458; display: grid; grid-template-columns:repeat(3, 1fr); gap: 5px}
.section-1-dich-vu{ text-align:center; color:#fff; font-weight:bold; font-size:90% }
/*=============
    section 2
=============*/    
.section-2-title
{
    color: #6d6d6d;
}
.section-2-data{display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px}
.section-2-data-item{border: thin solid #d6d4d2;}
.section-2-data-item-title{padding:  10px 10px; font-weight: bold;}
.section-2-data-item-title a{color:#7c2898; }
/*=============
    section 4
=============*/
.section-4-row-2{

    padding: 10px 20px;
}
.section-4-row-2-title{font-size: 40px; color: #333; font-weight: bold;}

.section-4-row-2-form-item-image{position: absolute; left: 2%; top: 50%; transform: translateY(-50%); max-width: 50%;     max-width: 6%;}
.section-4-row-2-form-item input{padding-left: 20%;}
.section-4-row-2-form-button{background: #73007f; color: #fff; border:none; padding: 5px 10px; border-radius: 10px; margin: auto; display: table; text-transform: uppercase; font-weight: bold;}
/*=============
    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(2, 1fr); gap: 20px}
.section-3-data-item-img{text-align: center;}
/*=============
    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; 
border-bottom: thin solid #1a93a7; margin-bottom: 10px}
.section-6-content-right p{margin-bottom: 0}
.section-6-content-right-button-den{background: #333333; margin-right: 2%; display: table; color: #fff; text-transform: uppercase; padding: 5px 10px; font-size: 95%}
.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; font-size: 95%}
.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 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}
@media (max-width: 550px)
{
    .h2, h2 {
        font-size: 1.5rem;
    }
    .section-6-content-right-title{font-size:90%}
    .section-6-content-right p,.section-6-content-right-button-den{font-size: 85%}
    .section-6-content-right-alubm{margin-top: 10px;}
    .section-6-content-right-alubm img{width: 33%}
    .section-5-title{font-size: 1.5rem}
    .section-1-doidap-goidien
    {
        top: calc(100% - 20px);
    }
    .footer-hotlibe {
        font-size: 30px;
    }
}