.article > .container .btn {color: var(--primary-yiq);background-color: var(--primary);border-color: var(--primary-border); } .article > .container .btn:hover {color: var(--primary-yiq);background-color: var(--primary-hover);border-color: var(--primary-hover-border); } .article > .container .btn.disabled, .article > .container .btn:disabled {background-color: var(--primary);border-color: var(--primary-border); } .article > .container .btn:not(:disabled):not(.disabled):active, .article > .container .btn:not(:disabled):not(.disabled).active, .show > .article > .container .btn.dropdown-toggle {background-color: var(--primary-active);border-color: var(--primary-active-border); } @media (min-width: 992px) {.article > .container .btn {margin-left: 3.5rem;} } .article > .container .content {font-weight: 400;font-size: 1.25rem;line-height: 1.5;letter-spacing: 0.01875rem; } .article > .container .content b, .article > .container .content strong {font-weight: 500; } .article > .container .content ul li::before {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3e%3cpath fill='%23FF6B6B' d='M12,15.39L8.24,17.66L9.23,13.38L5.91,10.5L10.29,10.13L12,6.09L13.71,10.13L18.09,10.5L14.77,13.38L15.76,17.66M22,9.24L14.81,8.63L12,2L9.19,8.63L2,9.24L7.45,13.97L5.82,21L12,17.27L18.18,21L16.54,13.97L22,9.24Z'/%3e%3c/svg%3e");background-color: rgba(255, 107, 107, 0.1); } @media (min-width: 992px) {.article.article-image-right > .container .btn {margin-left: 7.75rem;} } .article.article-secondary > .container .btn {color: var(--secondary-yiq);background-color: var(--secondary);border-color: var(--secondary-border);color: var(--black); } .article.article-secondary > .container .btn:hover {color: var(--secondary-yiq);background-color: var(--secondary-hover);border-color: var(--secondary-hover-border); } .article.article-secondary > .container .btn.disabled, .article.article-secondary > .container .btn:disabled {background-color: var(--secondary);border-color: var(--secondary-border); } .article.article-secondary > .container .btn:not(:disabled):not(.disabled):active, .article.article-secondary > .container .btn:not(:disabled):not(.disabled).active, .show > .article.article-secondary > .container .btn.dropdown-toggle {background-color: var(--secondary-active);border-color: var(--secondary-active-border); } .article.article-secondary > .container .content ul li::before {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3e%3cpath fill='%2387F7E2' d='M12,15.39L8.24,17.66L9.23,13.38L5.91,10.5L10.29,10.13L12,6.09L13.71,10.13L18.09,10.5L14.77,13.38L15.76,17.66M22,9.24L14.81,8.63L12,2L9.19,8.63L2,9.24L7.45,13.97L5.82,21L12,17.27L18.18,21L16.54,13.97L22,9.24Z'/%3e%3c/svg%3e");background-color: rgba(135, 247, 226, 0.1); } .article .reservio-frame {width: 100%;border: 0;height: 156.25rem; } @media (max-width: 1650px) {.article .reservio-frame {height: 162.5rem;} } @media (max-width: 1250px) {.article .reservio-frame {height: 168.75rem;} } @media (max-width: 1225px) {.article .reservio-frame {height: 193.75rem;} } @media (max-width: 1166px) {.article .reservio-frame {height: 200rem;} } @media (max-width: 1067px) {.article .reservio-frame {height: 206.25rem;} } @media (max-width: 991px) {.article .reservio-frame {height: 218.75rem;} } @media (max-width: 963px) {.article .reservio-frame {height: 240.625rem;} } @media (max-width: 856px) {.article .reservio-frame {height: 212.5rem;} } @media (max-width: 662px) {.article .reservio-frame {height: 218.75rem;} } @media (max-width: 575px) {.article .reservio-frame {height: 237.5rem;} } @media (max-width: 538px) {.article .reservio-frame {height: 250rem;} } @media (max-width: 498px) {.article .reservio-frame {height: 262.5rem;} } @media (max-width: 498px) {.article .reservio-frame {height: 275rem;} } @media (max-width: 366px) {.article .reservio-frame {height: 287.5rem;} } .section.article > .container > .inner {background: var(--white);padding-bottom: 3.5625rem;padding-left: 1.0625rem;padding-right: 1.0625rem; } .section.article > .container > .inner > .row-bg {position: relative; } .section.article > .container > .inner > .row-bg::before {content: " ";position: absolute;background: #FFF1F1;top: 6.0625rem;bottom: 0;left: 1.0625rem;right: 1.0625rem;border-radius: 1.5rem; } .section.article > .container h1, .section.article > .container .h1 {font-weight: 700;font-size: 2.25rem;text-align: left;margin-bottom: 4.1875rem;position: relative;margin-left: 0.625rem;margin-top: 1.4375rem; } @media (min-width: 576px) {.section.article > .container h1, .section.article > .container .h1 {width: fit-content;} } .section.article > .container h1::after, .section.article > .container .h1::after {content: " ";background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3e%3cpath fill='%23ffffff' d='M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z'/%3e%3c/svg%3e");background-size: 1.5rem;background-repeat: no-repeat;background-position: center;width: 2.5rem;height: 2.5rem;border-radius: 50%;display: block;position: absolute;background-color: var(--primary);top: 50%;right: 0;transform: translate(4.0625rem, -49%);display: none; } @media (min-width: 576px) {.section.article > .container h1::after, .section.article > .container .h1::after {display: block;} } .section.article > .container .col-image, .section.article > .container .col-content {padding-bottom: 1.75rem; } .section.article > .container .col-content {padding-left: 2.0625rem;padding-right: 2.0625rem; } .section.article > .container .col-image .image {margin-left: 0.75rem;margin-right: 0.75rem;height: 100%;position: relative;aspect-ratio: 1/1; } @media (min-width: 576px) {.section.article > .container .col-image .image {aspect-ratio: 800/400;} } @media (min-width: 768px) {.section.article > .container .col-image .image {aspect-ratio: 800/300;} } @media (min-width: 992px) {.section.article > .container .col-image .image {margin-right: 2.625rem;aspect-ratio: auto;} } .section.article > .container .col-image .image .img-fluid {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;border-radius: 1.0625rem; } .section.article.article-secondary > .container > .inner > .row::before {background: #F9FAFB; } .section.article.article-secondary > .container h1::after, .section.article.article-secondary > .container .h1::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3e%3cpath fill='%23000000' d='M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z'/%3e%3c/svg%3e");background-color: var(--secondary); } @media (min-width: 992px) {.section.article.article-image-right > .container h1, .section.article.article-image-right > .container .h1 {padding-left: 4rem;} } @media (min-width: 992px) {.section.article.article-image-right > .container .content {padding-left: 4.375rem;} } .section.article.article-image-right > .container .col-image .image {margin-left: 0.75rem;margin-right: 0.75rem; } @media (min-width: 992px) {.section.article.article-image-right > .container .col-image .image {margin-left: 2.625rem;} }