/* Fonts */
/* Font Size */
/* Colors */
/** Breakpoint sizes */
/** Mixins */
/* stylelint-disable media-query-no-invalid -- The SCSS is confuses stylelint, compiled CSS is valid */
/* stylelint-enable media-query-no-invalid */
.content-with-bear-product {
margin-top: 140px; }
@media (max-width: 989px) {
.content-with-bear-product {
margin-top: 40px; } }
.content-with-bear-product-bg {
max-width: 1858px;
width: 100%;
margin: auto; }
.content-with-bear-product-bg svg {
width: 100%; }
.content-with-bear-product-inner {
width: 100%;
max-width: 1720px;
margin: 0 auto;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
padding: 140px 0 185px;
align-items: center;
position: relative; }
@media (max-width: 1720px) {
.content-with-bear-product-inner {
padding-left: 20px;
padding-right: 20px; } }
@media (max-width: 1550px) {
.content-with-bear-product-inner h2 {
font-size: 53px; } }
@media (max-width: 989px) {
.content-with-bear-product-inner {
flex-direction: column;
row-gap: 80px;
padding: 40px 20px; } }
.content-with-bear-product-inner-content {
width: 39.768%; }
@media (max-width: 989px) {
.content-with-bear-product-inner-content {
width: 100%; } }
.content-with-bear-product-inner-content .subtitle {
color: #007AE5;
font-size: 24px;
letter-spacing: 0.08em;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 28px;
line-height: 1; }
.content-with-bear-product-inner-content h2 {
font-weight: 900;
line-height: 1;
margin-bottom: 15px; }
.content-with-bear-product-inner-content .content-big {
font-size: 21px;
line-height: 1.5; }
.content-with-bear-product-inner-content__list {
margin-top: 60px; }
.content-with-bear-product-inner-content__list-item {
padding-left: 30px;
position: relative; }
.content-with-bear-product-inner-content__list-item:not(:last-child) {
margin-bottom: 40px; }
.content-with-bear-product-inner-content__list-item::before {
content: "";
position: absolute;
left: 0;
top: 3px;
width: 22px;
height: 19px;
background: url('data:image/svg+xml,'); }
.content-with-bear-product-inner-img {
width: 53.605%;
padding-right: 168px;
position: relative; }
@media (max-width: 989px) {
.content-with-bear-product-inner-img {
width: 100%;
padding-right: 65px; } }
.content-with-bear-product-inner-img .big-image {
width: 100%;
border-radius: 18px; }
.content-with-bear-product-inner-img .bear-image {
position: absolute;
bottom: -96px;
right: 0;
width: 325px;
height: 434px;
background-color: #fff;
mask-image: url('data:image/svg+xml,');
mask-size: contain;
mask-repeat: no-repeat;
display: flex;
justify-content: center;
align-items: center; }
@media (max-width: 989px) {
.content-with-bear-product-inner-img .bear-image {
width: 116px;
height: 158px;
bottom: -40px; } }
.content-with-bear-product-inner-img .bear-image img {
width: 301px;
height: 410px;
mask-image: url('data:image/svg+xml,');
mask-size: contain;
mask-repeat: no-repeat;
object-fit: cover;
position: relative;
z-index: 1; }
@media (max-width: 989px) {
.content-with-bear-product-inner-img .bear-image img {
width: 117.25px;
height: 159.25px; } }
.content-with-bear-product-inner-img .bear-image::before {
content: "";
width: 307px;
height: 416.5px;
background-color: #007AE5;
left: 49.9%;
top: 49.9%;
transform: translate(-50%, -50%);
position: absolute;
mask-image: url('data:image/svg+xml,');
mask-size: contain;
mask-repeat: no-repeat; }
@media (max-width: 989px) {
.content-with-bear-product-inner-img .bear-image::before {
width: 120.73px;
height: 163.73px;
mask-size: contain;
mask-repeat: no-repeat;
top: 49.4%; } }