.carousel .carousel-item.head {
  height: cover;
}

.carousel-item.head img {
    position: relative;
    align-items: center;
    object-fit: cover;
    top: 0;
    left: 0;
    min-height: cover;
}
.card.headimg{
  height: 300;
}
.hotext{
    position: relative;
}
.hotext::before {  
    transform: scaleX(0);
    transform-origin: bottom right;
  }
  
  .hotext:hover::before {
    transform: scaleX(1);
    transform-origin: bottom left;
  }
  
  .hotext::before {
    content: " ";
    display: block;
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    inset: 0 0 0 0;
    background: hsl(98, 71%, 93%);
    z-index: -1;
    transition: transform .3s ease;
  }
.font-head{
    font-family: 'Prompt', sans-serif;
}
.textcontactindex{
    font-family: 'Prompt', sans-serif;
    font-size: 10px;
}
.bghomebody1{
    background-repeat:no-repeat;
    background-size: cover;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%,rgba(255, 255, 255, 0.6) 100%), url('img/home/bg1.jpg');
}
.bghomebody2{
  background-repeat:no-repeat;
  background-size: cover;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%,rgba(255, 255, 255, 0.6) 100%), url('img/about/bg1.jpg');
}
.bgice{
    
    background-repeat:no-repeat;
    background-size:cover;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%,rgba(255, 255, 255, 0.6) 100%), url('img/product/bg-ice.jpg');
}
.bgveget{
    background-repeat:no-repeat;
    background-size: cover;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%,rgba(255, 255, 255, 0.719) 100%), url('img/product/bg-veget.jpg');
}
.img-circle {
    border-radius: 50%;
    width: 50px;
    height: 50px;
}

.line {

        float: left;
        border-right: 2px solid rgb(43, 35, 161);
        margin-right: 0.5rem;        
        padding-top: 50;
}
body{
    background-color: #f8f9fc;
}
.shadow {
    box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;
}

.divider:after,
.divider:before {
content: "";
flex: 1;
height: 1px;
background: #eee;
}
.h-custom {
height: calc(100% - 73px);
}
@media (max-width: 450px) {
.h-custom {
height: 100%;
}
}

.card .slide {
    transition: 0.5s;

}

.card .slide.slide1 {

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

    z-index: 1;

    transition: .7s;

    transform: translateY(50px);

}

 .card:hover .slide.slide1{

    transform: translateY(0px);

}

 .card .slide.slide2 {

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 20px;

    box-sizing: border-box;

    transition: .8s;

    transform: translateY(-100px);
     
    background-color: rgb(242, 255, 244);
    

}

 .card:hover .slide.slide2{

    transform: translateY(0);

}

 .card .slide.slide2::after{

    content: "";

    position: absolute;

    width: 30px;

    height: 4px;

    bottom: 15px;

    left: 50%;

    left: 50%;

    transform: translateX(-50%);

    background: #22913d;

}

 .slide.slide2 .content{

    margin: 0;

    padding: 0;

    text-align: center;

    color: #000000;

}

 .card .slide.slide2 .content  {

    

    padding: 0;

    font-size: 24px;

    text-align: center;

    color: #050505;

}

:root {
    --card-height: 250px;
    --card-width: 270px;
  }
.card.test {
    width: var(--card-width)+10;
    height: var(--card-height);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 36px;
    perspective: 2500px;
    margin: 0 50px;
    border: 0;
  }
.cover-image {
    width: var(--card-width);
    height: var(--card-height);
    object-fit: cover;
    border-radius: 10px;
    filter: blur(0);
    transition: .5s ease;
  }
  
  .wrapper {
    transition: all 0.5s;
    position: absolute;
    background-color: #fff;
    border-radius: 12px;
    width: var(--card-width);
    height: var(--card-height);
    z-index: -1;
    box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.5);
  }
  
  .card:hover .wrapper {
    transform: perspective(900px) translateY(-5%) rotateX(25deg) translateZ(0);
    box-shadow: 2px 10px 32px -8px rgba(0, 0, 0, 0.75);
  }
  
  .wrapper::before,
  .wrapper::after {
    content: "";
    opacity: 0;
    width: 100%;
    height: 80px;
    transition: all 0.5s;
    position: absolute;
    border-radius: 10px;
    left: 0;
  }
  
  .wrapper::before {
    top: 0;
    height: 100%;
    background-image: linear-gradient(
      to top,
      transparent 46%,
      rgba(12, 13, 19, 0.5) 68%,
      rgba(12, 13, 19) 97%
    );
  }
  
  .wrapper::after {
    bottom:0;
    opacity: 1;
    background-image: linear-gradient(
      to bottom,
      transparent 46%,
      
    );
  }
  
  .card:hover .wrapper::before,
  .wrapper::after {
    opacity: 1;
  }
  
  .card:hover .wrapper::after {
    height: 120px;
  }
  
  .card:hover .cover-image {
    filter: blur(2px);
  }
  
  .title {
    position: absolute;
    width: 200px;
    bottom: 70px;
    transition: transform 0.5s;
  }
  .card:hover .title {
    transform: translate3d(0%, -50px, 100px);
  }
  
  .character {
    width: 200px;
    opacity: 0;
    transition: all .5s;
    position: absolute;
    z-index: -1;
  }
  
  .card:hover .character {
    opacity: 1;
    transform: translate3d(0%, -10.5%, 400px);
  }

.button {
    background-color: #3793fc;
    border-radius: 60px;
    border: none;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: sans-serif;
    font-size: 20px;
    padding: 10px 10px;
    text-align: center;
    text-decoration: none;
  }
.button:hover{
background-color: #19e82a;
box-shadow: 0 0 20px #49e819;
}

.fade-in-section {
  opacity: 0;
  transform: translateY(20vh);
  visibility: hidden;
  transition: opacity 0.6s ease-out, transform 1.2s ease-out;
  will-change: opacity, visibility;
}
.fade-in-section.is-visible {
  opacity: 1;
  transform: none;
  visibility: visible;
}
.scrollFade {
    opacity: 1;
    pointer-events: all;
  }
  .scrollFade--hidden {
    transform: translateY(20vh);
    opacity: 0;
    pointer-events: none;
  }
  .scrollFade--visible {
    opacity: 1;
    pointer-events: all;
  }
  .scrollFade--animate {
    
    transition: opacity 0.6s ease-out, transform 1.2s ease-out;
  }
.textc{
  color: rgb(207, 207, 207);
}
.credentialing {
  --bg-color: #B8F9D3;
  --bg-color-light: #e2fced;
  --text-color-hover: #4C5656;
  --box-shadow-color: rgba(0, 0, 0, 0);
}
.card .t {
  background: #fff;
  border-top-right-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  box-shadow: 0 14px 26px rgba(0,0,0,0.04);
  transition: all 0.3s ease-out;
  text-decoration: none;
}
.card.t:hover {
  transform: translateY(-5px) scale(1.005) translateZ(0);
  box-shadow: 0 24px 36px rgba(0,0,0,0.11),
    0 24px 46px var(--box-shadow-color);
}
.box_sh {
  word-wrap:break-word;
  }