#hero{--box-bg:hsla(0,0%,96%,.5);color:var(--color-white)}#hero .container{justify-content:flex-start}#hero .wrap{margin-block:50px}@media only screen and (max-width:767px){#hero .wrap{margin-bottom:150px;margin-top:30px}#hero .hero-subtitle{font-size:18px;margin-top:20px}}#about-us .container{display:flex;flex-direction:column;justify-content:center}#about-us .text-box{align-items:stretch;background-color:var(--color-white);border-radius:20px;display:flex;flex-direction:row;justify-content:space-between;margin:-150px 0 60px;padding:40px 80px}#about-us .text-box h2{font-weight:var(--text-medium)}#about-us .text-box h2 img{margin-top:20px}#about-us .text-box p{margin:0 0 20px}#about-us .text-box .text{-moz-column-count:2;column-count:2;-moz-column-gap:70px;column-gap:70px;font-size:16px;max-width:110ch}#about-us .members{display:grid;gap:35px;grid-template-columns:repeat(auto-fill,270px);margin-inline:auto;max-width:100%}#about-us .member{align-items:stretch;background-color:var(--color-gray-lightest);border-radius:20px;display:flex;flex-direction:column;justify-content:space-between}#about-us .member .avatar{background-position:bottom;background-repeat:no-repeat;background-size:cover;border-radius:20px 20px 0 0;height:245px}#about-us .member .details{align-items:stretch;display:flex;flex:1;flex-direction:column;font-size:15px;justify-content:space-between;padding:20px}#about-us .member h3{font-size:18px;margin:0 0 5px}#about-us .member .position{color:var(--color-orange);display:block;margin:0 0 5px}#about-us .member .email{display:flex;gap:10px;margin-top:auto}#about-us .member .email:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' stroke-width='1.5' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23FFC403' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 9 4.5 3L14 9'/%3E%3Cpath d='M17 19H3a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h13a2 2 0 0 1 2 2v2M17 14h6m0 0-3-3m3 3-3 3'/%3E%3C/svg%3E");color:var(--color-yellow);content:"";display:block;height:20px;width:20px}@media only screen and (max-width:1280px){#about-us .text-box{display:block}#about-us .text-box .section-title{margin-bottom:20px}#about-us .text-box .section-title h2{align-items:baseline;display:flex;gap:20px}#about-us .text-box .section-title h2 img{margin:0}}@media only screen and (max-width:767px){#about-us .text-box{margin:-100px 0 30px;padding:30px 20px}#about-us .text-box .section-title h2 img{width:20px}#about-us .text-box .text{-moz-column-count:1;column-count:1}}#structure{background-color:var(--color-white);background-image:var(--hero-bg)}#structure h2{font-weight:var(--text-medium);margin:0 auto 60px;text-align:center}#structure .container{width:100%}#structure .mobile{display:none}@media only screen and (max-width:767px){#structure .container{padding-inline:20px}#structure img{display:none}#structure img.mobile{display:block}}#contacts{background-color:var(--color-white)}#contacts h2{margin:0 0 45px}#contacts p{margin:0}#contacts .info{align-items:stretch;flex-direction:row-reverse;gap:25px}#contacts .information-boxes{display:grid;gap:25px;grid-template-columns:repeat(2,1fr);padding:20px 0}#contacts .information-box:nth-child(3){grid-column:span 2}#contacts .information-box .text{font-size:14px}#contacts .information-box .title{min-height:50px}#contacts .information-box .email,#contacts .information-box .phone{align-items:center;display:flex;flex-direction:row;gap:5px;justify-content:flex-start;line-height:2}#contacts .information-box .email strong,#contacts .information-box .phone strong{align-items:center;display:inline-flex;gap:5px}#contacts .information-box .email strong svg,#contacts .information-box .phone strong svg{width:18px}#contacts .information-box .bank{margin-top:10px}#contacts .image{background-size:cover;border-radius:40px;min-height:650px;width:100%}@media only screen and (max-width:767px){#contacts .image{border-radius:20px;min-height:200px}#contacts .information-boxes{display:block}#contacts .information-box:not(:last-child){margin-bottom:20px}}#story{background-color:var(--color-white)}#story h2{margin:0 auto 60px;text-align:center}#story .years{margin:0 auto;width:100%}#story .years .year-stop{animation-duration:1s;animation-name:fade;margin-inline:auto;max-width:755px;position:relative;z-index:1}#story .years .year-stop:before{background-color:var(--color-blue-light);border:1px solid var(--color-blue);border-radius:40px;content:"";display:block;height:100%;left:0;position:absolute;top:0;transform:rotate(-3deg);width:100%;z-index:-1}#story .years .year-stop .year{background:var(--color-white);border:1px solid var(--color-blue);border-radius:40px;padding:30px;text-align:start;width:100%;z-index:2}#story .years .year-stop .image{aspect-ratio:1/1;background-image:var(--avatar-image);background-position:50%;background-size:cover;border-radius:100px;margin-bottom:20px;width:128px}#story .years .year-stop h3{text-wrap:pretty;font-size:26px;font-weight:700;margin:0 0 20px}#story .years .year-stop .description{font-size:16px;max-width:100%}#story .years .year-stop .year-badge{background:var(--color-blue);border-radius:6px;color:var(--color-white);font-family:var(--secondary-font-family);font-size:14px;font-weight:700;padding:5px 10px;position:absolute;right:30px;top:30px}@keyframes fade{0%{opacity:.5}to{opacity:1}}#story .timeline{background:var(--color-blue);border-radius:50px;margin:70px auto;overflow:hidden;padding-inline:60px;width:-moz-max-content;width:max-content}#story .timeline .scrollable{display:flex;gap:40px;overflow-x:scroll;padding-block:20px;scroll-behavior:smooth}#story .timeline .scrollable::-webkit-scrollbar{display:none}#story .timeline .scrollable{-ms-overflow-style:none;scrollbar-width:none}#story .timeline a,#story .timeline span{color:#fff;cursor:not-allowed;display:block;font-size:22px;font-weight:300;opacity:.5;text-decoration:none}#story .timeline a.stop,#story .timeline span.stop{cursor:pointer;font-weight:700;opacity:1}#story .timeline a.stop.active,#story .timeline a.stop:active,#story .timeline a.stop:focus,#story .timeline span.stop.active,#story .timeline span.stop:active,#story .timeline span.stop:focus{color:var(--color-yellow)}#story .buttons{gap:30px;justify-content:center}@media only screen and (max-width:991px){#story .years .year-stop:after{border-radius:20px}#story .years .year-stop .year{border-radius:20px;padding:20px}#story .years .year-stop .year h3{font-size:18px}#story .timeline{margin:30px auto;width:auto}}#experience{padding-bottom:150px}@media only screen and (max-width:767px){#experience{padding-bottom:130px}}
