.clients_logo_wrap_main {
    display: flex;
    align-items: center;
    overflow: hidden;
    background-color: #FAFAFA;
    backdrop-filter: blur(25px);
    box-shadow: 0px 6.16px 30.81px 0px rgba(187, 187, 187, 0.3019607843);
    padding: 17px 0;
    margin-bottom: 50px;
}
.clients_logo_wrap_main .left_trustedtile {
    flex: 0 0 auto;
    padding: 0 80px;
}
.clients_logo_wrap_main .left_trustedtile h3 {
    font-size: 30px;
    font-weight: 300;
    margin: 0;
}
.left_trustedtile .counttexts {
    font-size: 40px;
    font-weight: 700;
    color: var(--orange_color);
    margin: 0;
}
.clients_logo_wrap {
    overflow: hidden;
}
.clients_logo_row {
    justify-content: left;
    -webkit-animation: swipe_logos 30s linear infinite backwards;
    -moz-animation: swipe_logos 30s linear infinite backwards;
    -ms-animation: swipe_logos 30s linear infinite backwards;
    -o-animation: swipe_logos 30s linear infinite backwards;
    animation: swipe_logos 30s linear infinite backwards;
    margin-left: 0;
    margin-right: 0;
}
.clients_logo_colm {
    padding-left: 5px;
    padding-right: 5px;
}
.clients_logo_item {
    width: 220px;
    height: 70px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.clients_logo_item img {
    width: 180px;
    max-height: 100%;  
}

.bnr_clients_logo_wrapper .clients_logo_wrap_main {
    background-color: transparent;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 5%, #ffffff05 35.1%, #ffffff03 61.06%, rgba(255, 255, 255, 0) 95%);
    backdrop-filter: none;
    box-shadow: none;
    margin-bottom:0;
}
.bnr_clients_logo_wrapper .clients_logo_item img {
    filter: brightness(0) invert(1);
}
@media screen and (max-width:1600px) {
    .clients_logo_item {
        height: 60px;
    }
    .clients_logo_item img {
        width: 160px;
    }
}

@media screen and (max-width:1399px) {
    .clients_logo_item {
        width: 160px;
        height: 50px;
    }
    .clients_logo_item img {
        width: 140px;
    }
    .clients_logo_wrap_main .left_trustedtile h3 {
        font-size: 24px;
    }
    .clients_logo_wrap_main .left_trustedtile {
        padding: 0 60px;
    }
    .left_trustedtile .counttexts {
        font-size: 36px;
    }
}
@media screen and (max-width:767px) {
    .clients_logo_wrap_main {
        flex-wrap: wrap;
    }
    .clients_logo_wrap_main .left_trustedtile {
        flex: 0 0 auto;
        padding: 0 15px 15px;
        width: 100%;
        text-align: center;
    }
    .clients_logo_wrap {
        overflow: hidden;
        width: 100%;
    }
}


/*==================== common component css start ==================*/
/*================ how to ensure css start ===========*/
.cmn_how_ensure_code_quality_sec {
    background: linear-gradient(to left, #F4F5F8 50%, #ffffff 50%);
}
.cmn_how_ensure_code_quality_sec .left_textcolm {
    padding-top: 80px;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.cmn_how_ensure_code_quality_sec .headingbox {
    width: 100%;
    padding-left: 100px;
    padding-right: 40px;
    padding-bottom: 20px;
}
.how_ensure_code_quality_img_wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.how_ensure_code_quality_img {
    width: 100%;
}
.how_ensure_code_quality_img img {
   width: 100%;
}
.how_ensure_code_quality_accordion {
    padding: 80px 100px 80px 50px;
}
.how_ensure_code_quality_accordion .items {
    padding: 30px 0;
    border-bottom: 1px solid #BBBBBB;
}
.how_ensure_code_quality_accordion .item_titles {
    font-size: 24px;
    line-height: 28px;
    text-transform: capitalize;
    margin-bottom: 0;
}
.how_ensure_code_quality_accordion .content_body {
    padding-top: 30px;
}
.how_ensure_code_quality_accordion ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.how_ensure_code_quality_accordion ul li {
    margin-bottom: 20px;
    position: relative;
    padding-left: 30px;
    color: #777777;
}
.how_ensure_code_quality_accordion ul li:before {
    position: absolute;
    content: "\f058";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    left: 0;
    top: 0;
    color: var(--orange_color);
}
/*================ how to ensure css start ===========*/
/*================ Freelancer table css start ===========*/
.cmn_hire_freelancer_tbl_dv {
    border: 1px solid #d9d9d9;
    border-radius: 16px;
    overflow: hidden;
}
.cmn_hire_freelancer_tbl {
    margin-bottom: 0px;
}
.cmn_hire_freelancer_tbl thead tr th, .cmn_hire_freelancer_tbl tbody tr td {
    width: 25%;
    text-align: center;
    font-size: 18px;
    padding: 22px 5px;
    border: 1px solid #d9d9d9;
}
.cmn_hire_freelancer_tbl thead tr th {
    background: #FFDFD5;
    color: #333333;
    border-bottom: none;
    font-weight: 600;
}
.cmn_hire_freelancer_tbl tbody tr:nth-child(even) td {
    background: #f1f1f1;
}
.cmn_hire_freelancer_tbl tbody tr td:first-child {
    min-width: 200px;
}
.cmn_hire_freelancer_tbl tbody tr:nth-child(n+6) {
    display: none;
}
.cmn_hire_freelancer_tbl.showrows tbody tr:nth-child(n+6) {
    display: table-row;
}
.f_tbl_view_more_btn .lesstext {
    display: none;
}
.f_tbl_view_more_btn.active .lesstext {
    display: block;
}
.f_tbl_view_more_btn.active .moretext {
    display: none;
}
/*================ Freelancer table css start ===========*/
/*==================== How hire process step start ==================*/
.cmn_how_hire_process_sec {
    background: linear-gradient(to left, #fbfbfb 50%, #1c1c1c 50%);
    position: relative;
}
.how_hire_process_right_dv {
    padding-left: 30px;
}
.how_hire_process_leftdv .hire_sec_heading_left {
    margin-bottom: 80px;
}
.cmn_hite_step_sec_lst {
    position: relative;
    margin-bottom: 20px;
}
.cmn_hite_step_sec_lst .step_wraps {
    width: 60%;
}
.cmn_hite_step_sec_lst .step_icon {
    flex: 0 0 auto;
    width: 115px;
    position: relative;
}
.cmn_hite_step_sec_lst .step_icon img {
    width: 89px;
}
.cmn_hite_step_sec_lst .step_icon:after {
    flex: 0 0 auto;
    width: 115px;
    position: relative;
}
.cmn_hite_step_sec_lst .step_icon:before {
    content: "";
    background: url(https://hiredeveloper.dev/wp-content/uploads/2025/07/step-curveshape_icon_new.svg) no-repeat center;
    width: 43px;
    position: absolute;
    bottom: -55px;
    left: 49px;
    background-size: 100%;
    height: 100%;
    transform: rotate(116deg);
    -webkit-transform: rotate(116deg);
    -moz-transform: rotate(116deg);
    -ms-transform: rotate(116deg);
    -o-transform: rotate(116deg);
}
.cmn_hite_step_sec_lst .step_icon .step_icon img {
    width: 89px;
}

.cmn_hite_step_sec_lst .step_desc_info {
    flex: 1;
}
.cmn_hite_step_sec_lst .step_badge {
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
    background: #fff;
    color: var(--orange_color);
    padding: 4px 10px;
    border-radius: 2em;
    margin-bottom: 0;
    text-decoration: none;
    font-weight: 500;
    letter-spacing: 1px;
    border: 1px solid;
}
.cmn_hite_step_sec_lst .steptitle {
    font-size: 24px;
    text-transform: capitalize;
    margin: 10px 0;
    line-height: 28px;
    font-weight: 500;
}
.cmn_hite_step_sec_lst .step_para {
    font-size: 18px;
    line-height: 22px;
}
.cmn_hite_step_sec_lst:nth-child(odd) {
    justify-content: flex-end;
}
.cmn_hite_step_sec_lst:nth-child(even) .step_wraps {
    flex-direction: row-reverse;
}
.cmn_hite_step_sec_lst:nth-child(even) .step_wraps .step_icon {
    text-align: right;
}
.cmn_hite_step_sec_lst:nth-child(even) .step_wraps .step_icon:before {
    width: 43px;
    bottom: -60px;
    left: 22px;
    transform: none;
}
.cmn_hite_step_sec_lst:last-child .step_icon:before {
    display: none;
}
/*==================== How hire process step End ==================*/
/*====================  hire developer profile  section start ==================*/
.cmn_hire_developer_profile_card {
    padding: 70px 10px;
    text-align: center;
    height: 100%;
    border: 1px solid #BBBBBB;
    transition: all 0.3s ease-in-out;
    background: transparent;
}
.cmn_hire_developer_profile_card .prof_name {
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 15px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 24px;
    line-height: 28px;
}
.cmn_hire_developer_profile_card .prof_amount {
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 15px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 24px;
    line-height: 28px;
}
.cmn_hire_developer_profile_card .prof_name::after, .cmn_hire_developer_profile_card .prof_amount::after {
    content: "";
    clear: both;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 182px;
    height: 1px;
    background: #BBBBBB;
}
.cmn_hire_developer_profile_card .prof_exprience {
    position: relative;
    margin: 0px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 20px;
    line-height: 24px;
}
/*====================  hire developer profile  section End ==================*/
/*====================  hire why client logo section start ==================*/

.cmn_hire_why_client_logo_Sec .left_textcolm ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.cmn_hire_why_client_logo_Sec .left_textcolm ul li {
    color: #fff;
    margin-bottom: 16px;
    display: flex;
    flex-wrap: wrap;
}

.cmn_hire_why_client_logo_Sec .left_textcolm ul li i {
    flex: 0 0 auto;
    font-size: 18px;
    margin-top: 3px;
    margin-right: 10px;
}
.cmn_hire_why_client_logo_Sec .left_textcolm ul li img {
    flex: 0 0 auto;
    width: 18px;
    margin-top: 3px;
    margin-right: 10px;
}
.cmn_hire_why_client_logo_Sec .left_textcolm ul li .texts {
    flex: 1;
}

.cmn_hire_why_client_logo_Sec .rightcolms {
    padding-left: 30px;
}
.cmn_hire_awards_certif_sec {

}
.cmn_hire_awards_certif_sec .awardtitle {
    color: #fff;
    margin-bottom: 30px;
}
.cmn_hire_awards_certif_row {
    margin-left: -8px;
    margin-right: -8px;
}
.cmn_hire_awards_certif_row .awards_col {
    padding-left: 8px;
    padding-right: 8px;
    width: 20%;
    margin-bottom: 20px;
}
.cmn_hire_awards_certif_row .awards_bx {
    width: 100%;
    padding: 12px;
    border: 1px solid #494949;
    height: 68px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--black_color_2);
    border-radius: 4px;
    transition: all ease-in 0.25s;
    -webkit-transition: all ease-in 0.25s;
    -moz-transition: all ease-in 0.25s;
}
.cmn_hire_awards_certif_row .awards_bx img {
    max-height: 42px;
}
.cmn_hire_awards_certif_row .awards_bx:hover {
   border-color: var(--orange_color);
}


.cmn_logo_marquee_row_wrap {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}
.cmn_logo_marquee_row {
    margin-bottom: 20px;
}
.cmn_logo_marquee_row .marquee_colms {
    padding: 0 5px;
}
.cmn_logo_marquee_row .marquee_items {
    width: 180px;
    height: 70px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border: 1px solid #494949;
    background: var(--black_color_2);
}
.cmn_logo_marquee_row .marquee_items img {
    width: 100%;
    max-height: 100%;
    filter: brightness(0) invert(1);
}
.cmn_logo_marquee_row.swipe_testimonial {
    -webkit-animation: swipe_testimonial 50s linear infinite backwards;
    -moz-animation: swipe_testimonial 50s linear infinite backwards;
    -ms-animation: swipe_testimonial 50s linear infinite backwards;
    -o-animation: swipe_testimonial 50s linear infinite backwards;
    animation: swipe_testimonial 50s linear infinite backwards;
}
.cmn_logo_marquee_row.swipe_testimonial_rev {
    -webkit-animation: swipe_testimonial_rev 60s linear infinite backwards;
    -moz-animation: swipe_testimonial_rev 60s linear infinite backwards;
    -ms-animation: swipe_testimonial_rev 60s linear infinite backwards;
    -o-animation: swipe_testimonial_rev 60s linear infinite backwards;
    animation: swipe_testimonial_rev 60s linear infinite backwards;
    left: 0;
}
/*====================  hire why client logo section End ==================*/
/*================ common component Media css start ===========*/
@media screen and (min-width:1600px) {
    .container_1440 {
        max-width: 1466px !important;
        margin: 0 auto;
    }
}
@media screen and (max-width:1599px) {
    .cmn_hite_step_sec_lst {
        position: relative;
        margin-bottom: 15px;
    }
    .cmn_hite_step_sec_lst .step_para {
        font-size: 16px;
        line-height: 20px;
    }
    .cmn_hite_step_sec_lst .step_icon:before {
        width: 33px;
        bottom: -54px;
        left: 42px;
        transform: rotate(128deg);
        -webkit-transform: rotate(128deg);
        -moz-transform: rotate(128deg);
        -ms-transform: rotate(128deg);
        -o-transform: rotate(128deg);
    }
    .cmn_hite_step_sec_lst:nth-child(even) .step_wraps .step_icon:before {
        width: 33px;
        bottom: -58px;
        left: 38px;
        transform: none;
    }
    .how_ensure_code_quality_accordion {
        padding: 70px 90px 70px 30px;
    }
    .cmn_how_ensure_code_quality_sec .left_textcolm {
        padding-top: 70px;
    }
    .cmn_how_ensure_code_quality_sec .headingbox {
        padding-right: 30px;
        padding-bottom: 0;
    }
    .how_ensure_code_quality_accordion .items {
        padding: 25px 0;
    }
    .how_ensure_code_quality_accordion .content_body {
        padding-top: 25px;
    }
    .cmn_hite_step_sec_lst .steptitle {
        font-size: 22px;
        margin: 8px 0;
        line-height: 26px;
    }
}
@media screen and (max-width:1199px) {
    .cmn_hire_freelancer_tbl thead tr th, 
    .cmn_hire_freelancer_tbl tbody tr td {
        width: atuo;
        font-size: 16px;
        padding: 16px 5px;
    }
    .how_hire_process_right_dv {
        padding-left: 0;
    }
    .cmn_hite_step_sec_lst .step_wraps {
        width: 80%;
    }
    .cmn_hite_step_sec_lst .step_icon:before {
        display: none;
    }
    .how_ensure_code_quality_accordion .item_titles {
        font-size: 22px;
        line-height: 26px;
    }
    .cmn_hire_why_client_logo_Sec .rightcolms {
        padding-left: 0;
    }
}
@media screen and (max-width:991px) {
    .cmn_how_hire_process_sec {
        background: transparent;
        position: relative;
        padding-top: 0;
    }
    .cmn_how_hire_process_sec .container {
        max-width: 100%;
        padding: 0 30px;
    }
    .how_hire_process_leftdv {
        padding: 80px 20px;
        background: #1c1c1c;
        margin-bottom: 50px;
    }
    .cmn_hite_step_sec_lst .step_wraps {
        width: 100%;
    }
    .cmn_how_ensure_code_quality_sec {
        background: transparent;
        padding-bottom: 60px;
    }
    .cmn_how_ensure_code_quality_sec .left_textcolm {
        padding-top: 60px;
    }
    .cmn_how_ensure_code_quality_sec .headingbox {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 0;
    }
    .how_ensure_code_quality_accordion {
        padding: 40px 20px 0;
    }
    .how_ensure_code_quality_accordion .item_titles {
        font-size: 22px;
        line-height: 26px;
    }
}
@media screen and (max-width:767px) {
    .cmn_hite_step_sec_lst:nth-child(even) .step_wraps {
        flex-direction: unset;
    }
    .cmn_hite_step_sec_lst:nth-child(even) .step_wraps .step_icon {
        text-align: left;
    }
    .cmn_hite_step_sec_lst .step_icon {
        flex: 0 0 auto;
        width: auto;
        margin-right: 15px;
    }
    .cmn_hite_step_sec_lst .step_icon img {
        width: 60px;
    }
    .cmn_hite_step_sec_lst .steptitle {
        font-size: 20px;
        margin: 7px 0;
        line-height: 24px;
    }
    .cmn_hite_step_sec_lst .step_badge {
        font-size: 11px;
    }

    /* common hire profile card */
    .cmn_hire_developer_profile_card .prof_name {
        padding-bottom: 10px;
        margin-bottom: 10px;
        font-size: 22px;
        line-height: 26px;
    }
    .cmn_hire_developer_profile_card .prof_amount {
        padding-top: 10px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        font-size: 22px;
        line-height: 26px;
    }
    .cmn_hire_developer_profile_card .prof_exprience {
        position: relative;
        margin: 0px;
        font-weight: 500;
        text-transform: capitalize;
        font-size: 18px;
        line-height: 22px;
    }
    /* common hire profile card */
    .cmn_hire_awards_certif_row {
        margin-left: -4px;
        margin-right: -4px;
    }
    .cmn_hire_awards_certif_row .awards_col {
        padding-left: 4px;
        padding-right: 4px;
        width: 33.33%;
        margin-bottom: 10px;
    }
    
    .cmn_hire_awards_certif_row .awards_bx {
        padding: 10px;
        height: 60px;
    }
}
/*================ common component Media css start ===========*/