.list {
     width: 100%;
     -ms-overflow-style: none;
     scrollbar-width: none;
     background: #D4CFC9;
     overflow: hidden;
 }

 .list::-webkit-scrollbar {
     display: none;
 }

 .list-bg-item {
     width: 60%;
     text-align: center;
     margin: 0 auto;
     padding-top: calc(var(--section-font-size) * 5);
 }

 .list-bg-tag {
     font-size: calc(var(--section-font-size) * 3);
     font-weight: bold;
     line-height: calc(var(--section-font-size) * 5);
 }

 .list-bg-content {
     font-size: calc(var(--section-font-size) * 1);
     padding-bottom: calc(var(--section-font-size) * 5);
 }


 .list-item {
     display: flex;
     width: 80%;
     margin: 0 auto;
     margin-bottom: calc(var(--section-font-size) * 1);
     position: relative;
 }
 .list-img-log{
    position: absolute;
    left: calc(var(--section-font-size) * 0.5);
    top: calc(var(--section-font-size) * 0.5);
    width: calc(var(--section-font-size) * 11);     
    height: calc(var(--section-font-size) * 2)

 }

 .list .list-min-box {
     padding: calc(var(--section-font-size) * 1);
     font-size: calc(var(--section-font-size) * 1);
     background: #E6E4E1;
     width: 50%;
     width: calc(50% - calc(var(--section-font-size) * 2));
 }
 .list_new_box_1{
    background: #66513A !important;
 }

 .list .list-item-color-white {
     color: white;

 }

 .list-tag {
     font-weight: bold;
     font-size: calc(var(--section-font-size) * 2.5);
     line-height: calc(var(--section-font-size) * 4);
     text-align: left;
     font-style: normal;
     text-transform: none;
     animation: identifier 1s ease-out forwards;
     padding-top: calc(var(--section-font-size) * 2);
 }

 .list-content {
     font-weight: 400;
     margin-top: calc(var(--section-font-size) * 2);
     opacity: 0;
     animation: identifier 1s ease-out forwards;
 }

 .list-content-end {
     margin-top: calc(var(--section-font-size) * 1);
     animation: identifier 1s ease-out forwards;
 }

 .list-img {
     width: 100%;
     height: 100%;
 }
 .list-img-box{
    width: 50%;
    position: relative;
 }

 @keyframes identifier {
     from {
         transform: translateX(50%);
     }

     to {
         transform: translateX(0);
         opacity: 1;
     }
 }