@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);
/*purgecss start ignore*/
.not-found[data-v-1dd60729]{
  font-size:356px;
  line-height:275px;
  text-align:center;
  letter-spacing:-.04em;
  background:linear-gradient(180deg,#fff,hsla(0,0%,100%,0) 84.95%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  text-fill-color:transparent
}
@media screen and (max-width:600px){
.not-found[data-v-1dd60729]{
    font-size:200px
}
}

/*purgecss end ignore*/
/*purgecss start ignore*/
.nuxt-progress{
  position:fixed;
  top:0;
  left:0;
  right:0;
  height:2px;
  width:0;
  opacity:1;
  transition:width .1s,opacity .4s;
  background-color:#f1420e;
  z-index:999999
}
.nuxt-progress.nuxt-progress-notransition{
  transition:none
}
.nuxt-progress-failed{
  background-color:red
}

/*purgecss end ignore*/
.btn{
  display:block;
  cursor:pointer;
  border-radius:9999px;
  padding-left:0.875rem;
  padding-right:0.875rem;
  padding-top:0.375rem;
  padding-bottom:0.375rem;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
  transition-duration:300ms
}

@media (min-width: 768px){
  .btn{
    padding-left:1.5rem;
    padding-right:1.5rem;
    padding-top:0.625rem;
    padding-bottom:0.625rem
  }
}

.btn-social{
  display:flex;
  height:44px;
  cursor:pointer;
  align-items:center;
  justify-content:center;
  gap:0.5rem;
  border-radius:0.75rem;
  border-width:1px;
  border-color:transparent
}

.btn-social:hover{
  --tw-border-opacity:1;
  border-color:rgba(27, 149, 250, var(--tw-border-opacity))
}

.btn-social{
  --tw-bg-opacity:1;
  background-color:rgba(240, 246, 255, var(--tw-bg-opacity));
  padding-left:2rem;
  padding-right:2rem;
  font-size:0.875rem;
  line-height:1.25rem;
  font-weight:500;
  --tw-text-opacity:1;
  color:rgba(27, 149, 250, var(--tw-text-opacity));
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
  transition-duration:300ms
}

.btn-primary{
  display:block;
  height:44px;
  width:100%;
  cursor:pointer;
  border-radius:0.75rem;
  border-width:1px;
  border-color:transparent;
  --tw-bg-opacity:1;
  background-color:rgba(27, 149, 250, var(--tw-bg-opacity))
}

.btn-primary:hover{
  --tw-bg-opacity:1;
  background-color:rgba(22, 119, 200, var(--tw-bg-opacity))
}

.btn-primary{
  padding-left:2rem;
  padding-right:2rem;
  font-size:0.875rem;
  line-height:1.25rem;
  --tw-text-opacity:1;
  color:rgba(255, 255, 255, var(--tw-text-opacity));
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
  transition-duration:300ms
}

button:disabled{
  cursor:not-allowed;
  opacity:0.5
}

.btn-primary-rounded{
  display:flex;
  height:44px;
  cursor:pointer;
  align-items:center;
  justify-content:center;
  border-radius:9999px;
  border-width:1px;
  border-color:transparent;
  --tw-bg-opacity:1;
  background-color:rgba(27, 149, 250, var(--tw-bg-opacity))
}

.btn-primary-rounded:hover{
  --tw-bg-opacity:1;
  background-color:rgba(22, 119, 200, var(--tw-bg-opacity))
}

.btn-primary-rounded{
  padding-left:1.5rem;
  padding-right:1.5rem;
  font-size:0.875rem;
  line-height:1.25rem;
  --tw-text-opacity:1;
  color:rgba(255, 255, 255, var(--tw-text-opacity));
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
  transition-duration:300ms
}

.btn-search{
  height:44px;
  cursor:pointer;
  align-items:center;
  justify-content:center;
  border-radius:9999px;
  border-width:1px;
  border-color:transparent;
  --tw-bg-opacity:1;
  background-color:rgba(27, 149, 250, var(--tw-bg-opacity))
}

.btn-search:hover{
  --tw-bg-opacity:1;
  background-color:rgba(22, 119, 200, var(--tw-bg-opacity))
}

.btn-search{
  padding-left:1.5rem;
  padding-right:1.5rem;
  font-size:0.875rem;
  line-height:1.25rem;
  font-weight:500;
  --tw-text-opacity:1;
  color:rgba(255, 255, 255, var(--tw-text-opacity));
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
  transition-duration:300ms
}

@media (min-width: 768px){
  .btn-search{
    display:flex;
    height:52px;
    padding-left:2.5rem;
    padding-right:2.5rem
  }
}

.btn-secondary{
  display:flex;
  height:44px;
  cursor:pointer;
  align-items:center;
  justify-content:center;
  border-radius:9999px;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgba(27, 149, 250, var(--tw-border-opacity));
  background-color:transparent
}

.btn-secondary:hover{
  --tw-bg-opacity:1;
  background-color:rgba(27, 149, 250, var(--tw-bg-opacity))
}

.btn-secondary{
  padding-left:1.25rem;
  padding-right:1.25rem;
  font-size:0.875rem;
  line-height:1.25rem;
  --tw-text-opacity:1;
  color:rgba(27, 149, 250, var(--tw-text-opacity))
}

.btn-secondary:hover{
  --tw-text-opacity:1;
  color:rgba(255, 255, 255, var(--tw-text-opacity))
}

.btn-secondary{
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
  transition-duration:300ms
}

.input{
  display:block;
  height:44px;
  width:100%;
  border-radius:0.5rem;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgba(223, 226, 232, var(--tw-border-opacity))
}

.input:hover{
  --tw-border-opacity:1;
  border-color:rgba(27, 149, 250, var(--tw-border-opacity))
}

.input:focus{
  --tw-border-opacity:1;
  border-color:rgba(27, 149, 250, var(--tw-border-opacity))
}

.input{
  --tw-bg-opacity:1;
  background-color:rgba(255, 255, 255, var(--tw-bg-opacity));
  padding-left:1rem;
  padding-right:1rem;
  font-size:0.875rem;
  line-height:1.25rem;
  outline:2px solid transparent;
  outline-offset:2px;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
  transition-duration:300ms
}

input:disabled{
  cursor:not-allowed;
  --tw-border-opacity:1;
  border-color:rgba(208, 212, 219, var(--tw-border-opacity))
}

input:disabled:hover{
  --tw-border-opacity:1;
  border-color:rgba(208, 212, 219, var(--tw-border-opacity))
}

input:disabled{
  --tw-bg-opacity:1;
  background-color:rgba(250, 251, 252, var(--tw-bg-opacity));
  opacity:0.5
}

.textarea{
  display:block;
  width:100%;
  resize:none;
  border-radius:0.5rem;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgba(223, 226, 232, var(--tw-border-opacity))
}

.textarea:hover{
  --tw-border-opacity:1;
  border-color:rgba(27, 149, 250, var(--tw-border-opacity))
}

.textarea:focus{
  --tw-border-opacity:1;
  border-color:rgba(27, 149, 250, var(--tw-border-opacity))
}

.textarea{
  --tw-bg-opacity:1;
  background-color:rgba(255, 255, 255, var(--tw-bg-opacity));
  padding:1rem;
  font-size:0.875rem;
  line-height:1.25rem;
  line-height:1.75rem;
  outline:2px solid transparent;
  outline-offset:2px;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
  transition-duration:300ms
}

.input-search{
  display:block;
  width:100%;
  border-radius:9999px;
  border-width:1px;
  border-color:transparent
}

.input-search:hover{
  --tw-border-opacity:1;
  border-color:rgba(22, 119, 200, var(--tw-border-opacity))
}

.input-search:focus{
  --tw-border-opacity:1;
  border-color:rgba(22, 119, 200, var(--tw-border-opacity))
}

.input-search{
  --tw-bg-opacity:1;
  background-color:rgba(255, 255, 255, var(--tw-bg-opacity));
  padding-left:1.25rem;
  padding-right:1.25rem;
  padding-top:0.875rem;
  padding-bottom:0.875rem;
  outline:2px solid transparent;
  outline-offset:2px;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
  transition-duration:300ms
}

@media (min-width: 768px){
  .input-search{
    padding-left:2rem;
    padding-right:2rem;
    padding-top:1.25rem;
    padding-bottom:1.25rem
  }
}

.label{
  margin-bottom:0.5rem;
  display:block;
  font-size:0.875rem;
  line-height:1.25rem;
  --tw-text-opacity:1;
  color:rgba(58, 67, 77, var(--tw-text-opacity))
}

.error{
  margin-top:0.25rem;
  font-size:0.875rem;
  line-height:1.25rem;
  --tw-text-opacity:1;
  color:rgba(253, 39, 28, var(--tw-text-opacity))
}

.alert-badge{
  margin-left:0.25rem;
  margin-right:0.25rem;
  border-radius:9999px;
  --tw-bg-opacity:1;
  background-color:rgba(254, 215, 153, var(--tw-bg-opacity));
  padding-left:0.25rem;
  padding-right:0.25rem;
  padding-top:0.25rem;
  padding-bottom:0.25rem;
  text-decoration:underline
}

@media (min-width: 768px){
  .alert-badge{
    padding-left:0.5rem;
    padding-right:0.5rem;
    padding-top:0.5rem;
    padding-bottom:0.5rem
  }
}

.menu-item{
  width:17px
}

.checkbox-wrapper .box{
  height:20px;
  width:20px;
  border:1px solid #d0d4db;
  border-radius:5px;
  display:block;
  margin-right:10px;
  transition:all .2s ease;
  position:relative
}

.checkbox-wrapper .box .tick{
  position:absolute;
  top:1px;
  left:1px
}

.checkbox-wrapper input[type=checkbox]:checked+.box{
  background:#1b95fa;
  border:1px solid #1b95fa
}

.fade-in-enter{
  opacity:0;
  transform:translateY(-10px)
}

.fade-in-enter-active{
  transition:all .3s ease
}

.fade-in-leave-active{
  transition:all .3s;
  opacity:0;
  transform:translateY(-10px)
}

@keyframes fade-in{
  0%{
    opacity:0;
    transform:translateY(-10px)
  }

  to{
    opacity:1;
    transform:translateY(0)
  }
}

@keyframes save{
  0%{
    transform:scale(1)
  }

  50%{
    transform:scale(1.1)
  }

  to{
    transform:scale(1)
  }
}

.save{
  animation:save .5s ease-in-out
}

.text-2\.5xl{
  letter-spacing:-.5px
}

@media screen and (max-width:600px){
  .btn-search{
    height:45px;
    right:6px
  }
}

.slider{
  -webkit-appearance:none;
  height:5px;
  background:#dfe2e8;
  outline:none;
  transition:opacity .2s;
  border-radius:10px
}

.slider:hover{
  opacity:1
}

.slider::-webkit-slider-thumb{
  -webkit-appearance:none;
  appearance:none;
  width:18px;
  height:18px;
  background:#1b95fa;
  border-radius:50%;
  cursor:pointer
}

.slider::-moz-range-thumb{
  width:18px;
  height:18px;
  background:#1b95fa;
  border-radius:50%;
  cursor:pointer
}

.ql-wrapper h1{
  display:block;
  font-size:2em;
  font-weight:700
}

.ql-wrapper h2{
  display:block;
  font-size:1.5em;
  font-weight:700
}

.ql-wrapper h3{
  font-size:1.17em
}

.ql-wrapper h3,.ql-wrapper h4,.ql-wrapper h5{
  display:block;
  font-weight:700
}

.ql-wrapper h5{
  font-size:.83em
}

.ql-wrapper h6{
  display:block;
  font-size:.67em;
  font-weight:700
}

.ql-wrapper a{
  text-decoration:underline;
  color:#1b95fa;
  cursor:pointer
}

.ql-wrapper blockquote{
  background:#f9f9f9;
  border-left:10px solid #ccc;
  margin:1.5em 10px;
  padding:.5em 10px;
  quotes:"“" "”" "‘" "’"
}

.ql-wrapper blockquote:before{
  color:#ccc;
  content:open-quote;
  font-size:4em;
  line-height:.1em;
  margin-right:.25em;
  vertical-align:-.4em
}

.ql-wrapper blockquote p{
  display:inline
}

.ql-wrapper ol{
  list-style-type:decimal;
  margin:1em 0
}

.ql-wrapper ol,.ql-wrapper ul{
  display:block;
  padding-left:40px
}

.ql-wrapper ul{
  list-style-type:disc;
  margin:1em 0 1 em
}

.ql-wrapper .ql-align-right{
  text-align:right
}

.ql-wrapper .ql-direction-rtl{
  direction:rtl
}

@media print{
  .print-hidden{
    display:none
  }

  .px-print{
    padding:0 20px
  }

  .job-top{
    display:flex;
    flex-direction:row!important
  }

  .right-section{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:16px
  }

  .right-section div{
    display:flex;
    align-items:center
  }
}
/*purgecss start ignore*/
@media screen and (min-width:600px){
.menu-wrapper:hover .menu-items{
    opacity:1;
    visibility:visible;
    transform:translate(0) perspective(600px) rotateX(0)
}
.menu-wrapper .menu-items{
    opacity:0;
    visibility:hidden;
    transition:all .32s ease;
    transform:translateY(10px) perspective(600px) rotateX(-20deg)
}
.menu-wrapper .menu-items a .isax{
    opacity:0;
    transform:translateX(-10px)
}
.menu-wrapper .menu-items a:hover .isax{
    opacity:1;
    transform:translateX(0)
}
}

/*purgecss end ignore*/
/*purgecss start ignore*/
@media (max-width:600px){
.xs{
    display:none
}
}
@media (min-width:600px) and (max-width:768px){
.medium{
    font-size:16px
}
}

/*purgecss end ignore*/