@charset "utf-8";
/* CSS Document */
.accordion-container {
    position: relative;
    width: 100%;
    outline: 0;
    cursor: pointer;
}
.accordion-container .content-entry {
    margin:0 0 15px 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #fff;
    border-radius: 6px;
}
.accordion-container .content-entry.open {
    border: 1px solid rgba(203, 27, 29, 0.5);
}
.accordion-container .article-title {
    position: relative;
    margin:0 0 0px 0;
    padding: 18px 30px; height:auto; overflow: hidden; 
    font-size: var(--font-f06);
    font-weight: 600;
    color: #3C322A;
    cursor: pointer;
    

    display: flex;
    align-items: center;
}
.accordion-container .article-title em{
  width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--color-c02);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--family-f01);
    font-size: var(--font-f02);
    font-weight: 700;
    font-style: normal;
}

.accordion-container .article-title:hover,
.accordion-container .article-title:active{
    color: var(--color-c02);
}

.accordion-container .article-title:hover i:before,
.accordion-container .article-title:hover i:active,
.accordion-container .content-entry.open i:before {
    color: var(--color-c02);
}

.accordion-container .content-entry i {
    position: absolute;
    top: calc(50% - 13px);
    right: 15px;
    font-style: normal;
    display: flex;
    justify-content: center;
    align-items: center;
}

.accordion-container .content-entry i:before {
    content: "\f285";
    font-family: bootstrap-icons !important;
    color: #888;
    font-weight: normal;
    font-size:var(--font-f04);
}

.accordion-container .content-entry.open i:before {
    content: "\f285";
    transform: rotate(90deg);
    color: var(--color-c02);
}
.accordion-container .article-title span{
  width: calc(100% - 30px); font-weight: 500; 
  padding: 0px 0px 0px 10px; 
}
.accordion-content {
    display: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 30px 20px 30px;
    line-height: 1.5; 
    background: #fff;
    

    -webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.accordion-container, #description {
    width: 100%;
    margin: 0 auto 40px auto;
}
.accordion-content em{
    font-size: 22px; 
    font-weight: 600;
    color: #e60012;
  font-style: normal;
  font-weight: 600;
  width: 30px;
  float: left;
  display: inline-block;
}
.accordion-content .con{
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 0px 0px;
}
@media only screen and (min-width: 0px) and (max-width: 768px) {
.accordion-container .article-title {
    padding: 18px 30px 18px 15px;
}
.accordion-content {
    padding: 0px 15px 18px 15px;
}
.accordion-content .con{
    padding: 18px 0px 0px 0px;
}
}