@media only screen and (width>=1280px){:root{--border-radius-section:70px}}@media only screen and (width>=1280px){:root{--font-size-heading-h1-featured:61px;--font-size-heading-h1:39px;--font-size-heading-h2:31px;--font-size-heading-h3:25px;--font-size-body-lg:20px}}.projects-inner-hero{border-radius:0 0 var(--border-radius-section) var(--border-radius-section);background-color:#e8eeff;outline:15px solid #f4f7ff;padding:32px 0 40px;overflow:hidden}@media only screen and (width>=1280px){.projects-inner-hero{padding:32px 0 84px}}.projects-inner-hero .m-container{flex-direction:column;gap:32px;display:flex}@media only screen and (width>=1280px){.projects-inner-hero .m-container{gap:48px}}.projects-inner-hero__box{flex-direction:column;gap:32px;display:flex}@media only screen and (width>=1280px){.projects-inner-hero__box{flex-direction:row;align-items:center;gap:80px}}.projects-inner-hero__image{aspect-ratio:353/260;flex-shrink:0;width:min(694px,100%);margin-inline:auto}@media only screen and (width>=1280px){.projects-inner-hero__image{aspect-ratio:694/595;width:min(694px,55%)}}.projects-inner-hero__image .banana-image-gallery-item{width:100%;max-width:100%;height:100%;max-height:100%}.projects-inner-hero__wrapper{flex-direction:column;flex:1;gap:32px;padding:0 16px;display:flex}@media only screen and (width>=1280px){.projects-inner-hero__wrapper{gap:64px;padding:0}}.projects-inner-hero__title{align-items:center;gap:12px;display:flex}@media only screen and (width>=1280px){.projects-inner-hero__title{gap:24px}}.projects-inner-hero__title svg{flex-shrink:0;width:80px;height:80px}.projects-inner-hero__title h1{font-size:var(--font-size-heading-h2);color:#210ac9;margin:0;font-weight:700;line-height:1.2}.projects-inner-hero__content{flex-direction:column;gap:16px;display:flex}@media only screen and (width>=1280px){.projects-inner-hero__content{gap:32px}}.projects-inner-hero__content h2{color:#210ac9;margin:0;font-size:20px;font-weight:700;line-height:1.2}.projects-inner-hero__content p{font-size:var(--font-size-body-lg);color:#000;margin:0;line-height:1.5}.projects-inner-hero__button{flex-direction:column;gap:10px;display:flex}.projects-inner-hero__button p{color:#5a63ff;margin:0;font-size:14px;line-height:1.5}@media only screen and (width>=1280px){:root{--border-radius-section:70px}}@media only screen and (width>=1280px){:root{--font-size-heading-h1-featured:61px;--font-size-heading-h1:39px;--font-size-heading-h2:31px;--font-size-heading-h3:25px;--font-size-body-lg:20px}}.projects-inner-bar{padding-top:40px;overflow:hidden}@media only screen and (width>=1280px){.projects-inner-bar{margin-top:-40px;padding-top:0;overflow:visible}}.projects-inner-bar .m-container{flex-direction:column;gap:32px;display:flex}@media only screen and (width>=1280px){.projects-inner-bar .m-container{align-items:center;gap:64px}}.projects-inner-bar .swiper{width:100%;overflow:visible}@media only screen and (width>=1280px){.projects-inner-bar .swiper{overflow:hidden}}.projects-inner-bar .swiper-slide{background-color:#f4f7ff;border-radius:15px;flex-direction:column;gap:8px;width:auto;padding:12px 24px;display:flex}@media only screen and (width>=1280px){.projects-inner-bar .swiper-slide{background-color:#0000;border-radius:0;padding:0}.projects-inner-bar .swiper-slide:not(:last-child):after{content:"";background-color:#b5c3ff;width:1px;height:20px;position:absolute;top:50%;right:-32px;transform:translate(-50%,-50%)}}.projects-inner-bar .swiper-slide:last-child{margin-right:0!important}.projects-inner-bar .swiper-slide h5{color:#210ac9;margin:0;font-size:16px;font-weight:700;line-height:1.2}@media only screen and (width>=1280px){.projects-inner-bar__box{background-color:#fff6;border:1px solid #fff;border-radius:999px;padding:4px;box-shadow:0 5px 10px #0000000d}}.projects-inner-bar__wrapper{flex-direction:column;gap:16px;display:flex}@media only screen and (width>=1280px){.projects-inner-bar__wrapper{border-radius:inherit;background-color:#fff;border:1px solid #d6dfff;flex-direction:row;align-items:center;gap:40px;padding:12px 64px}}.projects-inner-bar__tags{gap:4px;display:flex}@media only screen and (width>=1280px){:root{--border-radius-section:70px}}@media only screen and (width>=1280px){:root{--font-size-heading-h1-featured:61px;--font-size-heading-h1:39px;--font-size-heading-h2:31px;--font-size-heading-h3:25px;--font-size-body-lg:20px}}.projects-inner-content{padding:32px 0 40px;overflow:hidden}@media only screen and (width>=1280px){.projects-inner-content{padding:40px 0;overflow:visible}}.projects-inner-content__wrapper{flex-direction:column;gap:48px;display:flex}@media only screen and (width>=1280px){.projects-inner-content__wrapper{flex-direction:row;align-items:flex-end}}.projects-inner-content__gallery{flex-direction:column;flex-shrink:0;align-items:center;gap:16px;width:100%;display:flex}@media only screen and (width>=1280px){.projects-inner-content__gallery{width:48%;position:sticky;bottom:40px}}.projects-inner-content__gallery .swiper{width:300px;height:auto;overflow:visible}@media only screen and (width>=1280px){.projects-inner-content__gallery .swiper{width:100%}}.projects-inner-content__gallery .swiper-slide{justify-content:center;height:auto;display:flex}@media only screen and (width>=1280px){.projects-inner-content__gallery .swiper-slide{justify-content:normal}}.projects-inner-content__gallery .swiper-slide:last-child{margin-bottom:0!important}.projects-inner-content__gallery .swiper-slide .banana-image-gallery-item{transition:all .3s;scale:1}@starting-style{.projects-inner-content__gallery .swiper-slide .banana-image-gallery-item{scale:0}}.projects-inner-content__gallery__pagination{color:#5a63ff}.projects-inner-content__gallery__pagination span{font-size:14px;line-height:1.5}.projects-inner-content__gallery__pagination.swiper-pagination-lock{display:none}.projects-inner-content__gallery__navigation{justify-content:center;align-items:center;gap:12px;display:flex}.projects-inner-content__gallery__navigation>div{display:flex}.projects-inner-content__gallery__navigation:has(.swiper-button-lock){display:none}.projects-inner-content__body{flex-direction:column;gap:32px;display:flex}@media only screen and (width>=1280px){.projects-inner-content__body{gap:40px;margin-top:32px;position:sticky;bottom:40px}}.projects-inner-content__body .block{flex-direction:column;gap:16px;display:flex}.projects-inner-content__body .grid{grid-template-columns:1fr;justify-items:center;gap:12px;display:grid}@media only screen and (width>=1280px){.projects-inner-content__body .grid{grid-template-columns:repeat(2,1fr);gap:16px 12px}}.projects-inner-content__body .grid.team{gap:4px 12px}.projects-inner-content__body .swiper{width:300px;overflow:visible}@media only screen and (width>=1280px){.projects-inner-content__body .swiper{width:100%;overflow:hidden}}.projects-inner-content__body .swiper-slide{height:auto}.projects-inner-content__body .swiper-slide:last-child{margin-bottom:0!important}.projects-inner-content__body .swiper-slide .banana-number-card-list{height:100%}.projects-inner-content__body h2{color:#210ac9;margin:0;font-size:20px;font-weight:700;line-height:1.2}.projects-inner-content__body p{color:#000;margin:0;font-size:16px;line-height:1.5}:root{--border-radius-section:40px}@media only screen and (width>=1280px){:root{--border-radius-section:70px}}:root{--font-size-heading-h1-featured:39px;--font-size-heading-h1:31px;--font-size-heading-h2:25px;--font-size-heading-h3:20px;--font-size-body-lg:16px}@media only screen and (width>=1280px){:root{--font-size-heading-h1-featured:61px;--font-size-heading-h1:39px;--font-size-heading-h2:31px;--font-size-heading-h3:25px;--font-size-body-lg:20px}.projects-inner-navigation{padding-bottom:16px}}.projects-inner-navigation__wrapper{background-color:#f4f7ff;border-radius:10px;padding:8px 0}@media only screen and (width>=1280px){.projects-inner-navigation__wrapper{border-radius:15px;padding:16px 12px}}.projects-inner-navigation__wrapper .desktop,.projects-inner-navigation__wrapper .mobile{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.projects-inner-navigation__wrapper .desktop{display:none}@media only screen and (width>=1280px){.projects-inner-navigation__wrapper .desktop{display:flex}}.projects-inner-navigation__wrapper .mobile{display:flex}@media only screen and (width>=1280px){.projects-inner-navigation__wrapper .mobile{display:none}}
