:root {

 --mxue-color: #FF833B;
 --mxue-color1: #02000F;
 
}
.mos-img img {display: none !important;}

.mx-up-events-style13 {
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -webkit-justify-content:space-between;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -webkit-box-align:center;
 -webkit-align-items:center;
 -ms-flex-align:center;
 align-items:center;
 background-color:transparent;
 -webkit-transition:all 0.4s ease-in-out;
 transition:all 0.4s ease-in-out
}
@media (max-width: 1199px) {
 .mx-up-events-style13 {
  display:grid;
  grid-template-columns:auto;
  gap:30px;
  padding:30px
 }
}
.mx-upev-item_wrapp {
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 -ms-flex-align:center;
 align-items:center
}
@media (max-width: 767px) {
 .mx-upev-item_wrapp {
  display:block
 }
}
.mx-up-events-style13 .box-number {
 padding:32px
}
@media (max-width: 767px) {
 .mx-up-events-style13 .box-number {
  margin-bottom:10px
 }
}
.mx-up-events-style13 .number {
 font-size:24px;
 color:var(--mxue-color1);
  max-width: 130px;
  text-align: center;
 margin-bottom:0
}
.mx-up-events-style13 .number::first-line {
font-size: 76px;
text-align: right;
font-weight: 700;
letter-spacing: 0px;
color: var(--mxue-color) !important;
}
.mx-up-events-style13 .box-content {
 padding:32px 36px
}
@media (max-width: 1199px) {
 .mx-up-events-style13 .box-content {
  padding:32px 0 32px 20px
 }
}
.mx-up-events-style13 .box-icon {
 margin-bottom:18px
}
.mx-up-events-style13 .box-img {
 opacity:0;
 -webkit-transition:all 0.4s ease-in-out;
 transition:all 0.4s ease-in-out;
 max-width: 250px;
}
.mx-up-events-style13 .box-img img {
 -webkit-transform:scale(0);
 -ms-transform:scale(0);
 transform:scale(0);
 -webkit-transition:all 0.4s ease-in-out;
 transition:all 0.4s ease-in-out
}
.mx-up-events-style13 .box-title {
 font-weight:400;
 font-size:18px;
 line-height:28px
}
.mx-up-events-style13 .box-desig {
 font-weight:400;
 font-size:16px;
 color:#6C6D71;
 margin-bottom:0
}
.mx-up-events-style13 .description {
 max-width:599px;
 display:block;
 margin-left:auto;
 margin-right:90px
}
@media (max-width: 1399px) {
 .mx-up-events-style13 .description {
  max-width:400px;
  margin-right:30px
 }
}
@media (max-width: 1199px) {
 .mx-up-events-style13 .description {
  max-width:100%;
  margin-right:0
 }
}
.mx-up-events-style13 .icon-btn {
 line-height:50px
}
.mx-up-events-style13 .icon-btn img {
 -webkit-transition:all 0.4s ease-in-out;
 transition:all 0.4s ease-in-out
}
.mx-up-events-style13 .icon-btn:hover {
 background-color:var(--mxue-color1);
 border-color:var(--mxue-color1)
}
.mx-up-events-style13 .icon-btn:hover img {
 -webkit-filter:brightness(0) invert(1);
 filter:brightness(0) invert(1)
}
.mx-up-events-style13 .box-btn {
  background-color: var(--mxue-color);
  max-width: 180px;
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  padding: 10px 30px
}
.mx-up-events-style13 .box-btn a {
  color: #ffffff;
  }
.mx-up-events-style13 .box-btn:hover {
  background-color: #fff;
  color: #222;
}
.mx-up-events-style13 .box-btn:hover  a {
  color: #222;
}
.mx-up-events-style13 .box-btn span {
  display: block;
  font-size: 36px;
font-weight: 700;
}
.mx-up-events-style13:hover {
 background-color:#F0F0F0
}
.mx-up-events-style13:hover .box-img {
 opacity:1
}
.mx-up-events-style13:hover .box-img img {
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 transform:scale(1)
}