.technologies .row-technologies, .product-technologies .row-technologies {margin-right: -6px;margin-left: -6px; } .technologies .col-technology, .product-technologies .col-technology {display: flex;margin-bottom: 12px;padding-right: 6px;padding-left: 6px; } .technologies .technology-card, .product-technologies .technology-card {width: 100%;height: 100%;overflow: hidden;box-shadow: none;text-transform: none !important;transition: box-shadow 0.2s ease-in-out; } .technologies .technology-card .card-body, .product-technologies .technology-card .card-body {display: flex;flex-direction: column;padding: 22px 20px 24px; } .technologies .technology-card .card-body .card-title, .product-technologies .technology-card .card-body .card-title {margin: 0 0 10px;font-family: "Sora", sans-serif;font-size: 18px;font-style: normal;font-weight: 700;line-height: 1.25;text-transform: none !important; } .technologies .technology-card .card-body .card-text, .product-technologies .technology-card .card-body .card-text {display: -webkit-box;margin: 0 0 18px;overflow: hidden;color: var(--gray-600);font-family: "Manrope", sans-serif;font-size: 13px;font-style: normal;font-weight: 400;line-height: 1.5;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-clamp: 3; } .technologies .technology-card .card-img-top, .product-technologies .technology-card .card-img-top {aspect-ratio: 2/1;min-height: 0;overflow: hidden; } .technologies .technology-card .card-img-top .technology-carousel, .technologies .technology-card .card-img-top .holder, .technologies .technology-card .card-img-top .slider, .product-technologies .technology-card .card-img-top .technology-carousel, .product-technologies .technology-card .card-img-top .holder, .product-technologies .technology-card .card-img-top .slider {width: 100%;height: 100%; } .technologies .technology-card .card-img-top .slide, .product-technologies .technology-card .card-img-top .slide {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;min-height: 0;overflow: hidden; } .technologies .technology-card .card-img-top .img-fluid, .product-technologies .technology-card .card-img-top .img-fluid {width: 100%;height: 100%;max-height: none;object-fit: contain;transition: transform 0.25s ease-in-out; } .technologies .technology-card .technology-more, .product-technologies .technology-card .technology-more {display: block;min-height: 44px;margin-top: auto;margin-left: auto;margin-right: auto;padding: 12px 20px;color: var(--primary);background: var(--secondary);border-color: var(--secondary);border-radius: 0;font-family: "Manrope", sans-serif;font-size: 13px;font-style: normal;font-weight: 700;letter-spacing: 0;line-height: 1.3;text-transform: none !important; } .technologies .technology-card .technology-more:hover, .technologies .technology-card .technology-more:focus, .product-technologies .technology-card .technology-more:hover, .product-technologies .technology-card .technology-more:focus {color: var(--primary);background: var(--secondary-hover);border-color: var(--secondary-hover-border); } @media (hover: hover) {.technologies .technology-card:hover,.product-technologies .technology-card:hover {box-shadow: 0 0.4444444444rem 1.3333333333rem var(--box-shadow-lg-color);}.technologies .technology-card:hover .card-img-top .slider > .slide:first-child .img-fluid,.product-technologies .technology-card:hover .card-img-top .slider > .slide:first-child .img-fluid {transform: scale(1.035);} } .technologies .technology-carousel .btn-prev, .technologies .technology-carousel .btn-next, .product-technologies .technology-carousel .btn-prev, .product-technologies .technology-carousel .btn-next {display: flex;z-index: 2;width: 2.2222222222rem;height: 2.2222222222rem;padding: 0.4444444444rem;border-radius: 50%;color: var(--white);background: var(--primary);box-shadow: 0 0.1666666667rem 0.6666666667rem rgba(var(--black), 0.35); } .technologies .technology-carousel .btn-prev:hover, .technologies .technology-carousel .btn-prev:focus, .technologies .technology-carousel .btn-next:hover, .technologies .technology-carousel .btn-next:focus, .product-technologies .technology-carousel .btn-prev:hover, .product-technologies .technology-carousel .btn-prev:focus, .product-technologies .technology-carousel .btn-next:hover, .product-technologies .technology-carousel .btn-next:focus {color: var(--white);background: var(--black); } .technologies .technology-carousel .btn-prev svg, .technologies .technology-carousel .btn-next svg, .product-technologies .technology-carousel .btn-prev svg, .product-technologies .technology-carousel .btn-next svg {width: auto;height: 1.1111111111rem; } .modal-technology .modal-dialog {width: calc(100vw - 1.5rem);max-width: 61.1111111111rem;max-height: calc(100vh - 1.5rem); } @media (min-width: 768px) {.modal-technology .modal-dialog {max-height: calc(100vh - 4.4444444444rem);} } .modal-technology .modal-content {width: 100%;max-height: calc(100vh - 1.5rem);overflow: hidden; } @media (min-width: 768px) {.modal-technology .modal-content {max-height: calc(100vh - 4.4444444444rem);} } .modal-technology .modal-title {margin-bottom: 1.1111111111rem;padding-right: 2.5rem;line-height: 1.2; } .modal-technology .modal-header {position: absolute;top: 0;right: 0;width: auto;padding: 0.5555555556rem; } .modal-technology .modal-body {overflow-y: auto;padding: 1.6666666667rem; } .modal-technology .modal-body > .row {align-items: center; } .modal-technology .modal-body .modal-technology-gallery {margin-bottom: 1.5rem; } @media (min-width: 768px) {.modal-technology .modal-body .modal-technology-gallery {margin-bottom: 0;} } .modal-technology .modal-body .technology-carousel {height: 21.1111111111rem;max-height: calc(100vh - 8.3333333333rem);padding: 0.5555555556rem;border: 1px solid var(--card-border-color); } .modal-technology .modal-body .technology-carousel .slide {display: flex;align-items: center;justify-content: center;min-height: 0; } .modal-technology .modal-body .technology-carousel .img-fluid {max-height: 100%;object-fit: contain; } .modal-technology .modal-body .technology-carousel .btn-prev, .modal-technology .modal-body .technology-carousel .btn-next {display: flex;z-index: 2;width: 2.2222222222rem;height: 2.2222222222rem;padding: 0.4444444444rem;border-radius: 50%;color: var(--white);background: var(--primary);box-shadow: 0 0.1666666667rem 0.6666666667rem rgba(var(--black), 0.35); } .modal-technology .modal-body .technology-carousel .btn-prev:hover, .modal-technology .modal-body .technology-carousel .btn-prev:focus, .modal-technology .modal-body .technology-carousel .btn-next:hover, .modal-technology .modal-body .technology-carousel .btn-next:focus {color: var(--white);background: var(--black); } .modal-technology .modal-body .technology-carousel .btn-prev svg, .modal-technology .modal-body .technology-carousel .btn-next svg {width: auto;height: 1.1111111111rem; } .modal-technology .modal-body .technology-carousel .btn-prev {left: 0.5555555556rem; } .modal-technology .modal-body .technology-carousel .btn-next {right: 0.5555555556rem; } .modal-technology .modal-body .content > :first-child {margin-top: 0; } .modal-technology .modal-body .content > :last-child {margin-bottom: 0; } @media (min-width: 768px) {.modal-technology .modal-body {max-height: calc(100vh - 6.6666666667rem);overflow: hidden;}.modal-technology .modal-body .modal-technology-gallery,.modal-technology .modal-body .modal-technology-text {max-height: calc(100vh - 10rem);}.modal-technology .modal-body .modal-technology-text {display: flex;flex-direction: column;justify-content: center;min-height: 0;}.modal-technology .modal-body .modal-technology-text .content {width: 100%;max-height: calc(100vh - 14.4444444444rem);overflow-y: auto;padding-right: 0.5555555556rem;} } .section.product .product-technologies {padding-right: 0;padding-left: 0;background: transparent;border: 0; } .section.product .product-technologies > h2, .section.product .product-technologies .technology-card .card-title {text-transform: none !important; } .section.product .product-technologies > h2 {margin-bottom: 12px;font-family: "Sora", sans-serif;font-size: 30px;font-weight: 800;line-height: 1.2; } .section.product .product-technologies .row-technologies {margin-right: -6px;margin-left: -6px; } .section.product .product-technologies .col-technology {margin-bottom: 12px;padding-right: 6px;padding-left: 6px; } .section.product .product-technologies .technology-card {background: var(--white);border: 0 !important;border-radius: 0;text-transform: none !important; } .section.product .product-technologies .technology-card .card-body {padding: 22px 20px 24px; } .section.product .product-technologies .technology-card .card-title {margin: 0 0 10px;font-family: "Sora", sans-serif;font-size: 18px;font-weight: 700;line-height: 1.25; } .section.product .product-technologies .technology-card .card-text {margin: 0 0 18px;color: var(--gray-600);font-size: 13px;line-height: 1.5; } .section.product .product-technologies .technology-card .card-img-top {aspect-ratio: 2/1;height: auto;min-height: 0;padding: 0;overflow: hidden;background: var(--white);border: 0; } .section.product .product-technologies .technology-card .card-img-top .technology-carousel, .section.product .product-technologies .technology-card .card-img-top .holder, .section.product .product-technologies .technology-card .card-img-top .slider, .section.product .product-technologies .technology-card .card-img-top .slide {width: 100%;height: 100%;min-height: 0; } .section.product .product-technologies .technology-card .card-img-top .img-fluid {display: block;width: 100%;max-width: none;height: 100%;max-height: none;object-fit: cover; } @media (max-width: 991.98px) {.section.product .product-technologies {padding-right: 0;padding-left: 0;} }