/* Trang danh sach linh vuc goi dich vu */
.service_category_classify .list-category{padding-top: 30px;}
.service_category_classify .category-list{padding-top: 160px;}
.service_category_classify h3{font-size: 24px;line-height: 32px;text-align: center;letter-spacing: initial;}
.service_category_classify .img-upload{background-color: #2DB964;width: 48px;height: 48px;line-height: 45px;text-align: center;border-radius: 48px;}
.category-child ul li{line-height: 32px;}
.service_category_classify .block-category{border: 1px solid #E5E5E5;border-radius: 10px;width: 346px;padding: 13px;margin: 22px 20px 0px 0px;}
.service_category_classify .content-category{display: flex;justify-content: flex-start;padding-bottom: 80px;flex-wrap: wrap;}
.banner-bottom{background-image: url('../img/Banner-Bottom.png'); background-repeat: no-repeat; margin-bottom: 150px; background-position: center;}
.banner-bottom .content-banner{text-align: center;padding: 105px 0;}
.banner-bottom .content-banner h2{width: 500px;margin: auto;font-size: 30px;line-height: 40px;letter-spacing: -0.02em;color: white;}
.banner-bottom .content-banner a{padding: 8px 24px;margin-top: 20px;background-color: white;border-radius: 5px;border-color: white;font-weight: 600;color: black;}
.block-category .title-category a{display: block;margin-top: 10px;}
.block-category .title-category p{display: none;}

/* Trang danh sach linh vuc theo phan loai */
.service_filter h3{font-size: 24px;line-height: 32px;font-weight: 600;letter-spacing: initial;width: max-content;margin-left: 10px;}
.service_filter .list-category{padding-top: 30px;padding-bottom: 100px;}
.service_filter .category-list{padding-top: 160px;padding-bottom: 100px;}
.service_filter .content-category.display-desktop{display: flex;flex-wrap: wrap;justify-content: space-between; margin-top: 30px;}
.content-category.display-desktop .image-category{margin-right: 25px;margin-top: 30px;width: 22%;}
.service_filter .list-option-category{width: auto;border: 1px solid #E5E5E5;border-radius: 9px;padding: 20px;position: absolute;background-color: white;margin-left: 10px;}
.list-option-category ul{list-style: none;font-size: 16px;margin-left: 0px;}
.list-option-category ul li{line-height: 24px;margin-bottom: 10px;}
.service_filter .content-category.display-mobile{display: none;}
.service_filter .content-section>a{color:#2DB964;margin-left:10px;margin-bottom:15px;display:block}

/* Trang danh sach cac goi dich vu freelancer */
.service_user .main_content.content-fix{background-color: white;}
.service_user .menu{margin-top: 30px;}
.service_user .menu h3{font-size: 24px;line-height: 32px;font-weight: 700;letter-spacing: -0.02em;}
.service_user .search-service{margin-top: 30px;}
.search-service .categories{padding: 8px 10px;border: 1px solid #CCCCCC;display: flex;justify-content: space-between;align-items: center;}
.input-search .form-group{text-align: right;}
.input-search .form-group input{width: 91%;}
.input-search .form-group button{position: absolute;background: #2DB964;margin-left: -57px;color: white;padding: 10px 20px;}
.input-search .form-group input::placeholder{font-style: normal;}
.service_user .other-services-list{display: flex;flex-wrap: wrap;}
.other-services-list .most-viewed-item{width: 275px;height: max-content;margin: 0 10px;border: 1px solid #CCCCCC;border-radius: 9px;margin-bottom: 20px;}
.most-viewed-item .img{position: relative;}
.most-viewed-item .img>img{width: 100%;height: 156px;border-radius: 9px 9px 0px 0px;}
.most-viewed-item .title-service-mobile{display: none;}
.most-viewed-item .title-service-item{border: 0 0 9px 9px;padding: 15px 0;}
.most-viewed-item .title-service-item>p{padding: 0 15px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;height: 40px;}
.title-service-item .view-rating-and-price{display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;padding: 0 15px;}
.title-service-item .view-rating{display: flex;}
.title-service-item .information-item{display: flex;align-items: center;}
.title-service-item .information-item p{margin-left: 5px;margin-right: 10px;margin-bottom: 0px;}
.title-service-item .price p{margin-bottom: 0px;color: #2DB964;font-size: 16px;line-height: 24px;}
.title-service-item .information-account{display: flex;align-items: center;padding: 15px;border-top: 1px solid #CCCCCC;}
.information-account .avatar{width: 20%;}
.information-account .profile{width: 70%;}
.information-account .profile p{margin-bottom: 3px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
i.fa-star{color: #FDD835;}
.information-account .profile span{color: #999999;}
.service_user .menu{margin-left: 10px;}
.search-service .search-mobile{display: none;}
.service_user .results-paging{text-align: center;padding: 15px 20px;}
.service_user .results-paging span.current{padding: 6px 12px;background-color: #2DB964;border-radius: 50%;font-size: 16px;color: white;}
.service_user .results-paging a{margin: 0 20px;font-size: 16px;line-height: 24px;color: black;}
.service_user .category-list{padding-top: 160px;}

.block-title .push-credit-icon {background-image: url(../img/icon/icon-push-top.svg); background-repeat: no-repeat; height: 20px;background-position: 5px 5px;width: 30px;margin-bottom: -6px;display: inline-block}

/* Banner introducing new marketing campaign */
.banner-marketing{margin-bottom: 80px;}
.banner-marketing a{display: block;}
.banner-list-gdv .banner-destop{display: block;}
.banner-list-gdv .banner-mobile{display: none;}
/* End Banner introducing new marketing campaign */

@media (max-width: 1200px){
    .service_category_classify .content-category{justify-content: center;}
    .service_category .navbar-static-top.nav-new .container{width: 1200px;min-width: 100%;}

    /* Trang danh sach linh vuc theo phan loai */
    .content-category.display-desktop .image-category{width: 22%;}

    /* Trang danh sach cac goi dich vu freelancer */
    .service_user .navbar-static-top.nav-new .container{width: 1200px;}
    .other-services-list .most-viewed-item{width: 22%;}
}

@media (max-width: 976px){
    .service_category_classify .block-category{width: 330px;}
    .service_category_classify .category-list{padding-top: 90px;}

    /* Trang danh sach linh vuc theo phan loai */
    .content-category.display-desktop .image-category{width: 29%;}
    .service_filter .category-list{padding-top: 90px;}

    /* Trang danh sach cac goi dich vu freelancer */
    .other-services-list .most-viewed-item{width: 30%;}
}

@media (max-width: 768px){
    .service_category_classify .block-category{width: 260px;}
    .block-category .title-category{width: 75%;}
    .category-child ul{margin-left: 0px;}

    /* Trang danh sach linh vuc theo phan loai */
    .service_filter .container{width: 620px;}
    .content-category.display-desktop .image-category{width: 45%;}

    /* Trang danh sach cac goi dich vu freelancer */
    .most-viewed-item .img>img{height: auto;}
    .other-services-list .most-viewed-item{width: 46%;}
    .service_user .category-list{padding-top: 60px;}

    .banner-list-gdv .banner-destop{display: none;}
    .banner-list-gdv .banner-mobile{display: block; padding: 0 20px;}
    .banner-marketing.container.banner-list-gdv{margin-bottom: 80px;}
}

@media (max-width: 639px){
    .block-category .title-category{width: 80%;}
    .category-child ul{display: none;}
    .service_category_classify .block-category{width: 100%;min-height: auto;margin: 20px 0 0 0;min-height: 80px;}
    .block-category .title-category p{display: block;}
    .block-category .title-category a{margin-top: 0px;}
    .service_category_classify .content-category{padding-left: 20px;padding-right: 20px;}
    .banner-bottom .content-banner{padding: 88px 30px;}
    .banner-bottom .content-banner a{font-size: 14px;line-height: 20px;}

    /* Trang danh sach linh vuc theo phan loai */
    .service_filter .content-category.display-mobile{display: block;}
    .service_filter .content-category.display-desktop{display: none;}
    .service_category .container{width: 100%;}
    .content-category.display-mobile .block-category{width: auto;margin-top: 20px;border-bottom: 1px solid #E5E5E5;margin-left: 0px;display: flex;align-items: center;margin: 0 20px;padding: 15px 0;}
    .service_filter .content-section>a{margin-left: 20px;}
    .service_filter h3{margin-left: 20px;width: unset;}

    /* Trang danh sach cac goi dich vu freelancer */
    .service_user .menu{padding:0 20px;margin-left: 0px;}
    .service_user #search-job-form-mobile{margin-top: 0px;width: 100%;}
    .other-services-list .most-viewed-item{width: 100%;}
    .service_user .other-services-list{justify-content: center;padding: 0 20px;}
    .most-viewed-item .title-service-mobile{display: block;width: 100%;margin-left: 10px;}
    .title-service-mobile .view-rating-and-price{display: flex;justify-content: space-between;}
    .title-service-mobile .information-rating{display: flex;align-items: center;}
    .title-service-mobile .view-rating-and-price .information-item>p{margin: 0 5px;}
    .most-viewed-item .title-service-item{padding-top: 0px;}
    .most-viewed-item .title-service-item>p{display: none;}
    .title-service-item .view-rating-and-price{display: none;}
    .title-service-item .information-account{padding: 10px 10px 0 10px;justify-content: space-between;}
    .most-viewed-item .img{display: flex;padding: 10px;}
    .most-viewed-item .img>img{width: 40%;height: auto;margin-right: 10px;border-radius: unset;}
    .search-service .search-mobile{display: block;width: 70px;padding-left: 30px;}
    .search-service .display-desktop{display: none;}
    .service_user #search-job-form-mobile input{width: 94%;max-width: unset;padding-right: 0px;}
    .service_user #search-job-form-mobile button{margin-left: -60px;}
    .search-service .input-search{width: 76%;padding-right: 30px;}
    .information-account .avatar{width: 10%;}
    .information-account .profile{width: 80%;}
    .banner-bottom .content-banner h2{width: 100%;font-size: 24px;line-height: 32px;}
}