/* 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-ourstory {
margin: 90px 0; }
@media (max-width: 1199px) {
.content-with-bear-ourstory {
margin: 40px 0; } }
.content-with-bear-ourstory-inner {
width: 100%;
max-width: 1720px;
margin: 0 auto;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
padding: 0 0 185px;
align-items: center;
position: relative; }
@media (max-width: 1720px) {
.content-with-bear-ourstory-inner {
padding-left: 20px;
padding-right: 20px; } }
@media (max-width: 1550px) {
.content-with-bear-ourstory-inner h2 {
font-size: 53px; } }
@media (max-width: 1199px) {
.content-with-bear-ourstory-inner {
flex-direction: column;
row-gap: 80px;
padding: 40px 20px; } }
.content-with-bear-ourstory-inner-content {
width: 39.768%; }
@media (max-width: 1199px) {
.content-with-bear-ourstory-inner-content {
width: 100%; } }
.content-with-bear-ourstory-inner-content .subtitle {
margin-top: 20px;
margin-bottom: 18px; }
.content-with-bear-ourstory-inner-content .subtitle_bottom {
font-weight: 400;
margin-bottom: 20px; }
.content-with-bear-ourstory-inner-content .content-big {
font-size: 21px;
line-height: 1.5; }
.content-with-bear-ourstory-inner-content .signature {
font-family: lindsey-signature, sans-serif;
font-size: 47px;
font-weight: 400;
margin-top: 20px; }
.content-with-bear-ourstory-inner-content .founder {
font-size: 17px;
letter-spacing: 0.08em;
font-weight: 700; }
.content-with-bear-ourstory-inner-content .founder span {
color: #007AE5; }
.content-with-bear-ourstory-inner-img {
width: 55.407%;
padding-right: 203px;
position: relative; }
.content-with-bear-ourstory-inner-img h5 {
color: #007AE5; }
.content-with-bear-ourstory-inner-img-founders, .content-with-bear-ourstory-inner-img-helpers {
position: absolute; }
.content-with-bear-ourstory-inner-img-founders {
top: 24px;
right: 0;
padding-top: 55px; }
@media (max-width: 1199px) {
.content-with-bear-ourstory-inner-img-founders {
left: 15px;
bottom: 0;
top: initial;
text-align: center;
width: max-content;
padding-top: 5.44px;
bottom: -40px; }
.content-with-bear-ourstory-inner-img-founders h5 {
font-size: 14px; }
.content-with-bear-ourstory-inner-img-founders p {
font-size: 12px !important; }
.content-with-bear-ourstory-inner-img-founders br {
display: none; } }
.content-with-bear-ourstory-inner-img-founders::before {
content: "";
background: url('data:image/svg+xml,');
width: 162px;
height: 68px;
position: absolute;
top: 0;
right: 17px; }
@media (max-width: 1199px) {
.content-with-bear-ourstory-inner-img-founders::before {
background: url('data:image/svg+xml,');
width: 40px;
height: 31px;
top: 0;
right: -22px; } }
.content-with-bear-ourstory-inner-img-founders p {
font-weight: 700;
font-size: 17px;
letter-spacing: 0.08em; }
.content-with-bear-ourstory-inner-img-helpers {
bottom: -96px;
right: 325px;
padding-right: 80px; }
@media (max-width: 1199px) {
.content-with-bear-ourstory-inner-img-helpers {
bottom: 0;
top: 40px;
right: 0;
padding-right: 0;
max-width: 53px; }
.content-with-bear-ourstory-inner-img-helpers br {
display: none; }
.content-with-bear-ourstory-inner-img-helpers h5 {
font-size: 14px; } }
.content-with-bear-ourstory-inner-img-helpers::before {
content: "";
background: url('data:image/svg+xml,');
width: 120px;
height: 41px;
position: absolute;
top: 12px;
right: 0; }
@media (max-width: 1199px) {
.content-with-bear-ourstory-inner-img-helpers::before {
background: url('data:image/svg+xml,');
width: 14px;
height: 27px;
top: 44px; } }
.content-with-bear-ourstory-inner-img-helpers p {
font-weight: 700;
font-size: 17px;
letter-spacing: 0.08em; }
@media (max-width: 1199px) {
.content-with-bear-ourstory-inner-img {
width: 100%;
padding-right: 64px; } }
.content-with-bear-ourstory-inner-img .big-image {
width: 100%;
border-radius: 18px; }
.content-with-bear-ourstory-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: 1199px) {
.content-with-bear-ourstory-inner-img .bear-image {
width: 126px;
height: 168px;
mask-image: url('data:image/svg+xml,');
bottom: -40px; } }
.content-with-bear-ourstory-inner-img .bear-image video {
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;
user-select: none; }
@media (max-width: 1199px) {
.content-with-bear-ourstory-inner-img .bear-image video {
width: 116px;
height: 158px;
mask-image: url('data:image/svg+xml,'); } }
.content-with-bear-ourstory-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: 1199px) {
.content-with-bear-ourstory-inner-img .bear-image::before {
width: 119px;
height: 160px;
mask-size: contain;
mask-repeat: no-repeat;
top: 49.9%;
mask-image: url('data:image/svg+xml,'); } }