a {
    color: #FF5859
}

a:hover {
    color: black
}

.search-tools {
    margin-bottom: 0!important
}

.related-posts {
    position: relative;
    z-index: 1000
}

.sticky {
    background: white!important;
    z-index: 100
}

.row.tw-register-form {
    margin-left: auto!important;
    margin-right: auto!important;
    padding-top: 40px
}

.btn-rounded {
    padding: 10px 25px;
    border-radius: 35px
}

.talentwolf-nav .active .nav-link {
    background-color: transparent;
    border-radius: 25px;
    color: #ff5959!important;
    border: 2px solid #FF5959
}

.talentwolf-nav .nav-link:hover {
    background-color: transparent;
    border-radius: 25px;
    color: #ff5959!important
}

.recruiterMenu ul.dropdown-menu {
    margin-top: -1px;
    right: 0;
    width: 225px;
}

ul.dropdown-menu li a {
    color: #000;
    display: block;
    padding: 10px 20px;
}

ul.dropdown-menu li a:hover {
    color: #FF5959;
}

.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}

@media (max-width: 991px) {
    .recruiterMenu ul.dropdown-menu {
        width: 100% !important;
    }
}

#hp-btn {
    position: relative
}

#hp-btn img {
    position: absolute;
    max-width: 35px;
    bottom: 15px;
    left: 50px
}

@media (max-width: 768px) {
    #hp-btn img {
        display: none
    }
}

.modal-dialog {
    /*width: 700px !important;*/
}   

.talentwolf-nav .nav-link {
    margin: 2px;
    padding: 10px 15px !important;
    border: 2px solid transparent
}

.talentwolf-nav .nav-link {
    color: black !important;
}

.talentwolf-nav .nav-link:hover {
    border-color: #FF5959;
    background-color: white;
    border-radius: 25px;
    border-color: #FF5959;
    color: #FF5959!important
}

.talentwolf-nav .active .nav-link {
    border-color: #FF5959;
    background-color: white!important;
    border-radius: 25px;
    color: #FF5959!important
}

.talentwolf-nav .cta_tw a {
    background: #0074AD;
    border-radius: 25px;
    font-weight: 700;
}

.talentwolf-nav .cta_tw.cta_premium a {
    background: #000000;
    border-radius: 25px;
    font-weight: 700;
    color: #ffffff !important;
}

.navScore {
    background: #0072B1;
    text-align: center;
    color: #F3F6FF;
    padding: 15px 5px;
    font-weight: 400;
    display: none;
}

.navScore .caption,
.navScore .growth {
    font-size: 14px;
}

.talentwolf-nav .cta_tw>.nav-link {
    color: white!important
}

.talentwolf-nav .cta_tw>.nav-link:hover {
    color: #FF5959!important
}

.container {
    width: 100%;
    max-width: 1300px!important
}

.bg-cover {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.section-title {
    text-align: center;
    margin-bottom: 40px;
}

.section-title p {
    font-size: 19px;
    font-weight: 600;
    color: #242F6C;
}

.as-seen-on {
    max-width: 750px;
    text-align: center;
    margin: auto;
    padding-top: 50px;
}

.as-seen-on .logos {
    display: flex;
    align-items: center;
}

.wide-image {
    width: 60%;
}

@media (max-width: 768px) {
    .wide-image {
        width: 60%;
    }
}

@media (max-width: 576px) {
    .wide-image {
        width: 50%;
    }
}

.title-left {
    font-size: 30px;
    font-weight: 600
}

.hexagon-image .img {
    min-width: 80px;
    max-width: 80px;
    padding: 2px;
    width: 100%;
    background: #FF5859;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.hexagon-image img {
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    max-width: 80px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.hexagon-image span {
    color: white;
    font-size: 20px
}

@media (max-width: 992px) {
    .boxed-content {
        width: 100%!important
    }
    .tw-home-header {
        height: auto!important
    }
    .tw-home-header>.col-xl-12 {
        padding: 50px 0!important
    }
    #hp-welcome-container {
        max-width: 555px!important;
        margin: 50px auto;
        padding: 25px;
        width: 100%;
        background: white;
        border: 1px solid rgba(108, 119, 143, 0.3);
        border-radius: 15px;
    }

    #hp-welcome-container #hp-welcome {
        border: 0px;
        padding-left: 25px;
        padding-right: 25px;
    }

    #hp-welcome p {
        text-align: left;
    }

    #hp-welcome-container h1 {
        /*text-align: center!important;*/
        /*font-size: 25px!important*/
    }
    #hp-welcome-container h1,
    #hp-welcome-container h4,
    #hp-welcome-container label {
        color: #37374A;
    }
    #hp-welcome-container .tw-btn-red {
        display: block;
        width: 100%
    }
    #hp-welcome-container h4 {
        margin-top: 25px!important
    }

    .talentwolf-nav .cta_tw {
        margin-left: 20px;
    }

    .talentwolf-nav .cta_tw.cta_premium a {
        text-transform: capitalize !important;
    }

    .navScore {
        display: block;
    }
}

@media (max-width: 580px) {
    .search-header .col-6 {
        width: 100%!important;
        max-width: 100%!important;
        -ms-flex-preferred-size: 100%!important;
        flex-basis: 100%!important
    }
    .search-tools .col-sm-4 {
        width: 100%!important;
        max-width: 100%!important;
        -ms-flex-preferred-size: 100%!important;
        flex-basis: 100%!important;
        min-height: 80px!important
    }
    .tw-home-header>.col-xl-12 {
        padding: 0!important
    }
    .tw-home-header #hp-welcome-container {
        padding: 10px 20px!important
    }
/*    #tw-works {
        font-size: 35px
    }
*/    #tw-email-subscribe-form .tw-footer-sub {
        padding: 20px 0;
        margin: 0!important;
        margin-bottom: 50px!important
    }
}

@media (max-width: 650px) {
    .main-hero .tw-home-header {
        min-height: unset;
    }

    #hp-welcome-container {
        margin: 0px auto;
        width: 100%;
        max-height: unset;
        height: unset;
        overflow: hidden;
    }
}

@media (max-width: 580px) {
    #hp-welcome-container {
        border: 0px;
        border-radius: 0px;
    }
}

@media (max-width: 500px) {
    #hp-welcome-container h1 {
        text-align: center !important;
        font-size: 32px;
        line-height: 39px;
        margin-bottom: 13px;
    }

    #hp-welcome-container #hp-welcome {
        border: 1px solid rgba(108, 119, 143, 0.3);
        padding: 16px 18px 26px 14px;
    }

    #hp-welcome p {
        text-align: center;
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 32px;
    }

    #hp-welcome .select2-selection__placeholder {
        font-size: 14px;
    }

    #hp-welcome-container #hp-btn {
        margin: 0px;
        width: 100%;
    }

    #hp-welcome .form-group {
        margin-bottom: 25px !important;
    }

    .how-it-works #tw-works,
    .recommended-for-you .title-left,
    .top-rated-recruiters .title-left,
    .latest-news .title-left {
        font-size: 32px !important;
        line-height: 39px !important;
        font-weight: 500;
        text-align: center !important;
    }
}

@media (max-width: 425px) {
/*    #hp-welcome > h1 {
        font-size: 34px;
    }
*/
    #hp-welcome-container h4 {
        font-size: 20px;
    }

    #hp-welcome .tw-btn-red {
        font-size: 20px;
    }

    #hp-welcome-container #hp-btn {
        white-space: normal !important;
    }
}

@media (max-width: 377px) {
    #hp-welcome p > span {
        display: inline;
    }
}


.how-it-works .card {
    border: none;
    border-radius: 0;
    height: 100%;
    max-width: 350px;
    width: 100%;
    margin: 0 auto
}

.how-it-works .card .card-body {
    padding: 20px 0 15px 15px
}

.how-it-works .card:hover {
    color: white;
    background-color: #FF5859
}

.how-it-works .card img {
    max-width: 100%
}

.how-it-works .card:hover .normal-image {
    display: none
}

.how-it-works .card:hover .onhover-image {
    display: block
}

.how-it-works .card .onhover-image {
    display: none
}

.how-it-works .card .info {
    margin-top: 20px;
    padding: 15px 10px;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    margin-bottom: 0
}

.how-it-works .tw-btn-red {
    font-size: 16px;
    font-weight: 600;
    background: linear-gradient(to right, rgb(255, 89, 89), rgb(255, 4, 95));
}

#recommended-places .owl-nav {
    display: none!important
}

.recommendedWrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.recommendedWrapper .recommendedItem {
  width: calc(25% - 25px);
  margin-right: 25px;
  margin-bottom: 25px;
}

.recommendedWrapper .recommendedItem .itemWrapper {
  height: 300px;
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.recommendedWrapper .recommendedItem .itemWrapper .info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  padding: 10px;
}

@media (max-width: 991px) {
    .recommendedWrapper .recommendedItem {
        width: calc(50% - 20px);
        margin-right: 25px;
        margin-bottom: 25px;
    }

    .recommendedWrapper .recommendedItem:nth-child(2n) {
        margin-right: 0px;
    }

    .recommendedWrapper .recommendedItem .itemWrapper {
        height: auto;
        padding-top: 100%;
    }
}

@media (max-width: 576px) {
    /*.recommendedWrapper .recommendedItem {
        width: calc(100%);
        margin-right: 0px;
        margin-bottom: 25px;
    }*/

    .recommendedWrapper .recommendedItem .itemWrapper h4 {
        font-size: 21px;
    }
}

@media (max-width: 370px) {
    .recommendedWrapper .recommendedItem .itemWrapper h4 {
        font-size: 17px;
    }
}


@media (max-width: 580px) {
    .recommended-for-you .card {
        height: 150px!important
    }
    .recommended-for-you .card .city {
        font-size: 16px;
        font-weight: 600
    }
}

.recommended-for-you .card {
    height: 300px;
    border-radius: 0;
    border: 0
}

.recommended-for-you .card .info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    padding: 10px
}

.recommended-for-you .card .city {
    margin-bottom: 0
}

.recommended-for-you .card .price {
    display: none;
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 500
}

@media (max-width: 580px) {
    .recruiter-banner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.recruiter-banner .container {
    /*background-image: url(../images/recruiter-md-bg.png);*/
    background-image: url(../images/recruiter-md-bg.jpg);
    background-size: cover;
    background-position: center center;
    padding: 100px 50px;
}

.recruiter-banner a {
    background: linear-gradient(to right, rgb(66, 156, 190), rgb(104, 202, 182));
    border: 0px;
    color: white;
    font-size: 18px;
    font-weight: 600 !important;
}

@media (max-width: 580px) {
    .recruiter-banner .container {
        padding: 40px 20px;
        height: 250px;
        /* max-width: 310px!important; */
        width: 100%;
        /*background-image: url(../images/recruiter-sm-bg.png);*/
        background-image: url(../images/recruiter-bg-mobile.png);
    }
    .recruiter-banner .container .sub-title {
        font-weight: 600;
        font-size: 14px
    }
    .recruiter-banner .container h1 {
        font-size: 25px
    }
    .recruiter-banner .container h4 {
        font-size: 12px
    }
    .recruiter-banner .container .btn {
        padding: 10px 15px;
        font-size: 14px!important;
        margin-top: 20px!important
    }
    .recruiter-banner .container * {
        text-align: left!important
    }
}

.top-rated-recruiters {}

.top-rated-recruiters .title-left {
    margin-bottom: 30px;
}

.top-rated-recruiters .progress {
    position: relative;
    overflow: unset!important
}

.top-rated-recruiters .progress .img {
    position: absolute;
    z-index: 100;
    left: 100%;
    display: block;
    -webkit-transform: translateX(-38px);
    -ms-transform: translateX(-38px);
    transform: translateX(-38px);
    top: -15px
}

.top-rated-recruiters .progress p {
    color: #FF5859;
    font-size: 16px;
    font-weight: 600
}

.top-rated-recruiters .progress .tw-progress {
    border-radius: 5px
}

.top-rated-recruiters .tw-cards-row-recruiters a.card-btn.tw-btn-red {
    /*background-image: -webkit-gradient(linear, left top, left bottom, from(#FF5959), to(#FF5959))!important;
    background-image: -webkit-linear-gradient(#FF5959, #FF5959)!important;
    background-image: -o-linear-gradient(#FF5959, #FF5959)!important;
    background-image: linear-gradient(#FF5959, #FF5959)!important*/
    background: linear-gradient(to right, rgb(255, 89, 89), rgb(255, 4, 95));
    font-size: 16px;
    font-weight: 600;
}

.top-rated-recruiters .tw-cards-row-recruiters a.card-btn.tw-btn-red:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff4040), to(#ff4040))!important;
    background-image: -webkit-linear-gradient(#ff4040, #ff4040)!important;
    background-image: -o-linear-gradient(#ff4040, #ff4040)!important;
    background-image: linear-gradient(#ff4040, #ff4040)!important
}

@media (max-width: 580px) {
    .top-rated-recruiters .tw-card-4 {
        padding-left: 5px;
        padding-right: 5px
    }
    .top-rated-recruiters .tw-card-4 * {
        text-align: center!important
    }
    .top-rated-recruiters .tw-card-4 .card-body {
        padding: 10px 5px!important;
    }
    .top-rated-recruiters .tw-card-4 .rated-by {
        margin-bottom: 0!important
    }
    .top-rated-recruiters .tw-card-4 .user-image {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important;
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }
    .top-rated-recruiters .tw-card-4 .user-image .img {
        margin-right: 0!important;
        border-color: #999!important
    }
    .top-rated-recruiters .tw-card-4 .recruiter-container {
        padding: 0x !important;
    }
    .top-rated-recruiters .tw-card-4 .recruiter-container .user-image .img {
        width: 120px;
        height: 120px;
        font-size: 20px;
        font-weight: 700;
        margin-right: 5px;
        min-height: 120px;
        min-width: 120px;
    }
    .top-rated-recruiters .tw-card-4 .recruiter-container .user-image .recruiter-name {
        font-size: 24px!important;
    }
    .top-rated-recruiters .tw-card-4 .recruiter-container .progress .img {
        top: -7px;
        width: 32px;
        height: 32px;
        margin: 0!important;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    .top-rated-recruiters .tw-card-4 .recruiter-container .progress .img p {
        font-size: 10px;
    }
    .top-rated-recruiters .tw-card-4 .recruiter-container .user-info .recruiter-role {
        font-size: 10px!important
    }
    .top-rated-recruiters .tw-card-4 .recruiter-container .rated-by {
        font-size: 16px;
    }
    .top-rated-recruiters .tw-card-4 .btn,
    .top-rated-recruiters .tw-card-4 .recruiter-location,
    .top-rated-recruiters .tw-card-4 .recruiter-name,
    .top-rated-recruiters .tw-card-4 .recruiter-role,
    .top-rated-recruiters .tw-card-4 .recruiter-specalisations,
    .top-rated-recruiters .tw-card-4 .recruiter-specialities {
        font-size: 16px!important;
    }
    .top-rated-recruiters .tw-card-4 .btn {
        width: 100%;
        border-radius: 0;
        padding: 10px 10px!important
    }
}

.top-rated-recruiters .recruiter-container .user-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-bottom: 10px;
}

.top-rated-recruiters .recruiter-container .user-image .img {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    height: 100px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    border: 2px solid #FF5959;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 40px;
    color: #FF5959;
    font-weight: 700
}

.top-rated-recruiters .recruiter-container .user-image .recruiter-name {
    padding-bottom: 0!important;
    margin-bottom: 0!important;
    font-weight: 600;
    font-size: 30px;
    line-height: 1.25
}

.top-rated-recruiters .recruiter-container .progress {
    margin-bottom: 15px;
    border-radius: 35px!important
}

.top-rated-recruiters .recruiter-container .progress .img {
    width: 40px;
    height: 40px;
    border: 2px solid #FF5959;
    background: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: white;
    border-radius: 50%
}

.top-rated-recruiters .recruiter-container .progress .img p {
    font-size: 14px;
    font-weight: 700
}

.top-rated-recruiters .recruiter-container .user-info .recruiter-role {
    color: black!important;
    font-size: 18px!important;
    margin-bottom: 10px
}

.top-rated-recruiters .recruiter-container .recruiter-location i,
.top-rated-recruiters .recruiter-container .recruiter-location svg {
    margin-right: 5px;
    color: #FF5959!important
}

.top-rated-recruiters .recruiter-container .recruiter-location i path,
.top-rated-recruiters .recruiter-container .recruiter-location svg path {
    fill: #FF5959!important
}

.top-rated-recruiters .rated-by {
    font-size: 16px;
    font-weight: 600
}

.top-rated-recruiters .tw-progress {
    background-image: -webkit-gradient(linear, left top, right top, from(#ff5754), color-stop(#e9cb20), to(#70d200));
    background-image: -webkit-linear-gradient(left, #ff5754, #e9cb20, #70d200);
    background-image: -o-linear-gradient(left, #ff5754, #e9cb20, #70d200);
    background-image: linear-gradient(to right, #ff5754, #e9cb20, #70d200);
    border-radius: 35px!important
}

.top-rated-recruiters .tw-glow-card {
    outline: none;
    border-color: #FD8A5B;
    border: 1px solid #FD8A5B;
    border-radius: 4px;
    height: auto;
    margin-bottom: 5px
}

@media (max-width: 500px) {
    .top-rated-recruiters h1,
    .top-rated-recruiters h2,
    .top-rated-recruiters h3,
    .top-rated-recruiters h4,
    .top-rated-recruiters h5,
    .top-rated-recruiters h6,
    .top-rated-recruiters p {
        text-align: left!important
    }
}

.top-rated-recruiters .tw-progress-bar-container {
    margin-top: 15px
}

.top-rated-recruiters .recruiter-name,
.top-rated-recruiters .recruiter-role,
.top-rated-recruiters .recruiter-specalisations,
.top-rated-recruiters .recruiter-specialities {
    margin-bottom: 0px
}

.top-rated-recruiters .recruiter-name {
    font-size: 25px;
    font-weight: 900;
    margin: 0
}

.top-rated-recruiters .recruiter-name>a {
    color: #ff5959
}

.top-rated-recruiters .recruiter-role {
    font-size: 20px;
    font-weight: 700
}

.top-rated-recruiters .recruiter-specalisations {
    font-size: 16px;
    font-weight: 600;
    color: #555
}

.top-rated-recruiters .recruiter-specialities {
    color: #ff5959;
    font-weight: 600;
    font-size: 16px
}

.top-rated-recruiters .recruiter-location {
    font-size: 18px;
    font-weight: 600;
    margin-top: 10px
}

.latest-news .col-md-4 {
    padding-right: 7px;
    padding-left: 7px;
}

.latest-news .row .col-md-4:nth-child(1) {
    padding-left: 0px;
}

.latest-news .row .col-md-4:nth-child(3) {
    padding-right: 0px;
}

.latest-news .card {
    border-radius: 10px;
    overflow: hidden;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.latest-news .card .img {
    height: 150px;
    position: relative
}

.latest-news .card .img img {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -30px;
    max-width: 60px;
    width: 100%;
    z-index: 100
}

.latest-news .card .info {
    margin-top: 35px;
    padding: 0 15px;
    text-align: left;
}

.latest-news .card .info .category {
    margin-bottom: 0
}

.latest-news .card .info .category a {
    color: black;
    font-size: 20px
}

.latest-news .card .info .title {
    font-size: 18px;
    color: black;
    text-align: left;
    height: 80px;
    display: block;
    overflow: hidden;
}

.latest-news .card .info .title:hover {
    color: #FF5859
}

.latest-news .card .info .date-container {
    margin: 10px 0px;
}

.latest-news .card .info .date-container>span {
    padding: 0px;
    margin: 5px 0px;
    font-size: 14px;
    display: block;
}

.latest-news .card .info .date-container > span svg {
    margin-right: 5px;
}

.latest-news .card .info .date-container>span a {
    color: black
}

.latest-news .card .info .date-container>span a:hover {
    color: #FF5859
}

.m-container {
    max-width: 1150px;
    margin: 0 auto;
}

@media only screen and (max-width: 1000px) {
    .m-container {
        padding: 0 15px
    }
}

.tw-btn-red {
    -webkit-transition: all 0.125s;
    -o-transition: all 0.125s;
    transition: all 0.125s;
    background: -webkit-gradient(linear, left top, right top, from(#FF5959), to(#ff8b58));
    background: -webkit-linear-gradient(left, #FF5959, #ff8b58);
    background: -o-linear-gradient(left, #FF5959, #ff8b58);
    background: linear-gradient(to right, #FF5959, #ff8b58)
}

.tw-btn-red:active,
.tw-btn-red:hover {
    background: -webkit-gradient(linear, right top, left top, from(#FF5959), to(#ff8b58))!important;
    background: -webkit-linear-gradient(right, #FF5959, #ff8b58)!important;
    background: -o-linear-gradient(right, #FF5959, #ff8b58)!important;
    background: linear-gradient(to left, #FF5959, #ff8b58)!important;
    color: white!important
}

.about-hero .bg-image-cover {
    /*height: 150px;*/
    padding-top: 27%;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#FF5959), to(#E7936F));
    background: -webkit-linear-gradient(#FF5959, #E7936F);
    background: -o-linear-gradient(#FF5959, #E7936F);
    background: linear-gradient(#FF5959, #E7936F);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (min-width: 580px) {
    .about-hero .experience-col-mobile {
        display: none
    }
}

@media (max-width: 988px) {
    .about-hero .bg-image-cover {
        /*padding-top: 20%;*/
    }
}

/*@media (min-width: 425px) {
    .about-hero .bg-image-cover {
        background-position: center;
    }
}*/

@media (max-width: 768px) {
    .about-hero .user-details-col {
        justify-content: flex-start !important;
        padding-top: 20px;
        padding-left: 26px;
    }    
}

@media (max-width: 767px) {
    .latest-news .card .img {
        height: 200px;
    }
}

@media (max-width: 580px) {
    .about-hero .user-details-col {
        padding-left: 0px;
    }
    .about-hero .experience-col-mobile .title {
        padding-left: 10px;
        text-align: left!important;
        font-weight: 700;
        padding-bottom: 0!important;
        font-size: 16px!important
    }
    .about-hero .experience-col-mobile .single-ex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 5px;

    }
    .about-hero .experience-col-mobile .single-ex .text {
        background-color: #D5EFFE;
        border-radius: 20px;
        padding: 10px 15px;
    }

    .about-hero .experience-col-mobile .single-ex * {
        font-size: 14px!important
    }
    .about-hero .experience-col-mobile .single-ex .icon {
        display: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 30px;
        margin-right: 15px;
        font-size: 20px
    }

    .experience-col-mobile.user-progress {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .about-hero .experience-col-mobile .single-ex .text a {
        font-size: 16px;
        font-weight: 700;
        color: #5965D3;
    }
    .about-hero .experience-col-mobile .single-ex .text a:hover {
        color: black
    }
    .about-hero .experience-col {
        /*display: none*/
    }
    .about-hero .bg-image-cover {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important;
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
        background-position: center;
    }
    .about-hero .bg-image-cover .m-container {
        text-align: center !important;
        margin-top: -40px;
    }
    .about-hero .user-image {
        text-align: center;
        margin-left: auto!important;
        margin-right: auto!important
    }
    .about-hero .user-image .img {
        margin: 0 auto
    }

    .about-hero .user-info .username,
    .about-hero .user-info .user-role,
    .about-hero .user-info .user-location,
    .about-hero .user-info .upgrade-message,
    .about-hero .user-info .user-details-col {
        text-align: center;
    }

    .about-hero .reviews-count {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }

    .about-hero .contact-buttons {
        text-align: center
    }
    .about-hero .contact-buttons a {
        margin-right: 5px!important
    }
    .about-hero .user-details-col {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: center !important
    }
    .about-hero .user-details-col .user-deatials {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .about-hero .user-details-col .user-deatials .info-row {
        width: auto!important
    }
}

@media (max-width: 575px) {
    .latest-news .col-md-4 {
        padding: 0px;
    }

    .latest-news .card {
        max-width: unset;
    }

    .latest-news .card .info .title {
        height: unset;
    }

    .latest-news .card .info .date-container>span {
        display: inline-block;
    }

    .latest-news .card .info .date-container>span:last-child {
        float: right;
    }

    .latest-news .card .img {
        height: 230px;
    }
}

@media (max-width: 500px) {
    .about-hero .experience-col-mobile .single-ex .text{
        text-align: center !important;
        display: block;
        width: 100%;
        box-sizing: unset;
        margin-bottom: 20px;
    }

    .about-hero .user-details-col {
        text-align: center;
        display: unset !important;
        margin-bottom: 20px;
    }
}

.about-hero .user-info .user-image {
    position: relative;
    margin-top: -80px;
    /*max-width: 150px;*/
    width: 150px;
    height: 150px;
}

.about-hero .user-info .user-image .img {
    border-radius: 50%;
    background: #FF5959;
    width: 150px;
    height: 150px;
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #FF5959;
    position: relative;
}

.about-hero .user-info .user-image img.check {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 36px;
    height: 36px;
}

.about-hero .user-info .user-image img {
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 154px;
    width: 100%;
    height: 100%
}

.about-hero .user-info .user-image span {
    font-size: 40px;
    color: white
}

.about-hero .user-info .contact-buttons {
    margin-top: 25px;
}

.about-hero .user-info .contact-buttons a {
    padding: 8px 25px;
    border-radius: 35px;
    margin-right: 15px;
    margin-bottom: 5px;
    
    font-size: 14px;
    font-weight: bold;
    padding: 18px 0px;
    line-height: 26px;
    width: 200px;
    text-align: center;
}

.about-hero .user-info .contact-buttons a.sendMessage {
    background: #ff5959;
    color: #fff; 
}

.about-hero .user-info .contact-buttons a.writeReview,
.about-hero .user-info .contact-buttons a.writeReview:active,
.about-hero .user-info .contact-buttons a.claimProfile,
.about-hero .user-info .contact-buttons a.claimProfile:active {
    border-color: #ff5959;
    background: #FFF6F6 !important;
    color: #ff5959 !important;
}

.about-hero .user-info .contact-buttons a.writeReview:hover,
.about-hero .user-info .contact-buttons a.claimProfile:hover {
    background: #ff5959;
    color: #fff; 
}

.about-hero .user-info .contact-buttons a.sendMessage:hover {
    border-color: #ff5959;
    background: #FFF6F6;
    color: #ff5959;
}

@media only screen and (max-width: 475px) {
    .about-hero .user-info .contact-buttons a {
        display: block;
        width: 100%;
        margin-bottom: 5px;
    }
}

/*.about-hero .user-info .contact-buttons .btn-outline-red {
    border: 1px solid #FF5959
}

.about-hero .user-info .contact-buttons .btn-outline-red:hover {
    color: white;
    background: #FF5959
}*/

.about-hero .user-info .precentage {
    position: absolute;
    bottom: 10px;
    right: -20px;
    background: #FF5959;
    color: white;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px solid white
}

.about-hero .user-info .username {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 10px
}

.about-hero .user-info .user-role {
    font-size: 20px;
    margin-bottom: 5px
}

.about-hero .user-info .user-location {
    color: #6C778F;
    font-size: 18px;
    line-height: 22.16px;
}

.about-hero .user-info .reviews-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 16px
}

.about-hero .user-info .reviews-count img.stars {
    width: 19px;
    margin-right: 5px;
}

.about-hero .user-info .reviews-count img.stars:nth-child(5) {
    margin-right: 0px;
}

.stars {
    display: flex;
    align-items: center;
}

.about-hero .user-info .viewReviewsMobile a, 
.about-hero .user-info .reviews-count span.viewReviewsDesktop a {
    color: #000;
}

.about-hero .user-info .viewReviewsMobile {
    text-align: center;
    display: none;
}

.about-hero .user-info .reviews-count .text-teal {
    color: #037880;
}

.text-gold {
    color: #ffc107!important;
}

.text-green {
    color: #0c797e!important;
}

.about-hero .user-info .reviews-count svg {
    margin-right: 5px
}

.about-hero .user-info .reviews-count .circle {
    width: 25px;
    height: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 10px;
    border: 1px solid #FF5959;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 600
}

.about-hero .user-details-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.about-hero .user-details-col .info-row {
    width: 100%;
}

.about-hero .user-details-col .info-row a {
    color: black;
    /*display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;*/
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200px;
    display: inline-block;
    height: 30px;
    overflow: hidden;
}

.about-hero .user-details-col .info-row a:hover {
    color: #FF5959;
}

.about-hero .user-details-col .info-row svg {
    display: inline-block;
    width: 40px!important
}

.user-progress h5 {
    font-weight: 700;
    font-size: 22px;
    line-height: 27.08px;
    padding-bottom: 15px;
    /*margin-top: 25px;*/
    margin-bottom: 0px;
}

.user-progress .single-progress-bar {
    text-align: center;
    /*display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start*/
}

.user-progress .single-progress-bar .tox-progress {
    margin: 0px auto 8px !important
}

@media (max-width: 580px) {
    .user-progress .single-progress-bar {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important;
        text-align: center!important
    }
    .user-progress .single-progress-bar .right {
        padding-top: 15px
    }
}

.user-progress .single-progress-bar .right {
    margin-left: 15px
}

.user-progress .single-progress-bar .right .title {
    font-weight: 600;
    font-size: 11px;
    margin-bottom: 0;
    line-height: 13.2px;
    color: #37374A;
    text-transform: uppercase;
}

.user-progress .single-progress-bar .right .percent {
    font-size: 28px;
    font-weight: 700;
    line-height: 34.13px;
}

.user-about-info .main-title {
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 15px;
    margin-bottom: 20px;
    line-height: 27.08px;
}

@media (max-width: 580px) {
    .user-about-info .info-col {
        padding-left: 0!important;
        padding-right: 0!important
    }
    .user-about-info .info-col .info-p {
        text-align: left!important
    }
    .user-about-info .info-col .bottom-bar * {
        text-align: left!important
    }
    .user-about-info .info-col .bottom-bar .col-md-6 {
        padding-left: 0!important;
        padding-right: 0!important
    }
    .user-about-info .experience-col {
        padding-left: 0!important;
        padding-right: 0!important;
        padding-bottom: 20px!important
    }
    .user-about-info .experience-col .row.mt-4 {
        margin-top: 0px!important
    }
    .user-about-info .experience-col * {
        text-align: left!important
    }
    .user-about-info .experience-col .title {
        padding-left: 0!important
    }
    .user-about-info .experience-col .col-sm-6 {
        padding-left: 0!important;
        padding-right: 0!important;
        margin-bottom: 0!important
    }
    .user-about-info .experience-col .col-sm-6 .icon {
        height: 40px!important
    }
    .user-about-info .bottom-bar .tags-col {
        text-align: center
    }
}

.user-about-info .info-col .info-p {
    font-size: 16px
}

.user-about-info .info-col .info-p a {
    display: block;
    color: black;
    font-weight: 600
}

.user-about-info .bottom-bar {
    border-top: 1px solid #999;
    padding-top: 15px
}

.user-about-info .bottom-bar .title {
    font-weight: 600;
    padding-bottom: 0px
}

.user-about-info .bottom-bar .single-tag {
    display: inline-block;
    border: 1px solid black;
    color: black;
    padding: 5px 10px;
    margin: 2px
}

.user-about-info .bottom-bar .single-tag:hover {
    color: #FF5959;
    border-color: #FF5959
}

.user-about-info .experience-col .title {
    font-weight: 700
}

.user-about-info .experience-col .single-ex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 10px
}

.user-about-info .experience-col .single-ex .icon {
/*    display: -webkit-box;
    display: -ms-flexbox;
*/    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 50px;
    margin-right: 15px;
    font-size: 20px
}


.user-about-info .experience-col .single-ex .text {
    background-color: #D5EFFE;
    border-radius: 20px;
    padding: 10px 15px;
}

.user-about-info .experience-col .single-ex .text a {
    font-size: 16px;
    font-weight: 700;
    color: #5965D3;
}

.user-about-info .experience-col .single-ex .text a:hover {
    color: black
}

.about-hero .experience-col .single-ex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 5px;

}

.about-hero .experience-col .single-ex * {
    font-size: 14px!important
}
.about-hero .experience-col .single-ex .icon {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 30px;
    margin-right: 15px;
    font-size: 20px
}


.premuim-banner-active {
    position: relative
}

.premuim-banner-active .premuim-banner {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.premuim-banner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.5);
    z-index: 100;

    display: flex;
    justify-content: center;
    align-items: center;
}

.premuim-banner a {
    padding: 10px 25px!important;
    font-size: 16px!important;
    font-weight: 500!important
}

.premuim-banner a svg {
    margin-right: 5px
}

.big-video .video-banner {
    height: 350px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 5px
}

.big-video .video-banner .play-btn {
    width: 50px;
    height: 50px;
    background: white;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.big-video .video-banner .play-btn:hover {
    background: #FF5959;
    color: white
}

.big-video .video-banner .title-bar {
    position: absolute;
    background: #0d9b8f;
    padding: 15px 25px 15px 15px;
    color: white;
    bottom: 25px;
    left: 0
}

.big-video .video-banner .title-bar .title {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 0
}

.big-video .video-banner .title-bar .role {
    font-size: 25px
}

.user-blog {
    padding-top: 25px
}

.user-blog .m-container {
    padding-left: 0!important;
    padding-right: 0!important
}

.user-blog .single-user-blog-col .img {
    height: 250px
}

.user-blog .single-user-blog-col a {
    font-size: 22px;
    font-weight: 700;
    display: block;
    padding: 10px 0;
}

@media only screen and (max-width: 500px) {
    .user-blog .single-user-blog-col a {
        text-align: center;
    }
}

.user-blog .single-user-blog-col a:hover {
    color: black
}

.user-blog .single-user-blog-col .info {
    font-size: 16px;
}

.reviewSuccessMessageWrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 10;
    display: none;
}

.reviewSuccessMessage {
    border: 1px solid #E5E5E5;
    position: absolute;
    /*top: calc(50% - 400px);*/
    left: calc(50% - 350px);
    z-index: 10;
    background: rgba(44, 255, 191, 0.95);
    width: 700px;
    max-height: 1074px;
    border-radius: 20px;
}

.reviewSuccessMessage .img {
    width: 100%;
    /*height: 500px;*/
    margin: 0px auto;
    margin-top: 55px;
    text-align: center;
    padding-top: 100%;
    /*max-height: 500px;*/
}

.reviewSuccessMessage .messageTitle {
    font-weight: 600;
    font-size: 40px;
    line-height: 50px;
    text-align: center;
    color: #202020;
    margin-top: -130px;
}

.reviewSuccessMessage .subMessage {
    font-size: 32px;
    line-height: 50px;
    text-align: center;
    color: #202020;
    margin-bottom: 0px;
}

.reviewSuccessMessage p {
    text-align: center;
    font-size: 18px;
    line-height: 20px;
    margin: 0px 15px 10px 15px;
}

.reviewSuccessMessage .ctaWrapper {
    margin: 20px 0px 80px 0px;
    text-align: center;
}

.reviewSuccessMessage .ctaWrapper a {
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 100%;
    text-align: center;
    text-decoration: none;
    color: #FFFFFF; 
    background-color: #ff045f; 
    display: inline-block; 
    padding: 20px; 
    border-radius: 4px;
}

.reviewSuccessMessage .img img {
    width: 100%;
}

.user-reviews {
    background: #fff;
    border: 0px solid #ccc;
    border-radius: 5px;
    margin-bottom: 10px;
}

.user-reviews .reviewHeader {
}

.user-reviews .reviewHeader .userImage {
    float: left;
    width: 95px;
    height: 95px;
    text-align: center;
    margin-right: 33px;
    background: #fff;
    overflow: hidden;
    display: flex;
    justify-content: center;
    position: relative;
}

.user-reviews .reviewHeader .userImageMobile {
    display: none;
}

.user-reviews .reviewHeader .userImage .img {
    border: 1px solid #fff;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #FF5959;
}

.user-reviews .reviewHeader .userImage .img img {
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 150px;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.user-reviews .reviewHeader .userImage img.check {
    width: 25px;
    height: 25px;
    position: absolute;
    left: 70px;
    top: 7px;
}

/*.user-reviews .reviewHeader .userImage span {
    display: block;
    font-size: 40px;
    font-weight: bold;
    padding: 15px 0px 0px 0px;
    color: #fff;
}*/

.user-reviews .main-title {
    font-weight: bold;
    font-size: 44px;
    line-height: 54px;
    color: #37374A;
    margin-bottom: 0px;
}

.user-reviews .reviewSummary {
    font-size: 18px;
    line-height: 25px;
    /*text-align: right;*/
    color: #6C778F;
}

.user-reviews .reviewSummary span {
}

.user-reviews .reviewSummary span.count {
    font-weight: bold;
    display: inline-block;
}

.user-reviews .reviewSummary span.writeReviews {
    color: #3ccf8f;
    font-weight: bold;
}

.user-reviews .m-container {
    padding: 25px 15px
}

.user-reviews .m-container .sub-title-p {
    font-size: 20px;
    line-height: 32px;
    color: #37374A;
    margin-bottom: 5px;
}

.user-reviews .ratingsWrapper {
    background: rgba(242, 249, 255, 0.5);
    border-radius: 4px;
    padding: 37px 40px;
    margin-bottom: 20px;
    overflow: hidden;
}

.wiTalentwolfWrapper {
    margin-bottom: 0px;
    display: flex;
}

.wiTalentwolf {
    background: #F2F9FF;
    border-radius: 4px;
    padding: 37px 40px;
    width: calc(50% - 10px);
    margin-right: 20px;
}

.wiTalentwolf:nth-child(even) {
    margin-right: 0px;
}

.wiTalentwolf h4 {
    color: #ff045e; 
    font-weight: 700; 
    margin-bottom: 30px; 
    font-size: 20px;
}

.wiTalentwolf div.helpWrapper {
    display: flex;
}

.wiTalentwolf div.helpWrapper div.help {
    width: calc(33% - 5px);
    margin-right: 10px;
}

.wiTalentwolf div.helpWrapper div.help:last-child {
    margin-right: 0px;
}

.wiTalentwolf div.helpWrapper div.help p {
    font-weight: 600; 
}

.wiTalentwolf img {
    margin-bottom: 10px; 
    margin-right: 20px;
}

.wiTalentwolf p {
    color: #212144;
}

.wiTalentwolf.tip {
    border: 0px solid #18a0fb;
}

.wiTalentwolf.tip h4 {
    color: #ff045e; 
    font-weight: 700; 
    margin-bottom: 20px; 
    font-size: 20px;
}

.wiTalentwolf.tip p.tipText {
    font-weight: 600; 
    color: #212144;
}

.wiTalentwolfWrapper .messageRecruiterButton {
    display: none;
    overflow: hidden;
    margin-bottom: 10px;
}

.wiTalentwolfWrapper .messageRecruiterButton a {
    padding: 8px 25px;
    border-radius: 35px;
    margin-right: 15px;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
    padding: 18px 0px;
    line-height: 26px;
    width: 200px;
    text-align: center;
    background: #ff5959;
    color: #fff;
    display: block;
    width: 100%;
    text-transform: uppercase;
}

@media only screen and (max-width: 768px) {
    .about-hero .user-details-col .info-row,
    .about-hero .user-details-col .info-row a {
        max-width: 400px;
    }

    .wiTalentwolfWrapper {
        display: unset;
        margin-bottom: 0px;
    }

    .wiTalentwolf {
        width: 100%;
        margin-bottom: 20px;
    }

    .wiTalentwolf.tip {
        border: 0px solid #18a0fb;
    }
}

@media only screen and (max-width: 600px) {
    .wiTalentwolf p {
        font-size: 16px;
    }
}

@media only screen and (max-width: 500px) {
    .wiTalentwolf h4,
    .wiTalentwolf div.helpWrapper div.help p,
    .wiTalentwolf.tip p.tipText,
    .wiTalentwolf p {
        text-align: left !important;
    }
    .wiTalentwolf div.helpWrapper div.help {
        text-align: left;
    }
}

@media only screen and (max-width: 500px) {
    .about-hero .user-details-col .info-row,
    .about-hero .user-details-col .info-row a {
        max-width: 300px;
    }
}

@media only screen and (max-width: 425px) {
    .about-hero .user-details-col .info-row,
    .about-hero .user-details-col .info-row a {
        max-width: 200px;
    }

    /*.wiTalentwolf div.helpWrapper,
    .wiTalentwolf div.helpWrapper div.help {
        display: block;
        width: 100%;
        margin-bottom: 25px;
    }

    .wiTalentwolf img {
        margin-bottom: 0px;
    }

    .wiTalentwolf.tip {
        border: 0px;
    }*/

    .mainContent .latest-news .m-container {
        padding: 0px;
        margin: 0px;
    }
}


.user-reviews .ratingsWrapper .ratingsWrapperHeader {
    border-bottom: 1px solid #CFDCF2;
    margin-bottom: 39px;
}

.user-reviews .ratingsWrapper .ratingsWrapperHeader h3 {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 123.1%;
    margin-bottom: 31px;
    color: #37374A;
}

.user-reviews .ratingsWrapper .reviewItem {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
    clear: both;
    text-align: center;
    font-weight: 600;
}

.user-reviews .ratingsWrapper .single-row {
    padding: 0px;
    margin-bottom: 33px;
}

.user-reviews .ratingsWrapper .stars img {
    width: 19px;
    height: 19px;
    margin-right: 6px;
    cursor: pointer;
}

.user-reviews .ratingsWrapper .ratingsLabel {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    padding: 7px 27px 7px 28px;
    border-radius: 30px;
    border-top-left-radius: 0px;

    -webkit-transition: all 0.125s;
    -o-transition: all 0.125s;
    transition: all 0.125s;
    background: -webkit-gradient(linear, left top, right top, from(#FF5959), to(#ff8b58));
    background: -webkit-linear-gradient(left, #FF5959, #ff8b58);
    background: -o-linear-gradient(left, #FF5959, #ff8b58);
    background: linear-gradient(to right, #FF5959, #ff8b58);
    width: 130px;
}


.user-reviews .ratingsWrapper .ratingsLabel,
.user-reviews .ratingsWrapper .ratingsInput {
    width: 49%;
}

.user-reviews .ratingsWrapper .ratingsLabel {
    float: right;
    margin-bottom: 30px;
}

.user-reviews .ratingsWrapper .ratingsInput {
    float: left;
    text-align: center;
}


.user-reviews .ratingsWrapper input[name^='ratingsValue_'] {
    width: 20px;
}

.user-reviews .overAllReviewWrapper {
    margin-top: 44px;
    text-align: center;
}

.user-reviews .overAllReviewWrapper h3 {
    font-weight: bold;
    font-size: 22px;
    line-height: 42px;
    color: #37374A;
    margin-bottom: 9px;
}

.user-reviews .overAllReviewWrapper .overAllReview {
    padding: 17px 42px 18px;
    background: #F2F9FF;
    border-radius: 51px;
    margin: 0px auto;
    display: inline-block;
}

.user-reviews .overAllReviewWrapper .overAllReview .stars {
    margin-bottom: 10px;
}

.user-reviews .overAllReviewWrapper .overAllReview .stars img {
    margin-right: 10px;
    width: 34px;
    height: 34px;
}

.user-reviews .overAllReviewWrapper .overAllReview .stars img:nth-child(5) {
    margin-right: 20px;
}

.user-reviews .overAllReviewWrapper .overAllReview .stars > span {
    font-size: 18px;
    line-height: 29px;
    color: #37374A;
    margin-top: 5px;
    display: inline-block;
    margin: 0px;
    width: 100px;
}

.user-reviews .single-row {
    /*display: -webkit-box;
    display: -ms-flexbox;
    display: flex;*/
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px;
    font-weight: 600
}

.user-reviews .single-row span {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 160.49%;

    color: #37374A;
}

.user-reviews .rating-col {
    border-right: 1px solid #ccc
}

.user-reviews .form-col label {
    font-weight: bold;
    font-size: 18px;
    line-height: 123.1%;
    color: #37374A;
}

.user-reviews .form-col .label {
    color: #FF5959
}

.user-reviews .form-control {
    font-size: 14px;
    line-height: 22px;
    padding: 14px 21px;
}

.user-reviews .form-control:focus,
.user-reviews .form-control:focus {
    border-color: #1D98FF;
    box-shadow: none;
}

.user-reviews textarea.form-control {
    height: 185px;
}

.user-reviews select.form-control:not([size]):not([multiple]) {
    height: unset;
}

.user-reviews select.form-control {
    background: url('/images/select-arrow.png') no-repeat 97%;
    background-size: 11px;
    -moz-appearance: none; 
    -webkit-appearance: none; 
    appearance: none;
}

.user-reviews .form-col .formSubText {
    text-align: right;
    font-size: 12px;
    line-height: 19px;
    color: #37374A;
}

.user-reviews .form-col .formSubTextRed {
    font-size: 11px;
    text-align: left;
    line-height: 18px;
    color: #FF5B5A;
    display: none;
}

.user-reviews .buttonWrapper {
    font-size: 15px;
    line-height: 24px;
    color: #37374A;
    text-align: center;
    margin-bottom: 33px;
    overflow: hidden;
    position: relative;
}

.user-reviews .buttonWrapper .row {
    display: none;
}

.user-reviews .buttonWrapper .btnCaption {
    margin-bottom: 4px;
}

.user-reviews .buttonWrapper label:first-child {
    width: 50% !important;
    float: left;
}

.user-reviews .buttonWrapper label:last-child {
    width: 50% !important;
    float: right;
}

.user-reviews .buttonWrapper a.quickReview {
    display: inline-block;
    padding: 12px 30px 11px 30px;
    background: #E3EBF1;
    border-radius: 5px;

    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #37374A;
}

.user-reviews .buttonWrapper a span {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #37374A;
}

.user-reviews .buttonWrapper a.loginAndReview {
    display: inline-block;
    padding: 12px 30px 11px 20px;
    border-radius: 5px;
    background: #E3EBF1;

    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #37374A;
}

.user-reviews .buttonWrapper a.quickReview:hover,
.user-reviews .buttonWrapper a.quickReview.active,
.user-reviews .buttonWrapper a.loginAndReview:hover,
.user-reviews .buttonWrapper a.loginAndReview.active {
    background: linear-gradient(90deg, #0E6E73 0%, #13B4BC 100%);
}

.user-reviews .buttonWrapper a.quickReview:hover span,
.user-reviews .buttonWrapper a.quickReview.active span,
.user-reviews .buttonWrapper a.loginAndReview:hover span,
.user-reviews .buttonWrapper a.loginAndReview.active span {
    color: #fff;
}

.user-reviews .buttonWrapper span.or {
    display: inline-block;
    padding: 0px 17px;
    position: absolute;
    top: 41px;
    right: 241px;
}

.user-reviews .buttonWrapper label,
.user-reviews .buttonWrapper label:last-child,
.user-reviews .buttonWrapper a.quickReview,
.user-reviews .buttonWrapper a.loginAndReview,
.user-reviews .buttonWrapper span.or {
    display: block !important;
    float: none !important;
    width: 100% !important;
}

.user-reviews .buttonWrapper span.or {
    position: relative;
    top: 0;
    right: 0;
}

.user-reviews a.loginAndReview:hover {
    border: 0px;
}

.acceptTnCWrapper .terms,
.user-reviews .terms {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    color: #6C778F;
    margin-left: 10px;
}

.acceptTnCWrapper .terms{
    color: unset;
}

.acceptTnCWrapper .terms a,
.user-reviews .terms a {
    color: #58AAFF;
    text-decoration: underline;
}

.acceptTnCWrapper .checkbox-col,
.user-reviews .checkbox-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.acceptTnCWrapper .checkbox-col .checkbox,
.user-reviews .checkbox-col .checkbox {
    margin-right: 10px
}

.acceptTnCWrapper input[type=checkbox],
.user-reviews input[type=checkbox] {
    background: #FFFFFF;
    mix-blend-mode: normal;
    opacity: 0.8;
    border: 1px solid #CACDDA;
    box-sizing: border-box;
    border-radius: 4px;
    /*visibility: hidden;*/
    /*display: none;*/
    position: absolute;
    z-index: 0;
}

.acceptTnCWrapper input[type=checkbox] {
    visibility: hidden;
    display: none;
}

.acceptTnCWrapper .form-col label[for=cbTerms],
.user-reviews .form-col label[for=cbTerms] {
    cursor: pointer;
    line-height: 19px !important;
    position: relative;
    z-index: 1;
    background: #fff;
}

.acceptTnCWrapper input[type="checkbox"] + label:before,
.user-reviews input[type="checkbox"] + label:before {
    border: 1px solid #CACDDA;
    border-radius: 4px;
    content: "\00a0";
    display: inline-block;
    font: 18px;
    height: 22px;
    padding: -1px 0px 1px 0px;
    vertical-align: top;
    width: 22px;
    margin-top: 5px;
}

.acceptTnCWrapper input[type="checkbox"]:checked + label:before,
.user-reviews input[type="checkbox"]:checked + label:before {
    background: #2196F3;
    color: #333;
    content: url('/images/checkbox-check.png');
    text-align: center;
}

.acceptTnCWrapper input[type="checkbox"]:checked + label:after,
.user-reviews input[type="checkbox"]:checked + label:after {
    font-weight: bold;
}

.acceptTnCWrapper input[type="checkbox"]:focus + label::before,
.user-reviews input[type="checkbox"]:focus + label::before {
    outline: rgb(59, 153, 252) auto 5px;
}

.acceptTnCWrapper .checkbox-col p,
.user-reviews .checkbox-col p {
    font-size: 14px
}

.user-reviews .loginFormWrapper,
.user-reviews .validateReviewWrapper {
    overflow: hidden;
    display: none;
}

.user-reviews .loginFormWrapper .form-control,
.user-reviews .validateReviewWrapper .form-control,
.user-reviews .validateReviewWrapper .select2 {
    float: left;
    width: 48% !important;
    margin-bottom: 18px;
    outline: none;
}

.user-reviews .validateReviewWrapper select.form-control {
    background-position: 96%;
}

.user-reviews .loginFormWrapper .form-control {
    margin-bottom: 0px;
}

.user-reviews .loginFormWrapper .form-control.right,
.user-reviews .validateReviewWrapper .form-control.right {
    float: right;
}

.user-reviews .validateReviewWrapper label {
    float: left;
}

/*.user-reviews .validateReviewWrapper .select2-container .select2-selection--single {
    height: 53px !important;
}

.user-reviews .validateReviewWrapper .select2-selection--single .select2-selection__rendered {
    line-height: 50px !important;
    padding: 0px 11px;
}

.user-reviews .validateReviewWrapper .select2-container--default .select2-selection--single .select2-selection__arrow, form .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 6px;
}*/

.user-reviews .btn {
    display: inline-block;
    padding: 8px 25px;
    border-radius: 35px;
    margin-right: 15px;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
    padding: 18px 0px;
    line-height: 26px;
    width: 200px;
    text-align: center;
    background: #ff5959;
    color: #fff;
    text-transform: uppercase;
}

.user-reviews .btn .disabled {
    background: #E3EBF1 !important;
}

.user-reviews .g-recaptcha {
    position: fixed;
    bottom: 50px;
    right: 0px;
    z-index: 10;
}

@media screen and (max-width: 1140px){
    .user-reviews .buttonWrapper .row {
        display: none;
    }

    .user-reviews .buttonWrapper label,
    .user-reviews .buttonWrapper label:last-child,
    .user-reviews .buttonWrapper a.quickReview,
    .user-reviews .buttonWrapper a.loginAndReview,
    .user-reviews .buttonWrapper span.or {
        display: block !important;
        float: none !important;
        width: 100% !important;
    }

    .user-reviews .buttonWrapper span.or {
        position: relative;
        top: 0;
        right: 0;
    }

    .user-reviews .single-row {
        display: unset;
    }

    .user-reviews .ratingsWrapper .reviewItem {
        width: 100%;
        margin-bottom: 10px;
        clear: both;
        text-align: center;
    }

    .user-reviews .ratingsWrapper .ratingsLabel,
    .user-reviews .ratingsWrapper .ratingsInput {
        width: 49%;
    }

    .user-reviews .ratingsWrapper .ratingsLabel {
        float: right;
        margin-bottom: 30px;
    }

    .user-reviews .ratingsWrapper .ratingsInput {
        float: left;
        text-align: center;
    }

    .user-reviews .loginFormWrapper .form-control,
    .user-reviews .validateReviewWrapper .form-control,
    .user-reviews .validateReviewWrapper .select2 {
        float: none;
        width: 100% !important;
        margin-bottom: 18px;
    }
}

@media screen and (max-width: 1024px){
    .reviewSuccessMessage {
        width: 500px;
        left: calc(50% - 250px);
    }

    .reviewSuccessMessage .messageTitle {
        font-size: 34px;
        line-height: 44px;
    }

    .reviewSuccessMessage .subMessage {
        font-size: 24px;
        line-height: 34px;
    }
}

@media screen and (max-width: 767px) {
    .user-reviews .single-row {
        display: flex;
    }

    .user-reviews .ratingsWrapper .reviewItem {
        width: 150px;
        text-align: left;
    }

    .user-reviews .ratingsWrapper .ratingsLabel,
    .user-reviews .ratingsWrapper .ratingsInput {
        width: unset;
        float: none;
        margin: unset;
    }

    .user-reviews .reviewSummary {
    }

    .user-reviews .reviewSummary span,
    .user-reviews .reviewSummary span.count,
    .user-reviews .reviewSummary span.writeReviews {
        display: inline-block;
    }        
}

@media screen and (max-width: 576px) {
    .user-reviews .single-row {
        display: unset;
    }

    .user-reviews .ratingsWrapper .reviewItem {
        width: 100%;
        margin-bottom: 10px;
        clear: both;
        text-align: center;
    }

    .user-reviews .ratingsWrapper .ratingsLabel,
    .user-reviews .ratingsWrapper .ratingsInput {
        width: 49%;
    }

    .user-reviews .ratingsWrapper .ratingsLabel {
        float: right;
        margin-bottom: 30px;
    }

    .user-reviews .ratingsWrapper .ratingsInput {
        float: left;
        text-align: center;
    }


    .reviewSuccessMessage {
        width: 400px;
        left: calc(50% - 200px);
    }

    .reviewSuccessMessage .messageTitle {
        font-size: 27px;
        line-height: 33px;
    }

    .reviewSuccessMessage .subMessage {
        font-size: 20px;
        line-height: 30px;
    }
}

@media screen and (max-width: 500px) {
    .user-reviews .reviewHeader .userImage {
        float: none;
        margin: 0px auto;
        margin-bottom: 20px;
    }

    .user-reviews .reviewSummary {
        text-align: center;
        margin: 0px;
    }

    .user-reviews .terms {
        text-align: left !important;
    }

    .writeReviews {
        margin-bottom: 10px;
    }

    .user-reviews .reviewHeader .userImageDesktop {
        display: none;
    }

    .user-reviews .reviewHeader .userImageMobile {
        display: block;
    }
}

@media screen and (max-width: 425px) {
    .user-reviews .reviewSummary,
    .user-reviews hr,
    .user-reviews .overAllReviewWrapper,
    .user-reviews .buttonWrapper span.or {
        display: none !important;
    }

    .user-reviews .ratingsWrapper .ratingsWrapperHeader h3 span {
        display: block;
    }

    .user-reviews .ratingsWrapper {
        margin: 0px -30px 20px;
        padding: 22px 63px 0px;
        border: 1px solid rgba(242, 249, 255, 0.5);
    }

    .user-reviews .ratingsWrapper .reviewItem {
        font-size: 18px;
        line-height: 29px;
        font-weight: normal;
        margin-bottom: 6px;
    }

    .user-reviews .ratingsWrapper .ratingsLabel {
        width: 110px;
        float: none;
        margin: 0px auto;
        margin-bottom: 46px;
        font-weight: 600;
        font-size: 14px;
        line-height: 22px;
        text-align: center;
        padding-left: 0px;
        padding-right: 0px;
    }

    .user-reviews .ratingsWrapper .ratingsInput {
        margin-bottom: 21.81px;
        width: 100%;
        float: none;
        justify-content: center;
    }

    .user-reviews .ratingsWrapper .stars img {
        height: 33.19px;
        width: 33.19px;
    }

    .user-reviews .buttonWrapper a.quickReview {
        margin-bottom: 13px;
    }

    .user-reviews .loginFormWrapper .form-control,
    .user-reviews .validateReviewWrapper .form-control,
    .user-reviews .validateReviewWrapper .select2 {
        float: none;
        width: 100% !important;
        margin-bottom: 18px;
    }

    .user-reviews label {
        margin-bottom: 21px;
    }

    .user-reviews label span {
        display: block;
    }

    .reviewSuccessMessage {
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        border-radius: 0px;
        padding: 100px 50px;
    }

    .reviewSuccessMessage .img {
        width: 100%;
        position: relative;
        margin-top: 0px;
    }

    .reviewSuccessMessage .img > div {
        width: 100%;
    }

    .reviewSuccessMessage .messageTitle {
        font-size: 22px;
        line-height: 33px;
        margin-top: 0px;
    }

    .reviewSuccessMessage .subMessage {
        font-size: 18px;
        line-height: 30px;
    }

    .wiTalentwolfWrapper .messageRecruiterButton {
        display: block;
    }
}

@media screen and (max-width: 425px) {
    .user-reviews .buttonWrapper a.loginAndReview,
    .user-reviews .buttonWrapper a.quickReview {
        /*padding: 12px 5px 11px;*/
        text-align: left;
        padding: 12px;
    }
}

.single-person-review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 20px 0 0 0;
}

.single-person-review .person-icon {
    margin-right: 20px
}

.single-person-review .person-icon img {
    max-width: 50px
}

.single-person-review .person-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.single-person-review .person-info .person-name {
    font-size: 20px;
    font-weight: 600;
    color: black;
    margin-bottom: 0
}

.single-person-review .person-info .right svg {
    color: #FF5959;
    font-size: 40px
}

.single-person-review .person-info .review-date {
    font-size: 13px
}

.single-person-review .how-do-i-know {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 300;
    margin-top: 20px;
}

.single-person-review .how-do-i-know span:first-child {
    font-weight: 600;
    color: black;
}

.single-person-review .review-form label {
    font-weight: 700
}

.single-person-review .btn {
    border-radius: 8px;
    padding: 10px 25px;
    font-size: 18px;
    font-weight: 600;
}

.reviews-ratings .col-md-2 {
    padding-bottom: 10px;
    text-align: center
}

.reviews-ratings .col-md-2 h5 {
    font-size: 16px;
    font-weight: 700;
    color: #FF5959
}

.person-reviews .show-all {
    padding: 10px 25px;
    border-radius: 35px
}

.tool-tip {
    position: relative;
    display: inline-block;
}

.tool-tip .tool-tip-text {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    font-size: 12px;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

.tool-tip .tool-tip-text {
    width: 120px;
    bottom: 100%;
    left: 50%;
    margin-left: -60px; 
    margin-bottom: 5px;
  }

  .tool-tip .tool-tip-text::after {
    content: " ";
    position: absolute;
    top: 100%; /* At the bottom of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
  }

.tool-tip:hover .tool-tip-text {
    visibility: visible;
}

.jq-stars {
    display: inline-block
}

.jq-rating-label {
    font-size: 22px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    font-family: helvetica, arial, verdana
}

.jq-star {
    width: 100px;
    height: 100px;
    display: inline-block;
    cursor: pointer
}

.jq-star-svg {
    width: 100%;
    height: 100%
}

.jq-star-svg polygon {
    stroke: #000;
    stroke-linejoin: round
}

.jq-shadow {
    -webkit-filter: drop-shadow(-2px -2px 2px #888);
    filter: drop-shadow(-2px -2px 2px #888)
}

.single-blog-container .post-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.single-blog-container .post-info .icon {
    margin-right: 15px;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.single-blog-container .post-info .icon img {
    max-width: 50px
}

.single-blog-container .post-info .info .posted-by span {
    color: #FF5859;
}

.single-blog-container .single-post-sidebar img {
    height: 100px;
    -o-object-fit: cover;
    object-fit: cover
}

.single-blog-container .single-post-sidebar .info {
    font-size: 14px;
    font-weight: 700;
    color: black;
    padding: 5px 0
}

.single-blog-container .single-post-sidebar .info:hover {
    color: #FF5959
}

.single-blog-container .blog-content {
    font-size: 16px
}

.single-blog-container .blog-content p {
    font-size: 16px
}

@media screen and (max-width: 480px){
    .blog-content > p {
        text-align: left !important;
    }   
}

.single-blog-container .form-group label {
    font-weight: 700;
    color: #FF5959
}

.single-blog-container .related-posts h2 {
    font-weight: 700;
    font-size: 25px;
    color: #FF5959
}

.page-title-hero {
    height: 250px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FF5C5F), to(#E7936F));
    background-image: -webkit-linear-gradient(#FF5C5F, #E7936F);
    background-image: -o-linear-gradient(#FF5C5F, #E7936F);
    background-image: linear-gradient(#FF5C5F, #E7936F);
    color: white;
    text-align: center;
    -webkit-box-shadow: inset 0 25px 25px -15px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 25px 25px -15px rgba(0, 0, 0, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.terms-conditions p {
    font-size: 16px
}

#tw-page-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#tw-page-footer #tw-email-subscribe-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#tw-page-footer #tw-email-subscribe-form,
#tw-page-footer .tw-footer-menu,
#tw-page-footer .tw-footer-sub {
    width: 100%
}

.row {
    margin-left: 0!important;
    margin-right: 0!important
}

.search-header {
    padding: 40px 15px
}

.search-header .display-4 {
    font-size: 40px;
    padding-bottom: 20px
}

.search-header .tw-btn-red {
    background: linear-gradient(to right, rgb(255, 89, 89), rgb(255, 4, 95)) !important;
    font-size: 16px;
    font-weight: 600;
}

#wjt-header {
    padding-top: 50px
}

#wjt-header .lead {
    font-size: 18px!important
}

#laptop-img {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    position: relative
}

#laptop-img iframe {
    width: 550px;
    height: 350px;
    margin: 0 auto;
    position: relative;
    top: 10px;
    right: 5px
}

#laptop-img .img {
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    top: 0
}

#laptop-img .img img {
    max-width: 780px
}

@media (max-width: 768px) {
    #laptop-img iframe {
        width: 330px;
        height: 220px;
        top: 5px
    }
    #laptop-img .img {
        position: absolute;
        top: 0
    }
    #laptop-img .img img {
        max-width: 460px
    }
}

@media (max-width: 400px) {
    #laptop-img iframe {
        width: 255px;
        height: 180px;
        top: 5px
    }
    #laptop-img .img {
        position: absolute;
        top: 0
    }
    #laptop-img .img img {
        max-width: 360px
    }
}

@media (max-width: 350px) {
    #laptop-img iframe {
        width: 255px;
        height: 180px;
        top: 0px
    }
    #laptop-img .img {
        position: absolute;
        top: 0
    }
    #laptop-img .img img {
        display: none;
    }
}


.why-join-talentwolf-cards .card {
    padding-top: 15px
}

.why-join-talentwolf-cards .lead {
    font-size: 18px!important
}

.why-join-talentwolf-cards .tw-card-left,
.why-join-talentwolf-cards .tw-card-right {
    width: 100%;
    margin: 0 auto;
    height: 100%
}

.why-join-talentwolf-cards .tw-card-left .normal-image,
.why-join-talentwolf-cards .tw-card-right .normal-image {
    display: block;
    margin: 0 auto
}

.why-join-talentwolf-cards .tw-card-left .hover-image,
.why-join-talentwolf-cards .tw-card-right .hover-image {
    display: none;
    margin: 0 auto
}

.why-join-talentwolf-cards .tw-card-left:hover .normal-image,
.why-join-talentwolf-cards .tw-card-right:hover .normal-image {
    display: none
}

.why-join-talentwolf-cards .tw-card-left:hover .hover-image,
.why-join-talentwolf-cards .tw-card-right:hover .hover-image {
    display: block
}

.why-join-talentwolf-cards .add-margin {
    margin-top: 12.5px;
    margin-bottom: 12.5px
}

.why-join-talentwolf-cards .card-title {
    font-size: 1.5rem;
    font-weight: 700
}

.why-join-talentwolf-cards #section-1 {
    margin-top: 50px
}

.why-join-talentwolf-cards #section-1 h1 {
    font-weight: 650;
    font-size: 50px
}

@media (max-width: 790px) {
    .why-join-talentwolf-cards #section-1 h1 {
        font-size: 25px
    }
}

.pricing-container {
    background: #f5f8ff
}

.pricing-container #banner-head-1,
.pricing-container #banner-head-2,
.pricing-container #banner-head-3 {
    background-size: 100%;
    background-repeat: no-repeat;
    color: white;
    height: 340px
}

@media (max-width: 768px) {
    .pricing-container #banner-head-1,
    .pricing-container #banner-head-2,
    .pricing-container #banner-head-3 {
        height: 260px
    }
}

.pricing-container .sub-banner-container {
    position: relative
}

.pricing-container .sub-banner-container .card {
    border-radius: 35px;
    overflow: hidden;
    height: 100%
}

.pricing-container .sub-banner-container .card .sub-banner-footer {
    width: 100%
}

.pricing-container .sub-banner-container .ribbon {
    position: absolute;
    top: -12px;
    left: 5px;
    max-width: 150px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.pricing-container .sub-banner-container .display-10 {
    padding-top: 25px;
    font-weight: 700
}

.pricing-container .sub-banner-container .lead {
    font-size: 18px!important
}

.pricing-container .sub-banner-container ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.pricing-container .sub-banner-container ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important;
    -webkit-box-pack: start!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important;
    text-align: left!important;
    margin-bottom: 5px
}

.pricing-container .sub-banner-container ul li img {
    max-width: 20px;
    margin-right: 10px;
    position: relative;
    top: 4px
}

.pricing-container .sub-banner-body strong {
    color: #008ada
}

.pricing-container .sub-banner-footer {
    padding: 15px 15px 25px 15px!important
}

.pricing-container #enterprise-button,
.pricing-container #free-button,
.pricing-container #premium-button {
    color: white;
    padding: 15px 10px;
    font-size: 20px;
    padding-left: 50px;
    padding-right: 50px;
    border-radius: 50px;
    border: none;
    -webkit-transition: all 0.320s;
    -o-transition: all 0.320s;
    transition: all 0.320s
}

.pricing-container #free-button {
    background-image: -webkit-gradient(linear, left top, right top, from(#2FC5F6), to(#838991));
    background-image: -webkit-linear-gradient(left, #2FC5F6, #838991);
    background-image: -o-linear-gradient(left, #2FC5F6, #838991);
    background-image: linear-gradient(to right, #2FC5F6, #838991);
    -webkit-box-shadow: 0 0 15px 0 rgba(47, 197, 246, 0.5);
    box-shadow: 0 0 15px 0 rgba(47, 197, 246, 0.5)
}

.pricing-container #free-button:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-box-shadow: 0 0 25px 0 rgba(47, 197, 246, 0.5);
    box-shadow: 0 0 25px 0 rgba(47, 197, 246, 0.5)
}

.pricing-container #premium-button {
    background-image: -webkit-gradient(linear, left top, right top, from(#FFA091), to(#FF375C));
    background-image: -webkit-linear-gradient(left, #FFA091, #FF375C);
    background-image: -o-linear-gradient(left, #FFA091, #FF375C);
    background-image: linear-gradient(to right, #FFA091, #FF375C);
    -webkit-box-shadow: 0 0 15px 0 rgba(255, 160, 145, 0.5);
    box-shadow: 0 0 15px 0 rgba(255, 160, 145, 0.5)
}

.pricing-container #premium-button:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-box-shadow: 0 0 25px 0 rgba(255, 160, 145, 0.5)!important;
    box-shadow: 0 0 25px 0 rgba(255, 160, 145, 0.5)!important
}

.pricing-container #enterprise-button {
    background-image: -webkit-gradient(linear, left top, right top, from(#0ECEF2), to(#4BDC7B));
    background-image: -webkit-linear-gradient(left, #0ECEF2, #4BDC7B);
    background-image: -o-linear-gradient(left, #0ECEF2, #4BDC7B);
    background-image: linear-gradient(to right, #0ECEF2, #4BDC7B);
    -webkit-box-shadow: 0 0 15px 0 rgba(75, 220, 123, 0.5);
    box-shadow: 0 0 15px 0 rgba(75, 220, 123, 0.5)
}

.pricing-container #enterprise-button:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-box-shadow: 0 0 25px 0 rgba(75, 220, 123, 0.5)!important;
    box-shadow: 0 0 25px 0 rgba(75, 220, 123, 0.5)!important
}

.pricing-container .tw-shadow-1 {
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2)
}

.reviews-container .lead {
    font-size: 18px!important
}

#reviews-carousel {
    max-width: 1000px;
    margin: 0 auto;
    width: 100%
}

#reviews-carousel .item {
    max-width: 350px;
    margin: 0 auto;
    padding-top: 50px
}

#reviews-carousel .item .card:after {
    content: ' ';
    position: absolute;
    top: 100%;
    right: 40px;
    width: 15px;
    height: 15px;
    border-top: 10px solid white;
    border-right: 10px solid white;
    border-left: 10px solid transparent;
    border-bottom: 10px solid transparent
}

#reviews-carousel .item .card:before {
    content: ' ';
    position: absolute;
    top: calc(100%);
    right: 39px;
    width: 14px;
    height: 14px;
    border-top: 11px solid #ccc;
    border-right: 11px solid #ccc;
    border-left: 11px solid transparent;
    border-bottom: 11px solid transparent
}

#reviews-carousel .item .quote {
    position: absolute;
    top: -25px;
    max-width: 40px;
    left: 10px
}

#reviews-carousel .item p {
    font-size: 16px
}

#reviews-carousel .owl-nav {
    /* display: -webkit-box!important;
    display: -ms-flexbox!important; 
    display: flex!important; */
    display: none !important;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: 0;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#reviews-carousel .owl-nav .owl-prev {
    position: relative;
    left: -80px
}

#reviews-carousel .owl-nav .owl-next {
    position: relative;
    right: -80px
}

#reviews-carousel .owl-nav .owl-next,
#reviews-carousel .owl-nav .owl-prev {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: white;
    background: #999;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

#reviews-carousel .owl-nav .owl-next:hover,
#reviews-carousel .owl-nav .owl-prev:hover {
    background: #555
}

#reviews-carousel .owl-nav .owl-next svg,
#reviews-carousel .owl-nav .owl-prev svg {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media (max-width: 992px) {
    #reviews-carousel .owl-nav .owl-prev {
        left: 0px!important
    }
    #reviews-carousel .owl-nav .owl-next {
        right: 0px!important
    }
}

#reviews-carousel .review-user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 30px 15px 15px 15px
}

#reviews-carousel .review-user .name {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600
}

#reviews-carousel .review-user .small {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    color: #FF5959
}

#reviews-carousel .review-user .left {
    margin-right: 10px
}

#reviews-carousel .review-user .img {
    min-width: 50px;
    min-height: 50px;
    max-width: 50px;
    max-height: 50px;
    border-radius: 50%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    color: #FF5959;
    border: 1px solid #FF5959
}

#reviews-carousel .review-user .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    padding: 5px;
    min-width: 50px;
    min-height: 50px;
    max-width: 50px;
    border-radius: 50%;
    max-height: 50px
}

#accordion-container {
    max-width: calc(100% - 20px)!important
}

#accordion-container .title {
    font-size: 25px;
    font-weight: 700;
    padding: 5px 15px
}

@media (max-width: 580px) {
    #accordion-container button.accordion {
        font-size: 16px!important
    }
}

#accordion-container .accordion {
    font-size: 18px!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: none;
    padding: 5px 15px!important;
    outline: none
}

#accordion-container .accordion:hover {
    background: #FF5959;
    color: white
}

#accordion-container .accordion:hover:after {
    color: white
}

#accordion-container .activeClass {
    background: #FF5959;
    color: white
}

#accordion-container .activeClass:after {
    color: white
}

#accordion-container .panel p {
    padding: 10px 0;
    font-size: 16px
}

.simple-rating i,
.simple-rating svg {
    color: #f5ba00;
    display: inline-block;
    padding: 1px 2px;
    cursor: pointer
}

.navbar-nav.location-search-menu .form-control {
    height: 40px!important
}

.navbar-nav.location-search-menu .nav-item {
    position: relative
}

.navbar-nav .nav-icons {
    position: absolute;
    top: 12px;
    left: 15px;
    z-index: 10;
    color: #ccc
}

.navbar-nav .select2-selection__arrow b {
    position: relative;
    border: none !important;
    margin-top: -4px !important;
}

.navbar-nav .select2-selection__arrow b:before {
    content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-top: 8px solid #7c7c7c;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}

.navbar-nav .select2-selection__arrow b:after {
    content: '';
  position: absolute;
  left: 3px;
  top: 0;
  border-top: 5px solid #fff;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.navbar-nav.location-search-menu .nav-item svg {
    display: none;
    /* position: absolute;
    top: 12px;
    left: 15px;
    z-index: 10;
    color: #ccc */
}

.navbar-nav.location-search-menu select {
    padding-left: 25px;
    position: relative
}

@media (max-width: 992px) {
    .navbar-nav.location-search-menu {
        padding-top: 15px
    }
    .navbar-nav.location-search-menu select {
        padding-left: 5px
    }
    .navbar-nav.location-search-menu .nav-item i,
    .navbar-nav.location-search-menu .nav-item svg  
    {
        display: none!important
    }
    .navbar-nav.location-search-menu .form-control {
        margin-bottom: 10px
    }
}

@media (max-width: 768px) {
    .person-reviews .reviews-ratings {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important;
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .person-reviews .reviews-ratings .col-md-2 {
        -ms-flex-preferred-size: 100%!important;
        flex-basis: 100%!important;
        max-width: 100%!important;
        width: 100%;
        text-align: left!important
    }
    .person-reviews .reviews-ratings .col-md-2 h5 {
        text-align: left!important
    }
    .person-reviews .single-person-review {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        /*flex-direction: column*/
    }
    .person-reviews .single-person-review .person-info .person-name {
        text-align: left!important;
        padding-top: 5px
    }
}

@media (max-width: 580px) {
    .search-header .display-4 {
        font-size: 25px!important
    }
    .user-listing-container>.container {
        padding-left: 15px!important;
        padding-right: 15px!important
    }
    #userview-tab * {
        font-size: 12px!important
    }
}

@media (max-width: 420px) {
    .person-reviews .single-person-review {
        flex-direction: column;
    }
}

#userview-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #ccc
}

#userview-tab .links {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#userview-tab .links a {
    border-bottom: 2px solid transparent;
    margin-bottom: -1px
}

#userview-tab .links a:hover {
    border-color: #FF5959
}

#userview-tab .links .active {
    border-color: #FF5959
}

#userview-tab .dropdown.show .dropdown-menu {
    display: block!important;
    left: unset!important;
    right: 0!important
}

#userview-tab .dropdown,
#userview-tab .dropdown-toggle {
    cursor: pointer
}

#userview-tab .dropdown-toggle:after,
#userview-tab .dropdown:after {
    display: none
}

#userview-tab .sort-filter .dropdown-toggle {
    padding: 10px 0;
    color: #FF5959
}

#userview-tab .sort-filter .dropdown-toggle>span {
    display: inline-block;
    padding-right: 10px
}


/* Blog Style Fixes (mobile) */

@media only screen and (max-width: 400px) {
    .latest-news .card .img {
        height: 215px;
        position: relative;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }

    .latest-news .card .info .date-container>span {
        padding: 15px 5px;
        margin: 0px;
        font-size: 14px;
        font-weight: unset;
    }
}

#cookiescript_link {
    display: none;
}

#cookiescript_buttons {
    justify-content: flex-end !important;
}



/* CUSTOM RADIO BUTTON */
.buttonWrapper [type="radio"]:checked,
.buttonWrapper [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.buttonWrapper [type="radio"]:checked + span,
.buttonWrapper [type="radio"]:not(:checked) + span
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #000;
}

.buttonWrapper [type="radio"]:checked + span:before,
.buttonWrapper [type="radio"]:not(:checked) + span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}

.buttonWrapper [type="radio"]:checked + span:after,
.buttonWrapper [type="radio"]:not(:checked) + span:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #2196F3;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.buttonWrapper [type="radio"]:not(:checked) + span:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.buttonWrapper [type="radio"]:checked + span:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* RECRUITER CARD (SEARCH PAGE AND HOME PAGE)  */
.searchResultWrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.searchResultWrapper .col {
    margin-right: -15px;
    flex: 0 0 21%;
    margin-bottom: 15px;
}

.top-rated-recruiters .searchResultWrapper .col:last-child {
    display: none;
}

.recruiterCardWrapper {
    /*border: 1px solid rgba(204, 404, 204, 0.5);*/
    box-shadow: -1px 2px 3px 1px #ccc;
    box-shadow: 0px 1px 4px 1px #ccc;
    border-radius: 1.50em;
    background-color: #fff;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}

.recruiterCardWrapper .premiumTag {
    font-size: 12px;
    color: #000;
    background: #F2B203;
    font-weight: 700;
    text-align: center;
    transform: rotate(45deg);
    position: absolute;
    top: 19px;
    right: -40px;
    width: 140px;
}

.recruiterCardWrapper .recruiterCardContent {
    margin: 15px 15px 10px 15px;
}

.recruiterCardWrapper .recruiterCardContent .profilePhoto {
    width: 119px;
    height: 119px;
    border-radius: 50%;
    border: 0px solid #FF5959;
    background-color: #FF5959;
    margin: 0px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.recruiterCardWrapper .recruiterCardContent .profilePhoto img.img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    border-radius: 50%;
}

.recruiterCardWrapper .recruiterCardContent .profilePhoto span.img {
    color: #fff;
    font-size: 40px;
}

.recruiterCardWrapper .recruiterCardContent .name {
    margin-top: 5px;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    letter-spacing: -0.0571429px;
    color: #202224;
    margin: 0px auto;
}

.recruiterCardWrapper .recruiterCardContent .location {
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    letter-spacing: -0.0571429px;
    color: #575757;
    height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 160px;
    text-align: center;
    margin: 0px auto;
    margin-top: -2px;
}

.recruiterCardWrapper .recruiterCardContent .ratings {
    margin-top: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.recruiterCardWrapper .recruiterCardContent .ratings img.stars {
    width: 16px;
    margin-right: 5px;
}

.recruiterCardWrapper .recruiterCardContent .ratings img.stars:last-child {
    margin-right: 0px;
}

.recruiterCardWrapper .recruiterCardContent .reviewCount {
    color: #6C778F;
    font-size: 11px;
    text-align: center;
    margin-top: 0px;
}

.recruiterCardWrapper .recruiterCardContent .industry {
    text-align: center;
    margin-top: 5px;
    height: 74px;
    overflow: hidden;
}

.recruiterCardWrapper .recruiterCardContent .industry span {
    border-radius: 0.80em;
    background-color: #d2f0fd !important;
    font-weight: normal;
    padding: 0.20em 15px;
    margin-left: 2px;
    font-weight: normal;
    font-size: 9px;
    line-height: 14px;
    text-align: center;
    letter-spacing: -0.0571429px;
    color: #5965D3;
    display: inline-block;
}

.recruiterCardWrapper .recruiterCardContent .links {
    text-align: center;
    margin-top: 5px;
    overflow: hidden;
}

.recruiterCardWrapper .recruiterCardContent .links a {
    border-radius: 25px;
    padding: 10px 11px;
    text-decoration: none;
    line-height: 16px;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    display: inline-block;
}

.recruiterCardWrapper .recruiterCardContent .links .message {
    border: 1px solid #FF5959;
    background: #FF5959;
    color: #fff;
    margin-bottom: 5px;
}

.recruiterCardWrapper .recruiterCardContent .links .viewProfile {
    border: 1px solid #FF5959;
    color: #FF5959;
}

/* RECRUITER PUBLIC PROFILE  */
.mainWrapper {
    background: #EBEEF1;
    padding: 23px 0px;
}

.contentWrapper {
    max-width: 1124px;
    margin: 0px auto;
}

.discoverRecruiters,
.rightContent {
    width: 322px;
    min-height: 400px;
    float: right;
    clear: none;
    margin-left: 22px;
}

.rightContent .sticky {
    background: none !important;
}

.discoverRecruiters,
.rightContent .rightDiscoverRecruiters {
    border-radius: 5px;
    width: 100%;    
    background: #fff;
    border: 1px solid #C4C4C4;
    padding: 24px 15px 15px;
    overflow: hidden;
    margin-bottom: 10px;
}

.rightContent .rightContentBanner {
    padding: 5px;
}

.discoverRecruiters {
    float: none;
    width: 100%;
    margin-left: 0px;
    border: 0px;
    padding: 25px;
    display: none;
    background: #fff;
    border: 1px solid #C4C4C4;
    padding: 24px 15px 15px;
}

.discoverRecruiters h5,
.rightContent h5 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 123.1%;
    color: #000000;
    margin-bottom: 16px;
}

.discoverRecruiters ul,
.rightContent ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.discoverRecruiters ul li,
.rightContent ul li {
    margin-bottom: 15px;
    overflow: hidden;
}

.discoverRecruiters ul li .profilePhoto,
.rightContent ul li .profilePhoto {
    width: 49px;
    height: 49px;
    border-radius: 50%;
    border: 0px solid #FF5959;
    background-color: #FF5959;
    margin: 0px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    margin-right: 16px;
}

.discoverRecruiters ul li .profilePhoto img.img,
.rightContent ul li .profilePhoto img.img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    border-radius: 50%;
}

.discoverRecruiters ul li .profilePhoto span.img,
.rightContent ul li .profilePhoto span.img {
    color: #fff;
}

.discoverRecruiters ul li .infoWrapper,
.rightContent ul li .infoWrapper {
    overflow: hidden;
}

.discoverRecruiters ul li .name a,
.rightContent ul li .name a {
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 123.1%;
    color: #000000;
}

.discoverRecruiters ul li .name a:hover,
.rightContent ul li .name a:hover {
    /*color: #FF5959;*/
    text-decoration: none;
}

.discoverRecruiters ul li .role,
.rightContent ul li .role {
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 123.1%;
    color: #000000;
    margin-bottom: 11px;
}

.discoverRecruiters ul li a.viewProfile,
.rightContent ul li a.viewProfile {
    font-weight: 600;
    font-size: 14px;
    line-height: 123.1%;
    color: #979797;
    padding: 6px 15px;
    display: inline-block;

    border: 2px solid #979797;
    box-sizing: border-box;
    border-radius: 25px;
}

.discoverRecruiters ul li a.viewProfile {
    padding: 10px 20px;
}

.mainContent {
    overflow: hidden;
}

.mainContent .m-container {
    margin: 0px 6px;
}

.mainContent .about-hero, 
.mainContent .completeProfile,
/*.mainContent .user-progress,*/ 
.mainContent .user-about-info,
.mainContent .big-video,
.mainContent .user-blog,
.mainContent .wiTalentwolfContentWrapper,
.mainContent .person-reviews {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    padding-bottom: 31px;
    margin-bottom: 10px;
}

.mainContent .user-progress {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
}

.mainContent .user-progress .m-container,
.mainContent .user-about-info .m-container {
    margin: 0px 12px;
}

.mainContent .about-hero {
    border-radius: 5px 5px 0px 0px;
}

.mainContent .completeProfile {
    border-top: 5px solid #FF5959;
    padding-top: 5px;
    padding-bottom: 22px;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 0.00547368px;
    color: #212145;
}

.mainContent .completeProfile h5 {
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 0.00547368px;
    color: #212145;
    margin-top: 22px;
    margin-bottom: 3px;
}

.mainContent .completeProfile p {
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 0.00547368px;
    color: #000000;
    margin: 0px;
}

.mainContent .completeProfile img.badge {
    float: left;
    margin-right: 7px;
    display: inline-block;
}

.mainContent .completeProfile .cta {
    text-align: right;
    margin-top: 15px;
}

.mainContent .completeProfile a {
    display: inline-block;
    padding: 12px 15px;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.00348325px;
    text-transform: uppercase;
    color: #FFFFFF;

    background: #FF5959;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.07);
    border-radius: 50px;
}

.mainContent .user-progress h5 { 
    margin-left: 8px;
}

.mainContent .user-progress .scoreWrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.scoreContent {
    flex: 1!important;
    display: flex;
    margin-bottom: 15px;
}

.star-ratings {
    padding-left: 7px;
}

.mainContent .user-progress .scoreWrapper .scoreContent .circleGraphWrapper {
    width: 56px; height: 56px;
    border-radius: 50%;
    position: relative;
    z-index: 1000;
    margin: 0px auto;
}

.mainContent .user-progress .scoreWrapper .scoreContent .circleGraphWrapper .circleGraphInner {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    position: absolute;
    top: 8px;
    left: 8px;
    background: #fff;
    z-index: 1002;
}

.mainContent .user-progress .scoreWrapper .scoreContent .circleGraphWrapper::before {
    content: '';
    display: block;
    margin-left: 50%;
    height: 100%;
    border-radius: 0 100% 100% 0 / 50%;
    background-color: inherit;
    transform-origin: left;
}

.mainContent .user-about-info {
    padding-top: 20px;
    padding-bottom: 0px;
}

.user-about-info .title {
    font-size: 16px;
    font-weight: 600 !important;
}

.mainContent .big-video {
    padding: 10px;
}

.mainContent .user-blog {
    padding: 17px 0px 16px;
}

.mainContent .wiTalentwolfContentWrapper {
    padding: 17px 20px 16px;
}

.mainContent .person-reviews {
    padding: 20px;
}

@media (max-width: 1124px) {
    .rightContent {
        display: none;
    }

    .discoverRecruiters {
        display: block;
    }

    .mainContent {
        margin: 0px 20px;
    }
}

@media (max-width: 1000px) {
    .big-video .m-container,
    .mainContent .wiTalentwolfContentWrapper {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (max-width: 991px) {
    .top-rated-recruiters .searchResultWrapper .col:nth-child(5) {
        display: none;
    }

    .searchResultWrapper .col {
        flex: 0 0 26%;
        margin-bottom: 15px;
    }

    .recruiterCardWrapper .recruiterCardContent .links a {
        padding: 10px 10px;
        font-size: 14px;
    }

    .recruiterCardWrapper .recruiterCardContent .industry {
        height: 70px;
    }

    .recruiterCardWrapper .recruiterCardContent .location,
    .recruiterCardWrapper .recruiterCardContent .industry span {
        max-width: 160px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
}

@media (max-width: 979px) {
    .recruiterCardWrapper .recruiterCardContent .links a {
        display: block;
    }
}

@media (max-width: 925px) {
    .top-rated-recruiters .searchResultWrapper .col:nth-child(5),
    .top-rated-recruiters .searchResultWrapper .col:last-child {
        display: block;
    }

    .searchResultWrapper .col {
        flex: 0 0 34%;
        margin-bottom: 15px;
    }

    .recruiterCardWrapper .recruiterCardContent .links a {
        display: inline-block;
    }
}

@media (max-width: 768px) {
    .person-reviews .nav-link {
        padding: 0.7rem 0px;
        font-size: 14px;
    }
}

@media (max-width: 748px) {
    .recruiterCardWrapper .recruiterCardContent .links a {
        display: block;
    }
}

@media (max-width: 688px) {
    .searchResultWrapper .col {
        flex: 0 0 50%;
        margin-bottom: 15px;
    }

    .recruiterCardWrapper .recruiterCardContent .links a {
        display: inline-block;
    }

/*    .mainContent .user-progress .scoreWrapper .scoreContent {
        flex: 0 0 33%;
    }*/
}

@media (max-width: 580px) {
    .user-about-info .experience-col {
        margin: 0px -15px;
    }

    .reviews-title-section {
        display: unset !important;
        text-align: center;
    }

    .write-review-button {
        margin: 0px auto;
        /*display: block;*/
    }
}

@media (max-width: 504px) {
    .searchResultWrapper .col {
        margin-right: -15px;
        flex: 0 0 53%;
    }

    .recruiterCardWrapper .recruiterCardContent .profilePhoto {
        height: 100px;
        width: 100px;
    }

    .recruiterCardWrapper .recruiterCardContent .industry {
        height: 45px;
    }

    .recruiterCardWrapper .recruiterCardContent .links a {
        padding: 5px 8px;
        font-size: 13px;
    }

    .mainContent .completeProfile h5,
    .mainContent .completeProfile p {
        text-align: left !important;
    }

    .mainContent .completeProfile .cta {
        text-align: center;
    }

    .user-about-info h5.title {
        text-align: left !important;
    }

    .reviews-tabs-container {
        overflow: hidden;
    }

    .reviews-tabs-container .row {
        display: block;
        overflow: hidden;
    }

    .reviews-tabs-container .row .nav-item {
        float: left;
        display: inline-block;
        padding: 0.7rem 10px;
        text-align: center;
        height: 60px;
    }

    .reviews-tabs-container .tabs-title {
        text-align: center;
    }

    .reviews-tabs-container .tabs-title div {
        margin: 0px auto;
    }

    .reviews-tabs-container .tabs-title div:last-child {
        display: none;
    }
}

@media (max-width: 478px) {
    .recruiterCardWrapper .recruiterCardContent .name {
        max-width: 140px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .recruiterCardWrapper .recruiterCardContent .location,
    .recruiterCardWrapper .recruiterCardContent .industry span {
        max-width: 140px;
    }

    .recruiterCardWrapper .recruiterCardContent .links a {
        padding: 10px 5px;
        font-size: 12px;
    }
}

@media (max-width: 425px) {
    .searchResultWrapper .col:nth-child(2n + 1) {
        margin-left: -15px;
    }

    .searchResultWrapper .col {
        flex: 0 0 55%;
    }

    .wiTalentwolf div.helpWrapper {
        display: block;
    }

    .wiTalentwolf div.helpWrapper div.help {
        width: 100%;
    }

    .about-hero .user-info .reviews-count span.viewReviewsDesktop {
        display: none;
    }

    .about-hero .user-info .viewReviewsMobile {
        display: block;
    }

    .mainContent {
        margin: 0px 10px;
    }
    
    .mainContent .user-progress h5 {
        font-size: 18px;
    }
    
    .mainContent .user-progress .scoreWrapper {
        justify-content: space-between;
    }
    
    .user-progress .single-progress-bar .right {
        margin-left: 12px;
        padding-top: 2px;;
    }   
    
    .user-progress .single-progress-bar .right .percent {
        font-size: 22px;
    }
    
    .user-progress .single-progress-bar .right .title {
        font-size: 9px;
    }
    
    .hidden-mobile {
        display: none;
    }
    
    .mainContent .user-progress h5 {margin: 0;}
}

@media (max-width: 406px) {
    .recruiterCardWrapper .premiumTag {
        top: 16px;
        right: -45px;
    }

    .recruiterCardWrapper .recruiterCardContent .name,
    .recruiterCardWrapper .recruiterCardContent .location,
    .recruiterCardWrapper .recruiterCardContent .industry span {
        max-width: 120px;
    }

    .recruiterCardWrapper .recruiterCardContent .links a {
        padding: 10px 4px;
        font-size: 11px;
    }
    
    .mainContent .user-progress h5 {
        font-size: 16px;
    }
    
    .mainContent .user-progress .scoreWrapper .scoreContent {
        margin-bottom: 15px;
    }
}

@media (max-width: 375px) {
    .recruiterCardWrapper .recruiterCardContent .links a {
        display: block;
    }

    .latest-news .card .img {
        height: 180px;
    }
    
    .mainContent .user-progress h5 {
        font-size: 15px;
    }
    
    .mainContent .user-progress .scoreWrapper .scoreContent .circleGraphWrapper {
        width: 40px; height: 40px;
    }

    .mainContent .user-progress .scoreWrapper .scoreContent .circleGraphWrapper .circleGraphInner {
        height: 28px;
        width: 28px;
        top: 6px;
        left: 6px;
    }
        
    .user-progress .single-progress-bar .right .percent {
        font-size: 20px;
    }
    
    .user-progress .single-progress-bar .right .title {
        font-size: 9px;
    }       
}

@media (max-width: 320px) {
    .mainContent .user-progress h5 {
        font-size: 17px;
    }
        
    .mainContent .user-progress .scoreWrapper .scoreContent .circleGraphWrapper {
        width: 42px; height: 42px;
    }

    .mainContent .user-progress .scoreWrapper .scoreContent .circleGraphWrapper .circleGraphInner {
        height: 30px;
        width: 30px;
        top: 6px;
        left: 6px;
    }
    
    .user-progress .single-progress-bar .right {
        margin-left: 0;
        padding-top: 0;
    }
    
    .user-progress .single-progress-bar .right .percent {
        font-size: 14px;
        margin-bottom: 2px;
    }
    
    .user-progress .single-progress-bar .right .title {
        font-size: 8px;
    }
    
    .star-ratings {
        padding:0;
    }
}

.noty_buttons button {
    margin-right: 5px;
}


/* QUICK VIEW REVIEW MODAL */
.quick-review-modal .modal-content {
    padding: 0 20px;
    font-family: "Titillium Web", sans-serif;
}

.quick-review-modal .person-name {
    font-size: 20px;
    font-weight: 600;
    color: black;
    margin-bottom: 0;
}

.quick-review-modal .single-person-review {
    padding-bottom: 30px;
    flex-direction: column;
}

.quick-review-modal .close {
    margin-top: -10px;
    margin-bottom: -25px;
    text-align: right;
    opacity: 1;
    z-index: 100;
    width: 17px;
    position: absolute;
    right: 20px;
    top: 20px;
}

.quick-review-modal .review-date {
    font-size: 15px;
    color: #6c757d;
}

.quick-review-modal .how-do-i-know {
    /*white-space: pre-line;*/
    color: #6c757d!important;
    overflow: hidden;
    margin-bottom: 40px;
}

.quick-review-modal .how-do-i-know div:nth-child(1) {
    float: left;
    overflow: hidden;
    margin-right: 10px;
}

.quick-review-modal .how-do-i-know div:nth-child(2),
.quick-review-modal .how-do-i-know span:nth-child(2) {
    overflow: hidden;
    white-space: pre-wrap;
}

.quick-review-modal .review-comment {
    margin-top: 15px;
    word-wrap: break-word;
    color: #6c757d!important;
    white-space: pre-wrap;
}

.quick-review-modal .person-info {
    flex-direction: column;
    align-items: flex-start !important;
    margin-top: -44px;
    margin-left: 65px;
}

.quick-review-modal .stars img {
    width: 16px;
    margin-right: 7px;
    border: none;
    background: none;
    height: inherit;
}

.quick-review-modal .go-to-review-btn,
.quick-review-modal .sendToAPI {
    float: right;
    font-size: 17px !important;
    padding: 7px 15px !important;
    margin-top: 15px;
    margin-right: 10px;
}

.quick-review-modal .rating-description {
    font-size: 14px;
    margin: 5px 0px 5px 0px;
}

.quick-review-modal .reviews-footer-text {
    font-size: 12px;
    color: #6c757d !important;
    margin-top: 5px;
}






.NPSInputWrapper {
    margin-top: 30px;
    background: rgba(242, 249, 255, 0.5);
    padding: 20px 10px;
    border-radius: 4px;
}

.NPSInputWrapper h3 {
    font-weight: bold;
    font-size: 18px;
    line-height: 123.1%;
    color: #37374A;
}

.NPSInputWrapper ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    justify-content: space-between;
}

.NPSInputWrapper ul li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    /*border: 1px solid #f00;*/
    width: 30px;
    margin-right: 1px;
    width: calc(10% - 1px);
}

.NPSInputWrapper ul li a {
    color: #FF8B58;
    border: 1px solid #FF8B58;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 13px;
}

.NPSInputWrapper ul li a.active,
.NPSInputWrapper ul li a:hover {
    color: #fff;
    background: linear-gradient(180deg, #FF8B58 0%, #FF5959 100%);
}

.NPSInputWrapper ul li a img {
    vertical-align: top;
    width: 12px;
    display: none;
}

.NPSInputWrapper .levelWrapper {
    width: 99%;
    overflow: hidden;
}

.NPSInputWrapper .levelWrapper .least {
    float: left;
    width: 30px;
    color: #6C778F;
    font-size: 12px;
    text-align: center;
}

.NPSInputWrapper .levelWrapper .most {
    float: right;
    width: 30px;
    color: #6C778F;
    font-size: 12px;
    text-align: center;
}


.info-detail-card a.upgrade {
    border-radius: 1.80em;
    background: #FF5959;
    border-radius: 25px;
    color: #fff;
    line-height: 16px;
    text-align: center;
    font-size: 12px;
    font-weight: 800;
    padding: 6px 12px;
    text-decoration: none;
}

/* New Recruiter dashboard design */
.recruiterDasboardWrapper {
    border: 0px solid #f00;
    margin-left: 77px;
    margin-right: 77px;
}

.recruiterDasboardWrapper h3 {
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    color: #37374A;
    margin-bottom: 0px;
}

.recruiterGreetingsWrapper {
    margin-bottom: 23px;
}

.recruiterGreetingsWrapper p {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}

.stepsWrapper h3,
.reviewsWrapper h3,
.overallScoreWrapper h3,
.teamRankingWrapper h3 {
    text-transform: uppercase;
    font-size: 16px;
}

.stepsWrapper {
    background-color: #D2E5F2;
    padding: 21px 28px 27px 29px;
    border-radius: 14px;
    /*max-width: 1000px;*/
    margin-bottom: 27px;
    position: relative;
}

.stepsWrapper .closeSteps {
    position: absolute;
    color: #000;
    top: 15px;
    right: 20px;
    text-decoration: none;
}

.stepsWrapper h3 {
    margin-bottom: 15px;
}

.stepsWrapper .stepsContent {
    display: flex;
    flex-wrap: wrap;
}

.stepsWrapper .steps {
    background: #FFFFFF;
    border: 0.3px solid #B9B9B9;
    box-sizing: border-box;
    border-radius: 14px;

    padding: 19px 14px 18px 14px;
    margin-right: 8px;
    text-align: center;
    color: #000000;
    flex: 0 0 calc((100% - 30px) / 4);
}

.stepsWrapper .steps:last-child {
    margin-right: 0px;
}

.stepsWrapper .steps .stepNumber {
    font-weight: bold;
    font-size: 25px;
    line-height: 37px;
}

.stepsWrapper .steps .stepDesc {
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    margin-bottom: 24px;
}

.stepsWrapper .steps .stepButton a {
    display: inline-block;
    padding:  13px 39px 12px 39px;
    background-color: #37374A;
    border-radius: 100px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
    text-decoration: none;
}

.reviewsWrapper {
    margin-bottom: 14px;
}

.reviewsWrapper .table-responsive {
    border-radius: 10px;
    background: #fff;
    padding-bottom: 14px;
}

.reviewsWrapper .table-responsive #list-table_wrapper,
.reviewsWrapper .table-responsive table.dataTable#list-table {
    margin: 0px !important;
}

.reviewsButtonWrapper {
    text-align: center;     
}

.reviewsButtonWrapper a {
    background: #FF5959;
    border-radius: 100px;
    display: inline-block;
    padding:  12px 22px 13px 22px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
}

.overallScoreWrapper,
.teamRankingWrapper {
    padding: 31px 52px;
    background: #0099FF;
    border-radius: 10px;
    margin-bottom: 11px;
    position: relative;
}

.teamRankingWrapper {
    background: #13B4BC;
    margin-bottom: 50px;
}

.overallScoreWrapper h3,
.teamRankingWrapper h3 {
    margin: 0px 0px 29px 0px;
    color: #fff;
}

.overallScoreWrapper a.askForReview {
    display: inline-block;
    padding: 12px 22px;
    background: #fff;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #0099FF;
    border-radius: 100px;
    position: absolute;
    top: 24px;
    right: 20px;
    text-decoration: none;
}

.overallScoreWrapper .overallScoreContent,
.teamRankingWrapper .overallScoreContent {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.overallScoreWrapper .overallScoreContent .ratingsWrapper {
    margin-top: 12px;
    margin-left: 25px;
}

.overallScoreWrapper .overallScoreContent .ratingsWrapper .stars img {
    width: 16px;
}

.overallScoreWrapper .overallScoreContent .ratingsWrapper .reviewCount {
    font-size: 12px;
    line-height: 163.42%;
    color: #fff;
    padding: 0px 11px;
    width: max-content;
    font-weight: 600;
}

.overallScoreWrapper .overallScoreContent .ratingsWrapper .reviewCount b {
    font-weight: 800;
    font-size: 13px;
}

.overallScoreWrapper .overallScoreContent > div,
.teamRankingWrapper .overallScoreContent > div {
    border: 0px solid #f00;
    width: 33%;
}

.overallScoreWrapper .overallScoreContent > div:first-child,
.teamRankingWrapper .overallScoreContent > div:first-child {
    text-align: center;
}

.overallScoreWrapper .overallScoreContent .osTitle,
.teamRankingWrapper .overallScoreContent .osTitle {
    padding: 5px 14px 7px 14px;
    color: #fff;
    background: #FF5959;
    font-size: 12px;
    line-height: 18px;
    display: inline-block;
    border-radius: 100px;
    margin-top: 28px;
}

.overallScoreWrapper .overallScoreContent .score,
.teamRankingWrapper .overallScoreContent .score {
    font-weight: bold;
    font-size: 36px;
    line-height: 54px;
    color: #FFFFFF;
    margin-left: 20px;
}

.overallScoreWrapper .overallScoreContent .compareYesterday,
.teamRankingWrapper .overallScoreContent .compareYesterday {
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 15px;
    color: #FFFFFF;
    margin-left: 20px;
    margin-bottom: 7px;
}

.overallScoreWrapper .overallScoreContent .compareYesterday span.up,
.teamRankingWrapper .overallScoreContent .compareYesterday span.up {
    color: #23FFDE;
}

.overallScoreWrapper .overallScoreContent .compareYesterday span.down,
.teamRankingWrapper .overallScoreContent .compareYesterday span.down {
    color: #FFC8C8;
}

.overallScoreWrapper .overallScoreContent .compareYesterday span.zero,
.teamRankingWrapper .overallScoreContent .compareYesterday span.zero {
    color: #FBFF23;
}

.overallScoreWrapper .overallScoreContent .description,
.teamRankingWrapper .overallScoreContent .description {
    font-size: 12px;
    line-height: 163.42%;
    color: #FFFFFF;
    margin-bottom: 15px;
    margin-left: 20px;
}

.nonPremiumUserWarning {
    background: #D4EAF6;
    padding: 18px;
    border: 0.3px solid #B9B9B9;
    margin-top: 22px;
    border-radius: 10px;
    text-align: center;
}

.nonPremiumUserWarning p {
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: #000000;
}

.nonPremiumUserWarning p.red {
    font-weight: 500;
    font-size: 15px;
    color: #FF5959;     
}

.nonPremiumUserWarning a,
.replyReviewFormWrapper .buttonWrapper a {
    display: inline-block;
    background: #FF5959;
    border-radius: 100px;
    font-weight: 500;
    font-size: 11px;
    line-height: 16px;
    color: #FFFFFF;
    padding: 13px 29px 12px 28px;
    margin-top: 17px;
    text-decoration: none;
}

.replyReviewFormWrapper p {
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #FF5959;
    margin: 0px;
    margin-top: 12px;
}

.replyReviewFormWrapper textarea {
    padding: 15px 16px;
    height: 111px;
    border-radius: 5px;
    border: 0.4px solid #757373;
    margin: 0px;
    margin-top: 8px;
    width: 92%;
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 20px;
    color: #979797;
    outline: none;
    resize: none;
}

.replyReviewFormWrapper .buttonWrapper {
    text-align: right;
}

.replyReviewFormWrapper .buttonWrapper a {
    margin: 0px;
}

@media (max-width: 1250px) {
    .overallScoreContent > div {
        flex: 0 0 50%;
    }

    .overallScoreContent > div:last-child {
        margin-left: auto;
    }
}

@media (max-width: 1400px) {
    .recruiterDasboardWrapper {
        margin: 0px 15px;
    }
}

@media (max-width: 1137px) {
    .stepsContent .steps {
        flex: 0 0 49%;
        margin-bottom: 8px;
    }

    .stepsContent .steps:nth-child(2n) {
        margin-right: 0px;
    }
}

@media (max-width: 1050px) {
    .overallScoreContent > div {
        flex: 0 0 100%;
        text-align: center;
    }

    .overallScoreContent > div:last-child {
        margin-left: unset;
    }

    .overallScoreWrapper .overallScoreContent .score,
    .teamRankingWrapper .overallScoreContent .score,
    .overallScoreWrapper .overallScoreContent .compareYesterday,
    .teamRankingWrapper .overallScoreContent .compareYesterday,
    .overallScoreWrapper .overallScoreContent .description,
    .teamRankingWrapper .overallScoreContent .description {
        margin-left: 0px;
    }
}

@media (max-width: 525px) {
    .stepsContent .steps {
        flex: 0 0 100%;
        margin-right: 0px;
    }

    .overallScoreWrapper a.askForReview {
        display: none;
    }
}


/* COMPANY PUBLIC PAGE */
.companySectionTitle {
    font-weight: bold;
    font-size: 25px;
    line-height: 123.1%;
    color: #37374A;
}

.companyProfileHeader {
    border: 0px solid #f00;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 13px;
}

.companyProfileHeader .bannerWrapper {
    padding-top: 28%;
    width: 100%;
    position: relative;
    background-color: #fff;
    background-image: url('/images/tw_default_profile_banner.jpg');
    background-size:cover;
    background-position: center center;
}

.companyProfileHeader .bannerWrapper .companyLogo {
    height: 156px;
    width: 156px;
    border-radius: 50%;
    border: 4px solid #FF5959;
    position: absolute;
    bottom: -40px;
    left: 26px;
    background-color: #fff;
}

.companyProfileHeader .bannerWrapper .companyLogo img.check {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 36px;
    height: 36px;
}

.companyProfileHeader .bannerWrapper .buttonWrapper {
    position: absolute;
    right: 0px;
    bottom: 0px;
    padding: 9px 18px;
}

.companyProfileHeader .bannerWrapper .buttonWrapper a {
    display: inline-block;
    padding: 7px 10px;
    color: #fff;
    background-color: #C4C4C4;
    text-transform: uppercase;
    border-radius: 50px;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 123.1%;
}

.companyProfileHeader .companyDetails {
    padding: 43px 22px 17px 22px;
}

.companyProfileHeader .companyDetails h1 {
    font-weight: bold;
    font-size: 40px;
    line-height: 123.1%;
    color: #37374A;
    margin-bottom: 6px;
}

.companyProfileHeader .companyDetails p.tagline {
    font-weight: 600;
    font-size: 20px;
    line-height: 123.1%;
    color: #37374A;
    margin: 0px 0px 15px 0px;
}

.companyProfileHeader .companyDetails .reviewsAndRatings {
    margin-bottom: 16px;
}

.companyProfileHeader .companyDetails .reviewsAndRatings .stars,
.companyProfileHeader .companyDetails .reviewsAndRatings .reviewCount {
    display: inline-block;
}

.companyProfileHeader .companyDetails .reviewsAndRatings .stars {
    margin-right: 5px;
}

.companyProfileHeader .companyDetails .reviewsAndRatings .stars img.stars {
    margin-right: 7px;
}

.companyProfileHeader .companyDetails .reviewsAndRatings .reviewCount {
    margin-top: 5px;
}

.companyProfileHeader .companyDetails .reviewsAndRatings .reviewCount a {
    font-weight: bold;
    font-size: 17px;
    line-height: 123.1%;
    text-align: center;
    color: #37374A;
}

.companyProfileHeader .companyDetails .location {
    font-size: 15px;
    line-height: 123.1%;
    color: #37374A;
    margin-bottom: 21px;
}

.companyProfileHeader .companyDetails .buttonWrapper {
}

.companyProfileHeader .companyDetails .buttonWrapper a {
    display: inline-block;
    margin-right: 13px;
    padding: 25px 0px;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.07);
    border-radius: 50px;
    border: 1px solid #FF5959;

    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.00348325px;
    text-transform: uppercase;
    width: 197px;
    text-align: center;
}

.companyProfileHeader .companyDetails .buttonWrapper a.readReviews {
    color: #fff;
    background-color: #FF5959;
}

.companyProfileHeader .companyDetails .buttonWrapper a.contactUs {
    color: #FF5959;
    background-color: #FFF6F6;
}

.companySectionWrapper.user-progress {
    border-top: 3px solid #FF5959;
}

.companySectionWrapper {
    background-color: #fff;
    border-radius: 5px;
    padding: 16px 22px;
    margin-bottom: 13px;
    overflow: hidden;
}

.companySectionWrapper .companyRatings {
    margin-top: 24px;
}

.companySectionWrapper .aboutWrapper {
    overflow: hidden;
}

.companySectionWrapper .aboutWrapper .aboutContent {
    margin-top: 17px;
    font-weight: normal;
    font-size: 16px;
    line-height: 123.1%;
    color: #000000;
}

.companySectionWrapper .aboutWrapper .whyChoose {
    background: #F2F9FF;
    border-radius: 5px; 
    padding: 10px;
    margin-top: 20px;
}

.companySectionWrapper .aboutWrapper .whyChoose .whyChooseTitle {
    font-weight: bold;
    font-size: 16px;
    line-height: 123.1%;
    color: #000000;
    margin-bottom: 10px;
}

.companySectionWrapper .aboutWrapper .whyChoose p {
    font-weight: normal;
    font-size: 16px;
    line-height: 123.1%;
    color: #000000;
}

.companySectionWrapper .specializationsWrapper {
    float: right;
    width: 200px;
    margin-left: 20px;
}

.companySectionWrapper .specializationsWrapper.specializationsWrapperBottom {
    border: 0px solid #f00;
    float: none;
    width: 100%;
    margin-left: 0px;
    margin-top: 20px;
    display: none;
}

.companySectionWrapper .specializationsWrapper .specializationsTitle {
    font-size: 16px;
    font-weight: 600 !important;
}

.companySectionWrapper .specializationsWrapper ul {
    padding: 10px 0px 0px 10px;
    margin: 0px;
    list-style: none;
}

.companySectionWrapper .specializationsWrapper ul li {
    display: inline-block;
}

.companySectionWrapper .specializationsWrapper ul li a {
    display: inline-block;
    background: #D5EFFE;
    color: #5965D3;
    padding: 10px 15px;
    font-weight: 700;
    border-radius: 20px;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 12px;
}

.galleryContent {
    overflow: hidden;
    margin-top: 13px;
}

.galleryContent .youtube,
.galleryContent .images {
    border: 1px solid #F2F9FF;
    overflow: hidden;
    float: left;
    background-color: #F2F9FF;
}

.galleryContent .youtube {
    width: 60%;
    padding-top: 33%;
    margin-right: 5px;
    margin-bottom: 5px;
}

.galleryContent .image01 {
    height: 245px;
    margin-bottom: 5px;
    width: 37%;
}

.galleryContent .image02 {
    clear: both;
    width: 35%;
    margin-right: 5px;
    height: 180px;
}

.galleryContent .image03 {
    height: 180px;
    width: 24%;
    margin-right: 5px;
}

.galleryContent .image04 {
    height: 180px;
    width: 37.3%;
}

.reviewWrapper {
    margin-top: 18px;
    margin-left: -22px;
    margin-right: -22px;
}

.reviewWrapper ul.reviewsTab {
    list-style: none;
    padding: 0px;
    margin: 0px;
    margin-bottom: 12px;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
}

.reviewWrapper ul.reviewsTab li {
    display: inline-block;
}

.reviewWrapper ul.reviewsTab li a {
    color: #5C5C5C;
    padding: 25px 23px 12px 23px;
    display: inline-block;
}

.reviewWrapper ul.reviewsTab li a.active {
    border-bottom: 2px solid #FF5959;
    color: #FF5959;
}

.reviewWrapper .cReviews, .eReviews {
    display: none;
}

.reviewWrapper .aReviewsPage,
.reviewWrapper .cReviewsPage,
.reviewWrapper .eReviewsPage {
    display: none;
}

.reviewsPagination {
    text-align: right;
}

.reviewsPagination ul {
    padding: 10px;
    margin: 0px;
}

.reviewsPagination ul li {
    display: inline-block;
    margin-right: 0px;
}

.reviewsPagination ul li a {
    color: #5C5C5C;
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #5C5C5C;
    border-radius: 5px;
}

.reviewContent {
    padding: 17px 11px;
    margin: 6px;
    background: #FFFFFF;
    border: 1px solid #CED4DA;
    border-radius: 12px;
    overflow: hidden;
}

.reviewContent .avatar {
    height: 52px;
    width: 52px;
    background: #F2F9FF;
    border: 1px solid #CFE8F2;
    box-sizing: border-box;
    border-radius: 50%;
    float: left;
    margin-right: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    overflow: hidden;
}

.reviewContent .avatar span {
    font-size: 16px;
    line-height: 80px;
    color: #5C5C5C;
    width: 100%;
}

.reviewContent .avatar img {
    border-radius: 50%;
    max-width: 50px;
    min-width: 50px;
    padding: 0px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 50px;
}

.reviewContent .reviewContentMain {
    overflow: hidden;
}

.reviewContent .reviewContentMain .ratingsAndDate {
    padding: 5px 0px;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    align-items: center;
    color: rgba(0, 0, 0, 0.6);
    margin-bottom: 5px;
}

.reviewContent .reviewContentMain .ratingsAndDate .stars,
.reviewContent .reviewContentMain .ratingsAndDate .date {
    display: inline-block;
}

.reviewContent .reviewContentMain .name {
    font-weight: normal;
    font-size: 17px;
    line-height: 20px;
    color: #000000;
    margin-bottom: 10px;
}

.reviewContent .reviewContentMain .name a {
    color: #000000;
}

.reviewContent .reviewContentMain .comment {
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
    color: #5C5C5C;
    word-wrap: break-word;
    margin-bottom: 7px;
}

.reviewContent .reviewContentMain .know {
    font-size: 14px;
}

.reviewContent .reviewContentMain .know b {
    margin-right: 5px;
}

.reviewContent .reviewContentMain hr {
    margin: 6px 0px;
}

.reviewContent .reviewContentMain p.reviewFooter {
    font-style: italic;
    font-weight: 300;
    font-size: 10px;
    line-height: 16px;
    display: flex;
    align-items: center;
    color: #979797;
    margin: 0px;
}

.companyRecruiterPage {
    display: none;
}

.companySectionWrapper .searchResultWrapper {
    padding: 20px 0px 0px 0px;
    margin: 10px -22px 0px;
    border-top: 1px solid #E5E5E5;
}

.companySectionWrapper .searchResultWrapper .col {
    flex: 0 0 26.5%;
}

.video-banner {
    width: 100%;
    height: 0;
    /*padding-bottom: 56.25%;*/
    position: relative;
    overflow: hidden;
}

.video-banner iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mainContent .big-video {
    padding: 10px 5px;
    margin: 0px;
    margin-bottom: 10px;
}

.shareSocMed {
    list-style: none;
    padding: 0px;
    margin-bottom: 0px;
    display: none;
}

.shareSocMed.show {
    display: inline-block;
}

.shareSocMed li {
    display: inline-block;
}

.shareSocMed li a {
    display: inline-block !important;
    padding: 5px 10px !important;
    /*background-color: transparent !important;*/
}

.shareSocMed li a svg {
    width: 16px !important;
    font-size: 18px;
}

@media only screen and (max-width: 768px) {
    .companySectionWrapper .specializationsWrapper.specializationsWrapperRight {
        display: none;
    }

    .companySectionWrapper .specializationsWrapper.specializationsWrapperBottom {
        display: block;
    }
}

@media only screen and (max-width: 720px) {
    .companySectionWrapper .searchResultWrapper .col {
        flex: 0 0 50.5%;
    }
}

@media only screen and (max-width: 694px) {
    .companySectionWrapper .searchResultWrapper .col:nth-child(2n) {
        margin-right: 0px;
    }

    .companySectionWrapper .searchResultWrapper .col .recruiterCardWrapper .recruiterCardContent .links a {
        display: block;
    }
}

@media only screen and (max-width: 603px) {
    .reviewWrapper ul.reviewsTab li a {
        padding: 5px 10px;
    }
}

@media only screen and (max-width: 508px) {
    .companyDetails .buttonWrapper {
        display: flex;
    }

    .companyDetails .buttonWrapper a {
        width: 50% !important;
    }

    .companyDetails .buttonWrapper a:nth-child(2) {
        margin-right: 0px;
    }
}

@media only screen and (max-width: 603px) {
    .reviewWrapper ul.reviewsTab li a {
        font-size: 14px;
    }
}

@media only screen and (max-width: 500px) {
    .companyDetails .reviewsAndRatings,
    .companyDetails .location {
        text-align: center;
    }

    .bannerWrapper .companyLogo {
        width: 100px !important;
        height: 100px !important;
        margin-left: auto;
        margin-right: auto;
        left: 0 !important;
        right: 0;
        text-align: center;
    }

    .companyProfileHeader .bannerWrapper .companyLogo img.check {
        position: absolute;
        top: 4px;
        right: 2px;
        width: 24px;
        height: 24px;
    }

    .whyChoose p {
        text-align: left !important;
    }
    
    .about-hero .user-details-col {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 472px) {
    .reviewWrapper ul.reviewsTab li a span {
        display: none;
    }

    .reviewContent .reviewContentMain .ratingsAndDate {
        display: unset;
        margin-bottom: 50px;
    }

    .reviewContent .reviewContentMain .ratingsAndDate div.stars {
        margin-bottom: 5px;
    }

    .reviewContent .reviewContentMain .ratingsAndDate div.stars, 
    .reviewContent .reviewContentMain .ratingsAndDate .date {
        display: block;
    }

    .reviewContent .reviewContentMain .ratingsAndDate .date {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 425px) {
    .companyProfileHeader .bannerWrapper .buttonWrapper a {
        font-size: 10px;
    }

    .companySectionWrapper .searchResultWrapper .col:nth-child(2n + 1) {
        margin-left: 0px;
    }
}

@media only screen and (max-width: 382px) {
    .reviewWrapper ul.reviewsTab li a {
        font-size: 12px;
    }

    .companySectionWrapper .searchResultWrapper .col {
        flex: 0 0 100%;
    }
}

#claimProfileViaEmail {
    position: relative;
}

#claimProfileViaEmail .cpOverlay {
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

#claimProfileViaEmail .xClaimProfile {
    display: block;
    width: 100%;
}

.claimableProfileWrapper {
    text-align: center;
    margin-top: 20px;
    display: block;
    width: 100%;
}

.claimableProfileWrapper h1 {
    font-size: 25px;
    font-weight: 600;
}

.claimableProfileWrapper .claimableProfileText {
    margin: 0px auto;
}

.claimableProfileWrapper .claimableProfileText span {
    display: block;
    font-weight: 500;
}

.claimableProfileWrapper .claimButton {
    display: inline-block;
    border-radius: 35px;
    font-size: 14px;
    font-weight: bold;
    padding: 18px 30px;
    line-height: 26px;
    text-align: center;
    background: #33E3E6;
    color: #fff;
    margin-top: 20px;
}

@media only screen and (max-width: 602px) {
    .claimableProfileWrapper .claimableProfileText span {
        display: inline;
    }
}

@media only screen and (max-width: 475px) {
    .claimableProfileWrapper .claimButton {
        display: block;
        margin-left: 15px;
        margin-right: 15px;
    }
}

.mpc-title {
    text-transform: uppercase;
    color:#4c4c4c!important;
    font-size:15px!important;
    margin-bottom:10px!important;
    text-align: center!important;
}
.mpc-links {
    margin-bottom:24px!important;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.mpc-links a {
    font-size:15px!important;
    color:gray;
    text-decoration: underline;
    padding-left:10px;    
}

.edit-icon-profile {
    position: relative;
    top: -52px;
    left: 48px;
}