body{
    font-family: 'Kanit', sans-serif;
}
img{
    border-style: none;
}
a, a:hover, a:focus{
    text-decoration: none!important;
    color: inherit;
}
.bg-wc-orange{
    background-color: #F3AD22 !important;
}
.bg-wc-blue {
    background-color: #334755 !important;
}
.bg-wc-blue2 {
  background-color: #1b5faa !important;
  /* background-color: #023C56 !important; */
}
.bg-wc-green{
    background-color: #8DC63F;
} 
.bg-wc-white{
    background-color: #ffffff;
} 
.bg-wc-brown{
    background-color: #A97C50;
}
.bg-wc-red{
    background-color: #EF394E;
}
.bg-wc-otteri{
  background-color: rgb(98, 203, 232);
}
.font-white {
    color: #ffffff;
}
.font-black {
    color: #000000;
}
.font-orange {
    color: #F3AD22;
}
.menu{
    position: absolute;
    right: 10px;
}
.img-wrapper{
    /* animation: float 4s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate; */
    position: absolute;
    top: 3; 
    left: calc(50% - 100px) ;
    /* pointer-events: none;
    backface-visibility: hidden; */
    z-index: 1000;
  }
.img-wrapper img{
    width: 40px;
    height: auto;
}
.customer-header{
    padding: 10px;
    font-size: 1.2em;
}
.customer-header img{
    width: 30px;
    height: auto;
}
.header-line{
    background-color: #25313a;
/* background: linear-gradient(180deg, rgb(51, 58, 63) 50%, rgba(51,71,85,1) 100%); */
    height: 1px;
    margin-bottom: 20px;
}
.wc-card-logo{
    width: 30vw;
    height: 120;
    padding: 5px;
    border-radius: 20px 0px 0px 20px;
}
.wc-card-logo img{
    max-width: 100%;
    max-height: 100%;
}
.wc-card-content{
    width: 60vw;
    height: 120px;
    /* max-height: 120px; */
    padding: 7px 10px;
    border-radius: 0px 15px 15px 0px;
}
.wc-card-header{
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 0.5rem;
    display: inline-block;
    /* margin-inline-end: 10px; */
}
.wc-card-detail{
    font-size: .9em;
    line-height: 1.2;
    font-weight: 400;
    /* margin-bottom: 0.5rem; */
}
.footer{
    font-size: .7em;
    padding: 20px 25px 5px 15px;
}

.new-icon{
  position: relative;
}

.new-icon img {
  position: absolute;
  top: 0px;
  right: 3px;
  height: 40px;
  width: 40px;       
}
.contact-icon-big img{
  width: 40px;
  height: auto;
  margin: 3px 15px 2px 0px;
}
 
  @keyframes float{
    0%{
      transform: translateZ(20px);
    }
    100%{
      /* transform: translateY(-21px) translateX(-13px) translateZ(30px); */
      transform: translateY(-5px) translateX(-7px) translateZ(10px);
    }
  }

/* Super Small devices (landscape phones, < 360px) */
@media (max-width: 360px) {
    .wc-card-content{
        font-size: .9em;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .wc-card-logo{
        width: 20vw;
    }
    .wc-card-content{
        width: 40vw;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .wc-card-logo{
        width: 15vw;
    }
    .wc-card-content{
        width: 30vw;
    }
    .footer{
        font-size: .8em;
    } 
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}