.cargoton-title-box.cargoton-title-box-1{
    position: relative;
    z-index: 1;
    overflow:hidden;
}
.cargoton-subtitle{
    text-transform: uppercase;
    color: var(--global-font-title);
    position: relative;
    font-size: var(--font-size-xs);
    font-family: var(--global-font-family);
    font-weight: var(--font-weight-bold);
    display: inline-block;
    letter-spacing: var(--letter-spacing-subtitle);
    vertical-align:middle;
    overflow:hidden;
    display: inline-block;
    z-index: -1;
    margin-left: 15px;

}
.sub-title-shape {
  width: 4px;
  height: 20px;
  background: var(--color-theme-primary);
  margin: auto;
}
.sub-title-shape{position: relative;}
.cargoton-title-box-1 .sub-title-block{overflow: hidden;margin-bottom: 8px;}
.sub-title-shape.animated:before{-webkit-animation: scale-in-ver-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation: scale-in-ver-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.cargoton-title{margin-top:10px;}
.cargoton-title-box.text-center{margin-bottom: 40px;}
.cargoton-title-box.center{margin-bottom: 64px;}
.cargoton-title-box.left{margin-bottom: 16px;}
.cargoton-title-box .cargoton-heading-title {font-weight: var(--font-weight-light);}
.cargoton-heading-title .right_title{color:var(--color-theme-primary);font-weight: var(--font-weight-medium);}

@media(max-width: 1024px){
    .cargoton-title-box.center{
        margin-bottom:32px;
    }
    .cargoton-title-box.left{
        margin-bottom:16px;
    }
}

@media(max-width: 767px){
    .mobile-text-center .cargoton-title, .mobile-text-center  .cargoton-title-desc{
        text-align: center;
    }
}


@keyframes down-enter {
    0% { height: 0px; }
    100% { height: 20px; }
  }

  /* ----------------------------------------------
 * Generated by Animista on 2021-4-28 12:19:36
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-in-ver-top
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-ver-top {
    0% {
      -webkit-transform: scaleY(0);
              transform: scaleY(0);
      -webkit-transform-origin: 100% 0%;
              transform-origin: 100% 0%;
      opacity: 1;
    }
    100% {
      -webkit-transform: scaleY(1);
              transform: scaleY(1);
      -webkit-transform-origin: 100% 0%;
              transform-origin: 100% 0%;
      opacity: 1;
    }
  }
  @keyframes scale-in-ver-top {
    0% {
      -webkit-transform: scaleY(0);
              transform: scaleY(0);
      -webkit-transform-origin: 100% 0%;
              transform-origin: 100% 0%;
      opacity: 1;
    }
    100% {
      -webkit-transform: scaleY(1);
              transform: scaleY(1);
      -webkit-transform-origin: 100% 0%;
              transform-origin: 100% 0%;
      opacity: 1;
    }
  }