@media screen and (max-width: 479px) {
  .tmenu-mobile__container, .t-menu-base__maincontainer, .uc-mobile-slider .t-slds__item .t-col_6 {
    max-width: 320px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media screen and (min-width: 480px) and (max-width: 639px) {
  .tmenu-mobile__container, .t-menu-base__maincontainer, .uc-mobile-slider .t-slds__item .t-col_6 {
    max-width: 460px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .tmenu-mobile__container, .t-menu-base__maincontainer, .uc-mobile-slider .t-slds__item .t-col_6 {
    max-width: 640px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  .tmenu-mobile__container, .t-menu-base__maincontainer, .uc-mobile-slider .t-slds__item .t-col_6 {
    max-width: 960px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media screen and (min-width: 1200px) {
  .tmenu-mobile__container, .t-menu-base__maincontainer, .uc-mobile-slider .t-slds__item .t-col_6 {
    max-width: 1200px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}


.uc-mobile-slider .t-slds__item .t-col_6 {
    padding: 0;
}

.hero-lines * {
    transform-origin: bottom;
}

.animated-line * {
        transform-origin: top;
}


.flip-card {
    height: 260px !important;
    perspective: 1000px; 
}

@media screen and (max-width: 479px) {
    .flip-card {
        height: 240px !important;
    }
}

.flip-card > div {
    position: relative;
    width: 100%;
    height: 100%; !important;
    transition: transform 0.6s !important;
    transform-style: preserve-3d;
  }

  .flip-card:hover > div {
    transform: rotateY(180deg);
  }

  .flip-card-front,
  .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: white;
    border-radius: 10px;
    top: 0 !important;
  }

  .flip-card-back {
    transform: rotateY(180deg);
  }