/* Minification failed. Returning unminified contents.
(778,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@media'
(1137,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@media'
 */
.body-content { grid-template-rows: auto 1fr auto; }

.recruiter-body { background-color: #F8FAFC; }

/* RECRUITER NAVBAR */
.recruiter-nav {
  background: #FFF;
  color: #000;
}

.recruiter-nav .logo,
.recruiter-mobile-nav .logo { color: #000; }

.recruiter-nav .nav-links a { color: #767676; }

.recruiter-nav .nav-links a:hover { color: #000; }

.recruiter-nav .nav-links a.active { color: #000; }

.recruiter-nav .hamburger { color: #000; }

.recruiter-mobile-nav {
  box-sizing: border-box;
  width: 100%;
  max-width: 100vw;
  background: #FFF;
  color: #000;
}

.recruiter-mobile-nav .close-btn { color: #000; }

.recruiter-mobile-nav .menu-links a { color: #767676; }

.recruiter-mobile-nav .menu-links a:hover { color: #000; }

.post-job-cta {
  display: grid;
  background-color: #000;
  color: #FFF;
  border: 1px solid #000;
  font-size: 0.9rem;
  letter-spacing: 1.6px;
  /*text-transform: uppercase;*/
  font-weight: 700;
  padding: 0.75rem 1.75rem;
  border-radius: 0.5rem;
  width: fit-content;
  transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);
}

.post-job-cta:hover {
  background-color: #FFF;
  color: #000;
  border: 1px solid #000;
}

.recruiter-nav .post-job-cta { display: none; }

.recruiter-container {
  margin-top: 4rem;
  padding: 0 1.5rem;
}

.recruiter-hero {
  display: grid;
  gap: 2rem;
  padding: 2rem 0;
}

.recruiter-hero .global-pill {
  background-color: #0F172B;
  color: #FFF;
  font-size: 0.9rem;
  width: fit-content;
  padding: 0.5rem 1rem;
  border-radius: 2rem;
  display: flex;
  gap: 0.5rem;
}

.recruiter-hero .global-pill svg {
  height: 0.9rem;
  width: 0.9rem;
  color: #51A2FF;
}

.recruiter-hero .global-pill span {
  font-size: 0.9rem;
  letter-spacing: 1.6px;
  /*text-transform: uppercase;*/
  font-weight: 900;
}

.recruiter-hero h1 {
  display: grid;
  color: #0F172B;
  letter-spacing: -0.8px;
  font-weight: 900;
  font-size: 4.5rem;
  line-height: 56px;
}

.recruiter-hero h1 .contrast-col { color: #155DFC; }

.recruiter-hero .hero-p {
  color: #62748E;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.4px;
}

.recruiter-hero .hero-stat-cards {
  display: grid;
  gap: 1rem;
  justify-content: center;
}

.recruiter-hero .hero-stat-cards .stat-card {
  background-color: #FFF;
  border: 1px solid #E2E8F0;
  border-radius: 1rem;
  padding: 1.5rem 2.5rem;
  width: 100%;
  box-sizing: border-box;
  max-width: 20rem;
  display: grid;
  gap: 1rem;
  justify-items: center;
  text-align: center;
}

.recruiter-hero .hero-stat-cards .stat-card svg {
  color: #CAD5E2;
  width: 1.25rem;
  height: 1.25rem;
}

.recruiter-hero .hero-stat-cards .stat-card .card-text {
  display: grid;
  gap: 0.25rem;
  justify-items: center;
}

.recruiter-hero .hero-stat-cards .stat-card .card-text .big-font {
  color: #0F172B;
  font-size: 2rem;
  letter-spacing: -0.8px;
  /*text-transform: uppercase;*/
  font-weight: 900;
  line-height: 1;
}

.recruiter-hero .hero-stat-cards .stat-card .card-text p {
  color: #767676;
  font-size: 0.9rem;
  letter-spacing: 1.6px;
  /*text-transform: uppercase;*/
  font-weight: 900;
}

.recruiter-header {
  display: grid;
  gap: 0.5rem;
}

.recruiter-header .header-sub {
  font-size: 0.9rem;
  letter-spacing: 3.6px;
  /*text-transform: uppercase;*/
  font-weight: 900;
}

.recruiter-header h2 {
  color: #0F172B;
  font-size: 2.25rem;
  letter-spacing: -0.8px;
  font-weight: 900;
  line-height: 1.2;
}

.recruiter-header .header-para {
  color: #62748E;
  font-size: 1rem;
  font-weight: 400;
}


/*.recruiter-partner .api-cards .api-card.affiliate-network{
    background-color: #0F172B;
}

.recruiter-partner .api-cards .api-card.affiliate-network .api-text h3{
    color: #fff;
}

.recruiter-partner .api-cards .api-card.affiliate-network .api-text p{
    color: #90A1B9;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    z-index: 2;
}

.recruiter-partner .api-cards .api-card.affiliate-network .api-btn{
    border: solid 1px #155dFC;
    color: #155dFC;
}*/

.recruiter-performance,
.recruiter-partner {
  display: grid;
  gap: 2rem;
  padding: 2rem 0;
}

.recruiter-performance .recruiter-header .header-sub { color: #EC003F; }


.recruiter-partner .recruiter-header .header-sub { color: #155dFC; }

.recruiter-performance .card-container,
.recruiter-partner .card-container {
  display: grid;
  gap: 2rem;
}

.recruiter-performance .feed-card,
.recruiter-partner .feed-card{
  position: relative;
  background-color: #0F172B;
  padding: 2rem;
  border-radius: 2.5rem;
  display: grid;
  gap: 2rem;
}

.recruiter-performance .feed-card .icon-logo{
  width: fit-content;
  color: #FFF;
  background-color: #EC003F;
  padding: 1rem;
  border-radius: 1rem;
  z-index: 2;
}


.recruiter-partner .feed-card .icon-logo{
  width: fit-content;
  color: #FFF;
  background-color: #155dFC;
  padding: 1rem;
  border-radius: 1rem;
  z-index: 2;
}

.recruiter-performance .feed-card .icon-logo svg,
.recruiter-partner .feed-card .icon-logo svg{
  width: 2rem;
  height: 2rem;
}

.recruiter-performance .feed-card .feed-text,
.recruiter-partner .feed-card .feed-text{
  display: grid;
  gap: 1rem;
}

.recruiter-performance .feed-card .feed-text h3,
.recruiter-partner .feed-card .feed-text h3 {
  color: #FFF;
  font-size: 2.5rem;
  letter-spacing: -0.8px;
  font-weight: 900;
  z-index: 2;
}

.recruiter-performance .feed-card .feed-text p,
.recruiter-partner .feed-card .feed-text p{
  color: #90A1B9;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  z-index: 2;
}

.recruiter-performance .feed-card .feed-points,
.recruiter-partner .feed-card .feed-points{
  display: grid;
  gap: 1rem;
  z-index: 2;
}

.recruiter-performance .feed-card .feed-points li,
.recruiter-partner .feed-card .feed-points li{
  display: flex;
  gap: 0.25rem;
  color: #E2E8F0;
  font-size: 0.9rem;
  letter-spacing: 1.6px;
  /*text-transform: uppercase;*/
  font-weight: 900;
}

.recruiter-performance .feed-card .feed-points li svg,
.recruiter-partner .feed-card .feed-points li svg{ color: #EC003F; }

.recruiter-performance .feed-card-btns,
.recruiter-partner .feed-card-btns {
  z-index: 2;
  display: grid;
  gap: 1rem;
}

.recruiter-performance .feed-card .submit-feed-btn{
  text-align: center;
  background-color: #EC003F;
  color: #FFF;
  border: 1px solid #EC003F;
  width: 100%;
  padding: 1rem 2rem;
  border-radius: 0.75rem;
  z-index: 2;
  font-size: 0.9rem;
  letter-spacing: 1.6px;
  /*text-transform: uppercase;*/
  font-weight: 900;
  transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);
  max-width: stretch; /* NATHAN */
  padding-right:0px; /* NATHAN */
  padding-left:0px; /* NATHAN */
}

.recruiter-partner .feed-card .submit-feed-btn{
  text-align: center;
  background-color: #157dFF;
  color: #FFF;
  border: 1px solid #157dFF;
  width: 100%;
  padding: 1rem 2rem;
  border-radius: 0.75rem;
  z-index: 2;
  font-size: 0.9rem;
  letter-spacing: 1.6px;
  /*text-transform: uppercase;*/
  font-weight: 900;
  transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);
  max-width: stretch; /* NATHAN */
  padding-right:0px; /* NATHAN */
  padding-left:0px; /* NATHAN */
}


.recruiter-performance .feed-card .submit-feed-btn:hover, {
  background-color: #FFF;
  color: #EC003F;
}

.recruiter-partner .feed-card .submit-feed-btn:hover {
  background-color: #FFF;
  color: #155dFC;
}

.recruiter-performance .feed-card .learn-more-btn {
  text-align: center;
  color: #FF0039;
  border: 1px solid #FF0039;
  width: 100%;
  padding: 1rem 2rem;
  border-radius: 0.75rem;
  z-index: 2;
  font-size: 0.9rem;
  letter-spacing: 1.6px;
  /*text-transform: uppercase;*/
  font-weight: 900;
  transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);
  max-width: stretch; /* NATHAN */
  padding-right:0px; /* NATHAN */
  padding-left:0px; /* NATHAN */
}

.recruiter-partner .feed-card .learn-more-btn {
  text-align: center;
  color: #157dFF;
  border: 1px solid #157dFF;
  width: 100%;
  padding: 1rem 2rem;
  border-radius: 0.75rem;
  z-index: 2;
  font-size: 0.9rem;
  letter-spacing: 1.6px;
  /*text-transform: uppercase;*/
  font-weight: 900;
  transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);
  max-width: stretch; /* NATHAN */
  padding-right:0px; /* NATHAN */
  padding-left:0px; /* NATHAN */
}

.recruiter-performance .feed-card .learn-more-btn:hover{
  background-color: #FFF;
  color: #EC003F;
}


.recruiter-partner .feed-card .learn-more-btn:hover{
  background-color: #FFF;
  color: #155dFC;
}

.recruiter-performance .feed-card,
.recruiter-partner .feed-card{
    position: relative;
    background-color: #0F172B;
    padding: 2rem;
    border-radius: 2.5rem;
    display: grid;
    gap: 2rem;
}


.recruiter-performance .feed-card .bg-globe,
.recruiter-partner .feed-card .bg-globe{
  position: absolute;
  right: 0.5rem;
  bottom: 5rem;
  color: #1D293D;
  width: 16rem;
  height: 16rem;
  stroke-width: 1;
}

/*.recruiter-partner .api-cards .bg-globe {
  position: absolute;
  right: 0.5rem;
  bottom: 5rem;
  color: #1D293D;
  width: 16rem;
  height: 16rem;
  stroke-width: 1;
}*/

.recruiter-performance .network-card,
.recruiter-partner .network-card{
  background-color: #FFF;
  border: 1px solid #E2E8F0;
  border-radius: 2.5rem;
  padding: 2rem;
  display: grid;
  gap: 1.5rem;
  align-content: start;
}

.recruiter-performance .network-card h3,
.recruiter-partner .network-card h3,{
  color: #767676;
  font-size: 1rem;
  letter-spacing: 3.6px;
  /*text-transform: uppercase;*/
  font-weight: 900;
}

.recruiter-performance .network-card .network-points,
.recruiter-partner .network-card .network-points{
  display: grid;
  gap: 1.5rem;
  margin-top: 1.6rem;
}

.recruiter-performance .network-card .network-points li,
.recruiter-partner .network-card .network-points li{
  display: flex;
  gap: 1rem;
}

/*.recruiter-performance .network-card .network-points li */ 
.num-disc {
/*  display: flex;
  justify-content: center;
  place-self: center;
  background-color: #F1F5F9;
  width: 100%;
  max-width: 3rem;
  padding: 0.75rem 0;
  border-radius: 2rem;*/
    background-color: #F1F5F9;
    border-radius: 3rem;
    width: 3rem;
    height: 3rem;
    align-content: center;
    text-align: center;
    color: #111;
    max-height: 3rem;
    min-width: 3rem;
    min-height: 3rem;
}

.recruiter-performance .network-card .network-points li .num-disc span,
.recruiter-partner .network-card .network-points li .num-disc span{
  color: #0F172B;
  font-size: 1rem;
  letter-spacing: 1.6px;
  /*text-transform: uppercase;*/
  font-weight: 900;
}

 .recruiter-performance .network-card .network-points li .point-text,
 .recruiter-partner .network-card .network-points li .point-text {
  display: grid;
  gap: 0.25rem;
}

.recruiter-performance .network-card .network-points li .point-text h4,
.recruiter-partner .network-card .network-points li .point-text h4 {
  color: #0F172B;
  font-size: 1rem;
  letter-spacing: 1.6px;
  /*text-transform: uppercase;*/
  font-weight: 900;
}

.recruiter-performance .network-card .network-points li .point-text p,
.recruiter-partner .network-card .network-points li .point-text p {
  color: #62748E;
  font-size: 0.9rem;
  font-weight: 400;
}

.recruiter-traffic {
  display: grid;
  gap: 2rem;
  padding: 2rem 0;
}

.recruiter-traffic .recruiter-header .header-sub { color: #CC4E00; }

.recruiter-service .traffic-cards , .recruiter-traffic .traffic-cards,
.recruiter-service .service-cards , .recruiter-traffic .service-cards{
  display: grid;
  gap: 2rem;
}

.recruiter-service .traffic-cards li, .recruiter-traffic .traffic-cards li,
.recruiter-service .service-cards li, .recruiter-traffic .service-cards li {
  background-color: #FFF;
  border: 1px solid #E2E8F0;
  border-radius: 2rem;
  padding: 2rem;
  display: grid;
  gap: 1.5rem;
}

.recruiter-service .traffic-cards li .icon-logo, .recruiter-traffic .traffic-cards li .icon-logo, 
.recruiter-service .service-cards li .icon-logo, .recruiter-traffic .service-cards li .icon-logo {
  padding: 0.75rem;
  width: fit-content;
  border-radius: 0.75rem;
}

.recruiter-service .traffic-cards li .zap-icon, .recruiter-traffic .traffic-cards li .zap-icon {
  background-color: #FFFBEB;
  border: 1px solid #FEF3C6;
  color: #E17100;
}

.recruiter-service .traffic-cards li .panels-icon, .recruiter-traffic .traffic-cards li .panels-icon, 
.recruiter-service .service-cards li .panels-icon, .recruiter-traffic .service-cards li .panels-icon {
  background-color: #EFF6FF;
  border: 1px solid #DBEAFE;
  color: #155DFC;
}

.recruiter-service .traffic-cards li .megaphone-icon, .recruiter-traffic .traffic-cards li .megaphone-icon,
.recruiter-service .service-cards li .megaphone-icon, .recruiter-traffic .service-cards li .megaphone-icon {
  background-color: #EEF2FF;
  border: 1px solid #E0E7FF;
  color: #4F39F6;
}

.recruiter-service .traffic-cards li .traffic-point, .recruiter-traffic .traffic-cards li .traffic-point,
.recruiter-service .service-cards li .traffic-point, .recruiter-traffic .service-cards li .traffic-point {
  display: grid;
  gap: 0.5rem;
}

.recruiter-service .traffic-cards li .traffic-point .point-header, 
.recruiter-traffic .traffic-cards li .traffic-point .point-header { display: grid; }

.recruiter-service .traffic-cards li .traffic-point .point-header span, 
.recruiter-traffic .traffic-cards li .traffic-point .point-header span,
.recruiter-service .service-cards li .traffic-point .point-header, 
.recruiter-traffic .service-cards li .traffic-point .point-header { display: grid; }

.recruiter-service .service-cards li .traffic-point .point-header span, 
.recruiter-traffic .service-cards li .traffic-point .point-header span,
.recruiter-partner .api-cards .api-card .api-text span{
  color: #767676;
  font-size: 0.9rem;
  letter-spacing: 1.6px;
  /*text-transform: uppercase;*/
  font-weight: 900;
}

.recruiter-partner .api-cards .api-card .api-text .num-disc span{
  color: #000000;
  font-size: 0.9rem;
  letter-spacing: 1.6px;
  /*text-transform: uppercase;*/
  font-weight: 900;
}


.recruiter-service .traffic-cards li .traffic-point .point-header h3, .recruiter-traffic .traffic-cards li .traffic-point .point-header h3,
.recruiter-service .service-cards li .traffic-point .point-header h3, .recruiter-traffic .service-cards li .traffic-point .point-header h3 {
  color: #0F172B;
  font-size: 1.5rem;
  font-weight: 900;
}

.recruiter-service .traffic-cards li .traffic-point p, .recruiter-traffic .traffic-cards li .traffic-point p,
.recruiter-service .service-cards li .traffic-point p, .recruiter-traffic .service-cards li .traffic-point p{
  color: #62748E;
  font-size: 1rem;
  font-weight: 400;
}

.recruiter-service .traffic-cards li .explore-link , .recruiter-traffic .traffic-cards li .explore-link,
.recruiter-service .service-cards li .explore-link , .recruiter-traffic .service-cards li .explore-link{
  display: flex;
  gap: 0.5rem;
  align-items: center;
  color: #0F172B;
  font-size: 0.9rem;
  letter-spacing: 1.6px;
  /*text-transform: uppercase;*/
  font-weight: 900;
  transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);
}

.recruiter-service .traffic-cards li .explore-link svg, .recruiter-traffic .traffic-cards li .explore-link svg,
.recruiter-service .service-cards li .explore-link svg, .recruiter-traffic .service-cards li .explore-link svg{
  width: 0.9rem;
  height: 0.9rem;
}

.recruiter-service .traffic-cards li .explore-link:hover, .recruiter-traffic .traffic-cards li .explore-link:hover,
.recruiter-service .service-cards li .explore-link:hover, .recruiter-traffic .service-cards li .explore-link:hover
{ color: #155DFC; }

.recruiter-service {
  display: grid;
  gap: 2rem;
  padding: 2rem 0;
}

.recruiter-service .header-sub { color: #00875A; }

.recruiter-service .service-cards {
  display: grid;
  gap: 2rem;
}

.recruiter-service .service-cards .service-card {
  background-color: #FFF;
  border: 1px solid #E2E8F0;
  border-radius: 2.5rem;
  padding: 2.5rem;
  display: grid;
  gap: 2rem;
  place-content: start;
}

.recruiter-service .service-cards .service-card .service-header {
  display: grid;
  gap: 1.5rem;
}

.recruiter-service .service-cards .service-card .service-pill {
  padding: 0.25rem 0.75rem;
  border-radius: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: fit-content;
}

.recruiter-service .service-cards .service-card .service-pill svg {
  width: 0.9rem;
  height: 0.9rem;
}

.recruiter-service .service-cards .service-card .service-pill span {
  font-size: 0.9rem;
  letter-spacing: 1.6px;
  /*text-transform: uppercase;*/
  font-weight: 900;
}

.recruiter-service .service-cards .co-reg-card .service-pill { background-color: #ECFDF5; }

.recruiter-service .service-cards .co-reg-card .service-pill svg,
.recruiter-service .service-cards .co-reg-card .service-pill span { color: #00875A; }

.recruiter-service .service-cards .white-label-card .service-pill { background-color: #EFF6FF; }

.recruiter-service .service-cards .white-label-card .service-pill svg,
.recruiter-service .service-cards .white-label-card .service-pill span { color: #155dFC; }

.recruiter-service .service-cards .service-text {
  display: grid;
  gap: 0.75rem;
}

.recruiter-service .service-cards .service-text h3 {
  color: #0F172B;
  font-size: 1.5rem;
  font-weight: 900;
}

.recruiter-service .service-cards .service-text p {
  color: #62748E;
  font-size: 1rem;
  font-weight: 400;
}

.recruiter-service .service-cards .service-points {
  display: grid;
  gap: 1rem;
}

.recruiter-partner .api-cards .api-card .api-text .service-points li, .recruiter-service .service-cards .service-points li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.25rem 0.75rem;
}

.recruiter-partner .api-cards .api-card .api-text .service-points li svg ,.recruiter-service .service-cards .service-points li svg {
  grid-row: 1 / span 2;
  place-self: center;
  width: 1rem;
  height: 1rem;
}



.recruiter-service .service-cards .co-reg-card .service-points li svg { color: #00875A; }

.recruiter-service .service-cards .white-label-card .service-points li svg { color: #155dFC; }

.recruiter-service .service-cards .service-points h4 {
  color: #0F172B;
  font-size: 0.9rem;
  letter-spacing: 0.6px;
  /*text-transform: uppercase;*/
  font-weight: 900;
}

.recruiter-service .service-cards .service-points p {
  color: #62748E;
  font-size: 0.9rem;
  font-weight: 400;
}

.recruiter-service .service-cards .service-btn {
  background-color: #0F172B;
  color: #FFF;
  border: 1px solid #0F172B;
  width:100%;
  padding: 1.25rem 0rem;
  border-radius: 0.75rem;
  font-size: 0.9rem;
  letter-spacing: 1.6px;
  /*text-transform: uppercase;*/
  font-weight: 900;
  transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);
  text-align: center;

  @media only screen and (min-width: 40rem)
  {
    padding: 1rem 1.5rem;
    width: fit-content;
  }

}

.recruiter-service .service-cards .service-btn:hover {
  background-color: #FFF;
  color: #0F172B;
}

.bottom-service-card {
  background-color: #FFF;
  border: 1px solid #E2E8F0;
  border-radius: 1.5rem;
  padding: 2rem;
  display: grid;
  gap: 1rem;
}

.bottom-service-card .card-contents {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #E2E8F0;
}

.bottom-service-card .card-contents .icon-logo {
  background-color: #0F172B;
  color: #CAD5E2;
  width: fit-content;
  height: fit-content;
  padding: 0.75rem;
  border-radius: 0.75rem;
  display: grid;
  place-self: center;
}

.bottom-service-card .card-contents .card-text {
  display: grid;
  gap: 0.5rem
}

.bottom-service-card .card-contents h3 {
  color: #0F172B;
  font-size: 0.9rem;
  letter-spacing: 1.6px;
  /*text-transform: uppercase;*/
  font-weight: 900;
}

.bottom-service-card .card-contents p {
  color: #62748E;
  font-size: 0.9rem;
  font-weight: 400;
}

.bottom-service-card .italic-para {
  color: #767676;
  font-size: 1rem;
  font-weight: 400;
}

.bottom-service-card .email-expert-link {
  color: #155DFC;
  display: flex;
  gap: 0.25rem;
  align-items: center;
  font-size: 0.9rem;
  letter-spacing: 1.6px;
  /*text-transform: uppercase;*/
  font-weight: 900;
  transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);
}

.bottom-service-card .email-expert-link:hover { color: #0F172B; }

.recruiter-premium {
  background-color: #0F172B;
  border-radius: 3rem;
  position: relative;
  padding: 2rem;
  overflow: hidden;
  margin: 2rem auto;
}

.recruiter-premium .inner-premium-contents {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 4rem;
}

.recruiter-premium .main-points {
  display: grid;
  gap: 2rem;
}

.recruiter-premium .main-points .main-contents {
  display: grid;
  gap: 1rem;
}

.recruiter-premium .main-points .premium-pill {
  background-color: #155DFC;
  color: #FFF;
  width: fit-content;
  padding: 0.5rem 0.75rem;
  border-radius: 1rem;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  font-size: 0.9rem;
  letter-spacing: 1.6px;
  /*text-transform: uppercase;*/
  font-weight: 900;
}

.recruiter-premium .main-points .premium-pill svg {
  width: 0.9rem;
  height: 0.9rem;
}

.recruiter-premium .main-points h2 {
  font-size: 2.5rem;
  color: #FFF;
  letter-spacing: -0.8px;
  /*text-transform: uppercase;*/
  font-weight: 900;
  display: grid;
}

.recruiter-premium .main-points h2 .contrast-col { color: #51A2FF; }

.recruiter-premium .main-points .premium-para {
  color: #90A1B9;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.8;
}

.recruiter-premium .main-points .premium-checks {
  display: grid;
  gap: 1.5rem;
}

.recruiter-premium .main-points .premium-checks li {
  display: flex;
  gap: 0.75rem;
}

.recruiter-premium .main-points .premium-checks li .lucide-circle-check {
  color: #51A2FF;
  width: 0.9rem;
  height: 0.9rem;
}

.recruiter-premium .main-points .premium-checks li p {
  color: #E2E8F0;
  font-size: 0.9rem;
  letter-spacing: 0.8px;
  /*text-transform: uppercase;*/
  font-weight: 900;
}

.recruiter-premium .btn-container {
  display: grid;
  gap: 1rem;
  justify-content: center;
}

.recruiter-premium .btn-container a {
  width: fit-content;
  padding: 1.25rem 2rem;
  place-self: center;
  border-radius: 1.25rem;
  font-size: 0.9rem;
  letter-spacing: 1.6px;
  /*text-transform: uppercase;*/
  font-weight: 900;
  transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);
}

.recruiter-premium .btn-container .premium-btn {
  background-color: #FFF;
  color: #0F172B;
}

.recruiter-premium .btn-container .premium-btn:hover { background-color: #51A2FF; }

.recruiter-premium .btn-container .campaign-btn {
  color: #FFF;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.recruiter-premium .btn-container .campaign-btn:hover {
  background-color: #000;
  border: 1px solid transparent;
}

.recruiter-premium .inner-premium-card {
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 1.5rem;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  padding: 2rem 1.5rem;
  display: grid;
  gap: 2rem;
}

.recruiter-premium .inner-premium-card h3 {
  color: #51A2FF;
  font-size: 0.9rem;
  letter-spacing: 4.8px;
  /*text-transform: uppercase;*/
  font-weight: 900;
  line-height: 1.6;
}

.recruiter-premium .inner-premium-card .points-container {
  display: grid;
  gap: 1.5rem;
}

.recruiter-premium .inner-premium-card .points-container li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1.5rem;
}

.recruiter-premium .inner-premium-card .points-container li svg { color: #51A2FF; }

.recruiter-premium .inner-premium-card .points-container li .points-text {
  display: grid;
  gap: 0.5rem;
}

.recruiter-premium .inner-premium-card .points-container li h4 {
  color: #FFF;
  font-size: 0.9rem;
  letter-spacing: 1.6px;
  /*text-transform: uppercase;*/
  font-weight: 900;
}

.recruiter-premium .inner-premium-card .points-container li p {
  color: #90A1B9;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.6;
}

.recruiter-premium .bg-glow {
  position: absolute;
  top: 0;
  right: 0;
  width: 500px;
  height: 500px;
  background-color: #2563EB;
  border-radius: 50%;
  transform: translate(50%, -50%);
  filter: blur(140px);
  opacity: 0.2;
}

.recruiter-partner, 
.recruiter-api {
  display: grid;
  gap: 2rem;
  padding: 2rem 0;
}

.recruiter-partner .header-sub, 
.recruiter-api .header-sub { color: #4F39F6; }

.recruiter-partner .api-cards, 
.recruiter-api .api-cards {
  display: grid;
  gap: 2rem;
}

.recruiter-partner .api-cards .api-card,
.recruiter-api .api-cards .api-card {
  display: grid;
  gap: 2rem;
  background-color: #FFF;
  border: 1px solid #E2E8F0;
  border-radius: 2rem;
  padding: 2rem;
}

.recruiter-partner .api-cards .api-card .icon-logo, 
.recruiter-api .api-cards .api-card .icon-logo {
  width: fit-content;
  height: fit-content;
  padding: 1.25rem;
  border-radius: 0.75rem;
  display: grid;
}

.recruiter-partner .api-cards .api-card .icon-logo svg, 
.recruiter-api .api-cards .api-card .icon-logo svg {
  width: 2.5rem;
  height: 2.5rem;
}

.recruiter-partner .api-cards .api-card .cpu-logo, 
.recruiter-api .api-cards .api-card .cpu-logo {
  background-color: #EEF2FF;
  border: 1px solid #E0E7FF;
  color: #4F39F6;
}

.recruiter-partner .api-cards .api-card .share-logo, 
.recruiter-api .api-cards .api-card .share-logo {
  background-color: #EFF6FF;
  border: 1px solid #DBEAFE;
  color: #155DFC;
}

.recruiter-partner .api-cards .api-card .api-text, 
.recruiter-api .api-cards .api-card .api-text {
  display: grid;
  gap: 0.75rem;
}

.recruiter-partner .api-cards .api-card .api-text h3, 
.recruiter-api .api-cards .api-card .api-text h3 {
  color: #0F172B;
  font-size: 1.75rem;
  letter-spacing: -0.8px;
  font-weight: 900;
}

.recruiter-partner .api-cards .api-card .api-text p, 
.recruiter-api .api-cards .api-card .api-text p {
  color: #62748E;
  font-size: 0.9rem;
  font-weight: 400;
}

.recruiter-partner .api-cards .api-card .api-btn, 
.recruiter-api .api-cards .api-card .api-btn {
  background-color: #0F172B;
  border-radius: 0.75rem;
  color: #FFF;
  width: 100%;
  padding: 1rem 0rem;
  font-size: 0.9rem;
  letter-spacing: 1.6px;
  /*text-transform: uppercase;*/
  font-weight: 900;
  transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);
  text-align: center;
  
  @media only screen and (min-width: 40rem)
  {
    padding: 1rem 1.5rem;
    width: fit-content;
  }
}

.recruiter-partner .api-cards .api-card .api-btn:hover, 
.recruiter-api .api-cards .api-card .api-btn:hover { background-color: #4F39F6; }

/*.recruiter-cta { margin: 8rem auto; }*/

.recruiter-cta .inner-cta {
  display: grid;
  gap: 2.5rem;
  background-color: #FFF;
  border: 1px solid #E2E8F0;
  border-radius: 2rem;
  padding: 4rem 2rem;
}

.recruiter-cta .inner-cta .cta-text {
  display: grid;
  gap: 1.5rem;
  text-align: center;
}

.recruiter-cta .inner-cta .cta-text h2 {
  color: #0F172B;
  font-size: 1.75rem;
  letter-spacing: -0.8px;
  font-weight: 900;
}

.recruiter-cta .inner-cta .cta-text p {
  color: #767676;
  font-size: 1rem;
  font-weight: 400;
}

.recruiter-cta .inner-cta .cta-btn-container {
  display: grid;
  gap: 1rem;
  text-align: center;
}

.recruiter-cta .inner-cta .cta-btn-container a {
  box-sizing: border-box;
  width: 100%;
  padding: 1.5rem 2.5rem;
  border-radius: 1rem;
  font-size: 0.9rem;
  letter-spacing: 1.6px;
  /*text-transform: uppercase;*/
  font-weight: 900;
  transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);
}

.recruiter-cta .inner-cta .cta-btn-container .contact-btn {
  background-color: #155DFC;
  color: #FFF;
  border: 2px solid transparent;
}

.recruiter-cta .inner-cta .cta-btn-container .contact-btn:hover {
  background-color: #FFF;
  color: #155DFC;
  border: 2px solid #155DFC;
}

.recruiter-cta .inner-cta .cta-btn-container .product-btn {
  background-color: #F1F5F9;
  color: #0F172B;
  border: 2px solid transparent;
}

.recruiter-cta .inner-cta .cta-btn-container .product-btn:hover {
  background-color: #FFF;
  color: #155DFC;
  border: 2px solid #155DFC;
}


/* RECRUITER FOOTER */
.recruiter-footer { background-color: #FFF; }

.recruiter-footer .logo-container .logo .logo-text { color: #000; }

.recruiter-footer .logo-container p { color: #767676; }

.recruiter-footer .footer-col h3 {
  color: #0F172B;
  font-size: 0.9rem;
  letter-spacing: 1.6px;
}

.recruiter-footer .footer-col ul li a {
  color: #62748E;
  letter-spacing: 0;
  text-transform: capitalize;
  font-weight: 700;
}

.recruiter-footer .footer-col ul li a:hover { color: #0F172B; }

.recruiter-footer .newsletter-col { color: #767676; }

.recruiter-footer .newsletter-col .newsletter-form-fieldset .form-group { background-color: #F1F5F9; }

.recruiter-footer .newsletter-col .newsletter-form-fieldset .form-group input { color: #707070; }

.recruiter-footer .newsletter-col .newsletter-form-fieldset .btn-submit {
  background-color: #000;
  color: #FFF;
}

.recruiter-footer .footer-details .details-col li,
.recruiter-footer .footer-details .details-col a { color: #767676; }

.recruiter-footer .footer-details .details-col a:hover { color: #000; }

@media only screen and (min-width: 32.5rem) {

  .recruiter-hero .hero-p { max-width: 46rem; }
}

@media only screen and (min-width: 40rem) {

  .recruiter-hero .hero-stat-cards {
    grid-template-columns: repeat(2, 1fr);
    justify-content: space-between;
  }

  .recruiter-hero .hero-stat-cards .stat-card {
    width: 100%;
    max-width: initial;
  }

  .recruiter-performance .feed-card .feed-points,
  .recruiter-performance .feed-card-btns,
  .recruiter-partner .feed-card .feed-points,
  .recruiter-partner .feed-card-btns{
    display: flex;
    justify-content: space-between;
  }
}

@media only screen and (min-width: 64rem) {

  .recruiter-nav .post-job-cta { display: grid; }
}

@media only screen and (min-width: 67rem) {

  .recruiter-container {
    box-sizing: border-box;
    width: 100%;
    max-width: 96rem;
    margin: 4rem auto;
  }

  .recruiter-hero .hero-stat-cards { display: flex; }

  .recruiter-header { grid-template-columns: 1fr 24rem; }

  .recruiter-header .header-para {
    grid-column: 2;
    grid-row: 1 / span 2;
    place-self: end;
  }

  .recruiter-performance .card-container,
  .recruiter-partner .card-container
  { grid-template-columns: repeat(2, 1fr); }

  .recruiter-traffic .traffic-cards,
  .recruiter-traffic .service-cards {
    display: flex;
    justify-content: space-between;
  }

  .recruiter-service .service-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: space-between;
  }

  .bottom-service-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .bottom-service-card .card-contents {
    padding-bottom: 0;
    border-bottom: 1px solid transparent;
  }

  .recruiter-premium {
    padding: 4rem;
    margin: 4rem auto;
  }

  .recruiter-premium .inner-premium-contents {
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    gap: 3rem;
  }

  .recruiter-premium .inner-premium-card {
    width: fit-content;
    place-self: center;
    padding: 3rem 3rem;
  }

  .recruiter-premium .main-points .premium-checks {
    grid-template-columns: repeat(2, 1fr);
    justify-content: space-between;
    gap: 1rem;
  }

  .recruiter-premium .btn-container {
    display: flex;
    text-align: center;
    justify-content: space-between;
  }

  .recruiter-premium .btn-container a {
    padding: 1rem 1.25rem;
    width: 100%;
    justify-content: space-between;
  }

  .recruiter-api .api-cards {
    display: grid;
    /*grid-template-columns: repeat(2, 1fr);*/ /* NATHAN */
    /*justify-content: space-between;*/ /* NATHAN */
  }

  .recruiter-partner .api-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }




  .recruiter-premium .api-cards .api-card, .recruiter-api .api-cards .api-card { grid-template-columns: auto 1fr; }

  .recruiter-premium .api-cards .api-card .icon-logo, .recruiter-api .api-cards .api-card .icon-logo { grid-row: 1 / span 2; }

  .recruiter-cta .inner-cta .cta-text p {
    max-width: 32.5rem;
    place-self: center;
  }

  .recruiter-cta .inner-cta .cta-btn-container {
    display: flex;
    margin: 0 auto;
  }

  .recruiter-cta .inner-cta .cta-btn-container a { width: 18rem; }
}