.inner-header-page {
    background: #00066f url(/img/2024/bg4.webp);
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 20px !important;;
}

.brows-employer-list .tg-themetag {
    display: block
}
.pagination{
    margin-top: 20px;
}
.brows-employer-list .colorgb-carousel-bk,.brows-employer-list .colorgb-carousel {
    padding: 0;
}

.job-list .gold .brows-job-list .brows-job-position h3 a,.job-list .premium .brows-job-list .brows-job-position h3 a,.job-list .platinum .brows-job-list .brows-job-position h3 a {
    color: #ff4244!important
}

.job-list .sponsored .brows-job-list .brows-job-position h3 a {
    color: #707c88!important
}

.inner-header-page h1 {
    color: #fff;
    z-index: 9;
    position: relative;
    text-transform: uppercase;
    font-size: 1.8em;
    line-height: 1.2;
    text-align: left;
    font-weight: 700
}

.btn-colorgb-float.btn-warning {
    background: #F39C2D!important
}

.job-list .tg-themetag.hot {
    content: ' ';
    position: absolute;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABRFBMVEUAAADsNiPtNyPtOCH////+/v7+/v7+/v7+/v7+/v7+/v7+/v7////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7////+/v7+/v7////+/v7////////////3sKn+/v7+/v798/L+/v7+/v7yf3T////+/v7+/v73nZb+/v7+/v7+/v7tNyT////96oj//f3+9/b+8vHtOSb/+/v81tL6y8f5tq/1kIX0iH3uQC3zc2bycGLxZ1jxYVLwXU3wVkXvUUDvTTzuOyf+7+797Ov6xL74sKj2nZP0gXX4rmfxYTvvSjnwWDbvTjH95+T839z6yML5vrj4s6z3pp72l4z1jIH6yXXyalz1i1PwWUnxZT3xXTnuQir+9PP7zsr2mpH95ob71Xz5wnL5uW3zem33pGH2n17ya1z1jVTyakHuRDPuQSnRE7fmAAAALHRSTlMAiOotFv3689rRxrBgWU3r4MK4jXpvQTw3MS4nBvDs5dTPpaKOiFNRRB8OCS7LbJgAAAJQSURBVFjD7dZZVxoxGMbxty1IUcSt1rX73j4ZmGHfRJaCiLvWvfvefv/7OkzSMC1mYnNOr/xfeZH8TngjOdAVqLp6jYK6FP6X8HQmHp959o9CLZdJsl6RyenQhYWl7QTra+j+woWEQktsl8TUC31haYMN6O6CrvA1yQY2NqsnlH37G0359605HWHZZrJ00Ukz2Z1QsNC/IdF2UE+xviYpUHjFZDn3QMzXaJBQaMjF270b8QPjiwFCTq5N1nDWEfMXI7WwKZfueEdK+YEJUgpVJiuj15Y7zRYThUMqoX+Erx3+b5lkrO1sKscohR0JZMCr7pWAPBNNkap7EmhB1n+bI0rgugTewtfvWQ4rgXG+6qXNcnBbW/0TiGqdYKXSdIHTjrXG3yemd4JhvqqI7gFQ/2BZdQ/I21mtGTzgqz7B7dCyrBMPKHXFPdxWvtXTfNUe3N6fAfurn70x7IpPp3zt58QQ3S3rltd+DxBf8xq4oJxiqgvg2OKtA6gm+BMDKIUbzGsXwHcBuDchZpiHWghF+BHK8iO8+wkU+QGaBXAh6AiNI6DjAV+Aii0P4AnnAotRvtQu4vSju79Tx4p4qN844NG5zUeYuIoD5/jb4YlTyjCBLiMYoHiYiexMNpux5SNXhg5Ao0NsYMkS9AC6OTZo/0YFugCFRv7ansj+gAYgDzHh375VgT8KbP5RNMx3p9tVQB+QPZ99HIs9eViAKBjQ/xVEpgKZCmQqkKlApgKZCmQqkKlApgKZCmQqkKlApgKZCmQqkKlApgKZCmQqkKnwCw8PO+q4gP/bAAAAAElFTkSuQmCC);
    font-size: 0;
    background-size: 100%;
    width: 46px;
    height: 46px;
    right: 0;
    top: 0;
    transform: none
}

.pagination li a {
    font-weight: 700
}
body{
    background: #FAFAFA;
}
.pagination li:first-child a,.pagination li:last-child a {
    color: #026aa7;
    background-color: #fff;
    border-color: #ddd
}

.breadcrumb {
    white-space: nowrap;
    overflow: auto;
    display: inline-block;
    width: 100%
}

.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus,.pagination>li>a:hover,.pagination>li>a:focus {
    color: #fff;
    background-color: #026aa7;
    border-color: #026aa7
}
.bt-form input{
    height: 40px !important;
    border: 0 !important;
}
.bt-form #searchEmployer{
    height: 40px;
    line-height: 1;
    background: rgba(25, 123, 205, 1);
    border-color: rgba(25, 123, 205, 1);
    padding: 0;
}
.wrap-1 {
    padding-top: 0!important;
}

.breadcrumb {
    padding: 5px;
    margin-bottom: 0 !important;
    background: rgba(232, 243, 252, 1);
}
.box-top-employer {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px; /* Adjust the gap as needed */
    margin-bottom: 25px;
}

.owl-carousel-owl-theme {
    display: contents; /* Ensures the grid layout applies to the children */
}
.brows-job-position h3{white-space: normal;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;margin-bottom: 5px;overflow: hidden;text-overflow: ellipsis;}
.grid-container {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px; /* Optional: Adjust the gap between columns */
}
.grid-item.active,
.grid-item:hover{
    border: 1px solid rgb(25 123 205 / 15%);
    box-shadow: 0px 4px 40px 0px rgba(34, 128, 205, 0.2);
}
.grid-item {
    background-color: #fff; /* Optional: Add some styling to grid items */
    padding: 20px;
    text-align: center;
    border: 1px solid transparent;
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    position: relative;
    padding-bottom: 55px;
}

.teks-item.active{
    /* border: 1px solid rgba(141, 196, 241, 1) !important; */
    background: #ffffff !important;
}
.teks-item.active *{
    color: rgb(25 123 205) !important;
}
.teks-item {
    background-color: #fff; /* Example background color */
    padding: 10px 15px;
    border: 1px solid #fefefe;
    text-align: center;
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
}

.box-top-employer{}
.box-top-employer > div{}
.box-top-employer .teks-item {}
.box-top-employer .teks-item:hover {
    box-shadow: 0px 4px 40px 0px rgba(34, 128, 205, 0.2);
    border: 1px solid rgb(141 196 241 / 70%) !important;
    background: #ffffff !important;
}
.box-top-employer .teks-item:hover a {}
.box-top-employer .teks-item a{
    text-align: left;
}
.box-top-employer .teks-item a:hover *{
    color: #000;
}
.box-top-employer .teks-item a h5{
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 600;
    color: rgba(101, 101, 101, 1);
}
.box-top-employer .teks-item a p{
    margin-bottom: 0;
}

.h4{
    background: #fff;
    border-bottom: 2px solid rgba(187, 220, 247, 1);
    margin-top: 0;
    margin-top: 0;
    padding: 7px 10px;
}
.h4 h4{
    color: rgba(17, 17, 17, 1);
    font-weight: 700;
    margin-bottom: 0;
}
.grid-view.brows-job-list:hover{
    box-shadow: 0px 4px 40px 0px rgba(34, 128, 205, 0.2);
    border: 1px solid rgba(25, 123, 205, 1);
}
.grid-view.brows-job-list{
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.05);
    border: 1px solid transparent;

}
.grid-item .jobs{
    border: 0.6px solid rgba(25, 123, 205, 1);
    border-radius: 4px;
    color: rgba(25, 123, 205, 1);
    padding: 8px 0;
    line-height: 1;
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 17px;
    z-index: 9999;
    background: #fff;
}
.grid-item p .job-location{
    margin-right: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 250px;
    display: inline-block;
    /* border: 1px solid rgb(187 220 247 / 36%); */
    border-radius: 4px;
    color: #555;
    display: block;
    margin: auto;
}
.grid-item p > span{

}
.brows-employer-list.child .grid-container .grid-item{
    padding: 20px 5px !important;
}
.grid-item p span i{}
@media (min-width: 768px) {
    .wrap-1 {
        /* padding-top:15px!important; */
        padding-bottom: 0;
    }

    .breadcrumb {
        margin-bottom: -4px !important;
    }

    .colorgb-carousel-bk .col-sm-2 {
        width: 20%
    }
}

@media (max-width: 768px) {
    html body .bt-form>.padd-15 {
        padding:0 0 10px!important;
    }

    .sidebar-widget h4 {
        padding: 12px 8px;
    }

    .pagination {
        padding: 5px 5px 5px 10px;
        text-align: center;
        width: 100%;
    }

    .pagination li a,.pagination li span {
        width: 15%;
        margin-left: 0;
        min-width: 54px;
    }

    .inner-header-page h1 {
        font-size: 1.5em;
    }

    .box-top-employer {
        grid-template-columns: repeat(2, 1fr);
    }
    section.padd-top-0.padd-bot-10 .container {
        padding: 0 !important;
    }
    .grid-container {
        grid-template-columns: repeat(1, 1fr);
    }
    p {
        font-size: 14px;
    }
    .grid-item {
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 60px;
    }
    .bt-form .col-xs-4{
        padding-left: 0;
    }
    .bt-form .col-xs-8{
        padding-right: 5px;
    }
    .all-features .item, .brows-employer-list {
        border-top: 0;
    }
    .inner-header-page .container,
    .navbar .container {
        padding: 0 15px !important;
    }
}