#page-content.template-about #hero{--box-bg: rgba(245, 245, 245, 0.5);color:var(--color-white)}#page-content.template-about #hero .container{justify-content:flex-start}#page-content.template-about #hero .wrap{margin-block:50px}@media only screen and (max-width: 767px){#page-content.template-about #hero .wrap{margin-top:30px;margin-bottom:150px}#page-content.template-about #hero .hero-subtitle{font-size:18px;margin-top:20px}}#page-content.template-about #about-us .container{display:flex;flex-direction:column;justify-content:center}#page-content.template-about #about-us .text-box{display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;background-color:var(--color-white);border-radius:20px;padding:40px 80px;margin:-150px 0 60px}#page-content.template-about #about-us .text-box h2{font-weight:var(--text-medium)}#page-content.template-about #about-us .text-box h2 img{margin-top:20px}#page-content.template-about #about-us .text-box p{margin:0 0 20px}#page-content.template-about #about-us .text-box .text{column-count:2;font-size:16px;max-width:110ch;column-gap:70px}#page-content.template-about #about-us .members{display:grid;grid-template-columns:repeat(auto-fill, 270px);max-width:100%;margin-inline:auto;gap:35px}#page-content.template-about #about-us .member{background-color:var(--color-gray-lightest);border-radius:20px;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between}#page-content.template-about #about-us .member .avatar{height:245px;border-radius:20px 20px 0 0;background-size:cover;background-position:bottom center;background-repeat:no-repeat}#page-content.template-about #about-us .member .details{font-size:15px;padding:20px;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;flex:1}#page-content.template-about #about-us .member h3{margin:0 0 5px;font-size:18px}#page-content.template-about #about-us .member .position{display:block;color:var(--color-orange);margin:0 0 5px}#page-content.template-about #about-us .member .email{display:flex;gap:10px;margin-top:auto}#page-content.template-about #about-us .member .email:before{content:"";display:block;color:var(--color-yellow);background-image:url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22%23FFC403%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%209L9.5%2012L14%209%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M17%2019H3C1.89543%2019%201%2018.1046%201%2017V7C1%205.89543%201.89543%205%203%205H16C17.1046%205%2018%205.89543%2018%207V9%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M17%2014H23M23%2014L20%2011M23%2014L20%2017%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");width:20px;height:20px}@media only screen and (max-width: 1280px){#page-content.template-about #about-us .text-box{display:block}#page-content.template-about #about-us .text-box .section-title{margin-bottom:20px}#page-content.template-about #about-us .text-box .section-title h2{display:flex;align-items:baseline;gap:20px}#page-content.template-about #about-us .text-box .section-title h2 img{margin:0}}@media only screen and (max-width: 767px){#page-content.template-about #about-us .text-box{padding:30px 20px;margin:-100px 0 30px}#page-content.template-about #about-us .text-box .section-title h2 img{width:20px}#page-content.template-about #about-us .text-box .text{column-count:1}}#page-content.template-about #contacts{background-color:var(--color-white)}#page-content.template-about #contacts h2{margin:0 0 45px}#page-content.template-about #contacts p{margin:0}#page-content.template-about #contacts .info{gap:25px;flex-direction:row-reverse;align-items:stretch}#page-content.template-about #contacts .information-boxes{display:grid;gap:25px;grid-template-columns:repeat(2, 1fr);padding:20px 0}#page-content.template-about #contacts .information-box:nth-child(3){grid-column:span 2}#page-content.template-about #contacts .information-box .text{font-size:14px}#page-content.template-about #contacts .information-box .title{min-height:50px}#page-content.template-about #contacts .information-box .email,#page-content.template-about #contacts .information-box .phone{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:5px;line-height:2}#page-content.template-about #contacts .information-box .email strong,#page-content.template-about #contacts .information-box .phone strong{display:inline-flex;align-items:center;gap:5px}#page-content.template-about #contacts .information-box .email strong svg,#page-content.template-about #contacts .information-box .phone strong svg{width:18px}#page-content.template-about #contacts .information-box .bank{margin-top:10px}#page-content.template-about #contacts .image{width:100%;min-height:650px;border-radius:40px;background-size:cover}@media only screen and (max-width: 767px){#page-content.template-about #contacts .image{border-radius:20px;min-height:200px}#page-content.template-about #contacts .information-boxes{display:block}#page-content.template-about #contacts .information-box:not(:last-child){margin-bottom:20px}}#page-content.template-about #story{background-color:var(--color-white)}#page-content.template-about #story h2{text-align:center;margin:0 auto 60px}#page-content.template-about #story .years{width:100%;margin:0 auto}#page-content.template-about #story .years .year-stop{max-width:755px;animation-name:fade;animation-duration:1s;position:relative;margin-inline:auto;z-index:1}#page-content.template-about #story .years .year-stop:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-3deg);border-radius:40px;border:1px solid var(--color-blue);z-index:-1;background-color:var(--color-blue-light)}#page-content.template-about #story .years .year-stop .year{text-align:start;width:100%;border:1px solid var(--color-blue);border-radius:40px;padding:30px;background:var(--color-white);z-index:2}#page-content.template-about #story .years .year-stop .image{border-radius:100px;width:128px;aspect-ratio:1/1;background-image:var(--avatar-image);background-position:center;background-size:cover;margin-bottom:20px}#page-content.template-about #story .years .year-stop h3{font-size:26px;font-weight:700;text-wrap:pretty;margin:0 0 20px}#page-content.template-about #story .years .year-stop .description{font-size:16px;max-width:100%}#page-content.template-about #story .years .year-stop .year-badge{position:absolute;top:30px;right:30px;background:var(--color-blue);color:var(--color-white);font-family:var(--secondary-font-family);font-size:14px;font-weight:bold;padding:5px 10px;border-radius:6px}@keyframes fade{from{opacity:.5}to{opacity:1}}#page-content.template-about #story .timeline{margin:70px auto;background:var(--color-blue);padding-inline:60px;border-radius:50px;overflow:hidden;width:max-content}#page-content.template-about #story .timeline .scrollable{overflow-x:scroll;scroll-behavior:smooth;display:flex;padding-block:20px;gap:40px}#page-content.template-about #story .timeline .scrollable::-webkit-scrollbar{display:none}#page-content.template-about #story .timeline .scrollable{-ms-overflow-style:none;scrollbar-width:none}#page-content.template-about #story .timeline span,#page-content.template-about #story .timeline a{display:block;color:#fff;opacity:.5;cursor:not-allowed;font-size:22px;font-weight:300;text-decoration:none}#page-content.template-about #story .timeline span.stop,#page-content.template-about #story .timeline a.stop{font-weight:700;opacity:1;cursor:pointer}#page-content.template-about #story .timeline span.stop.active,#page-content.template-about #story .timeline span.stop:active,#page-content.template-about #story .timeline span.stop:focus,#page-content.template-about #story .timeline a.stop.active,#page-content.template-about #story .timeline a.stop:active,#page-content.template-about #story .timeline a.stop:focus{color:var(--color-yellow)}#page-content.template-about #story .buttons{justify-content:center;gap:30px}@media only screen and (max-width: 991px){#page-content.template-about #story .years .year-stop:after{border-radius:20px}#page-content.template-about #story .years .year-stop .year{border-radius:20px;padding:20px}#page-content.template-about #story .years .year-stop .year h3{font-size:18px}#page-content.template-about #story .timeline{margin:30px auto;width:auto}}#page-content.template-about #experience{padding-bottom:150px}@media only screen and (max-width: 767px){#page-content.template-about #experience{padding-bottom:130px}}