.Emp_topbanner_Grad {
  /* background: #191c25; */
}


/* banner */
.ad_main_en_top {
  min-height: 580px;
  width: 100%;
  position: relative;
  background: #191c25;
}

.ad__main__top__flex {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-content: center;
  gap: 50px;
  padding: 3rem 0 5rem 3rem;
}

.ad__main__top__inleft {
  display: flex;
  flex-direction: column;
  gap: 30px;
}


/* Article-banner-start */
.ind_article_banner_sec {
  padding: 7rem 0 1rem;
}

.ind_article_banner_emps {
  padding: 0 4rem;
}

.ind_article_banner_emps_d {
  background: #edf2fa;
  border-radius: 30px;
  padding: 2rem 3rem;
}

.ind_article_banner_emps_d p {
  font-size: 16px;
  color: rgb(114, 112, 112);
  font-weight: 400;
}

.ind_article_banner_secwhs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 30px;
  position: relative;
}

.ind_article_banner_secwhs .ind_hr_line {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ind_article_banner_secwhs hr {
  width: 280px;
  height: 2px;
  background: #828282;
  opacity: 1;
  transform: rotate(90deg);
}

.ind_article_banner_Ge p {
  font-size: 16px;
  color: #727070;
  font-weight: 400;
  padding-bottom: 10px;
}

.ind_article_banner_Ge img {
  height: auto;
  width: 300px;
}

.ind_article_banner_consflex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}

.ind_article_banner_conse {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding-top: 1rem;
}

.ind_article_banner_secwhs .ind_article_banner_conse h3 {
  font-size: 20px;
  font-weight: 600;
  color: #4f4e4e;
  line-height: 25px;
  padding-top: 10px;
}

.ind_article_banner_secwhs .ind_article_banner_conse p {
  font-size: 16px;
  color: #464a4f;
  line-height: 20px;
  font-weight: 400;
  padding: 0;
}

.ind_article_banners_ {
  border: 1px solid #0a66c2;
  padding: 10px 10px;
  border-radius: 5px;
  font-weight: 500;
  font-size: 16px;
  background: transparent;
  max-width: fit-content;
  text-align: center;
}

.ind_article_banners_ a {
  color: #0a66c2;
}

.ind_article_banner_secwhs .ind_article_banners_ svg {
  width: 15px;
  height: 15px;
  fill: #0a66c2;
}

.ind_article_banner_emps_d:hover .ind_article_banners_ {
  background: #0a66c2;
  cursor: pointer;
}

.ind_article_banner_emps_d:hover .ind_article_banners_ a,
.ind_article_banner_emps_d:hover .ind_article_banners_ svg {
  color: #fff;
  fill: #fff;
}

.ind_article_banner_Gins_conse .banner_Gins_conse img {
  height: auto;
  width: 250px;
}

.ind_article_banner_Gins_conse {
  margin-bottom: 50px;
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  padding-left: 6rem;
}

.ind_article_banner_Gins_conse h3 {
  font-size: 20px;
  font-weight: 600;
  color: #727070;
  line-height: 25px;
  padding-left: 10px;
}

.ind_article_banner_Gins_conse h3 span {
  font-size: 16px;
  color: #727070;
  font-weight: 400;
}

@media (max-width: 1399px) {
  .ind_article_banner_emps {
    padding: 0;
  }

  .ind_article_banner_secwhs .ind_article_banner_conse h3 br,
  .ind_article_banner_secwhs .ind_article_banner_conse p br {
    display: none !important;
  }

}

@media (min-width: 768px) and (max-width: 999px) {
  .ind_article_banner_emps_d {
    padding: 2rem 1.5rem;
  }

  .ind_article_banners_ {
    font-size: 13px;
  }

  .ind_article_banner_Gins_conse {
    width: 100%;
    padding-left: 4rem;
  }

  .ind_article_banner_conse {
    width: 100%;
  }
}

@media (max-width: 767px) {

  .ind_article_banner_conse {
    width: 100%;
  }

  .ind_article_banner_emps_d {
    padding: 2rem 1rem;
  }

  .ind_article_banner_secwhs {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
    display: flex;
  }

  .ind_article_banner_secwhs .ind_article_banner_conse {
    width: 90%;
    margin: 0 auto;
  }

  .ind_article_banner_emps {
    padding: 0;
  }

  .ind_article_banner_secwhs .ind_hr_line {
    display: none;
  }

  .ind_article_banner_Gins_conse {
    margin: 0;
    width: auto;
    padding: 0;
  }

  .ind_article_banners_ {
    font-size: 15px;
    margin: 0 auto;
  }

  .ind_article_banner_emps_d p {
    text-align: center;
  }
}

@media (max-width: 360px) {
  .ind_article_banners_ {
    padding: 5px;
    font-size: 13px;
  }

  .ind_article_banner_Gins_conse h3 {
    font-size: 19px;
  }

  .ind_article_banner_secwhs .ind_article_banner_conse {
    width: 100%;
    margin: 0 auto;
  }
}

/* Article-banner-end */



/* space set */
.up_d_empw {
  padding: 5rem 0 7rem;
}

/* Employer why section */
.emp_why_s {
  background: #fff;
}

.emp_why_ins {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-self: center;
}

.emp_why_ins h2 {
  font-size: 25px;
  font-weight: 400;
  text-align: center;
}

.emp_why_ins h2 span {
  font-weight: 600;
}

.emp_why_g {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  justify-content: center;
  gap: 15px;
  padding-top: 3rem;
}

.emp_why_g_colle {
  position: relative;
  background: #0B66C3;
  padding: 10px 20px 30px;
  border-radius: 30px;
  height: 100%;
  /* max-width: 275px; */
  transition: all 0.3s ease;
}

.emp_why_g_colle svg {
  width: 80px;
  height: 80px;
  fill: #ffffff;
  position: absolute;
  right: 15px;
}

.emp_why_g_colle .emp_why_clle_cons {
  padding-top: 3rem;
}

.emp_why_g_colle .emp_why_clle_cons .emp_why_nu {
  font-size: 50px;
  font-weight: 700;
  display: inline-block;
  color: #3682CD;
}

.emp_why_g_colle .emp_why_clle_cons h6 {
  font-size: 19px;
  font-weight: 600;
  color: #ffffff;
  padding-bottom: 15px;
  margin-top: -10px;
}


.emp_why_g_colle .emp_why_clle_cons p {
  max-width: 235px;
  color: #ffffff;
  font-weight: 400;
}

.emp_why_g_colle:hover {
  transform: scale(1.02);
  background: #EDF1FA;
}

.emp_why_g_colle:hover .emp_why_clle_cons h6,
.emp_why_g_colle:hover .emp_why_clle_cons p {
  color: #212529;
}

.emp_why_g_colle:hover svg {
  fill: #0a66c2;
}


.emp_why_g_colle:hover .emp_why_clle_cons .emp_why_nu {
  color: #CBD0D6;
}

/* How Its Work Section */
.Emp_hwork_Gsec {
  padding: 5rem 0 0;

}

.Emp_hwork_GsBG {
  background: #F8F9FD;
  padding: 50px 40px 40px;
  border-radius: 20px;
}

.Emp_hwork_Gsec h1 {
  font-size: 38px;
  font-weight: 600;
  line-height: 42px;
  color: #212529;
  text-align: center;
}


.Emp_hwork_Gsec h1 .hwork_blk {
  color: #333;
  font-weight: 600;
}

.Emp_hwork_G {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  padding-top: 30px;
}

.Emp_hwork_collef {
  padding: 30px;
  border-radius: 20px;
}

.Emp_hwork_collef,
.Emp_hwork_collef_content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: center;

}

.Emp_hwork_collef_content {
  text-align: center;
  gap: 2px;
  width: 100%;
  position: relative;
}

.Emp_hwork_collef_content h6 {
  font-size: 20px;
  color: #333;
  font-weight: 600;
}

.Emp_hwork_collef_content .hwork_org {
  color: #333;
  font-weight: 700;
  font-size: 30px;
}

.Emp_hwork_collef_content .hwork_blk {
  color: #333;
  font-weight: 700;
}

.Emp_hwork_collef_content p {
  font-size: 17px;
  line-height: 20px;
  color: #393939;
}

.Emp_hwork_collef_content p span {
  font-weight: 600;
}

.Emp_hwork_G svg {
  fill: #eaebef;
  flex-shrink: 0;
}

.Emp_hwork_collef img {
  /* width: auto;
  height: 280px; */
  box-shadow: 0px 0px 1px 2px #f2f5ff;
  box-shadow: rgb(50 50 93 / 16%) 0px 6px 12px -2px, rgb(0 0 0 / 8%) 0px 3px 7px -3px;
  border-radius: 20px;
  flex-shrink: 0 !important;
}




/* Logos Sections */

.Emp_Logo_st {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 7rem 0 2rem;
}

.Emp_Logo_st_scoll {
  overflow: hidden;
  width: 90%;
  background: #fff;
  position: relative;
}

.Emp_Logo_st_img img {
  height: 75px;
  width: auto;
  flex-shrink: 0;
}

.Emp_Logo_st_img {
  display: flex;
  flex-wrap: nowrap;
  padding-top: 30px;
  gap: 4rem;
  justify-content: center;
  align-items: center;
  width: max-content;
  will-change: transform;
  animation: scrollEffect 80s linear infinite;
}

@keyframes scrollEffect {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

.Emp_Logo_st_scoll::before,
.Emp_Logo_st_scoll::after {
  content: '';
  position: absolute;
  top: 0;
  width: 100px;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}


.Emp_Logo_st_scoll::before {
  left: 0;
  background: linear-gradient(to right, white, transparent);
}

.Emp_Logo_st_scoll::after {
  right: 0;
  background: linear-gradient(to left, white, transparent);
}

/* .Emp_Logo_st_img.scroll-content {
  display: flex;
} */

.Emp_Logo_st_scoll:hover .Emp_Logo_st_img {
  animation-play-state: paused;
}

@media(max-width: 767px) {
  .Emp_Logo_st_img {
    gap: 18px !important;
  }
}

/* Logo  Section  End*/

.Emp_logo_st_fm h2 {
  font-weight: 600;
  text-align: center;
  font-size: 24px;
}

@media(max-width: 1220px) {
  .Emp_hwork_G {
    gap: 10px;
  }

  .Emp_hwork_GsBG {
    padding: 50px 20px;
  }

  .Emp_hwork_collef {
    padding: 10px
  }

}

@media(min-width: 767px) and (max-width: 991px) {
  .Emp_hwork_collef img {
    height: 160px !important;
  }

  .Emp_hwork_G svg {
    display: block;
    width: 20px;
    height: 20px;
  }

}

@media(min-width: 550px) and (max-width: 750px) {
  .ad_main_en_top {
    min-height: 730px;
  }
}

@media(min-width: 450px) and (max-width: 550px) {
  .ad_main_en_top {
    min-height: 700px;
  }
}

@media(min-width: 768px) and (max-width: 991px) {
  .ad_main_en_top {
    min-height: 700px;
  }

  .emp_why_g {
    grid-template-columns: 1fr 1fr;
  }



  .Emp_Logo_st_img {
    flex-wrap: wrap;
  }

  .Emp_Logo_st_img,
  .Emp_Logo_st_flex {
    align-items: center;
    justify-content: center;
  }

  /* .Emp_hwork_G svg {
    display: none;
  } */

  .Emp_hwork_G {
    padding-top: 10px;
    flex-wrap: wrap;
    gap: 0;
  }

  .Emp_hwork_GsBG {
    padding: 50px 10px;
  }

  .Emp_hwork_Gsec h1 {
    font-size: 30px;
    line-height: 35px;
    margin: 0 auto;
  }

  .Emp_hwork_collef {
    padding: 20px
  }

  .emp_why_g_colle {
    width: 100%;
  }
}

@media(max-width: 991px) {

  .Emp_hwork_collef img {
    height: 300px;
  }

  .Emp_Logo_st_flex {
    flex-direction: column;
  }

  .Emp_Logo_st_flex {
    padding: 20px;
    width: 100%;
  }

  .Emp_Logo_st_flex {
    gap: 5px;
  }

  .emp_why_g_colle .emp_why_clle_cons p {
    max-width: 100%;
  }
}


@media(max-width: 767px) {
  .Emp_hwork_Gsec h1 {
    font-size: 25px;
    line-height: 30px;
  }

  .ad_main_en_top {
    padding-top: 2rem;
  }

  .emp_why_g {
    display: flex;
    flex-wrap: wrap;
  }

  .up_d_empw {
    padding: 5rem 0 5rem;
  }

  .emp_why_g_colle {
    width: 100%;
  }

  .Emp_Logo_st {
    padding: 3rem 0 3rem;
  }

  .Emp_hwork_collef img {
    width: auto;
    height: 300px;
  }

  .Emp_hwork_Gsec {
    padding: 4rem 0 0;
  }

  .Emp_hwork_G {
    padding-top: 10px;
  }

  .Emp_hwork_G svg {
    display: none;
  }

  .Emp_hwork_collef {
    padding: 20px 0;
  }

  .Emp_Logo_st_img {
    flex-wrap: wrap;
    justify-content: center;
  }

  .Emp_Logo_st_flex {
    flex-direction: column;
  }

  .Emp_hwork_GsBG {
    padding: 30px 10px;
  }

  .Emp_hwork_G {
    flex-direction: column;
    gap: 5px;
  }

  .Emp_Logo_st_img {
    gap: 20px;
    align-items: center;
  }

  .Emp_Logo_st h2 {
    font-size: 18px;
  }
}


/* center-profile */
.Emp_L_Main_bg {
  background: #F8F9FD;
  padding: 3rem 0;
}

/* .Emp_L_Mains {
  background: #fff;
} */

.ad__main__top__inleft h1 {
  color: #fff;
  font-size: 50px;
  font-weight: 400;
  line-height: 58px;
}

.ad__main__top__inleft h1 span {
  font-weight: 600;
}

.ad__main__top__inleft p {
  color: #ccc;
  max-width: 440px;
}

@media (max-width: 767px) {
  .ad__main__top__inleft p {
    font-size: 15px;
  }
}

.ad__j__signi {
  background: #0a66c2;
  color: #fff;
  padding: 8px 20px;
  border-radius: 5px;
  cursor: pointer;
  border: 1px solid transparent;
  display: inline-block;
  text-align: center;
  font-weight: 500;
  transition: .3s ease;
}

.ad__j__signi:hover {
  background: #0d5dad;
  color: #fff;
}

.ad__main__top__fl {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 14px;
}

.ad__main__top__fl a {
  width: 150px;
}

.ad__post_j {
  background: transparent;
  border: 1px solid #333b52;
  color: #fff;
  padding: 8px 20px;
  border-radius: 5px;
  text-align: center;
}

.ad__post_j:hover {
  color: #fff !important;
  background: #0a66c2;
  border: 1px solid transparent;
}

.ad__main__top__inright img {
  width: auto;
  object-fit: contain;
  height: 500px;
}

.EmpGEN_img img {
  width: auto;
  object-fit: contain;
  height: 430px;
}

.Emp__Show_F {
  padding: 3rem 0 5rem 0;
  grid-template-columns: 1fr 1fr;
}

.Emp__Show_Fs {
  grid-template-columns: 1fr 1fr;
  padding: 3rem 0 5rem 0;
}

.Emp__Show_Fs .EmpGEN_img img {
  width: auto;
  object-fit: contain;
  height: 400px;
}

.Emp__Show_Fs .top__inleft h6 {
  font-weight: 700;
  font-size: 18px;
}

/* .Emp__Show_Fs .top__inleft {
  padding-left: 3rem;
} */

.top__inleft {
  max-width: 570px;
  gap: 20px;
}

.Emp__Show_Fs .top__inleft p {
  max-width: 460px;
}

.top__inleft h3 {
  font-size: 38px;
  font-weight: 700;
  line-height: 40px;
  color: #212529;
}

/* .top__inleft h3 span {
  color: #FF7A01;
} */

.top__inleft p {
  color: #333 !important;
  font-size: 18px;
  max-width: 500px;
}

.top__inleft p span {
  font-weight: 600;
}

.top__inleft ul {
  padding: 0 30px 0;
}

.top__inleft ul li {
  list-style: disc;
  font-size: 16px;
  padding-bottom: 3px;
}

.top__inleft_ {
  margin-top: 1rem;
}

.top__inleft_ a {
  background: #0a66c2;
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
}

.top__inleft_ a:hover {
  background: #0858a8;
  color: #fff;
}

/* center profile end */


/* no of counts  */
.emp_no_cut_f {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 50px;
  padding: 6rem 2rem 8rem;
  background: transparent;
}

.emp_no_cut_cole {
  display: flex;
  gap: 10px;
  align-items: center;
}

.emp_no_cut_cole svg {
  width: 80px;
  height: 80px;
}

.emp_no_cut_cole .emp_no_cut_cons {
  display: flex;
  flex-direction: column;
}

.emp_no_cut_cole .emp_no_cut_cons strong {
  font-size: 40px;
  font-weight: 700;
  color: #0a66c2;
}


.emp_no_cut_cole .emp_no_cut_cons p {
  line-height: 18px;
  margin-top: -3px;
  padding-left: 4px;
  color: #333;
}



/* end */

/* Lawpic: legal recruitment */
/* .emp_gr_bgc {
  background: linear-gradient(180deg, #f7f9fc 10%, #ffffff 32%);
} */
.emp_legalre {
  background: #252830;
}

.emp_legre {
  padding: 7rem 0.5rem 6rem;
  background: #252830;
}

.emp_legre_ins {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 50px;
  padding: 2.5rem 4rem 0;
  row-gap: 20px;
}

.emp_legre_ins .emp_legre_ins_colle_ {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 15px 20px;
  border-radius: 10px;
  transition: all 0.3s ease;
}

.emp_legre_ins .emp_legre_ins_colle_ svg {
  width: 70px;
  height: 70px;
  overflow: hidden;
  flex-shrink: 0;
}

.emp_legre_ins span {
  font-size: 17px;
  text-align: left;
  color: #c5cad4;
}

.emp_legre_ins_colle_ svg .clsEBJ-1 {
  fill: #33363f;
}

.emp_legre_ins_colle_ svg .clsEBJ-2 {
  fill: #a2a8b4;
}

.emp_legre_ins .emp_legre_ins_colle_:hover {
  background: #33363f;
  transform: scale(1.02);
}

.emp_legre_ins .emp_legre_ins_colle_:hover span {
  color: #fff;
}

.emp_legre_hds h4 {
  font-size: 38px;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  line-height: 50px;
}

.emp_legre_hds h4 span {
  font-weight: 600;
}

/* end */
@media (max-width: 1320px) {
  .ad__post_j {
    font-size: 13px;
  }
}

@media (max-width: 1320px) {
  .top__inleft h3 {
    font-size: 30px;
    line-height: 35px;
  }

  .emp_legre_ins span br {
    display: none;
  }

  .emp_legre_ins .emp_legre_ins_colle_ {
    align-items: start;
  }


}

@media (min-width: 768px) and (max-width: 991px) {
  .emp_legre_ins {
    width: 100%;
    margin: 0 auto;
    grid-template-columns: 1fr;
  }

  .emp_no_cut_cole {
    flex-wrap: wrap;
  }

  .ad__main__top__inright img {
    height: 400px;
  }
}

@media (max-width: 767px) {

  .emp_no_cut_f {
    flex-wrap: wrap;
    padding: 4rem 0;
    align-items: start;
    width: 100%;
    justify-content: start;
  }

  .emp_legre {
    padding: 3rem 0.5rem;
  }

  .emp_no_cut_cole .emp_no_cut_cons strong {
    font-size: 35px;
  }

  .emp_no_cut_cole svg {
    width: 75px;
    height: 75px;
  }

  .emp_legre_ins {
    grid-template-columns: 1fr;
    gap: 15px;
    padding: 2rem 0 0 0;
  }

  .emp_legre_ins .emp_legre_ins_colle_ svg {
    width: 60px;
    height: 60px;
  }

  .emp_legre_ins span {
    font-size: 15px;
  }

  .emp_legre_ins span br {
    display: none;
  }

  .emp_legre_hds h4 {
    font-size: 25px;
    text-align: center;
    line-height: 30px;
  }

  .ad__main__top__inright img {
    height: 300px;
  }

  .Emp__Show_Fs .EmpGEN_img img,
  .Emp__Show_F .EmpGEN_img img {
    height: 300px;
  }
}



/* Employer pricing */
section.section {
  padding: 45px 10px;
}

.pric_indi_p {
  margin: 4rem 0 3rem;
}

.Pri_Top_hd {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-bottom: 30px;
}

.Pri_Top_hd h2 {
  font-size: 25px;
  font-weight: 600;
  color: #444d59;
}

.Pri_Top_hd .line {
  /* flex: 1; */
  height: 2px;
  background: #d5e1f4;
  width: 230px;
}


.pricing_tab_o {
  box-shadow: 0px 0px 4px 0px rgba(248, 250, 252, 1);
  padding: 3rem 3rem;
  margin: 1rem 0 0;
  border-radius: 30px;
  background: linear-gradient(180deg, rgba(247, 249, 252, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

.prici_ta_top1 {
  padding: 7rem 5rem 5rem;
}

.pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 25px;
  /* margin: 5rem 0 0; */
  justify-content: center;
  /* align-items: center; */
}

.pricing-top-- {
  text-align: center;
  padding: 69px 0 15px;
}

.pricing-top-- h3 {
  font-size: 45px;
  font-weight: 600;
  line-height: 53px;
  padding-bottom: 10px;
}

/* .pricing-top-- h3 span {
  color: #535bd6;
} */

.pricing-top-- p {
  color: #59636e;
  font-size: 15px;
  padding-top: 5px;
  font-weight: 400;
}

.pricing--middle-free {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.pricing--middle-free p {
  text-align: center;
  color: #333 !important;
  font-weight: 400 !important;
  padding-bottom: 15px;
  font-size: 17px;
  line-height: 27px;
}

.pricing--middle-free-btn {
  text-align: center;
  margin: 10px 0px;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.pricing--middle-free a {
  border: 1px solid #ddd;
  background: #0a66c2;
  color: #fff;
  padding: 8px 20px;
  border-radius: 5px;
  border: none;
  outline: none;
  box-shadow: none;
  transition: .5s ease;
  cursor: pointer;
  border: 1px solid transparent;
  text-align: center;
  font-weight: 500;
}

.pricing--middle-free-btn:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  transform: scale(1.02);
}

.pricing--middle-free a i {
  padding-left: 5px;
}

.pricing--middle-free a:hover {
  background: #eef1fe;
  border: 1px solid #0a66c2;
  color: #0a66c2;
}

.pricing--middle-free a:hover i {
  visibility: visible;
  color: #0a66c2;
}

.pricing-box {
  position: relative;
  background: #fff;
  border: 1px solid #888;
  box-sizing: border-box;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 2rem 2rem 2rem;
  transition: all 0.3s ease;
  z-index: 10;
}

.recom-pricing-box {
  border: 2px solid #212529 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  /* background: linear-gradient(180deg, rgba(247, 249, 252, 1) 0%, rgba(255, 255, 255, 1) 100%); */
}

.pricing-box {
  border: 1px solid #c4c4c4;
}

.pricing-box-recom-box {
  position: absolute;
  top: -37px;
  background: #212529;
  color: #fff;
  left: 0;
  right: 0;
  padding: 8px 11px;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  /* width: 384px; */
  width: auto;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  margin: 0 -2px;
}

.pricing-box .head h5 {
  display: block;
  font-weight: 600;
  font-size: 25px;
  color: #0a66c2;
  margin-bottom: 10px;
  text-transform: capitalize;
}

.pricing-box .head p {
  color: #333;
  font-size: 14px;
  /* width: 300px; */
  padding: 0 0 8px 0;
  line-height: 18px;
}

.pricing-box .head h3 {
  font-size: 28px;
  line-height: 41px;
  color: #202124;
  display: block;
  font-weight: 700;
  transition: all 0.3s ease;
  text-align: left;

}

.pricing-box .head h3 sub,
.pricing--amt h3 sub {
  color: #67696d;
  font-weight: 400;
  font-size: 14px;
  bottom: 2px;
  top: 0px;
  left: 3px;
}

.pric_co_off_clr {
  color: #0a66c2;
  font-weight: 600;
}

.pricing-box .head h3 sup {
  color: #202124;
  font-weight: 600;
  font-size: 20px;
  left: -5px;
  top: -22px;
}


.pricing-box-start-s .footers {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 20px 0;
}

.prci_fl_co {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0px 0 40px;
  justify-content: space-between;
  padding-top: 20px;
}



/* ai start*/
.ad_ico_Al {
  margin-bottom: 15px;
}

.ad_ico_Al span {
  display: inline-block;
  color: #000;
  font-weight: 400;
  padding-left: 5px;
}



.ad_ico_Al svg {
  margin-left: -4px;
  fill: #929ca4;
}

/* ai end */

/* pricing count*/

.body-jobp-flex-inc-part {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  width: 100%;
  align-items: center;
}

.pric_drp_count {
  position: relative;
}

.pric_drp_fix {
  border-radius: 5px;
  padding: 7px 30px 7px 10px;
  cursor: pointer;
  border: 1px solid #c8d5e1;
}

.pric_drp_flx {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
}

.pric_dtp_show {
  position: absolute !important;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.05) 0 6px 24px,
    rgba(0, 0, 0, 0.08) 0 0 0 1px;
  left: 0;
  top: 38px;
  z-index: 1;
  width: 56.23px;
  border-radius: 5px;
  padding: 0 !important;
  opacity: 0;
  transition: max-height 0.3s ease,
    opacity 0.25s ease,
    transform 0.25s ease;
  transform: translateY(-6px);
  overflow: hidden;
  overflow-y: auto;
  max-height: 0;
  opacity: 0;
}

.pric_dtp_show.open {
  max-height: 150px;
  opacity: 1;
  transform: translateY(0);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.pric_dtp_show.open li:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}


.pric_dtp_show::-webkit-scrollbar {
  width: 5px;
}

.pric_dtp_show::-webkit-scrollbar-thumb {
  background: #e4e4e4e8;
  border-radius: 10px;
}

.pric_dtp_show::-webkit-scrollbar-button {
  display: none;
}

.pric_drp_fix.active {
  border-color: #6faae3;
  box-shadow: 0px 0px 4px #6faae3;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.pric_dtp_show li.active {
  background: #212529;
  color: #fff !important;
}

.pric_dtp_show li.active:hover {
  background: #1a1d20;
}

.pric_dtp_show li:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.pric_dtp_show li:hover {
  background: #f2f2f2;
  cursor: pointer;
}

.pric_dtp_show li {
  padding: 5px !important;
  margin: 0 !important;
  text-align: center;
}

.pric_dtp_show li::before {
  display: none;
}



.showArrow {
  position: absolute;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 2px solid #454444;
  border-bottom: 2px solid #454444;
  transform: rotate(45deg);
  transition: all 0.3s ease;
  right: -19px;
  top: 4px;
}

.pric_drp_fix.active .showArrow {
  transform: rotate(225deg);
  top: 8px;
  border-right: 2px solid #0a66c2;
  border-bottom: 2px solid #0a66c2;
}


.pric_co_off {
  display: flex;
  margin: 0 0 15px 0;
  justify-content: end;
  gap: 5px;
  /* opacity: 0; */
}

.pric_co_off p {
  background: #f1f8ff;
  padding: 2px 5px;
  border-radius: 5px;
  font-size: 12px;
}

/* pricing count end*/


.enter-post-mi {
  color: #b1b8c9;
}

.pricing-box .body {
  height: 235px;
  border-bottom: 2px dashed #e4ecf4;
}

.ex_t .entri_ult_pri .body {
  height: 230px;
}

.entri_ult_pri .body {
  border-bottom: 2px dashed #464e56;
}

/* Unlimited-s */
.pricing-ulitra-box {
  position: absolute;
  top: -2px;
  right: -14px;
  padding: 8px 15px;
  border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
  font-size: 15px;
  font-weight: 600;
  color: #212529;
  background: #ffbc47fc;
}

.pricing-ulitra-box::before {
  border-right: 7px solid transparent;
  content: "";
  position: absolute;
  right: -7px;
  bottom: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  /* border-left: 12px solid #ffd489; */
  border-left: 12px solid #ffce79;
  z-index: -1;
}

/* Unlimited-e */

@media (max-width: 360px) {
  .pricing-ulitra-box {
    font-size: 12px;
  }
}

.pricing-box .body ul {
  position: relative;
  padding-top: 15px;
}

.pricing-box .body ul li {
  position: relative;
  font-size: 15px;
  line-height: 25px;
  color: #000;
  font-weight: 400;
  margin-bottom: 15px;
  padding-left: 30px;
}

.pricing-box .body ul li::before {
  content: "\f00c";
  position: absolute;
  left: 0;
  top: 1px;
  font-family: "FontAwesome";
  font-size: 13px;
  color: #929ca4;
}

.pricing-box .footers .btn-1 {
  width: 100%;
  /* margin: 10px 0px 20px; */
  border-radius: 5px;
  display: inline-block;
}

.pricing-box .footers .btn-1.alter {
  border: 1px solid #e7eef4;
  background: #e7eef4;
  color: #202124;
  font-weight: 500;
  padding: 10px 20px;
  box-shadow: none;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.pricing-box .footers .btn-1.alter:hover {
  background: #0a66c2;
  color: #fff;
  transform: none;
}


/* .recom-pricing-box .btn-1 {
  background: #0a66c2 !important;
  color: #fff !important;
} */

/* Job Boost */
.pricing--jobboost--section {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.pricing--jobboost--top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 15px;
}

.pricing--jobboost--top p {
  max-width: 500px;
  margin: 0 auto;
}

.pricing--jobboost--top h2 {
  font-weight: 600;
  font-size: 38px;
  line-height: 45px;
}

.pricing--jobboost--left {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border: 1px solid #c4c4c4;
  border-radius: 20px;
  padding: 32px 40px;
  background: #fff;
  width: 460px;
  margin: 0 auto;
  width: 100%;
}

.pricing--lead-p {
  max-width: 400px;
  padding-top: 10px;
}

.pricing--jobboost--left h2 {
  font-size: 38px;
  font-weight: 700;
  line-height: 40px;
}

.pricing--jobboost--order {
  border-bottom: 2px dashed #e4ecf4;
  height: 200px;
}

.pricing--jobboost--order ul {
  display: flex;
  flex-direction: column;
}

.pricing--jobboost--order ul li {
  padding-left: 30px;
  position: relative;
  text-align: start;
  font-size: 15px;
  color: #000;
  margin-bottom: 15px;
  font-weight: 400;
}

.pricing--jobboost--order ul li::before {
  position: absolute;
  left: 2px;
  top: 2px;
  font-family: "FontAwesome";
  content: "\f00c";
  font-size: 13px;
  color: #929ca4;
}

.pricing--jobboost--order ul li strong,
b {
  font-weight: 600;
}

.pricing--amt h3 {
  font-size: 28px;
  line-height: 41px;
  color: #202124;
  font-weight: 700;
  transition: all 0.3s ease;
  padding-top: 8px;
}

.pricing--jobboost--left .head h5 {
  display: block;
  font-weight: 600;
  line-height: 24px;
  font-size: 25px;
  color: #0a66c2;
  margin-bottom: 10px;
}

.pricing--jobboost--left .head p {
  color: #333;
  font-size: 14px;
  width: 100%;
  padding: 0 0 8px 0;
}

.pricing--jbno--flex {
  display: flex;
  flex-direction: column;
  gap: 25px;
  width: 100%;
  /* padding-top: 25px; */
}

.pricing--jbno {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}

.pricing--jbno::before {
  position: absolute;
  left: 2px;
  top: 2px;
  font-family: "FontAwesome";
  content: "\f00c";
  font-size: 13px;
  color: rgb(10 102 194);
}

.pricing--displ {
  display: flex;
  gap: 10px;
  color: #5c5b5b;
}

.pricing--displ h3 {
  font-size: 18px;
  color: #000;
  font-weight: 500;
}

.price-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  /* margin: 20px 0; */
}

.price-btn button {
  border: 1px solid #e7eef4;
  background: #e7eef4;
  color: #202124;
  font-weight: 500;
  padding: 10px 20px;
  box-shadow: none;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  width: 100%;
  border-radius: 5px;
}

.price-btn button:hover {
  background-color: #0a66c2;
  color: #fff;
  /* transform: scale(1.02); */
}

.pricing--jobboost--right img {
  width: 550px;
  object-fit: contain;
}

.pricing--jbno--flex .body-pack-inc-dec-flex:hover {
  border-color: #9ecaed;
  outline: none;
  box-shadow: 0 0 4px #9ecaed;
}

/* .pricing_tip {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
} */

.pricing_c_footer .pricing_tip .post-tooltip-textt {
  width: 140px;
}

.pricing_c_footer .pricing_tip p {
  color: #4c6275;
  font-size: 13px;
  padding: 10px 0 0;
  text-align: center;
}

.pricing_tip p {
  color: #000;
}

.tooltip-container {
  position: relative;
  cursor: pointer;
}

.tooltip-icon {
  margin-left: 3px;
  font-size: 14px;
  color: #555;
  position: relative;
}

.post-tooltip-textt {
  visibility: hidden;
  width: 95px;
  background-color: #333;
  color: #fff;
  text-align: center;
  padding: 5px;
  border-radius: 5px;
  position: absolute;
  top: 19px;
  right: -24px;
  transition: opacity 0.3s;
  font-size: 11px;
  z-index: 99;
  font-style: normal;
  line-height: 15px;
}

.tooltip-icon:hover .post-tooltip-textt {
  visibility: visible;
  /* cursor: pointer; */
}

/* contact &  free */
.prici_con_frg {
  margin: 4rem 5rem 3rem;
}

.prici_off_c {
  background: #F0F8FF;
  padding: 30px 40px 40px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
  justify-content: space-between;
  text-align: center;
}

.prici_off_c h2 {
  font-size: 30px;
  font-weight: 600;
  color: #000;
}

.prici_off_c p {
  max-width: 500px;
  color: #2f2f2f;
}

.prici_off_c img {
  width: 330px;
}

.prici_off_fc_btn {
  display: block;
  margin: 20px 0 0;
}

.prici_off_fc_btn a {
  background: #0a66c2;
  color: #fff;
  padding: 8px 30px;
  border-radius: 5px;
}

.prici_off_fc_btn a:hover {
  background: #0858a8;
}

.prici_off_f h2,
.prici_off_c h2 {
  font-size: 30px;
  font-weight: 600;
  color: #000;
}



/* end */
/* Enterprise / Ultra */
.ex_t,
.pric_t_jbs {
  margin: 4rem 3rem 3rem;
}

.prici_hAdd-g {
  /* display: flex; */
  grid-gap: 50px;
  justify-content: space-between;
  margin: 5rem 0 7rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.pric_had_job {
  background: linear-gradient(180deg, #f8fafd 0%, rgba(255, 255, 255, 1) 100%);
  padding: 2rem 3rem 0;
  border-radius: 30px;
}

.prici_entr_p {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 50px;
  justify-content: center;
}

.entri_ult_pri .head h5 {
  /* background: #324558; */
  display: inline-block;
  /* padding: 2px 10px; */
  color: #ffffff;
  border-radius: 5px;
}

.entri_ult_pri .head p,
.entri_ult_pri .body ul li,
.entri_ult_pri .head h3,
.entri_ult_pri .ad_ico_Al span,
.entri_ult_pri .pricing_tip p,
.entri_ult_pri .pricing_tip p strong {
  color: #ffffff !important;
}

.entri_ult_pri .pricing_tip .tooltip-icon {
  color: #dfd7d7;
}

.entri_ult_pri .pricing_tip p strong {
  color: #90b8f3 !important;
}

.entri_ult_pri .footers .btn-1.alter:hover {
  border: 1px solid #0a66c2 !important;
}

.entri_ult_pri {
  border: 2px solid #24282a !important;
  background: linear-gradient(336deg, #2b2b29 27%, #081a2f 100%);
}







@media (max-width: 1320px) {
  .ad__main__top__inleft h1 {
    font-size: 45px;
    line-height: 55px;
  }

  .ad_main_en_top {
    min-height: 500px;
  }
}

@media (max-width: 1380px) {
  .ad__main__top__inleft h1 {
    font-size: 42px;
    line-height: 50px;
  }

  .ad__main__top__flex {
    padding: 3rem 0 5rem 0rem;
    gap: 20px;
  }

  /* .ad__post_j,
  .ad__j__signi {
    font-size: 12px;
  } */

}

@media (max-width: 1200px) {

  .pricing-box,
  .pricing--jobboost--left {
    padding: 2rem 1rem 2rem;
  }

  .pricing-grid {
    grid-gap: 12px;
  }

  .ex_t,
  .pric_t_jbs {
    margin: 3rem 1rem 3rem;
  }

  .pricing-box .body ul li,
  .ad_ico_Al {
    margin-bottom: 10px;
  }

  .Pri_Top_hd .line {
    width: 193px;
  }

  .faqs_st .faq_left {
    gap: 30px !important;
  }

  /* .ad__main__top__inleft h1 {
    font-size: 35px;
    line-height: 40px;
  } */

  .ad__main__top__flex {
    padding: 3rem 0 5rem 0rem;
    gap: 20px;
  }

  .emp_why_g_colle .emp_why_clle_cons h6 {
    font-size: 16px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {


  .pricing-grid {
    grid-template-columns: 1fr;
    /* padding: 30px 50px; */
    gap: 50px;
  }

  .post-tooltip-textt {
    top: 17px;
    right: -109px;
    width: 236px;
  }

  .pricing-box {
    padding: 50px;
  }

  .pricing--jobboost--section,
  .pricing--jobboost--left {
    max-width: unset;
    width: unset;
    margin: 0;
  }

  .pricing-top-- {
    padding: 50px 0px 20px;
  }

  .main--index--center--content--flex h3 {
    text-align: center;
  }

  .ad__main__top__inleft h1 {
    font-size: 35px;
    line-height: 45px;
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
  }

  .top__inleft ul li {
    font-size: 14px;
  }

  .EmpGEN_img img {
    height: auto !important;
  }

  .top__inleft h3 {
    font-size: 20px;
    line-height: 25px;
  }

  .pricing-box {
    padding: 35px 20px !important;
  }

  .top__inleft ul li br {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .top__inleft {
    align-items: start !important;
    text-align: start !important;
    order: 2;
  }

  .emp_legre_hds h4 {
    font-size: 30px;
  }

  .Emp__Show_F .top__inleft {
    padding-left: 0;
  }

  .top__inleft p {
    width: 100% !important;
    font-size: 15px;
  }

  .Emp__Show_F,
  .Emp__Show_Fs {
    grid-template-columns: 1fr 1fr !important;
    gap: 20px;
  }

  .ad__main__top__flex {
    align-items: start;
    grid-template-columns: 1fr;
    justify-content: center;
    padding: 1rem 0 2rem;
  }

  .ad__main__top__inright {
    text-align: center;
  }

  .ad__main__top__inleft {
    gap: 20px;
    align-items: center;
    text-align: center;
  }

  .prici_entr_p,
  .prici_hAdd-g {
    display: grid;
    grid-template-columns: 1fr;
  }

  .prici_con_frg {
    margin: 0;
  }



  .prici_hAdd-g {
    margin: 5rem 0
  }

  .pricing-top-- h3 {
    font-size: 28px !important;
    line-height: 35px;
  }

  .prici_off_c img {
    width: 250px;
  }

  .prici_off_c p {
    padding-top: 10px;
  }

  .recom-pricing-box {
    margin-top: 2rem;
  }

  .ex_t,
  .pric_t_jbs {
    margin: 4rem 0 3rem;
  }

  .pricing-box .body,
  .pricing--jobboost--order {
    height: unset !important;
    margin-bottom: 15px;
  }

  .emp_legre_ins span br {
    display: none;
  }

  .pricing-box .head p {
    width: 100%;
  }

  .prici_off_c h2 br {
    display: none;
  }
}

@media (max-width: 767px) {
  .emp_legre_ins span br {
    display: none;
  }

  .ad__main__top__fl a {
    width: 100%;
  }

  .pricing-ulitra-box {
    font-size: 13px;
  }

  .cta-title {
    font-size: 25px !important;
  }

  .top__inleft ul {
    padding: 0 0 10px 20px;
  }

  .top__inleft ul li {
    font-size: 15px;
  }

  .Emp__Show_Fs .top__inleft h6 {
    padding-bottom: 15px;
  }

  .post-tooltip-textt {
    top: 18px;
    right: 0;
  }

  .pricing_c_footer .pricing_tip .post-tooltip-textt {
    right: 0;
  }


  .main--index--center--content--flex h3 {
    text-align: center;
  }

  .ad__main__top__flex {
    display: flex;
    flex-direction: column;
    padding: 1rem 0 4rem;
    text-align: center !important;
    gap: 15px;

  }

  .ad__main__top__fl {
    justify-content: center !important;
    flex-direction: column;
    width: 100%;
  }

  .ad__main__top__inleft h1 {
    font-size: 30px;
    line-height: 35px;
  }

  .top__inleft {
    text-align: start !important;
    order: 2;
    align-items: start !important;
  }

  .top__inleft h3 {
    font-size: 25px;
    line-height: 30px;
  }

  .top__inleft h3 br {
    display: none;
  }

  .ad__main__top__inleft {
    gap: 15px;
    justify-content: center;
    align-items: center;
    text-align: center;
  }


  .pricing-grid {
    display: flex;
    flex-direction: column;
  }

  .pricing--jobboost--left {
    padding: 35px 20px;
  }

  .pricing-box .head p {
    width: 100%;
  }

  .recom-pricing-box {
    margin-top: 3rem;
  }

  .pricing-box .body,
  .pricing--jobboost--order {
    height: unset !important;
    margin-bottom: 15px;
  }



  .pric_had_job {
    padding: 20px;
  }

  .prici_con_frg {
    margin: 0;
  }

  .prici_hAdd-g {
    display: flex;
    flex-direction: column;
    margin: 3rem 0px;
  }

  .prici_off_f h2,
  .prici_off_c h2 {
    font-size: 22px;
  }

  .prici_off_c img {
    width: 220px;
  }

  .ex_t,
  .pric_t_jbs {
    margin: 0;
  }

  .pricing_tab_o {
    padding: 30px 20px;
    border-radius: 10px;

  }

  .prici_entr_p {
    grid-template-columns: 1fr;
  }

  .Pri_Top_hd .line {
    display: none;
  }

  .pricing_c_footer .pricing_tip p {
    width: 200px;
    margin: 0 auto;
    text-align: center;
  }

  .Pri_Top_hd {
    padding-bottom: 20px;
    justify-content: center;
  }

  .pricing-box .body ul li {
    font-size: 14px;
  }

  .prici_off_c p {
    padding-top: 10px;
    line-height: 20px;
  }

  .pricing-top-- {
    padding: 40px 10px 14px;
  }

  .pricing-top-- h3 {
    font-size: 23px;
    line-height: 28px;
  }

  .pricing--middle-free p br,
  .pricing--jobboost--top h2 br {
    display: none !important;
  }

  .pricing--middle-free p {
    font-size: 14px !important;
    line-height: 23px;
    padding: 10px;
  }

  .pricing-box {
    padding: 35px 20px !important;
  }


  .pricing--jobboost--top h2 {
    font-size: 30px;
    line-height: 35px;
  }

  .contact-block-new .contact-wrapper-new .contact-left h2 {
    font-size: 25px !important;
    line-height: 30px !important;
  }

  .contact-block-new .contact-wrapper-new .contact-left {
    gap: 10px !important;
  }

  .contact-block-new .contact-wrapper-new .contact-left img {
    width: 250px !important;
    margin: 0 auto;
    object-fit: contain;
  }

  .Emp__Show_S {
    padding: 60px 0 90px;
  }
}

/* Pricing -  Banner Designs */
.Price__Banner__Top {
  height: 80px;
  background: linear-gradient(290deg, #509dd4, #13649d, #319ae4) !important;
}

.Price__Banner__flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  color: #fff;
}

.PriBanner__left {
  display: flex;
  gap: 15px;
  align-items: center;
}

.PriBanner__left h1 {
  font-size: 25px;
  line-height: 25px;
  text-shadow: 0 0 3px #0037ff;
  font-weight: 700;
}

.PriBanner__mid {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  line-height: 10px;
}

.PriBanner__mid h2 {
  font-size: 20px;
  font-weight: 600;
}

.PriBanner__mid h2 span {
  font-weight: 700;
  font-size: 22px;
  background: linear-gradient(45deg, rgb(255 211 1), rgb(245 89 158)) text;
  -webkit-text-fill-color: transparent;
}

.PriBanner__mid p {
  display: flex;
  align-items: center;
  color: #fff;
}

.PriBanner__mid .Prcode {
  display: inline-block;
  padding: 6px 6px;
  border-radius: 3px;
  margin: 0 3px;
  font-size: 22px;
  background: linear-gradient(45deg, rgb(255 211 1), rgb(245 89 158)) text;
  -webkit-text-fill-color: transparent;
  font-weight: bolder;
  font-family: "Sofia", cursive;
  font-style: normal;
}

.Mob__ViewSho {
  display: none !important;
}

@media (max-width:1024px) {
  .PriBanner__left h1 {
    font-size: 22px;
    line-height: 22px;
  }

  .PriBanner__mid h2 {
    font-size: 17px;
  }
}

@media (min-width:768px) and (max-width:991px) {
  .Mob__ViewSho {
    display: block !important;
  }

  .PriBanner__mid h2 {
    font-size: 15px;
  }

  .PriBanner__left h1 {
    font-size: 20px;
    line-height: 23px;
  }

  .PriBanner__left svg {
    width: 50px;
    height: 50px;
  }

  .ad__main__top__inleft h1>sup svg {
    width: 35px;
    height: 35px;
  }

  .ad__main__top__inleft h1 br {
    display: none;
  }
}

@media (max-width:767px) {
  .Price__Banner__flex {
    justify-content: center;
  }

  .PriBanner__left,
  .PriBanner__right {
    display: none;
  }

  .Mob__ViewSho {
    display: block !important;
  }

  .PriBanner__mid h2 span {
    font-weight: 600;
    font-size: 22px;
  }

  .PriBanner__mid {
    padding: 7px 0 7px 0;
  }

  .PriBanner__mid h2 {
    font-size: 16px;
  }

  .Price__Banner__Top {
    height: 70px;
  }

  .ad__main__top__inleft h1>sup svg {
    width: 28px;
    height: 28px;
  }



  .PriBanner__mid h2 {
    font-size: 15px;
  }
}

@media (max-width:320px) {
  .PriBanner__mid h2 {
    font-size: 13px;
  }

  .PriBanner__mid p {
    font-size: 13px;
  }

  .PriBanner__mid .Prcode {
    font-size: 13px;
  }

  .pricing-top-- h3 {
    font-size: 25px;
  }
}

/*  */
.cta-wrap {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6rem 1rem 1rem;
  text-align: center;
}


/* Heading */
.cta-title {
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.2px;
  font-size: 30px;
  color: #000;
  padding-bottom: 5px;
}

/* Subtext */
.cta-sub {
  margin: 0 0 20px;
  font-size: clamp(14px, 1.8vw, 16px);
  /* color: #6b7280; */
}

/* Button */
.cta-btn {
  background: #0a66c2;
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  border: transparent;
  display: inline-block;
}

.cta-btn:hover {
  background: #0858a8;
  color: #fff;
}

.cta-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 0 rgba(0, 0, 0, .08), 0 4px 14px rgba(0, 0, 0, .10);
}

@media (min-width: 768px) {
  .cta-btn {
    font-size: 16px;
  }
}

@media (min-width: 700px) and (max-width: 991px) {
  .ad_main_en_top {
    min-height: 750px;
  }

}





/* Employer demo --- s */
.emp_bot_popup_fix {
  position: fixed;
  bottom: 100px;
  right: 40px;
  z-index: 100;
  display: none;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.emp_bot_popup_fix.show {
  display: block;
  animation: slideUpFade 0.6s ease forwards;
  opacity: 1;
}

@keyframes slideUpFade {
  0% {
    transform: translateY(60px);
    opacity: 0;
  }

  60% {
    transform: translateY(-5px);
    opacity: 1;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.emp_bot_popup_ {
  min-width: 300px;
  background: #fff;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  padding: 30px 20px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
}

.emp_bot_popup_ .emp_bot_close {
  position: absolute;
  right: 17px;
  top: 6px;
  font-size: 28px;
  color: #b3b3b3;
}

.emp_bot_popup_ .emp_bot_close:hover {
  color: #212529;
  cursor: pointer;
}

.emp_bot_pp_t {
  display: flex;
  align-items: center;
  gap: 10px;
}

.emp_bot_pp_t h1 {
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
}

.emp_bot_pp_t img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  box-shadow: rgb(82 82 204 / 5%) 0px 4px 16px, rgb(68 68 173 / 5%) 0px 8px 32px;
  border: 1px solid rgb(233 233 255);
}

.emp_bot_pp_m {
  display: flex;
  flex-direction: column;
  text-align: center;
  /* align-items: center; */
  justify-content: center;
  gap: 10px;
}

.emp_bot_pp_btn {
  position: relative;
  display: inline-block;
  padding: 12px 25px;
  border-radius: 8px;
  background: #191c25;
  color: #fff !important;
  text-decoration: none;
  overflow: hidden;
  font-weight: 400;
  transition: transform 0.3s ease;
}

.emp_bot_pp_btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.6), transparent);
  transition: 0.6s;
}

.emp_bot_pp_btn:hover::before {
  left: 100%;
}

.emp_bot_pp_btn:hover {
  background: #212531;
  transform: scale(1.02);
}

.emp_bot_pp_m p {
  font-size: 16px;
  color: #8c8a8a;
}

.emp_bot_pp_m p>a {
  color: #3e5360;
  font-size: 20px;
  font-weight: 500;
  padding-top: 5px;
  display: inline-block;
}

.emp_bot_pp_m p>a:hover {
  text-decoration: underline;
}

@media (max-width:767px) {
  .emp_bot_popup_fix {
    bottom: 20px;
    right: 20px;
  }
}

/* Employer demo --- e */