.works-block{position:relative}.works-block .works-content{padding:60px 0}.works-block .works-content .works-top{display:flex;flex-direction:row;justify-content:space-between;gap:30px;margin-bottom:40px}.works-block .works-content .works-top .works-title{color:var(--dark);font-size:60px;font-weight:900;line-height:100%;width:50%}.works-block .works-content .works-top .works-desc{color:var(--gray);font-size:16px;line-height:135%;width:50%}.works-block .works-content .works-bottom .swiper-works .swiper-wrapper .swiper-slide .single-work-images{display:flex;flex-direction:row;width:100%;justify-content:space-between}.works-block .works-content .works-bottom .swiper-works .swiper-wrapper .swiper-slide .single-work-left-image{max-width:580px;max-height:580px}.works-block .works-content .works-bottom .swiper-works .swiper-wrapper .swiper-slide .single-work-left-image{width:50%}.works-block .works-content .works-bottom .swiper-works .swiper-wrapper .swiper-slide .single-work-left-image img{width:100%;height:100%;object-fit:cover;cursor:zoom-in}.works-block .works-content .works-bottom .swiper-works .swiper-wrapper .swiper-slide .single-work-right-gallery{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px}.works-block .works-content .works-bottom .swiper-works .swiper-wrapper .swiper-slide .single-work-right-gallery .single-work-img{position:relative}.works-block .works-content .works-bottom .swiper-works .swiper-wrapper .swiper-slide .single-work-left-image{position:relative}.works-block .works-content .works-bottom .swiper-works .swiper-wrapper .swiper-slide .single-work-left-image .text-see{display:flex;flex-direction:column;align-items:center;position:absolute;top:35%;left:35%;width:150px;height:150px;border-radius:50%;background-color:var(--stroke,#e2eaf1);display:flex;align-items:center;justify-content:center;color:var(--dark);font-size:16px;font-style:normal;font-weight:400;line-height:135%;opacity:0;transition:.5s ease;pointer-events:none}.works-block .works-content .works-bottom .swiper-works .swiper-wrapper .swiper-slide .single-work-left-image:before{position:absolute;content:"";width:100%;height:100%;top:0;right:0;background-color:#1c1a18cc;opacity:0;transition:.5s ease;pointer-events:none}.works-block .works-content .works-bottom .swiper-works .swiper-wrapper .swiper-slide .single-work-left-image:hover:before{opacity:1;transition:.5s ease}.works-block .works-content .works-bottom .swiper-works .swiper-wrapper .swiper-slide .single-work-left-image:hover .text-see{opacity:1;transition:.5s ease}.works-block .works-content .works-bottom .swiper-works .swiper-wrapper .swiper-slide .single-work-right-gallery .single-work-img .text-see{display:flex;flex-direction:column;align-items:center;position:absolute;top:25%;left:25%;width:150px;height:150px;border-radius:50%;background-color:var(--stroke,#e2eaf1);display:flex;align-items:center;justify-content:center;color:var(--dark);font-size:16px;font-style:normal;font-weight:400;line-height:135%;opacity:0;transition:.5s ease;pointer-events:none}.works-block .works-content .works-bottom .swiper-works .swiper-wrapper .swiper-slide .single-work-right-gallery .single-work-img:before{position:absolute;content:"";width:100%;height:99%;top:0;right:0;background-color:#1c1a18cc;opacity:0;transition:.5s ease;pointer-events:none}.works-block .works-content .works-bottom .swiper-works .swiper-wrapper .swiper-slide .single-work-right-gallery .single-work-img:hover:before{opacity:1;transition:.5s ease}.works-block .works-content .works-bottom .swiper-works .swiper-wrapper .swiper-slide .single-work-right-gallery .single-work-img:hover .text-see{opacity:1;transition:.5s ease}.works-block .works-content .works-bottom .swiper-works .swiper-wrapper .swiper-slide .single-work-right-gallery img{max-width:285px;max-height:285px;height:100%;object-fit:contain;cursor:zoom-in}.works-block .works-content .works-bottom .swiper-works .swiper-wrapper .swiper-slide .single-work-info{margin-top:30px;display:flex;flex-direction:row;justify-content:space-between;gap:10px}.works-block .works-content .works-bottom .swiper-works .swiper-wrapper .swiper-slide .single-work-info .single-work-info-left{display:flex;flex-direction:column;gap:10px;width:50%}.works-block .works-content .works-bottom .swiper-works .swiper-wrapper .swiper-slide .single-work-info .single-work-info-left .single-work-title{color:var(--dark);font-size:24px;font-weight:600;line-height:120%}.works-block .works-content .works-bottom .swiper-works .swiper-wrapper .swiper-slide .single-work-info .single-work-info-left .single-work-tags-wrapper{display:flex;gap:10px;flex-wrap:wrap}.works-block .works-content .works-bottom .swiper-works .swiper-wrapper .swiper-slide .single-work-info .single-work-info-left .single-work-tags-wrapper .single-work-tag{display:flex;padding:5px 10px;align-items:flex-start;background:#eff4f8}.works-block .works-content .works-bottom .swiper-works .swiper-wrapper .swiper-slide .single-work-info .single-work-info-right{display:flex;flex-direction:column;gap:10px;width:50%;color:var(--gray);font-size:16px;line-height:135%}.works-block .works-content .works-bottom .swiper-works .single-works-controls-wrapper{display:flex;flex-direction:row;justify-content:space-between}.works-block .works-content .works-bottom .swiper-works .single-works-controls-wrapper .nav-wrapper{display:flex;align-items:center;gap:10px;margin-top:40px}.works-block .works-content .works-bottom .swiper-works .single-works-controls-wrapper .nav-wrapper .wb-prev,.works-block .works-content .works-bottom .swiper-works .single-works-controls-wrapper .nav-wrapper .wb-next{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--main);cursor:pointer;transition:.3s ease}.works-block .works-content .works-bottom .swiper-works .single-works-controls-wrapper .nav-wrapper .wb-prev:hover,.works-block .works-content .works-bottom .swiper-works .single-works-controls-wrapper .nav-wrapper .wb-next:hover{filter:brightness(.8);transition:.3s ease}@media only screen and (max-width:1200px){.works-block .works-content .works-bottom .swiper-works .swiper-wrapper .swiper-slide .single-work-images{flex-direction:column}.works-block .works-content .works-bottom .swiper-works .swiper-wrapper .swiper-slide .single-work-right-gallery{grid-template-columns:repeat(2,1fr);margin-top:10px}.works-block .works-content .works-bottom .swiper-works .swiper-wrapper .swiper-slide .single-work-left-image{width:100%;height:350px;max-width:100%}.works-block .works-content .works-bottom .swiper-works .swiper-wrapper .swiper-slide .single-work-right-gallery img{max-width:100%;max-height:385px;height:100%;width:100%}.works-block .works-content .works-bottom .swiper-works .swiper-wrapper .swiper-slide .single-work-left-image .text-see{top:30%;left:44%}.works-block .works-content .works-bottom .swiper-works .swiper-wrapper .swiper-slide .single-work-right-gallery .single-work-img .text-see{top:30%;left:35%}}@media only screen and (max-width:1000px){.works-block .works-content .works-top .works-title{font-size:42px}.works-block .works-content{padding:30px 0}.works-block .works-content .works-top{flex-direction:column}.works-block .works-content .works-top .works-title{width:100%}.works-block .works-content .works-top .works-desc{width:100%}}@media only screen and (max-width:900px){.works-block .works-content .works-bottom .swiper-works .swiper-wrapper .swiper-slide .single-work-left-image .text-see{display:none}.works-block .works-content .works-bottom .swiper-works .swiper-wrapper .swiper-slide .single-work-right-gallery .single-work-img .text-see{display:none}}@media only screen and (max-width:800px){.works-block .works-content .works-top .works-title{font-size:42px}.works-block .works-content{padding:30px 0}.works-block .works-content .works-bottom .swiper-works .swiper-wrapper .swiper-slide .single-work-info{flex-direction:column}.works-block .works-content .works-bottom .swiper-works .swiper-wrapper .swiper-slide .single-work-info .single-work-info-left{width:100%}.works-block .works-content .works-bottom .swiper-works .swiper-wrapper .swiper-slide .single-work-info .single-work-info-right{width:100%}}@media only screen and (max-width:480px){.works-block .works-content .works-top .works-title{font-size:32px}}