.swiper-btn-prev,.swiper-btn-next{border-radius:100px;width:64px;height:64px;background-color:#fff;align-items:center;justify-content:center;display:flex;cursor:pointer;transition:opacity .3s ease-out}@media (hover: hover){:is(.swiper-btn-prev,.swiper-btn-next):hover{opacity:.8}}:is(.swiper-btn-prev,.swiper-btn-next).swiper-button-disabled{opacity:.6;pointer-events:none}.swiper-btn-prev svg{rotate:180deg}.wrap-example-project{display:grid;flex-direction:column;background-color:#ebebeb;padding-block:clamp(2.75rem,calc(1.917rem + 1.736vw),4rem);gap:clamp(2.75rem,calc(1.917rem + 1.736vw),4rem) clamp(.5rem,calc(0rem + 1.042vw),1.25rem);grid-template-columns:repeat(5,1fr)}.wrap-example-project .head-title-project{grid-column:2 / -1;font-family:var(--font-family);font-weight:400;font-size:clamp(3rem,calc(2.333rem + 1.389vw),4rem);line-height:110%;letter-spacing:-.04em;color:#000}.wrap-example-project .wrap-slider{position:relative;grid-column:1 / -1;display:inherit;grid-template-columns:inherit;gap:clamp(.5rem,calc(0rem + 1.042vw),1.25rem) clamp(1.25rem,calc(1.083rem + .347vw),1.5rem)}.wrap-example-project .wrap-slider .wrap-dots{grid-column:1 / -1;display:flex;flex-direction:row;gap:8px;justify-content:center}.wrap-example-project .wrap-slider .wrap-dots span{width:clamp(.5rem,calc(.333rem + .347vw),.75rem);height:clamp(.5rem,calc(.333rem + .347vw),.75rem);background-color:#000;margin:0;transition:opacity .3s ease-out;opacity:.2}.wrap-example-project .wrap-slider .wrap-dots span.swiper-pagination-bullet-active{opacity:1}.wrap-example-project .wrap-slider .swiper-btn-prev,.wrap-example-project .wrap-slider .swiper-btn-next{position:absolute;top:0;bottom:0;margin:auto 0;z-index:1}.wrap-example-project .wrap-slider .swiper-btn-prev{left:0}.wrap-example-project .wrap-slider .swiper-btn-next{right:0}.wrap-example-project .Project__swiper{overflow:visible;grid-column:2 / 5;width:100%}.wrap-example-project .Project__swiper .swiper-slide{height:fit-content;display:flex;flex-direction:column;gap:16px;cursor:pointer}.wrap-example-project .Project__swiper .swiper-slide .title-project{font-family:var(--font-family);font-weight:400;font-size:clamp(1.5rem,calc(1.167rem + .694vw),2rem);line-height:136%;letter-spacing:-.04em;color:#000}.wrap-example-project .Project__swiper .swiper-slide img{height:clamp(25.875rem,calc(17.417rem + 17.622vw),38.563rem)}@media (max-width: 1366px){.swiper-btn-prev,.swiper-btn-next{display:none}.wrap-example-project{display:flex;flex-direction:column}.wrap-example-project .wrap-slider{flex-direction:inherit}}@media (max-width: 768px){.wrap-example-project{padding-block:clamp(1.5rem,calc(.307rem + 5.089vw),2.75rem);gap:44px 8px}.wrap-example-project .head-title-project{font-size:clamp(2rem,calc(1.046rem + 4.071vw),3rem);line-height:120%}.wrap-example-project .wrap-slider{gap:8px clamp(1rem,calc(.523rem + 2.036vw),1.5rem)}.wrap-example-project .wrap-slider .wrap-dots{gap:clamp(.375rem,calc(.256rem + .509vw),.5rem)}.wrap-example-project .wrap-slider .wrap-dots span{width:clamp(.375rem,calc(.256rem + .509vw),.5rem);height:clamp(.375rem,calc(.256rem + .509vw),.5rem)}.wrap-example-project .Project__swiper .swiper-slide{gap:clamp(.5rem,calc(.023rem + 2.036vw),1rem)}.wrap-example-project .Project__swiper .swiper-slide .title-project{font-size:clamp(1.125rem,calc(.767rem + 1.527vw),1.5rem);line-height:110%}.wrap-example-project .Project__swiper .swiper-slide img{height:clamp(12.625rem,calc(-.018rem + 53.944vw),25.875rem)}}