.product-slider {margin-bottom:100px;padding-top:100px;background-size:cover !important;}
.product-slider .text-content {border-left:3px solid #00A1E1;padding-left:80px;min-height: 440px;display: flex; justify-content: center; align-items: center;}
.product-slider .text-content.border_on_top_of_the_text {border-left:0;padding-left:80px;display: flex; justify-content: center; align-items: center;}
.product-slider .text-content.border_on_top_of_the_text .border-top {border-top:3px solid #00A1E1;margin-bottom:40px;max-width: 140px;}
.product-slider .text-content.border_on_top_of_the_text p {min-height: auto;}
.product-slider h3 {color:#00A1E1;font-family: 'Graphie Bold',sans-serif;font-size: 40px;line-height: 46px;letter-spacing: 8px;margin-bottom:15px;position:relative;}
.product-slider h3.labs::after {content: 'LABS'; display: inline-block;  vertical-align: top; color: #FFF;font-family: 'Graphie Bold',sans-serif;font-size: 18px;letter-spacing: 3.6px;position: absolute;top: -8px;margin-left: 10px;}
.product-slider h3.white_title {color:#FFF !important;letter-spacing: 1px;}
.product-slider h3.white_title strong {font-family: 'Graphie',sans-serif;font-weight: 300;}
.product-slider span {color:#00A1E1;font-family: 'Graphie Bold',sans-serif;font-size: 24px;margin-bottom:15px;display: block;}
.product-slider strong {font-weight: 700;font-family: 'Graphie Bold',sans-serif;}
.product-slider p {color:#FFF;font-family: 'Graphie Light',sans-serif;font-size: 18px;line-height: 150%;margin-bottom:30px;line-height: 150%;}
.product-slider p.h3_has_white_title {}
.product-slider p strong.labs {font-size:35px;position:relative;margin-right:60px;line-height:150%;font-family: "Graphie Light",sans-serif;}
.product-slider p strong.labs::after {content: 'LABS'; display: inline-block;  vertical-align: top; color: #FFF;font-family: 'Graphie Bold',sans-serif;font-size: 14px;letter-spacing: 3.6px;position: absolute;top: -12px;margin-left: 10px;}
.product-slider a {position: relative;transition: background 1s ease;overflow: hidden;z-index: 1;position:relative;font-family: 'Graphie Bold',sans-serif;font-size: 24px;line-height: 60px;height: 60px;padding:0 50px 0 24px;background:#00A1E1;color:#161F2D;text-decoration: none;display: table;white-space: nowrap;}
.product-slider a::after {content: "";display: block;position:absolute; top:22px; right:15px; width: 13px;height: 19px;background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="19" viewBox="0 0 13 19" fill="none"><path d="M3 16.5L10 9.5L3 2.5" stroke="%23161F2D" stroke-width="3" stroke-linecap="square"/></svg>');background-size: contain;background-repeat: no-repeat;}
.product-slider a:hover {text-decoration: none;}
.product-slider a::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-slider a:hover::before {opacity: 1;}

.product-slider .icon-area {margin-top:-139px;position: relative;z-index: 99;}
.product-slider .icon-area.no-negative-margin {margin-top:-30px;}
.product-slider .icon-area h4 {background:#161F2D;font-family: 'Graphie Bold',sans-serif;font-size: 24px;font-weight: 600;line-height:50px;display: table;padding:0 15px;}
.product-slider .icon-area .row {background:#161F2D;}
.product-slider .icon-area .row:first-child {background:transparent;}
.product-slider .icon-area .row:nth-child(2) {padding-top:30px;}
.product-slider .icon-area .icon-item {display:flex;padding:15px;}
.product-slider .icon-area .icon-item span {background:#262F3F;width:60px;height:60px;display: flex;align-items: center;justify-content: center;margin-right:15px;}
.product-slider .icon-area .icon-item span svg {width:60px;}
.product-slider .icon-area .icon-item p {font-family: 'Graphie Light';font-size: 18px;font-weight: 300;line-height: 150%;color:#FFF;padding-right:30px;}



.slider1 {position:relative;margin-bottom:30px;}
.slider1 .item {margin-bottom:60px;}
.slider1 .arrow {border:1px solid #FFF;height:32px;width:34px;display: block;cursor:pointer;position:absolute;bottom:0;z-index: 99;}
.slider1 .arrow svg {display: table;margin:10px auto 0 auto;fill:none;stroke:#FFF;}
.slider1 .arrow.left {left:0;}
.slider1 .arrow.right {left:50px;}
.slider1 .arrow.slick-disabled {border-color:#8a8f96;cursor:default}
.slider1 .arrow.slick-disabled svg {stroke:#8a8f96;}
.slider1 .slick-dots {position: absolute;z-index:99;bottom:15px;left:115px;}
.slider1 .slick-dots li {display: table;float:left;margin-right:15px;}
.slider1 .slick-dots li button {display: block;width: 8px;height:8px;color: transparent;padding:0;border:0;border-radius:0;background:#525963;cursor:pointer}
.slider1 .slick-dots li button::before {content:'';}

.slider1.remove_dots .slick-dots {display: none;}

.product-slider .slick-slider{position: relative;display: block;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.product-slider .slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.product-slider .slick-list:focus{outline: none;}
.product-slider .slick-list.dragging{cursor: pointer;}
.product-slider .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.product-slider .slick-track{position: relative;top: 0;left: 0;display: block;}
.product-slider .slick-track:before,.slick-track:after{display: table;content: '';}
.product-slider .slick-track:after{clear: both;}
.product-slider .slick-loading .slick-track{visibility: hidden;}
.product-slider .slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
.product-slider [dir='rtl'] .slick-slide{float: right;}
.product-slider .slick-slide img{display: block;}
.product-slider .slick-slide.slick-loading img{display: none;}
.product-slider .slick-slide.dragging img{pointer-events: none;}
.product-slider .slick-initialized .slick-slide{display: block;}
.product-slider .slick-loading .slick-slide{visibility: hidden;}
.product-slider .slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.product-slider .slick-arrow.slick-hidden {display: none;}
.product-slider .slick-arrow:focus {outline:none}

.product-slider .slider_on_the_left {display: flex;}
.product-slider .slider_on_the_left .col-md-6:nth-child(1) {order:2;}
.product-slider .slider_on_the_left .col-md-6:nth-child(2) {order:1;}


.product-slider.blue .text-content {border-color:#00A1E1;}
.product-slider.blue .text-content.border_on_top_of_the_text .border-top {border-color:#00A1E1;}
.product-slider.blue h3 {color:#00A1E1;}
.product-slider.blue span {color:#00A1E1;}
.product-slider.blue a {background:#00A1E1;position: relative;transition: background 1s ease;overflow: hidden;z-index: 1;}
.product-slider.blue a:hover {text-decoration: none;}
.product-slider.blue a::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-slider.blue a:hover::before {opacity: 1;}
.product-slider.blue .slider1 .slick-dots li.slick-active button {background:#00A1E1;}
.product-slider.blue h3.white_title strong {color:#00A1E1;}
.product-slider.blue .icon-area h4 {color:#00A1E1;}

.product-slider.green .text-content {border-color:#00E96C;}
.product-slider.green .text-content.border_on_top_of_the_text .border-top {border-color:#00E96C;}
.product-slider.green h3 {color:#00E96C;}
.product-slider.green span {color:#00E96C;}
.product-slider.green a {background:#00E96C;position: relative;transition: background 1s ease;overflow: hidden;z-index: 1;}
.product-slider.green a:hover {text-decoration: none;}
.product-slider.green a::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-slider.green a:hover::before {opacity: 1;}
.product-slider.green .slider1 .slick-dots li.slick-active button {background:#00E96C;}
.product-slider.green h3.white_title strong {color:#00E96C;}
.product-slider.green .icon-area h4 {color:#00E96C;}

.product-slider.lightblue .text-content {border-color:#69E0F5;}
.product-slider.lightblue .text-content.border_on_top_of_the_text .border-top {border-color:#69E0F5;}
.product-slider.lightblue h3 {color:#69E0F5;}
.product-slider.lightblue span {color:#69E0F5;}
.product-slider.lightblue a {background:#69E0F5;position: relative;transition: background 1s ease;overflow: hidden;z-index: 1;}
.product-slider.lightblue a:hover {text-decoration: none;}
.product-slider.lightblue a::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-slider.lightblue a:hover::before {opacity: 1;}
.product-slider.lightblue .slider1 .slick-dots li.slick-active button {background:#69E0F5;}
.product-slider.lightblue h3.white_title strong {color:#69E0F5;}
.product-slider.lightblue .icon-area h4 {color:#69E0F5;}

.product-slider.orange .text-content {border-color:#F85849;}
.product-slider.orange .text-content.border_on_top_of_the_text .border-top {border-color:#F85849;}
.product-slider.orange h3 {color:#F85849;}
.product-slider.orange span {color:#F85849;}
.product-slider.orange a {background:#F85849;position: relative;transition: background 1s ease;overflow: hidden;z-index: 1;}
.product-slider.orange a:hover {text-decoration: none;}
.product-slider.orange a::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-slider.orange .hs-cta-embed a.btn::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-slider.orange a:hover::before {opacity: 1;}
.product-slider.orange .hs-cta-embed a.btn:hover::before {opacity: 1;}
.product-slider.orange .slider1 .slick-dots li.slick-active button {background:#F85849;}
.product-slider.orange h3.white_title strong {color:#F85849;}
.product-slider.orange .icon-area h4 {color:#F85849;}

.product-slider.white .text-content {border-color:#fff;}
.product-slider.white .text-content.border_on_top_of_the_text .border-top {border-color:#fff;}
.product-slider.white h3 {color:#fff;}
.product-slider.white span {color:#fff;}
.product-slider.white a {background:#fff;}
.product-slider.white a:hover {text-decoration: none;}
.product-slider.white a::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-slider.white a:hover::before {opacity: 1;}
.product-slider.white .slider1 .slick-dots li.slick-active button {background:#fff;}
.product-slider.white h3.white_title strong {color:#fff;}
.product-slider.white .icon-area h4 {color:#fff;}


@media all and (min-width: 1px) and (max-width: 768px) {
    .product-slider .text-content {padding-left:30px;}
    .product-slider h3 {font-size: 26px;}
    .product-slider span {font-size: 20px;}
    .product-slider p {font-size: 16px;}
    .product-slider a {font-size: 18px;}
    body > section.product-slider > div > div > div:nth-child(2) > div {padding:30px 0 0 30px;}
    .product-slider .slider_on_the_left {display: block;} 

    body > section.product-slider.blue > div > div > div:nth-child(2) > div {border-left:3px solid #00A1E1;}
    body > section.product-slider.green > div > div > div:nth-child(2) > div {border-left:3px solid #00E96C;}
    body > section.product-slider.lightblue > div > div > div:nth-child(2) > div {border-left:3px solid #69E0F5;}
    body > section.product-slider.orange > div > div > div:nth-child(2) > div {border-left:3px solid #F85849;}
    .related-posts .view-more {float:none !important;margin:50px auto !important;}
}
@media all and (min-width: 769px) and (max-width: 999px) {
    
}