*,
 body {
     margin: 0;
     padding: 0;
     font-family: sans-serif;
     user-select: none;
 }

 main .container {
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p {
     color: #2c2828;
     margin-bottom: 10px;
 }

 h1 {
     font-size: 30px;
 }

 h2 {
     font-size: 28px;
 }

 h3 {
     font-size: 26px;
 }

 h4 {
     font-size: 24px;
 }

 h5 {
     font-size: 22px;
 }

 h6 {
     font-size: 20px;
 }

 p {
     margin-bottom: 15px;
     text-align: justify;
     line-height: 26px;
     font-size: 16px;
 }

 p:last-child {
     margin-bottom: 0px;
 }

 a {
     color: #870036;
 }

 .bg-color {
     background: #fff;
 }

 .container {
     width: 85%;
     margin: 0px auto;
     display: grid;
 }

 .flex-row {
     display: flex;
     flex-wrap: wrap;
 }

 .justify-between {
     justify-content: space-between;
 }

 .justify-center {
     justify-content: center;
 }

 .ptb-40 {
     padding: 40px 0px;
 }

 .plr {
     padding: 0px 15px;
 }

 .pbi-20 {
     padding-bottom: 30px;
 }

 .btn-set {
     display: none;
 }

 .list-style {
     padding-left: 20px;
     display: block;
     width: 100%;
     margin-bottom: 10px;
 }

 .list-style li {
     list-style: square;
     margin-bottom: 10px;
 }

 header > .container {
     align-items: center;
 }

 header aside a img {
     width: 100%;
     max-height: 50px;
 }

 header > div {
     padding: 10px 10px;
     background: #ad524b;
 }

 header nav ul li {
     list-style: none;
 }

 header nav ul li a {
     color: #000;
     text-decoration: none;
     padding: 8px 20px;
     display: block;
     background: #fff;
     font-size: 15px;
     font-weight: 600;
     margin: 0px 7px;
 }

 header nav ul li a.active,
 header nav ul li a:hover {
     background: linear-gradient(0deg, #870036, #010001);
     color: #fff;
 }

 .banner-set img {
     width: 100%;
     height: auto;
 }

 .img-box-set .img-box {
     width: 24%;
     margin-bottom: 20px;
     border: 1px solid #870036;
 }

 .img-box-set .img-box img {
     width: 100%;
     max-width: 100%;

 }

 .img-box-set .container {
     background: #e6e5e5;
 }

 .img-box-set .img-box a {
     text-decoration: none;
     display: grid;
 }

 .img-box-set .img-box a span {
     display: block;
     color: #000;
     font-size: 14px;
     font-weight: 600;
     padding: 10px 20px;
     background: rgb(255 255 255 / 78%);
 }

 .img-box-set > div > div span {
     color: #2c2828;
     font-size: 28px;
     display: block;
     padding-bottom: 25px;
     font-weight: 600;
 }

 .detel-set {
     position: fixed;
     z-index: 999;
     bottom: 10%;
     right: 2%;
     display: grid;
 }

 .detel-set a {
     width: 100%;
     background: linear-gradient(0deg, #870036, #010001);
     padding: 5px 30px 3px 10px;
     border-radius: 10px;
 }

 .detel-set a:first-child {
     margin-bottom: 10px;
 }

 .img-box-set .img-box-2 {
     width: 24%;
     margin-bottom: 20px;
 }

 .img-box-set .img-box-2 img {
     width: 100%;
     height: 200px;
 }

 .img-box-set .img-box-2 a {
     text-decoration: none;
     display: grid;
     border: 1px solid #870036;
 }

 .img-box-set .img-box-2 a span {
     display: block;
     color: #000;
     font-size: 14px;
     font-weight: 600;
     padding: 10px 10px;
     background: rgb(255 255 255 / 78%);
     text-align: left;
 }

 .img-box-set .btn-set {
     display: block;
     text-align: center;
     background: #870036;
     color: #fff;
     text-decoration: none;
     padding: 8px 10px;
     width: 15%;
     margin: 0px auto;
     font-size: 16px;
     font-weight: 600;
 }
.locatuin-set ul{
    margin: 0px;
}
 .locatuin-set ul li {
     list-style: none;
     width: 24%;
     margin: 4px 0px;
     padding: 0px;
 }

 .locatuin-set ul li a {
     text-decoration: none;
     border: 2px dashed #870036;
     padding: 10px 20px;
     display: block;
     border-top-left-radius: 10px;
     border-bottom-right-radius: 10px;
     font-size: 16px;
     font-weight: 600;
 }

 .locatuin-set ul li a:hover {
     background: #870036;
     color: #fff;
 }

 .copy-footer > .container {
     background: #fff;
     padding: 10px 0px;
 }

 .copy-footer p {
     color: #000;
     text-align: center;
 }

 .copy-footer a {
     text-align: center;
 }

 .faq-section {
     margin-top: 30px;
 }

 .faq-section > div {
     margin-bottom: 20px;
 }

 .faq-section > div:last-child {
     margin-bottom: 0px;
 }

 .faq-section > div > span {
     border: 1px solid #ddd;
     font-size: 20px;
     color: #f4f4f6;
     display: flex;
     align-items: center;
     padding: 8px 20px;
     font-size: 17px;
     color: #000;
     font-weight: 600;
 }

 .faq-section > div > p {
     color: #000;
     font-size: 16px;
     border: 1px solid #ddd;
     border-top: 0px;
     padding: 20px;
     text-align: justify;
 }


 @media only screen and (max-width:991px) {
     .img-box-set .btn-set {
         display: block;
         padding: 7px 5px;
         margin-bottom: 5px;
         border-radius: 0px;
         border: none;
         width: 50%;
     }

     .btn-set span {
         width: 35px;
         height: 2px;
         background: #000;
         display: block;
         transition: .8s ease-in-out;
     }

     .btn-set span:nth-child(2) {
         margin: 6px 0px;
     }

     .btn-set.cut span:nth-child(2) {
         display: none;
     }

     .btn-set.cut {
         padding: 14px 5px;
     }

     .btn-set.cut span:nth-child(1) {
         transform: rotate(35deg);
     }

     .btn-set.cut span:nth-child(3) {
         transform: rotate(-35deg);
     }

     header ul.my-set {
         display: none;
         width: 100%;
     }

     header nav ul li {
         width: 100%;
         margin: 0px;
     }

     header nav ul li a {
         padding: 10px 15px;
     }

     .locatuin-set ul li,
     .img-box-set .img-box-2,
     .img-box-set .img-box {
         width: 49%;
     }

     .btn-set {
         display: block;
         margin-top: 10px;
         padding: 6px 5px;
     }

     header aside,
     header nav {
         width: 100%;
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
     }

     .container {
         width: 90%;
     }
 }


 @media only screen and (max-width:580px) {

     .locatuin-set ul li,
     .img-box-set .img-box-2 {
         width: 49%;
     }

     .img-box-set .btn-set {
         width: 100%;
         padding: 8px 0px;
     }

     .banner-set img {
         height: 200px;
     }
 }

 @media only screen and (max-width:480px) {

     .locatuin-set ul li,
     .img-box-set .img-box-2 {
         width: 100%;
     }
 }