/* faq */
.cau_hoi {
    margin-top: 30px;
}
.cau_hoi input[type="checkbox"] {
   display: none;
}

.faq-drawer {
   margin-bottom: 1.8rem;
   flex: 1;
   Border-radius:10px;
   box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}
.map-gg {
    color: #b42e60;
}
.faq-drawer__title {
   display: block;
   position: relative;
   padding: 1.8rem 3.5rem 1.8rem 1.8rem;
   margin-bottom: 0;
   
   background: white;
   
   color: #B71115;
   font-weight: 600;
   font-size: 16px;
   
   border-radius: 8px;
   transition: all 0.25s ease-out;
   cursor: pointer;
}

.faq-drawer__title:hover {
   color: #747474;
}

.faq-drawer__title::after {
   content: " ";

   position: absolute;
   width: 0;
   height: 0;
   top: 34px;
   right: 20px;
   float: right;

   border-left: 5px solid transparent;
   border-right: 5px solid transparent;
   border-top: 5px solid currentColor;
   transition: transform 0.2s ease-out;
}

.faq-drawer__trigger:checked + .faq-drawer__title::after {
   transform: rotate(-180deg);
}

.faq-drawer__content-wrapper {
   overflow: hidden;
   max-height: 0px;
   font-size: 15px;
   line-height: 23px;

   transition: max-height 0.25s ease-in-out;
}

.faq-drawer__trigger:checked
   + .faq-drawer__title
   + .faq-drawer__content-wrapper {
   max-height: 1350px;
}

.faq-drawer__trigger:checked + .faq-drawer__title {
   border-bottom-right-radius: 0;
   Font-size:16px;
   border-bottom-left-radius: 0;
}

.faq-drawer__content-wrapper .faq-drawer__content {
   background: white;
   Font-size:16px;
   padding: 2px 18px 14px;
   border-bottom-left-radius: 8px;
   border-bottom-right-radius: 8px;
}