.news-body {
    
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.12);
}
.news-list-card {
    display: block;
    position: relative;
    height:250px;
    background-color: white;
    padding: 70px 40px 0;
}
.news-list-card:hover .h3,
.news-list-card:hover .p{transform: translate(0, -26px);}
.news-list-card:hover .more{opacity: 1;color: #6F7479;}
.news-list-card .h3{max-height: 56px;margin-bottom: 20px;font-size: 20px;line-height: 28px;color: #252b3a;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: transform 0.2s;}
.news-list-card .p{max-height: 60px;font-size: 14px;line-height: 20px;color: #666a75;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;transition: transform 0.2s;}
.news-list-card .more{position: absolute;bottom: 30px;opacity: 0;transition: opacity 0.2s;color: rgba(255, 255, 255, 0.7);}
.news-list-card .more i{margin-left: 5px;transition: transform 0.2s;}
.news-list-card .more:hover i{transform: translate(5px, 0);}
.news-list-card-bg{background-image: url(../img/homepage-news-card-bg.jpg);background-size: cover;}
.business-wrap {
    background-color: #FFFFF;
    font-size: 18px;
    text-align: left;
}


.business-wrap ul {
    list-style: none;
    border-radius: 6px;
    padding-left: 0;
}

.business-wrap li {
    padding: 13px 5px;
    background-color: #fff;
    cursor: pointer;
    font-size: 14px;
}

.business-wrap li p {
    margin: 0;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}


.business-wrap li:nth-child(even) {
    background-color: #eee;
}

#file0 {
    height: 390px;
    overflow: hidden;
}

.business-wrap li:hover {
    background-color: #FFECD7;
    transform: scale(1.01);
    transition: .4s;
}


:root {
  --color-brand-primary: hsl(var(--color-brand-primary-h), 100%, 21.2%);
  --color-brand-primary-h:  212;
  --color-brand-primary-s: 100%;
  --color-brand-primary-l: 21.2%;
  --color-brand-accent: hsl(var(--color-brand-accent-h), 38.2%, 45.7%);
  --color-brand-accent-h: 214;
  --color-brand-accent-s: 38.2%;
  --color-brand-accent-l: 45.7%;
  --color-brand-accent-bg: hsl(calc(var(--color-brand-accent-h) + 17), 38.2%,  45.7%);
  --ratio: 1.4;
  --s-6: calc(var(--s-5) / var(--ratio));
  --s-5: calc(var(--s-4) / var(--ratio));
  --s-4: calc(var(--s-3) / var(--ratio));
  --s-3: calc(var(--s-2) / var(--ratio));
  --s-2: calc(var(--s-1) / var(--ratio));
  --s-1: calc(var(--s0) / var(--ratio));
  --s0: calc(1.05rem + 0.333vw);
  --s1: calc(var(--s0) * var(--ratio));
  --s2: calc(var(--s1) * var(--ratio));
  --s3: calc(var(--s2) * var(--ratio));
  --s4: calc(var(--s3) * var(--ratio));
  --s5: calc(var(--s4) * var(--ratio));
  --s6: calc(var(--s5) * var(--ratio));
 
}
:c-section-warp{
  font-size: 62.5% !important;
  line-height: 1.6 !important;
  box-sizing: border-box !important;  
}
#c-section-warp{
  font-size: 62.5% !important;
  line-height: 1.6 !important;
  box-sizing: border-box !important;  
}
@media (min-width: 40.625em) {
  :root {
    --s0: calc(1.25rem + 0.333vw);
  }
}
@media (min-width: 48em) {
  :root {
    --s0: calc(1.4rem + 0.333vw);
  }
}
@media (min-width: 62em) {
  :root {
    --s0: calc(1.6rem + 0.333vw);
  }
}



.c-section-body {
  font-size: 1.4rem;
  font-family: "Inter", sans-serif;
  font-weight: 300;
  /*background-color: white;*/
  min-height: 100vh;
}
@media (min-width: 48em) {
  .c-section-body {
    font-size: 1.5rem;
  }
}

@supports (font-variation-settings: normal) {
  .c-section-body {
    font-family: "Inter var", sans-serif;
  }
}
.c-section-body h2, h3, p, ul {
  margin: 0;
}
.c-section-body p {
   font-size: 62.5%  
}


#c-section-warp ul li {
  /* Remove li Bullets with zero-width space for accessability */
  list-style-type: none;
}
#c-section-warp ul li:before {
  content: "​";
  /* add zero-width space */
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  position: absolute;
}


.c-services {
  display: grid;
  grid-gap: var(--s2);
  margin: 0 calc(var(--s3) * -1);
  padding: calc(var(--s6) *0.7) var(--s3) 0;
  position: relative;
  z-index: 1;
}
@media (min-width: 40.625em) {
  .c-services {
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: minmax(100px, 1fr);
  }
}

@media (max-width: 991.98px) {
    .c-services {
        margin: 0 ;
        padding:  0 0 20px;
    }
}
.c-services__item {
  background: #fff;
  padding: calc(var(--s2) - 0.6rem) var(--s1);
  border-radius: 25px;
  box-shadow: 0 7px 20px rgba(100, 28, 2, 0.135);
  transition: all 300ms ease, transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: relative;
  z-index: 1;
}
@media (min-width: 40.625em) {
  .c-services__item {
    transform: translateY(-85px);
  }
}
@media (min-width: 48em) {
  .c-services__item {
    transform: translateY(-130px);
  }
}
@media (min-width: 40.625em) {
  .c-services__item:nth-of-type(1) {
    grid-column: 1/-1;
    grid-row: 4;
  }
}
@media (min-width: 62em) {
  .c-services__item:nth-of-type(1) {
    grid-column: 5/-1;
    grid-row: 3;
  }
}
@media (min-width: 40.625em) {
  .c-services__item:nth-of-type(2) {
    grid-column: 1/span 3;
    grid-row: 2;
  }
}
@media (min-width: 62em) {
  .c-services__item:nth-of-type(2) {
    grid-column: 3/span 2;
    grid-row: auto;
  }
}
@media (min-width: 40.625em) {
  .c-services__item:nth-of-type(3) {
    grid-column: 4/-1;
  }
}
@media (min-width: 62em) {
  .c-services__item:nth-of-type(3) {
    grid-column: 4/-1;
    grid-row: 2;
  }
}
@media (min-width: 40.625em) {
  .c-services__item:nth-of-type(4) {
    grid-column: 1/span 4;
  }
}
@media (min-width: 62em) {
  .c-services__item:nth-of-type(4) {
    grid-column: 1/span 3;
  }
}
@media (min-width: 40.625em) {
  .c-services__item:nth-of-type(5) {
    grid-column: 5/-1;
  }
}
@media (min-width: 62em) {
  .c-services__item:nth-of-type(5) {
    grid-column: 1/span 4;
  }
}
@media (min-width: 40.625em) {
  .c-services__item:nth-of-type(6) {
    grid-column: 1/span 4;
    grid-row: 1;
  }
}
@media (min-width: 62em) {
  .c-services__item:nth-of-type(6) {
    grid-column: 1/span 2;
    grid-row: 1;
  }
}
.c-services__item h3 {
  color: var(--color-brand-primary);
  font-size: var(--s1*62.5%);
  letter-spacing: -0.04em;
  line-height: 1.2;
}
.c-services__item:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50px;
  height: 50px;
  border-radius: 25px 0;
  cursor: pointer;
  transition: inherit;
  background-color: var(--color-brand-accent);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABAElEQVRYhe3VzRGDIBBA4ZRgCSnBEijJEujAEigpJVgCJbwcIhkGdwUzLF6yx4h8z5Cfx8NggBV4ARvgLYwzPHCc9U58TEQFt41QcA8s5hEanl23i6jhphGtuEnEVfwkIv6Cew0HnoCzDpj4/MpJ+La/dojofQQpQsLTuGy9iANTK+i1xQoegbkXHvabtvKmkXiab8QdOJyf+R+XvqLj8GyPPGLckwsRSxd8v+5O8GWPm1WggksfGi+scwoeteNoDSjf2gNeREh4mtAjYGm4R8RpPXNhs3LUiK54tmloiTDBWyNM8QxZpYgheCViDF6JGINXIsbgWUQ6+8iVP5YL8wYJPiG5wHIV5QAAAABJRU5ErkJggg==");
}
.c-services__item p {
  margin-top: var(--s-1);
  font-weight: 400;
  color: hsla(var(--color-brand-primary-h), var(--color-brand-primary-s), var(--color-brand-primary-l), 0.65);
}
.c-services__item:hover {
  background-color: var(--color-brand-accent);
}
@media (min-width: 40.625em) {
  .c-services__item:hover {
    transform: translateY(-93px);
  }
}
@media (min-width: 48em) {
  .c-services__item:hover {
    transform: translateY(-138px);
  }
}
.c-services__item:hover  h3 {
  color: #fff;
}
.c-services__item:hover  p {
  color: rgba(255, 255, 255, 0.8);
}
.c-services__item:hover:after {
  background-color: #fff;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABLElEQVRYhe3WwZWCMBCA4ZRgCVyW4bglcPRlOFgKFTDTASVQ0pZACZSAB41gmJDwlokX8x4njd8viQZjFAYg9YD0B0hjaTvWMIKjRBoAafau/pN4nogIrhsh4aXtGJBb9YgQ7l5XjYjhqhGpuErEUXwnYjqO245DeHXlomq4Vg0obnx5/sttcEAaAWmWIk5dAhch4e5aR4Tw4saXJLC0HYfeLOGANP1Y/j0HXzbc6E/Kic9+xCdwccN98TXu/0Sz4m54Efm++TaC21NwY4ypGq4jaz76dyJ5SJtGOlhWET4+hZYjMeD91u6dalXDdQB/zEUa/h0AyG18jownr7nwYXNqxKm4G/IT7TZCBU+NUMUXhHopIgu+H5EJj0TkwfcisuFLxGvtp0MHy4FxBxOfx3VeKBGvAAAAAElFTkSuQmCC");
}



.panel__list {
    text-align: left;
}

.panel__wrapper-icon .panel__list {
    background: #fff;
    box-shadow: 0 6px 30px 0 rgba(0,0,0,.12);
}
.panel__list {
    list-style: none;
    margin: 0;
}
.panel__wrapper-icon .panel__list li {
    color: #4e4e4e;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    border-bottom: 1px solid #ececec;
    position: relative;
    z-index: 1;
    padding: 28px;
}


.panel__wrapper-icon .panel__list li .line {
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    left: 0;
    width: 3px;
    height: 40px;
    background: linear-gradient(to bottom,#2775ff,#7202bb);
    opacity: 0;
    transition: all .3s ease;
}
.panel__wrapper-icon .panel__list li:hover {
    z-index: 2;
      background: #f6f6f6;
}
.panel__wrapper-icon .panel__list li:hover .line {
    opacity: 1;
    left: -15px;
    transition-delay: .1s;
}







.panel__wrapper-icon .panel__list li:hover:after, .panel__wrapper-table .panel__list li:hover:after {
    transform: scale(1);
    opacity: 1;
}




.panel__wrapper-icon .panel__list li {
    color: #4e4e4e;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    border-bottom: 1px solid #ececec;
    position: relative;
    z-index: 1;
    padding: 28px;
}


.panel__wrapper-icon .panel__list li {
    padding-left: 110px;
}
.panel__wrapper-icon .panel__list li:hover .icon {
    opacity: 1;
}
@-webkit-keyframes brk-pulse{0%{transform:scale(1)}50%{transform:scale(2)}to{transform:scale(1);opacity:0}}@keyframes brk-pulse{0%{transform:scale(1)}50%{transform:scale(2)}to{transform:scale(1);opacity:0}}@-webkit-keyframes brk-pulse-paused{0%,to{transform:scale(1)}20%{transform:scale(1.2)}60%{transform:scale(.9);opacity:0}}@keyframes brk-pulse-paused{0%,to{transform:scale(1)}20%{transform:scale(1.2)}60%{transform:scale(.9);opacity:0}}
.business-wrap{
    height:125px;
}
.business-title{
  text-align: center;
  margin-top: -10px;
}

.business-wrap p {
    margin: 0;
    font-size: 21px;
    font-family: helveticaneuethn,Arial;
    color: #999;
    margin-top: 4px;
    margin-bottom: 15px;
    transition: all .3s ease-out 0s;
}
.business-text{
    letter-spacing: 1px;
     font-size: 15px;
     text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}


.panel__wrapper-icon ul {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: top;
}