:root{--black-color:#000;--white-color:#fff;--accent-color:#f2dc00;--gray-color:#2c2c2c;--line-color:rgba(62, 62, 62, 0.15);--txt-gray-color:#a0a0a0;--back-color:#eeeeee;--blue-color:#6abfda;--green-color:#70c984;--shadow:0px 4px 55px 0px rgba(0, 0, 0, 0.15);--shadow-2:0px 18px 20px 8px rgba(0, 0, 0, 0.25);--trs-300:300ms ease;--trs-600:600ms ease;--trs-1200:1200ms ease;--trs-2000:2000ms ease;--trs-cubic-800:0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);--trs-cubic-600:0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);--trs-cubic-500:0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);--trs-cubic-400:0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);--trs-cubic-300:0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);--trs-cubic-200:0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);--trs-cubic-100:0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);--screensize:1920}.portfolio-modal .modal-content-wrapper{width:calc(1116 / var(--screensize) * 100vw)}.portfolio-modal .modal-content-wrapper h3{margin-bottom:calc(12 / var(--screensize) * 100vw)}.portfolio-modal .modal-content-wrapper .modal-content{margin-top:calc(28 / var(--screensize) * 100vw);gap:calc(48 / var(--screensize) * 100vw);display:-ms-grid;display:grid;-ms-grid-columns:calc(498 / var(--screensize) * 100vw) calc(473 / var(--screensize) * 100vw);grid-template-columns:calc(498 / var(--screensize) * 100vw) calc(473 / var(--screensize) * 100vw)}.portfolio-modal .modal-content-wrapper .modal-content .portfolio-modal-swiper-wrapper{position:relative;width:calc(498 / var(--screensize) * 100vw);height:calc(498 / var(--screensize) * 100vw);max-width:calc(498 / var(--screensize) * 100vw);max-height:calc(498 / var(--screensize) * 100vw)}.portfolio-modal .modal-content-wrapper .modal-content .portfolio-modal-swiper-wrapper .portfolio-modal-swiper{overflow:hidden;width:calc(498 / var(--screensize) * 100vw);height:calc(498 / var(--screensize) * 100vw);max-width:calc(498 / var(--screensize) * 100vw);max-height:calc(498 / var(--screensize) * 100vw)}.portfolio-modal .modal-content-wrapper .modal-content .portfolio-modal-swiper-wrapper .portfolio-modal-swiper img{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.portfolio-modal .modal-content-wrapper .modal-content .portfolio-modal-swiper-wrapper .pagination{margin-top:calc(16 / var(--screensize) * 100vw)}.portfolio-modal .modal-content-wrapper .modal-content .portfolio-modal-swiper-wrapper .navigation{position:absolute;top:0;bottom:0;left:calc(-24 / var(--screensize) * 100vw);right:calc(-24 / var(--screensize) * 100vw);margin:auto;z-index:2;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.portfolio-modal .modal-content-wrapper .modal-content .text-block .text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:calc(10 / var(--screensize) * 100vw)}.portfolio-modal .modal-content-wrapper .modal-content .text-block .text p{font-weight:500;font-size:calc(16 / var(--screensize) * 100vw);line-height:calc(22 / var(--screensize) * 100vw)}.portfolio-modal .modal-content-wrapper .modal-content .text-block .portfolio-modal-info{margin-top:calc(28 / var(--screensize) * 100vw);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:calc(12 / var(--screensize) * 100vw)}.portfolio-modal .modal-content-wrapper .modal-content .text-block .portfolio-modal-info .portfolio-modal-info-item{height:calc(62 / var(--screensize) * 100vw);border:1px solid var(--line-color);border-radius:calc(12 / var(--screensize) * 100vw);padding:calc(0 / var(--screensize) * 100vw) calc(28 / var(--screensize) * 100vw);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.portfolio-modal .modal-content-wrapper .modal-content .text-block .portfolio-modal-info .portfolio-modal-info-item span{font-weight:500;font-size:calc(16 / var(--screensize) * 100vw);line-height:calc(22 / var(--screensize) * 100vw);color:var(--txt-gray-color)}.portfolio-modal .modal-content-wrapper .modal-content .text-block .portfolio-modal-info .portfolio-modal-info-item p{font-weight:700;font-size:calc(16 / var(--screensize) * 100vw);line-height:calc(22 / var(--screensize) * 100vw)}@media (max-width:1440px){:root{--screensize:1680}}@media (max-width:1024px){:root{--screensize:1440}}@media (max-width:767px){:root{--screensize:360}.portfolio-modal .modal-content-wrapper{width:calc(312 / var(--screensize) * 100vw)}.portfolio-modal .modal-content-wrapper h3{margin-bottom:calc(16 / var(--screensize) * 100vw);max-width:calc(240 / var(--screensize) * 100vw)}.portfolio-modal .modal-content-wrapper .modal-content{-ms-grid-columns:1fr;grid-template-columns:1fr;gap:calc(40 / var(--screensize) * 100vw);margin-top:calc(24 / var(--screensize) * 100vw)}.portfolio-modal .modal-content-wrapper .modal-content .portfolio-modal-swiper-wrapper{width:calc(264 / var(--screensize) * 100vw);height:calc(264 / var(--screensize) * 100vw);max-width:calc(264 / var(--screensize) * 100vw);max-height:calc(264 / var(--screensize) * 100vw)}.portfolio-modal .modal-content-wrapper .modal-content .portfolio-modal-swiper-wrapper .portfolio-modal-swiper{width:calc(264 / var(--screensize) * 100vw);height:calc(264 / var(--screensize) * 100vw);max-width:calc(264 / var(--screensize) * 100vw);max-height:calc(264 / var(--screensize) * 100vw);padding-bottom:calc(22 / var(--screensize) * 100vw)}.portfolio-modal .modal-content-wrapper .modal-content .portfolio-modal-swiper-wrapper .portfolio-modal-swiper img{border-radius:calc(6 / var(--screensize) * 100vw)}}