body {
color: #000;
}
.konten-listing {
width: 1600px;
margin: auto;
}
.box-biru {
width: 1600px
!important;
margin: auto;
margin-top: 15px;
border-radius: 8px;
}
.grid {
display: grid;
justify-content: center;
grid-template-columns: 1fr 1fr;
grid-gap: 30px;
}
.head-listing {
height: 100px;
}
.sticky-contents {
position: sticky;
top: 30px;
height: 100vh;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
overflow: hidden
}
.main-konten ul {
list-style: none;
padding: 0;
margin: 10px;
padding-left: 20px;
}
.sticky-contents ol {
margin: 10px;
}
.share-buttons-icons li {
list-style: none
!important
}
.main-konten ul li, .sticky-contents ol li {
padding: 5px 10px;
border-radius: 5px;
line-height: 1.2;
}
#navigation .sr-link {
margin-top: -2px
!important
}
.main-konten ul li::before {
content: "\2022"; /* Tambahkan karakter unicode untuk bullet */
display: inline-block;
width: 1em;
color: #1a68d2;
margin-left: -1em;
}
.share-rg {
font-size: 20px;
color: #1a68d2;
background-color: transparent
!important;
}
.column-1 {
width: 550px;
}
.column-2 {
width: 1020px;
background-color: #fff;
border: 1px solid #ccd4dc;
padding-bottom: 15px;
border-radius: 10px;
}
.list-lowongan {
width: 100%;
background-color: #fff;
border: 1px solid #ccd4dc;
padding: 20px;
border-radius: 10px;
margin-top: 10px;
font-size: 16px;
z-index: 2;
}
.list-lowongan ul {
list-style: none;
}
.list-lowongan small {
font-size: 14px;
}
.bg-feat {
background-color: #f5bb4c
!important
}
.rg-badge {
padding: 0 15px;
border-radius: 20px;
font-size: 12px;
color: #fff;
font-weight: 600;
}
.high {
width: 100%;
background-color: #fff;
border: 1px solid #f5bb4c;
padding: 20px;
border-radius: 10px;
margin-top: 10px;
border-left: 10px solid #f5bb4c;
}
.list-lowongan.aktif, .high.aktif {
border-color: #1a68d2;
}
.konten-fuut {
margin-bottom :100px;
}
.btn_mores {
text-align: center;
margin: 20px;
padding-top: 10px;
}
#load-mores {
border: 2px solid #1a68d2;
color: #1a68d2;
font-weight: 700;
padding: 2px 10px;
transition: all 0.6s;
}
#load-mores:hover {
background-color: #1a68d2;
color: #fff;
transition: all 0.6s;
}
.stiky-job {
background-color: #fff;
position: -webkit-sticky; 
position: sticky;
margin-bottom: 20px;
top: 0;
padding: 30px 0;
margin-top: -30px;
}
.stiky-head {
padding: 30px 30px 20px 30px;
background-color: transparent;
position: -webkit-sticky; 
position: sticky;
top: 0;
border-bottom: 1px solid #ccd4dc;
z-index: 10;
font-size: 16px;
}
.main-konten, .mains-konten {
padding: 30px;
border-top: 1px solid #ccd4dc;
}
.head-konten {
padding: 10px 30px;
}
.head-konten .col-6, .head-konten .col-12 {
margin: 10px 0;
}
.head-konten b {
display: block;
font-weight: 900;
margin-bottom: -5px;
}
.stiky-head h2 {
font-weight: 900;
margin-bottom: 20px;
}
.stiky-head ul {
list-style: none;
padding: 0;
margin: 0;
}
.stiky-head i {
color: rgba(0, 0, 0, 0.5)
}
.stiky-head ul li {
display: inline-block;
margin-right: 30px; 
}
.konten-job {
height: 80%;
overflow-y: auto;
}
.img-job {
text-align: center;
padding: 80px;
}
.img-job img {
width: 300px;
height: auto;
margin-bottom: 40px
}
.img-job h2 {
font-weight: 900;
color: #1a68d2
}
.loading {
height: 100%;
width: 100%;
position: absolute;
background-color: #fff;
top: 0;
left: 0;
display: none;
align-items: center;
justify-content: center;
transition: all 0.3;
opacity: 1;
}
.loading.opa {
display: flex;
transition: all 0.3s;
opacity: 1;
}

.wadah {
animation: opaciti 1s ease-in-out;
}

@keyframes opaciti {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.loader {
width: 50px;
aspect-ratio: 1;
display: grid;
border: 4px solid #0000;
border-radius: 50%;
border-color: #000 #0000;
animation: l16 1s infinite linear;
}
.loader::before,
.loader::after {
content: "";
grid-area: 1/1;
margin: 2px;
border: inherit;
border-radius: 50%;
}
.loader::before {
border-color: #1a68d2 #0000;
animation: inherit; 
animation-duration: .5s;
animation-direction: reverse;
}
.loader::after {
margin: 8px;
}
@keyframes l16 { 
100%{transform: rotate(1turn)}
}
.load-data {
font-weight: 700;
color: #000
!important;
font-size: 24px;
}
.ads-job {
margin-bottom: 5px;
}
.bg-urgent {
background-color: #ea1144;
}
.lamar-div.look {
display: none;
opacity: 0;
transition: all 0.6s;
height: 0;
}
.lamar-div {
opacity: 1;
transition: all 0.6s;
background-color: #f1f1f1;
animation: lamar 1s ease 0s 1 normal forwards;
position: relative;
margin: 20px 0;
padding: 20px;
border-radius: 10px;
}
@keyframes lamar {
0% {
transform: scaleX(0);
}

100% {
transform: scaleX(1);
}
}
#open-button {
background-color: #1a68d2;
padding: 6px 20px;
border-radius: 20px;
color: #fff
!important;
font-weight: 700;
}
.fun-fact-text span {
font-weight: 300
!important;
text-decoration: underline;
margin-left: -10px
!important
}
#open-button-2 {
background-color: green;
padding: 6px 20px;
border-radius: 20px;
color: #fff
!important;
font-weight: 700;
}
.rgs-btn::after {
content: 'Simpan';
display: block;
}
.rgs-btn {
background-color: #e4e9ef;
padding: 4px 24px;
border-radius: 20px;
color: #1a68d2;
font-weight: 700;
cursor: pointer;
display: inline-block;
margin-left: 20px;
position: relative;
}
.rgs-btn.set {
background-color: #1a68d2;
color: #fff;
}
.rgs-btn.set::after {
content: 'Tersimpan';
display: block;
}
#close-button {
padding: 1px 5px;
height: 24px;
width: 24px;
border-radius: 100%;
color: #fff;
position: absolute;
right: 10px;
top: 10px;
background-color: #1a68d2;
}
.konten--form {
padding: 20px;
}
.rg-upload {
background-color: #1a68d2;
color: white;
padding: 10px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
}
.rg-tiles {
font-weight: 700;
text-decoration: underline;
margin-top: 40px;
margin-bottom: -5px
!important;
}
.pencarian {
margin-top: 20px 
}
.first-wrap, .first-wrap input {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.pencarian h4 {
font-weight: 900;
display: inline-block;
}
.pencarian a {
margin-left: 30px;
font-weight: 500;
}
.section-dua {
background-image: url(/storage/logo/Cadcamcareer-perusahaan-banner.webp);
background-color: #e8f2f6;
overflow: hidden;
background-repeat: no-repeat;
height: 913px;
background-size: cover;
background-position: center;
}
.section-tiga {
background-image: url(/storage/logo/Cadcamcareer-jobseeker-banner.webp);
background-color: #aadae5;
overflow: hidden;
background-repeat: no-repeat;
height: 913px;
background-size: cover;
background-position: center;
}
.w-bg {
background-color: #f8f8f8;
overflow: hidden;
}
konten-text {
padding: 100px 80px;
display: block;
color: #000
}
konten-text h3 {
font-weight: 700;
text-transform: uppercase;
position: relative;
display: block;
font-size: 22px;
}
konten-text h3::after {
content: '';
width: 120px;
height: 2px;
display: block;
background-color: #1a68d2;
position: absolute;
left: 0;
}
konten-text h2 {
font-weight: 900;
font-size: 43px;
line-height: 1.1;
margin: 20px 0 60px 0;
max-width: 600px;
}
.ikon-logo {
width: 80px;
height: 80px;
background-repeat: no-repeat;
background-position: center;
margin-right: 10px;
border-radius: 100%;
-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
}
.descr {
max-width: 530px;
padding: 15px 0 0 10px;
font-size: 20px;
line-height: 1.2;
}
.descr b {
font-weight: 900;
font-size: 22px;
display: block;
margin-bottom: 10px;
}
.speaker {
background-image: url(/storage/logo/Cadcamcareer-icon1.svg);
}
.invite {
background-image: url(/storage/logo/Cadcamcareer-icon2.svg);
}
.chat {
background-image: url(/storage/logo/Cadcamcareer-icon3.svg);
}
.resume {
background-image: url(/storage/logo/Cadcamcareer-icon4.svg);
}
.inter {
background-image: url(/storage/logo/Cadcamcareer-icon5.svg);
}
.target {
background-image: url(/storage/logo/Cadcamcareer-icon6.svg);
}
.rg-flex {
display: flex;
margin-bottom: 40px;
}
.tombol-green {
background-color: #49c419;
padding: 17px 30px;
font-weight: 700;
color: #fff
!important;
border-radius: 40px;
font-size: 22px;
display: inline-block;
margin-top: 20px;
transition: all 0.5s;
}
.tombol-green:hover {
background-color: #1a68d2;
transition: all 0.5s;
}
.tombol-blue:hover {
background-color: #49c419;
transition: all 0.5s;
}
.tombol-blue {
background-color: #1a68d2;
padding: 17px 30px;
font-weight: 700;
color: #fff
!important;
border-radius: 40px;
font-size: 22px;
display: inline-block;
margin-top: 20px;
transition: all 0.5s;
}
.pdl200 {
margin-left: 200px;
}
.cadcam-slide {
position: relative;
}
.prevcadcam:hover, .nextcadcam:hover {
background-color: #1a68d2;
color: #fff;
}
.nextcadcam {
position: absolute;
top: 50%;
left: -90px;
transform: translateY(-50%);
z-index: 1;
width: 60px;
height: 60px;
font-size: 30px;
background: #f2f7f8;
color: #b3b3b3;
line-height: 50px;
text-align: center;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
padding-right: 5px;
}

.prevcadcam {
position: absolute;
top: 50%;
right: -90px;
transform: translateY(-50%);
z-index: 1;
width: 60px;
height: 60px;
font-size: 30px;
background: #f2f7f8;
color: #b3b3b3;
line-height: 50px;
text-align: center;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
padding-left: 5px;
}
.div_dashboard {
background-color: #fff;
border: 1px solid #d0d7d8;
border-radius: 10px;
}
.div_dashboard h4 {
margin-top: 0;
line-height: 1.2;
font-weight: 700;
}
.cadcam_head {
background-color: #dde9ed;
padding: 20px;
font-weight: 700;
font-size: 16px;
margin-bottom: 20px;
}
.head_cadcam {
padding: 20px 20px 10px 20px;
}
.border_cadcam {
border: 1px solid #d0d7d8
!important;
border-radius: 10px
!important
}
.cadcam_konten {
background-color: #fff;
padding: 0 20px;
font-size: 14px;
margin-bottom: 20px;
}
.cadcam_konten .row {
border-bottom: 1px solid #d0d7d8;
margin-bottom: 10px;
margin: 0;
padding: 0;
padding-bottom: 20px;
}
.cadcam_head .row {
margin: 0;
padding: 0;
}
list {
display: inline-block;
margin-right: 10px;
}
list .lok {
width: 14px;
height: auto;
margin-right: 5px;
}
list .icon {
width: 20px;
height: auto;
margin-right: 5px;
}
list .kat {
width: 18px;
height: auto;
margin-right: 5px;
margin-top: -5px;
}
.cadcam_konten.light-aktif {
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,187,76,1) 100%);
}
.cadcam-cari {
height: 60px;
display: flex;
align-items: center;
}
.cadcam-cari select {
border: 1px solid #1a68d2;
padding: 10px;
border-radius: 10px;
margin-left: 10px;
font-weight: 700;
font-size: 14px;
}
.tog-cadcam {
display: inline-block;
width: 50px;
height: 24px;
background-image: url('/templates/reysat/file/off.png');
background-size: cover;
cursor: pointer;
flex-shrink: 1;
}
.toogle-job {
background-color: #f2f8f8;
height: 80px;
border-radius: 10px;
display: flex;
align-items: center;
padding: 0 20px;
}
.contain-job {
margin-left: 20px;
}
.contain-job h3 {
font-size: 16px;
margin: 0;
font-weight: 700;
margin-bottom: 0;
}
.contain-job i {
font-size: 14px;
font-weight: 300;
}
.tog-cadcam.active {
background-image: url('/templates/reysat/file/on.png');
}
.toogle-job input {
display: none;
}
.konten_job {
margin: 40px auto;
width: 90%;
}
.konten_job .checkbox-icon {
margin-right: 10px
!important;
background-color: #dee9ed
!important;
border: 1px solid #cfd8d7
!important;
border-radius: 0
!important
}
.cadcam-button {
background-color: #1a68d2;
padding: 8px 20px;
font-size: 12px;
border-radius: 5px;
color: #fff;
font-weight: 700;
}
.form_cc {
width: 50%;
padding: 40px 0 40px 40px;
}
.sertifikasi-uploads {
width: 100%;
text-align: right;
border: 1px solid #CCD5DE;
margin-top: 30px;
padding: 10px 20px;
color: #1a68d2;
text-decoration: underline;
font-weight: 700;
border-radius: 5px;
cursor: pointer;
}
.sertifikat {
margin: 40px;
border-top: 1px solid #CCD5DE;
padding: 40px 0;
}

.sertifikasi-card {
max-width: 700px;
margin-bottom: 20px;
border: 1px solid #CCD5DE;
border-radius: 20px;
padding: 20px;
position: relative;
display: flex;
}
.cc_ver {
margin-right: 10px;
width: 20px;
flex-shrink: 1;
}
.cc_ver_con {
padding-top: 5px;
}
.cc_ver_con h4 {
margin-bottom: 0;
padding: 0;
}
.ser_tgg {
position: absolute;
bottom: 20px;
right: 20px;
}

.collapse-btn {
color: #1a68d2;
border: none;
text-align: left;
cursor: pointer;
font-weight: 700;
transition: background-color 0.3s ease;
display: flex;
align-items: center;
}

.collapse-icon {
display: inline-block;
width: 12px;
height: 12px;
margin-left: 10px;
background-image: url('/templates/reysat/file/drop.png'); 
background-repeat: no-repeat;
background-position: center;
transition: transform 0.3s ease;
background-size: 100%;
}

.collapse-btn.collapsed .collapse-icon {
transform: rotate(180deg);
}

#dropdown-content {
display: none;
margin-top: 20px;
animation: drop 2s ease 0s 1 normal forwards;
-webkit-animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
width: 80%;
}

 @-webkit-keyframes swing-in-top-fwd {
0% {
  -webkit-transform: rotateX(-100deg);
  transform: rotateX(-100deg);
  -webkit-transform-origin: top;
  transform-origin: top;
  opacity: 0;
}
100% {
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transform-origin: top;
  transform-origin: top;
  opacity: 1;
}
  }
  @keyframes swing-in-top-fwd {
0% {
  -webkit-transform: rotateX(-100deg);
  transform: rotateX(-100deg);
  -webkit-transform-origin: top;
  transform-origin: top;
  opacity: 0;
}
100% {
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transform-origin: top;
  transform-origin: top;
  opacity: 1;
}
  }
  
.padding-cc {
padding: 40px;
}

.exp_cc {
margin: 40px 0;
border-top: 1px solid #CCD5DE;
padding-top: 30px;
}
.exp_cc_content {
border: 1px solid #CCD5DE;
padding: 40px;
border-radius: 10px;
margin-bottom: 20px;
font-size: 14px;
width: 80%;
}
.exp_cc_content h4 {
margin: 0;
padding: 0;
}
.setting_cc {
padding: 40px 40px 20px 40px;
display: flex;
}
.setting_konten {
padding-top: 2px;
width: 50%;
}
.setting_konten input {
width: 100%;
margin-bottom: 5px
!important;
margin-top: 20px;
}
.with-border {
max-height: 40px
!important
}
.setting_cc .uploadButton {
margin-bottom: 0;
margin-top: -10px;
}
.setting_cc span {
display: block;
}
.mbmin {
margin-bottom: -10px
!important
}
.setting_cc .uploadButton-file-name {
display: none
}
.setting_cc .cadcam-button {
margin-bottom: 5px;
}
.bto {
margin-bottom: 40px;
}

#selected-options {
padding: 10px 0;
margin-top: 10px;
display: flex;
flex-wrap: wrap;
}

#selected-options span {
border-radius: 15px;
padding: 4px 15px;
margin-right: 5px;
margin-bottom: 5px;
display: flex;
align-items: center;
background-color: #1a68d2;
color: #fff;
font-size: 12px;
}

#selected-options span button {
margin-left: 5px;
border: none;
background: transparent;
color: #fff;
cursor: pointer;
}
.hr{
background-color: #d0d7d8;
margin: -10px 30px 10px 30px;
height: 1px;
}
#image-preview {
display: flex;
margin: 10px 0 40px 0;
flex-wrap: wrap;
}
.prev_img {
height: 113px;
width: 200px;
margin: 15px;
background-color: #dde3ef;
background-size: cover;
background-position: center;
position: relative;
}
.remove-preview {
position: absolute;
right: -10px;
top: -10px;
background-color: #fff;
display: flex;
align-self: center;
justify-content: center;
font-size: 12px;
border-radius: 100%;
height: 20px;
width: 20px;
border: 1px solid #000;
font-weight: 700;
}
.item{
position: relative;
width: 100%;
padding-top: 56.25%; /* Mengatur rasio aspek 16:9 dengan nilai persentase */
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.portfolio {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.mbb-90 {
margin-top: -35px
!important
}
.resume_div {
margin: 80px 30px;
padding: 20px;
}
.head_resume {
border-top: 1px solid #d0d7d8;
border-bottom: 1px solid #d0d7d8;
padding: 10px 0;
font-weight: 700;
}
.pad_resume {
padding: 10px 0;
}
.log_cadcam {
color: #fff
!important;
background: #49c419;
padding: 5px 20px;
border-radius: 15px;
font-size: 12px;
margin-right: 10px;
}
.log_cadcam_2 {
color: #fff
!important;
background: #1a68d2;
padding: 5px 20px;
border-radius: 15px;
font-size: 12px;
}
.transaksio div, .transs div {
margin: 0
!important;
padding: 0
!important;
}

.transaksio {
border-bottom: 1px solid #d0d7d8;
padding: 10px 0
!important;
margin: 0 10px
!important;
align-items: center;
}
.transs {
padding: 10px 0
!important;
margin: 0 10px
!important
}
.max-pr {
max-width: 500px
!important
}
.flex-center {
display: flex;
height: 40px;
align-items: center;
font-size: 14px;
}
.counter {
background-color: #1a68d2;
height: 24px;
width: 24px;
align-items: center;
justify-content: center;
color: #fff;
display: flex;
border-radius: 100%;
margin-right: 10px;
font-size: 12px
!important;
flex-shrink: 0;
}
.kandidat_div {
padding: 20px 0;
}
.kandidat_div h2 {
font-weight: 700
!important;
font-size: 24px;
padding: 20px 0 30px 20px;
border-bottom: 1px solid #d0d7d8;
margin: 0 20px;
}
.kandidat_header {
margin: 20px 20px 0 20px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
background-color: #f2f7f8;
color: #212225;
padding: 20px 20px 10px 20px;
font-size: 16px;
}
.div-kandidat, .div-kandidat2, .div-kandidat3 {
display: none;
padding: 20px 5px 0 5px;
margin: 0
!important
}
.tab-kandidat {
display: none;
}
.div-kandidat.aktif, .div-kandidat2.aktif, .div-kandidat3.aktif {
display: flex;
flex-wrap: wrap;
}
.tab-kandidat.aktif {
display: block;
}
.row_kandidat {
display: flex;
flex-wrap: wrap;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
background-color: #f2f7f8;
color: #212225;
padding: 20px;
font-size: 16px;
margin: 0 20px;
}
.kandidat-btn {
margin-left: 10px;
margin-right: 30px;
padding: 0 5px;
font-weight: 600;
position: relative;
}
.kandidat-btn.aktif {
border-bottom: 2px solid #1a68d2;
}
.button-kandidat, .button-kandidat2, .button-kandidat3 {
background-color: #fff;
padding: 10px 10px 10px 20px;
border-radius: 50px;
font-weight: 700;
margin-left: 10px;
display: flex;
margin-bottom: 10px;
}
.button-kandidat.aktif, .button-kandidat2.aktif, .button-kandidat3.aktif {
background-color: #1a68d2;
color: #fff;
}
counter {
display: flex;
margin-left: 20px;
border-radius: 100%;
background-color: #1a68d2;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
font-size: 10px;
text-align: center;
color: #fff;
}
.button-kandidat.aktif counter, .button-kandidat2.aktif counter, .button-kandidat3.aktif counter {
background-color: #fff;
color: #212225;
}
.kolom-kandidat {
width: 33.33333%;
padding: 0 15px;
position: relative;
}

.card_kandidat {
border: 2px solid #bbc9cc;
border-radius: 20px;
padding: 10px 20px;
margin: auto;
-webkit-box-shadow: 2px 2px 4px 4px #f8f8f8;
-moz-box-shadow: 2px 2px 4px 4px #f8f8f8;
box-shadow: 2px 2px 4px 4px #f8f8f8;
margin-bottom: 30px;
font-size: 14px;
position: relative;
}
.kol-1 {
width: 94%;
}
.kol-2 {
width: 5%;
text-align: right;
}
.broku {
height: 10px;
}
.no-fount {
margin: 20px;
text-align: center;
}

@media screen and (max-width: 1600px) {
.konten-listing {
width: 1340px;
margin: auto;
}
.pdl200 {
margin-left: 160px;
}
.tombol-blue, .tombol-green {
padding: 14px 26px;
font-size: 20px;
margin-top: 18px;
}
.ikon-logo {
width: 65px;
height: 65px;
}
.descr {
max-width: 480px;
font-size: 18px;
}
.rg-flex {
margin-bottom: 30px;
}
.descr b {
font-size: 20px;
margin-bottom: 8px;
}
.box-biru {
width: 1340px
!important;
}
.column-1 {
width: 500px;
}
.column-2 {
width: 810px;
}
.img-job img {
width: 250px;
height: auto;
}
.load-data {
font-size: 22px;
}
.list-lowongan {
font-size: 15px;
}
.list-lowongan small {
font-size: 13px;
}
.stiky-head {
font-size: 15px;
}
.section-dua {
height: 780px;
}
.section-tiga {
height: 780px;
}
konten-text {
padding: 75px 60px;
display: block;
}
konten-text h3 {
font-size: 20px;
}
konten-text h3::after {
width: 110px;
}
konten-text h2 {
font-weight: 900;
font-size: 40px;
line-height: 1.1;
margin: 18px 0 50px 0;
max-width: 560px;
}
konten-text h2 {
font-size: 38px;
}
.kandidat_div h2 {
font-size: 22px;
}
.kandidat_header, .row_kandidat {
font-size: 14px;
}

}

@media screen and (max-width: 1399px) {
.konten-listing {
width: 1280px;
margin: auto;
}
.kandidat_div h2 {
font-size: 20px;
}
.fun-fact-text span {
font-size: 16px;
}
konten-text h2 {
font-size: 34px;
margin: 16px 0 40px 0;
max-width: 500px;
}
konten-text h3::after {
width: 100px;
}
konten-text {
padding: 60px 40px;
}
konten-text h3 {
font-size: 18px;
}
.section-dua {
height: 690px;
}
.section-tiga {
height: 690px;
}
.box-biru {
width: 1280px
!important;
}
.stiky-head {
font-size: 14px;
}
.list-lowongan small {
font-size: 12px;
}
.list-lowongan {
font-size: 14px;
}
.load-data {
font-size: 20px;
}
.column-1 {
width: 450px;
}
.column-2 {
width: 800px;
}
.img-job img {
width: 200px;
height: auto;
}
.rg-badge {
font-size: 11px;
}

.pdl200 {
margin-left: 120px;
}
.tombol-blue, .tombol-green {
padding: 12px 25px;
font-size: 18px;
margin-top: 16px;
}
.ikon-logo {
width: 55px;
height: 55px;
}
.descr {
max-width: 425px;
font-size: 16px;
padding: 10px 0 0 10px;
}
.rg-flex {
margin-bottom: 30px;
}
.descr b {
font-size: 18px;
margin-bottom: 8px;
}

}

@media screen and (max-width: 1280px) {
.konten-listing {
width: 1180px;
margin: auto;
}
.section-dua {
height: 640px;
}
.section-tiga {
height: 640px;
}

.box-biru {
width: 1180px
!important;
}
.column-1 {
width: 400px;
}
.column-2 {
width: 750px;
}
.load-data {
font-size: 19px;
}
konten-text h2 {
font-size: 32px;
max-width: 440px;
}
konten-text {
padding: 55px 30px;
}
konten-text h3 {
font-size: 17px;
}
.pdl200 {
margin-left: 110px;
}
.tombol-blue, .tombol-green {
padding: 12px 25px;
font-size: 17px;
margin-top: 16px;
}
.ikon-logo {
width: 50px;
height: 50px;
}
.descr {
max-width: 400px;
font-size: 15px;
padding: 10px 0 0 10px;
}
.rg-flex {
margin-bottom: 25px;
}
.descr b {
font-size: 17px;
margin-bottom: 8px;
}

}


@media screen and (max-width: 1199px) {
.konten-listing {
width: 980px;
margin: auto;
}
.fun-fact-text span {
font-size: 14px;
}
.kolom-kandidat {
width: 50%;
}
.pdl200 {
margin-left: 70px;
}
konten-text h3::after {
width: 90px;
}
konten-text {
padding: 60px 20px;
}
konten-text h3 {
font-size: 16px;
}
konten-text h2 {
font-size: 30px;
}
.box-biru {
width: 980px
!important;
}
.section-dua {
height: 650px;
}
.section-tiga {
height: 650px;
}
.stiky-head {
font-size: 13px;
}
.load-data {
font-size: 18px;
}
.list-lowongan {
font-size: 13px;
}
.column-1 {
width: 300px;
}
.column-2 {
width: 650px;
}

.rg-badge {
font-size: 10px;
}


}

@media screen and (max-width: 991px) {
.konten-listing {
display: none;
}
.form_cc {
width: 100%;
padding: 20px 20px;
}
.box-biru {
width: 96%
!important;
}
.list-lowongan small {
font-size: 11px;
}
.marko-80 {
margin-top: -40px;
}
.pdl200 {
margin-left: 40px;
}

}

@media screen and (max-width: 767px) {
konten-text {
padding: 30px 20px;
}
konten-text h3 {
font-size: 16px;
}
konten-text h2 {
font-size: 30px;
}

.pdl200 {
margin-left: 10px;
}
.tombol-blue, .tombol-green {
padding: 10px 20px;
font-size: 16px;
margin-top: 14px;
}
.ikon-logo {
width: 40px;
height: 40px;
margin-right: 0;
}
.descr {
max-width: 280px;
font-size: 14px;
padding: 10px 0 0 10px;
}
.rg-flex {
margin-bottom: 20px;
}
.descr b {
font-size: 16px;
margin-bottom: 5px;
}
.kolom-kandidat {
width: 50%;
padding: 0 10px;
position: relative;
}

}

@media screen and (max-width: 575px) {
.toogle-job {
background-color: #f2f8f8;
height: auto;
border-radius: 10px;
display: block;
align-items: center;
padding: 10px 20px;
}
.form_cc {
width: 100%;
padding: 20px 10px;
}
.kolom-kandidat {
width: 100%;
padding: 0 15px;
position: relative;
}

}

@media screen and (max-width: 300px) {
.section-dua {
height: 800px;
}
.section-tiga {
height: 800px;
}
.descr {
max-width: 200px;
font-size: 14px;
padding: 10px 0 0 10px;
}
}