@charset "UTF-8";
/* ====== fonts =========== */
@font-face {
  font-family: 'Conv_Poppins-SemiBold';
  src: url("../fonts/font/Poppins-SemiBold.eot");
  src: local("Γÿ║"), url("../fonts/font/Poppins-SemiBold.woff") format("woff"), url("../fonts/font/Poppins-SemiBold.ttf") format("truetype"), url("../fonts/font/Poppins-SemiBold.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Conv_Poppins-ExtraLight';
  src: url("../fonts/font/Poppins-ExtraLight.eot");
  src: local("Γÿ║"), url("../fonts/font/Poppins-ExtraLight.woff") format("woff"), url("../fonts/font/Poppins-ExtraLight.ttf") format("truetype"), url("../fonts/font/Poppins-ExtraLight.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Conv_Poppins-Regular';
  src: url("../fonts/font/Poppins-Regular.eot");
  src: local("Γÿ║"), url("../fonts/font/Poppins-Regular.woff") format("woff"), url("../fonts/font/Poppins-Regular.ttf") format("truetype"), url("../fonts/font/Poppins-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
/* ====== Color Palette =========== */
/* ====== fonts =========== */
/* ====== Font Sizes =========== */
/* ====== Text =========== */
/* ====== padding =========== */
/* ====== margin =========== */
/* ====== border radius =========== */
/*----------- functions -----------*/
/*---------- animation ----------*/
@keyframes loading {
  0%,100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: .5; }
  50% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 1; } }
@keyframes check {
  0%, 100% {
    transform: scale(1, 1) rotate(0deg); }
  50% {
    transform: scale(1.5, 1.5) rotate(15deg); } }
/* --------------------------------
RESET CSS
-------------------------------- */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
strike,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
  display: block; }

ul,
li {
  list-style: none; }

select {
  width: 100%; }

input:focus, button:focus, textarea:focus, select:focus {
  outline: 0; }

a:hover {
  color: #666D89;
  text-decoration: none; }

button {
  padding: .5rem 2rem;
  cursor: pointer; }

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 15px;
  font-size: 18px;
  overflow-x: hidden; }

body {
  line-height: 1.3333333333;
  font-family: "Conv_Poppins-ExtraLight";
  overflow-x: hidden;
  position: relative; }

input {
  height: 42px;
  padding: 0 1rem;
  border: 0px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 20px;
  background: transparent; }
  input::placeholder {
    color: #B2B2B2; }
  input:focus {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 12, 58, 0.1);
    -webkit-transform: translate(0, -5px);
    -moz-transform: translate(0, -5px);
    -o-transform: translate(0, -5px);
    transform: translate(0, -5px); }
    input:focus + label {
      -webkit-transform: translate(0, -5px);
      -moz-transform: translate(0, -5px);
      -o-transform: translate(0, -5px);
      transform: translate(0, -5px); }

label {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

select {
  height: 42px;
  padding: 0 1rem;
  border: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 20px;
  background: transparent; }
  select:invalid, select [hidden] {
    color: #b2b6c3; }
  select:focus {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 12, 58, 0.1);
    -webkit-transform: translate(0, -5px);
    -moz-transform: translate(0, -5px);
    -o-transform: translate(0, -5px);
    transform: translate(0, -5px); }
    select:focus + label {
      -webkit-transform: translate(0, -5px);
      -moz-transform: translate(0, -5px);
      -o-transform: translate(0, -5px);
      transform: translate(0, -5px); }

textarea {
  resize: none;
  padding: 0.5rem 1rem;
  height: 84px;
  border-radius: 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  textarea::placeholder {
    color: #B2B2B2; }
  textarea:focus {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 12, 58, 0.1);
    -webkit-transform: translate(0, -5px);
    -moz-transform: translate(0, -5px);
    -o-transform: translate(0, -5px);
    transform: translate(0, -5px); }
    textarea:focus + label {
      -webkit-transform: translate(0, -5px);
      -moz-transform: translate(0, -5px);
      -o-transform: translate(0, -5px);
      transform: translate(0, -5px); }

p, h1, h2, h3, form {
  margin: 1rem 0px; }

h1 {
  font-size: 40px;
  font-size: 2.5rem; }

h2 {
  font-size: 30px;
  font-size: 2rem; }

h3 {
  font-size: 25px;
  font-size: 1.22rem; }

section {
  padding: 2rem 0; }

/*---------- General Classes -------------*/
.margin_top {
  margin-top: 2rem !important; }

.margin_top_4 {
  margin-top: 4rem !important; }

.margin_bottom {
  margin-bottom: 2rem !important; }

.margin_bottom_4 {
  margin-bottom: 4rem !important; }

.margin_right {
  margin-right: 1rem; }

.margin_left {
  margin-left: 1rem; }

.padding_top {
  padding-top: 2rem !important; }

.padding_bottom {
  padding-bottom: 2rem !important; }

.overflow_hidden {
  overflow: hidden; }

._bold {
  font-family: "Conv_Poppins-SemiBold"; }

.light {
  color: #fff; }

.position-a {
  position: relative; }

.v-middle {
  vertical-align: middle; }

.mw-500 {
  max-width: 500px;
  margin: auto; }

.border-20 {
  border-radius: 20px; }

/*----- buttons -----*/
.green_btn {
  background: #12856F;
  color: #fff;
  padding: .5rem 2rem;
  border-radius: 0 10px 0 0;
  border: 2px solid #12856F;
  position: relative;
  cursor: pointer; }
  .green_btn span {
    position: relative; }
  .green_btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0 10px 0 0;
    background: #fff;
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .green_btn:hover {
    color: #12856F; }
    .green_btn:hover:before {
      -webkit-transform: scale(1, 1);
      -moz-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      transform: scale(1, 1); }

.yellow_btn {
  background: #FBAF29;
  color: #fff;
  padding: .5rem 2rem;
  border-radius: 20px;
  border: 2px solid #FBAF29;
  position: relative;
  cursor: pointer; }
  .yellow_btn span {
    position: relative;
    cursor: pointer; }
  .yellow_btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background: #fff;
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .yellow_btn:hover {
    color: #FBAF29; }
    .yellow_btn:hover:before {
      -webkit-transform: scale(1, 1);
      -moz-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      transform: scale(1, 1); }

.join_btn {
  background: #FBAF29;
  color: #fff;
  padding: .5rem 2rem;
  border-radius: 20px;
  border: 2px solid #FBAF29;
  position: relative; }
  .join_btn span {
    position: relative; }
  .join_btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background: #fff;
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .join_btn:after {
    content: url(../img/btn.png);
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
    bottom: 10px; }
  .join_btn:hover {
    color: #FBAF29; }
    .join_btn:hover:before {
      -webkit-transform: scale(1, 1);
      -moz-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      transform: scale(1, 1); }

.link_style img {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
.link_style:hover img {
  -webkit-transform: translate(0.5rem, 0);
  -moz-transform: translate(0.5rem, 0);
  -o-transform: translate(0.5rem, 0);
  transform: translate(0.5rem, 0); }

/*----- text-color -----*/
.text_green {
  color: #12856F; }

.text_darkred {
  color: #6C0E12; }

.text-black {
  color: #000; }

.text_blue {
  color: #000C3A; }

.text_gray {
  color: rgba(0, 12, 58, 0.7); }

.text_yellow {
  color: #FBAF29; }

/*----- background-color -----*/
.bg_yellow {
  background: #FBAF29; }

.bg_green {
  background: #12856F; }

.bg_gray {
  background: #F6F6F6; }

.header_bg_img {
  background-image: url(../img/header_bg.jpg);
  background-color: #FBAF29;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 6rem 1rem 2.5rem; }

.check-box {
  width: 20px;
  height: 20px;
  border-radius: 7px;
  background: #FBAF29;
  position: relative;
  margin-right: .5rem; }
  .check-box .checkbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1; }
    .check-box .checkbox:focus {
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0); }
      .check-box .checkbox:focus + label {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0); }
    .check-box .checkbox + label {
      text-align: center;
      animation: check .7s 0s ease-in-out 1;
      display: none;
      line-height: 20px;
      left: 0 !important;
      top: 0 !important;
      width: 20px; }
      .check-box .checkbox + label img {
        height: 12px; }
    .check-box .checkbox:checked + label {
      display: block; }

.radio_style {
  width: 14px;
  height: 14px;
  box-shadow: 0px 0px 0 1px #FBAF29;
  border-radius: 50%;
  position: relative;
  margin-right: .5rem; }
  .radio_style label {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #FBAF29;
    display: none;
    margin-bottom: 0; }
  .radio_style input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0; }
    .radio_style input:focus, .radio_style input:focus + label {
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0); }
    .radio_style input:checked + label {
      display: block; }

/*---- header ------*/
.site_header {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .site_header .navbar-expand-lg {
    padding: 1rem 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .site_header .navbar-brand img {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    height: 71px; }
  .site_header .nav-item {
    position: relative; }
    .site_header .nav-item:after {
      content: "";
      right: 0;
      top: 30%;
      height: 40%;
      width: 2px;
      background: #fff;
      position: absolute; }
  .site_header .nav-link {
    font-size: 16px;
    padding: 1rem 1.5rem !important;
    position: relative;
    font-weight: bold;
    color: #6C0E12; }
  .site_header .lang {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    line-height: 100%;
    text-align: center;
    padding: .5rem !important;
    margin: .5rem 0 0 1rem;
    background: #6C0E12;
    font-weight: bold; }
    .site_header .lang:after {
      display: none; }
  .site_header .navbar-toggler {
    color: #6C0E12;
    border: 2px solid #6C0E12;
    padding: 4px 0;
    width: 35px;
    height: 35px; }
  .site_header .header_search_form {
    position: relative;
    margin-bottom: 0;
    margin-top: 0; }
    .site_header .header_search_form .btn {
      position: absolute;
      right: 1.2rem;
      border: 0px;
      padding: 0;
      background: transparent;
      color: #fff;
      font-weight: bold; }
      .site_header .header_search_form .btn:focus {
        box-shadow: none; }
    .site_header .header_search_form img {
      position: absolute;
      left: .5rem; }
    .site_header .header_search_form .form-control {
      padding: 0 2rem;
      width: 100%;
      background: transparent;
      border-radius: 20px;
      border: 2px solid #fff;
      color: #fff; }
      .site_header .header_search_form .form-control::placeholder {
        color: #fff; }
      .site_header .header_search_form .form-control:focus {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0); }
  .site_header.profile_header .dropdown .dropdown-toggle:after {
    display: none; }
  .site_header.profile_header .dropdown .dropdown-menu {
    padding: 0 1rem;
    min-width: 270px;
    left: 50%;
    transform: translateX(-50%);
    background: #FBAF29;
    border: 0px;
    font-weight: bold;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
    .site_header.profile_header .dropdown .dropdown-menu a {
      font-size: 13px; }
      .site_header.profile_header .dropdown .dropdown-menu a:hover {
        color: #6C0E12; }
  .site_header.profile_header .search_form .search_input {
    font-size: 14px; }
  .site_header.profile_header .nav-link {
    padding: .5rem 1.5rem  !important; }
  .site_header.profile_header .profile-name p {
    margin-right: .3rem; }
  .site_header.profile_header .profile-name img {
    max-width: 40px;
    max-height: 40px;
    border-radius: 50%;
    margin-right: .5rem; }
  .site_header.profile_header .profile-name .nav-link {
    padding: .5rem 0 .5rem 1.5rem !important; }
  .site_header.fixed-top.light_header {
    background: #fff;
    box-shadow: 0 0 10px #eee; }
    .site_header.fixed-top.light_header .navbar-expand-lg {
      padding: 0; }
    .site_header.fixed-top.light_header .nav-item:after {
      background: #6C0E12; }
    .site_header.fixed-top.light_header .navbar-brand img {
      height: 50px; }
    .site_header.fixed-top.light_header .header_search_form .btn {
      color: #6C0E12; }
    .site_header.fixed-top.light_header .header_search_form img {
      position: absolute;
      left: .5rem; }
    .site_header.fixed-top.light_header .header_search_form .form-control {
      border: 2px solid #6C0E12;
      color: #6C0E12; }
      .site_header.fixed-top.light_header .header_search_form .form-control::placeholder {
        color: #6C0E12;
        opacity: .5; }

.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: #dee1e2;
  display: flex; }
  .loading img {
    animation: loading 3s 0s ease-in-out infinite; }

.top_sec .dashbourd_menu .btn-group .dropdown-menu {
  background: #FBAF29;
  border-radius: 20px;
  border: 0px;
  box-shadow: 0 0 10px;
  box-shadow: 0 0 18px #6c0e1247;
  text-align: center;
  left: 50% !important;
  top: 100% !important;
  transform: translate(-50%, 0) !important; }
  .top_sec .dashbourd_menu .btn-group .dropdown-menu .dropdown-item {
    color: #6C0E12;
    font-weight: bold; }
  .top_sec .dashbourd_menu .btn-group .dropdown-menu .dropdown-item:focus, .top_sec .dashbourd_menu .btn-group .dropdown-menu .dropdown-item:hover {
    color: #fff;
    background: transparent; }
.top_sec .dashbourd_menu .btn {
  border: 0;
  background: transparent;
  color: #6C0E12;
  font-size: 18px;
  font-weight: bold;
  padding: 1rem 3.5rem;
  text-transform: capitalize; }
  .top_sec .dashbourd_menu .btn:focus {
    background: transparent;
    box-shadow: none; }
  .top_sec .dashbourd_menu .btn:before {
    content: "";
    position: absolute;
    top: 20%;
    right: 0;
    height: 60%;
    border: 1px solid #6C0E12; }
  .top_sec .dashbourd_menu .btn:last-child:before {
    display: none; }

/* --- hero section -----*/
.hero_section {
  padding: 8rem 0 3rem;
  background: #FBAF29;
  color: #fff;
  position: relative;
  overflow: hidden;
  background-color: #FBAF29; }
  .hero_section h1 {
    letter-spacing: 30px;
    font-weight: bold; }
  .hero_section:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-width: 100vh 0 0rem 25vw;
    border-color: transparent rgba(255, 255, 255, 0.1);
    border-style: solid; }
  .hero_section:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 500px;
    width: 500px;
    background: radial-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1));
    border-radius: 50%;
    -webkit-transform: translate(50%, 50%);
    -moz-transform: translate(50%, 50%);
    -o-transform: translate(50%, 50%);
    transform: translate(50%, 50%); }

/* --- search section --- */
.search_form {
  margin: 0;
  position: relative;
  min-width: 50%; }
  .search_form .search_input {
    border: 0;
    padding-left: 2rem;
    height: 55px;
    width: 100%; }
    .search_form .search_input::placeholder {
      color: #ccc; }
    .search_form .search_input:focus {
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0);
      box-shadow: none; }
  .search_form .search_btn {
    background: transparent;
    filter: brightness(1) invert(1) opacity(0.5);
    border: 0px;
    padding: 0px;
    position: absolute;
    top: 0;
    left: 0rem;
    height: 100%; }
    .search_form .search_btn img {
      vertical-align: middle; }

.search_section {
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  position: relative;
  z-index: 0; }
  .search_section ._search {
    box-shadow: 0 0 13px #dedede;
    border-radius: 0 10px 0 0;
    background: #fff;
    padding: .3rem 1rem; }
  .search_section .tags .tag_name {
    font-size: 15px;
    padding: .2rem .7rem;
    background: #eee;
    border-radius: 30px;
    color: #666D89;
    display: inline-block; }
    .search_section .tags .tag_name img {
      background: #fff;
      padding: .2rem;
      vertical-align: middle;
      border-radius: 50%; }

/* --- jobs section --- */
.filter_tags {
  display: flex;
  justify-content: space-between;
  max-width: 370px;
  margin: auto; }
  .filter_tags a {
    padding: .5rem 2rem;
    border-radius: 30px;
    color: #B2B6C3; }
    .filter_tags a.active {
      background: #FBAF29;
      color: #fff; }

.tap {
  display: none; }
  .tap.show {
    display: block; }
  .tap h3 {
    font-size: 1rem; }
  .tap p {
    font-size: 16px; }
  .tap .step:nth-child(2) {
    animation-delay: .2s; }
  .tap .step:last-child {
    animation-delay: .4s; }

.jobs_section .step_data {
  max-width: 285px; }
  .jobs_section .step_data .step_icon {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .jobs_section .step_data .step_icon img {
      max-height: 120px; }
  .jobs_section .step_data a:hover {
    color: #12856F; }
  .jobs_section .step_data:hover .step_icon {
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    transform: translate(0, -10px); }

/*--- how It Work section ---*/
.howItWork_section {
  padding-bottom: 0; }
  .howItWork_section .watch-video {
    max-width: 500px;
    margin: 2rem auto 4rem;
    position: relative; }
    .howItWork_section .watch-video #watch_video {
      position: absolute;
      top: calc(50% - 35px);
      left: calc(50% - 25px); }
      .howItWork_section .watch-video #watch_video img {
        width: 50px; }
  .howItWork_section .video_popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1109;
    display: none; }
    .howItWork_section .video_popup .video_src {
      position: relative;
      width: 700px;
      max-width: 80%; }
    .howItWork_section .video_popup .iframe_src {
      width: 100%;
      height: 0;
      padding-top: 57.6%;
      position: relative; }
      .howItWork_section .video_popup .iframe_src iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
  .howItWork_section .number {
    font-family: 'Roboto', sans-serif;
    font-size: 78px;
    opacity: .2; }
  .howItWork_section .apply_sec {
    padding: 4.4rem 0 10rem;
    background: #F4F5FD;
    position: relative; }
    .howItWork_section .apply_sec .green_btn {
      width: 270px;
      height: 82px;
      max-width: 100%;
      font-size: 25px;
      display: inline-block;
      display: flex;
      align-items: center;
      justify-content: center; }
      .howItWork_section .apply_sec .green_btn:before {
        display: none; }
      .howItWork_section .apply_sec .green_btn:hover {
        color: #fff; }
    .howItWork_section .apply_sec .circles {
      position: absolute;
      left: 1px;
      right: 1px;
      top: 0;
      margin: -3rem auto 0;
      max-width: 75%; }
  .howItWork_section .apply_btn {
    position: relative;
    display: inline-block; }
    .howItWork_section .apply_btn .tap_img {
      position: absolute;
      top: 0;
      right: -25px; }
  .howItWork_section .step2 {
    background: #FBAF29;
    padding: 9rem 0 12rem;
    position: relative; }
    .howItWork_section .step2 .anim_dev {
      position: absolute;
      top: 0;
      width: 100%;
      padding-top: 9rem;
      transform-origin: top; }
      .howItWork_section .step2 .anim_dev .skew {
        position: absolute;
        top: -1px;
        right: 0;
        width: 100%;
        border-width: 0 0 10rem 100vw;
        border-color: transparent #f4f5fd;
        border-style: solid; }
    .howItWork_section .step2 .circle {
      position: absolute;
      margin: auto;
      top: 3rem;
      left: 0px;
      right: 0px;
      width: 80px;
      height: 80px;
      border-radius: 50%;
      box-shadow: 0 0 10px #9c9c9c;
      background: #fff; }
      .howItWork_section .step2 .circle:after {
        content: "";
        position: absolute;
        width: 50%;
        height: 50%;
        top: 25%;
        left: 25%;
        background: #12856F;
        border-radius: 50%; }
    .howItWork_section .step2 .number {
      line-height: 78px;
      margin-bottom: 0;
      color: #000; }
    .howItWork_section .step2 .anim_dev_bottom {
      position: absolute;
      bottom: 0;
      width: 100%;
      padding-top: 9rem;
      transform-origin: top; }
      .howItWork_section .step2 .anim_dev_bottom .skew {
        position: absolute;
        bottom: -1px;
        right: 0;
        width: 100%;
        border-width: 0 0 10rem 100vw;
        border-color: transparent transparent #f4f5fd;
        border-style: solid; }
    .howItWork_section .step2 h3 {
      margin: 0px; }
  .howItWork_section .step3 {
    background: #f4f5fd;
    padding-bottom: 5rem; }
    .howItWork_section .step3 .number {
      line-height: 78px;
      margin-bottom: 0;
      color: #000;
      margin: 0; }
    .howItWork_section .step3 h3 {
      margin: 0px; }

/*--- inner pages  ---*/
/*--- top section  ---*/
.top_section {
  position: relative;
  padding: 10rem 1rem 3rem; }
  .top_section:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-width: 27rem 0 0rem 25vw;
    border-color: transparent rgba(255, 255, 255, 0.1);
    border-style: solid; }
  .top_section:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 500px;
    width: 500px;
    background: radial-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1));
    border-radius: 50%;
    -webkit-transform: translate(50%, 30%);
    -moz-transform: translate(50%, 30%);
    -o-transform: translate(50%, 30%);
    transform: translate(50%, 30%); }
  .top_section .top_sec_img {
    margin-bottom: -7rem; }
  .top_section h2 {
    font-size: 1.6rem; }
  .top_section .image_absolute {
    max-width: 15%;
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(25%, 0);
    -moz-transform: translate(25%, 0);
    -o-transform: translate(25%, 0);
    transform: translate(25%, 0); }
  .top_section.bg_green {
    padding: 10rem 0 5rem; }

/*--- features section  ---*/
.features {
  padding-top: 10rem; }
  .features ._feature {
    max-width: 433px;
    margin: auto;
    position: relative; }
    .features ._feature .feature_title {
      font-weight: 600; }
    .features ._feature .number {
      position: absolute;
      font-size: 4rem;
      top: 0;
      left: 0;
      transform: translate(-50%, -50%);
      color: #F4F5FD;
      z-index: -1;
      font-weight: bold;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .features ._feature:hover .number {
      color: #e6e6f9; }
    .features ._feature p {
      color: rgba(0, 12, 58, 0.6); }

/*--- live video section  ---*/
.live_video {
  padding: 6rem 0 3rem;
  position: relative; }
  .live_video:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 35%;
    width: 100%;
    background: #f4f5fd;
    transform: skewY(-3deg);
    z-index: -1; }
  .live_video .title {
    font-size: 1.6rem;
    font-family: "Conv_Poppins-ExtraLight"; }
  .live_video .video_step {
    max-width: 970px;
    box-shadow: 0 0 10px rgba(0, 12, 58, 0.1);
    padding: 1rem 2rem;
    margin: auto;
    background: #fff;
    border-bottom: 4px solid transparent;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .live_video .video_step:hover {
      border-color: #FBAF29; }
    .live_video .video_step h3 {
      color: #000c3a;
      font-size: 20px; }
    .live_video .video_step p {
      color: rgba(0, 12, 58, 0.6); }
  .live_video a:hover {
    color: #12856F; }

/*--- join section  ---*/
.join_section {
  background: #eee;
  padding: 5rem 0;
  min-height: 100vh; }
  .join_section p {
    font-size: 16px; }
    .join_section p a {
      font-size: 18px;
      margin-left: .3rem; }
  .join_section h3 {
    font-weight: 600; }
  .join_section .row {
    max-width: 800px;
    margin: auto; }

.form {
  position: relative;
  z-index: 0; }
  .form .join_btn:before {
    background: #eee; }
  .form .form-group {
    position: relative; }
    .form .form-group .form-input, .form .form-group .choices {
      width: 100%;
      padding-left: 3.2rem;
      position: relative;
      margin-bottom: 1rem;
      background: #e6e6e6;
      border-radius: 25px; }
      .form .form-group .form-input .choices__inner, .form .form-group .choices .choices__inner {
        background: transparent;
        border: 0;
        padding-left: 0;
        font-size: 1rem; }
      .form .form-group .form-input .choices__list--dropdown, .form .form-group .choices .choices__list--dropdown {
        left: 0;
        z-index: 5; }
    .form .form-group label {
      position: absolute;
      left: .8rem;
      top: .5rem;
      z-index: 1; }
  .form ._info {
    background: #FBAF29;
    color: #fff;
    padding: .5rem 2rem;
    border-radius: 20px;
    position: relative;
    display: inline-block; }
  .form.mw-500 .form-group {
    max-width: 400px;
    margin: 0 auto 1rem; }

/*--- login section  ---*/
.login_section {
  background: #eee;
  padding: 5rem 0;
  min-height: 100vh; }
  .login_section p {
    font-size: 16px; }
    .login_section p a {
      font-size: 18px;
      margin-left: .3rem; }
  .login_section .forget-password {
    font-size: 16px;
    text-decoration: underline;
    color: #666D89; }
  .login_section .form-input + label {
    filter: grayscale(1) opacity(0.4); }
  .login_section .form-input:focus + label {
    filter: none; }
  .login_section .validateEmail .right-email {
    position: absolute;
    right: 1rem;
    top: .5rem;
    z-index: 1;
    display: none; }
  .login_section .validateEmail .error {
    position: absolute;
    top: -1.5rem;
    right: 0;
    color: #DD2C2C;
    font-size: 16px;
    margin: 0;
    display: none; }
  .login_section .green_btn {
    margin-right: 2rem; }

/* ------ profile pages -----------*/
.jobs_recommended {
  padding: 0 0 2rem;
  margin-top: -4rem; }
  .jobs_recommended .swiper-container {
    overflow: visible;
    z-index: 0; }

.job {
  background: #fff;
  border-radius: 0 10px 0 0;
  box-shadow: 0 0 10px rgba(0, 12, 58, 0.15);
  position: relative;
  border-bottom: 3px solid transparent;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .job:hover {
    border-color: #FBAF29; }
  .job._expired {
    border-bottom: 0px;
    pointer-events: none; }
  .job .expierd_job {
    border-radius: 0 10px 0 0;
    background: rgba(251, 175, 41, 0.76);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff; }
  .job a {
    color: #666D89; }
  .job ._icon {
    width: 44px;
    margin-right: .5rem; }
  .job .job_name {
    margin-bottom: 1rem;
    padding: 1rem 1rem 0; }
    .job .job_name ._name {
      font-size: .9rem;
      margin: 0; }
    .job .job_name ._desc {
      font-size: .8rem;
      color: rgba(0, 12, 58, 0.6);
      margin: 0; }
  .job .job_info {
    font-size: .8rem;
    padding: 0 1rem 0; }
    .job .job_info p {
      margin: 0; }
  .job .job_time {
    font-size: 12px;
    color: rgba(0, 12, 58, 0.5);
    padding: 0 1rem 1rem; }
    .job .job_time img {
      margin-right: .5rem; }
    .job .job_time p {
      margin: 0; }

.career img {
  max-width: 85px;
  margin-right: .5rem;
  border-radius: 10px; }
.career p {
  margin: 0; }

.internet_down {
  padding: 5rem 0; }

.job_info_section {
  padding: 0;
  box-shadow: 0 1px 10px rgba(0, 12, 58, 0.15);
  position: relative; }
  .job_info_section .container {
    max-width: 970px; }
  .job_info_section .job_time {
    font-size: 14px;
    margin-right: 1rem; }
    .job_info_section .job_time img {
      vertical-align: middle; }
  .job_info_section .job_name {
    font-size: 16px; }
  .job_info_section .apply_now {
    background: #FBAF29;
    color: #fff;
    display: inline-block;
    margin-right: .5rem;
    padding: 1rem; }
  .job_info_section .job_expired {
    pointer-events: none;
    background: #f4f5fd;
    color: #b2b6c3;
    display: inline-block;
    margin-right: .5rem;
    padding: 1rem; }
  .job_info_section .job_applied {
    pointer-events: none;
    background: #e8f8fb;
    color: #1ac82d;
    display: inline-block;
    margin-right: .5rem;
    padding: 1rem; }
  .job_info_section .social {
    display: inline-block; }
    .job_info_section .social .dropdown-menu {
      transform: translate(-50%, 40px) !important;
      text-align: center; }
      .job_info_section .social .dropdown-menu a {
        padding: .5rem;
        display: inline-block;
        width: auto; }
        .job_info_section .social .dropdown-menu a:focus {
          background: transparent; }
    .job_info_section .social button {
      padding: 0;
      background: transparent;
      border: 0; }
    .job_info_section .social img {
      vertical-align: middle; }

.job_detailes {
  background: #eee;
  padding-top: 4rem; }
  .job_detailes .container {
    max-width: 970px; }
  .job_detailes ._icon {
    max-width: 40px;
    margin-right: 1rem; }
  .job_detailes ._name, .job_detailes ._desc {
    margin: 0; }
  .job_detailes .about_company {
    padding: 1px 1rem 1rem;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 12, 58, 0.15);
    border-radius: 0 10px 0 0; }
    .job_detailes .about_company p {
      font-size: 16px; }
    .job_detailes .about_company a {
      font-weight: 600;
      font-size: 16px; }
      .job_detailes .about_company a img {
        vertical-align: middle; }

.job_tags ul li {
  padding: .5rem 1rem;
  background: #fff;
  margin-bottom: .5rem;
  border-radius: 20px;
  font-size: 14px;
  margin-right: .5rem; }

.job_requirments ._requirment {
  margin-right: .5rem; }
  .job_requirments ._requirment p {
    font-size: 16px; }

.company_portfolio {
  background: #eee;
  margin-top: 4rem;
  padding-top: 4rem;
  min-height: 75vh; }
  .company_portfolio .container {
    max-width: 970px; }
  .company_portfolio .social-media .green_btn:before {
    background: #eee; }

.comp_info ._icon {
  max-width: 40px;
  margin-right: 1rem; }
.comp_info ._name, .comp_info ._desc {
  margin: 0; }

/* ------ video chat pages -----------*/
.start_video {
  padding: 0 0 2rem; }
  .start_video .container {
    max-width: 970px; }
  .start_video .video_container {
    margin-top: -5rem;
    background: #fff;
    position: relative;
    box-shadow: 0 0 25px rgba(0, 12, 58, 0.2);
    border-radius: 10px; }
    .start_video .video_container .alert {
      margin-bottom: 0; }
    .start_video .video_container .video_step1 {
      padding: 3rem 0 0; }
      .start_video .video_container .video_step1 img {
        max-width: 80px; }
      .start_video .video_container .video_step1 .steps_desc {
        max-width: 370px;
        margin: auto; }
      .start_video .video_container .video_step1 .video_time {
        box-shadow: 0 0 10px rgba(0, 12, 58, 0.1);
        display: inline-block;
        padding: .5rem 2rem; }
      .start_video .video_container .video_step1 .start_btn {
        padding: 1rem; }
    .start_video .video_container .video_step2 {
      line-height: 0;
      position: relative; }
      .start_video .video_container .video_step2 .video_chat {
        overflow: hidden;
        border-radius: 0 10px 0 0; }
        .start_video .video_container .video_step2 .video_chat .__video {
          min-width: 100%;
          min-height: 100%; }
      .start_video .video_container .video_step2 .interview_time {
        position: absolute;
        right: 2rem;
        top: 1rem;
        font-weight: bold;
        color: rgba(0, 0, 0, 0.63); }
        .start_video .video_container .video_step2 .interview_time .jst-hours {
          display: none; }
      .start_video .video_container .video_step2 .questions .list-group {
        position: absolute;
        bottom: 3rem;
        left: 1px;
        right: 1px;
        display: block;
        max-width: 460px;
        margin: auto; }
        .start_video .video_container .video_step2 .questions .list-group .list-group-item {
          display: none !important;
          font-size: 16px; }
          .start_video .video_container .video_step2 .questions .list-group .list-group-item .questions_time .jst-hours {
            display: none; }
          .start_video .video_container .video_step2 .questions .list-group .list-group-item.active {
            display: inline-flex !important;
            background: rgba(0, 0, 0, 0.75);
            color: #fff;
            border: 0px;
            border-radius: 20px; }
      .start_video .video_container .video_step2 #submit_interview {
        padding: 1.4rem 2rem;
        display: inline-block;
        position: absolute;
        right: 0;
        bottom: 0;
        background: #FBAF29;
        color: #fff;
        font-size: 1.1rem;
        display: none; }
    .start_video .video_container .video_step3 {
      position: relative;
      overflow: hidden;
      border-radius: 0 10px 0 0; }
      .start_video .video_container .video_step3 .video_img:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(../img/poster.jpg);
        background-size: cover;
        filter: blur(11px); }
      .start_video .video_container .video_step3 .video_img:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.7); }
      .start_video .video_container .video_step3 .video_done {
        position: relative;
        color: #fff;
        padding: 8rem 2rem; }
        .start_video .video_container .video_step3 .video_done p {
          max-width: 435px;
          margin: auto;
          font-family: "Conv_Poppins-ExtraLight"; }
      .start_video .video_container .video_step3 .back_links a {
        display: inline-block;
        width: 50px;
        height: 50px;
        background: #fff;
        text-align: center;
        line-height: 59px;
        border-radius: 50%; }
  .start_video .hint .list-group {
    max-width: 460px;
    margin: auto; }
    .start_video .hint .list-group .list-group-item {
      display: none !important;
      font-size: 16px; }
      .start_video .hint .list-group .list-group-item .questions_time .jst-hours {
        display: none; }
      .start_video .hint .list-group .list-group-item.active {
        display: flex !important;
        background: transparent;
        color: #7f859c;
        font-weight: bold;
        border: 0px;
        border-radius: 20px; }
  .start_video #next_quest:hover {
    color: #12856F; }

.start_timer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  z-index: 5550;
  color: #fff;
  font-size: 3rem;
  justify-content: center;
  align-items: center;
  display: flex; }
  .start_timer .interview_time {
    display: none;
    text-align: center;
    justify-content: center; }
  .start_timer #camera_permission {
    color: #666D89;
    font-size: 1rem;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; }

.applications ._application {
  background-color: #fff;
  padding: 1rem;
  border-radius: 0 10px 0 0;
  font-size: 14px;
  box-shadow: 0 0 15px #eee;
  background: #f9f9f9; }
  .applications ._application p {
    margin: 0; }
  .applications ._application .job_title {
    font-size: 16px; }
  .applications ._application .job_pending {
    color: #c48113;
    background: rgba(245, 166, 35, 0.08);
    display: inline-block;
    padding: .3rem 1rem;
    border-radius: 20px;
    margin: .5rem 0 1rem; }
  .applications ._application .job_Shortlisted {
    color: #129d21;
    background: rgba(26, 200, 45, 0.08);
    padding: .3rem 1rem;
    border-radius: 20px;
    margin: .5rem 0 1rem;
    display: inline-block; }
  .applications ._application .job_rejected {
    color: #dd2c2c;
    background: rgba(221, 44, 44, 0.08);
    padding: .3rem 1rem;
    border-radius: 20px;
    margin: .5rem 0 1rem;
    display: inline-block; }
  .applications ._application .job_time {
    font-size: 12px;
    color: rgba(0, 12, 58, 0.5); }
    .applications ._application .job_time img {
      margin-right: .5rem; }
    .applications ._application .job_time p {
      margin: 0; }
.applications .swiper-container-column {
  position: relative;
  padding-bottom: 3rem; }
  .applications .swiper-container-column .swiper-pagination {
    bottom: 0px; }
    .applications .swiper-container-column .swiper-pagination .swiper-pagination-bullet-active {
      background: #FBAF29; }

.employee_info {
  background: #eee;
  position: relative; }
  .employee_info .container > div {
    margin-top: -5rem;
    position: relative;
    background: #fff;
    padding: 1rem 2rem;
    border-radius: 0 10px 0 0;
    box-shadow: 0 3px 23px #fbb740; }
  .employee_info .employee_img {
    border-radius: 50%;
    margin-right: 1rem;
    position: relative;
    padding: 3px;
    line-height: 0; }
    .employee_info .employee_img img {
      border-radius: 50%;
      width: 80px;
      height: 80px; }
    .employee_info .employee_img .profile_process canvas {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100% !important;
      height: 100% !important; }
  .employee_info p {
    margin: 0px; }
  .employee_info .edit {
    margin-left: 1rem;
    display: inline-block;
    padding: .5rem;
    background: rgba(251, 175, 41, 0.07);
    line-height: 0;
    border-radius: 50%; }

.employee_profile {
  background: #eee;
  position: relative;
  min-height: 75vh; }
  .employee_profile .job_experience {
    background: #fff;
    padding: 1rem 2rem;
    border-radius: 0 10px 0 0; }
    .employee_profile .job_experience img {
      width: 40px;
      margin-right: 1rem; }
    .employee_profile .job_experience p {
      margin: 0; }
  .employee_profile .university img {
    border-radius: 50%;
    width: 40px;
    margin-right: .5rem; }
  .employee_profile .add_university img, .employee_profile .add_job_experience img {
    padding: .5rem;
    line-height: 0;
    background: #fff;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 1rem; }

/* pricing page */
.pricing_sec .select_country .custom-select {
  width: auto;
  background-color: #FBAF29 !important;
  background-image: url(../img/arrow-down.png);
  background-repeat: no-repeat;
  background-position: 90% 1rem;
  background-size: 10px;
  border: 0px;
  box-shadow: 0 0 10px #dadada;
  color: #fff;
  font-weight: bold;
  position: relative; }
  .pricing_sec .select_country .custom-select option {
    background: #fff;
    color: #666D89; }
.pricing_sec .pricingTable {
  padding-bottom: 30px;
  background: #fff;
  text-align: center;
  border-radius: 15px;
  overflow: hidden;
  background: #F4F4F4;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .pricing_sec .pricingTable:hover {
    -webkit-transform: translate(0, -15px);
    -moz-transform: translate(0, -15px);
    -o-transform: translate(0, -15px);
    transform: translate(0, -15px); }
  .pricing_sec .pricingTable .pricingTable-header {
    padding: 20px 15px 45px;
    color: #fff;
    -webkit-clip-path: polygon(50% 100%, 100% 60%, 100% 0, 0 0, 0 60%);
    clip-path: polygon(50% 100%, 100% 60%, 100% 0, 0 0, 0 60%);
    position: relative;
    margin-bottom: 2rem; }
  .pricing_sec .pricingTable .pricing-content {
    padding: 1rem;
    color: #666D89; }
    .pricing_sec .pricingTable .pricing-content li {
      margin-bottom: 1rem;
      padding-bottom: 1rem;
      border-bottom: 1px solid #D8D8D8; }
  .pricing_sec .pricingTable .pricingTable-signup .egyption-pound {
    display: none; }
  .pricing_sec .pricingTable .price_link {
    padding: .5rem 2rem;
    border: 1px solid;
    border-radius: 10px;
    display: inline-block; }
    .pricing_sec .pricingTable .price_link .egyption-pound {
      display: none; }
  .pricing_sec .pricingTable.yellow .pricingTable-header {
    background: #FBAF29; }
  .pricing_sec .pricingTable.yellow .price_link {
    border-color: #FBAF29;
    color: #FBAF29; }
  .pricing_sec .pricingTable.green .pricingTable-header {
    background: #12856F; }
  .pricing_sec .pricingTable.green .price_link {
    border-color: #12856F;
    color: #12856F; }
  .pricing_sec .pricingTable.red .pricingTable-header {
    background: #C03B2B; }
  .pricing_sec .pricingTable.red .price_link {
    border-color: #C03B2B;
    color: #C03B2B; }
  .pricing_sec .pricingTable.brown .pricingTable-header {
    background: #280B0B; }
  .pricing_sec .pricingTable.brown .price_link {
    border-color: #280B0B;
    color: #280B0B; }

/* addNewjob page */
.addNewjob .job_form .form-input {
  background: #e6e6e6;
  width: 65%;
  border: 0px; }
.addNewjob .job_form .col-form-label {
  width: 35%; }
.addNewjob .job_form ._quest .col-form-label {
  width: 10%; }
  .addNewjob .job_form ._quest .col-form-label span {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 2px solid #FBAF29;
    color: #FBAF29;
    border-radius: 50%;
    text-align: center;
    padding: 0px; }
.addNewjob .job_form .duration .col-form-label {
  width: 20%; }

/* dashbourd page */
.dashboard {
  min-height: 75vh; }
  .dashboard .people_search {
    position: relative;
    margin-top: 1.7rem !important;
    max-width: 350px; }
    .dashboard .people_search .btn {
      position: absolute;
      right: 2px;
      border: 0px;
      color: #fff;
      background: #FBAF29;
      height: 100%;
      border-radius: 10px; }
      .dashboard .people_search .btn:focus {
        box-shadow: none; }
    .dashboard .people_search img {
      position: absolute;
      left: .5rem;
      max-height: 20px; }
    .dashboard .people_search .form-control {
      padding: 0 2rem;
      width: 100%;
      background: transparent;
      border-radius: 10px;
      border: 2px solid #FBAF29;
      margin-right: 0px; }
      .dashboard .people_search .form-control:focus {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0); }
  .dashboard .table {
    border: 1px solid #FBAF29;
    border-radius: 10px; }
    .dashboard .table thead {
      background: #f9f9f9;
      font-weight: bold; }
    .dashboard .table tr {
      border-bottom: 1px solid #eee; }
      .dashboard .table tr:last-child {
        border-bottom: 0; }
      .dashboard .table tr th, .dashboard .table tr td {
        text-align: center;
        border: 0px;
        vertical-align: middle;
        padding: 1rem; }
    .dashboard .table .dropdown {
      font-size: 15px; }
      .dashboard .table .dropdown .dropdown-toggle:focus {
        box-shadow: none; }
      .dashboard .table .dropdown .dropdown-menu {
        width: auto;
        min-width: auto; }
  .dashboard ._activities > div {
    margin-bottom: 1rem; }

.managejobs .manag_tit {
  margin-bottom: 0;
  background: #eee;
  padding: 1rem;
  border-radius: 10px 10px 0 0; }
.managejobs .table thead {
  border-bottom: 1px solid #eee; }
.managejobs .table tr td:first-child {
  background: #FBAF29;
  color: #fff; }

/* company info page*/
.company_info .company_info_form .form-input {
  background: #e6e6e6;
  width: 65%;
  border: 0px; }
  .company_info .company_info_form .form-input.dashed-input {
    background: transparent;
    border-bottom: 1px dashed;
    border-radius: 0; }
    .company_info .company_info_form .form-input.dashed-input:focus {
      box-shadow: none; }
.company_info .company_info_form .col-form-label {
  width: 50%; }
.company_info .company_info_form .upload_logo {
  text-align: center; }
  .company_info .company_info_form .upload_logo .logo {
    width: 100px;
    height: 100px;
    border-radius: 10px;
    border: 4px solid #FBAF29;
    margin: auto; }
  .company_info .company_info_form .upload_logo .edit_btn {
    margin-top: 1rem;
    position: relative;
    display: inline-block;
    cursor: pointer; }
    .company_info .company_info_form .upload_logo .edit_btn button {
      padding: .5rem 1rem;
      background: #FBAF29;
      color: #fff;
      border: 0;
      border-radius: 10px; }
    .company_info .company_info_form .upload_logo .edit_btn .file_upload {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      cursor: pointer; }

/* account setting page */
.account_setting .card .card-header {
  background: #FBAF29;
  color: #fff; }
.account_setting .card .form-input {
  margin-bottom: 1rem;
  border: 1px solid #eee; }

/* contact form */
.contact_us .card {
  background: transparent;
  max-width: 800px;
  margin: auto; }
  .contact_us .card .card-header {
    background: #eaeaea; }
  .contact_us .card .card-body {
    padding: 2rem 5%; }
.contact_us .contactForm .form-input {
  background: transparent;
  border: 1px solid #FBAF29;
  margin-top: 1rem;
  width: 100%; }
.contact_us .contactForm .form-group {
  margin-bottom: 2rem; }
.contact_us .contactForm .captch {
  padding: 1rem 1rem;
  border: 1px solid #FBAF29;
  border-radius: 20px; }
.contact_us .contactForm .yellow_btn:before {
  background: #F6F6F6; }

/* visa-payout page */
.visa-payout .card {
  background: transparent;
  max-width: 800px;
  margin: auto; }
  .visa-payout .card .card-header {
    background: #eaeaea; }
  .visa-payout .card .card-body {
    padding: 2rem 5%; }
.visa-payout .copy_rights {
  background: #FBAF29;
  padding: .5rem;
  max-width: 300px;
  margin: 1rem auto;
  color: #fff;
  border-radius: 20px; }
.visa-payout .left {
  border-left: 2px solid #b1b1b1;
  padding-left: 2rem; }
.visa-payout .form-input {
  background: transparent;
  border: 1px solid #FBAF29;
  margin-bottom: 1rem;
  width: 100%;
  border-radius: 8px; }
.visa-payout .date {
  max-width: 50px;
  margin-right: 1rem; }
.visa-payout .code {
  max-width: 80px; }
.visa-payout .pay {
  padding: .8rem .6rem;
  background: #FBAF29;
  border-radius: 50%;
  font-weight: bold;
  border: 0px; }
.visa-payout .yellow_btn:before {
  background: #F6F6F6; }

/* payment method page */
.payment-method {
  min-height: 70vh; }
  .payment-method ._method {
    margin-bottom: 2rem; }
    .payment-method ._method a {
      color: #666D89;
      cursor: pointer; }
    .payment-method ._method p {
      margin-bottom: 0; }
    .payment-method ._method_img {
      max-width: 190px;
      margin: 0 auto 1rem;
      padding: 2rem 1rem;
      background: #FBAF29;
      border-radius: 20px; }

/* bank-transfer page */
.bankTransfer {
  min-height: 70vh; }
  .bankTransfer .card {
    background: transparent; }
    .bankTransfer .card .card-header {
      background: #eaeaea; }
    .bankTransfer .card .table tr, .bankTransfer .card .table td, .bankTransfer .card .table th {
      border: 1px solid #FBAF29; }

/* edit profile page */
.edit-profile #v-pills-tab {
  border: 1px solid #FBAF29;
  border-radius: 10px; }
  .edit-profile #v-pills-tab .nav-link {
    padding: .5rem 1rem;
    border-bottom: 1px solid #FBAF29;
    border-radius: 0;
    color: #666D89;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .edit-profile #v-pills-tab .nav-link:first-child {
      border-radius: 10px 10px 0 0; }
    .edit-profile #v-pills-tab .nav-link:last-child {
      border-radius: 0 0 10px 10px;
      border-bottom: 0; }
    .edit-profile #v-pills-tab .nav-link.active {
      background: #f9f9f9;
      color: #FBAF29;
      font-weight: bold;
      position: relative;
      padding-left: 1.6rem; }
      .edit-profile #v-pills-tab .nav-link.active:before {
        content: "";
        position: absolute;
        top: 20%;
        left: .8rem;
        height: 60%;
        width: 3px;
        background: #FBAF29; }
.edit-profile .profile_info {
  border: 1px solid #FBAF29;
  border-radius: 10px;
  padding: 1rem;
  margin-top: 2rem; }
.edit-profile .progress {
  margin-top: 1rem; }
  .edit-profile .progress .progress-bar {
    background-color: #FBAF29; }
.edit-profile .upload_logo .logo {
  min-width: 100px;
  width: 100px;
  height: 100px;
  border: 1px solid #FBAF29;
  margin-right: 1rem;
  border-radius: 10px;
  overflow: hidden; }
.edit-profile .upload_logo p {
  margin: 0; }
.edit-profile .upload_logo .file-upload {
  float: right;
  margin-top: 1rem;
  position: relative;
  cursor: pointer; }
  .edit-profile .upload_logo .file-upload input {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    opacity: 0;
    cursor: pointer; }
.edit-profile .form_style {
  margin-top: 0; }
  .edit-profile .form_style .card {
    border-color: #FBAF29;
    margin-top: 1rem; }
  .edit-profile .form_style .form-input {
    border-radius: 10px;
    border: 1px solid #FBAF29; }
    .edit-profile .form_style .form-input:focus {
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0); }
  .edit-profile .form_style label {
    margin-bottom: .3rem; }
  .edit-profile .form_style .custom-control {
    padding-left: 0; }
.edit-profile .form_div {
  padding: 1rem;
  border: 1px solid #FBAF29;
  border-radius: 10px; }
  .edit-profile .form_div p {
    margin: .5rem 0; }
  .edit-profile .form_div .jop_type {
    border: 1px solid #FBAF29;
    border-radius: 10px;
    padding: 0 .5rem;
    margin-bottom: 1rem; }
  .edit-profile .form_div .choices__inner {
    border-radius: 10px;
    border-color: #FBAF29;
    background: transparent; }
    .edit-profile .form_div .choices__inner .choices__list--multiple .choices__item {
      background: #FBAF29;
      border: 0px; }
      .edit-profile .form_div .choices__inner .choices__list--multiple .choices__item .choices__button {
        border-left: 0; }
    .edit-profile .form_div .choices__inner .choices__input {
      background: transparent; }
      .edit-profile .form_div .choices__inner .choices__input:focus {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        background: transparent;
        box-shadow: none; }
  .edit-profile .form_div .choices__input {
    min-width: 300px; }

/* 404 page */
._404 {
  min-height: 75vh;
  display: flex;
  align-items: center; }
  ._404 h1 {
    font-size: 5rem;
    letter-spacing: .5rem;
    line-height: 5vw;
    font-family: 'Roboto'; }
    ._404 h1 span {
      margin-top: .5rem; }

/* blogs pages */
.blogs_section .blog {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 2rem; }
  .blogs_section .blog .blog_img img {
    max-width: 120%;
    min-width: 100%;
    min-height: 100%; }
  .blogs_section .blog .blog_content {
    padding: 1rem; }
    .blogs_section .blog .blog_content .blog_tit {
      margin-bottom: .3rem; }
    .blogs_section .blog .blog_content p {
      margin-top: 0; }
.blogs_section aside {
  background: #fff;
  padding: 1rem;
  border-radius: 10px; }
  .blogs_section aside h3 {
    font-weight: bold; }
  .blogs_section aside ul li {
    margin-bottom: .5rem; }
  .blogs_section aside .tags ul li {
    background: #FBAF29;
    padding: .3rem .5rem;
    margin: 0 .5rem .5rem 0;
    border-radius: 10px; }
    .blogs_section aside .tags ul li a {
      color: #fff; }
.blogs_section .social {
  margin-bottom: 1rem; }
  .blogs_section .social a {
    margin-right: .5rem;
    line-height: 0; }

.pagination .page-item.active .page-link, .pagination .page-item:hover .page-link {
  background: #FBAF29;
  color: #fff;
  border-color: #FBAF29; }
.pagination a {
  color: #666D89; }

/* footer */
.site_footer {
  background: url(../img/footer.jpg);
  background-size: auto 100%;
  padding: 1rem;
  color: #6C0E12;
  font-weight: bold; }
  .site_footer a {
    color: #6C0E12; }

@media (max-width: 1199px) {
  .site_header .navbar-toggler {
    display: block; }
  .site_header .navbar-brand, .site_header .navbar-toggler {
    position: relative;
    z-index: 1; }
  .site_header .navbar-collapse {
    position: fixed;
    right: -100%;
    top: 0;
    padding: 7rem 2rem 2rem;
    width: 100%;
    height: 100%;
    background: #FBAF29;
    flex-wrap: wrap;
    justify-content: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-align: center; }
    .site_header .navbar-collapse.show {
      right: 0; }
    .site_header .navbar-collapse .navbar-nav {
      flex-direction: column;
      width: 100%;
      text-align: center;
      overflow-y: auto;
      height: 80%;
      padding: 2rem 0; }
      .site_header .navbar-collapse .navbar-nav .nav-item:after {
        display: none; }
      .site_header .navbar-collapse .navbar-nav .nav-link {
        font-size: 18px;
        font-family: "Conv_Poppins-SemiBold";
        display: inline-block; }
      .site_header .navbar-collapse .navbar-nav .lang {
        margin: auto; }
      .site_header .navbar-collapse .navbar-nav .dropdown-menu {
        left: 0;
        transform: translateX(0); }
        .site_header .navbar-collapse .navbar-nav .dropdown-menu a {
          font-size: 12px; } }
@media (max-width: 991px) {
  .features ._feature {
    max-width: 90%; }

  .top_sec .dashbourd_menu .btn {
    padding: 1rem 1.5rem; }

  .applications aside {
    margin-top: 4rem; }

  .company_portfolio .social-media {
    margin-top: 4rem; }

  .job_info_section .job_time, .job_info_section .job_name {
    font-size: 12px; }

  .job_detailes .about_company {
    margin-top: 3rem; } }
@media (max-width: 767px) {
  .search_section {
    margin-bottom: -2rem; }
    .search_section .search_form {
      min-width: 100%; }
    .search_section .tags {
      margin: .5rem 0 2rem; }
      .search_section .tags .tag_name {
        margin-top: .5rem; }

  .jobs_section .step_data {
    max-width: 100%;
    text-align: center;
    margin: auto; }
    .jobs_section .step_data .step_icon {
      margin: auto; }

  .howItWork_section {
    margin-top: 0; }
    .howItWork_section .apply_btn .tap_img {
      top: -1px;
      right: -3px;
      max-width: 27%; }
    .howItWork_section .step2 .circle {
      position: absolute;
      margin: auto;
      top: 3rem;
      left: 0px;
      right: 0px;
      width: 60px;
      height: 60px; }

  .features {
    padding-top: 4rem; }
    .features ._feature {
      margin-top: 4rem; }

  .addNewjob .job_form img {
    display: none; }
  .addNewjob .job_form ._quest .col-form-label {
    width: 20%; }

  .company_info .company_info_form .row {
    flex-direction: column-reverse; }
  .company_info .company_info_form .upload_logo {
    text-align: left;
    margin-bottom: 2rem; }
    .company_info .company_info_form .upload_logo .logo {
      margin: 0; }
  .company_info .company_info_form .row.margin_top_4 {
    margin-top: 0px !important; }
    .company_info .company_info_form .row.margin_top_4 .text-center {
      text-align: left !important; }

  .edit-profile .col-md-3 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse; }
    .edit-profile .col-md-3 .profile_info {
      margin: 0 0 1rem; }
    .edit-profile .col-md-3 #v-pills-tab {
      margin-bottom: 1rem;
      flex-direction: row !important; }
      .edit-profile .col-md-3 #v-pills-tab .nav-link {
        font-size: 14px;
        padding: .5rem;
        border-bottom: 0; }
        .edit-profile .col-md-3 #v-pills-tab .nav-link.active {
          background: transparent;
          padding-left: 1rem; }
          .edit-profile .col-md-3 #v-pills-tab .nav-link.active:before {
            top: 25%;
            left: .5rem;
            height: 50%;
            width: 2px; } }
@media (max-width: 575px) {
  html {
    font-size: 12px; }

  h1 {
    font-size: 2.2rem; }

  .site_header .navbar.navbar-expand-lg {
    padding: .5rem 0; }
    .site_header .navbar.navbar-expand-lg .navbar-brand img {
      height: 43px; }
  .site_header.fixed-top.light_header .navbar-brand img {
    height: 35px; }

  .hero_section {
    padding: 8rem 0 6rem; }
    .hero_section h1 {
      letter-spacing: 6px; }

  .top_section {
    padding: 7rem 1rem 3rem; }

  .join_section .form_img {
    display: none; }
  .join_section p {
    font-size: 14px; }

  .form {
    width: 100%; }

  .tap p {
    font-size: 1rem; }

  .filter_tags {
    justify-content: space-around; }

  .join_btn:after {
    bottom: 0; }

  .top_sec .dashbourd_menu .btn {
    padding: 1rem .8rem;
    font-size: 12px; }

  .employee_profile .job_experience {
    padding: 1rem 1rem; }

  .top_section .image_absolute {
    display: none; }

  .questions .list-group .list-group-item {
    padding: 2rem 1rem 1rem;
    text-align: center;
    justify-content: center !important; }
  .questions .list-group .badge-pill {
    border-radius: 10rem;
    width: 100%;
    padding-top: 1rem; }

  .visa-payout .row {
    margin-bottom: 1rem; }
  .visa-payout .left {
    border-left: 0px;
    padding-left: 1rem; }
  .visa-payout label {
    margin-bottom: 1rem;
    font-size: 13px;
    font-weight: bold; }

  .bankTransfer img {
    max-width: 30px; } }
@media (max-width: 420px) {
  .site_header .navbar-collapse .navbar-nav .nav-link {
    font-size: 15px; }

  .top_section .col-sm-4 {
    display: none; }

  .site_footer .m-auto {
    margin-right: 0 !important; }
  .site_footer .d-flex {
    margin-top: 1rem;
    width: 100%; }
    .site_footer .d-flex img {
      max-height: 25px; } }

/*# sourceMappingURL=style.css.map */