.hero{background:url("../img/paper-3.png") 50% 50% no-repeat;background-size:cover;padding-bottom:9.5rem;min-height:100vh;position:relative;overflow:hidden}@media only screen and (min-width: 767px){.hero{padding-bottom:8rem}}.hero .decor{position:absolute;top:105px;left:calc(100% - 168px)}@media only screen and (min-width: 767px){.hero .decor{top:308px;left:calc(100% - 334px)}}.hero .decor svg{height:263px;width:250px;fill:var(--main-color);transition:all 2s cubic-bezier(0.77, 0, 0.175, 0.75)}@media only screen and (min-width: 767px){.hero .decor svg{height:423px;width:404px}}@media only screen and (max-width: 767px){.hero-slider{margin-left:-42px;margin-right:-42px}}.hero-slider .slick-active .hero-slide__title{transform:translateX(0)}.hero-slider .slick-dots{display:flex;border-bottom:solid 1px #000;margin-top:30px}@media only screen and (min-width: 767px){.hero-slider .slick-dots{width:61.5%;margin-left:auto}}.hero-slider .slick-dots li{flex-grow:1;height:5px;display:flex;position:relative}.hero-slider .slick-dots li button{width:0;font-size:0;height:100%;background-color:var(--main-color);position:absolute;right:0;top:50%;transition:all 2s cubic-bezier(0.77, 0, 0.175, 0.75),width .2s linear}.hero-slider .slick-dots li.slick-active button{right:auto;left:0;width:100%}.hero-slide{display:flex}@media only screen and (max-width: 767px){.hero-slide{flex-direction:column-reverse}}@media only screen and (max-width: 767px){.hero-slide__content{padding:0 42px;margin-top:-6rem}}@media only screen and (min-width: 767px){.hero-slide__content{padding-top:22rem;width:350px;margin-right:auto;padding-bottom:15rem}}.hero-slide__content .font--l{margin-bottom:24px}@media only screen and (min-width: 767px){.hero-slide__content .font--l{margin-bottom:6.5rem}}.hero-slide__title{color:var(--main-color);transition:all 2s cubic-bezier(0.77, 0, 0.175, 0.75),transform 1s cubic-bezier(0.77, 0, 0.175, 0.75) .1s}@media only screen and (min-width: 767px){.hero-slide__title{margin-right:-50vw;position:relative;transform:translateX(10vw)}}@media only screen and (min-width: 767px){.hero-slide__subtitle{margin-bottom:9rem}}@media only screen and (min-width: 767px){.hero-slide__image{flex-basis:61.5%;flex-shrink:0}}.hero-slide__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;font-family:"object-fit: cover; object-position: center"}
/*# sourceMappingURL=hero-slider.css.map */