.mosaic-info-wrapper .mosaic-grid .mosaic .custom-content .content .content-link a span {
  min-height: 44px;
  min-width: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: #112868;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 0
}
@media screen and (max-width:1400px) {
  .mosaic-info-wrapper .mosaic-grid .mosaic .custom-content .content .content-link a span {
    min-height: 32px;
    min-width: 32px
  }
}
.mosaic-info-wrapper .mosaic-grid .mosaic .custom-content .content .content-link a span::after {
  font-family: icomoon,sans-serif!important;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  content: "\e910";
  font-size: 2rem;
  color: #23dce1;
  position: absolute;
  overflow: hidden;
  transition: .2s ease
}
@media screen and (max-width:1400px) {
  .mosaic-info-wrapper .mosaic-grid .mosaic .custom-content .content .content-link a span::after {
    font-size: 1.25rem
  }
}
.mosaic-info-wrapper .mosaic-grid .mosaic .custom-content .content .content-link a span:hover {
  background: #23dce1;
  color: #112868
}
.mosaic-info-wrapper .mosaic-grid .mosaic .custom-content .content .content-link a span:hover::after {
  transition: .2s ease;
  color: #112868;
  transform: translateX(-28%)
}
@media screen and (max-width:1400px) {
  .mosaic-info-wrapper .mosaic-grid .mosaic .custom-content .content .content-link a span:hover::after {
    font-size: 1.25rem
  }
}
.mosaic-info-wrapper .mosaic-grid .mosaic .custom-content .content .content-link a span::after {
  content: "\e917"
}
@media screen and (max-width:1400px) {
  .mosaic-info-wrapper .mosaic-grid .mosaic .custom-content .content .content-link a span::after {
    font-size: 1.25rem
  }
}
.mosaic-info-wrapper .mosaic-grid .mosaic .custom-content .content .content-link a span:hover::after {
  transform: translate(35%,-23%)
}
.mosaic-info-wrapper .mosaic-grid .mosaic .custom-content .content .content-link a {
  display: flex;
  align-items: center;
  color: #fff;
  text-decoration: none;
  gap: 16px;
  font-size: 1.125rem;
  font-weight: 500
}
@media screen and (max-width:1400px) {
  .mosaic-info-wrapper .mosaic-grid .mosaic .custom-content .content .content-link a {
    font-size: 1rem
  }
}
.mosaic-info-wrapper .mosaic-grid .mosaic .custom-content .content .content-link a span {
  background: #23dce1
}
.mosaic-info-wrapper .mosaic-grid .mosaic .custom-content .content .content-link a span::after {
  color: #112868
}
.mosaic-info-wrapper .mosaic-grid .mosaic .custom-content .content .content-link a span:hover {
  background: #fff
}
.mosaic-info-wrapper .mosaic-grid .mosaic .custom-content .content .content-link a:hover {
  text-decoration: none
}
.mosaic-info-wrapper .mosaic-grid .mosaic .custom-content .content .content-link a:hover span {
  background: #fff
}
.mosaic-info-wrapper .mosaic-grid .mosaic .custom-content .content .content-link a:hover span::after {
  transform: translate(35%,-23%)
}
.mosaic-info-wrapper {
  position: relative
}
.mosaic-info-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  right: calc((100% - 100vw)/ 2);
  background: url(/themes/custom/ltts_revamp/images/webform-wave.webp) no-repeat;
  height: 130px;
  transform: scaleY(-1);
  width: 355px;
  background-size: contain
}
@media screen and (max-width:767px) {
  .mosaic-info-wrapper::before {
    display: none
  }
}
.mosaic-info-wrapper .section-heading {
  gap: 16px;
  position: relative
}
.mosaic-info-wrapper .section-heading .desc {
  max-width: 306px
}
.mosaic-info-wrapper .section-heading .desc .heading-btn {
  margin-top: 24px
}
.mosaic-info-wrapper .mosaic-grid {
  display: flex;
  gap: 24px
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .mosaic-info-wrapper .mosaic-grid {
    gap: 0;
    margin: -8px;
    flex-wrap: wrap;
    position: relative
  }
  .mosaic-info-wrapper .mosaic-grid::before {
    content: "";
    position: absolute;
    top: 0;
    left: calc((100% - 100vw)/ 2);
    background: url(/themes/custom/ltts_revamp/images/webform-wave.webp) no-repeat;
    height: 100%;
    transform: scale(-1);
    width: 50%;
    background-size: contain
  }
}
@media screen and (max-width:767px) {
  .mosaic-info-wrapper .mosaic-grid {
    flex-direction: column;
    gap: 16px
  }
}
.mosaic-info-wrapper .mosaic-grid .mosaic {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 24px
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .mosaic-info-wrapper .mosaic-grid .mosaic {
    gap: 16px;
    margin: 8px;
    flex: unset;
    width: calc(50% - 16px)
  }
}
@media screen and (max-width:767px) {
  .mosaic-info-wrapper .mosaic-grid .mosaic {
    gap: 16px
  }
}
.mosaic-info-wrapper .mosaic-grid .mosaic:nth-child(2) .custom-content {
  order: -1
}
@media screen and (max-width:767px) {
  .mosaic-info-wrapper .mosaic-grid .mosaic:nth-child(2) .custom-content {
    order: 1
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .mosaic-info-wrapper .mosaic-grid .mosaic:nth-child(3) {
    width: 100%;
    flex-direction: row
  }
  .mosaic-info-wrapper .mosaic-grid .mosaic:nth-child(3) > div {
    flex: 1
  }
}
.mosaic-info-wrapper .mosaic-grid .mosaic .video-wrapper {
  overflow: hidden
}
.mosaic-info-wrapper .mosaic-grid .mosaic .video-wrapper .video-thumbnail {
  z-index: 2
}
.mosaic-info-wrapper .mosaic-grid .mosaic .video-wrapper:hover img {
  transform: scale(1.1)
}
.mosaic-info-wrapper .mosaic-grid .mosaic .video-wrapper img {
  height: 234px;
  transition: all .3s ease
}
@media screen and (max-width:767px) {
  .mosaic-info-wrapper .mosaic-grid .mosaic .video-wrapper img {
    height: 184px
  }
}
.mosaic-info-wrapper .mosaic-grid .mosaic img {
  width: 100%;
  height: 100%;
  object-fit: cover
}
.mosaic-info-wrapper .mosaic-grid .mosaic .custom-content {
  position: relative;
  width: 100%;
  height: 410px;
  border-radius: 4px;
  overflow: hidden
}
@media screen and (max-width:767px) {
  .mosaic-info-wrapper .mosaic-grid .mosaic .custom-content {
    height: auto
  }
}
.mosaic-info-wrapper .mosaic-grid .mosaic .custom-content .img {
  width: 100%;
  height: 100%;
  z-index: 1
}
@media screen and (max-width:767px) {
  .mosaic-info-wrapper .mosaic-grid .mosaic .custom-content .img {
    height: 231px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
  }
}
.mosaic-info-wrapper .mosaic-grid .mosaic .custom-content .desc {
  background: #112868;
  height: 100%;
  color: #fff;
  position: absolute;
  top: 0;
  padding: 80px 24px 0;
  box-sizing: border-box;
  transform: translateY(100%);
  transition: all ease .3s
}
@media screen and (max-width:767px) {
  .mosaic-info-wrapper .mosaic-grid .mosaic .custom-content .desc {
    position: unset;
    padding: 24px;
    transform: none;
    display: none
  }
}
.mosaic-info-wrapper .mosaic-grid .mosaic .custom-content .desc p {
  font-size: 1.0625rem;
  color: #fff;
  opacity: 0;
  transition: opacity .3s ease
}
@media screen and (max-width:767px) {
  .mosaic-info-wrapper .mosaic-grid .mosaic .custom-content .desc p {
    font-size: .875rem;
    opacity: 1
  }
}
.mosaic-info-wrapper .mosaic-grid .mosaic .custom-content .content {
  position: absolute;
  z-index: 2;
  background-color: #112868;
  bottom: 0;
  width: 100%;
  height: auto;
  padding: 16px 24px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  transition: all ease .5s;
  box-sizing: border-box
}
@media screen and (max-width:767px) {
  .mosaic-info-wrapper .mosaic-grid .mosaic .custom-content .content {
    position: unset;
    padding: 0 24px 24px
  }
}
.mosaic-info-wrapper .mosaic-grid .mosaic .custom-content .content .author-name {
  color: #fff;
  font-size: 1.5625rem;
  line-height: 27px;
  font-weight: 700
}
@media screen and (max-width:767px) {
  .mosaic-info-wrapper .mosaic-grid .mosaic .custom-content .content .author-name {
    font-size: 1.3125rem
  }
}
.mosaic-info-wrapper .mosaic-grid .mosaic .custom-content .content .sub-title {
  color: #fff
}
@media screen and (max-width:767px) {
  .mosaic-info-wrapper .mosaic-grid .mosaic .custom-content .content .desc {
    display: block!important;
    padding: 24px 0 0
  }
}
.mosaic-info-wrapper .mosaic-grid .mosaic .custom-content .content .content-link {
  margin-top: 20px
}
.mosaic-info-wrapper .mosaic-grid .mosaic .custom-content:hover .desc {
  transform: translateY(0)
}
.mosaic-info-wrapper .mosaic-grid .mosaic .custom-content:hover .desc p {
  opacity: 1;
  transition-delay: .3s
}