/* Logo responsive only */

.brand {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  max-width: 220px;
}

.brand img {
  width: 100px;
  max-width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}

/* Tablet */
@media screen and (max-width: 991px) {
  .brand {
    max-width: calc(100% - 60px);
  }

  .brand img {
    width: 125px !important;
    max-height: 46px;
  }
}

/* Mobile */
@media screen and (max-width: 767px) {
  .brand img {
    width: 112px !important;
    max-height: 44px;
  }
}

/* Small Mobile */
@media screen and (max-width: 480px) {
  .brand img {
    width: 100px !important;
    max-height: 40px;
  }
}

/* Very Small Mobile */
@media screen and (max-width: 360px) {
  .brand img {
    width: 90px !important;
    max-height: 36px;
  }
}


/* Fix ctax hero text responsiveness */
.slide .content .ctax {
  font-size: clamp(42px, 5vw, 80px) !important;
  line-height: 1.08 !important;
  width: 100% !important;
  max-width: 560px !important;
  margin-left: 0 !important;
  word-break: normal;
}

.slide .content .ctax2 {
  font-size: clamp(26px, 3vw, 40px) !important;
  line-height: 1.25 !important;
  width: 100% !important;
  max-width: 560px !important;
  margin-left: 0 !important;
}

/* Tablet */
@media screen and (max-width: 991px) {
  .slide .content {
    width: 100%;
    text-align: center;
  }

  .slide .content .ctax {
    font-size: 48px !important;
    line-height: 1.12 !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }

  .slide .content .ctax2 {
    font-size: 32px !important;
    line-height: 1.25 !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }
}

/* Mobile */
@media screen and (max-width: 767px) {
  .slide .content .ctax {
    font-size: 38px !important;
    line-height: 1.15 !important;
    margin-top: 0 !important;
  }

  .slide .content .ctax2 {
    font-size: 26px !important;
    line-height: 1.3 !important;
  }
}

/* Small Mobile */
@media screen and (max-width: 480px) {
  .slide .content .ctax {
    font-size: 31px !important;
    line-height: 1.18 !important;
  }

  .slide .content .ctax2 {
    font-size: 22px !important;
    line-height: 1.3 !important;
  }
}

/* Very Small Mobile */
@media screen and (max-width: 360px) {
  .slide .content .ctax {
    font-size: 27px !important;
    line-height: 1.2 !important;
  }

  .slide .content .ctax2 {
    font-size: 20px !important;
  }
}