.product-card {}
.product-card h2 {color:#FFF;text-align: center;font-family: 'Graphie Bold',sans-serif;font-size: 36px;display: table;margin:0 auto 100px auto;padding-top:100px;}
.product-card h2::before {content:'';width: 3px;height: 30px;display: inline-block;margin-right: 20px;float: left;margin-top: 8px;background:#FFF;}
.product-card .grid .row {display: flex; align-items: stretch;}
.product-card .col-md-6 {display: flex; justify-content: center; flex-direction: column;}
.product-card .image-container { position: relative; display: inline-block; margin-left: 60px; margin: 0 auto; display: flex; justify-content: center; align-items: center; height: auto; }
.product-card .image-container img { display: block; width: 100%; height: auto; }
.product-card .image-container::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, #161F2D 0%, rgba(22, 31, 45, 0.68) 100%); pointer-events: none; z-index: 99; }
.product-card.image-on-the-left .image-container::before {background: linear-gradient(-90deg, #161F2D 0%, rgba(22, 31, 45, 0.68) 100%);}
.product-card .text-over-image { font-family: 'Graphie', sans-serif; font-size: 52px; letter-spacing: 10.4px; text-transform: uppercase; position: absolute; z-index: 100; }


.product-card .card {background:#262F3F;padding:50px;border-left:2px;border-style: solid;border-right:0;border-top:0;border-bottom:0;}
.product-card .card .card-item {display: flex; align-items: top;}
.product-card .card .icon { flex-shrink: 0; width: 58px; height: 58px; background: #303A49;padding-top:14px;margin-bottom:35px;}
.product-card .card .icon svg {display: table;margin:0 auto;}
.product-card .card .txt { margin-left: 25px; flex-grow: 1;margin-bottom:35px;}
.product-card .card .txt p {margin: 0;color: #FFF;font-family: 'Graphie Light',sans-serif;font-size: 18px;line-height: 150%;}
.product-card .card .card-item:last-child .icon {margin-bottom:0;}
.product-card .card .card-item:last-child .txt {margin-bottom:0;}

.product-card .cta {color:#161F2D;font-family: 'Graphie Bold', sans-serif;font-size: 24px;display: table;padding:0 24px;line-height: 60px;text-decoration: none;margin-left:84px;white-space: nowrap;}
.product-card .cta:hover {}
.product-card .cta::after {content: ''; display: inline-block; width: 13px; height: 19px; margin-left:20px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='19' viewBox='0 0 13 19' fill='none'%3E%3Cpath d='M3 16.5L10 9.5L3 2.5' stroke='%23161F2D' stroke-width='3' stroke-linecap='square'/%3E%3C/svg%3E") no-repeat center;}

.product-card h2.labs {font-family:'Graphie',sans-serif;letter-spacing: 7.007px;}
.product-card h2 span::after { content: ''; display: inline-block; width: 26px; height: 6px; margin-left: 4px; background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="6" viewBox="0 0 26 6" fill="none"><path d="M23.5732 0.5C24.2474 0.5 24.875 0.66272 25.2082 0.910675V1.89474H25.1617C24.8285 1.53831 24.2396 1.3291 23.5577 1.3291C22.9068 1.3291 22.4884 1.60805 22.4884 2.04197C22.4884 2.40615 22.7596 2.59212 23.6275 2.67735C24.999 2.81683 25.5026 3.28949 25.5026 4.23482C25.5026 5.21888 24.7588 5.80003 23.488 5.80003C22.6434 5.80003 21.977 5.62956 21.5586 5.31187V4.32005H21.6051C22.07 4.74622 22.7131 4.97093 23.4647 4.97093C24.1776 4.97093 24.5805 4.71523 24.5805 4.25806C24.5805 3.86288 24.3016 3.67692 23.3873 3.57619C22.0468 3.42896 21.5663 2.99504 21.5663 2.09621C21.5663 1.10439 22.3335 0.5 23.5732 0.5Z" fill="%23B1B1B1"/><path d="M17.9183 3.08818V3.10367C18.4995 3.28189 18.8017 3.68482 18.8017 4.3047C18.8017 5.24228 18.1818 5.72269 16.9963 5.72269H14.6484V0.577637H16.8025C17.9958 0.577637 18.6157 1.0503 18.6157 1.97238C18.6157 2.50703 18.3833 2.88671 17.9183 3.08818ZM15.5783 2.72399H16.7328C17.3759 2.72399 17.6859 2.50703 17.6859 2.05762C17.6859 1.61595 17.3914 1.40673 16.7948 1.40673H15.5783V2.72399ZM15.5783 4.8936H16.973C17.5619 4.8936 17.8641 4.67664 17.8641 4.21947C17.8641 3.7623 17.5542 3.52985 16.9188 3.52985H15.5783V4.8936Z" fill="%23B1B1B1"/><path d="M10.8815 5.72269L10.4708 4.75412H7.83628L7.4256 5.72269H6.45703L8.71962 0.577637H9.6107L11.881 5.72269H10.8815ZM9.16129 1.63144H9.14579L8.17722 3.94052H10.1299L9.16129 1.63144Z" fill="%23B1B1B1"/><path d="M3.69607 5.72269H0V0.577637H0.92983V4.8936H3.69607V5.72269Z" fill="%23B1B1B1"/></svg>'); vertical-align: top; }
.product-card h2 span svg {position:absolute;top:3px;right:-20px;zoom: 125%;}
.product-card .text-over-image span::after { content: ''; display: inline-block; width: 55px; height: 14px; margin-left: 4px;background: url('data:image/svg+xml;utf8,<svg width="55" height="14" viewBox="0 0 55 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.936 13.041H0.35V1.08902H2.51V11.115H8.936V13.041ZM23.5723 13.041L22.6183 10.791H16.4983L15.5443 13.041H13.2943L18.5503 1.08902H20.6203L25.8943 13.041H23.5723ZM19.5763 3.53702H19.5403L17.2903 8.90102H21.8263L19.5763 3.53702ZM38.7358 6.92102V6.95702C40.0858 7.37102 40.7878 8.30702 40.7878 9.74702C40.7878 11.925 39.3478 13.041 36.5938 13.041H31.1398V1.08902H36.1438C38.9158 1.08902 40.3558 2.18701 40.3558 4.32902C40.3558 5.57102 39.8158 6.45302 38.7358 6.92102ZM33.2998 6.07502H35.9818C37.4758 6.07502 38.1958 5.57102 38.1958 4.52702C38.1958 3.50102 37.5118 3.01501 36.1258 3.01501H33.2998V6.07502ZM33.2998 11.115H36.5398C37.9078 11.115 38.6098 10.611 38.6098 9.54902C38.6098 8.48702 37.8898 7.94702 36.4138 7.94702H33.2998V11.115ZM50.4102 0.909015C51.9762 0.909015 53.4342 1.28701 54.2082 1.86301V4.14902H54.1002C53.3262 3.32102 51.9582 2.83502 50.3742 2.83502C48.8622 2.83502 47.8902 3.48302 47.8902 4.49102C47.8902 5.33702 48.5202 5.76902 50.5362 5.96702C53.7222 6.29102 54.8923 7.38902 54.8923 9.58502C54.8923 11.871 53.1642 13.221 50.2122 13.221C48.2502 13.221 46.7022 12.825 45.7302 12.087V9.78302H45.8382C46.9182 10.773 48.4122 11.295 50.1582 11.295C51.8142 11.295 52.7502 10.701 52.7502 9.63902C52.7502 8.72102 52.1022 8.28902 49.9782 8.05502C46.8642 7.71302 45.7482 6.70502 45.7482 4.61702C45.7482 2.31302 47.5302 0.909015 50.4102 0.909015Z" fill="white"/></svg>'); vertical-align: top; }
.product-card .text-over-image span svg {position:absolute;top:3px;right:-20px;zoom: 125%;}

.product-card.image-on-the-left .image-col {order:1;}
.product-card.image-on-the-left .card-col {order:2;}
.product-card.image-on-the-left .card {border-left:0;border-right:2px;border-right-style: solid;}


.product-card.Green .card {border-color:#00E96C;}
.product-card.Green .text-over-image {color:#00E96C}
.product-card.Green .cta {background: #00E96C;position: relative;transition: background 1s ease;overflow: hidden;z-index: 1;}
.product-card.Green .cta::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(90deg, #0094FF 0%, #00EB6C 100%);z-index: -1;opacity: 0;transition: opacity 1s ease;}
.product-card.Green .cta:hover::before {opacity: 1;}
/*
.product-card.Green .cta {background:#00E96C;transition:background 1s ease;}
.product-card.Green .cta:hover {background:linear-gradient(90deg, #0094FF 0%, #00EB6C 100%);}
*/
.product-card.Blue .card {border-color:#00A1E1;}
.product-card.Blue .text-over-image {color:#00A1E1}
.product-card.Blue .cta {background:#00A1E1;position: relative;transition: background 1s ease;overflow: hidden;z-index: 1;}
.product-card.Blue .cta::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(90deg, #0094FF 0%, #00EB6C 100%);z-index: -1;opacity: 0;transition: opacity 1s ease;}
.product-card.Blue .cta:hover::before {opacity: 1;}

.product-card.LightBlue .card {border-color:#69E0F5;}
.product-card.LightBlue .text-over-image {color:#69E0F5}
.product-card.LightBlue .cta {background:#69E0F5;position: relative;transition: background 1s ease;overflow: hidden;z-index: 1;}
.product-card.LightBlue .cta::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(90deg, #0094FF 0%, #00EB6C 100%);z-index: -1;opacity: 0;transition: opacity 1s ease;}
.product-card.LightBlue .cta:hover::before {opacity: 1;}

.product-card.Orange .card {border-color:#F85849;}
.product-card.Orange .text-over-image {color:#F85849}
.product-card.Orange .cta {background:#F85849;position: relative;transition: background 1s ease;overflow: hidden;z-index: 1;}
.product-card.Orange .cta::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(90deg, #0094FF 0%, #00EB6C 100%);z-index: -1;opacity: 0;transition: opacity 1s ease;}
.product-card.Orange .cta:hover::before {opacity: 1;}




@media all and (min-width: 1px) and (max-width: 768px) {
    .product-card {margin-bottom:50px;}
	.product-card h2 {font-size: 24px;}
    .product-card h2::before {margin-right: 10px;margin-top: 0;}
    .product-card .card .txt p {font-size:16px;}
    .product-card .image-col {order:1;}
    .product-card .card-col {order:2;}
    .product-card .grid .row {flex-direction: column}
    .product-card .text-over-image {font-size: 24px;}
    .product-card .cta {font-size: 16px;margin-left:-30px;position:relative;padding-right:50px;}
    .product-card .cta::after {position:absolute;top: 20px; right:20px;}
    .product-card .card {padding:30px 30px 0 30px;}
    .product-card .card .card-item {flex-direction: column}
    .product-card .card .txt {margin-left:0;}
    .product-card .card .icon {margin-bottom:15px;}
}
@media all and (min-width: 769px) and (max-width: 999px) {
	.product-card h2 {font-size: 26px;}
    .product-card h2::before {margin-right: 15px;margin-top: 1px;}
    .product-card .card .txt p {font-size:16px;}
    .product-card .cta {font-size: 16px;position:relative;padding-right:50px;margin-left:0;}
    .product-card .cta::after {position:absolute;top: 20px; right:20px;}
}
@media all and (min-width: 1000px) and (max-width: 1199px) {
    .product-card h2 {font-size: 28px;}
    .product-card h2::before {margin-right: 15px;margin-top: 4px;}
    .product-card .cta {font-size: 18px;position:relative;padding-right:50px;}
    .product-card .cta::after {position:absolute;top: 20px; right:20px;}

}