.lang_ar {
    direction: rtl;
}
.wd-bnr-area .h6 {
    font-weight: bold;
    margin: 0;
}
.lang_ar .owl-carousel .owl-stage-outer{
    direction: ltr !important;
}

ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
/*----- HEADER -----*/
.hidden {
  display: none;
}
  .sitemap_links{
    display: flex;
    justify-content: flex-end;
    grid-gap: 20px;
}
.sitemap_links li a{
    font-size: 14px;
    font-weight: 400;
    color: #1a1a1a;
}

#responsive_menu{display: none;}
.wd-horz-ftr-link{
    padding: 0 0;
    margin: 0;
    display: flex;
    gap: 30px;
}
.wd-horz-ftr-link li {list-style: disc;}
.wd-horz-ftr-link li:first-child{list-style: none !important;}
.wd-horz-ftr-link li a{
    display: inline-flex;
    align-items: center;
    color: #7A88A0;
    font-size: 14px;
    font-weight: 400;
    text-decoration-line: underline;
}
.wd-horz-ftr-link li::marker {
    color: #7A88A0;
}
.wd-horz-ftr-link li a:hover{
    color: #1a1a1a;
    font-weight: 500; 
}

.wd-bnr-area{
    width: 100%;
    padding: 3rem 0 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 10px;
}
.wd-bnr-area h1{
    font-weight: bold;
    margin: 0;
    margin-bottom: 20px;
    text-align: center;
}
.wd-bnr-area h2{
    text-align: center;
    color: #1a1a1a;
    margin-bottom: 2rem;
    line-height: normal;
    font-weight: 500;
}
.wd-bnr-area p{
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 2rem;
}
.wd-cmn-btn {
    padding: 10px 25px;
    background: #a5c5e5;
    border: 1px solid #a5c5e5;
    border-radius: 9px;
    display: flex;
    text-align: center;
    gap: 10px;
    width: fit-content;
    font-weight: bold;
    font-size: 14px;
    color: #1a1a1a;
    margin: 0;
}
.wd-bnr-area .wd-cmn-btn{margin: 0 auto;}
.wd-cmn-btn.full-image-btn{margin: 0 auto;margin-top: 64px;}
.wd-cmn-btn:hover svg path{
    stroke: #1a1a1a;
}
.wd-white-btn{
    padding: 10px 30px;
    background: #a5c5e5;
    border: 1px solid #a5c5e5;
    border-radius: 9px;
    display: inline-block;
    text-align: center;
    width: fit-content;
    font-weight: bold;
    font-size: 15px;
    color: #1a1a1a;
    white-space: nowrap;
}

.wd-pc-bg{
    background: #D9D9D9;
    padding: 64px 0;
}
.wd-search-job{
    padding: 80px 0;
    position: relative;
}
.wd-job-txt h6{
    font-weight: 500;
    font-size: 16px;
    color: #1a1a1a;
    margin-bottom: 15px;
}
.wd-main-title{
    font-weight: bold;
    font-size: 36px;
    color: #1a1a1a;
    margin-bottom: 2rem;
    text-transform: capitalize;
}
.wd-search-job ul{
    list-style: disc;
    padding: 0 15px;
}
.wd-search-job ul li{
    font-weight: 400;
    font-size: 16px;
    color: #1a1a1a;
    margin-bottom: 10px;
}
.wd-loop-cv{
    background-color: #f5f5f5;
    border-radius: 18px;
    padding: 25px;
    position: relative;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    margin-top: 64px;
    margin-bottom: 60px;
}
.wd-loop-cv 
.wd-loop-area{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}
.wd-loop-area h2{
    font-weight: bold;
    font-size: 36px;
    text-transform: capitalize;
    color: #FFFFFF;
    margin-bottom: 0;
    line-height: normal;
}
.wd-cv-work{
    padding: 75px 0;
    position: relative;
}
.wd-cv-txt{
    font-weight: 400;
    font-size: 16px;
    color: #1a1a1a;
    margin: 0;
}
.wd-cv-work ul{
    margin: 50px 0;
    display: flex;
    align-items: flex-start;
    gap: 20px;
}
.wd-cv-work ul li{
    width: 100%;
}
.wd-step-box{
    text-align: center;
    position: relative;
}
.wd-step-box span{
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 20px;
    background: #a5c5e5;
    border: 1px solid #a5c5e5;
    color: #1a1a1a;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: 0 auto 16px;
}
.wd-step-box p{
    font-weight: 500;
    font-size: 16px;
    color: #1a1a1a;
    margin: 0;
}
.wd-brdr{
    border-top: 3px solid rgb(84 84 84 / 30%);
    width: 100%;
    display: block;
    margin: 25px 0;
}
.wd-work-step{
    border: 1px solid #dddddd;
    padding: 25px 16px 30px;
    text-align: center;
}
.wd-work-step img{
    height: 72px;
    object-fit: contain;
    margin-bottom: 20px;
}
.wd-work-step h4{
    font-weight: bold;
    font-size: 22px;
    color: #1a1a1a;
    margin-bottom: 20px;
}
.wd-work-step p{
    font-weight: 400;
    font-size: 15px;
    color: #1a1a1a;
    margin-bottom: 25px;
}
.wd-work-step .wd-cmn-btn{margin: 0 auto;}
.wd-loop-cv .wd-main-title{
    color: #1a1a1a;
}
/* FAQs */
.wd-faq-blog,
.wd-review-points,
.wd-job-area, 
.wd-paymnt-block{
    margin-top: 64px;
    position: relative;
}

.wd-faq-blog{
    margin-bottom: 60px;
}

.wd-faq-area .card-header{
    cursor: pointer;
    border-bottom: none;
    background: transparent;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.wd-faq-area .card-header .title {
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    display: flex;
    align-items: center;
    margin: 0;
}
.wd-faq-area .card-header .accicon {
    float: right;
    padding: 0 5px;
}
.wd-faq-area .card-header:not(.collapsed) .rotate-icon {
    transform: rotate(90deg);
}
.wd-faq-area .card-header:not(.collapsed) .rotate-icon path{
    stroke: #1a1a1a;
}
.wd-faq-area .card{
    margin-bottom: 20px;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0 0 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.20) !important;
}
.wd-faq-area .card:last-child{
    border-bottom: 0 !important;
    margin-bottom: 0;
}
.wd-faq-area .card-body{
    padding: 12px 0 0; 
}
.wd-faq-area .card-body p{
    margin: 0;
    font-size: 14px;
}
.rotate-icon{
    width: 8px;
    height: 16px;
}

.lang_ar .wd-faq-area .card-header .rotate-icon {
    transform: rotate(180deg);
}

.lang_ar .wd-faq-area .card-header:not(.collapsed) .rotate-icon {
    transform: rotate(90deg);
}
/*  faqs [END] */
/* -------------Free Review Service ------------- */
.wd-review-points ul{
    margin-bottom: 2rem;
}
.wd-review-points ul li{
    font-weight: 400;
    font-size: 16px;
    color: #1a1a1a;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}
.wd-review-points ul li span{
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 158, 255, 0.15);
    color: #1a1a1a;
    font-weight: 400;
    font-size: 16px;
    border-radius: 50%;
}
/* how it works */
.wd-cv-work{
    background: #F9F9F9;
    padding: 70px 0;
    position: relative;
}
.number_listing {
    margin-bottom: 50px;
    position: relative;
}
.number_listing:before {
    content: "";
    background: rgba(157, 157, 157, 0.50);
    display: block;
    width: 70%;
    height: 2px;
    margin: 20px auto;
    position: absolute;
    left: 0;
    right: 0;
}
.number_listing span {
    background: #E4E4E4;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #424242;
    font-weight: 500;
    font-size: 20px;
    margin: 0 auto;
    cursor: pointer;
    -webkit-transition: ease-in-out 0.5s;
    -moz-transition: ease-in-out 0.5s;
    -o-transition: ease-in-out 0.5s;
    transition: ease-in-out 0.5s;
    border: 1px solid transparent;
}
.number_listing span:hover, .list_hover{
    background: #a5c5e5 !important;
    border: 1px solid #a5c5e5 !important;
    color: #1a1a1a !important;
    -webkit-transition: ease-in-out 0.5s;
    -moz-transition: ease-in-out 0.5s;
    -o-transition: ease-in-out 0.5s;
    transition: ease-in-out 0.5s; 
}
.work_blog{
    background: #FFFFFF;
    border: 1px solid rgba(188, 188, 188, 0.5);
    border-radius: 25px;
    padding: 25px 20px 30px;
    text-align: center;
    display: block;
    height: 100%;
}
.wd-mb-15{
    margin-bottom: 15px;
}
.result_hover,
.work_blog:hover{
    border: 1px solid #1a1a1a;
    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.08);
    -webkit-transition: ease-in-out 0.5s;
    -moz-transition: ease-in-out 0.5s;
    -o-transition: ease-in-out 0.5s;
    transition: ease-in-out 0.5s;
}
.work_blog img{
    margin-bottom: 15px;
}
.work_blog h4{
    font-weight: bold;
    font-size: 20px;
    color: #1a1a1a;
    margin-bottom: 15px;
}
.work_blog p{
    font-weight: 400;
    font-size: 15px;
    color: #1a1a1a;
    margin-bottom: 2rem;
}
/* search job */
.wd-search-job-area{
    padding: 36px 0 70px;
    position: relative;
    background: #D9D9D9;
}
.wd-search-job-area h4{
    font-weight: bold;
    font-size: 22px;
    text-transform: capitalize;
    color: #1a1a1a;
    margin-bottom: 25px;
}
.wd-search-link h5{
    font-weight: bold;
    font-size: 16px;
    line-height: 27px;
    text-transform: capitalize;
    color: #1a1a1a;
    margin-bottom: 15px;
}
.wd-search-link ul{
    list-style: none;
}
.wd-search-link ul li a{
    display: block;
    font-weight: 500;
    font-size: 14px;
    text-transform: capitalize;
    color: #1a1a1a;
    margin-bottom: 12px;
}
.wd-search-link ul li a:hover{
    color: #1a1a1a;
}
/* review plan */
.wd-resume-blog{
    padding: 70px 0;
}
.wd-benefit-box{
    padding: 30px 16px 35px;
    background: #FFFFFF;
    border-width: 1px 1px 5px 1px;
    border-style: solid;
    border-color: #BCBCBC;
    border-radius: 10px;
    text-align: center;
    display: block;
    height: 100%;
}
.wd-benefit-box:hover{
    border-color: #1a1a1a;
}
.wd-benefit-box img{
    height: 70px;
    object-fit: contain;
    margin-bottom: 25px;
}
.wd-benefit-box h4{
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    text-transform: capitalize;
    color: #1a1a1a;
    margin-bottom: 15px;
}
.wd-benefit-box:hover h4{
    color: #1a1a1a;
}
.wd-benefit-box p{
    font-weight: 400;
    font-size: 15px;
    color: #1a1a1a;
    margin: 0;
}
.wd-mb-30{
    margin-bottom: 2rem;
}
.wd-mt-50{
    margin-top: 50px;
}
.wd-package-area{
    position: relative;
    padding: 0 0 70px;
}
.wd-pkg-bg{
    background: rgba(0, 158, 255, 0.2);
    height: 360px;
}
.wd-pkg-plan{
    margin: -290px 0 0;
}
.wd-pkg-box{
    background: #FFFFFF;
    border-width: 8px 1px 1px 1px;
    border-style: solid;
    border-radius: 14px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
    padding: 25px 15px 30px;
}
.first-plan{
    border-color: #327CA4;
}
.second-plan{
    border-color: #EE1D52;
}
.third-plan{
    border-color: #0F9638;
}
.wd-icon{
    margin: 0 auto 20px;
    display: block;
    text-align: center;
}
.wd-pkg-box h4{
    font-weight: bold;
    font-size: 22px;
    text-align: center;
    text-transform: capitalize;
    color: #1a1a1a;
    margin-bottom: 20px;
}
.wd-pkg-box span strike, .wd-recruit-area span strike{
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    text-transform: capitalize;
    color: #FF0000;
    display: block;
}
.wd-pkg-box .prize-plan, .wd-recruit-area .prize-plan{
    font-weight: bold;
    font-size: 42px;
    text-align: center;
    text-transform: capitalize;
    color: #1a1a1a;
    margin-bottom: 20px;
    display: block;
}
.wd-recruit-area span strike, .wd-recruit-area .prize-plan{
    text-align: left;
}
.wd-pkg-box p{
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #1a1a1a;
    margin-bottom: 20px;
}
.wd-brdr{
    border: 1px solid #C9C9C9;
}
.wd-pkg-box ul li, .wd-grid-two ul li{
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-weight: 400;
    font-size: 14px;
    color: #1a1a1a;
    margin-bottom: 10px;
    width: 100%;
}
.wd-pkg-box a{
    min-width: 188px;
    font-weight: bold;
    font-size: 15px;
    color: #FFFFFF;
    padding: 11px 24px;
    display: block;
    margin: 30px auto 0;
    text-align: center;
    border: 1px solid transparent;
    width: fit-content;
    border-radius: 9px;
}
.wd-pkg-box a:hover{
    background: transparent;
    border: 1px solid;
}
.hire-btn{
    background: #a5c5e5;
    border-color: #1a1a1a;
}
.hire-btn:hover{
    color: #1a1a1a;
}
.intervw-btn{
    background: #EE1D52;
    border-color: #EE1D52;
}
.intervw-btn:hover{
    color: #EE1D52;
}
.upload-btn{
    background: #0F9638;
    border-color: #0F9638; 
}
.upload-btn:hover{
    color: #0F9638;
}
.wd-rvrs-recruit, .wd-bnft-blog{
    background: rgb(226 226 226 / 30%);
    padding: 70px 0;
}
.wd-grid-two{
    max-width: 100%;
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(2, 1fr);
    color: #fff;
    padding: 0;
    margin: 0 0 30px;
}
.wd-grid-two ul li{
    color:#1a1a1a;
}
.wd-grid-two ul li svg{
    min-width: 10%;
}
.wd-recruit-area h3{
    font-weight: bold;
    font-size: 36px;
    text-transform: capitalize;
    color: #1a1a1a;
    margin-bottom: 15px;
}
.wd-recruit-area p{
    font-weight: 400;
    font-size: 15px;
    color: #1a1a1a;
    margin-bottom: 12px;
}
.wd-rvrs-btn-grp{
    display: flex;
    align-items: center;
    gap: 30px;
}
.wd-ordr-btn{
    padding: 10px 25px;
    background: #a5c5e5;
    border: 1px solid #a5c5e5;
    box-shadow: 0px 4px 4px rgba(0, 158, 255, 0.25);
    border-radius: 9px;
    display: inline-block;
    width: fit-content;
    font-weight: bold;
    font-size: 15px;
    color: #FFFFFF;
    min-width: 150px;
    text-align: center;
}
.wd-ordr-btn:hover{
    background: transparent;
    color: #1a1a1a;
}
.wd-black-btn{
    padding: 10px 25px;
    background: #292929;
    border: 1px solid #292929;
    box-shadow: 0px 4px 4px rgba(41, 41, 41, 0.25);
    border-radius: 9px;
    display: inline-block;
    width: fit-content;
    font-weight: bold;
    font-size: 15px;
    min-width: 150px;
    color: #FFFFFF;
    text-align: center;
}
.wd-black-btn:hover{
    background: transparent;
    color: #292929;
}
/* consent Preferences fixed button */
.wd-consent-btn{
    width: 45px;
    height: 45px;
    position: fixed;
    bottom: 0;
    right: 0;
    margin: 0 20px 40px;
    z-index: 1;
    background: #a5c5e5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
}
/* modal */
.consent-modal .modal-content{
    box-shadow: 0 32px 68px rgba(0, 0, 0, .3);
    background: #FFF;
    border-radius: 8px;
}
.consent-modal .modal-header{
    padding: 15px;
    border-bottom: none;
    
}
#acceptCookie.consent-modal .modal-header{
    justify-content: flex-end;
}
.consent-modal .modal-header .close{
    display: block;
    margin: 0;
    padding: 0;
}
.consent-modal .modal-title{
    font-size: 18px;
    font-weight: bold;
    color:#1a1a1a;
    margin: 0;
}
.consent-modal .modal-body{
    padding: 0 15px 30px;
    max-height: 60vh;
    overflow: auto;
}
.wd-prfr-txt, .card-header p{
    font-weight: 400;
    font-size: 14px;
    color: #1a1a1a;
    margin-bottom: 15px;
}
/* accrodion -->for modal*/
#accordionModal{
    padding: 0 15px;
}
#accordionModal .card{
    border: none;
    margin: 0 0 20px;
}
#accordionModal .card-header{
    background: transparent;
    border: none;
    padding: 0;
}
#accordionModal .card-header-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.wd-card-header-left{
    display: flex;
    gap: 12px;
    align-items: center;
    cursor: pointer;
}
.wd-card-header-left h4{
    font-size: 16px;
    font-weight: bold;
    color:#1a1a1a;
    margin: 0;
}
.wd-prfr-status{
    font-weight: 500;
    font-size: 15px;
    color: #0F9638;
    margin-bottom: 15px;
}
#accordionModal .rotate-icon {
    width: 8px;
    height: 15px;
}
.wd-card-header-left:not(.collapsed) .rotate-icon {
    transform: rotate(90deg);
}
#accordionModal .card-body{
    background: #E2E2E2;
    border-radius: 5px;
    padding: 8px 12px;
}
.wd-cookies-list{
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid #ababab;
}
.wd-cookies-list li{
    display: flex;
    align-items: center;
    margin-bottom: 6px;
}
.wd-cookies-list li h6{
    color: #424242;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
    width: 100px;
}
.wd-cookies-list li p{
    color: #424242;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
}
.wd-cookies-list:last-child{
    border-bottom: none;
    margin: 0;
    padding: 0;
}
/* custom toggle switch */
#accordionModal .btn-toggle {
    margin: 0;
    padding: 0;
    position: relative;
    border: none;
    height: 10px;
    width: 31px;
    border-radius: 90px;
    color: #6b7381;
    background: #E4E4E4;
    outline: none;  
  }
#accordionModal .btn-toggle:focus{
    outline: none;
    box-shadow: unset;
}
#accordionModal .btn-toggle > .handle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 50px;
    background: #D2D2D2;
    transition: left 0.25s;
    margin: -3px 0px;
}
#accordionModal .btn-toggle.active {  
    transition: background-color 0.25s;
}
#accordionModal .btn-toggle.active > .handle {
    background: #a5c5e5;
    left: unset;
    right: 0;
    transition: left 0.25s;
}    
#accordionModal .btn-toggle.active {
    background-color: rgba(0, 157, 255, 0.20);
}
#accordionModal .custom_swichbtn {
    display: flex;
    align-items: center;
    margin: 0;    
}
/* accrodion -->for modal [END]*/
.consent-modal .modal-footer{
    padding: 15px 30px; 
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;   
    flex-wrap: nowrap;    
}
.consent-modal .modal-footer button {
    display: inline-block;
    width: 100%;
    padding: 8px 24px;
    font-size: 14px;
    font-weight: 500;
    height: auto;
    border-radius: 9px;
    border: 1px solid #dddddd;
}
.consent-modal .modal-footer button:hover{
    box-shadow: 0px 4px 4px rgba(0, 158, 255, 0.25);
}
.modal-btn-lft{
    color: #1a1a1a;
}
.modal-btn-rght{
    background: #a5c5e5;
    color: #FFF;
}
.modal-btn-lft:hover{
    color: #1a1a1a;
}
.modal-btn-rght:hover{
    color: #FFF;
}
/* accept Cookie */
.wd-cookie-brand img{
    height: 30px;
    object-fit: contain;
    margin-bottom: 10px;
}
#acceptCookie {
    bottom: 0;
    right: 0;
    top: unset;
    margin: auto;
    height: auto;
}
#acceptCookie.show .modal-dialog{
    margin-right: 15px;
}
/* 24-04-2024 */
/*------------------Reverse Recruiting [START]------------------- */
.wd-hours-job-blog{
    padding: 70px 0;
    position: relative;
}
.wd-bnft-lst{
    padding: 0;
    margin: 0;
}
.wd-bnft-lst li{
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 16px;
}
.wd-bnft-lst li:last-child{margin-bottom: 0;}
.wd-bnft-lst li img{
    width: 22px;
    height: 22px;
    object-fit: contain;
}
.wd-bnft-lst li span{
    display: block;
    font-size: 16px;
    color: #424242;
    font-weight: 400;
}
.wd-pt-50{
    padding-top: 50px;
}
.wd-job-dtls p{
    font-weight: 400;
    font-size: 16px;
    color: #1a1a1a;
    margin: 0;
    line-height: 30px;
}
/* .wd-job-pills .nav{
    margin: 30px auto 0;
    background: rgba(0, 157, 255, 0.10);
    padding: 6px;
    width: fit-content;
    border-radius: 9px;
    gap: 25px;
}
.wd-job-pills .nav-pills .nav-link{
    color: #1a1a1a;
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 9px;
    background: #FFF;
    text-align: center;
}
.wd-job-pills .nav-pills .nav-link.active, 
.wd-job-pills .nav-pills .show>.nav-link{
    background: #a5c5e5;
    box-shadow: 0px 4px 4px rgba(0, 158, 255, 0.25);
    color: #FFF;
}
.wd-job-pills .tab-content{
    margin: 30px 0 0;
} 
*/
.wd-job-search h3{
    font-weight: bold;
    font-size: 32px;
    color: #424242;
    margin-bottom: 20px;
    text-align: center;
}
.wd-job-tag{
    font-weight: 400;
    font-size: 20px;
    color: #1a1a1a;
    margin-bottom: 20px;    
    text-align: center;
}
.wd-job-week-box{
    background: #FAFAFA;
    border: 1px solid rgba(188, 188, 188, 0.5);
    border-radius: 10px;
    padding: 15px 15px 15px 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.wd-job-week-dtls{
    display: flex;
    align-items: center;
    gap: 20px;
}
.wd-week-txt h4{
    font-weight: bold;
    font-size: 18px;
    color: #1a1a1a;
    margin-bottom: 5px;
}
.wd-week-txt p{
    font-weight: 400;
    font-size: 14px;
    color: #424242;
    margin-bottom: 0;
}
.wd-job-hrs{
    background: rgba(0, 158, 255, 0.1);
    border: 1px solid #0266A4;
    border-radius: 10px;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    flex-flow: column;
}
.wd-job-hrs span{
    font-weight: 400;
    font-size: 14px;
    color: #0266A4;
    display: block;
    margin: 0;
}
.wd-job-hrs span:first-child{
    font-weight: 500;
    font-size: 18px;
}
.wd-job-pills .tab-content .wd-cmn-btn{
    margin: 30px auto 0;
}
.wd-job-hrs-title{
    text-align: center;
}
.wd-job-hrs-title p{
    font-weight: 400;
    font-size: 16px;
    color: #1a1a1a;
    line-height: 30px;
    width: 80%;
    margin: 0 auto 50px;
}
.wd-job-btn{
    font-weight: bold;
    font-size: 16px;
    color: #1a1a1a;
    padding: 10px 20px;
    background: rgba(0, 158, 255, 0.1);
    border: 1px solid #1a1a1a;
    border-radius: 9px;
    display: block;
    margin: 30px auto 0;
    width: fit-content;
}
/*------------------Reverse Recruiting [END]------------------- */
/* ------------------ premium plan [START] ------------------ */
.wd-plan-block{
    padding: 50px 0;
    position: relative;
}
.wd-choose-plan{
    position: relative;
}
.wd-choose-plan label{
    width: 100%;
}
.wd-plan-box{
    background: rgba(242, 242, 242, 0.1);
    border: 2.45149px solid rgba(66, 66, 66, 0.1);
    border-radius: 16px;
    padding: 0;
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    text-align: center;
    gap: 10px;
    position: relative;
    overflow: hidden;
}
.wd-plan-box span{
    font-weight: 400;
    font-size: 20px;
    color: #1a1a1a;
    margin-bottom: 0;
    display: block;
}
.wd-plan-box h4{
    font-weight: bold;
    font-size: 36px;
    color: #1a1a1a;
    margin-bottom: 0;
}
.wd-mr-spcl-ofr{
    width: 150px;
    position: absolute;
    top: 22px;
    right: -35px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    background: #a5c5e5;
    padding: 8px 12px;
}
.cstm-rdio{
    position: relative;
}
.cstm-rdio input[type="radio"] {
    opacity: 0;
    margin: 0;
    position: absolute;
 }
 .cstm-rdio label {
   cursor: pointer;
   margin-bottom: 0 !important;
   position: relative;
   width: 100%;
 }
 .cstm-rdio label:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 15px;       
    left: 15px;
    width: 20px;
    height: 20px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 2px solid #B4B4B4;
    background: #fff;
 }
 .cstm-rdio input[type="radio"]:checked + label::after {
    content: '';
    position: absolute;
    top: calc(15px + 4px);
    left: calc(15px + 4px);
    display: inline-block;
    width: 12px;
    height: 12px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
 }
.cstm-rdio input[type="radio"]:checked + label:before {
   background-color: #1a1a1a;
   border-color: #1a1a1a;
 }
.cstm-rdio input[type="radio"]:checked + label .wd-plan-box{
    background-color: #ffffff;
    border: none;
    z-index: -1;
    border: 1px solid #011A29;
}
.cstm-rdio input[type="radio"]:checked + label .wd-plan-box span,
.cstm-rdio input[type="radio"]:checked + label .wd-plan-box h4{
    color: #FFF;
}
.wd-white-box{
    background: #FFFFFF;
    border: 1px solid #D1D1D1;
    border-radius: 12px;
    padding: 25px;
    margin: 30px 0 0;
}
.wd-plan-body ul{
    height: 100%;
}
.wd-plan-body ul li{
    color: #424242;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    padding-left: 30px;
    margin-bottom: 20px;
}
.wd-plan-body ul li::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/employers/right-mark.png) no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
}
.wd-payment-blog{
    padding: 0 0 50px;
}
.wd-paymnt-title{
    text-align: center;
}
.wd-paymnt-title p{
    font-weight: 500;
    font-size: 18px;
    text-transform: capitalize;
    color: #424242;
    margin-bottom: 2rem;
}
.wd-paymnt-box{
    background: #FFFFFF;
    border: 1px solid #D1D1D1;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 2rem;
}
.wd-paymnt-lbl{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 0 30px;
}
.wd-paymnt-lbl h4{
    font-weight: bold;
    font-size: 15px;
    color: #1a1a1a;
    margin: 0;
}
.wd-card-img{
    display: flex;
    align-items: center;
    grid-gap: 12px;
}
.wd-card-img span {
    padding: 6px 8px;
    background: #FFFFFF;
    border: 1px solid rgba(66, 66, 66, 0.5);
    border-radius: 6px;
    min-width: 58px;
    text-align: center;
}
.wd-paymnt-box .cstm-rdio label:before,
.wd-paymnt-way .cstm-rdio label:before{
    left: 0;
    top: 8px;
}
.wd-paymnt-box .cstm-rdio input[type="radio"]:checked + label::after,
.wd-paymnt-way .cstm-rdio input[type="radio"]:checked + label::after
{
    top: 12px;
    left: 4px;
}
.wd-paymnt-box .cstm-rdio,
.wd-paymnt-way .cstm-rdio{
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.wd-paymnt-box .cstm-rdio:last-child{
    border-bottom: 0;
    padding: 0;
    margin: 0;
}
.wd-paymnt-dtls {
    display: none;
}
.menuitemshow .wd-paymnt-dtls {
    display: block;
    padding-left: 30px;
}
.wd-paymnt-dtls p{
    font-weight: 400;
    font-size: 14px;
    color: #1a1a1a;
    margin-bottom: 15px;
}
.wd-paymnt-dtls .form-group{
    margin-bottom: 20px;
    width: 100%;
    position: relative;
}
.wd-paymnt-dtls .form-group:last-child{
    margin-bottom: 0;
}
.wd-paymnt-dtls .form-group label{
    font-weight: bold;
    font-size: 14px;
    color: #1a1a1a;
    margin-bottom: 8px;
    text-transform: capitalize;
}
.wd-paymnt-dtls .form-group .form-control{
    background: #F7F7F7;
    border-radius: 6px;
    font-weight: 400;
    font-size: 14px;
    color: #A0A0A0;
    height: auto;
    padding: 14px 18px;
}
.wd-paymnt-dtls .form-group .form-control:focus{
    box-shadow: none;
    border-color: #1a1a1a;
}
.wd-form-group{
    display: flex;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}
.wd-pay-btn{
    background: #515151;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 4px rgba(81, 81, 81, 0.25);
    border-radius: 9px;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding: 15px 75px;
    display: block;
    margin: 15px auto 0;
}
.wd-pay-btn:hover{
    background: #000;
}
.wd-ss-secure-lock{
    display: flex;
    align-items: center;
    gap: 12px;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 8px 15px;
    max-width: 260px;
    margin: 0 auto 30px;
}
.wd-ss-secure-lock p{
    color: #424242;
    font-size: 12px !important;
    font-weight: 400;
    margin-bottom: 0 !important;
    text-align: left;
}
.wd-confrm-txt p{
    font-weight: 400;
    font-size: 14px;
    color: #424242;
    text-align: center;
    width: 85%;
    margin: 0 auto;
}
/* =============payment modal [START]================== */
.paymnet-modal .modal-content{
    background: #FFFFFF;
    border-radius: 20px;
}
.paymnet-modal ,.modal-header{
    border-bottom: none;
}
#premiumMember .modal-header{
    padding: 50px 20px 20px;
    text-align: center;
}
.paymnet-modal .modal-title{
    font-weight: bold;
    font-size: 22px;
    color: #1a1a1a;
    margin-bottom: 0;
}
.paymnet-modal .modal-body{
    padding: 20px 30px 30px;
}
.paymnet-modal .modal-dialog{width: auto;}

.full-image-blog{
    text-align: center;
    position: relative;
    padding: 3rem 100px;
}
.default-lr-button{
    background: #a5c5e5;
    border: 1px solid #a5c5e5;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 8px;
    padding: 8px 22px;
    cursor: pointer;
    display: block;
    width: fit-content;
}

.full-image-blog a.default-lr-button{
    margin: 0 auto;
    font-weight: bold;
    min-width: 160px;
}

.full-image-blog h2{
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 2rem;
    text-transform: capitalize;
}

.full-image-section{
    margin-bottom: 60px;
}

.full-image-blog p{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 60px;
}

.resume-image-wrapper {
    position: relative;
    display: inline-block;
    width: fit-content;
    margin-bottom: 3rem;
}

.resume-image-wrapper img.resume-image{
    width: 75%;
}

.resume-arrow {
    width: 64px;
    position: absolute;
    top: 25%;
    left: 13%;
    height: auto;
    pointer-events: none;
    z-index: 1;
}

.resume-tip-box {
    position: absolute;
    top: 8%;  
    left: 3%;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.4;
    max-width: 220px;
    text-align: left;
} 

.lang_ar .resume-tip-box{
    text-align: right;
    left: -1%;
}


.lang_ar .resume-arrow {
    left: 13%;
}

#resumeTipBox {
    opacity: 0;
    pointer-events: none; /* keeps it non-interactive while hidden */
}
#resumeTipBox.show {
    opacity: 1;
    pointer-events: auto;
}

.career_hero {
  padding: 64px 0;
}

.career_hero__headings {
  margin: 0 auto 32px;
  text-align: center;
  padding: 0 16px;
}

.career_hero__headings h2 {
  font-size: 36px;
  font-weight: bold;
  margin: 0 0 10px;
}

.career_hero__headings p {
  font-size: 16px;
  margin: 0;
  font-weight: bold;
}

.career_hero__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
  padding: 0 78px;
}

.career_hero_heading{
    font-size: 30px;
    font-weight: bold;
}

.career_hero__left,
.career_hero__right {
  flex: 1 1 50%;
}


.career_hero__left p {
  margin-bottom: 1rem;
}

.career_hero__hiredby {
  margin-top: 18px;
}

.career_hero__hiredby span {
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 1.5rem;
  margin-top: 3.5rem;
}


.career_hero__cta{
    margin-top: 2rem;
}

.career_hero__cta .default-lr-button{
    margin: 0 auto;
}

.career_hero__logos {
    display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;   /* allow wrapping */
  gap: 22px;
  padding: 0;
  margin: 0 0 20px;
  list-style: none;
}

.career_hero__logos img {
  height: 22px;
  width: auto;
}

.career_hero__right .career_hero__mock {
    position: relative;
  width: 100%;
  padding: 8px;
  display: flex;
  justify-content: center;
}

.career_hero__right img {
  width: 600px;
    max-width: 100%;
  height: auto;
  object-fit: contain;
}

.wd-plan-dtls{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px 0 45px;
    background: #FAFAFA;
    border: 1px solid #CCCCCC;
    border-radius: 8px;
    height: 105px;
}
.wd-plan-dtls h6{
    font-weight: bold;
    font-size: 26px;
    color: #040F1E;
    margin: 0;
}
.wd-plan-rght{
    display: flex;
    align-items: center;
    flex-flow: column;
    gap: 6px;
}
.wd-plan-rght span{
    font-weight: 500;
    font-size: 15px;
    color: #1a1a1a;
    border: 1px solid #1a1a1a;
    border-radius: 20px;
    text-align: center;
    padding: 4px 18px;
}
.wd-plan-rght p{
    font-weight: 400;
    font-size: 14px;
    color: #545454;
    margin-bottom: 0;
}
.wd-slct-plan{
    margin-bottom: 20px;
}
.wd-slct-plan .cstm-rdio label:before{
    top: 42px;
}
.wd-slct-plan .cstm-rdio input[type="radio"]:checked + label::after{
    top: 46px;
    left: 19px;
}
.wd-slct-plan .cstm-rdio input[type="radio"]:checked + label .wd-plan-dtls{
    border: 1px solid #1a1a1a;
}
.wd-cont-btn{
    background: #a5c5e5;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3.409px 3.409px rgba(0, 158, 255, 0.25);
    border-radius: 8px;
    text-align: center;
    padding: 14px 75px;
    display: block;
    margin: 40px auto;
    width: fit-content;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
}
.wd-cont-btn:hover{
    color: #1a1a1a;
    border-bottom: #1a1a1a;
    background: transparent;
}
/* trustpilot */
.wd-trustpilot{
    margin: 0 auto;
    text-align: center;
    display: block;
}
.wd-trst-top{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
}
.wd-trst-top h4{
    font-weight: bold;
    font-size: 18px;
    color: #424242;
    margin: 0;
}
.wd-trst-top ul{
    display: flex;
    margin: 0;
    padding: 0;
    gap: 5px;
}
.wd-rate-txt{
    font-weight: 400;
    font-size: 14px;
    color: #1a1a1a;
    margin-bottom: 0;
}
/* paymnet Details Modal */
.wd-prv-link{
    display: flex;
    align-items: center;
    gap: 8px;
}
#paymentDetail .modal-header{
    padding: 20px;
}
#paymentDetail .modal-body{
    padding: 10px 20px 20px;
}
.wd-paymnt-hdr h5{
    font-weight: bold;
    font-size: 22px;
    text-align: center;
    color: #1a1a1a;
    margin-bottom: 5px;
}
.wd-paymnt-hdr p{
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    color: #424242;
    margin-bottom: 25px;
}
.wd-paymnt-total ul{
   padding: 0;
   margin: 0 0 25px;
}
.wd-paymnt-total li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom:1px solid rgba(0, 0, 0, 0.2);
    padding: 0 0 12px;
    margin: 0 0 12px;
}
.wd-paymnt-total li:last-child{
    border: 0;
    margin: 0;
    padding: 0;
}
.wd-paymnt-total li p{
    font-weight: 400;
    font-size: 15px;
    color: rgba(0, 0, 0, 0.7);
    margin: 0;
}
#paymentDetail .wd-paymnt-way .menuitemshow .wd-paymnt-dtls{
    background: #F7F7F7;
    border: 1px solid rgba(66, 66, 66, 0.2);
    border-radius: 12px;
    padding: 15px;
    margin: 15px 0 0;
}
.wd-paymnt-way{
    margin-bottom: 2rem;
}
#paymentDetail .wd-confrm-txt p{width: 100%; margin: 0 0 30px;}
.basic-modal-open{
    overflow: hidden;
}
.basic-modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.wd-form-icon{
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    margin: 44px 15px 0;
}
/* 150-07-2024 */
/* about us, Ai Salary checker,  */
.wd-about-blog, .wd-salary-blog{
    padding: 70px 0;
    position: relative;
}
.wd-about-blog p, .wd-vision-area p, .wd-salry-check p{
    font-weight: 400;
    font-size: 16px;
    color: #1a1a1a;
    line-height: 30px;
    margin: 0 auto 20px; 
}
.wd-salry-check .wd-cmn-btn{margin: 0 auto;}
.wd-about-blog p:last-child{
    margin: 0 auto 0px;
}
.wd-sub-title{
    font-weight: bold;
    color: #1a1a1a;
    text-transform: capitalize;
    font-size: 30px;
}
.wd-vision-img img{
    height: 250px;
    object-fit: contain;
}
/* counter */
.wd-counter-blog{
    background: url(../images/about-us/counter-bg.png) no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    padding: 70px 0;
}
/* ai salary steps */
.wd-salary-steps, .wd-salry-check{text-align: center;}
.wd-salary-steps img{height: 430px; object-fit: contain;}
/* why suse salary */
.wd-why-useslry{
    background: rgba(227, 227, 227, 0.3);
    position: relative;
    padding: 70px 0;
}
.wd-why-useslry .wd-benefit-box img{
    width: 70px;
    height: 70px;
    object-fit: contain;
}
/* -----counter [START]--------- */
.count_txt {
    width: 100%;
}
.wd_count_bx{
    display: flex;
    align-items: center;
    grid-gap: 20px;
    justify-content: flex-start;
  }
.wd_count_bx svg {
    width: 90px;
    height: 90px;
}
.count-up{
  display: flex;
  align-items: center;
  grid-gap: 8px;
}
.count_txt h3, .count-up span{
  color: #FFF;
  font-size: 48px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 0;
}
.wd_count_bx h4{
  color: #FFF;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px;
}
.wd_count_bx p, .count_txt p{
  color: #FFF;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
}
/*------Counter [ END ]------*/
.wd-me-txt p{
    font-weight: 400;
    font-size: 16px;
    color: #1a1a1a;
    line-height: 28px;
    margin-bottom: 15px;
}
.wd-me-txt h5{
    font-weight: bold;
    font-size: 16px;
    color: #1a1a1a; 
    margin-bottom: 0px;
}
/* About Team */
.wd-about-me{
    padding: 70px 0 0;
    position: relative;
}
.wd-team-blog{
    background: rgba(0, 158, 255, 0.03);
    box-shadow: 0px 4px 4px rgba(0, 158, 255, 0.08);
    border-radius: 6px;
    border: 1px solid rgba(1, 26, 41, 0.20);
    perspective: 1000px;
    height: 310px;
    margin-bottom: 2rem;
}
.wd-team-img{
    height: 100%;
}
.wd-team-img{
    position: relative;
    padding: 15px;
}
.wd-team-img img{
    height: 216px;
    width: 100%;
    object-fit: cover;
    border-radius: 6px;
    margin-bottom: 15px;
    backface-visibility: hidden;
}
.wd-team-dtls h4{
    font-weight: bold;
    font-size: 18px;
    color: #1a1a1a;
    margin-bottom: 0;
}
.wd-team-dtls span{
    font-weight: 400;
    font-size: 14px;
    color: #1a1a1a;
    display: block;
    margin: 0;
}
.wd-team-social a{
    background: #097DC3;
    border: 1px solid #066AA7;
    border-radius: 8px;
    min-width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wd-team-social a:hover{
    background: transparent;
    border-color: #FFF;
}
.wd-team-txt{
    padding: 15px;
    position: relative;
    width: 100%;
    height: 100%;
    top: -100%;
    transform: rotateY(180deg);
    background: linear-gradient(27.73deg, #03466F 19.46%, #009EFF 80.05%);
    box-shadow: 0px 4px 4px rgba(0, 158, 255, 0.08);
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: all 0.75s ease-in-out;
}
.wd-team-txt p{
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 180px;
}
.wd-team-inner{
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    transform-style: preserve-3d;
    transition: transform 0.75s;
}
.wd-team-inner{
    text-align: left;
}
.wd-team-inner * {
    -webkit-backface-visibility: hidden; 
    backface-visibility: hidden;
}
.wd-team-blog:hover .wd-team-inner{
    transform: rotateY(180deg);
}
/* ai interview */
.wd-inrvw-steps{text-align: center;}
.wd-inrvw-steps img{
    height: 432px;
    object-fit: contain;
}
.wd-bnr-area h6{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center;
    color: #FFF;
}
.wd-comn-que-blog{
    background-color: #f5f5f5;
    padding: 3rem 2rem 2rem;
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 18px;
    max-width: 1700px;
    margin: 0 auto;
}
.wd-comn-ques-txt h2{
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 12px;
}
.wd-comn-ques-txt h3{
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 12px;
}
.wd-comn-ques-txt p{
    font-weight: 400;
    font-size: 16px;
    color: #1a1a1a;
    margin-bottom: 12px;
}
.wd-comn-ques-txt ul li, .resign-step-txt ul li{
    font-size: 14px;
}
.resign-step-txt ul li{
    margin-bottom: 10px;
}
.resign-step-txt ul li img{
    margin-right: 10px;
}
.lang_ar .resign-step-txt ul li img{
    margin-left: 10px;
    margin-right: 0;
}
.download-title.h6{
    font-weight: 500;
    font-size: 18px;
    text-transform: capitalize;
    color: #1a1a1a;
    margin-bottom: 15px;
    line-height: 1.2;
}
.download-type-heading{
    font-weight: bold;
    font-size: 24px;
    color: #1a1a1a;
    margin-bottom: 1rem;
    text-transform: capitalize;
}
.wd-comn-ques-txt a{
    font-weight: bold;
    font-size: 18px;
    color: #1a1a1a;
    display: flex;
    align-items: center;
    gap: 10px;
}
.wd-comn-ques-txt a:hover{
    color: #1a1a1a;
}
.wd-comn-ques-txt a:hover svg path{
    fill: #1a1a1a
}
.wd-ques-img{
    text-align: center;
}
.wd-ques-img img{
    height: auto;
    width: 250px;
    object-fit: contain;
}
.wd-inrvw-features{
    padding: 70px 0;
    position: relative;
}
.wd-feature-bx{
    background: #FFFFFF;
    box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    margin-bottom: 2rem;
}
.wd-feature-img img{
    border-radius: 14px 14px 0 0;
    height: 212px;
    object-fit: cover;
    width: 100%;
}
.wd-feature-txt{
    padding: 30px 30px;
}
.wd-feature-txt h4, .wd-ai-txt h5{
    font-weight: bold;
    font-size: 18px;
    color: #1a1a1a;
    margin-bottom: 2px;
}
.wd-feature-txt p{
    font-weight: 400;
    font-size: 15px;
    color: #545454;
    margin-bottom: 35px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 50px;
}
.wd-feature-txt a{
    display: block;
    background: #a5c5e5;
    border: 0.852251px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3.409px 3.409px rgba(0, 158, 255, 0.25);
    border-radius: 8px;
    font-weight: bold;
    font-size: 16px;
    color: #FFFFFF;
    padding: 8px 15px;
    text-align: center;
}
.wd-ai-box{
    background: #FFFFFF;
    box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.1);
    border-radius: 14px;
    padding: 20px;
}
.wd-ai-icon{
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%), #a5c5e5;
    margin: 0 auto 30px;
    border-radius: 50%;
    position: relative;
    z-index: 1;
}
.wd-ai-icon::before{
    content: '';
    background: #a5c5e5;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    position: absolute;
    z-index: -1;
}
.wd-ai-icon::after{
    content: '';
    background: rgba(0, 157, 255, 0.20);
    width: 76px;
    height: 76px;
    border-radius: 50%;
    position: absolute;
    z-index: -1;
}
.wd-ai-txt{
    text-align: center;
}
.wd-ai-txt p{
    font-weight: 400;
    font-size: 15px;
    color: #545454;
    margin-bottom: 22px;
}
.wd-ai-txt a{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
    font-weight: bold;
    font-size: 15px;
    color: #1a1a1a;
}
/* ----------- Resignation Letter [START] ---------- */
.hire-comapny-blog{
    padding: 64px 0;
    margin-top: 0px;
    position: relative;
}
.owl-company{
    padding: 25px 0 0;
    position: relative;
}
.owl-company .item{
    padding-bottom: 20px;
}
.hire-cpmny-bx:hover {
    background: #FFF;
}

.hire-cpmny-bx {
    border-radius: 5px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.hire-cpmny-bx img{
    height: 32px !important;
    object-fit: contain;
    filter: grayscale(1);
}
.hire-cpmny-bx:hover img{
   filter: grayscale(0);
}
.resign-work-flow{
    padding: 30px 0 80px;
    position: relative;
}
.wd-job-title p{
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}

.wd-sub-step-title{
    font-weight: bold;    
    text-transform: capitalize;
    font-size: 18px;
}
.steps-container{
    display: flex;
    gap: 128px;
    padding: 64px 0;
    flex-direction: column;
}
.step-section{
    padding: 0 100px;
}
.step-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
}

.step-flex.reverse {
  flex-direction: row-reverse;
}

.step-text,
.step-img {
  flex: 1 1 50%;
  max-width: 50%;
}

.step-text .h2{
    font-size: 30px;
    margin-bottom: 20px;
    font-weight: bold;
}
.step-text p{
    font-size: 14px;
}

.step-img img {
  width: 500px;
  height: auto;
  display: block;
}

.resign-step-txt .h5, .wd-blue-title{
    font-weight: bold;
    text-transform: capitalize;
    color: #1a1a1a;
    margin-bottom: 15px;
    line-height: 1.2;
}
.heading-medium-34 {
    text-transform: capitalize;
    font-weight: bold;
    line-height: 1.3;
}
h2.heading-medium-34{
    color: #1a1a1a;
    margin-top: 0;
    margin-bottom: 20px;
}
.highlight {
    background-color: #a5c5e5;
}
strong.highlight{
    color: #1a1a1a;
    font-weight: bold;
}
.text-size-medium-14 {
    letter-spacing: normal;
    font-size: 1.125rem !important;
}
p.text-size-medium-14{
    color: #667085;
}
.resign-step-txt p{
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 12px;
}
.steps_heading .h5{
    font-size: 60px;
    font-weight: bold;
    line-height: 1.3;
}
.resign-step-img img{
    height: 424px;
    border: 4px solid #0B0038;
    border-radius: 30px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    object-fit: cover;
    width: 100%;
}
.wd-mb-90{
    margin-bottom: 90px;
}
.resign-review-blog{
    padding: 64px 0;
    position: relative;
    background: linear-gradient(302deg, #D7D7D7 0%, #E1E1E1 100%);
    /* background: linear-gradient(302deg, #0B0038 0%, #009EFF 100%); */
}
.wd-resign-counter .wd-main-title{
    color: #FFF;
}
.wd-interview-img img{
    border-radius: 50px;
    border: 9px solid #D3D3D3;
    height: 768px;
    margin-bottom: 60px;
}
.wd-review-area {text-align: center;}
.wd-review-area .wd-cmn-btn{margin: 0 auto;}
.wd-resign-counter{
    background: url(../images/resignation-letter/counter-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 50px 0;
}
/* ----------- Resignation Letter END] ---------- */
/* ----------- Cover Letter [START] ---------- */
.cover-letter-blog, .ai-download-format-section{
    margin-top: 64px;
    position: relative;
}
 .ai-download-format-section{
    padding: 0 100px;
 }
.ai-download-format-section ul.list-unstyled li img{
    margin-right: 1rem;
}
.lang_ar .ai-download-format-section ul.list-unstyled li img{
    margin-right: 0;
    margin-left: 1rem;
}
.wd-review-blog{
    padding: 80px 0 0;
    position: relative;
}
.wd-review-box{
    display: block;
}
.wd-review-img{margin-bottom: 2rem;}
.wd-review-img img{
    height: 425px;
    object-fit: contain;
}
.wd-review-txt h5{
    font-weight: 500;
    font-size: 16px;
    text-transform: capitalize;
    color: #1a1a1a;
    margin-bottom: 6px;
}
.wd-review-txt h3{
    font-weight: 500;
    font-size: 22px;
    text-transform: capitalize;
    color: #1a1a1a;
    margin-bottom: 2px;
}
.cover-step-img img{
    height: 100%;
    width: 300px;
    object-fit: contain;
}
.wd-review-txt p{
    font-weight: 400;
    font-size: 16px;
    color: #1a1a1a;
    margin-bottom: 15px;
}
.job-listing{
    list-style: none;
    margin: 0;
    padding: 0;
}
.job-listing li{
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    color: #1a1a1a;
    gap: 12px;
    margin-bottom: 12px;
}
.list-icon svg{
    width: 21px;
    height: 22px;
}
.wd-pb-50{
    padding-bottom: 50px;
}
.wd-pb-100{margin-bottom: 3rem;}
.cover-brand{
    background: rgba(0, 158, 255, 0.04);
}
.wd-loop-cv p{
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    margin-bottom: 2rem;
}


/* ----------- Cover Letter [END] ---------- */




/*---------Arabic Section [ START ]---------*/
/* header */
.lang_ar header .navbar .menu .menu-item:last-child::before{right: 0; left: unset;}
.lang_ar header .navbar .menu-item a span svg {margin-right: 10px;margin-left: 0;}
.lang_ar .text-center .wd-sub-title{text-align: center;}
.lang_ar .text-center .wd-blue-title, .wd-blue-title-1{text-align: center;}
.lang_ar .text-center .wd-main-title{text-align: center;}
.lang_ar .text-center p{text-align: center;}
/* automate job */
.lang_ar .wd-work-step{text-align: right;}
.lang_ar .wd-recruit-area span strike, .lang_ar .wd-recruit-area .prize-plan{text-align: right;}
.lang_ar .wd-benefit-box{text-align: right;}
.lang_ar header .navbar .menu-item a{flex-flow: row-reverse;}
.lang_ar .wd-bnr-area h2, .lang_ar .wd-bnr-area p{text-align: center;}
/* paymnet details */
.lang_ar .wd-plan-body ul{padding: 0px 25px 0 0;}
.lang_ar .wd-plan-body ul li::before{right: -23px; left: unset;}
.lang_ar .wd-paymnt-box .plan-details{padding: 15px 55px 15px 15px;}
/* premium plan */
.lang_ar .wd-paymnt-lbl{padding: 0 30px 0 0;}
.lang_ar .wd-paymnt-box .cstm-rdio label:before, 
.lang_ar .wd-paymnt-way .cstm-rdio label:before{right: 0; left: auto;}
.lang_ar .wd-slct-plan .cstm-rdio label:before{right: 15px; left: auto;}
.lang_ar .wd-plan-dtls{padding: 0 45px 0 15px;}
.lang_ar .wd-rate-txt{text-align: center;}
.lang_ar .wd-prv-link svg{transform: rotate(180deg);}
.lang_ar .wd-paymnt-box .cstm-rdio input[type="radio"]:checked + label::after, 
.lang_ar .wd-paymnt-way .cstm-rdio input[type="radio"]:checked + label::after{right: 4px; left: auto;}
.lang_ar .wd-slct-plan .cstm-rdio input[type="radio"]:checked + label::after{right: 19px; left: auto;}
.lang_ar .wd-form-icon{left: 0; right: auto;}
.lang_ar .owl-company{ direction: ltr !important;}


.ai-feature {
  padding: 64px 156px;
}


.ai-feature__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
}

.ai-feature__row--reverse {
  flex-direction: row-reverse;
}

.ai-feature__text,
.ai-feature__media {
  flex: 1 1 50%;
}

.ai-feature__title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
}

.ai-feature__heading {
  font-size: 28px;
  font-weight: bold;
  margin: 0 0 14px;
}

.ai-feature__desc {
  font-size: 15px;
  margin: 0 0 18px;
}

.ai-feature__list {
  list-style: none;
  padding: 0;
  margin: 0 0 22px;
}

.ai-feature__list li {
  margin-bottom: 10px;
  font-size: 15px;
  position: relative;
  padding-left: 0;
}

.ai-feature__list li img{
    margin-right: 10px;
}

.lang_ar .ai-feature__list li img{
    margin-right: 0;
    margin-left: 10px;
}

.ai-feature__image {
  width: 400px;
  height: auto;
  display: block;
  border-radius: 12px;
}

.ai-download__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

.ai-download__left,
.ai-download__right {
  flex: 1 1 50%;
}

.ai-download__list{
    margin-bottom: 1rem;
}
/* responsive */
@media (max-width: 991px)
{
    /*automate job  */
    br{display: none;}
    .wd-job-img, .wd-choose-plan{margin-bottom: 20px;}
    .wd-bnr-area, .wd-loop-cv{padding: 36px 0;}
    .wd-bnr-area h2, .wd-main-title, .wd-recruit-area h3{font-size: 30px; margin-bottom: 15px;}
    .wd-bnr-area p{font-size: 15px; margin-bottom: 20px;}
    .wd-job-txt h6{font-size: 14px; margin-bottom: 12px;}
    .wd-loop-area h2{font-size: 30px;}
    .wd-cv-work ul li:nth-child(even){display: none;}
    .wd-step-box p, .wd-work-step p, .wd-search-job ul li, .wd-cv-txt, .wd-ordr-btn, .wd-black-btn,  .wd-paymnt-lbl h4{font-size: 14px;}
    .wd-step-box span{width: 36px;height: 36px;font-size: 16px;}
    .wd-cv-work ul{margin: 30px 0;}
    .wd-work-step{padding: 20px 15px; margin-bottom: 20px;}
    .wd-work-step h4{font-size: 20px;}    
    .wd-faq-area .card{padding: 0 0 15px;}
    .wd-pkg-box h4, .wd-pkg-box p, .wd-work-step h4, .wd-pkg-box, .wd-work-step img, .wd-recruit-img img, .wd-benft-job img, .wd-job-pic img{margin-bottom: 20px;}
    /*  Review plan  */
    .wd-benefit-box img{height: 50px; margin-bottom: 15px;}
    .wd-pkg-bg{height: 280px;}
    .wd-pkg-plan {margin: -245px 0 0;}
    .wd-pkg-box span strike, .wd-recruit-area span strike, .wd-plan-box span{font-size: 18px;}
    .wd-pkg-box .prize-plan, .wd-recruit-area .prize-plan{font-size: 34px; margin-bottom: 15px;}
    .wd-brdr{margin: 15px 0;}
    .wd-pkg-box ul li svg, .wd-grid-two ul li svg{width: 20px; height: 21px;}
    .wd-pkg-box a{padding: 9px 24px;}
    .wd-grid-two{margin: 0 0 20px;}
    .wd-rvrs-btn-grp{justify-content: center;}
    .wd-search-job-area h4{font-size: 20px; margin-bottom: 15px;}
    /* Free CV   */
    .wd-review-points ul li{font-size: 15px; margin-bottom: 12px;}
    .wd-review-points ul li span{width: 25px; height: 25px; font-size: 14px;}
    .number_listing{margin-bottom: 2rem;}
    /* reverse recruiting */
    .wd-job-hrs-title p, .wd-confrm-txt p{width: 100%;}
    .wd-job-dtls p, .wd-job-hrs-title p, .wd-about-blog p, .wd-vision-area p, .wd-salry-check p, .wd-me-txt p{font-size: 15px; line-height: 24px;}
    .wd-job-search h3{font-size: 24px; margin-bottom: 15px;}
    .wd-job-tag{font-size: 18px;margin-bottom: 15px;}
    .wd-job-btn{margin: 30px auto; font-size: 14px;}
    .wd-loop-cv .wd-loop-area{text-align: center; justify-content: center; flex-flow: column; gap: 0px;}
    .wd-bnft-lst li span, .select_btn{font-size: 15px;}
    /* Premium Plan */
    .wd-plan-box{height: 130px;}
    .wd-plan-box h4{font-size: 28px;}
    .wd-white-box{margin: 20px 0 0;}
    .wd-white-box{padding: 15px;}
    .wd-plan-body ul li{font-size: 15px; margin-bottom: 15px;padding-left: 25px;}
    .wd-plan-body ul li::before{width: 16px; height: 16px; top: 4px;}
    .wd-paymnt-title p{font-size: 16px; margin-bottom: 15px;}
    .wd-pay-btn{padding: 12px 55px; font-size: 14px;}
    .wd-paymnt-box{margin-bottom: 20px;}
    .wd-ss-secure-lock{margin: 0 auto 20px;}
    .wd-payment-blog{padding: 0 0 36px;}
    .wd-paymnt-dtls .form-group .form-control{padding: 12px 15px;}
    .wd-paymnt-dtls .form-group, .wd-feature-txt p{margin-bottom: 15px;}
    .wd-form-icon{margin: 42px 15px 0;}
    /* Premium member modal */
    #premiumMember .modal-header, .paymnet-modal .modal-body{padding: 20px;}
    .paymnet-modal .modal-title{font-size: 20px;}
    .wd-plan-dtls{height: 90px;}
    .wd-plan-dtls h6{font-size: 22px;}
    .wd-slct-plan .cstm-rdio label:before{top: 35px;}
    .wd-slct-plan .cstm-rdio input[type="radio"]:checked + label::after{top: 39px;}
    .wd-cont-btn{margin: 20px auto; padding: 12px 55px; font-size: 14px;}
    /* payment details modal */
    .wd-paymnt-hdr h5{font-size: 20px;}
    .wd-paymnt-hdr p{font-size: 15px; margin-bottom: 15px;}
    /* about us */
    .wd-about-blog p, .wd-vision-area p, .wd-salry-check p{margin: 0 auto 10px;}
    .wd-mt-50 { margin-top: 30px;}
    .wd-sub-title{font-size: 22px; margin-bottom: 10px;}
    .wd-vision-img img{height: 200px;}
    .count_txt h3, .count-up span{font-size: 32px;}
    .wd_count_bx svg{width: 60px; height: 60px;}
    .wd_count_bx p, .wd-comn-ques-txt p, .wd-me-txt h5, .wd-feature-txt a, .count_txt p{font-size: 15px;}
    .wd_count_bx{margin-bottom: 20px;}
    .wd-about-img, .wd-ques-img, .wd-vision-img{text-align: center;}
    .wd-about-img img{height: 450px; margin-bottom: 15px;}
    .wd-about-me{padding: 36px 0 0;}
    .wd-team-txt p{min-height: unset;}
    /* ai iterview */
    .wd-ai-box{margin-bottom: 2rem;}
    .wd-inrvw-features .row .col-md-6:last-child .wd-ai-box{margin-bottom: 0;}
    .wd-feature-txt{padding: 20px 15px;}
    .wd-feature-img img{height: 120px;}
    .wd-ai-txt p{margin-bottom: 15px;}
    .wd-ai-icon::after{width: 72px; height: 72px;}
    .wd-ai-icon::before{width: 62px; height: 62px;}
    .wd-ai-icon{width: 50px; height: 50px;}
    /* ai salary checker */
    .wd-salary-steps img {height: 300px;}
    /* Cover Letter & Resignation Letter */
    .wd-blue-title, .wd-blue-title-1{font-size: 18px; margin-bottom: 10px; line-height: 1.2;}
    .wd-job-title p{font-size: 16px;}
    .wd-job-title, .wd-mb-90{margin-bottom: 2rem;}
    .cover-step-img{text-align: center; margin-bottom: 15px;}
    .cover-step-img img, .resign-step-img img{height: auto; margin-bottom: 15px;}
    .owl-company{padding: 20px 0 0;}
    .wd-review-box{margin-bottom: 2rem;}
    .job-listing li{font-size: 15px; margin-bottom: 10px; gap: 6px;}
    .list-icon svg {width: 19px; height: 20px;}
    .wd-review-txt h3{font-size: 20px; margin-bottom: 8px;}
    .wd-review-txt p{font-size: 15px; margin-bottom: 12px;}
    .wd-review-blog{padding: 36px 0 0;}
    .wd-interview-img img{height: auto; margin-bottom: 2rem; border-radius: 30px; border: 9px solid #D3D3D3;}
}


@media (max-width: 767px)
{
    .wd-loop-area{display: block;}
    .wd-loop-area, .wd-vision-img{text-align: center;}
    .wd-loop-area .wd-white-btn{margin: 0 auto;}
    .wd-cmn-btn, .wd-white-btn{padding: 8px 24px;}
    /* premium Plan */
    .wd-form-group{flex-flow: column; gap: 0;}
    .wd-form-group .form-group:last-child, .wd-vision-img img, .wd-salary-steps img{margin-bottom: 15px;}
    /* ai Interview */
    .wd-comn-ques-txt h2{font-size: 20px;}
    .wd-inrvw-steps img, .wd-ques-img img{height: 250px;}
    /* about us */
    .wd_count_bx svg {width: 50px;height: 50px;}
    .wd-about-img img {height: 360px;}
    /* Cover Letter & Resignation Letter */
    .wd-review-img{text-align: center; margin-bottom: 15px;}
    .wd-review-box{margin-bottom: 15px;}


}


@media screen and (max-width:576px) {
    .career_hero_heading {
    font-size: 18px;
  }
  
    .career_hero__headings h2 {
    font-size: 22px;
  }
      .career_hero__row {
    flex-direction: column;
    gap: 24px;
    padding: 0 16px; /* smaller padding for mobile */
  }

  .career_hero__left,
  .career_hero__right {
    flex: 1 1 100%;
    width: 100%;
  }

  .career_hero__right img {
    width: 100%;
    height: auto;
  }

  .career_hero__logos {
    justify-content: center;  /* center logos on small screens */
    gap: 14px;                /* smaller gap for mobile */
    margin-bottom: 16px;
  }

  .career_hero__logos img {
    height: 18px; /* scale logos down slightly */
  }

  .steps-container{
    gap: 64px;
    padding: 32px 0;
  }

  .career_hero{
    padding: 32px 0;
  }
  .step-img img, .ai-feature__image {
    width: 100%;    
    max-width: 320px;
    margin: 0 auto;  
    display: block;
  }

  .ai-feature{
    padding: 32px 1rem;
  }

  .ai-download-format-section {
    margin-top: 32px;
  }

    .ai-feature__row,
  .ai-feature__row--reverse {
    flex-direction: column;
    gap: 28px;
  }

  .ai-feature__heading {
    font-size: 22px;
  }
    .full-image-blog h2{
        font-size: 24px;
    }
    .resume-arrow, .resume-tip-box{
        display: none;
    }
    .wd-cmn-btn {
    margin: 0 auto;
    }
    .resume-tip-box{
        top: -4%;
        left: 2%;
    }
    .full-image-blog , .wd-comn-que-blog{
        padding: 3rem 1rem;
    }
    .step-section, .ai-download-format-section{
        padding: 0;
    }
    .page-container, .full-page-container{
        padding: 0 1rem;
    }
    .step-img img{
        margin: 0 auto;
    }
    .wd-comn-que-blog .wd-ques-img{
        margin-top: 1.5rem;
    }
    .wd-bnr-area{
        padding: 2.5rem 0 2.5rem;
    }
    .step-flex{
        gap: 30px;
    }
    .step-flex,
    .step-flex.reverse {
        flex-direction: column;
        text-align: center;
    }

    .step-text,
    .step-img {
        max-width: 100%;
        flex: 1 1 100%;
    }

    .step-text {
        margin-bottom: 20px;
    }
    .wd-bnr-area h2, .wd-main-title, .wd-loop-area h2, .wd-recruit-area h3 {font-size: 24px;}
    .wd-cv-work ul{flex-flow: column;}
    /*  footer   */
    .wd-horz-ftr-link{gap: 25px;}
    .wd-horz-ftr-link li a{font-size: 14px;}
    /*  Review plan   */
    .wd-grid-two{grid-template-columns: repeat(1, 1fr); grid-gap: 0px;}

     .ai-download__row {
    flex-direction: column;
    gap: 20px;
  }

  .ai-download__left,
  .ai-download__right {
    flex: 1 1 100%;
  }

   
}
@media (max-width: 475px)
{
    /* reverse recruiting */
     .wd-job-week-box{flex-flow: column;}
     .wd-job-hrs{margin: 15px auto 0; width: fit-content; flex-flow: row; gap: 6px;}
     .wd-job-week-box, .wd-job-week-dtls{align-items: flex-start;}
}

/* --- iPad / Tablet Specific Portrait Breakpoints --- */
@media screen and (min-width: 576px) and (max-width: 768px) and (orientation: portrait) {
  /* iPad mini / small tablets in portrait */
 .career_hero__headings h2 {
    font-size: 26px;
  }
  .career_hero {
    padding: 48px 0;
  }
  .career_hero_heading {
    font-size: 22px;
  }
  .steps-container{
    gap: 64px;
    padding: 32px 0;
  }
  .career_hero__row {
    flex-direction: column;
    gap: 24px;
    padding: 0 16px; /* smaller padding for mobile */
  }

  .career_hero__left,
  .career_hero__right {
    flex: 1 1 100%;
    width: 100%;
  }

  .career_hero__right img {
    width: 500px;
    height: auto;
  }

  .ai-download-format-section {
    margin-top: 32px;
  }


    .career_hero__logos {
    justify-content: center;  /* center logos on small screens */
    gap: 14px;                /* smaller gap for mobile */
    margin-bottom: 16px;
  }

  .career_hero__logos img {
    height: 18px; /* scale logos down slightly */
  }

  .step-img img, .ai-feature__image {
    width: 100%;    
    max-width: 320px;
    margin: 0 auto;  
    display: block;
  }

.ai-feature{
    padding: 32px 1rem;
  }

    .ai-feature__row,
  .ai-feature__row--reverse {
    gap: 10px;
  }

  .ai-feature__heading {
    font-size: 22px;
  }

  .resume-arrow {
    width: 40px;
    top: 16%;
    left: 11%;
  }
  .resume-tip-box {
    top: -13%;
    left: -22%;
  }
  .lang_ar .resume-tip-box {
    left: -28%;
}
  .step-section{
    padding: 0 25px;
}
.ai-download-format-section {
    padding: 0;
}
  .ai-download__left,
  .ai-download__right {
    flex: 1 1 50%;
  }
}

@media screen and (min-width: 769px) and (max-width: 820px) and (orientation: portrait) {
  /* iPad Air (portrait) */
  .career_hero__headings h2 {
    font-size: 28px;
  }
  .career_hero_heading {
    font-size: 24px;
  }
   .career_hero {
    padding: 56px 0;
  }
  .resume-arrow {
    width: 40px;
    top: 16%;
    left: 11%;
  }
  .resume-tip-box {
    top: -13%;
    left: -17%;
  }
  .lang_ar .resume-tip-box {
    left: -23%;
}
  .step-section, .ai-download-format-section {
    padding: 0 50px;
}
.ai-feature{
    padding: 32px 1rem;
  }

    .ai-feature__row,
  .ai-feature__row--reverse {
    gap: 10px;
  }

  .ai-feature__heading {
    font-size: 22px;
  }


.career_hero__row {
    flex-direction: column;
    gap: 24px;
    padding: 0 16px; /* smaller padding for mobile */
  }
}

@media screen and (min-width: 821px) and (max-width: 834px) and (orientation: portrait) {
  /* iPad Pro 11" (portrait) */
  .career_hero {
    padding: 60px 0;
  }
   .career_hero_heading {
    font-size: 26px;
  }
  .career_hero__headings h2 {
    font-size: 30px;
  }
  .resume-arrow {
    width: 40px;
    top: 16%;
    left: 11%;
  }
  .resume-tip-box {
    top: -13%;
    left: -22%;
  }
   .career_hero {
    padding: 64px 0;
  }
   .step-section, .ai-download-format-section {
    padding: 0 50px;
}
.ai-feature {
  padding-left: 78px;
  padding-right: 78px;
}
.career_hero__row {
    gap: 24px;
    padding: 0 16px; /* smaller padding for mobile */
  }
}

@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  /* iPad Pro 12.9" and large tablets (portrait) */
  .career_hero__headings h2 {
    font-size: 32px;
  }
   .career_hero_heading {
    font-size: 28px;
  }
  .resume-arrow {
    width: 50px;
    top: 21%;
    left: 13%;
  }
  .resume-tip-box {
    top: -7%;
    left: -2%;
  }
  .lang_ar .resume-tip-box {
    left: -17%;
}
   .step-section, .ai-download-format-section {
    padding: 0 50px;
}
.ai-feature {
  padding-left: 78px;
  padding-right: 78px;
}
.career_hero__row {
    gap: 24px;
    padding: 0 16px; /* smaller padding for mobile */
  }
}

/* ================== Surface Pro 7 ================== */
/* Portrait */
@media screen and (min-width: 900px) and (max-width: 950px) and (orientation: portrait) {
  /* Surface Pro 7 (portrait) */
    .resume-arrow {
    width: 50px;
    top:17%;
    left: 12%;
  }
  .resume-tip-box {
    top: -7%;
    left: -11%;
  }
}

/* ================================ Responsive [END]=============================================== */