/*$background-color: #CAE3E0;
$footer-bg: #BFD8D5;
$brand-pink: #DE3251;
$brand-gold: #DA932B;
$dark-gold: #98671E;

$pink: #DE3251;
$dark-pink: #9B2339;*/
@media (max-width: 991px) {
  .text-image-block-II {
    padding: 0;
    max-width: 720px;
    margin: 0 auto;
    flex-direction: column-reverse; } }

@media (max-width: 767px) {
  .text-image-block-II {
    max-width: 540px; } }

@media (max-width: 575px) {
  .text-image-block-II {
    max-width: 100%; } }

.text-image-block-II h1, .text-image-block-II h2, .text-image-block-II h3, .text-image-block-II h4 {
  font-size: 72px;
  margin-bottom: 25px; }
  @media (max-width: 1499px) {
    .text-image-block-II h1, .text-image-block-II h2, .text-image-block-II h3, .text-image-block-II h4 {
      font-size: 52px; } }
  @media (max-width: 991px) {
    .text-image-block-II h1, .text-image-block-II h2, .text-image-block-II h3, .text-image-block-II h4 {
      font-size: 32px;
      line-height: 1;
      margin-bottom: 15px; } }

.text-image-block-II h1 span, .text-image-block-II h2 span, .text-image-block-II h3 span, .text-image-block-II h4 span {
  font-size: 110px;
  line-height: 72px;
  font-family: 'Authenia';
  color: #E83352; }
  @media (max-width: 1499px) {
    .text-image-block-II h1 span, .text-image-block-II h2 span, .text-image-block-II h3 span, .text-image-block-II h4 span {
      font-size: 76px;
      line-height: 50px; } }
  @media (max-width: 991px) {
    .text-image-block-II h1 span, .text-image-block-II h2 span, .text-image-block-II h3 span, .text-image-block-II h4 span {
      font-size: 48px;
      line-height: 1; } }

.text-image-block-II p {
  font-family: 'CircularBook';
  line-height: 29px;
  color: #666867;
  margin-bottom: 40px; }
  @media (max-width: 1499px) {
    .text-image-block-II p {
      font-size: 18px;
      line-height: 24px; } }
  @media (max-width: 991px) {
    .text-image-block-II p {
      font-size: 18px;
      line-height: 21px;
      margin-bottom: 20px; } }

.text-image-block-II p a.btn:not(.block) {
  margin-right: 20px; }

.text-image-block-II p a.btn.block {
  margin-bottom: 20px; }

.text-image-block-II img {
  max-width: 100%; }

.text-image-block-II-content {
  position: relative;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  float: right; }
  @media (max-width: 991px) {
    .text-image-block-II-content {
      display: flex;
      justify-content: center;
      align-content: center;
      margin-top: unset; } }
  .text-image-block-II-content-text {
    position: relative;
    align-self: center;
    z-index: 198; }
    @media (max-width: 991px) {
      .text-image-block-II-content-text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center; } }
    .text-image-block-II-content-text p {
      max-width: 90%; }
  .text-image-block-II-content-img {
    position: relative;
    padding-left: 30px;
    top: 0;
    z-index: 100; }
    @media (max-width: 991px) {
      .text-image-block-II-content-img {
        padding-left: unset; } }
    .text-image-block-II-content-img img {
      width: 620px; }
      @media (max-width: 991px) {
        .text-image-block-II-content-img img {
          width: 100%; } }
    .text-image-block-II-content-img .btn {
      position: absolute;
      bottom: 0;
      z-index: 2;
      right: 0;
      max-width: calc(100% - 30px);
      line-height: 1.2; }
      @media (max-width: 767px) {
        .text-image-block-II-content-img .btn {
          right: unset;
          left: 0; } }
      .text-image-block-II-content-img .btn img {
        max-height: 40px;
        margin: 0;
        padding: 0;
        padding-right: 10px;
        width: unset; }
        @media (max-width: 575px) {
          .text-image-block-II-content-img .btn img {
            max-height: 30px; } }
  .text-image-block-II-content .animation {
    margin-bottom: 35px;
    max-width: 180px; }
    @media (max-width: 991px) {
      .text-image-block-II-content .animation {
        margin-bottom: 15px; } }

.text-image-block-II-imgs {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: calc(663px + var(--bs-gutter-x) / 2); }
  .text-image-block-II-imgs .square {
    max-width: calc(100% - 70px);
    width: 360px;
    height: 360px;
    max-height: 360px;
    position: relative;
    margin-bottom: 30px;
    float: right; }
  .text-image-block-II-imgs .landscape {
    position: relative;
    right: 0;
    height: 300px;
    clear: both; }
  .text-image-block-II-imgs .square span, .text-image-block-II-imgs .landscape span {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%; }