.technopol-page-thumbnail{  background-position: center;  background-size: cover;}
.technopol-service-page-title{  padding: 5% 0 10%; text-align: center;}
li.technopol-case-study-categories-item {    cursor: pointer;}
.technopol-decor-page-title-box{  position: relative; margin: 0 auto; background-color: #0000009e;  padding: 20px 0;  width: 100%;  max-width: 850px;  color: white; }
.technopol-page-breadcrumb-box a{  color: white;}
.technopol-page-box{position: relative;margin-top: -10% !important;  background-color: #7d7d7d;  color: white;}
.technopol-case-study-categories-list:hover>li:not(:hover)>span:before {opacity: 0;}
.technopol-case-study-categories-list>li.active>span:before, .technopol-case-study-categories-list>li:hover>span:before{  opacity: 1;}
.technopol-case-study-categories-list>li>span:before{content: " ";position: absolute;bottom: 0;left: 50%;-ms-transform: translateX(-50%);transform: translateX(-50%);width: 100%;background-color: #ed1c24;transition: all 0.3s;opacity: 0;height: 3px;}
.technopol-case-study-categories-list>li>span {padding: 10px 0;display: inline-block;display: -ms-inline-flexbox;display: inline-flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-align: center;align-items: center;transition: all .2s;font-weight: 700;color: rgba(17, 17, 17, 0.85);}
.technopol-case-study-categories-list>li {display: inline-block;list-style: none;margin: 0;padding: 0;position: relative;margin: 0 7px;transition: background-color .3s;}
.technopol-case-study-categories-list {width: 100%;position: relative;display: -ms-flexbox;-ms-flex-flow: row wrap;flex-flow: row wrap;-ms-flex-align: center;text-align: center;align-items: center;align-self: center;}
.technopol-page-case-study-box-content {position:relative;background-color: #FFF;border-radius: 5%;padding: 0 9.8px 19.6px;padding: 3%;border: 1px solid #f0f0f0;border-radius: 20px;box-shadow: 0px 8px 17px -16px #000;margin-bottom: 1%;}
.technopol-page-case-study-box-body {display:block;}
.technopol-page-case-study-box-text {position: absolute;transform: translateY(-50%);top: 50%;z-index: 16;left: 0px;right: 0px;bottom: auto !important;text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 1px;width: 100%;max-height: 100%;padding-left: 1.5em;padding-right: 1.5em; opacity:0;}
.technopol-page-case-study-box-body a {color: white;padding: 0 20px;text-align: center !important;}
.technopol-page-case-study-box-layer {position: relative;height: auto;padding-top: 100%;background-size: cover;overflow: hidden;background-position: 50% 50%;padding-top: 100%;}
.technopol-page-case-study-box-img {position: relative;height: auto;margin: 0px auto;overflow: hidden;border-radius: 5%;transition: opacity 0.3s, transform 0.3s, background-color 0.3s;display: block;}
.technopol-page-case-study-box-layer img {    transition: filter 0.6s, opacity 0.6s, transform 0.6s, box-shadow 0.3s;right: 0px;width: 100%;height: 100% !important;bottom: 0px;left: 0px;top: 0px;position: absolute;object-position: 50% 50%;object-fit: cover;font-family: "object-fit: cover;"; margin:0 !important; padding:0 !important;}
.technopol-page-case-study-box-content:hover .technopol-page-case-study-box-text {opacity:1;transform: scale(1) translateZ(0px) translateY(-50%) !important;}
.technopol-page-case-study-box-content:hover .case-study-box-overlay {opacity: 1;}
.technopol-page-case-study-box-content:hover .technopol-page-case-study-box-img .technopol-page-case-study-box-layer img {transform: scale(1.1);}
.case-study-box-overlay {position: absolute;top: 0px;bottom: 0px;height: 100%;left: -1px;right: -1px;background-color: rgba(0, 0, 0, 0.65) !important;pointer-events: none;transition: transform 0.3s, opacity 0.6s;opacity:0;}
.technopol-page-case-study-box-body h6 a {font-size: 1.0em;font-weight: 700;line-height: 1.6;margin: 0 !important;padding: 0 !important;text-align:center}
.technopol-page-case-study-box-text ul.case-study-categories {list-style: none;width: 100%;text-align: center;margin: 0 !important;padding: 0 !important;}
.technopol-page-case-study-box-text ul.case-study-categories li a{color: rgb(241, 241, 241); font-size:0.7em; font-weight:400;     margin: 0 !important;padding: 0 !important;}
.technopol-page-case-study-box-content:hover {box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.22) 0px 6px 6px;}
.technopol-case-study-content-head h3 {font-size: 1em;font-weight: 700;color: #666;padding: .5em;height: 100%;text-align: center;align-content: center;}
.technopol-case-study-content-title h2 {    font-size: 1.6em;font-weight: 700;color: #555;width: 100%;margin-top: 0;margin-bottom: .5em;text-rendering: optimizeSpeed;line-height: 1.3;text-align: center;}
.technopol-page-case-study-box-title a {line-height: 1.3;margin-top: .1em;margin-bottom: .1em;font-size: 15px;letter-spacing: 0;color: #333;font-weight: bold;text-align: center;display: block;padding: 10px 0 5px;}
.technopol-page-case-study-box-layer.technopol-page-case-study-gallery{padding-top: 56.25% !important;position: relative;height: auto;overflow: hidden;background-position: 50% 50%;background-size: cover;}
.technopol-case-study-content-body span {padding: 0 .5em 0.5em;position: relative;display: block;}
.technopol-case_study-category-box{-js-display: flex;display: -ms-flexbox;display: flex;-ms-flex-flow: row wrap;flex-flow: row wrap;width: 100%;padding: 5px 5px 5px 0px;background-color: rgb(249, 249, 249);border-radius: 5px;     align-items: center; }
.technopol-case_study-category-box-txt strong {color: rgb(51, 51, 51);font-size: 16px;font-weight: 700;margin: 0;padding: 0 20px 0;}
.technopol-case_study-category-box-txt ul li a{    color: #ed1c24;font-size 16px;font-weight 400;}
.technopol-case_study-category-box-txt ul.case-study-categories {list-style: none;margin: 0;padding: 0 20px 0;}
.technopol-case-study-products-head h2 , h2.technopol-related-case-study-head {font-size: 1.6em;line-height: 1.3;color: #555;font-weight: 700;}