/* .searchwrap {
    background: linear-gradient(180deg,rgba(255,247,239,1) 0%,rgba(199,230,242,1) 100%);
    height: 460px;
    padding: 90px 0;
} */
/*  */
.searchwrap {
    height: 430px;
    padding: 90px 0;
}
.search-description {
    background-color: rgb(251 248 248/41%);

    margin-top: 10px;
    color: #333;
    text-align: left;
    font-size: 15px;
    font-style: italic;
    margin-top: 0px;
    margin-bottom: 29px;
}
.search-description a {
    background-color: transparent!important;
    font-size: 15px;
    color: #f07e1d;
    border-radius: 4px;
}
.searchwrap_right-img {
    position: relative;
    text-align: center;
}
.searchwrap_right-img img:hover {
    opacity: inherit;
}

/* in home page */
.box_job_top {padding-top: 1rem;}
.box_job {
    position: absolute;
    background-color: #fff;
    padding: 6px 12px 6px 7px;
    right: 0;
    top: 25%;
    box-shadow: 0 3px 6px #828282;
    border-radius: 6px;
    text-align: center;
    display: flex;
    align-items: center;
}
.icon_boxjob {
    background-color: #D76121;
    border-radius: 6px;
    padding: 8px 14px;
    font-size: 20px;
    color: white;
    margin-right: 9px;
}
.icon_boxjob-brief {
    background-color:#f07e1d;
}
.icon_boxjob-tie {
    background-color: #6E6BF8;
}
.text_boxjob {
    text-align: left;
}
.text_boxjob h2 {
    margin: 0;
    color: #333;
    position: relative;
    margin-right: 15px;
    font-weight: bold;
    font-size: 18px;
}
.text_boxjob h2 span {
    position: absolute;
    right: -17px;
    top: -2px;
}
.text_boxjob p {
    margin: 0;
    font-size: 14px;
    color: #AFAFAF;
}

.box_job-top {
    top: 44%;
}
.box_candidate  {
    right: 57%;
}
.box_Emp {
    top: 73%;
    right: 44%;
}
.box_Emp h2 > span {
    right: 13px !important;
}
#banner .searchBar {
    margin-top: 40px;
}
.searchwrap,.home.searchwrap {
    height: 430px;
    padding: 90px 0;
}
/* end in home page */
.bigcategory .image_banner img {
    height: 295px;
}
/*  */
.searchwrap.bigcategory {
    height: 430px;
}
.bigcategory2 {
    background: linear-gradient(90deg, rgba(6,92,214,1) 0%, rgba(44,225,224,1) 100%);
}
.bigcategory4 {
    background: url(https://viecoi.vn/images/banner_ldpt.jpeg) no-repeat;
    background-size: cover;
}
.bigcategory6 {
    background: url(https://viecoi.vn/images/banner_dichvu.jpeg) no-repeat;
    background-size: cover;
}
.bigcategory7 {
    background: url(https://viecoi.vn/images/banner-nhansu.jpeg) no-repeat;
    background-size: cover;
}
.bigcategory8 {
    background: linear-gradient(125deg, rgba(128,97,232,1) 0%, rgba(239,217,217,1) 100%);
}
.bigcategory9 {
    background: url(https://viecoi.vn/images/banner_media.jpeg) no-repeat;
    background-size: cover;
}
.bigcategory10 {
    background: url(https://viecoi.vn/images/banner_kientruc.jpeg) no-repeat;
    background-size: cover;
}
.bigcategory11 {
    background: linear-gradient(90deg, rgba(43,143,188,1) 0%, rgba(97,227,232,1) 100%);
}
.bigcategory12 {
    background: url(https://viecoi.vn/images/banner_sanxuats.jpeg) no-repeat;
    background-size: cover;
}
.bigcategory13 {
    background: linear-gradient(180deg, rgba(245,184,184,1) 0%, rgba(83,175,224,1) 100%);
}
/*  */
.toppage-japan.searchwrap {
    background: url(https://viecoi.vn/images/banner_toppage-japans.png) no-repeat;
    height: 430px;
    padding: 90px 0;
    background-size: cover;
    background-position: center;
    background-position-x: 80%;
}
.all {
    background: linear-gradient(135deg, rgba(65,118,255,1) 0%, rgba(252,249,236,1) 100%);
    height: 430px;
}
/*  */
.city {
    background: linear-gradient(180deg, rgba(255,247,239,1) 0%, rgba(115,128,232,1) 100%);
    height: 430px;
}
.box_city {
    position: absolute;
    padding: 7px 14px;
    top: 50px;
    box-shadow: 0 3px 6px #828282;
    border-radius: 6px;
    background: linear-gradient(45deg, rgba(23,38,96,1) 0%, rgba(66,84,214,1) 100%);
    color: #FFF;
    white-space: nowrap;
    width: max-content;
}
.box_city .text_boxjob {
    font-size: 16px;
    margin: 0;
    font-weight: 600;
}
.box_city .text_boxjob > i {
    padding-right: 5px;
}
.city .searchwrap_right-img img {
    margin-top: -20px;
    width: 360px;
    height: 340px;
}
.searchwrap_left .searchBar h1.h1_home {
    text-transform: capitalize;
    font-size: 36px;
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0,0,0,.26);
    margin: 20px 0 10px 0;
    text-align: start;
}
.searchwrap_left .searchBar h2.h1_home {
    text-transform: capitalize;
    font-size: 36px;
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0,0,0,.26);
}
/*  */
.vltn {
    background: linear-gradient(135deg, rgba(198,152,255,1) 0%, rgba(254,234,246,1) 100%);
    height: 430px;
}
.vltn .searchwrap_right-img img {
    margin-top: 0px;
    width: 330px;
    height: 300px;
}
.all .searchwrap_right-img img {
    width: 360px;
    height: 310px;
}
.home.home-it .searchwrap_right-img img {
    width: 330px;
    height: 295px;
}
.home .searchwrap_right-img img {
    width: 265px;
    height: 300px;
}
.tags.tags-banner {
    margin-top:0px !important
}
.bigcategory .tags.tags-banner a {
    margin-bottom: 5px !important;
    background: #0000001c;
    border-radius: 4px;
    color: #fff;
    padding: 5px 10px !important;
}

.bigcategory .tags.tags-banner a {
    margin-bottom: 5px !important;
    background: #0000001c;
    border-radius: 4px;
    color: #fff;
    padding: 5px 10px !important;
}
.dropdown-content a{
    padding: 0 12px;
}
.search-description.custom-description{
    margin-top: 12px;
    background-color: #ffffff75 !important;
    padding: 16px 12px !important;
    border-radius: 8px;
    font-size: 14px !important;
}
.show_desktop{
    display :block;
}
.show_mobile_480{
    display :none;
}
@media only screen and (max-width: 480px) {
    .show_desktop{
        display :none;
    }
    .show_mobile_480{
        display :block;
    }
    .tags.tags-banner{
        max-height: 9.5rem;
        overflow: hidden;
    }
    #banner .h1_home a+a {
        display: block;
    }
    .searchwrap_left .searchBar h1.h1_home {
        font-size: 23px;
        text-align: center !important;
    }
    #banner .h1_home a+a > span {
        display: none;
    }
    #banner .searchwrap  {
        padding: 0;
        min-height: 365px;
        height: 365px;
        padding-top: 0px;
    }
    #banner .searchwrap.city,#banner .searchwrap.vltn  {
        padding-top: 64px;
        min-height: 303px;
        height: 339px !important;
    }
    #banner .searchwrap.city.maintain,#banner .searchwrap.vltn.maintain  {
        padding-top: 139px;
        min-height: 380px;
        height: 380px;
    }
    #banner .searchwrap.home,#banner .searchwrap.all,#banner .searchwrap.vltn,#banner .searchwrap.bigcategory,#banner .searchwrap.toppage-japan {
        padding: 0;
        padding-top: 64px;
    }
    .bigcategory .searchwrap_margin  {
        margin-top:0px
    }
    .bigcategory .tags.tags-banner a {
        margin: 0px 3px 6px 3px !important;
        background: #0000009c !important;
    }
    /* .bigcategory2 {
        background: url(https://viecoi.vn/images/banner_business-mb.png) no-repeat;
        background-size: cover;
    }
    .bigcategory4 {
        background: url(https://viecoi.vn/images/ldpt_mb.png) no-repeat;
        background-size: cover;
    }
    .bigcategory6 {
        background: url(https://viecoi.vn/images/service_mb.png) no-repeat;
        background-size: cover;
    }
    .bigcategory7 {
        background: url(https://viecoi.vn/images/nhansu_mb.png) no-repeat;
        background-size: cover;
    }
    .bigcategory8 {
        background: url(https://viecoi.vn/images/accounting_mb.png) no-repeat;
        background-size: cover;
    }
    .bigcategory9 {
        background: url(https://viecoi.vn/images/media_mb.png) no-repeat;
        background-size: cover;
    }
    .bigcategory10 {
        background: url(https://viecoi.vn/images/Kientruc_mb.png) no-repeat;
        background-size: cover;
    }
    .bigcategory11 {
        background: url(https://viecoi.vn/images/yte_mb.png) no-repeat;
        background-size: cover;
    }
    .bigcategory12 {
        background: url(https://viecoi.vn/images/sanxuat_mb.png) no-repeat;
        background-size: cover;
    }
    .bigcategory13 {
        background: url(https://viecoi.vn/images/khtn_mb.png) no-repeat;
        background-size: cover;
    } */
    .searchwrap_right {
        display: none;
    }
    /* city */
    .city .searchwrap_right,.vltn .searchwrap_right {
        display: block;
    }
    .city .searchwrap_right-img img {
        width: 285px;
        height: 245px;
        margin: 0px auto;
        margin-top: -40px;
    }
    .city .searchBar, .vltn .searchBar,#banner .searchBar {
        margin-top: 0px;
    }
    .city .search-description,.vltn .search-description {
        display: none;
    }
    .vltn .searchwrap_right-img img {
        width: 250px;
        height: 190px;
        margin-top: 0px;
    }
    .box_city {
        padding: 6px 12px;
        top: 10px;
        right:0px;
    }
    .box_city .text_boxjob {
        font-size: 12px;
    }
    /* end city */
    .searchwrap.vltn h2.h1_home {
        margin-top:20px;
    }
}
@media (min-width: 481px) and (max-width: 640px) {
    #banner .searchwrap  {
        padding-top: 81px;
        min-height: 390px;
        height: 390px;
    }
    .searchwrap_left .searchBar h2.h1_home {
        margin-bottom: 0px;
        text-align: center;
        
    }
    .searchwrap_left .searchBar .h1_home a {
        font-size: 27px;
    }
    #banner .h1_home a+a {
        display: block;
    }
    #banner .h1_home a+a > span {
        display: none;
    }
    .searchwrap_right {
        display: none;
    }
    .box_city .text_boxjob {
        font-size: 12px;
    }
}
@media (min-width: 641px) and (max-width: 768px) {
    #banner .searchwrap  {
        padding-top: 81px;
        min-height: 390px;
        height: 390px;
    }
    .searchwrap_left .searchBar h2.h1_home {
        margin-bottom: 0px;
        text-align: center;
        
    }
    .searchwrap_left .searchBar .h1_home a {
        font-size: 27px;
    }
    #banner .h1_home a+a {
        display: block;
    }
    #banner .h1_home a+a > span {
        display: none;
    }
    .searchwrap_right {
        display: none;
    }
    .box_city .text_boxjob {
        font-size: 12px;
    }
}
@media  (max-width: 990px) {
    .searchwrap_left .searchBar h1.h1_home{
        text-align: center;
    }
    .searchwrap_left {
        /* Fix CLS on tablet - prevent layout shift */
        min-height: 200px !important;
        box-sizing: border-box !important;
    }
}
@media (min-width: 769px) and (max-width: 990px) {
    .searchwrap_left .searchBar h1.h1_home{
        text-align: center;
    }
    #banner .searchwrap  {
        padding-top: 81px;
        min-height: 390px;
        height: 390px;
    }
    .searchwrap_left .searchBar h2.h1_home {
        margin-bottom: 0px;
        text-align: center;
    }
    .searchwrap_right {
        display: none;
    }
    .searchwrap_left {
        /* Fix CLS on tablet - prevent layout shift */
        min-height: 200px !important;
        box-sizing: border-box !important;
    }
}
@media (min-width: 991px) and (max-width: 1024px) {
    .searchwrap_left .searchBar h2.h1_home {
        text-align: center;
    }
    .text_boxjob h2,.text_boxjob p {
        font-size: 13px;
        margin: 0px;
    }
    .text_boxjob h2 span{
        right: 0;
        top: 0;
    }
    .searchwrap_left {
        /* Fix CLS on desktop - prevent layout shift */
        min-height: 200px !important;
        box-sizing: border-box !important;
    }
}
@media screen and (min-width: 1025px) {
    .searchwrap_left .searchBar h2.h1_home {
        text-align: left;
    }
    .searchwrap_left {
        /* Fix CLS on large desktop - prevent layout shift */
        min-height: 200px !important;
        box-sizing: border-box !important;
    }
    /* CSS rules for extra-extra-large screens in Ant Design */
}

@media only screen and (max-width: 480px) {
    .searchwrap_left {
        min-height: 250px !important;
        /* Fix CLS on mobile - prevent layout shift */
        box-sizing: border-box !important;
        padding-right: 15px !important;
    }
}