.tpc-cat-item .single-items-1 {
overflow: hidden;
}
.tpc-cat-item .single-items-1 a {
display: block;
line-height: 90px;
border: 1px solid #c2c2c2;
position: relative;
padding-left: 90px;
border-radius: 5px;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear
}
.tpc-cat-item .single-items-1 a .cat-item_image {
position: absolute;
top: 50%;
left: 30px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: #e5f1fb;
border: 2px solid var(--edubin-primary-color);
padding: 8px;
border-radius: 100px;
width: 50px;
height: 50px;
max-width: 50px;
max-height: 50px;
display: block;
}
.tpc-cat-item .single-items-1 a .cat_name {
font-size: 20px;
font-weight: 600;
color: var(--edubin-color-secondary);
line-height: 1.3;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear
}
.tpc-cat-item .single-items-1 a:hover {
background-color: var(--edubin-color-secondary);
transition: all 0.3s linear
}
.tpc-cat-item .single-items-1 a:hover .cat-item_image {
background: #ffffff;
border: 2px solid #fff;
transition: all 0.3s linear
}
.tpc-cat-item .single-items-1 a:hover .cat_name {
color: #ffffff;
transition: all 0.3s linear
}
@media only screen and (max-width:992px) {
.tpc-cat-item .single-items-1 a {
padding-left: 80px;
}
.tpc-cat-item .single-items-1 a .cat-item_image {
left: 15px;
}
.tpc-cat-item .single-items-1 a .cat_name {
font-size: 16px;
font-weight: 600;
}
} .edubin-course-category .single-items {
position: relative;
overflow: hidden;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.edubin-course-category.cat-hover-effect-1 .single-items:hover {
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
-webkit-transform: translateY(-5px) translate3d(0, -5px, 0);
transform: translateY(-5px) translate3d(0, -5px, 0);
}
.edubin-course-category .single-items .items-image {
position: relative;
}
.edubin-course-category .single-items .items-image img {
width: 100%;
object-fit: cover;
border-radius: 3px;
}
.edubin-course-category .single-items .items-image::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(7, 41, 77, 0.6);
border-radius: 3px;
}
.edubin-course-category .single-items .items-cont {
position: absolute;
top: 50%;
left: 0;
width: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.edubin-course-category .single-items .items-cont .course-cat {
color: #fff;
font-size: 18px;
margin-bottom: 5px;
-webkit-transition: all 0.4s linear;
transition: all 0.4s linear;
position: relative;
display: inline-block;
}
.edubin-course-category .single-items .items-cont .course-cat:hover {
color: var(--edubin-primary-color);
}
.edubin-course-category .single-items .items-cont .total-course {
font-size: 14px;
font-weight: 500;
color: #fff;
-webkit-transition: all 0.4s linear;
transition: all 0.4s linear;
}
.edubin-course-category.cat-hover-effect-2 .single-items .items-cont a .course-cat:hover {
color: inherit;
}
.edubin-course-category.cat-hover-effect-2 .single-items .items-cont>a {
transition: inherit;
}
.edubin-course-category.cat-hover-effect-2 .single-items .items-cont>a:hover {
color: #ffffff;
}
.edubin-course-category.cat-hover-effect-2 .single-items .items-cont a .course-cat::before {
content: '';
width: 0;
height: 2px;
background-color: #ffffff;
transition: all 0.3s linear;
position: absolute;
bottom: -2px;
}
.edubin-course-category.cat-hover-effect-2 .single-items .items-cont a .course-cat:hover:before {
width: 100%;
} .tpc-course-category-style-3 {
box-sizing: border-box;
border: 1px solid #EBEBEB;
border-radius: 58px;
display: inline-flex;
align-items: center;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.tpc-course-category-style-3:hover {
box-shadow: 0px 3px 7px rgba(0, 0, 0, .07);
}
.tpc-course-category-style-3 a.cat-item-3 {
font-size: 17px;
line-height: 28px;
color: var(--edubin-heading-color);
display: flex;
align-items: center;
padding: 8px 12px 8px 20px;
transition: all 0.25s ease-out;
}
.tpc-course-category-style-3:hover a.cat-item-3 {
color: var(--edubin-primary-color);
}
.tpc-course-category-style-3 a.cat-item-3 img {
margin-left: 10px;
width: 50px;
height: 50px;
border-radius: 100%;
} .tpc-course-category-style-4 {
display: flex;
align-items: center;
transition: all 0.3s ease-in-out;
}
.tpc-course-category-style-4 .cat-title-wrap {
flex-shrink: 0;
margin-left: 20px;
}
.tpc-course-category-style-4 .cat-title-wrap>h4 {
margin-bottom: 0;
color: inherit;
transition: inherit;
}
.tpc-course-category-style-4 .cat-title-wrap.edubin-slider:hover h4 {
color: inherit;
}
.tpc-category-style-4 .edubin-icon-category:hover .icon-category-title {
transition: all 0.3s ease 0s;
}
.tpc-category-style-4 .edubin-icon-category:hover .icon-category-title {
color: var(--edubin-primary-color);
}
.tpc-category-style-4 .edubin-icon-category:hover .single-category .img-wrapper img {
transform: rotate(5deg);
}
.tpc-course-category-style-4 a.cat-title-wrap:hover {
color: var(--edubin-heading-color);
}