body {
    overflow: auto;
}

.header_section {
    height: 80%;
}

.header_content {
    background: no-repeat center;
    background-size: cover;
}
#secondary_val_search::placeholder {
    font-size: 15px;
  }
.header_slider {
    background-image: url('../images/slider1_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

.slide {
    background-color: transparent;
    background-image: none;
}

#casestudy_slider {
    height: 100%;
}

#casestudy_slider .swiper-pagination-clickable .swiper-pagination-bullet {
    border: 1px solid white;
}

#casestudy_slider .swiper-pagination-bullet-active {
    background-color: white;
}

.active_slide .slider_content {
    animation: none;
}

.slider_content a {
    display: block;
}

.slider_content {
    max-width: 600px;
    position: absolute;
    margin: 0;
    left: 10%;
}

.slider_content .num {
    color: #666;
    font-size: 48px;
    line-height: 60px;
}

.slider_content .btn_red {
    margin: 0;
}

.slider_content h2 {
    font-family: montserrat_thin, sans-serif;
    font-weight: normal;
    text-shadow: none;
    font-size: 48px;
    margin: 5px 0px;
}

.slider_content h2 span {
    font-weight: bold;
    font-size: 60px;
    font-family: montserrat_bold;
}

.slider_content p {
    background: none;
    font-family: montserrat_thin, sans-serif;
    padding: 0px;
    font-size: 14px;
    color: #999;
    width: 70%;
    max-height: 65px;
    overflow: hidden;
}

.slider_content p:before {
    display: none;
}

.slide_img {
    width: 650px;
    height: 378px;
    top: 25%;
    background: none;
}

.slide_img img {
    width: 100%;
}

.active_slide .slide_img {
    animation: none;
}

.overview_section {
    padding: 50px 0px;
}

.overview_wrap {
    display: flex;
    max-width: 1200px;
    margin: 40px auto;
}

.overview {
    width: 40%;
    margin: 0px 5%;
    text-align: center;
    font-family: montserrat_light, sans-serif;
    position: relative;
}

.overview:before {
    content: '';
    position: absolute;
    border: 1px solid #ddd;
    height: 90px;
    width: 100%;
    top: 250px;
    left: 0;
    z-index: -1;
}

.overview .head {
    font-size: 80px;
    font-weight: bold;
    color: #f3f3f3;
    line-height: 86px;
}

.overview .count {
    font-size: 150px;
    line-height: 150px;
    color: #ef0d33;
    background: #fff;
    display: inline-block;
    padding: 0px 50px;
    font-family: montserrat_thin;
}

.overview .title {
    display: inline-block;
    color: #000;
    font-size: 16px;
    margin: 10px 0px 25px;
    background: #fff;
    padding: 0px 30px;
}

.overview p {
    max-width: 380px;
    margin: auto;
    color: #888888;
    font-size: 12px;
    line-height: 24px;
}

.partners_wrap {
    text-align: center;
    margin-top: 50px;
    /* position: absolute; */
    bottom: 0;
    width: 100%;
    padding: 30px;
    background: #f5f5f5;
}

.partners_wrap h3 {
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
}

.partners_wrap ul {
    list-style: none;
    margin: 30px 0;
    padding: 0;
}

.partners_wrap li {
    display: inline-block;
    height: 50px;
    margin: 0px 20px;
}

.partners_wrap li img {
    width: auto;
    height: 100%;
}

.case_section {
    padding: 0;
    display: flex;
    height: 100%;
    z-index: 0;
}

.case_first {
    z-index: 1;
}

.case-study-search {
    display: block;
}

.resources-filter-container {
    display: none;
}

.gray-part {
    display: block;
}

.case_section_left {
    width: 50%;
    height: 100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
}

.case_section_right {
    width: 50%;
    white-space: nowrap;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
    background: #fff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.case_tiles_wrap {
    height: 100%;
    overflow-y: scroll;
}

.case_tiles_wrap:hover {
    overflow-y: scroll;
}

.case_tiles_wrap::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

.case_tiles_wrap::-webkit-scrollbar * {
    background: transparent;
}

.case_tiles_wrap::-webkit-scrollbar-thumb {
    background: transparent;
}

.case_fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 50%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.case_tile {
    height: 400px;
    background: url("../images/ai_bg.jpg") no-repeat center;
    background-size: contain;
    background-color: white;
    width: 50%;
    float: left;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    overflow: hidden;
    transition: transform .5s ease;
}

.case_tile:nth-child(1) {
    width: 100%;
    /*background-size: cover;*/
    background-position: center;
}

.case_tile:nth-child(4n-1),
.case_tile:nth-child(4n) {
    background-color: #f0f0f0;
}

.case_detail {
    width: 100%;
    height: 100%;
    text-align: center;
    box-sizing: border-box;
    padding: 10% 5%;
    transition: transform .5s ease;
}

.case_detail h2 {
    text-transform: uppercase;
    font-family: montserrat_bold;
    font-size: 26px;
    width: 100%;
    line-height: 30px;
    overflow: hidden;
    margin: 15px auto;
    /* white-space: nowrap; */
}

.case_detail p {
    font-family: montserrat_light;
    font-size: 13px;
    max-height: 100px;
    overflow: hidden;
}

.case_detail:hover {
    transform: scale(1.03);
    transition: transform .5s ease;
    /* border: 1px solid #ef0d33; */
    overflow: hidden;
}


/* .case_tile:after {
content: '';
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent;
border: 1px solid #ef0d33;
opacity: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
position: absolute;
z-index: 0;
}

.case_tile:hover:after,
.case_tile.active:after {
opacity: 1;
transition: transform .5s ease;
} */

.case_tile h4 {
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-family: montserrat_light, sans-serif;
    line-height: 30px;
    position: relative;
    z-index: 1;
    max-width: 80%;
}

.case_tile h4:after {
    content: '';
    position: absolute;
    border-bottom: 3px solid #fff;
    width: 40%;
    bottom: -10px;
    left: 50%;
    margin-left: -20%;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}

.case_tile:hover h4:after {
    width: 90%;
    margin-left: -45%;
}

.case_tiles_more {
    background: #fff;
    position: absolute;
    box-shadow: -10px -10px 25px 0px rgba(0, 0, 0, 0.4);
    padding: 8px;
    color: #ef0d33;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    -webkit-transition: box-shadow 0.6s;
    -moz-transition: box-shadow 0.6s;
    -ms-transition: box-shadow 0.6s;
    -o-transition: box-shadow 0.6s;
    transition: box-shadow 0.6s;
}

.case_tiles_more:hover {
    background: #f5f5f5;
    box-shadow: -10px -10px 25px 0px rgba(0, 0, 0, 0.6);
}

.case_fixed .case_tiles_more {
    position: fixed;
    width: 50%;
}

.case_tiles_more span {
    width: 15px;
    height: 10px;
    display: inline-block;
    background: url("../images/arrow_down.png") no-repeat center;
}

.case_tiles_more .nav_wrap {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    text-align: right;
}

.case_tiles_more .nav_search {
    width: 70%;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.case_tiles_more .nav_search:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 5px;
    width: 20px;
    height: 20px;
    background-image: url(../images/search.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.case_tiles_more .nav_search input[type='text'] {
    margin: 0px;
    padding: 0px;
    margin-top: 6px;
    width: 100%;
    border: none;
    padding-left: 35px;
    font-style: italic;
    background: transparent;
    box-shadow: none;
}

.case_detail_wrap {
    padding: 130px 0px 80px;
    display: inline-block;
    width: 100%;
    white-space: normal;
    /*transition: all 0.5s;*/
    vertical-align: top;
}

.case_detail_more {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    padding: 0px 0px 80px;
    white-space: normal;
    /*transition: all 0.5s;*/
    background: #f8f8f8;
    height: 100%;
    overflow-y: scroll;
    position: relative;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
}

.scroll_track {
    width: 3px;
    height: 100%;
    position: fixed;
    top: 0;
    right: -5px;
    background: #ef0d33;
    height: 0%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.case_detail_wrap h1 {
    font-size: 140px;
    color: #f5f5f5;
    margin: 0;
    margin-left: 30px;
    line-height: 0;
    white-space: nowrap;
}

.case_area {
    color: #fff;
    display: inline-block;
    padding: 3px 15px;
    background: #ef0d33;
    text-transform: uppercase;
    margin: 0 80px 0 100px;
    font-family: montserrat_light, sans-serif;
    font-size: 11px;
    margin-top: -20px;
    margin-bottom: 20px;
}

.case_title {
    font-size: 80px;
    font-family: montserrat_bold;
    line-height: 92px;
    color: #000000;
    margin: 0 80px 0 100px;
    display: -webkit-box;
    text-align: left;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.case_field_wrap {
    background: #f3f3f3;
    padding: 20px 80px 20px 100px;
    margin: 30px 0 0;
}

.case_field_wrap ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.case_field_wrap li {
    display: inline;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    text-transform: uppercase;
    font-size: 11px;
    color: rgba(0, 0, 0, 0.6);
}

.case_field_wrap li:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #ef0d33;
}

.focus_area {
    padding: 10px 0px;
    margin: 20px 80px 20px 100px;
    display: none;
}

.area_item {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    margin-right: 10px;
}

.area_icon {
    background: url("../images/smartphone-call.png") no-repeat center;
    background-size: contain;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 8px;
}

.area_web {
    background-image: url("../images/screen.png");
}

.area_item>p {
    color: #323232;
    font-family: montserrat_light;
    font-size: 11px;
}

.slider_content {
    display: block !important;
}

.case_teaser {
    margin: 0 80px 0 100px;
    color: rgba(0, 0, 0, 0.5);
    line-height: 25px;
    font-size: 13px;
    position: relative;
    width: 75%;
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
    /*text-overflow: ellipsis;*/
    box-sizing: border-box;
}

.case_more {
    background: #ef0d33 url("../images/next.png") no-repeat 9px 10px;
    background-size: 13px;
    color: #fff;
    margin: 40px 0 80px 100px;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    display: inline-block;
    font-family: montserrat_light, sans-serif;
    text-transform: uppercase;
    height: auto;
    opacity: 1;
}

.case_more:hover {
    background: #d00c2d url("../images/next.png") no-repeat 9px 10px;
    background-size: 13px;
    color: #fff;
}

.footer_section {
    z-index: 3;
}

.case_open {
    overflow: hidden;
}

.case_open .case_fixed {
    left: -50%;
}

.zero {
    left: 0% !important;
    display: block;
}

.case_active .case_section_left {
    width: 0;
}

.case_active .case_section_right {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
    /*width: 100%;*/
    height: 100%;
    overflow: visible;
}

.case_active .case_more {
    background-image: url("../images/cancel.png");
    background-size: 10px;
    background-position: 10px 12px;
}

.case_detail_outer {
    padding: 0px 100px;
    margin-top: -85px;
}

.case_detail_outer li {
    counter-increment: li;
    line-height: 25px;
    padding: 0 0 8px 0;
    color: #585858;
}

.case_detail_outer ol li::before {
    content: counter(li);
    color: #585858;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.case_detail_outer ol {
    list-style: none;
    counter-reset: li;
}

.case_detail_outer h3 {
    font-size: 36px;
    line-height: 48px;
    color: #fff;
    position: relative;
}

.case_detail_outer h3:after {
    /*content: '';*/
    position: absolute;
    width: 100px;
    border-bottom: 1px solid #ef0d33;
    left: -50px;
    bottom: -10px;
}

.detail_banner {
    height: 350px;
    background: url("../images/tagrail_banner.jpg") no-repeat center;
    background-size: cover;
}

.case_detail_outer p {
    color: #585858;
    line-height: 25px;
    font-family: montserrat_light, sans-serif;
    text-align: justify;
}

.case_detail_outer p strong {
    text-align: left;
}

.detail_tech_wrap {
    padding: 30px 0px;
}

.case_detail_outer h4 {
    font-size: 24px;
    line-height: 30px;
    color: #000000;
    position: relative;
    font-family: montserrat_light, sans-serif;
    font-weight: normal;
    margin-bottom: 50px;
}

.case_detail_outer h4:after {
    /*content: '';*/
    position: absolute;
    width: 80px;
    border-bottom: 2px solid #ef0d33;
    left: -40px;
    bottom: -10px;
}

.detail_image {
    height: 250px;
    background: url("../images/tagrail_image.jpg") no-repeat center;
    background-size: cover;
    margin-top: -150px;
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.5);
}

.case_detail_outer li {
    counter-increment: li;
    line-height: 25px;
    padding: 0 0 8px 0;
    color: #585858;
}

.detail_tech_wrap ul {
    counter-increment: unset;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.detail_tech_wrap li {
    display: block;
    width: 33%;
    margin: 25px 0px;
}

.detail_tech_wrap li:nth-child(3n+2) {
    text-align: center;
}

.detail_tech_wrap li:nth-child(3n) {
    text-align: right;
}

.detail_tech_wrap li img {
    max-width: none;
    height: 55px;
}

.highlights_wrap {
    background: #313439;
    padding: 30px 100px;
    width: 100%;
    margin-left: -100px;
    margin-top: 170px;
}

.highlights_wrap h4 {
    color: #fff;
    margin-top: 50px;
}

.highlights_wrap ul {
    list-style: none;
    margin: 30px 0 0px;
    padding: 0;
}

.highlights_wrap li {
    position: relative;
    padding: 5px 20px;
    color: #fff;
    font-family: montserrat_light, sans-serif;
}

.highlights_wrap li:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 9px solid #ef0d33;
}

.overview_popup {
    /*display:none;*/
    width: 100%;
    height: 100%;
    z-index: 10;
    position: fixed;
    top: 0px;
    left: 100%;
    background-color: white;
    overflow: auto;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.btn_red {
    opacity: 1;
}

@media only screen and (max-width: 4000px) {
    .slider_content {
        top: 25%;
    }
}

@media only screen and (max-width: 2000px) and (min-width: 1780px) {
    .case-study-card {
        padding-bottom: 25px;
    }
    .case-study-card img {
        width: 100%;
        height: 250px;
    }
    .case-study-card a {
        float: unset;
    }
}

@media only screen and (max-width: 2500px) and (min-width: 2000px) {
    .case-study-card {
        padding-bottom: 25px;
    }
    .case-study-card img {
        width: 100%;
        height: 300px;
    }
    .case-study-card a {
        float: unset;
    }
}

@media only screen and (max-width: 3000px) and (min-width: 2500px) {
    .case-study-card {
        padding-bottom: 25px;
    }
    .case-study-card img {
        width: 100%;
        height: 400px;
    }
    .case-study-card a {
        float: unset;
    }
}

@media only screen and (max-width: 3500px) and (min-width: 3000px) {
    .slide_img {
        width: 1000px;
    }
}

@media only screen and (max-width: 4000px) and (min-width: 3500px) {
    .slider_content .num {
        font-size: 80px;
        line-height: 120px;
    }
    .slide_img {
        width: 1300px;
    }
}

@media only screen and (max-width: 1450px) {
    .slider_content h2 {
        font-size: 30px;
        line-height: 45px;
    }
    .slider_content h2 span {
        font-size: 50px;
    }
}

@media only screen and (max-width: 1400px) {
    .slide_img {
        width: 550px;
        top: 20%
    }
    .slider_content {
        margin-top: 7% !important;
    }
}

@media screen and (max-width: 1300px) {
    .overview_wrap {
        min-height: 550px;
    }
    .overview .head {
        font-size: 64px;
    }
    .overview .count {
        font-size: 120px;
        margin: auto 20px;
    }
    .slide_img {
        width: 400px;
        top: 28%;
    }
    .slider_content h2 {
        font-size: 40px;
    }
}

@media only screen and (max-width: 1300px) {
    .case_area {
        margin: 0 80px;
    }
    .case_title {
        font-size: 64px;
        margin: 0 80px;
    }
    .case_field_wrap {
        padding: 20px 80px 20px 100px;
    }
    .case_teaser {
        margin: 0 80px;
    }
    .case_more {
        margin-top: 50px;
    }
}

@media only screen and (max-width: 1024px) {
    body {
        overflow-y: auto !important;
    }
    .outer {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .slider_content h2 {
        font-size: 40px;
        line-height: 43px;
    }
    .slider_content h2 span {
        font-size: 45px;
    }
    .slide_img {
        width: 300px;
        top: 30%;
    }
    .case_section {
        display: block;
    }
    .case_section_right {
        width: 100%;
        /* height: 100%; */
        position: fixed;
        overflow: auto;
        left: 100%;
        top: 0px;
        -webkit-overflow-scrolling: touch;
    }
    .case_fixed {
        position: relative;
        width: 100%;
        height: auto;
    }
    .case_section_left {
        width: 100%;
        height: auto;
    }
    .case_fixed .case_tiles_more {
        width: 100%;
        text-align: left;
    }
    .case_active {
        z-index: 10;
    }
    .detail_open {
        overflow: hidden !important;
    }
    .case_tiles_more .nav_wrap {
        display: none;
    }
    .case_detail_wrap .case_area {
        color: #ef0d33;
        background-color: transparent;
    }
    .case_teaser {
        box-sizing: border-box;
        padding-left: 20px;
        margin: 20px 80px;
    }
    .case_teaser:before {
        content: '';
        position: absolute;
        top: 0px;
        left: 0px;
        height: 120px;
        width: 3px;
        background-color: #ef0d33;
    }
    .case_detail_outer h3 {
        color: black;
    }
    .case_tiles_more {
        display: none;
    }
    .case_detail_wrap {
        padding: 90px 0px 50px;
    }
    /*.case_section .case_section_right{*/
    /*display: none;*/
    /*}*/
    .overview_wrap {
        min-height: 600px;
    }
    .overview .count {
        font-size: 100px;
        margin: auto 0px;
    }
    .header_content {
        background: no-repeat center;
        background-size: cover;
        max-height: 100%;
    }
    .header_section {
        height: 600px !important;
    }
}

@media only screen and (max-width: 820px) {
    .partners_wrap li {
        height: 45px;
    }
    .slide_img {
        width: 40%;
        top: 15%;
        left: 30%;
    }
    .slider_content {
        top: 39%;
    }
    .overview .count {
        font-size: 90px;
    }
    .overview_section {
        height: 80%;
    }
    .slider_content {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
    }
    .slide_img {
        display: none;
    }
}

@media only screen and (max-width: 720px) {
    .slide_anim {
        z-index: 0 !important;
    }
    .overview_wrap {
        margin: 5px auto;
        display: block;
        text-align: center;
    }
    .overview {
        width: 100%;
        margin: 0px;
    }
    .overview:before {
        content: '';
        position: absolute;
        width: 87%;
        left: 50%;
        transform: translateX(-50%);
    }
    .partners_wrap {
        position: static;
    }
    .slider_content p {
        max-height: 158px;
    }
    .highlights_wrap {
        padding: 30px 50px;
        margin-left: -50px;
    }
    .case_detail_outer {
        padding: 0 50px;
    }
    .partners_wrap ul {
        list-style: none;
        margin: 30px 0;
        padding: 0;
        white-space: nowrap;
        overflow-x: auto;
    }
    .partners_wrap ul::-webkit-scrollbar {
        display: none;
    }
    .partners_wrap ul::-webkit-scrollbar-thumb {
        -webkit-border-radius: 6px;
        border-radius: 6px;
        background-color: transparent;
    }
    .partners_wrap ul::-webkit-scrollbar-track {
        background-color: transparent;
    }
    /*.partners_wrap {
padding: 10px 10px 100px 10px;
position: relative;
overflow: hidden;
}
.partners_wrap ul {
list-style: none;
margin: 30px 0;
padding: 0;
white-space: nowrap;
overflow-x: scroll;
position: absolute;
}*/
    .overview_wrap {
        margin: 20px auto;
    }
    .overview:before {
        top: 200px;
    }
    .overview .head {
        font-size: 64px;
        line-height: 72px;
    }
    .overview .count {
        font-size: 124px;
        line-height: 124px;
        padding: 0px 40px;
    }
    .case_detail_wrap {
        padding: 60px 0;
    }
    .case_field_wrap {
        margin: 20px 0;
    }
    .case_more {
        margin: 40px 0px 40px 100px;
    }
    .case_detail h2 {
        font-size: 24px;
    }
}

@media only screen and (max-height: 750px) {
    .overview_wrap {
        margin: 20px auto;
    }
    .overview:before {
        top: 200px;
    }
    .overview .head {
        font-size: 64px;
        line-height: 72px;
    }
    .overview .count {
        font-size: 124px;
        line-height: 124px;
        padding: 0px 40px;
    }
    .case_detail_wrap {
        padding: 60px 0;
    }
    .case_field_wrap {
        margin: 20px 0;
    }
    .case_more {
        margin: 40px 0px 40px 100px;
    }
    .case_detail h2 {
        font-size: 24px;
    }
}

@media only screen and (max-height: 650px) {
    .overview_wrap {
        margin: 5px auto;
    }
    .overview:before {
        top: 160px;
    }
    .overview .head {
        font-size: 48px;
        line-height: 54px;
        width: 50%;
        margin: auto;
    }
    .overview .count {
        font-size: 96px;
        line-height: 124px;
        width: 200px;
        display: block;
        margin: auto;
    }
    .partners_wrap {
        padding: 10px;
    }
    .case_title {
        font-size: 60px;
        line-height: 70px;
    }
    .case_teaser {
        line-height: 30px;
    }
    .case_detail_wrap {
        padding: 50px 0;
    }
    .case_field_wrap {
        padding: 15px 80px 15px 100px;
    }
    .case_more {
        margin: 30px 0px 30px 100px;
    }
    .partners_wrap ul {
        list-style: none;
        margin: 30px 0;
        padding: 0;
        white-space: nowrap;
        overflow-x: auto;
    }
    .partners_wrap ul::-webkit-scrollbar {
        display: none;
    }
    .partners_wrap ul::-webkit-scrollbar-thumb {
        -webkit-border-radius: 6px;
        border-radius: 6px;
        background-color: transparent;
    }
    .partners_wrap ul::-webkit-scrollbar-track {
        background-color: transparent;
    }
    .slider_content {
        margin-top: 7% !important;
    }
}

@media only screen and (max-width: 650px) {
    .overview_wrap {
        margin: 5px auto;
    }
    .overview:before {
        top: 160px;
    }
    .overview .head {
        font-size: 48px;
        line-height: 54px;
        width: 50%;
        margin: auto;
    }
    .overview .count {
        font-size: 96px;
        line-height: 124px;
        width: 200px;
        display: block;
        margin: auto;
    }
    .partners_wrap {
        padding: 10px;
    }
    .case_title {
        font-size: 60px;
        line-height: 70px;
    }
    .case_teaser {
        line-height: 30px;
    }
    .case_detail_wrap {
        padding: 50px 0;
    }
    .case_field_wrap {
        padding: 15px 80px 15px 100px;
    }
    .case_more {
        margin: 30px 0px 30px 100px;
    }
    .partners_wrap ul {
        list-style: none;
        margin: 30px 0;
        padding: 0;
        white-space: nowrap;
        overflow-x: auto;
    }
    .partners_wrap ul::-webkit-scrollbar {
        display: none;
    }
    .partners_wrap ul::-webkit-scrollbar-thumb {
        -webkit-border-radius: 6px;
        border-radius: 6px;
        background-color: transparent;
    }
    .partners_wrap ul::-webkit-scrollbar-track {
        background-color: transparent;
    }
}

@media only screen and (max-width: 550px) {
    .case_detail_outer {
        padding: 0px 30px;
    }
    .highlights_wrap {
        padding: 30px 30px;
        margin-left: -30px;
    }
    .overview .count {
        font-size: 80px;
        line-height: 122px;
    }
    .overview .head {
        font-size: 44px;
        line-height: 54px;
    }
    .case_detail_outer h3 {
        font-size: 30px;
    }
    .case_detail_outer h4 {
        font-size: 23px;
    }
    .case_detail h2 {
        font-size: 23px;
    }
    .case_detail_outer h4 {
        margin-bottom: 25px;
    }
}

@media only screen and (max-width: 480px) {
    .case_detail_outer h4 {
        margin-bottom: 20px;
    }
    .case_tile {
        width: 100%;
    }
    .case_tile:nth-child(4n-1),
    .case_tile:nth-child(4n) {
        background-color: #ffffff;
    }
    .case_tile:nth-child(n) {
        background-color: #ffffff;
    }
    .case_tile:nth-child(2n) {
        background-color: #f0f0f0;
    }
    .overview p {
        padding: 0 20px;
    }
    .detail_tech_wrap ul {
        display: block;
    }
    .detail_tech_wrap li {
        display: inline-block;
        width: 100%;
        margin: 25px 0;
        text-align: center !important;
    }
    .slider_content .num {
        color: #666;
        font-size: 40px;
        line-height: 48px;
    }
    .slider_content h2 {
        font-size: 21px;
        line-height: 24px;
    }
    .slider_content h2 span {
        font-size: 24px;
    }
    .slider_content p {
        font-size: 13px;
    }
    .overview .count {
        font-size: 68px;
        line-height: 120px;
    }
    .slider_content p {
        width: 95%;
        padding: 7px 0 7px 0;
    }
    .case_detail_outer h3 {
        font-size: 28px;
    }
    .case_detail_outer h4 {
        font-size: 22px;
    }
    .case_detail h2 {
        font-size: 22px;
    }
    .slider_content {
        width: 92%;
        /* left: 20px; */
        box-sizing: border-box;
        margin: 0 auto;
        left: 15px;
        right: 0;
    }
    .slider_content p {
        width: 90%;
        text-align: left;
        padding: 7px 0 7px 0;
    }
}

@media only screen and (max-width: 380px) {
    .slider_content h2 {
        font-size: 28px;
        line-height: 32px;
    }
    .slider_content h2 span {
        font-size: 34px;
    }
    .slider_content p {
        width: 95%;
        padding: 7px 0 7px 0;
    }
    .case_detail_outer h3 {
        font-size: 26px;
    }
    .case_detail_outer h4 {
        font-size: 20px;
    }
    .case_detail h2 {
        font-size: 21px;
    }
}

@media only screen and (max-width: 350px) {
    .case-study-blog .case-study-title h2 {
        font-size: 25px;
    }
}


/* mobile filter */

.resources-header-container {
    position: relative;
    background-color: #f7f7f7
}

.SolutionHero.resources-hero {
    background-color: transparent;
    padding: 0;
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 2;
    min-height: 280px;
    display: flex;
    align-items: center;
    justify-content: left
}

.mobile-search::placeholder {
    color: #B2B2B2;
}

.resources-hero .SolutionHero-container {
    padding: 0 15% 0 0;
    width: 1200px
}

.resources-hero--inner {
    padding: 0
}

.resources-hero .SolutionHero-title.SolutionHero-title {
    color: #000;
    text-shadow: none;
    font-size: 56px;
    margin-bottom: 15px;
    font-weight: 600
}

.resources-hero .SolutionHero-desc.SolutionHero-desc {
    color: #253139;
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
    margin-bottom: 0
}

.resources-container {
    background-color: #f7f7f7;
    padding: 0 0 50px 0
}

.resources-container .resources-container--inner {
    max-width: 1200px;
    margin: 0 auto
}

.resources-filter-container {
    margin-bottom: 36px
}

.resource-filters h2 {
    font-size: 19.5px;
    font-weight: 400;
    letter-spacing: 0;
    margin: 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #e8e8e8;
    color: #475761
}

.resource-filters .filter-group {
    border: 0;
    display: inline-block
}

.resource-filters .filter-group.align-right {
    float: right;
    margin-left: 0
}

.resource-filters .filter-group.align-right li.topics {
    margin-right: 0
}

.filter-group .filter-search {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    margin: 3px 0
}

.filter-search form {
    position: relative;
    margin-bottom: 0
}

.filter-group input#search-by {
    flex: 1 0 auto;
    font-size: 14px;
    padding: 0 8px;
    min-height: 34px;
    letter-spacing: .1px;
    line-height: 2.5;
    border: 0;
    max-width: calc(100% - 30px);
    -webkit-appearance: none
}

.filter-group .search-button {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 34px;
    background-color: transparent;
    border-radius: 0;
    width: 30px;
    padding: 0;
    -webkit-appearance: none
}

.search-button:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    background-image: url('http://www.uipath.com/hubfs/UiPath%20Resources/search-icon.jpg');
    background-size: contain;
    background-repeat: no-repeat
}

.filter-title {
    width: 100%;
    overflow: hidden
}

.fa-remove::before,
.fa-close::before,
.fa-times::before {
    content: " " !important;
    background-image: url('http://www.uipath.com/hubfs/UiPath%20Resources/Assets/Close_Weak.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    display: inline-block;
    background-position: 0 2px
}

.filter-group a {
    display: block;
    line-height: 1.2;
    font-size: 14.5px;
    padding: 4.5px 0;
    color: #0091ae;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap
}

.filter-group a:hover {
    color: #007a8c;
    text-decoration: underline
}

.filter-group .content-filters li {
    list-style-type: none;
    float: left;
    margin-right: 8px
}

.filter-group .content-filters li a,
a.close-filter,
.search {
    border-radius: 24px;
    border: 1px solid #e3e3e3;
    letter-spacing: 0px;
    line-height: 24px;
    color: #273139;
    font-size: 14px;
    font-weight: normal;
    padding: 12px 16px;
    background-color: #fff
}

.mobile-search-form input[type="search"]::-webkit-search-decoration,
.mobile-search-form input[type="search"]::-webkit-search-cancel-button,
.mobile-search-form input[type="search"]::-webkit-search-results-button,
.mobile-search-form input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;
}

.mobile-search-form {
    display: unset;
}

.search {
    float: left;
    padding: 0;
    margin-right: 5px
}

.search .fa-search,
.search input,
.search .close {
    display: inline-block;
    transition: all .2s ease-in-out
}

.search .fa-search,
.search .close {
    padding: 12px 17px;
    cursor: pointer;
    line-height: 24px;
    border-radius: 24px
}

.fa-times.close::before {
    background-image: url('../images/svg/Close.svg');
}

.fa-search::before {
    content: "" !important;
    background-image: url('../images/svg/Search.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    display: inline-block;
    background-position: 0 2px
}

.search .fa-search:hover,
.search .fa-search:focus {
    background-color: #0067df;
    color: #fff;
    text-decoration: none
}

.fa-search:hover::before {
    background-image: url('http://www.uipath.com/hubfs/UiPath%20Resources/Assets/Search-white.svg')
}

.search .fa-search.active {
    opacity: 0;
    padding-right: 0;
    width: 0;
    cursor: auto
}

.search .fa-search.active:hover,
.search .fa-search.active:focus {
    color: #273139;
    background-color: #fff
}

.search input {
    margin: 0;
    border: 0;
    box-shadow: none;
    width: auto;
    margin-bottom: 0;
    padding: 0;
    line-height: 24px;
    color: #273139;
    max-width: 0;
    opacity: 0;
    transition: all .2s ease-in-out
}

.search input.expanded {
    max-width: 200px;
    opacity: 1
}

.search input:focus {
    border: 0;
    box-shadow: none
}

.search .close {
    opacity: 0;
    padding-left: 0;
    padding-right: 0;
    width: 0;
    transition: all .2s ease-in-out
}

.search .close.active {
    opacity: 1;
    width: auto;
    padding-right: 18px
}

.close-filter {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 32px;
    height: 32px;
    padding: 0 !important;
    text-align: center;
    line-height: 32px !important
}

.close-filter svg {
    padding-top: 8px
}

.filter-group .content-filters.triggered-content-filters li a {
    color: #253842;
    border: 1px solid transparent;
    background-color: transparent;
    position: relative;
    padding-left: 35px
}

.triggered-content-filters li.topics a:before {
    position: absolute;
    content: url("data:image/svg+xml;charset=UTF-8,<svg width='25' height='25' viewBox='0 0 40 40' fill='red' xmlns='http://www.w3.org/2000/svg'><path d='M37.6887 16.9985C37.8898 16.8868 38.135 16.8898 38.3335 17.0063C38.532 17.1231 38.6539 17.3363 38.6539 17.5666V38.3666C38.6539 38.7256 38.3629 39.0166 38.0039 39.0166H2.90391C2.54494 39.0166 2.25391 38.7256 2.25391 38.3666V24.0666C2.25399 23.8305 2.3822 23.613 2.58866 23.4985L14.2887 16.9985C14.385 16.945 14.4934 16.917 14.6036 16.9169C14.9625 16.9168 15.2537 17.2076 15.2539 17.5666V22.9616L25.9887 16.9985C26.085 16.945 26.1934 16.917 26.3036 16.9169C26.6625 16.9168 26.9537 17.2076 26.9539 17.5666V22.9616L28.9481 21.8566L29.5539 0.648402C29.5637 0.296508 29.8519 0.0164393 30.2039 0.0166016H34.7539C35.1059 0.0164393 35.3941 0.296508 35.4039 0.648402L35.8999 17.9924L37.6887 16.9985ZM34.1221 1.3166H30.8357L30.7987 2.6166H34.1598L34.1221 1.3166ZM34.1969 3.9166H30.761L30.2689 21.1195L34.6194 18.7035L34.1969 3.9166ZM15.9039 37.7166H19.8039V37.6984H21.1039V37.7166H25.0039V37.6984H26.3039V37.7166H37.3539V18.6716L35.5989 19.6466L32.7493 21.2293L26.6192 24.6347C26.5228 24.6882 26.4144 24.7162 26.3042 24.7163C25.9453 24.7164 25.6541 24.4256 25.6539 24.0666V18.6716L14.9192 24.6347C14.8228 24.6882 14.7144 24.7162 14.6042 24.7163C14.2453 24.7164 13.9541 24.4256 13.9539 24.0666V18.6716L3.55391 24.4495V37.7166H14.6039V37.6984H15.9039V37.7166Z' fill='red' /></svg>");
    background-size: 28px 28px;
    left: 29px;
    bottom: -7px;
}

.triggered-content-filters li.regions a:before {
    position: absolute;
    content: url("data:image/svg+xml;charset=UTF-8, <svg width='25' height='25' viewBox='0 0 45 45' fill='red' xmlns='http://www.w3.org/2000/svg'><path d='M30.39 39.0166H13.89C11.3636 39.0166 9.30664 36.9596 9.30664 34.4333V10.5999C9.30664 8.0736 11.3636 6.0166 13.89 6.0166H30.39C32.9163 6.0166 34.9733 8.0736 34.9733 10.5999V34.4333C34.9733 36.9596 32.9163 39.0166 30.39 39.0166ZM13.89 7.84993C12.3738 7.84993 11.14 9.08377 11.14 10.5999V34.4333C11.14 35.9494 12.3738 37.1833 13.89 37.1833H30.39C31.9061 37.1833 33.14 35.9494 33.14 34.4333V10.5999C33.14 9.08377 31.9061 7.84993 30.39 7.84993H13.89Z' fill='red' /><path d='M19.3903 7.84994C18.8843 7.84994 18.4736 7.43927 18.4736 6.93327V1.43327C18.4736 0.927268 18.8843 0.516602 19.3903 0.516602C19.8963 0.516602 20.307 0.927268 20.307 1.43327V6.93327C20.307 7.43927 19.8963 7.84994 19.3903 7.84994Z' fill='red' /><path d='M24.8903 7.84994C24.3843 7.84994 23.9736 7.43927 23.9736 6.93327V1.43327C23.9736 0.927268 24.3843 0.516602 24.8903 0.516602C25.3963 0.516602 25.807 0.927268 25.807 1.43327V6.93327C25.807 7.43927 25.3963 7.84994 24.8903 7.84994Z' fill='red' /><path d='M19.3903 44.5166C18.8843 44.5166 18.4736 44.1059 18.4736 43.5999V38.0999C18.4736 37.5939 18.8843 37.1832 19.3903 37.1832C19.8963 37.1832 20.307 37.5939 20.307 38.0999V43.5999C20.307 44.1059 19.8963 44.5166 19.3903 44.5166Z' fill='red' /><path d='M24.8903 44.5166C24.3843 44.5166 23.9736 44.1059 23.9736 43.5999V38.0999C23.9736 37.5939 24.3843 37.1832 24.8903 37.1832C25.3963 37.1832 25.807 37.5939 25.807 38.0999V43.5999C25.807 44.1059 25.3963 44.5166 24.8903 44.5166Z' fill='red' /><path d='M39.5568 15.1832H34.0568C33.5508 15.1832 33.1401 14.7726 33.1401 14.2666C33.1401 13.7606 33.5508 13.3499 34.0568 13.3499H39.5568C40.0628 13.3499 40.4735 13.7606 40.4735 14.2666C40.4735 14.7726 40.0628 15.1832 39.5568 15.1832Z' fill='red' /><path d='M39.5568 20.6833H34.0568C33.5508 20.6833 33.1401 20.2726 33.1401 19.7666C33.1401 19.2606 33.5508 18.8499 34.0568 18.8499H39.5568C40.0628 18.8499 40.4735 19.2606 40.4735 19.7666C40.4735 20.2726 40.0628 20.6833 39.5568 20.6833Z' fill='red' /><path d='M39.5568 26.1832H34.0568C33.5508 26.1832 33.1401 25.7726 33.1401 25.2666C33.1401 24.7606 33.5508 24.3499 34.0568 24.3499H39.5568C40.0628 24.3499 40.4735 24.7606 40.4735 25.2666C40.4735 25.7726 40.0628 26.1832 39.5568 26.1832Z' fill='red' /><path d='M39.5568 31.6832H34.0568C33.5508 31.6832 33.1401 31.2726 33.1401 30.7666C33.1401 30.2606 33.5508 29.8499 34.0568 29.8499H39.5568C40.0628 29.8499 40.4735 30.2606 40.4735 30.7666C40.4735 31.2726 40.0628 31.6832 39.5568 31.6832Z' fill='red' /><path d='M10.2233 15.1832H4.72331C4.21731 15.1832 3.80664 14.7726 3.80664 14.2666C3.80664 13.7606 4.21731 13.3499 4.72331 13.3499H10.2233C10.7293 13.3499 11.14 13.7606 11.14 14.2666C11.14 14.7726 10.7293 15.1832 10.2233 15.1832Z' fill='red' /><path d='M10.2233 20.6833H4.72331C4.21731 20.6833 3.80664 20.2726 3.80664 19.7666C3.80664 19.2606 4.21731 18.8499 4.72331 18.8499H10.2233C10.7293 18.8499 11.14 19.2606 11.14 19.7666C11.14 20.2726 10.7293 20.6833 10.2233 20.6833Z' fill='red' /><path d='M10.2233 26.1832H4.72331C4.21731 26.1832 3.80664 25.7726 3.80664 25.2666C3.80664 24.7606 4.21731 24.3499 4.72331 24.3499H10.2233C10.7293 24.3499 11.14 24.7606 11.14 25.2666C11.14 25.7726 10.7293 26.1832 10.2233 26.1832Z' fill='red' /><path d='M10.2233 31.6832H4.72331C4.21731 31.6832 3.80664 31.2726 3.80664 30.7666C3.80664 30.2606 4.21731 29.8499 4.72331 29.8499H10.2233C10.7293 29.8499 11.14 30.2606 11.14 30.7666C11.14 31.2726 10.7293 31.6832 10.2233 31.6832Z' fill='red' /></svg>");
    background-size: 28px 28px;
    left: 29px;
    bottom: -7px;
    /* content: '';
    display: inline-block;
    padding-left: 10px;
    font-size: 30px;
    line-height: 1em;
    font-family: Inter, sans-serif;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 8px;
    background-image: url('http://www.uipath.com/hubfs/UiPath%20Resources/Assets/Regions.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 16px;
    height: 16px */
}


/* .triggered-content-filters li.topics a:before {
    background-image: url('http://www.uipath.com/hubfs/UiPath%20Resources/Assets/Topics.svg')
}
 */

.triggered-content-filters li.regions a:hover:before,
.triggered-content-filters li.regions a:focus:before,
.triggered-content-filters li.regions a:active:before,
.triggered-content-filters li.regions a.active:before {
    background-image: url('http://www.uipath.com/hubfs/UiPath%20Resources/Assets/Regions_White.svg')
}

.triggered-content-filters li.topics a:hover:before,
.triggered-content-filters li.topics a:focus:before,
.triggered-content-filters li.topics a:active:before,
.triggered-content-filters li.topics a.active:before {
    background-image: url('http://www.uipath.com/hubfs/UiPath%20Resources/Assets/Topics_White.svg')
}

.filter-group .content-filters li a span.content-count {
    color: #8a97a0;
    display: none
}


/* .filter-group .content-filters li a:hover,
.filter-group .content-filters li a:focus,
.filter-group .content-filters li a:active,
.filter-group .content-filters li.selected a,
.close-filter:hover,
.close-filter:focus,
.close-filter:active,
.hs-content-name-uipath-resources-2020 li.showall a {
    background-color: #0067df;
    border: 1px solid #0067df;
    color: #fff;
    text-decoration: none
} */

.close-filter:hover svg path,
.close-filter:focus svg path,
.close-filter:active svg path {
    fill: #fff
}

.filter-text {
    opacity: 1;
    max-width: 200px;
    display: inline-block
}

.hide-filter-text .filter-text {
    opacity: 0;
    max-width: 0;
    text-indent: -9999999px
}

.hide-filter-text:before {
    left: 12px !important
}

.content-filters li a.active {
    background-color: #0067df !important;
    border: 1px solid #0067df !important;
    color: #fff !important;
    text-decoration: none !important
}

.filter-group .content-filters li a:hover span.content-count,
.filter-group .content-filters li a:focus span.content-count,
.filter-group .content-filters li a:active span.content-count,
.filter-group .content-filters li.selected a span {
    color: #fff
}

.selected-filters {
    position: relative;
    padding: 0 0 0 .90%;
    display: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.selected-filters.active {
    display: inline-block
}

.listing-filters .CustomerSuccessStories-placeholderRegions,
.listing-filters .shared-placeholderTopics,
.listing-filters .shared-placeholderIndustries {
    display: none
}

.listing-filters .CustomerSuccessStories-placeholderRegions.active,
.listing-filters .shared-placeholderTopics.active,
.listing-filters .shared-placeholderIndustries.active {
    display: inline-block;
    padding-bottom: 20px
}

.listing-filters label,
.listing-filters a {
    display: inline-block
}

.listing-filters a,
.filter-title a {
    position: relative
}

.shared-filters a.remove-all,
.listing-filters a.remove-all,
.filter-title a.remove-all {
    display: none
}

.filter-title span.selected-item,
.shared-filters span.selected-item,
.listing-filters span.selected-item {
    margin-right: 5px
}

.resources-results-container {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.resource-items-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: start;
    width: 100%
}

.resource-items-container .resource-item {
    background-color: #fff;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-content: center;
    align-content: center;
    position: relative;
    transition: box-shadow .3s;
    width: 31.5%;
    margin: 0 .90% 25px .90%
}

.resource-items-container .resource-item.featured:after,
.resource-items-container .resource-item.on-demand:before,
.resource-items-container .resource-item.live:before,
.resource-item .display-date {
    content: "Featured";
    position: absolute;
    top: 24px;
    left: 24px;
    background-color: #000;
    color: #fff;
    padding: 4px 8px;
    font-size: 10px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: .5px;
    border-radius: 12px;
    display: inline-block;
    z-index: 10
}

.resource-items-container .resource-item.on-demand:before {
    content: "On demand"
}

.resource-items-container .resource-item.live:before {
    content: "Available now";
    display: none
}

.resource-items-container .resource-item.featured.on-demand:before,
.resource-items-container .resource-item.featured.live:before {
    left: 105px
}

.resource-items-container .resource-item.featured.on-demand .display-date,
.resource-items-container .resource-item.featured.live .display-date {
    left: 220px
}

.resource-items-container .resource-item.featured .display-date {
    left: 106px
}

.resource-items-container .resource-item.live .display-date {
    left: 140px
}

.resource-items-container .resource-item.on-demand .display-date {
    left: 118px
}

.resource-item--global-content {
    position: absolute;
    top: 24px;
    right: 24px;
    color: #273139;
    background-color: #ecedee;
    padding: 4px 8px;
    font-size: 10px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: .5px;
    border-radius: 12px;
    display: inline-block;
    z-index: 10
}

.resource-items-container .resource-item:hover,
.resource-items-container .resource-item:focus,
.resource-items-container .resource-item:active {
    box-shadow: 0 10px 50px -5px rgba(0, 0, 0, .15)
}

.resource-items-container .resource-item.featured-hide {
    display: none
}

.resource-items-container .resource-item .image-bg {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.resource-items-container .resource-item .image-bg:not(.image-bg-blank) {
    background-color: #0067df
}

.resource-items-container .resource-item .image-bg img {
    width: 100%;
    height: 252px;
    object-fit: cover;
    opacity: .8
}

.resource-items-container .resource-item .image-bg .resource-logo img {
    width: 240px;
    height: auto;
    opacity: 1
}

.resource-items-container .resource-item .image-bg.image-bg-blank img {
    object-fit: fill
}

.resource-items-container .resource-item .image-bg:after,
.resource-items-container .resource-item .image-bg .resource-logo {
    content: " ";
    background-size: contain;
    background-repeat: no-repeat;
    width: 96px;
    height: 96px;
    position: absolute
}

.resource-items-container .resource-item .image-bg .resource-logo {
    width: auto;
    height: auto
}

.resource-items-container .resource-item.Analyst .image-bg:after {
    background-image: url('http://www.uipath.com/hubfs/UiPath%20Resources/Card%20Icons/White/Report%20@3x.svg')
}

.resource-items-container .resource-item.Success .image-bg:after {
    background-image: url('http://www.uipath.com/hubfs/UiPath%20Resources/Card%20Icons/White/Customer%20Success%20Story%20@3x.svg')
}

.resource-items-container .resource-item.Webinar .image-bg:after {
    background-image: url('http://www.uipath.com/hubfs/UiPath%20Resources/Card%20Icons/White/Webinar%20@3x.svg')
}

.resource-items-container .resource-item.Whitepaper .image-bg:after {
    background-image: url('http://www.uipath.com/hubfs/UiPath%20Resources/Card%20Icons/White/Whitepaper%20@3x.svg')
}

.resource-items-container .resource-item.Analyst .image-bg.image-bg-blank:after {
    background-image: url('http://www.uipath.com/hubfs/UiPath%20Resources/Card%20Icons/Report@3x.svg')
}

.resource-items-container .resource-item.Success .image-bg.image-bg-blank:after {
    background-image: url('http://www.uipath.com/hubfs/UiPath%20Resources/Card%20Icons/Customer%20Success%20Story@3x.svg')
}

.resource-items-container .resource-item.Webinar .image-bg.image-bg-blank:after {
    background-image: url('http://www.uipath.com/hubfs/UiPath%20Resources/Card%20Icons/Webinar@3x.svg')
}

.resource-items-container .resource-item.Whitepaper .image-bg.image-bg-blank:after {
    background-image: url('http://www.uipath.com/hubfs/UiPath%20Resources/Card%20Icons/Whitepaper@3x.svg')
}

.resource-items-container .resource-item .image-bg.with-logo:after {
    display: none
}

.resource-items-container .resource-item .item-content {
    padding: 40px 24px;
    -webkit-order: 2;
    order: 2;
    transition: filter .3s;
    color: #8b97a1;
    font-size: 14px;
    line-height: 24px
}

.resource-item.resource-hidden:not(.search-filtered),
.resource-item.resource-hidden-search {
    display: none !important
}

.resource-item.topics-filtered,
.resource-item.industry-filtered,
.resource-item.region-filtered {
    display: flex
}

.resource-item h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0;
    margin: 0;
    margin-bottom: 10px;
    color: #000
}

.resource-item:hover h2,
.resource-item:focus h2,
.resource-item:active h2 {
    color: #0067df
}

.resource-item p {
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    color: #8a97a0
}

.resource-item .item-content--top {
    margin-bottom: 8px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center
}

.resource-item .tag {
    color: #8b97a1;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 24px;
    text-transform: uppercase
}

.resource-item .tag.global-content-cta {
    text-transform: initial
}

.resource-item .date {
    color: #8a97a0;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: .5px;
    line-height: 16px;
    text-align: right
}

.resource-item .item-image .item-link {
    position: relative;
    width: 100%;
    display: block;
    height: 100%
}

.resource-item .item-image .item-link img {
    max-height: 100%;
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%;
    margin: auto;
    max-width: 100%
}

.content-type-filters {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.12);
    max-width: 1200px;
    padding: 32px;
    margin-bottom: 2em;
    position: relative;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    z-index: 9999999999;
    display: none
}

.content-type-filters ul li {
    display: inline-block;
    margin-bottom: 0;
    border-radius: 24px;
    line-height: 24px;
    margin-top: 12px;
    margin-bottom: 0;
    margin-left: 5px;
    border-color: #e3e3e3;
    background-color: #fff;
    display: inline-block;
    color: #273139;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    padding: 4px 16px;
    font-family: Inter, sans-serif;
    box-shadow: none;
    text-shadow: none;
    border: solid 1px #e3e3e3;
}

.filter-title {
    color: #283139;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 5px
}

.filter-title span span {
    font-weight: normal;
    font-size: .9em
}

.filter-button-group-pills .filter-btn {
    border-radius: 24px;
    line-height: 24px;
    margin-top: 12px;
    margin-bottom: 0;
    margin-left: 5px;
    border-color: #e3e3e3;
    background-color: #fff;
    display: inline-block;
    color: #273139;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    padding: 4px 16px;
    font-family: Inter, sans-serif;
    box-shadow: none;
    text-shadow: none;
    border: solid 1px #e3e3e3
}

.filter-button-group-pills .filter-btn.active {
    border-color: #0067df;
    background-color: #0067df;
    color: #FFF;
    box-shadow: none
}

.filter-button-group-pills .filter-btn:hover,
.filter-button-group-pills .filter-btn:focus,
.filter-button-group-pills .filter-btn:active {
    border-color: #0067df;
    background-color: #0067df;
    color: #FFF
}

.filter-button-group-pills .filter-btn .checkbox_label {
    transition: padding .2s ease-in-out
}

.filter-btn input[type="checkbox"],
.filter-btn input[type="radio"],
.btn-group>.filter-btn input[type="checkbox"],
.btn-group>.filter-btn input[type="radio"] {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    margin: 0 !important
}

.shared-filters--topics,
.shared-filters--industry,
.success-stories-filters--region {
    max-width: 90%
}

.mobile-technology-option {
    padding: 0;
}

#activeTechnologyFilter.active {
    display: block;
    top: 50px;
    position: fixed;
}

#activeTechnologyFilter {
    display: none;
}

#activeIndustryFilter.active {
    display: block;
    top: 50px;
    position: fixed;
}

#activeIndustryFilter {
    display: none;
}

.searchresults {
    padding: 0 .9% 20px
}

.shared-filters--topics {
    margin-bottom: 30px
}

.no-resources {
    display: none;
    padding-bottom: 80px;
    padding-left: .90%;
    padding-right: .90%
}

.no-resources-title {
    font-size: 16px;
    color: #4e5758;
    padding-bottom: 20px
}

.no-resources-list-item {
    position: relative;
    padding-left: 40px
}

.no-resources-list-item::before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    top: 0;
    left: 0;
    border: 2px solid;
    border-radius: 50%
}

.no-resources-list-item::after {
    content: '';
    position: absolute;
    top: 7px;
    left: 6px;
    width: 8px;
    height: 4px;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(-45deg)
}

.no-resources-list-item+.no-resources-list-item {
    margin-top: 30px
}

.resources-pagination {
    text-align: center
}

.resources-pagination ul li {
    display: inline-block
}

.resources-pagination a {
    color: #273139;
    font-size: 14px;
    line-height: 40px;
    border: 1px solid #e3e3e3;
    min-width: 40px;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    transition: all .2s ease-in-out;
    position: relative;
    background-color: #fff;
    padding: 0 14px
}

.resources-pagination a+a {
    margin-left: 8px
}

.resources-pagination a.active-item-previous:before,
.resources-pagination a.active-item-next:after {
    content: '...';
    display: block;
    position: absolute;
    top: -5px;
    font-size: 24px;
    transform: translateX(-50%)
}

.resources-pagination a.active-item-previous:before {
    left: -20px
}

.resources-pagination a.active-item-next:after {
    right: -40px
}

.resources-pagination a.active-item-next {
    margin-right: 30px
}

.resources-pagination a.active-item-previous {
    margin-left: 38px
}

.resources-pagination a.active,
.resources-pagination a:hover {
    background-color: #0067df;
    color: #fff;
    border: 1px solid #0067df
}

.resources-pagination .active span:hover {
    background-color: #0c6edf
}

.resources-pagination .pagination-hidden {
    display: none
}

.page-link.next,
span.next {
    padding-left: 16px;
    padding-right: 32px;
    background-image: url("http://www.uipath.com/hubfs/UiPath%20Resources/Assets/Pagination_Arrow_Right.svg");
    background-position: 85% center;
    background-repeat: no-repeat
}

.page-link.prev,
span.prev {
    padding-left: 32px;
    padding-right: 16px;
    background-image: url("http://www.uipath.com/hubfs/UiPath%20Resources/Assets/Pagination_Arrows_Left.svg");
    background-position: 10% center;
    background-repeat: no-repeat
}

.page-link.next:hover,
.page-link.next:focus {
    background-image: url("http://www.uipath.com/hubfs/UiPath%20Resources/Assets/Pagination_Arrows_Right_White.svg")
}

.page-link.prev:hover,
.page-link.next:focus {
    background-image: url("http://www.uipath.com/hubfs/UiPath%20Resources/Assets/Pagination_Arrows_Left_White.svg")
}

span.prev.current,
span.next.current {
    display: none
}

@media only screen and (max-width:1200px) {
    .resources-container .resources-container--inner,
    .SolutionHero.resources-hero {
        padding-left: 16px;
        padding-right: 16px
    }
    .content-type-filters {
        right: 0
    }
    .search input.expanded {
        max-width: 130px
    }
    .filter-group .content-filters li a {
        padding: 0;
        white-space: nowrap
    }
    .resource-filters .filter-group.align-right {
        float: none;
        margin-top: 1em
    }
    .resource-filters .filter-group {
        display: block
    }
    .filter-group .content-filters {
        padding-left: 0;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 10px
    }
    .filter-group .content-filters::-webkit-scrollbar-thumb {
        background: rgba(255, 0, 0, 0);
        border-radius: 10px;
    }
    .filter-group .content-filters li {
        flex: 0 0 auto
    }
    .hide-filter-text .filter-text {
        opacity: 1;
        max-width: none;
        text-indent: 0
    }
    .hide-filter-text::before {
        left: 8px !important
    }
    .search .fa-search {
        padding: 10px 7px 3px 15px;
    }
    .search .close {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

@media only screen and (max-width:980px) {
    .content-type-filters {
        padding: 16px;
        top: 0;
        left: 0;
        margin-top: 0
    }
}

@media only screen and (max-width:768px) {
    .resource-items-container .resource-item {
        width: 48%
    }
    .content-type-filters {
        padding: 16px;
        top: 0;
        left: 0
    }
    .resources-container {
        padding: 0 0 100px 0
    }
    .SolutionHero.resources-hero {
        background-image: none !important;
        padding-bottom: 0
    }
    .resources-header-container .grid {
        display: none
    }
    .resources-hero .SolutionHero-container {
        padding-right: 0
    }
    .resources-hero .SolutionHero-title.SolutionHero-title {
        font-size: 28px;
        line-height: 36px
    }
    .listing-filters {
        padding-top: 0
    }
    .resource-filters .filter-group {
        display: block
    }
    .filter-button-group-pills .filter-btn {
        margin-left: 0
    }
    .content-type-filters {
        padding: 16px;
        top: 0;
        left: 0
    }
    .SolutionHero.resources-hero {
        min-height: 0;
        display: block;
        padding-top: 85px;
        padding-bottom: 40px
    }
    .resources-hero .SolutionHero-container {
        width: 100%
    }
    .resources-filter-container {
        margin-bottom: 18px
    }
    .resource-filters .filter-group.align-right {
        z-index: 10
    }
    .filter-group .content-filters.triggered-content-filters li a {
        padding-left: 25px
    }
    .triggered-content-filters li.regions a::before,
    .triggered-content-filters li.topics a::before {
        left: -5px
    }
    .hide-filter-text::before {
        left: -5px !important
    }
    .filter-group .content-filters li {
        padding: 10px 15px;
        border-radius: 24px;
        border: 1px solid #e3e3e3;
        margin-bottom: 8px
    }
}

@media only screen and (max-width:480px) {
    .resources-filter-container {
        display: block;
        padding-top: 30px;
        padding-left: 10px;
    }
    .case-study-search {
        display: none;
    }
    .gray-part {
        display: none;
    }
    .resource-items-container .resource-item {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
    .listing-filters {
        padding-left: 0
    }
}

@media all and (-ms-high-contrast:none) {
    .resource-items-container .resource-item .image-bg {
        height: 276px
    }
    .resource-items-container .resource-item .image-bg::after {
        top: 50%;
        left: 50%;
        margin-top: -48px;
        margin-left: -48px
    }
}

@media only screen and (max-width: 4000px) and (min-width: 1452px) {
    .slider_content {
        max-width: 38.4vw;
    }
    .slider_content .num{
        font-size: 3.07vw;
        line-height: 3.8vw;
    }
    .slider_content h2{
        font-size: 1.9vw;
        line-height: 2.8vw;
        margin: 0.3vw 0px;
    }
    .slider_content p{
        font-size: 0.89vw;
        max-height: 4.1vw;
        margin: 0px 0px 1.6vw 0px;
        line-height: 1.9vw;
    }
    .slide_img{
        width: 41.6vw;
        height: 24.2vw;
 
    }
    .btn {
        height: 2.2vw;
        line-height: 2.5;
        font-size: 0.9vw;
        margin: 0.32vw;
        padding: .6vw 1.8vw;
        width: 8.85vw;
        border-radius: 0.25vw;
    }
    .overview_section {
        padding: 3.2vw 0px;
    }
    .case-study-blog .case-study-title h2 {
        font-size: 3.2vw;
    }
    .case-study-blog .case-study-dec p {
        color: rgba(0, 0, 0, 0.6);
    width: 60%;
    text-align: center;
    margin: auto;
    font-weight: normal;
    margin-bottom: 0.9vw;
    margin-top: 1.7vw;
    font-family: montserrat_light;
    font-size: 1.15vw;
    }
    .resources-filter-container {
        margin-bottom: 2.3vw;
    }
    .search{
        margin-right: 0.32vw;
    }
    .filter-group .content-filters li a, a.close-filter, .search{
        border-radius: 1.53vw;
        line-height: 1.53vw;
        font-size: 0.89vw;
        padding: 0.769vw 1.02vw;
    }
    .search .fa-search, .search .close{
        padding: 0.769vw 1.08vw;
        line-height: 1.53vw;
        border-radius: 1.53vw;
    }
    .filter-group .content-filters li{
        margin-right: 0.5vw;
    }
    .filter-group .content-filters.triggered-content-filters li a{
        padding-left: 2.24vw;
    }
    .filter-text{
        max-width: 12.82vw;
    }
    .case-study-search{
        margin-top: 5.64vw;
    }
    .select_technology{
        margin-right: 0.961vw;
        margin-left: 0.64vw;
    }
    .case-study-select{
        width: 20.06vw;
        height: 3.9vw;
        border-radius: 0.961vw;
        font-size: 1.02vw;
        line-height: 2.05vw;
    }
    .select-styled{
        padding: 1.8vw 0 0 5.25vw;
        font-size: 0.961vw;
        border-radius: 0.76vw;
        line-height: 0;
    }
    .select_technology .case-study-select .select-styled:before{
        left: 1.53vw;
        bottom: .6vw;
        background-size: 1.79vw 1.79vw;
    }
    .select_industry .case-study-select .select-styled:before{
        bottom: .6vw;
        left: 1.858vw;
    }
    .select-styled.active::after{
        background-size: 1.79vw 1.79vw;
    }
    .select-styled:after {
        bottom: 0.4vw;
        height: 1.79vw;
    width: 0.57vw;
    right: 2.1vw;
    }
    .select-options{
        margin-top: 2.56vw;
        padding: 0px 0.25vw 0.38vw 0;
        border-radius: 0.64vw;
    }
    .select-options li{
        font-size: 0.89vw;
    }
    .select_industry{
        margin-right: 1.6vw;
    }
    .select_secondary_search{
        border-radius: 0.96vw;
        height: 3.91vw;
        width: 4.03vw;
    }
    .secondary_search input {
        height: 3.91vw;
        border-radius: 0.96vw;
        line-height: 1.6vw;
        font-size: 1.34vw;
    }
    .secondary_search span {
        top: 1.73vw;
        right: 0.53vw;  
    }
    #secondary_val_search{
        font-size: 0.961vw;
    }
    #secondary_val_search::placeholder {
        font-size: 0.961vw;
      }
    .select_secondary_search label svg{
        height: 3.9vw;
        padding: 0 1.6vw;
        border-radius: 0.96vw;
        width: 1.28vw;
    }
    .case-study-wrap{
        margin: 5.32vw 5.12vw 1.28vw 7.69vw;
    }
    .case-study-card a{
        font-size: 1.02vw;
        padding-bottom: 2.24vw;
    }
    .case-study-card img{
        height: 14.1vw;
        width: 30.12vw;
    }
    .case-study-card h2 {
        font-size: 1.22vw;
        padding-top: 0.96vw;
    }
    .case-study-card p{
        opacity: .8;
        padding-right: 10%;
        color: rgba(0, 0, 0, 0.6);
        padding-left: 10%;
        text-align: left;
        font-weight: 400;
        line-height: 2.25vw;
        margin-top: 1.7vw;
        font-family: montserrat_light;
        font-size: 1vw;
    }
    .case-study-card a.read-more{
        padding-bottom: 1.2vw;
    }
    .gray-part svg{
        width: 21.85vw;
        height: 22.4vw;
    }

  

}
@media only screen and (max-width: 3000px) and (min-width: 2500px) {
    .select_technology .case-study-select .select-styled.active::before {
        transform: scale(1.5);
        bottom: 1.1vw;
    }
    .select-styled.active::after {
        content: url("data:image/svg+xml;charset=UTF-8,<svg width='25' height='14' viewBox='0 0 19 11' fill='white' xmlns='http://www.w3.org/2000/svg'><path d='M9.95308 10.6469C9.63048 10.6469 9.30792 10.5237 9.06197 10.2779L1.32238 2.53818C0.83004 2.04584 0.83004 1.2476 1.32238 0.755458C1.81452 0.263318 2.6126 0.263318 3.10498 0.755458L9.95308 7.60395L16.8012 0.755697C17.2935 0.263557 18.0916 0.263557 18.5837 0.755697C19.0762 1.24784 19.0762 2.04608 18.5837 2.53842L10.8442 10.2781C10.5981 10.524 10.2756 10.6469 9.95308 10.6469Z' fill='white'/></svg> ");
      
    }
    .select_industry .case-study-select .select-styled:before {
        bottom: 1.1vw;
        transform: scale(1.5);
    }
    .select-styled:after {
        content: url("data:image/svg+xml;charset=UTF-8,<svg width='25' height='14' viewBox='0 0 19 11' fill='gray' xmlns='http://www.w3.org/2000/svg'><path d='M9.95308 10.6469C9.63048 10.6469 9.30792 10.5237 9.06197 10.2779L1.32238 2.53818C0.83004 2.04584 0.83004 1.2476 1.32238 0.755458C1.81452 0.263318 2.6126 0.263318 3.10498 0.755458L9.95308 7.60395L16.8012 0.755697C17.2935 0.263557 18.0916 0.263557 18.5837 0.755697C19.0762 1.24784 19.0762 2.04608 18.5837 2.53842L10.8442 10.2781C10.5981 10.524 10.2756 10.6469 9.95308 10.6469Z' fill='gray'/></svg> ");
    }

}
@media only screen and (max-width: 3500px) and (min-width: 3000px) {
    .select_technology .case-study-select .select-styled.active::before {
        transform: scale(2);
    }
    .select_industry .case-study-select .select-styled:before {
        transform: scale(2);
    }
    .select-styled:after {
        transform: scale(2);
    }
    .select-styled.active::after {
        transform: scale(2);
    }
}
@media only screen and (max-width: 4000px) and (min-width: 3500px) {
    .select_technology .case-study-select .select-styled.active::before {
        transform: scale(2.1);
    }
    .select_industry .case-study-select .select-styled:before {
        transform: scale(2.1);
    }
    .select-styled:after {
        transform: scale(2.1);
    }
    .select-styled.active::after {
        transform: scale(2.1);
    }
}