@charset "utf-8";
/* CSS Document */
img{max-width: 100%}
@media only screen and (min-width: 768px){
	.card {
		-webkit-box-flex: 0;
		-ms-flex: 0 1 320px;
		flex: 0 1 320px;
	}
} 
.banner-part-service .container {
    max-width: 100%;
    padding-left: 246px;
}
.case-study-listing-banner { 
    /*background-image: url(/images/banner-case-study.png);*/
    background-image: url(/images/banner-case-study.webp);
    background-repeat: no-repeat;
    overflow: hidden;
    background-size: auto 100%;
    background-position: left center;
    background-color: #F2F2F2;
    background-size: cover /* margin-top: 170px; */;
}
.case-study-listing-banner.container {
    max-width: 100%;
    padding-left: 246px;
}
.banner-inner-content {
    border-left: 1px solid #000;
    padding: 60px 0 60px 83px;
    margin-top: 125px;
    position: relative;
}
.case-study-listing-banner-inner.banner-inner-content {
    padding-bottom: 97px;
    padding-left: 120px;
}
.banner-inner-content h2 {
    font-weight: 200;
    margin: 0;
    color: #000;
    font-size: 50px;
    position: relative;
    line-height: 1.2;
    position: relative;
    top: -72px;
    margin-bottom: -40px;
    max-width: 510px;
}
.banner-search-box .blank-dash{
	height: 2px;
    background: #5BA4F4;
	left: -106px;
    width: 104px;
	z-index: 5;
	display: block;
    top: 50%;
    transform: translateY(-50%);	
	position: absolute;
}
.blank-dash:after, .blank-dash:before {
    content: "";
    position: absolute;
    top: 50%; 
    border-radius: 50%;
	border: 1px solid #ccc;
}
.blank-dash:after{
	font-weight: 400;
	width: 30px;
    height: 30px;
    padding: 0px;
	text-align: center;
    margin-top: -15px;
    content: "•";
    font-size: 30px;
}
.banner-search-box .blank-dash:after, .banner-search-box .blank-dash:before {
    border-color: #5BA4F4;
    border-width: 2px;
}
.banner-search-box .blank-dash:before {
    background: #5BA4F4;
    width: 12px;
    height: 12px;
    right: -9px;
    margin-top: -6px;
}
.banner-search-box .blank-dash:after {
    background: none;
    left: -29px;
    color: #000;
    line-height: 21px;
	
}

.books-icons{
    position: absolute; 
	top: -42px;
    left: -30px;
	width: 62px;
	height: 54px;
    display: block;
    background: url(/images/banner-book-icon.png) no-repeat;
    background-size: 62px 54px;    
}
.banner-search-box .blank-dash:before {
    background: #5BA4F4;
    width: 12px;
    height: 12px;
    right: -9px;
    margin-top: -6px;
}
.banner-search-box .form-inner-wcn-filter-search input[type="text"] {
    width: calc(100% - 50px);
    font-weight: 300;
    font-family: 'Lato',sans-serif;
}
.case-study-listing-banner-inner .searchicon-wcn {
    background-color: #2D83EB !important;
	background-position: -51px 14px;
}
.searchicon-wcn {
    background: url(/images/search-icons.png) no-repeat 13px 18px;
    width: 49px;
    height: 49px;
    border-radius: 4px;
    cursor: pointer;
}
.case-study-listing-banner-inner .form-inner-wcn-filter-search {
    padding: 7px 10px;
	background: #fff;
    max-width: 420px;
    margin: 0;
}
.banner-search-box {
    position: relative;
}
.case-study-listing-banner-inner .banner-search-box .blank-dash {
    left: -106px;
    width: 104px;
	background: #5BA4F4;
}
.filter-section.self-learning-filter {
    margin-top: -64px;  background: none;
}
.self-learning-filter.case-study-filter .search-result-text span {
    color: #000;
}
.type-box-search {
    position: absolute;
    top: -22px;
    left: -1px;
    background-color: #97979B;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    padding: 0 20px;
    font-weight: bold;
    line-height: 22px;
}
.boxCard {
    text-align: center;
    border: 1px #ccc solid;
    padding: 20px 20px 70px 20px;
    position: relative; 
}
.boxCard .boxCard-image {
    position: relative;
    margin-bottom: 50px;
}
.boxCard h4 {
    font-weight: 300;
    font-size: 20px;
    margin: 0;
    padding: 0;
    min-height: 110px;
    color: #000;
}
.reated-case-study-inner .boxCard{
	overflow: visible;
	height: 100%;
}
.reated-case-study-inner {
    
    display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
    align-content: flex-start;
    flex-flow: wrap;
    /*-webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;*/
    padding-top: 50px;
	
}

.padding-left-slide .reated-case-study-inner .card-item-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.client-log-pic {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);

}
.padding-left-slide .reated-case-study-inner{
	margin: 0 -15px;
}
.reated-case-study-inner{
	margin: 0 -15px;
}
.case-study-listing .serach-result-list p{font-size: 18px;line-height: 1.4;} 
.case-study-filter .filter-head:after{    background: #000; left: 100%; width: 93px;}
.case-study-filter .show-filteroption .icon-showfilter::before{
	content: "";
	width: 15px;
	height: 1px;
	position: absolute;
	display: block;
	background: #ccc;
	top: 50%;
	left: 100%;
}

/*KB Search Lists*/

 
.sort-by-item-side li label:after, .category-by-item-side li label:after {
    content: "";
    position: absolute;
    background-image: url(/images/sprite-icon-list.png);
    background-repeat: no-repeat;
    display: block;
    z-index: 5;
}
.category-by-item-side li input[type="checkbox"] {
    opacity: 0;
    position: absolute;
}
.category-by-item-side input~label:after {
    background-color: #fff;
}

.category-by-item-side label[for="myonoffswitch-project-translation"]:after{
    background-position: -43px -72px;
    width: 25px; height: 23px;
    right: 5px;top: 14px;
}
.category-by-item-side label[for="myonoffswitch-project-translation"]:hover:after {
    background-position: -176px -72px;
}

.form-inner-wcn-filter-search-banner {
	min-width: 100%;
}
.form-inner-wcn-filter-search-banner {
	border: 1px solid #ccc !important;
	min-width: 100%;
	display: -ms-flexbox !important;
	display: flex !important;
	-ms-flex-direction: row !important;
	flex-direction: row !important;
	padding: 5px;
	position: relative;
}
.form-inner-wcn-filter-search-banner input[type="text"] {
	width: calc(100% - 40px) !important;
	font-size: 24px !important;	padding-left: 13px !important;
	font-weight:600;font-family: 'Lato', sans-serif;
	border: 0;
}
.searchicon-wcn-banner {
	width: 40px !important;	height: 35px !important;
	background-position: 18px 6px !important;
	background: url(/images/search-icons.png) no-repeat 13px 18px;
	border-radius: 4px;
	cursor: pointer;
}
.form-section-search-banner {
	background: #fff;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 40%;
	flex: 0 0 40%;
	max-width: 40%;
	position: relative
}
.form-section-search-banner:after {
	width: 18px;width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 10px;
	position: absolute;
	z-index: 10;top: 23px;
	display: block;
	content: "❯";
	margin-top: -10px;
	left: -10px;
	font-size: 15px;
	text-align: center;
	line-height: 17px;
	color: #125AAF;
	border: 1px solid #ccc;
}
.form-section-search-banner form {
	background: #fff;
	position: relative;
	z-index: 5;
}

.search-result-text {
	z-index: 5; position: relative;
	font-size: 18px;font-weight: 300;
	background: none;
    margin-left: 105px;
}
.search-result{margin-top: -7px;}
.listing-wrapper.padding-left-slide {
	padding-left:320px;
}
.padding-left-slide  .card-item-box {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 16.6%;
	flex: 0 0 16.6%;
	max-width: 16.6%;
}
.search-result span {
	font-weight: 700;
}
.filter-section {
	background: #fff;
	z-index: 55;
}
.filter-section .row {
	padding-top: 10px;padding-bottom: 10px;
}
.filter-checking-part {
	position: relative;
	left: 0;height: 64px;
	background: #125AAF;
	display: inline-block;
	width: 274px;
	 
}

.filter-search-part {
	width: calc(100% - 350px);
	display: inline-block;
	vertical-align: middle;
}

.filter-head{
	padding: 15px 74px 15px 46px;
	text-align: right;height: 64px;
	position: relative;
	text-transform: uppercase;
	font-size:18px;	color: #fff;line-height: 34px;font-weight:600;
	cursor: pointer;
}
.filter-icon{
	display: inline-block;  
	width: 30px;height: 25px;
	position: absolute;
	background: url(/images/filter-icon.png) no-repeat;
	top: 50%;margin-top: -12px;right: 155px;
}

.icon-showfilter {
	width: 24px;height: 24px;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #fff;
	border-radius: 50%;
	position: absolute;
	right: 15px;top: 50%;
	margin-top: -12px;
	z-index: 5;
}
.show-filteroption {
	background: #3F4B52;
}
.arrow-filer {
	background: #125AAF url(/images/filter-arrow.png) no-repeat 5px 8px;
}
.show-filteroption .arrow-filer {
	background: #3F4B52 url(/images/close-filter-icon.png) no-repeat 6px 6px;
}
.main-filter-area {
	position: relative;
}
.filter-show-box {
	position: absolute;
	top: 65px;width: 100%;
	display: none;
	overflow-y: auto;
	overflow-x: hidden;
}
.sidebar-menu .card-header .btn {
    background: #fff;
    border: 0; 
    position: relative;
    display: block;
    width: 100%;
    border-radius: 0;outline: 0; 
    color: #080808;
    text-decoration: none;
    text-transform: uppercase;
	padding: 23px 50px 20px 15px;
	text-align: right;font-weight: bold;
}
.sidebar-menu .card {
    border: none; padding: 0;
    background: #fff;
    border-radius: 0; margin: 0;
}
.sidebar-menu:after {
    position: absolute;
    content: "";
    width: 10px;  height: 10px;
    background: #ccc;
    display: block;
    bottom: 0; right: 23px;
    border-radius: 10px;
}
.sidebar-menu .card-header .btn i {
	font-family: 'FontAwesome';
	color: #000;
	border: 1px solid #ccc;
	width: 30px;height: 30px;
	border-radius: 50%;
	text-align: center;
	line-height: 28px;right: 12px ;
	background: #fff !important;
	position: absolute;
	z-index: 5;
}
 
.sidebar-menu .card-header {
    padding: 0;
    background: none;
	border: 0;
}
.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card:before {
    content: "";
    width: 1px; height: 100%;
    position: absolute;
    top: 0;right: 27px;
    display: block;
    background: #ccc;
    z-index: 2;
}
.icon-showfilter:after {
	width: 16px;height: 1px;
	content: "";
	background: #ccc;
	position: absolute;
	top: 11px;left: -17px;
}

.left-bullet {
	width: 10px;height: 10px;
	position: absolute;
	left: -21px;top: 6px;
	display: block;
	background: #ccc;
	border-radius: 10px;
}
.filter-head:before {
	width: 1px;	height: 20px;
	display: block;background: #ccc;
	content: "";
	position: absolute;
	top: 0px;right: 27px;z-index: 2;
}
.show-filteroption .filter-head:before {
	height: 65px;
	z-index: 2;
}
.main-filter-area:after {
	content: "";
	position: absolute;
	right: -98px;  width: 10px;
    height: 10px;border-radius: 10px;
	display: block;
	background: #000;
	top: 50%; margin-top: -5px;
}
.filter-head:after {
	content: "";
	position: absolute;
	width: 40px;height: 1px;
	border-radius: 10px;display: block;
	background: #ccc;
	top: 50%;
	left: calc(100% - 16px);
}
.clearfilter-button:last-child {
    padding-bottom: 50px;
}
.show-filteroption .icon-showfilter {
	width: 24px;height: 24px;
	right: 15px;
	margin-top: -12px;
}
.sort-by-item-side {
	margin: 0;padding: 0;
}
.sort-by-item-side li {
	position: relative;
	z-index: 5
}
.sort-by-item-side li label:after, .category-by-item-side li label:after {
	content: "";
	position: absolute;
	background-image: url(/images/sprite-icon-list.png);
	background-repeat: no-repeat;
	display: block;
	z-index: 5;
}
.case-study-filter .category-by-item-side li label:hover, 
.case-study-filter .keyword-by-item-side label:hover, 
.case-study-filter .sort-by-item-side li label:hover {
    color: #000;
}
 
.sort-by-item-side li label:after {
	background-color: #fff;
}
.sort-by-item-side li input[type="radio"] {
	opacity: 0;
	position: absolute;
}
.sort-by-item-side li label {
	display: block;margin: 0;
	position: relative;text-align: right;
	padding-right: 50px;line-height: 50px;
	text-transform: uppercase;
	color: #666666;
}
.sort-by-item-side input:checked ~ label{color:#000}

.sort-by-item-side label[for="New-item-side-sn"]:after { 
	background-position:-102px -81px;
    width: 40px;height:40px;
    right: 7px;top: 5px;
}
.sort-by-item-side label[for="New-item-side-sn"]:hover:after{
	background-position:-128px -183px;
}
.sort-by-item-side input:checked ~ label[for="New-item-side-sn"]:after { 
	background-position:-102px -129px;   
}

.sort-by-item-side label[for="Popular-item-side-sn"]:after{
	background-position:-96px -46px;
    width: 27px;height: 27px; right: 17px;
    top: 10px;
}
.sort-by-item-side label[for="Popular-item-side-sn"]:hover:after{
	background-position:-138px -302px;
}
.sort-by-item-side input:checked ~ label[for="Popular-item-side-sn"]:after { 
	background-position:-125px -46px;   
}

.sort-by-item-side label[for="trend-item-side-sn"]:after{
	background-position:-78px -2px;
    width: 35px;height:35px;
    right: 10px;top: 7px;
}
.sort-by-item-side label[for="trend-item-side-sn"]:hover:after{
		background-position:-133px -244px;
}
.sort-by-item-side input:checked ~ label[for="trend-item-side-sn"]:after { 
	background-position:-116px -1px;   
}

 .category-by-item-side{
	margin: 0;
	padding: 0;
}
.category-by-item-side li label{
	display: block;margin: 0;
	position: relative;	text-align: right;padding-right: 50px;
	line-height: 50px;
	text-transform: uppercase;
	color: #666666;
	cursor: pointer;
	margin-top: -7px;
}
 .card:before{content: ""; width: 1px; height: 100%;position: absolute;top: 0; right:27px;display: block; background: #ccc;z-index: 2}

 .self-learning-filter .category-by-item-side li label, .self-learning-filter .keyword-by-item-side label {
    font-size: 14px;text-transform: none;
    font-size: 14px;font-weight: 400;
}
.self-learning-filter .keyword-by-item-side label span, .self-learning-filter .category-by-item-side li label span {
    font-size: 12px;
    color: #2D83EB;
    margin-left: 3px;
    font-weight: bold;
}
.self-learning-filter .sidebar-menu .card-header .btn {
    color: #000;
}

.category-by-item-side li input[type="checkbox"]{	  
	 opacity: 0;
	 position: absolute;
}
.category-by-item-side input:checked ~ label{color:#000}
.category-by-item-side input ~ label:after{background-color: #fff}
.category-by-item-side input:checked ~ label:after{
	width: 34px;height: 34px;	
	right: 1px;top: 9px;
	border-radius: 50%;
	border: 3px solid #fff;
	padding: 3px;
	box-shadow: 0px 0px 1px 1px #999;
	z-index: 2;	
} 
.keyword-by-item-side{margin: 0;padding: 0}
.keyword-by-item-side label{position: relative;display: block;margin: 0;z-index: 5;color: #666666;text-align: right;padding-right: 48px; font-size: 15px;}
.keyword-by-item-side label:hover{color: #000;cursor: pointer}
.keyword-by-item-side label:after{
	width: 15px;height: 15px;
	right: 10px;top: 12px;
	margin-top:-8px; 
	border:1px solid #ccc;
	border-radius: 10px;
	display: block;
	position: absolute;
	content: ""; 
	z-index: 5;
	background: #fff;
	color: #5BA4F4;
}
.keyword-by-item-side input ~ label:hover:before {
    background: #5BA4F4;
    position: absolute;
    content: "";
    z-index: 7; width: 7px;
    height: 7px;
    border-radius: 10px;
    display: block;
    right: 14px;top: 9px;
    margin-top: -1px;
}


.category-by-item-side label[for="myonoffswitch-project-seo"]:after{
	background-image: url(/images/seo-gray.png);
    width: 24px;height: 24px;
	right: 5px;top: 13px;
}
.category-by-item-side input:checked~label[for="myonoffswitch-project-seo"]:after{
	background-image: url(/images/seo-black-hover.png);
    background-color: #1baaec;
	width: 34px; height: 34px;
	background-position:0 0; 
	background-size: 100%;
}
.category-by-item-side label[for="myonoffswitch-project-seo"]:hover:after{
	background-image: url(/images/seo-black.png);
}

.category-by-item-side label[for="myonoffswitch-project-paidsearch"]:after{
	background-image: url(/images/paid-search-gray.png);
	width: 24px;height: 24px;
	right: 7px;top: 13px;
}
.category-by-item-side input:checked~label[for="myonoffswitch-project-paidsearch"]:after{
	background-image: url(/images/paid-search-hvr.png);
	background-color: #5ca697;
	width: 34px;
    height: 34px;
	background-position: 0px 1px;
    background-size: 100%;
}
.category-by-item-side label[for="myonoffswitch-project-paidsearch"]:hover:after{
	background-image: url(/images/paid-search-blk.png);
}

.category-by-item-side label[for="myonoffswitch-project-socialmedia"]:after{
	background-image: url(/images/social-media-gray.png);
    width: 24px;height: 24px;
    right: 5px;top: 13px;
}
.category-by-item-side input:checked~label[for="myonoffswitch-project-socialmedia"]:after{
	background-image: url(/images/social-media-hvr.png);
	background-color: #125AAF;
	width: 34px;
    height: 34px;
	background-position: 1px 0;
    background-size: 100%;
}
.category-by-item-side label[for="myonoffswitch-project-socialmedia"]:hover:after{
	background-image: url(/images/social-media.png);
}

.category-by-item-side label[for="myonoffswitch-project-influencermarketing"]:after{
	background-image: url(/images/influnecer-marketing-gray.png);
    width: 23px;height: 25px;
    right: 6px;top: 12px;
}
.category-by-item-side input:checked~label[for="myonoffswitch-project-influencermarketing"]:after{
	background-image: url(/images/influnecer-marketing-blk-hvr.png);
	background-color: #e0a149;
	width: 34px;height: 34px;
	background-position: center center;
}
.category-by-item-side label[for="myonoffswitch-project-influencermarketing"]:hover:after{
	background-image: url(/images/influnecer-marketing-blk.png);
}

.category-by-item-side label[for="myonoffswitch-project-research"]:after{
	background-image: url(/images/research-icon-gray.png);
    width: 24px;height: 24px;
    right: 5px;top: 13px;
}
.category-by-item-side input:checked~label[for="myonoffswitch-project-research"]:after{
	background-image: url(/images/research-icon-black-hvr.png);
	background-color: #1ABC9C;
	width: 34px;height: 34px;
	background-position: 2px 0px;
    background-size: 100%;
}
.category-by-item-side label[for="myonoffswitch-project-research"]:hover:after{
	background-image: url(/images/research-icon-black.png);
}

.category-by-item-side label[for="myonoffswitch-project-event"]:after{
	background-image: url(/images/events-icon-gray.png);
    width: 24px;height:24px;  right: 5px;top: 13px;
}
.category-by-item-side input:checked~label[for="myonoffswitch-project-event"]:after{
	background-image: url(/images/events-icon-blck-hvr.png);
	background-color: #da3b10;
	width: 34px; height: 34px;background-position: 1px 0px;
    background-size: 100%;
}
.category-by-item-side label[for="myonoffswitch-project-event"]:hover:after{
	background-image: url(/images/events-icon-blck.png);
}


.category-by-item-side label[for="myonoffswitch-project-contentmanagement"]:after{
	background-image: url(/images/content-management-gray.png);
    width: 24px;height: 24px; right: 5px; top: 15px;
}
.category-by-item-side input:checked~label[for="myonoffswitch-project-contentmanagement"]:after{
	background-image: url(/images/content-management-black-hvr.png);
	background-color: #8ac62d;
	width: 34px;  height: 34px;background-position: 1px 1px;
    background-size: 100%;
}
.category-by-item-side label[for="myonoffswitch-project-contentmanagement"]:hover:after{
	background-image: url(/images/content-management-black.png);
}

.category-by-item-side label[for="myonoffswitch-project-contentmarketing"]:after{
	background-image: url(/images/content-marketing-gray.png);
    width: 24px;height: 24px; right: 5px; top: 13px;
}
.category-by-item-side input:checked~label[for="myonoffswitch-project-contentmarketing"]:after{
	background-image: url(/images/content-marketing-black-hvr.png);
	background-color: #9d3ebd;
	width: 34px; height: 34px;
	background-position: 1px 0;
    background-size: 100%;
}
.category-by-item-side label[for="myonoffswitch-project-contentmarketing"]:hover:after{
	background-image: url(/images/content-marketing-black.png);
}

.category-by-item-side label[for="myonoffswitch-project-creative"]:after{
	background-image: url(/images/creative-gray.png);
	width: 16px;
    height: 25px;
    right: 9px;
    top: 13px;
}
.category-by-item-side input:checked~label[for="myonoffswitch-project-creative"]:after{
	background-image: url(/images/creative-wht-hvr.png);
	background-color: #dcd542;
	width: 34px; height: 34px;
	background-position: -2px -2px;
}
.category-by-item-side label[for="myonoffswitch-project-creative"]:hover:after{
	background-image: url(/images/creative-black.png);
}

.category-by-item-side label[for="myonoffswitch-industry-manufacturing"]:after{
	background-image: url(/images/manufacturing-icon-gray.png);
    width: 25px;height: 25px;right: 5px;top: 13px;
}
.category-by-item-side input:checked~label[for="myonoffswitch-industry-manufacturing"]:after{
	background-image: url(/images/manufacturing-icon-black-hvr.png);
	background-color: #1547e4;
	width: 34px; height: 34px;
	background-position: -2px -2px;
}
.category-by-item-side label[for="myonoffswitch-industry-manufacturing"]:hover:after{
	background-image: url(/images/manufacturing-icon-black.png);
}

.category-by-item-side label[for="myonoffswitch-industry-technology"]:after{
	background-image: url(/images/technology-icon-gray.png);
    width: 24px; height: 24px;right: 5px;top: 12px;
}
.category-by-item-side input:checked~label[for="myonoffswitch-industry-technology"]:after{
	background-image: url(/images/technology-icon-hvr.png);
	background-color: #adc410;
	width: 34px;
    height: 34px;
	background-position: -3px -2px;
}
.category-by-item-side label[for="myonoffswitch-industry-technology"]:hover:after{
	background-image: url(/images/technology-icon-black.png);
}
.category-by-item-side label[for="myonoffswitch-industry-travel"]:after{	
	background-image: url(/images/travell-icon-gray.png);
    width: 24px;
    height: 24px;
	right: 7px;
    top: 12px;
}
.category-by-item-side input:checked~label[for="myonoffswitch-industry-travel"]:after{
	background-image: url(/images/travell-icon-hvr.png);
	background-color: #d95c09;
	width: 34px;
    height: 34px;
	background-position: -2px -2px;
}
.category-by-item-side label[for="myonoffswitch-industry-travel"]:hover:after{
	background-image: url(/images/travell-icon-black.png);
}

.category-by-item-side label[for="myonoffswitch-industry-education"]:after{
	background-image: url(/images/education-icon-gray.png);
    width: 24px;
    height: 24px;
	right: 5px;
    top: 12px;
}
.category-by-item-side input:checked~label[for="myonoffswitch-industry-education"]:after{
	background-image: url(/images/education-icon-hvr.png);
	background-color: #740eaf;
	width: 34px;
    height: 34px;
	background-position: -2px -2px;
}
.category-by-item-side label[for="myonoffswitch-industry-education"]:hover:after{
	background-image: url(/images/education-icon-black.png);
}

.category-by-item-side label[for="myonoffswitch-industry-foodandbeverage"]:after{
	background-image: url(/images/food-bvrg-icon-gray.png);
    width: 24px;
    height: 24px;
	right: 5px;
    top: 12px;
}
.category-by-item-side input:checked~label[for="myonoffswitch-industry-foodandbeverage"]:after{
	background-image: url(/images/food-bvrg-icon-hvr.png);
	background-color: #048dc6;
	width: 34px;
    height: 34px;
	background-position: -3px -3px;
}
.category-by-item-side label[for="myonoffswitch-industry-foodandbeverage"]:hover:after{
	background-image: url(/images/food-bvrg-icon-black.png);
}
.category-by-item-side label[for="myonoffswitch-industry-retail"]:after{
	background-image: url(/images/retail-icon-gray.png);
    width: 24px;
    height: 24px;
	right: 5px;
    top: 13px;
}
.category-by-item-side input:checked~label[for="myonoffswitch-industry-retail"]:after{
	background-image: url(/images/retail-icon-hvr.png);
	background-color: #54e2cf;
	width: 34px;
    height: 34px;
	background-position: -2px -2px;
}

.category-by-item-side label[for="myonoffswitch-industry-retail"]:hover:after{
	background-image: url(/images/retail-icon-black.png);
}

.category-by-item-side label[for="myonoffswitch-industry-gaming"]:after{
	background-image: url(/images/gaming-icon-gray.png);
    width: 24px;
    height: 24px;
	right: 5px;
    top: 14px;
}
.category-by-item-side input:checked~label[for="myonoffswitch-industry-gaming"]:after{
	background-image: url(/images/gaming-icon-hvr.png);
	background-color: #ae0eb0;
	width: 34px;  height: 34px;
	background-position: -2px -2px;
}
.category-by-item-side label[for="myonoffswitch-industry-gaming"]:hover:after{
	background-image: url(/images/gaming-icon-black.png);
}
.category-by-item-side label[for="myonoffswitch-industry-lifesciences"]:after{
	background-image: url(/images/life-sc-icon-gray.png);
    width: 24px; height: 24px;
	right: 5px;
    top: 13px;
}
.category-by-item-side input:checked~label[for="myonoffswitch-industry-lifesciences"]:after{
	background-image: url(/images/life-sc-icon-hvr.png);
	background-color: #1b8d2b;
	width: 34px; height: 34px;
	background-position: -2px -3px;
}
.category-by-item-side label[for="myonoffswitch-industry-lifesciences"]:hover:after{
	background-image: url(/images/life-sc-icon-black.png);
}
   
.category-by-item-side label[for="myonoffswitch-industry-finance"]:after
{	background-image: url(/images/finance-icon-gray.png);
    width: 24px;  height: 24px;
    right: 5px; top: 13px;
} 
 
.category-by-item-side input:checked~label[for="myonoffswitch-industry-finance"]:after
{
	background-image: url(/images/finance-icon-hvr.png);
	background-color: #ee188c;
	width: 34px;  height: 34px; 
	background-position: 1px 0;
    background-size: 100%;
} 
.category-by-item-side label[for="myonoffswitch-industry-finance"]:hover:after {
    background-image: url(/images/finance-icon-black.png);	
}
 
.category-by-item-side input:checked~label[for="myonoffswitch-project-translation"]:after {
    background-position: -3px -69px;
    background-color: #4d996d;
}  
.project-type-socialmedia span i{
	background-image:url(/images/social-media-wht-bx.png) !important; 
}
.project-type-socialmedia, .project-type-socialmedia span, .project-type-socialmedia h6 {
    background-color: #125AAF;
}



.keyword-by-item-side input{
	display: none;
} 
.keyword-by-item-side li{
	position: relative; 
	padding: 11px 0;
}
.keyword-by-item-side input:checked ~ label:before{ 
	background:#5BA4F4;position: absolute;
	content: "";
	z-index: 7;width: 7px;
	height: 7px;border-radius: 10px;
	display: block;	right: 14px;	top: 9px;	margin-top: -1px;
}
	.keyword-by-item-side input:checked ~ label{color: #000;}
	.clearfilter-button {
		text-align: right;	padding-right: 50px;padding-top: 15px;	position: relative;
		padding-bottom: 10px;
	}

.clearfilter-button:before {
    content: "";
    width: 1px;  height: 100%;
    position: absolute;
    top: 0; right: 27px;
    display: block;
    background: #ccc;
    z-index: 2;
}
.btn-reset-filter{
	text-align: center;	position: relative;
	background: #125AAF;
	padding: 10px 15px;	text-transform: uppercase;
	font-size: 15px;font-weight: bold;
	color: #fff;	display: inline-block;
	border-radius: 3px;	z-index: 5;
}

.clearfilter-button .btn-reset-filter:hover, .clearfilter-button .btn-reset-filter:focus {
	color: #fff;	text-decoration: none;	background: #3c8ef2
}
.btn-reset-filter:before {
	width: 27px;
	content: "";
	height: 1px;	background: #125AAF;
	position: absolute;	left: 100%;	top: 50%;
}
.btn-reset-filter:after {
	content: "";
	width: 9px;	height: 9px;	border-radius: 8px;
	background: #125AAF;
	position: absolute;
	right: -27px;	top: 50%;	margin-top: -4px;
}
.fiter-search-result-part {
	padding-top: 50px;
}
.sidebar-menu {
	background: #fff
}
.filter-section .container {
	max-width: 100%; padding-left:0; 
}

.listing-wrapper {
	max-width: 100%;	margin: 0 auto;
	width: 100%;	padding-right: 15px;padding-left: 15px;
}
.search-lising-outer-part {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
.card-item-box {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
	margin-bottom: 3rem;
	padding-right: 15px;
	padding-left: 15px;
}
.mobile-filter {
	display: none;
}
.cls-f{display: none}
.sidebar-menu .card-body {
    padding: 0 10px;
    background: none;
}
.boxCard .boxCard-image a {
    position: absolute;
    width: 100%;
    display: block;
    /* background: #8A428A; */
    font-size: 0px;
    color: #fff;
    font-weight: 400;
    top: 100%;
    left: 0;
}
.boxCard .boxCard-image a span {
    width: 48px;    height: 48px;
    position: absolute;  left: 50%;
    margin-left: -24px;
    top: -24px;  border: 2px solid #fff;
    border-radius: 50%;
}
.boxCard .boxCard-image a:hover {
    font-size: 16px;  padding: 8px 40px 7px;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0px -2px 0px 0px #fff;
}
.boxCard .boxCard-image a:hover span {
    border-bottom: 0;
    border-radius: 0;
    border-top-left-radius: 56px;
    border-top-right-radius: 56px;
    height: 24px; width: 48px;
}
.boxCard .boxCard-image a:hover span i {
    margin-top: -4px;
}
.boxCard .boxCard-image a h6 {
    font-size: 0;
    margin:0;
}
.boxCard .boxCard-image a:hover h6 {
    font-size: 16px;   padding: 0 5px 9px;
    position: absolute;
    z-index: 5;    top: 14px;    width: 100%;    left: 0;
}
.boxCard a.view-bttn {
    background-image: url(/images/arrow-wht.png);
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 10px 15px;
    background-color: #125AAF;
    font-size: 18px;    color: #fff;
    text-transform: uppercase;
    font-weight: 600;    padding: 8px 40px 8px 25px;
    border-radius: 3px;text-decoration: none;
	display: inline-block;
}
.boxCard a.view-bttn:hover {
    text-decoration: none;    color: #fff;
    background-color: #2D83EB;
}
.boxCard-image span i{background-image:url(/images/small-sprite-icon.png); background-repeat:no-repeat; width: 30px;height: 30px;display:block; position: absolute;left:50%;margin-left: -15px;top: 50%; margin-top: -15px; }
 
.greenbox,.greenbox span,.greenbox h6{background-color: #D15852;}/*Country guides*/
.greenbox span i{background-position:1px 1px;}

.datab, .datab span,.datab h6{background-color: #DE8D45;}/*Benchmarks*/
.datab span i{background-position: -1px -33px;}

.trainingeb,.trainingeb span,.trainingeb h6{background-color: #5B9AC8;}/*Ebook*/
.trainingeb span i{background-position: 1px -65px;}

.trainingb,.trainingb span,.trainingb h6{background-color: #BA70BA;}/*E-laearning*/
.trainingb span i{background-position: 0px -105px;}

.howto,.howto span,.howto h6{background-color: #7DAA55;}/*how to guides*/
.howto span i{background-position:2px -140px;}

.languageb,.languageb span,.languageb h6{background-color: #4D996D;}/*language Guides*/
.languageb span i{background-position:2px -174px;}

.quizzeb,.quizzeb span,.quizzeb h6{background-color: #5B77BF;}
.quizzeb span i{background-position:-2px -211px;}

.researchb,.researchb span,.researchb h6{background-color: #D15852;}
.researchb span i{background-position:0px -250px;}

.shows,.shows span,.shows h6{background-color: #C59D4B;}
.shows span i{background-position:0px -285px;}

.toolsb,.toolsb span,.toolsb h6{background-color: #6095B5;}
.toolsb span i{background-position:-1px -324px;}

.trainingec,.trainingec span,.trainingec h6{background-color:#8B69B6;}
.trainingec span i{background-position:-67px 0px;}

.catchup,.catchup span,.catchup h6{background-color:#C63955;}
.catchup span i{background-position:-68px -35px;}

.answerb,.answerb span,.answerb h6{background-color:#32A6E4;}
.answerb span i{background-position:-67px -71px;}



.category-by-item-side label[for="myonoffswitchebook1-sn"]:after { 
	background-position: -44px -0px;
	width: 25px;	height:24px;
	right: 3px;	top: 17px;   
}
.category-by-item-side input:checked ~ label[for="myonoffswitchebook1-sn"]:after { 
	background-position:-2px 6px;   
	background-color:#5B9AC8;	
}

.category-by-item-side label[for="myonoffswitchguides3-sn"]:after { 
	background-position: -44px -33px;
    width: 25px;    height: 24px;
    right: 5px;    top: 15px;   
}
.category-by-item-side label[for="myonoffswitchguides3-sn"]:hover:after { 
	background-position: -176px -33px;   
}
.category-by-item-side input:checked ~ label[for="myonoffswitchguides3-sn"]:after { 
	background-position:-2px -29px;   
	background-color:#7DAA55;	
}

.category-by-item-side label[for="myonoffswitchquizzes6-sn"]:after { 
	background-position: -38px -255px;
    width: 25px;  height: 24px;
    right: 5px;  top: 15px;   
}
.category-by-item-side label[for="myonoffswitchquizzes6-sn"]:hover:after { 
	background-position: -75px -255px;     
}
.category-by-item-side input:checked ~ label[for="myonoffswitchquizzes6-sn"]:after { 
	background-position:1px -252px;   
	background-color:#5B77BF;	
}

.category-by-item-side label[for="myonoffswitchresearch7-sn"]:after { 
	background-position: -42px -108px;
    width: 25px;    height: 24px;
    right: 5px;    top: 15px;   
}
.category-by-item-side input:checked ~ label[for="myonoffswitchresearch7-sn"]:after { 
	background-position:-1px -104px;   
	background-color:#D15852;	
}
.category-by-item-side label[for="myonoffswitchtemplates8-sn"]:after { 
	background-position: -42px -290px;
    width: 25px;   height: 24px;
    right: 5px;    top: 15px;   
}
.category-by-item-side label[for="myonoffswitchtemplates8-sn"]:hover:after { 
	background-position: -83px -290px;
      
}
.category-by-item-side input:checked ~ label[for="myonoffswitchtemplates8-sn"]:after { 
	background-position:-2px -286px;   
	background-color:#C59D4B;	
}
.category-by-item-side label[for="myonoffswitchtraining_course9-sn"]:after { 
	background-position:-44px -223px;
    width: 25px;    height: 24px;
    right: 5px;    top: 15px;   
}
.category-by-item-side label[for="myonoffswitchtraining_course9-sn"]:hover:after { 
	background-position:-82px -222px;    
}
.category-by-item-side input:checked ~ label[for="myonoffswitchtraining_course9-sn"]:after { 
	background-position:-5px -218px;   
	background-color:#BA70BA;	
}
.category-by-item-side label[for="myonoffswitchvideo10-sn"]:after { 
	background-position: -44px -321px;
	width: 25px;	height: 23px;
	right: 4px;	top: 16px;  
}
.category-by-item-side label[for="myonoffswitchvideo10-sn"]:hover:after { 
	background-position: -84px -321px;
	 
}
.category-by-item-side input:checked ~ label[for="myonoffswitchvideo10-sn"]:after { 
	background-position:-3px -316px;   
	background-color:#C63955;	
}
.category-by-item-side label[for="myonoffswitchvideo_answer11-sn"]:after { 
	background-position:-38px -184px;
	width: 25px;	height: 23px;
	right: 4px;	top: 16px;  
}
.category-by-item-side label[for="myonoffswitchvideo_answer11-sn"]:hover:after { 
	background-position:-82px -184px;
	 
}
.category-by-item-side input:checked ~ label[for="myonoffswitchvideo_answer11-sn"]:after { 
	background-position:2px -180px;   
	background-color:#32A6E4;	
}
.category-by-item-side label[for="myonoffswitchlanguages5-sn"]:after { 
	background-position: -43px -72px;
	width: 25px;	height: 23px;
	right: 5px;	top: 15px; 
}
.category-by-item-side label[for="myonoffswitchlanguages5-sn"]:hover:after { 
	background-position: -176px -72px;	
}
.category-by-item-side input:checked ~ label[for="myonoffswitchlanguages5-sn"]:after { 
	background-position:-3px -69px;   
	background-color:#4D996D;	
}
.category-by-item-side label[for="myonoffswitchcountries0-sn"]:after { 
	background-position: -44px -149px;
	width: 28px;	height: 25px;
	right: 1px;	top: 13px;   
}
.category-by-item-side label[for="myonoffswitchcountries0-sn"]:hover:after { 
	background-position:-175px -148px;
	
}
.category-by-item-side input:checked ~ label[for="myonoffswitchcountries0-sn"]:after { 
	background-position:-3px -145px;   
	background-color:#D15852;
}
.view-btn-outer{
	position: absolute;
    width: 100%;    left: 0;    bottom: 20px;	text-align: center;
}
@media only screen and (max-width: 1640px){
	.padding-left-slide .card-item-box {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
}
@media only screen and (max-width:1280px){

	.banner-part-service .container{padding-left: 80px;}
	.case-study-listing-banner-inner.banner-inner-content{padding-left: 86px;}
	.case-study-listing-banner .banner-search-box .blank-dash {
		left: -72px;
		width: 70px;
	}
	.filter-section{    padding-left:0px;}
   .search-result-text{  margin-left: 28px;}
   .sidebar-menu .card-header .btn i{
	   right: auto !important;
	   left: 12px !important;
   }
   .filter-checking-part{width: 275px;}	 
   .sidebar-menu .card { margin-left: 53px;}
   .filter-icon{right: auto; left: 205px;}
   .icon-showfilter{right: auto; left:68px;}
   .filter-head{padding: 15px 46px 15px 130px;text-align: left;}
   .filter-head:before{left: 80px;right: auto}
   .icon-showfilter:after{left: 24px;}
   .left-bullet{left: 35px;}
   .main-filter-area:after,.filter-head:after{display: none}
   .card:before{right: auto;left:27px;}
   .sidebar-menu .card-header .btn {
	   padding: 23px 15px 20px 50px !important;
	   text-align: left !important;
   }
   .sidebar-menu:after {  right: 189px;}
   .form-section-search-banner{	 
		   -webkit-box-flex: 0;
	   -ms-flex: 0 0 calc(100% - 400px);
	   flex: 0 0 calc(100% - 400px);
	   max-width: calc(100% - 400px);
	   
	  }
	  .banner-search-box .form-inner-wcn-filter-search{    max-width: 360px;}
	
	  .sort-by-item-side li label{padding-left: 50px;padding-right: 5px;text-align: left}			  
		  
	  .sort-by-item-side label[for="New-item-side-sn"]:after { 
		  right: auto; 		left: 8px;
	  } 
	  .sort-by-item-side label[for="Popular-item-side-sn"]:after{ 
		  right: auto;left:10px;   top: 10px;
	  }
	  .sort-by-item-side label[for="trend-item-side-sn"]:after{ 
		  right: auto; left:10px;    top: 7px;
	  }
	  .category-by-item-side li label{padding-right: 3px; padding-left: 40px;text-align: left;}	
	  .category-by-item-side input:checked ~ label:after{right: auto; left: 0px;}
	    
  
	  .category-by-item-side label[for="myonoffswitchcountries0-sn"]:after { 
		  background-position: -44px -148px; 
		  right: auto; left:6px;
		  top: 13px;   
	  } 
	  .category-by-item-side label[for="myonoffswitchebook1-sn"]:after {  
		  right: auto;left: 7px;
	  }
	  .category-by-item-side label[for="myonoffswitchguides3-sn"]:after { 	 
		  right: auto; left:5px; 
	  }
	  .category-by-item-side label[for="myonoffswitchquizzes6-sn"]:after {  
		  left: 5px;right:auto; 
	  }
	  .category-by-item-side label[for="myonoffswitchresearch7-sn"]:after {  
		  left: 5px; right:auto; 
	  } 
	  .category-by-item-side label[for="myonoffswitchtemplates8-sn"]:after {  
		  left: 5px; right:auto; 
	  } 
	  .category-by-item-side label[for="myonoffswitchtraining_course9-sn"]:after { 
		   left: 5px; right:auto; 
	  }
	  .category-by-item-side label[for="myonoffswitchvideo10-sn"]:after { 
		   left:6px; right:auto; 
	  } 
	  .category-by-item-side label[for="myonoffswitchvideo_answer11-sn"]:after { 
		   left: 6px; right:auto; 
	  }
	   .category-by-item-side label[for="myonoffswitchlanguages5-sn"]:after { 
		   left: 5px; right:auto; 
	  }   
	  .keyword-by-item-side label{
		  padding-right: 0px; padding-left: 48px; text-align: left;
	  }
	  .keyword-by-item-side label::after{left: 10px; right: auto;top: 10px;}
	  .keyword-by-item-side input:checked ~ label:before,.keyword-by-item-side input ~ label:hover:before{left: 14px; right: auto;top:7px;}
	  .clearfilter-button{text-align: left;padding-right: 0;    margin-left: 103px;}
		.clearfilter-button:before{right: auto;left: -23px;}
	  .btn-reset-filter:before{left: -23px;width: 23px;}
	  .btn-reset-filter:after { right: auto; left:-27px;}

	.card-item-box{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.padding-left-slide .reated-case-study-inner .card-item-box{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.33%;
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}

.category-by-item-side label[for="myonoffswitch-project-seo"]:after,
.category-by-item-side label[for="myonoffswitch-project-paidsearch"]:after,
.category-by-item-side label[for="myonoffswitch-project-socialmedia"]:after,
.category-by-item-side label[for="myonoffswitch-project-influencermarketing"]:after,
.category-by-item-side label[for="myonoffswitch-project-research"]:after,
.category-by-item-side label[for="myonoffswitch-project-event"]:after,
.category-by-item-side label[for="myonoffswitch-project-contentmanagement"]:after,
.category-by-item-side label[for="myonoffswitch-project-contentmarketing"]:after,
.category-by-item-side label[for="myonoffswitch-project-translation"]:after,
.category-by-item-side label[for="myonoffswitch-industry-manufacturing"]:after,
.category-by-item-side label[for="myonoffswitch-industry-technology"]:after,
.category-by-item-side label[for="myonoffswitch-industry-travel"]:after,
.category-by-item-side label[for="myonoffswitch-industry-education"]:after,
.category-by-item-side label[for="myonoffswitch-industry-foodandbeverage"]:after,
.category-by-item-side label[for="myonoffswitch-industry-retail"]:after,
.category-by-item-side label[for="myonoffswitch-industry-gaming"]:after,
.category-by-item-side label[for="myonoffswitch-industry-lifesciences"]:after,
.category-by-item-side label[for="myonoffswitch-industry-finance"]:after{
	left: 5px;
    right: auto;
}
.category-by-item-side label[for="myonoffswitch-project-creative"]:after{
	left: 10px;   right: auto;
}	
}
@media only screen and (max-width:1199px){
	.filter-section.self-learning-filter {
		position: relative;
	}
	.filter-search-part {
		display: inline-block;
		width: calc(100% - 180px);
		position: absolute;	left: 80px;	top: -48px;
	}
	.filter-search-part:before {
		content: "";
		width: 80px;height: 1px;background: #000;	position: absolute;	display: block;	left: 4px;top: 17px;
	}
	.filter-search-part:after {
		content: "";width: 10px;height: 10px;
		border-radius: 10px;background: #000;position: absolute;left: -5px;	top: 13px;
	}
	.search-result:before {
		content: "";
		width: 10px;height: 10px;
		border-radius: 10px;	background: #000;
		position: absolute;	left: 0px;top:2px;
	}
	.filter-section.self-learning-filter .search-result-text {	margin-left: 98px;	}
	.case-study-listing-banner-inner.banner-inner-content {padding-bottom: 125px;}
	.sidebar-menu .card-body {padding: 0 0px 0 10px; }
	.search-result {margin-top: -11px;	}
}

@media only screen and (max-width:1050px){
	.boxCard h4{min-height: 85px;}
	.padding-left-slide .reated-case-study-inner .card-item-box {		 
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.card-item-box {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.33%;
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}
}
@media only screen and (max-width:1023px){
	.filter-show-box {
		background: #fff;z-index: 5;
		box-shadow: 2px 1px 4px 0px rgb(0 0 0 / 50%);
		padding-bottom: 10px;border-right: 1px solid #3F4B52;
	}
	.listing-wrapper.padding-left-slide {padding-left: 310px;}
	.sidebar-menu:after{bottom: 8px;}
	.banner-part-service .container{padding-left: 42px;	}
	.filter-head:before {left: 42px;}
	.icon-showfilter{	left: 30px;	}
	.filter-head{	padding: 15px 46px 15px 95px;	}
	.sidebar-menu .card {margin-left: 15px;	}
	.filter-checking-part {	width: 250px;	}
	.filter-icon { 	left: 190px;}
	.filter-search-part{left: 42px;	}
	.clearfilter-button{margin-left: 65px;	}
	.sidebar-menu:after {right: 201px;}
}
@media only screen and (max-width:768px){
	.filter-show-box{display: none;}
}
@media only screen and (max-width:767px){
	.card-item-box {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}	
	.listing-wrapper.padding-left-slide {	padding-left: 275px;	}
}
@media only screen and (max-width:680px){
	.padding-left-slide .reated-case-study-inner .card-item-box {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media only screen and (max-width:639px){
	.banner-inner-content h2{		font-weight: 300;font-size: 32px;	}
	.case-study-listing-banner-inner.banner-inner-content {		padding-left: 64px;	}
	.case-study-listing-banner .banner-search-box .blank-dash {		left: -50px;		width: 48px;	}
	.filter-section.self-learning-filter .search-result-text {		margin-left: 76px;	}
	.filter-search-part:before{		width: 66px;	}
	.card-item-box{	padding-right: 10px;	padding-left: 10px;	}
	.padding-left-slide .reated-case-study-inner{margin: 0 -10px;	}
	.reated-case-study-inner{	margin: 0 -10px;	}
	.listing-wrapper.padding-left-slide {padding-left: 265px;	}
	.reated-case-study-inner{flex-wrap: wrap;}
}
@media only screen and (max-width:479px){
	.listing-wrapper.padding-left-slide{
		padding: 0 15px;
	}
	.card-item-box {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.padding-left-slide .reated-case-study-inner .card-item-box {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.reated-case-study-inner{flex-flow: column;}
}
@media only screen and (max-width:414px){
	.banner-inner-content{margin-top: 75px;	}
	.case-study-listing-banner-inner.banner-inner-content {
		padding-left: 45px;
	}
	.case-study-listing-banner .banner-search-box .blank-dash {
		left: -31px;width: 29px;
	}
	.filter-section.self-learning-filter .search-result-text {
		margin-left: 56px;
	}
	.filter-search-part:before {width: 46px;}
	.filter-checking-part{
		width: 100%;
	}
	.filter-section .container{padding: 0;}
	.filter-icon {left: auto;right: 24px;}
	.listing-wrapper.padding-left-slide{
		padding: 0 15px;
	}
	.sidebar-menu:after{
		right: auto;left: 38px;
	}
	.card-item-box,.padding-left-slide .reated-case-study-inner .card-item-box {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.boxCard-image > img{
	width: 100%;
	}
}

/*Ajay Changes*/
.project-type-research {
    background: #1ABC9C;
    background-color: #1ABC9C;
}
   .project-type-research span i {
    background-image: url(/images/research-icon-mid.png);
    background-color: #1ABC9C;
}
.project-type-research, .project-type-research span, .project-type-research h6 {
    background-color: #1ABC9C; 
}
.project-type-event {
    background: #da3b10;
   background-color: #da3b10;
}
.project-type-event span i {
    background-image: url(/images/event-icon-mid.png);
      background-color: #da3b10;
}
.project-type-event, .project-type-event span, .project-type-event h6 {
    background-color: #da3b10; 
}
.project-type-translation {
    background: #4d996d;
        background-color: #4d996d;
}
   .project-type-translation span i {
	  background-position: 2px -174px !important;
      background-color: #4d996d;
}
.project-type-translation, .project-type-translation span, .project-type-translation h6 {
    background-color: #4d996d; 
}

.project-type-contentmanagement {
    background: #8ac62d;
    background-color: #8ac62d;
}
   .project-type-contentmanagement span i {
    background-image: url(/images/content-management-icon-mid.png);
    background-color: #8ac62d;
}
.project-type-contentmanagement, .project-type-contentmanagement span, .project-type-contentmanagement h6 {
    background-color: #8ac62d; 
}
.project-type-creative {
    background: #dcd542;
        background-color: #dcd542;
}
   .project-type-creative span i {
    background-image: url(/images/creative-icon-mid.png);
    background-color: #dcd542;
}
.project-type-creative, .project-type-creative span, .project-type-creative h6 {
    background-color: #dcd542; 
}

.project-type-contentmarketing {
    background: #9d3ebd;
    background-color: #9d3ebd;
}
   .project-type-contentmarketing span i {
    background-image: url(/images/content-marketing-icon-mid.png);
    background-color: #9d3ebd;
}
.project-type-contentmarketing, .project-type-contentmarketing span, .project-type-contentmarketing h6 {
    background-color: #9d3ebd; 
}

.project-type-seo {
    background: #3c9dca;
    background-color: #3c9dca;
}
   .project-type-seo span i {
    background-image: url(/images/seo-icon-mid.png);
    background-color: #1baaec;
}
.project-type-seo, .project-type-seo span, .project-type-seo h6 {
    background-color: #1baaec; 
}

.project-type-paidsearch {
    background: #5ca697;
        background-color: #5ca697;
}
   .project-type-paidsearch span i {
    background-image: url(/images/paid-search-icon-mid.png);
    background-color: #5ca697;
}
.project-type-paidsearch, .project-type-paidsearch span, .project-type-paidsearch h6 {
    background-color: #5ca697; 
}
.project-type-socialmedia {
    background: #125AAF;
    background-color: #125AAF;
}
.howto span i {
    background-position: 0px 0;
}
 .project-type-socialmedia span i {
    background-image: url(/images/social-media-wht-bx.png);
      background-color: #125AAF;
}
.project-type-socialmedia, .project-type-socialmedia span, .project-type-socialmedia h6 {
    background-color: #125AAF; 
}
.project-type-influencermarketing {
    background: #FFB515;
        background-color: #FFB515;
}
.project-type-influencermarketing span i {
    background-image: url(/images/influencer-icon-mid.png);
      background-color: #FFB515;
}
.project-type-influencermarketing, .project-type-influencermarketing span, .project-type-influencermarketing h6 {
    background-color: #FFB515; 
}
/*End Ajay changes*/