.lang_ar {
    direction: rtl;
}
a, a:hover, :hover{
    text-decoration: none;
    -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;
}
ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
/*----- HEADER -----*/
.hidden {
  display: none;
}
header{
    box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.04);
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 11;
    transition: all .3s ease;
    padding: 0;    
}
header .navbar{    
  padding: 0;
}
header .navbar .brand img{
  max-width: 100%;  
  object-fit: contain;
    height: 32px;
}
header .navbar .menu {
  display: flex;
  flex-direction: row;
  flex: 1;
  flex-basis: auto;
  justify-content: center;
  align-items: center;
}
header .navbar .menu .menu-item {position: relative;}
header .navbar .menu-item a {
  font-size: 14px;
  font-weight: 500;
    text-align: center;
    color: #424242;
    margin-right: 0;    
    padding: 29.5px 22px;
  display: flex;
    align-items: center;
    -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;
}
header .navbar .menu-item a img{
  margin-right: 8px;
    width: 20px;
    height: 20px;
    object-fit: contain;
}
header .navbar .menu-item a span svg{
  margin-left: 10px;
}
header .navbar .menu-item a:hover{
  color: #2181FF !important;
}
header .navbar .menu .menu-item:last-child::before{
    content: "";
    width: 1px;
    height: 16px;
    background: #B0B0B0;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.mega-dropdown-menu {
    display: none;
}
.mega-dropdown-menu {
    padding: 20px 0;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
}
ul.mm_menu li a {
    padding: 6px 0 !important;
    text-align: left !important;
}
.megamenu_full_block {
    background: #f4f5f7;
    height: 350px;    
}
li.nav-item.dropdown.mega_menu_list {
    position: initial;
    width: 216px;
}
ul.dropdown-menu.mega-dropdown-menu {
   width: 247px;
   background: #f4f5f7;
}
.mega_menu_list .dropdown-menu {
    position: absolute;
    top: 0;
    left: 245px;
    width: calc(20vw - 0px);
    height: 100%;
    padding: 15px 25px;
    font-size: 14px;
    border-radius: 0;
    transition: width .2s ease-in;
    border-bottom: 1px solid #f4f5f7!important;
    border-top: none;
    border-left: none;
    border-right: none;    
    box-shadow: 4px 4px 10px #00000029;
}
.megamenu_full_block li.mega_menu_list span.nav-link {
    color: #8993a4!important;
    font-size: 14px!important;
    line-height: 23px;
    width: 100%;
    position: relative;
    padding: 5px 0!important;
}
.dropdown-menu {
    position: absolute;
    top: 99%;
    left: -80px;
    z-index: 1000;
    display: none;
    padding: 15px 25px;
    margin: 0;
    font-size: 1rem;
    color:#1a1a1a;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border-bottom: 1px solid #f4f5f7;
    border-radius: 0;
    box-shadow: 0px 4px 10px #00000029;
    border-top: none;
    border-left: none;
    border-right: none;
}
header .navbar .menu li:hover>ul.dropdown-menu{
  display: block;
}
.navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
}
.dropdown-toggle::after{display: none;}
.mm_menu_atag.dropdown-toggle {
    padding: 14px 0 0 !important;
}
.quick_links {
    display: flex;
    align-items: center;
}
.quick_links a:first-child{
  padding:10px 0;
}
/*-------------------------------header For AUTHENTICATION -----[END]-------------------------  */
.header_auth {
    background: #FFFFFF;
    height: 80px;
    display: flex;
    align-items: center;
}
header .navbar a.lang_btn{
    border-radius: 90px;
    border: 1px solid rgba(0, 0, 0, 0.30);
    padding: 6px 7px 6px 15px;
    display: inline-block;
}
.lang_btn span{margin-right: 3px; color: #424242;font-size: 14px;font-weight: 500;}

/* -------------------------------header [END]------------------------- */
/*----- FOOTER -----*/
footer{
  background: #F6F9FB;  
  display: block;
  position: relative;
  padding: 50px 0;
}
footer p{
  font-size: 14px;
    font-weight: 400;
    display: block;
    color: #7A88A0 !important;
    margin: 0 0 19px;
    max-width: 325px;
    width: 100%;
}
.wd-ftr-abt{
    margin: 1rem 0 2rem;
}
footer h6{
  font-size: 16px;
    font-weight: bold;
    color: #42526E !important;
    display: block;
    margin-bottom: 1rem;  
}
.ftmenu_list {
    margin-bottom: 1.5rem;
}
.ftmenu_list li a {
    font-size: 14px;
    font-weight: 400;
    color:#1a1a1a;
    display: flex;
    margin-bottom: 10px;
    align-items: flex-start;
}
.ftmenu_list li a:hover{
    color: #1a1a1a;
    font-weight: 500;
}
.ftmenu_list li a svg {
    margin-right: 10px;
    width: 22px;
    height: 22px;
}
.ftmenu_list li a p {
    width: 100%;
    margin-bottom: 0;
}
.social_list li a {
    background: #a5c5e5;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.social_list li a svg {
    width: 20px;
    height: 20px;
}
.social_list li a:hover{border: 1px solid #a5c5e5;}
.social_list {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 1.5rem 0 0;
}
.social_list li {
    margin-right: 10px;
}
.social_list li:last-child {
    margin-right: 0;
}
.ssl_blog img{
  margin-right: 10px;
}
.ssl_blog span{
    font-size: 14px;
    font-weight: 400;
    color: #7A88A0;
}
.sitemap_links{
    display: flex;
    justify-content: flex-end;
    grid-gap: 20px;
}
.sitemap_links li a{
    font-size: 14px;
    font-weight: 400;
    color: #1a1a1a;
}
  .footer_social {
    display: flex;
    grid-gap: 15px;
    justify-content: flex-start;
}
.footer_social li a img{
    height: 24px;
    max-width: 100%;
}
.ssl_blog {
    display: flex;
    align-items: center;
}
#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; 
}
footer .row div:nth-child(2) {
    padding-left: 3rem;
}

/* automate job */
.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-content{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3rem;
    align-items: center;
    text-align: center
}
.wd-bnr-area h1{
    font-weight: bold;
    margin: 0;
    margin-bottom: 20px;
    text-align: center;
}
.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 auto;
}
.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-white-btn:hover{
    color: #1a1a1a;
}
.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: 30px;
    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{
    border-radius: 18px;
    position: relative;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    margin: 64px 0;
}
.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{
    max-width: 100%;
    height: auto;
    margin: 0;
}
.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-loop-cv .wd-main-title{
    color: #1a1a1a;
}
.dream_job_title{
    font-weight: bold;
    font-size: 2rem;
    margin-bottom: 1rem;
    text-transform: capitalize;
}
/* FAQs */
.wd-faq-blog,
.wd-review-points,
.wd-job-area, 
.wd-paymnt-block{
    padding: 70px 0;
    position: relative;
}

.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;
}
/*  faqs [END] */
/* -------------Free Review Service ------------- */
.wd-review-points ul{
    margin-bottom: 30px;
}
.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: 30px;
}
/* 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: 40px;
}
.wd-mt-50{
    margin-top: 5rem;
}
.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: #009EFF;
    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;
    color: #1a1a1a;
    border-radius: 9px;
    display: inline-block;
    width: fit-content;
    font-weight: bold;
    font-size: 15px;
    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: #009EFF;
    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: #009EFF;
    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 #1a1a1a;
}
.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;
    border: 1px solid #a5c5e5;
    color: #1a1a1a;
}
.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: 24px;
}
/* .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: #009EFF;
    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;
    padding: 10px 20px;
    background: #a5c5e5;
    border: 1px solid #a5c5e5;
    color: #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: #009EFF;
    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: 30px;
}
.wd-paymnt-box{
    background: #FFFFFF;
    border: 1px solid #D1D1D1;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 30px;
}
.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;}

.steps-container{
    display: flex;
    gap: 128px;
    padding: 64px 0;
    flex-direction: column;
}
.step-section{
    padding: 0;
}
.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%;
}

.wd-flex-container {
    display: flex;
    align-items: center;        /* vertically center */
    justify-content: space-between;
    flex-wrap: wrap;            /* allow stacking on small screens */
    gap: 0;                  /* spacing between text & image */
}

.wd-comn-ques-txt,
.wd-ques-img {
    flex: 1 1 50%;
}

.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 #a5c5e5;
    color: #1a1a1a;
    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;
    font-size: 15px;
    font-weight: bold;
}
.wd-cont-btn:hover{
    color: #1a1a1a;
    border-bottom: #009EFF;
    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: 30px;
}
#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{
    margin-top: 40px;
    position: relative;
}

.wd-salary-blog{
    padding: 64px 100px;
}
.career_hero__headings {
    margin: 0 auto 32px;
    text-align: center;
    padding: 0 16px;
}
.wd-salary-blog h2{
    font-size: 36px;
    font-weight: bold;
    margin: 0 0 10px;
}

.wd-salary-blog p{
    font-size: 16px;
    margin: 0;
}
.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-about-blog p:last-child{
    margin: 0 auto 0px;
}
.wd-sub-title{
    font-weight: bold;
    font-size: 30px;
    color: #1a1a1a;
    margin-bottom: 15px;
    text-transform: capitalize;
}
.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{
  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: 30px;
}
.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{
    width: 400px;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}
.wd-bnr-area .h6{
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center;
    color: #1a1a1a;
}
.wd-comn-que-blog{
    background-color: #f5f5f5;
    padding: 25px;
    position: relative;
    width: 100%;
    height: 100%;
    margin-bottom: 64px;
    border-radius: 18px;
}
.section-top-padding{
    margin-top: 4rem;
}
.wd-comn-ques-txt h4{
    font-weight: bold;
    color: #1a1a1a;
    margin-bottom: 12px;
}
.wd-comn-ques-txt p{
    font-size: 16px;
    margin-bottom: 12px;
}
.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: right;
}
.lang_ar .wd-ques-img{
    text-align: left;
}
.wd-ques-img img{
    height: 100%;
    width: 350px;
    object-fit: contain;
}
.wd-inrvw-features{
    padding: 64px 100px;
    position: relative;
}
.wd-feature-bx{
    background: #FFFFFF;
    box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.1);
    border-radius: 14px;
}
.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: 1px solid #a5c5e5;
    border-radius: 8px;
    font-weight: bold;
    font-size: 16px;
    color: #1a1a1a;
    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;
    height: 100%;           /* let it expand to the column height */
    display: flex;
    flex-direction: column;
}
.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: 16px;
    text-decoration: underline;
}

.lang_ar .wd-ai-txt h5, .lang_ar .wd-ai-txt p{
    text-align: center !important;
}
/*---------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;}
/* automate job */
.lang_ar .wd-work-step{text-align: right;}
.lang_ar .wd-cmn-btn, .lang_ar .wd-white-btn{margin: unset;}
.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;}
/* 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;}


.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;
}

.cta-button-section a{
    margin: 0 auto;
    margin-top: 3rem;
}

.autoapply-flex {
    display: flex;
    gap: 20px;              /* space between cards */
    flex-wrap: wrap;        /* stack on smaller screens */
}

.wd-work-step {
    flex: 1;                /* all equal width */
    min-width: 280px;       /* responsive breakpoint (stacks if smaller) */
    border: 1px solid #ddd;
    border-radius: 18px;
    padding: 25px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.wd-work-step h3 {
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 1rem;
    text-align: center;
}

.wd-work-step p {
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 1rem;
    text-align: center;
    flex-grow: 1;
}

.wd-work-step a.default-lr-button {
    margin: 0 auto;
    margin-top: auto; /* keeps it stuck to bottom */
    width: 220px;
    text-align: center;
}

.hire-comapny-blog{
    margin-bottom: 64px;
}

.hire-comapny-blog .engineer-title{
    font-weight: bold;
    font-size: 1.5rem;
    margin-bottom: 15px;
    text-transform: capitalize;
}


.hire-comapny-blog .hire-company-title{
    font-weight: bold;
    font-size: 1.5rem;
    margin-bottom: 15px;
    text-transform: capitalize;
}
.company-list-section {
    margin: 64px 0;
}

.company-list-section .companies {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.company-list-section .hire-cpmny-bx img {
    max-height: 40px;
    width: 150px;
    object-fit: contain;
}


/* ================================ Responsive [START]=============================================== */
@media only screen and (max-width: 991px) 
{ 
    #desktop {display: none;}
    #responsive_menu {display: block;}
    header .navbar .menu .menu-item:last-child::before{display: none;}
  header .navbar {padding: 20px 0;margin: 0 auto;}  
  header .navbar #nav:checked ~ .wrapper {width: 100%;background: #00000080;opacity: 1;display: flex;align-items: flex-end;flex-direction: column;z-index: 99;height: 100%;transition: all 0.3s ease;}
  header .navbar .wrapper {position: fixed;top: 0;right:0;bottom: 0; width: 0;height: unset;z-index: -1;opacity: 0;background: #d1dee7;transition: all 0.3s ease;}
  header .navbar .wrapper .menu {display: none;}
  header .navbar .wrapper .menu-item {width: 100%;text-align: left;padding: 12px 25px;margin-bottom: 0px;}  
  header .navbar .wrapper .menu-item:first-child a {justify-content: flex-end;font-size: 22px;font-weight: bold;}
  header .navbar .wrapper .menu-item:nth-child(1) a {transition-delay: 0.2s;}
  header .navbar .wrapper .menu-item:nth-child(2) a {transition-delay: 0.3s;}
  header .navbar .wrapper .menu-item:nth-child(3) a {transition-delay: 0.4s;}
  header .navbar .wrapper .menu-item:nth-child(4) a {transition-delay: 0.5s;}
  header .navbar .wrapper .menu-item:not(:first-child) {margin-left: 0;}
  header .navbar .wrapper .menu-item a {opacity: 0;transform: translateX(-20px);transition: all 0.3s ease-in-out;display: flex;align-items: center;padding: 0;}
  header .navbar .nav-toggle {display: block;cursor: pointer;z-index: 999;margin-bottom: 0;position: relative;}
  header .navbar .nav-toggle span {display: block;width: 22px;height: 2px;background: #141C28;border-radius: 2px;margin-left: 14px;}
  header .navbar .nav-toggle span:nth-child(2) {margin: 5px 0;opacity: 1;width: 18px;margin-left: auto;}  
  header .navbar #nav:checked + .nav-toggle {
    position: fixed;
      top: 0;
      bottom: 0;
      right: 0;
      background: transparent;
      border-radius: 0;
      width: 20%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-flow: column;
  }
  header .navbar .wrapper .menu-item a span {display: flex;align-items: center;justify-content: space-between; width: 100%;color: #424242;}
  header .navbar .wrapper .menu-item a span svg path {fill: #009EFF;}
  header .navbar #nav:checked + .nav-toggle span{display: none;}
    header .navbar #nav:checked ~ .wrapper .menu {
      background: #fff;
      box-shadow: 0px -3px 14px 0px #00000040;
      width: 80%;
      margin-right: auto;
      height: 100%;
      position: relative;
        display: block;
  } 
  header .navbar #nav:checked ~ .wrapper .menu-item a {opacity: 1;transform: translateX(0);}
    header .navbar .menu-item a img{display: none;}
  header #accordionExample {
      padding: 0px 15px;
      border-top: 1px solid #cccccc5e;
      margin-top: 10px;
  }
  header #accordionExample li {
      padding: 10px 0 0px;
  }
  header #accordionExample .megamenu_full_block ul {
      padding: 0px 20px;
  }
  .log_links a {
      font-size: 14px !important;
      color: #493b3b !important;
      font-weight:  400 !important;
  }
  .megamenu_full_block{background: transparent;height: auto;} 
  #res_logo{display: block;width: 100%;text-align: left;padding: 15px 15px;}
    /* auth */
    .header_auth .navbar .wrapper{opacity: 1; width: auto;position: relative; background: transparent;}
    /* footer */
    footer{padding: 30px 0;}    
  .footer_social{justify-content: flex-start;margin-top: 1rem;}
  .sitemap_links{justify-content: flex-start;margin-top: 0.5rem;} 
  .active_blog svg {transform: rotate(180deg);}
    footer .row div:nth-child(2){padding-left: 15px;}
    footer .row div:first-child{margin-bottom: 1rem;}
    

  /*arabic css*/
  .lang_ar header .navbar #nav:checked ~ .wrapper .menu{margin-left: auto;margin-right: unset;}
  .lang_ar header .navbar #nav:checked + .nav-toggle{left: 0;right: unset;}
  .lang_ar header .navbar .menu .menu-item:first-child:after, .lang_ar header .navbar .menu .menu-item:nth-child(3):after, .lang_ar header .navbar .menu .menu-item:nth-child(5):after{display: none;}

    

}

/* responsive */
@media (max-width: 991px)
{
    /*automate job  */
    br{display: none;}
    main{padding: 72px 0 0;}
  .wd-job-img, .wd-choose-plan{margin-bottom: 20px;}
    .wd-bnr-area h1, .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: 30px;}
    /* 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-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{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: 30px;}
    .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;}




}


@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 h4{font-size: 20px;}
    /* about us */
    .wd_count_bx svg {width: 50px;height: 50px;}
    .wd-about-img img {height: 360px;}
}

@media (max-width: 576px)
{
    .company-list-section .hire-cpmny-bx img {
        width: 100px;
    }
    .wd-comn-que-blog, .hire-comapny-blog{
        margin-bottom: 32px;
    }
     .wd-inrvw-features {
    padding: 32px 20px;
  }
    .resign-work-flow{
        padding-top: 32px;
    }
    .how-it-works-title {
        font-size: 22px;
    }
    .wd-flex-container {
        flex-direction: column;     /* stack vertically */
        gap: 20px;
    }

    .wd-comn-ques-txt,
    .wd-ques-img {
        flex: 1 1 100%;             /* full width */
        min-width: auto;
        text-align: center;         /* center content */
    }

    .wd-ques-img img {
        max-width: 90%;             /* shrink image a bit */
        margin: 0 auto;
    }

    .wd-comn-que-blog .default-lr-button{
        margin: 0 auto;
    }
    .wd-comn-ques-txt{
        margin-top: 1rem;
    }
    .wd-ques-img img{
        width: 300px;
    }
    .dream_job_title {
    font-size: 22px;
    }
    .steps-container{
        gap: 64px;
        padding: 32px 0;
    }

    .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%;
    }

    .wd-inrvw-steps img{
        width: 350px;
    }
    
    .wd-salary-blog h2{
        font-size: 22px;
    }
    .wd-salary-blog p{
        font-size: 14px;
    }
    .cta-button-section a{
            margin-top: 1rem;
    }
    .page-container, .full-page-container{ 
        padding: 0 1rem;
    }
    .wd-bnr-area{
        padding: 2.5rem 0 2.5rem;
    }
    .wd-bnr-area h1, .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;}

    .wd-salary-blog{
        padding: 3rem 0;
    }
    .wd-mt-50{
        margin-top: 0;
    }
    .wd-salary-blog p{
        margin-bottom: 2rem;
    }
   
}
@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;}
}

@media screen and (min-width: 576px) and (max-width: 768px) and (orientation: portrait) {
  /* iPad mini / small tablets in portrait */
   .wd-inrvw-features, .wd-salary-blog {
    padding: 48px 40px;
  }
   .wd-flex-container {
    flex-direction: column;     /* stack vertically */
    gap: 30px;
  }
  .how-it-works-title {
        font-size: 24px;
    }
    .wd-comn-que-blog .default-lr-button{
        margin: 0 auto;
    }

  .wd-comn-ques-txt,
  .wd-ques-img {
    flex: 1 1 100%;             /* full width */
    text-align: center;
  }

  .wd-ques-img img {
    max-width: 80%;
  }
    .wd-salary-blog .wd-mt-50 {
        margin-top: 2rem;
    }
     .wd-salary-blog h2 {
        font-size: 28px; 
    }
    .step-flex{
        gap: 30px;
    }
    .steps-container{
        gap: 64px;
        padding: 32px 0;
    }
}

@media screen and (min-width: 769px) and (max-width: 820px) and (orientation: portrait) {
  /* iPad Air (portrait) */
  .wd-inrvw-features, .wd-salary-blog {
    padding: 56px 60px;
  }
   .wd-flex-container {
    flex-direction: row;        /* side by side */
    gap: 0;
  }
  .how-it-works-title {
        font-size: 26px;
    }

  .wd-comn-ques-txt,
  .wd-ques-img {
    flex: 1 1 50%;
  }

  .wd-ques-img img {
    max-width: 90%;
  }
    .wd-salary-blog .wd-mt-50 {
        margin-top: 2rem;
    }
}

@media screen and (min-width: 821px) and (max-width: 834px) and (orientation: portrait) {
  /* iPad Pro 11" (portrait) */
   .wd-inrvw-features, .wd-salary-blog {
    padding: 60px 80px;
  }
    .wd-flex-container {
    flex-direction: row;
    gap: 0;
  }
  .how-it-works-title {
        font-size: 28px;
    }

  .wd-comn-ques-txt,
  .wd-ques-img {
    flex: 1 1 50%;
  }
    .wd-salary-blog .wd-mt-50 {
        margin-top: 2rem;
    }
}
  
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  /* iPad Pro 12.9" and large tablets (portrait) */

    .wd-salary-blog .wd-mt-50 {
        margin-top: 2rem;
    }
     .wd-flex-container {
    flex-direction: row;
    gap: 0px;
  }
  .how-it-works-title {
        font-size: 30px;
    }
     .wd-inrvw-features, .wd-salary-blog {
    padding: 64px 90px;
  }

  .wd-comn-ques-txt,
  .wd-ques-img {
    flex: 1 1 50%;
  }
}

/* ================================ Responsive [END]=============================================== */
.lang_ar .wd-bnr-area .h6,.lang_ar .wd-bnr-area h1,.lang_ar .wd-bnr-area p,.lang_ar .wd-bnr-area a, .lang_ar .wd-loop-cv h3{
    text-align: center;
}
.lang_ar .wd-bnr-area .wd-cmn-btn{
    margin: auto;
}