/* CSS Document */
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
ul,
ol,
li,
dl,
dt,
dd,
form {
  padding: 0;
  margin: 0;
}

html,
body {
  padding: 0;
  margin: 0;
  height: auto;
}

html {
  scroll-behavior: smooth;
}

input {
  outline: none;
}

textarea {
  border: none;
  outline: none;
  overflow: auto;
  resize: none;
}

select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

select::-ms-expand {
  display: none;
}

input.button {
  border: none;
  outline: none;
}

input::-webkit-input-placeholder {
  opacity: 1;
}

input::-moz-placeholder {
  opacity: 1;
}

input:-ms-input-placeholder {
  opacity: 1;
}

input:-moz-placeholder {
  opacity: 1;
}

input[type=checkbox] {
  border: none;
  outline: none;
}

img {
  outline: none;
  border: none;
  max-width: 100%;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

li {
  list-style: none;
}

a,
a:active,
a:hover {
  text-decoration: none;
  outline: none !important;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

a:focus {
  outline: none;
  text-decoration: none;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

button,
a,
input[type="submit"] {
  -webkit-transition: all .5s ease-out, all 0.5s ease-in;
  transition: all .5s ease-out, all 0.5s ease-in;
}

:not(output):-moz-ui-invalid {
  box-shadow: inset;
}

a:hover,
a,
a:focus {
  color: inherit;
}

a,
a:hover,
a:focus,
button,
button:hover,
button:focus {
  outline: none;
}

div:focus {
  outline: none;
}

/*--- Fonts ---*/
@font-face {
  font-family: "SofiaPro";
  src: url("../fonts/SofiaPro.eot");
  src: url("../fonts/SofiaPro.eot?iefix") format("embedded-opentype"), url("../fonts/SofiaPro.woff") format("woff"), url("../fonts/SofiaPro.ttf") format("truetype"), url("../fonts/SofiaPro.svgSofiaPro") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SofiaPro-Bold";
  src: url("../fonts/SofiaPro-Bold.eot");
  src: url("../fonts/SofiaPro-Bold.eot?iefix") format("embedded-opentype"), url("../fonts/SofiaPro-Bold.woff") format("woff"), url("../fonts/SofiaPro-Bold.ttf") format("truetype"), url("../fonts/SofiaPro-Bold.svgSofiaPro-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SofiaPro-Light";
  src: url("../fonts/SofiaPro-Light.eot");
  src: url("../fonts/SofiaPro-Light.eot?iefix") format("embedded-opentype"), url("../fonts/SofiaPro-Light.woff") format("woff"), url("../fonts/SofiaPro-Light.ttf") format("truetype"), url("../fonts/SofiaPro-Light.svgSofiaPro-Light") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SofiaPro-Medium";
  src: url("../fonts/SofiaPro-Medium.eot");
  src: url("../fonts/SofiaPro-Medium.eot?iefix") format("embedded-opentype"), url("../fonts/SofiaPro-Medium.woff") format("woff"), url("../fonts/SofiaPro-Medium.ttf") format("truetype"), url("../fonts/SofiaPro-Medium.svgSofiaPro-Medium") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SofiaPro-SemiBold";
  src: url("../fonts/SofiaPro-SemiBold.eot");
  src: url("../fonts/SofiaPro-SemiBold.eot?iefix") format("embedded-opentype"), url("../fonts/SofiaPro-SemiBold.woff") format("woff"), url("../fonts/SofiaPro-SemiBold.ttf") format("truetype"), url("../fonts/SofiaPro-SemiBold.svgSofiaPro-SemiBold") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*mixins*/
/*mixins*/
@-webkit-keyframes blues {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(25, 103, 210, 0.6);
            box-shadow: 0 0 0 0 rgba(25, 103, 210, 0.6);
  }
  70% {
    -webkit-box-shadow: 0 0 0 15px rgba(25, 103, 210, 0);
            box-shadow: 0 0 0 15px rgba(25, 103, 210, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(25, 103, 210, 0);
            box-shadow: 0 0 0 0 rgba(25, 103, 210, 0);
  }
}
@keyframes blues {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(25, 103, 210, 0.6);
            box-shadow: 0 0 0 0 rgba(25, 103, 210, 0.6);
  }
  70% {
    -webkit-box-shadow: 0 0 0 15px rgba(25, 103, 210, 0);
            box-shadow: 0 0 0 15px rgba(25, 103, 210, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(25, 103, 210, 0);
            box-shadow: 0 0 0 0 rgba(25, 103, 210, 0);
  }
}

/*--- general mixins ---*/
/*--- general mixins ---*/
[class*='col'] {
  padding: 0;
  margin: 0;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

._fl {
  float: left;
}

._fr {
  float: right;
}

.container {
  max-width: 1320px;
  width: 100%;
  padding: 0;
  margin: auto;
}

.container::before, .container::after {
  content: "";
  display: table;
}

.container::after {
  clear: both;
}

.ban_container {
  max-width: 1500px;
  width: 100%;
  padding: 0;
  margin: auto;
}

.ban_container::before, .ban_container::after {
  content: "";
  display: table;
}

.ban_container::after {
  clear: both;
}

/*Header*/
.header_content {
  width: 100%;
  padding: 30px 0;
  z-index: 1;
  position: relative;
  -webkit-transition: all ease 0.75s;
  transition: all ease 0.75s;
}

.header_content .logo {
  width: 155px;
  -webkit-transition: all ease 0.75s;
  transition: all ease 0.75s;
  position: relative;
}

.header_content .logo img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.header_content .menu_content {
  width: calc(100% - 155px);
  padding-left: 25px;
}

.header_content .menu_content .flex .menu ul li {
  display: inline-block;
  font: 15px/20px SofiaPro;
  color: #202124;
}

.header_content .menu_content .flex .menu ul li:not(:last-child) {
  margin-right: 40px;
}

.header_content .menu_content .flex .menu ul li a {
  display: block;
  color: #202124;
  position: relative;
}

.header_content .menu_content .flex .menu ul li a:hover {
  color: #1967D2;
}

.header_content .menu_content .flex .menu ul li a .micon {
  margin: 0px auto 5px;
  text-align: center;
  width: 24px;
  height: 24px;
  display: block;
}

.header_content .menu_content .flex .button_list {
  width: 100%;
  max-width: 350px;
}

.header_content .menu_content .flex .button_list .flex .job_btn {
  width: 100%;
  max-width: 140px;
  font: 15px/20px SofiaPro;
  color: #fff;
  background: #1967D2;
  border: 2px solid #1967D2;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 14px 0;
}

.header_content .menu_content .flex .button_list .flex .job_btn:hover {
  background: #fff;
  color: #1967D2;
  -webkit-animation: blues 2s infinite;
          animation: blues 2s infinite;
}

.header_content .menu_content .flex .button_list .flex .log_btn {
  width: 100%;
  max-width: 205px;
  font: 15px/20px SofiaPro;
  color: #fff;
  background: url(../images/MetaMask_Fox.svg.png) no-repeat left 10px center #1967D2;
  background-size: 20px;
  border: 1px solid #eff3fc;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 15px 10px 15px 40px;
}

.header_content .menu_content .flex .button_list .flex .log_btn:hover {
  color: #1967D2;
  background: url(../images/MetaMask_Fox.svg.png) no-repeat left 10px center #fff;
  background-size: 20px;
  border-color: #1967D2;
  -webkit-animation: blues 2s infinite;
          animation: blues 2s infinite;
}

.header_content .menu_content .flex .button_list .flex .cv_btn {
  font: 15px/20px SofiaPro;
  color: #1967D2;
  display: inline-block;
  position: relative;
}

.header_content .menu_content .flex .button_list .flex .cv_btn::after {
  content: "";
  display: block;
  width: 0%;
  height: 3px;
  border-radius: 10px;
  background: #1967D2;
  position: absolute;
  left: 50%;
  bottom: -8px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
}

.header_content .menu_content .flex .button_list .flex .cv_btn:hover::after {
  width: 30%;
}

/*Header*/
/*Main*/
.banner {
  width: 100%;
  padding: 10px 0;
}

.banner .ban_content {
  width: 100%;
  background: url(../images/banner_bg.png) no-repeat center;
  background-size: cover;
  padding: 120px 100px;
  border-radius: 30px;
}

.banner .ban_content h1 {
  font: 50px/68px SofiaPro-Bold;
  color: #2B3154;
  margin-bottom: 15px;
}

.banner .ban_content h1 span {
  display: block;
}

.banner .ban_content p {
  font: 15px/20px SofiaPro;
  color: #2B3154;
  margin-bottom: 35px;
}

.banner .ban_content .box {
  width: 100%;
  max-width: 740px;
  border: 1px solid #ECEDF2;
  border-radius: 10px;
  padding: 18px;
  background: #fff;
  -webkit-box-shadow: 0 2px 10px #ecedf2;
          box-shadow: 0 2px 10px #ecedf2;
  margin-bottom: 18px;
}

.banner .ban_content .box .ban_frm:first-child {
  border-right: 1px solid #ECEDF2;
  width: 44.585%;
}

.banner .ban_content .box .ban_frm:first-child input {
  width: 100%;
  border: none;
  font: 15px/20px SofiaPro;
  color: #404046;
  padding-right: 25px;
  background: url(../images/search_icon.png) no-repeat right 10px center;
  padding: 0 0px 10px;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

.banner .ban_content .box .ban_frm:first-child input:focus {
  border-bottom: 1px solid #e1e1e1;
  transform: translateY(-4px);
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -o-transform: translateY(-4px);
}

.banner .ban_content .box .ban_frm:nth-child(2) {
  width: 28%;
}

.banner .ban_content .box .ban_frm:nth-child(2) input {
  width: 100%;
  border: none;
  font: 15px/20px SofiaPro;
  color: #404046;
  padding-right: 25px;
  background: url(../images/loc_icon.png) no-repeat right 10px center;
  padding: 0 0 10px;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

.banner .ban_content .box .ban_frm:nth-child(2) input:focus {
  border-bottom: 1px solid #e1e1e1;
  transform: translateY(-4px);
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -o-transform: translateY(-4px);
}

.banner .ban_content .box .ban_frm:not(:last-child) {
  padding-right: 25px;
}

.banner .ban_content .box .ban_frm label {
  font: 16px/22px SofiaPro-Medium;
  color: #202124;
  width: 100%;
  display: block;
  margin-bottom: 7px;
}

.banner .ban_content .box .ban_frm .find_btn {
  width: 150px;
  font: 15px/20px SofiaPro;
  color: #fff;
  background: #1967D2;
  border: 2px solid #1967D2;
  padding: 18px 0;
  border-radius: 10px;
}

.banner .ban_content .box .ban_frm .find_btn:hover {
  background: #fff;
  color: #1967D2;
  -webkit-animation: blues 2s infinite;
          animation: blues 2s infinite;
}

.banner .ban_content ul li {
  font: 15px/20px SofiaPro;
  color: #2B3154;
}

.banner .ban_content ul li span {
  color: #2B3154;
  display: inline-block;
  padding-right: 18px;
}

.brand {
  width: 100%;
  padding: 30px 0;
}

.brand .slick-slider .item img {
  width: auto;
  margin: auto;
  opacity: 0.3;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
  max-width: 150px;
  min-height: 56px;
  max-height: 56px;
  -o-object-fit: contain;
     object-fit: contain;
}

.brand .slick-slider .item img:hover {
  opacity: 1;
}

.popular_jobs {
  width: 100%;
  padding: 100px 0 75px;
}

.popular_jobs .head {
  width: 100%;
  margin-bottom: 45px;
  position: relative;
}

.popular_jobs .head h2 {
  font: 30px/30px SofiaPro-Bold;
  color: #2B3154;
  margin-bottom: 15px;
}

.popular_jobs .head p {
  font: 15px/20px SofiaPro;
  color: #404046;
}

.popular_jobs .head .all_btn {
  position: absolute;
  right: 0;
  bottom: 0;
  font: 14px/24px SofiaPro;
  color: #1967D2;
  display: inline-block;
  padding-right: 18px;
}

.popular_jobs .head .all_btn::after {
  content: "";
  width: 12px;
  height: 12px;
  background: url(../images/right-arrow.png) no-repeat center;
  position: absolute;
  right: 0;
  top: 6px;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
}

.popular_jobs .head .all_btn:hover::after {
  -webkit-transform: translateX(4px);
          transform: translateX(4px);
}

.popular_jobs .body {
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.popular_jobs .body .box {
  width: 14.729%;
  margin-bottom: 28px;
  border: 1px solid #ECEDF2;
  border-radius: 10px;
  padding: 46.5px 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
}

.popular_jobs .body .box:hover {
  transform: translateY(-4px);
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -o-transform: translateY(-4px);
  -webkit-box-shadow: 0 5px 10px 0 #ecedf2;
          box-shadow: 0 5px 10px 0 #ecedf2;
  background: #F4F6FA;
}

.popular_jobs .body .box .img {
  width: 70px;
  height: 50px;
  position: relative;
}

.popular_jobs .body .box .txt {
  margin-top: 23px;
}

.popular_jobs .body .box .txt h4 {
  font: 18px/24px SofiaPro-Medium;
  color: #202124;
  margin-bottom: 10px;
}

.popular_jobs .body .box .txt p {
  font: 14px/18px SofiaPro;
  color: #404046;
}

.up_button a {
  position: fixed;
  width: 40px;
  height: 40px;
  background: #dde8f8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  right: 20px;
  bottom: 80px;
  border-radius: 100%;
}

.up_button a img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
}

.up_button a img:last-child {
  opacity: 0;
  visibility: hidden;
}

.up_button a:hover {
  background: #1967D2;
  -webkit-animation: blues 2s infinite;
          animation: blues 2s infinite;
}

.up_button a:hover img:last-child {
  opacity: 1;
  visibility: visible;
}

.jobs_list {
  width: 100%;
}

.jobs_list .head {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #e1e1e1;
}

.jobs_list .head .nav {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: none;
}

.jobs_list .head .nav li {
  width: 100%;
  max-width: 295px;
}

.jobs_list .head .nav li a {
  font: 18px/18px SofiaPro-Medium;
  color: #202124;
  display: block;
  border: none;
  position: relative;
}

.jobs_list .head .nav li a span {
  padding: 30px 30px 30px 55px;
  position: relative;
  display: inline-block;
}

.jobs_list .head .nav li a::after {
  content: "";
  display: block;
  width: 0%;
  height: 2px;
  background: #1967D2;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
}

.jobs_list .head .nav li a:hover, .jobs_list .head .nav li a.active {
  color: #1967D2;
}

.jobs_list .head .nav li a:hover:after, .jobs_list .head .nav li a.active:after {
  width: 100%;
}

.jobs_list .head .nav li:first-child a span {
  background: url(../images/tab_icon1.png) no-repeat left center;
}

.jobs_list .head .nav li:first-child a:hover span, .jobs_list .head .nav li:first-child a.active span {
  background: url(../images/tab_icon1_hover.png) no-repeat left center;
}

.jobs_list .head .nav li:nth-child(2) a span {
  background: url(../images/tab_icon2.png) no-repeat left center;
}

.jobs_list .head .nav li:nth-child(2) a:hover span, .jobs_list .head .nav li:nth-child(2) a.active span {
  background: url(../images/tab_icon2_hover.png) no-repeat left center;
}

.jobs_list .head .nav li:nth-child(3) a span {
  background: url(../images/tab_icon3.png) no-repeat left center;
}

.jobs_list .head .nav li:nth-child(3) a:hover span, .jobs_list .head .nav li:nth-child(3) a.active span {
  background: url(../images/tab_icon3_hover.png) no-repeat left center;
}

.jobs_list .body {
  width: 100%;
  padding: 100px 0;
}

.jobs_list .body .tab-content .tab-pane:first-child .flex {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.jobs_list .body .tab-content .tab-pane:nth-child(2) .text {
  padding-left: 100px;
}

.jobs_list .body .tab-content .tab-pane:last-child .flex {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.jobs_list .body .tab-content .tab-pane .img {
  width: 50.616%;
}

.jobs_list .body .tab-content .tab-pane .text {
  width: 49.384%;
}

.jobs_list .body .tab-content .tab-pane .text h2 {
  font: 40px/40px SofiaPro-Bold;
  color: #2B3154;
  margin-bottom: 50px;
}

.jobs_list .body .tab-content .tab-pane .text h2 span {
  display: block;
}

.jobs_list .body .tab-content .tab-pane .text p {
  font: 14px/26px SofiaPro;
  color: #404046;
  max-width: 60%;
  margin-bottom: 10px;
}

.jobs_list .body .tab-content .tab-pane .text ul li {
  font: 15px/26px SofiaPro;
  color: #202124;
  padding-left: 25px;
  background: url(../images/tick.png) no-repeat left top 7px;
  background-size: 13px;
  max-width: 355px;
}

.jobs_list .body .tab-content .tab-pane .text ul li:not(:last-child) {
  margin-bottom: 20px;
}

.jobs_list .body .tab-content .tab-pane .text .more_btn {
  width: 100%;
  max-width: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font: 15px/15px SofiaPro;
  color: #1967D2;
  background: rgba(25, 103, 210, 0.1);
  border-radius: 10px;
  padding: 16.5px 0;
  margin-top: 45px;
  border: none;
}

.jobs_list .body .tab-content .tab-pane .text .more_btn:hover {
  background: #1967D2;
  color: #fff;
  -webkit-animation: blues 2s infinite;
          animation: blues 2s infinite;
}

.jobs_list .body .tab-content .tab-pane .text .fill_btn {
  width: 100%;
  max-width: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font: 15px/15px SofiaPro;
  color: #fff;
  background: #1967D2;
  border-radius: 10px;
  padding: 16.5px 0;
  margin-top: 45px;
  border: 1px solid #1967D2;
}

.jobs_list .body .tab-content .tab-pane .text .fill_btn:hover {
  background: #fff;
  color: #1967D2;
  -webkit-animation: blues 2s infinite;
          animation: blues 2s infinite;
}

.fill_btn {
  width: 100%;
  max-width: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font: 15px/15px SofiaPro;
  color: #fff;
  background: #1967D2;
  border-radius: 10px;
  padding: 16.5px 0;
  margin-top: 45px;
  border: 1px solid #1967D2;
}

.fill_btn:hover {
  background: #fff;
  color: #1967D2;
  -webkit-animation: blues 2s infinite;
          animation: blues 2s infinite;
}

/*Main*/
/*Footer*/
.ft_content {
  width: 100%;
}

.ft_content .ft_top {
  width: 100%;
  background: url(../images/ft_bg.png) no-repeat center;
  background-size: cover;
  text-align: center;
  margin-bottom: 60px;
  padding: 160.5px 0;
  border-radius: 30px;
}

.ft_content .ft_top div#mc_embed_signup .mc-field-group label {
  color: #fff;
  text-align: left;
}

.ft_content .ft_top h1 {
  font: 40px/40px SofiaPro-Bold;
  color: #fff;
  margin-bottom: 15px;
}

.ft_content .ft_top p {
  font: 15px/24px SofiaPro;
  color: #fff;
  margin-bottom: 30px;
}

.ft_content .ft_top .box {
  width: 100%;
  max-width: 450px;
  margin: auto;
  margin-top: 55px;
}

.ft_content .ft_top .box .bans_frm input {
  width: 100% !important;
  border: none !important;
  font: 15px/20px SofiaPro;
  color: #696969;
  padding: 10px 100px 10px 20px !important;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  height: 50px;
  margin-bottom: 15px;
  border-radius: 5px !important;
}

.ft_content .ft_top .box .bans_frm div#mc_embed_signup .foot {
  display: block !important;
  width: 100% !important;
}

.ft_content .ft_top .box .bans_frm div#mc_embed_signup .foot input#mc-embedded-subscribe {
  width: 100%;
  max-width: 100%;
  font: 15px/20px SofiaPro;
  color: #fff;
  background: #1967D2;
  border: 2px solid #1967D2;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 14px 0;
  margin: 0;
  height: 50px;
  position: relative;
  top: unset;
  -webkit-transform: unset;
          transform: unset;
  padding: 0 !important;
}

.ft_content .ft_bottom {
  width: 100%;
  padding: 43px 0;
  border-top: 1px solid #ECEDF2;
}

.ft_content .ft_bottom p {
  font: 14px/14px SofiaPro;
  color: #404046;
}

/*Footer*/
a.closebtn,
span.icontab {
  display: none;
}

/*Landing page*/
.landing_page .header_content .menu_content .button_list {
  margin-left: auto;
}

.landing_page .header_content .menu_content .button_list .job_btn {
  margin-left: auto;
}

.landing_page .banner .ban_content .box {
  max-width: 585px;
}

.landing_page .banner .ban_content .box .bans_frm {
  width: 100%;
  position: relative;
}

.landing_page .banner .ban_content .box .bans_frm input[type="email"] {
  width: 100%;
  border: none;
  font: 15px/20px SofiaPro;
  color: #696969;
  padding: 10px 100px 10px 20px;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

.landing_page .banner .ban_content .box .bans_frm .find_btn {
  width: 100%;
  max-width: 140px;
  font: 15px/20px SofiaPro;
  color: #fff;
  background: #1967D2;
  border: 2px solid #1967D2;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 14px 0;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.landing_page .banner .ban_content .box .bans_frm .find_btn:hover {
  background: #fff;
  color: #1967D2;
  -webkit-animation: blues 2s infinite;
          animation: blues 2s infinite;
}

.landing_page .ft_content .ft_bottom .flex a {
  font: 14px/14px SofiaPro;
  color: #404046;
}

.landing_page .ft_content .ft_bottom .flex a:hover {
  color: #1967D2;
}

.landing_page .jobs_list .head {
  border-bottom: none;
}

.landing_page .jobs_list .head h2 {
  font: 40px/40px SofiaPro-Bold;
  color: #1A3454;
}

.landing_page .jobs_list._two {
  background: url(../images/ft_bg.png) no-repeat center;
  background-size: cover;
}

.landing_page .jobs_list._two .head {
  padding-top: 50px;
}

.landing_page .jobs_list._two .head h2 {
  color: #fff;
}

.landing_page .jobs_list._two .body .tab-content .tab-pane .text h2 {
  color: #fff;
}

.landing_page .jobs_list._two .body .tab-content .tab-pane .text p {
  color: #fff;
}

.landing_page .jobs_list._two .body .tab-content .tab-pane .text .more_btn {
  background: #1967D2;
  color: #fff;
  border-color: #1967D2;
}

.landing_page .jobs_list._two .body .tab-content .tab-pane .text .more_btn:hover {
  background: #fff;
  color: #1967D2;
}

.landing_page .jobs_list._two .body .tab-content .tab-pane .img {
  text-align: center;
}

.landing_page .jobs_list._three .head {
  padding-top: 50px;
}

.tech ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.tech ul li img {
  max-width: 200px;
  min-width: 200px;
  opacity: 0.5;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
}

.tech ul li img:hover {
  opacity: 1;
}

.why_kelsa {
  width: 100%;
  padding-bottom: 100px;
}

.why_kelsa .box {
  width: 100%;
  background: rgba(206, 209, 234, 0.1);
  border: 1px solid rgba(206, 209, 234, 0.1);
  border-radius: 25px;
  padding: 50px 90px;
  -webkit-box-shadow: 0 5px 15px 0 #ececf5;
          box-shadow: 0 5px 15px 0 #ececf5;
}

.why_kelsa .box .head {
  width: 100%;
  margin-bottom: 45px;
}

.why_kelsa .box .head h1 {
  font: 40px/40px SofiaPro-Bold;
  color: #1A3454;
}

.why_kelsa .box .body .blk {
  width: 29%;
}

.why_kelsa .box .body .blk h5 {
  font: 18px/26px SofiaPro;
  color: #202124;
  margin-bottom: 25px;
}

.why_kelsa .box .body .blk ul li {
  font: 15px/26px SofiaPro;
  color: #404046;
  padding-left: 27px;
  background: url(../images/tick.png) no-repeat left top 10px;
  background-size: 15px;
}

.why_kelsa .box .body .blk ul li:not(:last-child) {
  margin-bottom: 15px;
}

div#mc_embed_signup {
  width: 100%;
  position: relative;
}

div#mc_embed_signup .mc-field-group {
  width: 100%;
  padding: 0;
  margin: 0;
}

div#mc_embed_signup .mc-field-group label {
  font: 16px/22px SofiaPro-Medium;
  color: #202124;
  width: 100%;
  display: block;
  margin-bottom: 7px;
}

div#mc_embed_signup input#mce-EMAIL {
  width: 100%;
  border: none;
  font: 15px/20px SofiaPro;
  color: #696969;
  padding: 10px 100px 10px 20px;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  height: 50px;
}

div#mc_embed_signup input#mc-embedded-subscribe {
  width: 100%;
  max-width: 140px;
  font: 15px/20px SofiaPro;
  color: #fff;
  background: #1967D2;
  border: 2px solid #1967D2;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 14px 0;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  margin: 0;
  height: 50px;
}

div#mc_embed_signup input#mc-embedded-subscribe:hover {
  background: #fff;
  color: #1967D2;
  -webkit-animation: blues 2s infinite;
          animation: blues 2s infinite;
}

.modal-content {
  padding: 35px;
}

.modal-content .modal-header {
  border: none;
}

.modal-content .modal-header h4 {
  font: 24px/24px SofiaPro-Bold;
  color: #202124;
  text-align: center;
  margin: auto;
}

.modal-content .modal-header .btn-close {
  position: absolute;
  right: 20px;
  top: 20px;
}

.modal-content .modal-body {
  border-radius: 10px;
  margin-top: 30px;
}

.modal-content .modal-body .mc-field-group input {
  -webkit-box-shadow: 0 0px 16px 0 #e0e0e0;
          box-shadow: 0 0px 16px 0 #e0e0e0;
  width: 100% !important;
  border: none !important;
  font: 15px/20px SofiaPro;
  color: #696969;
  padding: 10px 100px 10px 20px !important;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  height: 50px;
  margin-bottom: 15px;
  border-radius: 10px !important;
}

.modal-content .modal-body #mc_embed_signup .foot {
  display: block !important;
  width: 100% !important;
}

.modal-content .modal-body div#mc_embed_signup input#mc-embedded-subscribe {
  position: relative;
  max-width: 100%;
  top: 0;
  -webkit-transform: unset;
          transform: unset;
}

#PopupSignupForm_0 {
  display: none;
}

/*Landing page*/
/*new changes*/
.technology {
  width: 100%;
  margin-bottom: 60px;
}

.technology .techs {
  padding: 50px 90px;
  background: rgba(206, 209, 234, 0.1);
  border: 1px solid rgba(206, 209, 234, 0.1);
  border-radius: 25px;
  -webkit-box-shadow: 0 5px 15px 0 #ececf5;
          box-shadow: 0 5px 15px 0 #ececf5;
}

.technology .head {
  width: 100%;
  margin-bottom: 50px;
}

.technology .head h2 {
  font: 40px/40px SofiaPro-Bold;
  color: #2B3154;
}

/*new changes*/
/*profile*/
.header_content.profile {
  -webkit-box-shadow: 0 0 10px #e1e1e1;
          box-shadow: 0 0 10px #e1e1e1;
  padding: 27px 0;
}

.header_content.profile .prifle_dtl {
  width: calc(100% - 155px);
  padding-left: 45px;
}

.header_content.profile .prifle_dtl .search {
  width: 100%;
  max-width: 330px;
  position: relative;
}

.header_content.profile .prifle_dtl .search span {
  display: none;
}

.header_content.profile .prifle_dtl .search .s_frm {
  width: 100%;
}

.header_content.profile .prifle_dtl .search .s_frm input {
  width: 100%;
  background: url(../images/profile_search.png) no-repeat left 20px center #D9D9D9;
  border: 1px solid #D9D9D9;
  border-radius: 5px;
  font: 15px/24px SofiaPro;
  color: dimgray;
  padding: 12px 20px 12px 50px;
}

.header_content.profile .prifle_dtl .dlt .flex .prfle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: 50px;
}

.header_content.profile .prifle_dtl .dlt .flex .prfle .img span {
  width: 50px;
  height: 50px;
  background: #393F44;
  border: 1px solid #393F44;
  border-radius: 100%;
  display: block;
}

.header_content.profile .prifle_dtl .dlt .flex .prfle .text h5 {
  font: 15px/15px SofiaPro;
  color: #202124;
  padding: 0 45px 0 15px;
  background: url(../images/drop_icon.png) no-repeat right center;
}

.header_content.profile .prifle_dtl .dlt .flex .list ul li {
  display: inline-block;
  font: 15px/15px SofiaPro;
  color: dimgray;
  text-align: center;
}

.header_content.profile .prifle_dtl .dlt .flex .list ul li:not(:last-child) {
  margin-right: 45px;
}

.header_content.profile .prifle_dtl .dlt .flex .list ul li span {
  display: block;
  padding-top: 5px;
}

.pro_container {
  width: 100%;
  max-width: 1309px;
  margin: 0 auto;
  padding: 0;
}

.pro_container::before, .pro_container::after {
  content: "";
  display: table;
}

.pro_container::after {
  clear: both;
}

.profile_page {
  width: 100%;
  padding: 75px 0 110px;
}

.profile_page .flex {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.profile_page .flex .right {
  width: 29.794%;
}

.profile_page .flex .right .tog_blk {
  width: 100%;
  padding: 25px 40px 40px;
}

.profile_page .flex .right .tog_blk form label {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font: 16px/16px SofiaPro-Medium;
  color: #202124;
}

.profile_page .flex .right .tog_blk form label:not(:last-child) {
  margin-bottom: 25px;
}

.profile_page .flex .right .tog_blk form label .switch {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 17px;
}

.profile_page .flex .right .tog_blk form label .switch input {
  display: none;
}

.profile_page .flex .right .tog_blk form label .switch input:checked + .slider {
  background: #1967D2;
}

.profile_page .flex .right .tog_blk form label .switch input:checked + .slider::before {
  -webkit-transform: translateX(14px);
  transform: translateX(14px);
}

.profile_page .flex .right .tog_blk form label .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 30px;
}

.profile_page .flex .right .tog_blk form label .switch .slider::before {
  position: absolute;
  content: "";
  height: 11px;
  width: 11px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 100%;
}

.profile_page .flex .right .details {
  width: 100%;
  background: #f5f7fc;
  border: 1px solid #f5f7fc;
  border-radius: 10px;
  padding: 45px 40px;
  position: relative;
  margin-bottom: 40px;
}

.profile_page .flex .right .details .conf {
  font: 14px/14px SofiaPro;
  color: #fff;
  background: #1967D2;
  border: 1px solid #1967D2;
  border-radius: 5px;
  padding: 4px 10px;
  position: absolute;
  right: 15px;
  top: 15px;
}

.profile_page .flex .right .details .blk {
  width: 100%;
  margin-bottom: 25px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.profile_page .flex .right .details .blk .img {
  width: 25px;
}

.profile_page .flex .right .details .blk .txt {
  width: calc(100% - 25px);
  padding-left: 15px;
}

.profile_page .flex .right .details .blk .txt h6 {
  font: 16px/16px SofiaPro-Medium;
  color: #202124;
}

.profile_page .flex .right .details .blk .txt span {
  font: 15px/26px SofiaPro;
  color: #404046;
}

.profile_page .flex .right .social {
  width: 100%;
  background: #f5f7fc;
  border: 1px solid #f5f7fc;
  border-radius: 10px;
  padding: 35px;
  position: relative;
  margin-bottom: 40px;
}

.profile_page .flex .right .social .flex {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.profile_page .flex .right .social .txt h5 {
  font: 16px/24px SofiaPro;
  color: #202124;
}

.profile_page .flex .right .social .media ul li {
  display: inline-block;
}

.profile_page .flex .right .social .media ul li:not(:last-child) {
  margin-right: 15px;
}

.profile_page .flex .right .social .media ul li a {
  color: dimgray;
}

.profile_page .flex .right .social .media ul li a:hover {
  color: #bc91e8;
}

.profile_page .flex .right .skills {
  width: 100%;
  background: #f5f7fc;
  border: 1px solid #f5f7fc;
  border-radius: 10px;
  padding: 35px;
  position: relative;
  margin-bottom: 40px;
}

.profile_page .flex .right .skills h4 {
  font: 18px/18px SofiaPro-Medium;
  color: #202124;
  margin-bottom: 15px;
}

.profile_page .flex .right .skills ul li {
  display: inline-block;
  font: 14px/24px SofiaPro;
  color: #404046;
  background: #fff;
  padding: 1px 15px;
  border-radius: 5px;
  margin: 0 10px 15px 0;
}

.profile_page .flex .right .intro {
  width: 100%;
  background: #f5f7fc;
  border: 1px solid #f5f7fc;
  border-radius: 10px;
  padding: 35px;
  position: relative;
}

.profile_page .flex .right .intro h4 {
  font: 18px/18px SofiaPro-Medium;
  color: #202124;
  margin-bottom: 15px;
}

.profile_page .flex .right .intro .conf {
  font: 14px/14px SofiaPro;
  color: #fff;
  background: #1967D2;
  border: 1px solid #1967D2;
  border-radius: 5px;
  padding: 4px 10px;
  position: absolute;
  right: 30px;
  top: 25px;
}

.profile_page .flex .left {
  width: 70.206%;
  padding-right: 120px;
}

.profile_page .flex .left .top_profile {
  width: 100%;
  margin-bottom: 45px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.profile_page .flex .left .top_profile .img {
  width: 100px;
}

.profile_page .flex .left .top_profile .img span {
  width: 100%;
  display: block;
  height: 100px;
  background: #393F44;
  border-radius: 100%;
}

.profile_page .flex .left .top_profile .txts {
  width: calc(100% - 100px);
  padding-left: 15px;
}

.profile_page .flex .left .top_profile .txts h3 {
  font: 26px/26px SofiaPro-Medium;
  color: #202124;
  margin-bottom: 15px;
}

.profile_page .flex .left .top_profile .txts .dlts {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  max-width: 460px;
  margin-bottom: 10px;
}

.profile_page .flex .left .top_profile .txts .dlts p {
  font: 14px/24px SofiaPro;
  color: #1967D2;
}

.profile_page .flex .left .top_profile .txts .dlts span {
  font: 14px/24px SofiaPro;
  color: #404046;
  display: inline-block;
  padding-left: 20px;
  background: url(../images/loc_icon.png) no-repeat left center;
  background-size: 14px;
}

.profile_page .flex .left .top_profile .txts .d_bt {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  max-width: 485px;
}

.profile_page .flex .left .top_profile .txts .d_bt .coins {
  font: 14px/24px SofiaPro;
  color: #34a853;
  background: rgba(52, 168, 83, 0.15);
  padding: 0.5px 20px;
  border-radius: 30px;
}

.profile_page .flex .left .top_profile .txts .d_bt ul li {
  display: inline-block;
}

.profile_page .flex .left .top_profile .txts .d_bt ul li:not(:last-child) {
  margin-right: 18px;
  max-width: 30px;
}

.profile_page .flex .left .top_profile .txts .d_bt ul li a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font: 14px/14px SofiaPro;
  color: #1967D2;
  background: #dde8f8;
  border-radius: 10px;
}

.profile_page .flex .left .top_profile .txts .d_bt ul li a:hover {
  color: #fff;
  background: #1967D2;
  -webkit-animation: blues 2s infinite;
          animation: blues 2s infinite;
}

.profile_page .flex .left .about {
  width: 100%;
  margin-bottom: 40px;
}

.profile_page .flex .left .about h4 {
  font: 18px/24px SofiaPro-Medium;
  color: #202124;
  margin-bottom: 25px;
}

.profile_page .flex .left .about p {
  font: 15px/26px SofiaPro;
  color: #404046;
}

.profile_page .flex .left .about ul li {
  position: relative;
  font: 15px/26px SofiaPro;
  margin-bottom: 26px;
  padding-left: 25px;
}

.profile_page .flex .left .about ul li::before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  top: 50%;
  left: 0px;
  background: #202124;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.profile_page .flex .left .edu {
  width: 100%;
  margin-bottom: 45px;
}

.profile_page .flex .left .edu h4 {
  font: 18px/24px SofiaPro-Medium;
  color: #202124;
  margin-bottom: 25px;
}

.profile_page .flex .left .edu .blk {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.profile_page .flex .left .edu .blk .icon {
  width: 30px;
}

.profile_page .flex .left .edu .blk .icon span {
  width: 100%;
  font: 15px/15px SofiaPro;
  color: #1967D2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f5f7fc;
  border-radius: 100%;
  height: 30px;
}

.profile_page .flex .left .edu .blk .cont {
  width: calc(100% - 30px);
  padding-left: 25px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.profile_page .flex .left .edu .blk .cont .lft p {
  font: 16px/16px SofiaPro-Medium;
  color: #202124;
  margin-bottom: 0px;
  max-width: 344px;
}

.profile_page .flex .left .edu .blk .cont .lft p span {
  font: 15px/26px SofiaPro;
  color: #1967D2;
  display: block;
  margin-top: 10px;
}

.profile_page .flex .left .edu .blk .cont .lft p:focus {
  outline: none;
}

.profile_page .flex .left .edu .blk .cont .rtl ul li {
  font: 13px/13px SofiaPro;
  border-radius: 30px;
  padding: 6px 19px;
  display: inline-block;
  margin-right: 45px;
}

.profile_page .flex .left .edu .blk .cont .rtl ul li.blue {
  color: #1967D2;
  background: #dde8f8;
}

.profile_page .flex .left .edu .blk .cont .rtl ul li.green {
  color: #34a853;
  background: rgba(52, 168, 83, 0.15);
}

.profile_page .flex .left .exp {
  width: 100%;
  margin-bottom: 0px;
}

.profile_page .flex .left .exp h4 {
  font: 18px/24px SofiaPro-Medium;
  color: #202124;
  margin-bottom: 25px;
}

.profile_page .flex .left .exp .blk {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.profile_page .flex .left .exp .blk:not(:last-child) {
  padding-bottom: 45px;
}

.profile_page .flex .left .exp .blk:not(:last-child)::before {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  background: url(../images/border_line.png) no-repeat center;
  position: absolute;
  left: 14px;
  z-index: -1;
  bottom: -38px;
}

.profile_page .flex .left .exp .blk .icon {
  width: 30px;
}

.profile_page .flex .left .exp .blk .icon span {
  width: 100%;
  font: 15px/15px SofiaPro;
  color: #1967D2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f5f7fc;
  border-radius: 100%;
  height: 30px;
}

.profile_page .flex .left .exp .blk .cont {
  width: calc(100% - 30px);
  padding-left: 25px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.profile_page .flex .left .exp .blk .cont .lft {
  width: 100%;
  max-width: 295px;
}

.profile_page .flex .left .exp .blk .cont .lft p {
  font: 16px/16px SofiaPro-Medium;
  color: #202124;
  margin-bottom: 10px;
}

.profile_page .flex .left .exp .blk .cont .lft span {
  font: 15px/26px SofiaPro;
  color: #404046;
}

.profile_page .flex .left .exp .blk .cont .lft span b {
  font-weight: normal;
  color: #1967D2;
}

.profile_page .flex .left .exp .blk .cont .rtl ul li {
  font: 13px/13px SofiaPro;
  border-radius: 30px;
  padding: 6px 19px;
  display: inline-block;
  margin-right: 45px;
}

.profile_page .flex .left .exp .blk .cont .rtl ul li.blue {
  color: #1967D2;
  background: #dde8f8;
}

.profile_page .flex .left .exp .blk .cont .rtl ul li.green {
  color: #34a853;
  background: rgba(52, 168, 83, 0.15);
}

.profile_page .flex .left .exp .blk .blk {
  padding: 0 !important;
}

.profile_page .flex .left .exp .blk .par {
  width: 100%;
  display: block;
  padding: 10px 0 0 55px;
  font: 15px/26px SofiaPro;
  color: #404046;
}

.profile_page .flex .left .project {
  width: 100%;
  position: relative;
  margin-bottom: 60px;
}

.profile_page .flex .left .project .more {
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #1967D2;
  border-radius: 100%;
  border: 2px solid #1967D2;
  font: 16px/16px SofiaPro-Medium;
  color: #fff;
  position: absolute;
  right: 0;
  top: 50%;
}

.profile_page .flex .left .project .more:hover {
  background: #fff;
  color: #1967D2;
  -webkit-animation: blues 2s infinite;
          animation: blues 2s infinite;
}

.profile_page .flex .left .project h4 {
  font: 18px/24px SofiaPro-Medium;
  color: #202124;
  margin-bottom: 25px;
}

.profile_page .flex .left .project .proj {
  width: 100%;
  max-width: 720px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: inherit;
      -ms-flex-align: inherit;
          align-items: inherit;
}

.profile_page .flex .left .project .proj .box {
  background: #f5f7fc;
  position: relative;
  padding: 15px 15px 38px;
  border-radius: 10px;
  width: 32.5%;
}

.profile_page .flex .left .project .proj .box:last-child {
  width: 28.612%;
}

.profile_page .flex .left .project .proj .box h5 {
  font: 16px/16px SofiaPro-Medium;
  color: #1967D2;
  margin-bottom: 20px;
  padding-right: 20px;
}

.profile_page .flex .left .project .proj .box p {
  font: 15px/26px SofiaPro;
  color: #404046;
}

.profile_page .flex .left .project .proj .box .big_view {
  position: absolute;
  right: 10px;
  top: 10px;
}

.profile_page .flex .left .project .proj .box .conf {
  font: 14px/14px SofiaPro;
  color: #fff;
  background: #1967D2;
  border: 1px solid #1967D2;
  border-radius: 10px;
  padding: 4px 10px;
  position: absolute;
  left: 50%;
  bottom: 15px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.profile_page .flex .left .git {
  width: 100%;
  position: relative;
  margin-bottom: 60px;
}

.profile_page .flex .left .git .more {
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #1967D2;
  border-radius: 100%;
  border: 2px solid #1967D2;
  font: 16px/16px SofiaPro-Medium;
  color: #fff;
  position: absolute;
  right: 0;
  top: 50%;
}

.profile_page .flex .left .git .more:hover {
  background: #fff;
  color: #1967D2;
  -webkit-animation: blues 2s infinite;
          animation: blues 2s infinite;
}

.profile_page .flex .left .git h4 {
  font: 18px/24px SofiaPro-Medium;
  color: #202124;
  margin-bottom: 25px;
}

.profile_page .flex .left .git .proj {
  width: 100%;
  max-width: 695px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: inherit;
      -ms-flex-align: inherit;
          align-items: inherit;
}

.profile_page .flex .left .git .proj .box {
  background: #f5f7fc;
  position: relative;
  padding: 15px 15px;
  border-radius: 10px;
  width: 24.75%;
  height: 100%;
  min-height: 138px;
  max-height: 138px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.profile_page .flex .left .git .proj .box:nth-child(2) {
  width: 22.59%;
}

.profile_page .flex .left .git .proj .box:nth-child(3) {
  width: 18.418%;
}

.profile_page .flex .left .git .proj .box h5 {
  font: 16px/16px SofiaPro-Medium;
  color: #1967D2;
  margin-bottom: 20px;
  padding-right: 20px;
}

.profile_page .flex .left .git .proj .box p {
  font: 15px/26px SofiaPro;
  color: #404046;
}

.profile_page .flex .left .git .proj .box .big_view {
  position: absolute;
  right: 10px;
  top: 10px;
}

.profile_page .flex .left .git .proj .box .conf {
  font: 14px/14px SofiaPro;
  color: #fff;
  background: #1967D2;
  border: 1px solid #1967D2;
  border-radius: 10px;
  padding: 4px 10px;
  position: absolute;
  left: 50%;
  bottom: 15px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.profile_page .flex .left .nft {
  width: 100%;
  position: relative;
}

.profile_page .flex .left .nft h4 {
  font: 18px/24px SofiaPro-Medium;
  color: #202124;
  margin-bottom: 25px;
}

.profile_page .flex .left .nft .proj {
  width: 100%;
  max-width: 710px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: inherit;
      -ms-flex-align: inherit;
          align-items: inherit;
}

.profile_page .flex .left .nft .proj .box {
  position: relative;
  padding: 15px 15px;
  border-radius: 10px;
  width: 23.662%;
  height: 100%;
  min-height: 151px;
  max-height: 151px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #f2e9fa;
}

.profile_page .flex .left .nft .proj .box:first-child {
  background: #eff8f1;
  width: 20.282%;
}

.profile_page .flex .left .nft .proj .box:nth-child(2) {
  background: #f7d6e2;
  width: 23.944%;
}

.profile_page .flex .left .nft .proj .box .big_view {
  position: absolute;
  right: 10px;
  top: 10px;
}

.profile_page .flex .left .nft .proj .box h5 {
  font: 16px/16px SofiaPro-Medium;
  color: #1967D2;
  margin-bottom: 20px;
  padding-right: 20px;
}

.profile_page .flex .left .nft .proj .box p {
  font: 15px/26px SofiaPro;
  color: #404046;
}

/*profile*/
/*Edit profile*/
.profile_page._edit .flex .left .edu,
.profile_page._edit .flex .left .exp,
.profile_page._edit .flex .left .project,
.profile_page._edit .flex .left .git,
.profile_page._edit .flex .left .nft {
  position: relative;
}

.profile_page._edit .flex .left .edu .add_btn,
.profile_page._edit .flex .left .exp .add_btn,
.profile_page._edit .flex .left .project .add_btn,
.profile_page._edit .flex .left .git .add_btn,
.profile_page._edit .flex .left .nft .add_btn {
  position: absolute;
  right: 0;
  top: 0;
  font: 13px/13px SofiaPro;
  color: #1967D2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.profile_page._edit .flex .left .edu .add_btn span,
.profile_page._edit .flex .left .exp .add_btn span,
.profile_page._edit .flex .left .project .add_btn span,
.profile_page._edit .flex .left .git .add_btn span,
.profile_page._edit .flex .left .nft .add_btn span {
  width: 25px;
  height: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #dde8f8;
  border-radius: 100%;
  margin-right: 10px;
}

.profile_page._edit .flex .right .skills {
  position: relative;
}

.profile_page._edit .flex .right .skills .add_btn {
  position: absolute;
  right: 30px;
  top: 30px;
  font: 13px/13px SofiaPro;
  color: #d93025;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.profile_page._edit .flex .right .skills .add_btn span {
  width: 25px;
  height: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f9e0de;
  border-radius: 100%;
  margin-right: 10px;
}

.edit ul li {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.edit ul li:not(:last-child) {
  margin-right: 15px;
}

.edit ul li button {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font: 14px/14px SofiaPro;
  color: #1967D2;
  background: #dde8f8;
  border-radius: 10px;
  border: none;
}

.edit ul li button:focus {
  outline: none;
}

button#end-editing,
button#end-editing2 {
  display: none;
}

.profile_page._edit .flex .right .social .txt {
  position: relative;
  padding-right: 40px;
}

.profile_page._edit .flex .right .social .txt .write_btn {
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font: 14px/14px SofiaPro;
  color: #1967D2;
  background: #dde8f8;
  border-radius: 10px;
  position: absolute;
  right: 0;
  top: 0;
}

.profile_page._edit .flex .right .social .txt .write_btn:hover {
  color: #fff;
  background: #1967D2;
  -webkit-animation: blues 2s infinite;
          animation: blues 2s infinite;
}

.profile_page._edit .flex .right .intro .img {
  position: relative;
}

.profile_page._edit .flex .right .intro .img .edit {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.profile_page._edit .flex .right .details .blk .txt {
  position: relative;
}

.profile_page._edit .flex .right .details .blk .txt .edit {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/*Edit profile*/
/*new changes*/
.profile_page .flex .left .top_profile .txts > input {
  font: 26px/26px SofiaPro-Medium;
  color: #202124;
  border: none;
  background: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.profile_page .flex .left .top_profile .txts > input:focus {
  background: transparent !important;
}

input:-internal-autofill-selected {
  background: transparent !important;
}

.profile_page .flex .left .top_profile .txts .dlts > input {
  font: 14px/24px SofiaPro;
  color: #1967D2;
  border: none;
  background: transparent;
}

.profile_page .flex .left .about > textarea {
  width: 100%;
  display: block;
  background: transparent;
  font: 15px/26px SofiaPro;
  color: #404046;
}

.profile_page .flex .left .top_profile .txts .dlts {
  margin-top: 10px;
}

/*new changes*/
/*edit*/
button#end-editing,
button#end-editing2 {
  background: #1967D2;
  color: #fff;
}

.editable {
  background: #f5f7fc !important;
  padding: 15px;
  border-radius: 10px;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  outline: none;
}

.loading {
  font-size: 0;
  width: 10px;
  height: 10px;
  border-radius: 15px;
  padding: 5px;
  border: 3px solid #FFFFFF;
  border-bottom: 3px solid rgba(255, 255, 255, 0);
  border-left: 3px solid rgba(255, 255, 255, 0);
  background-color: transparent !important;
  -webkit-animation: rotateAnimation 2s infinite;
          animation: rotateAnimation 2s infinite;
}

@-webkit-keyframes rotateAnimation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotateAnimation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.fa {
  color: #ffffff;
  font-size: 18px !important;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -9px;
  margin-top: -9px;
  -webkit-transform: scaleX(0) !important;
  transform: scaleX(0) !important;
}

.finish {
  -webkit-transform: scaleX(1) !important;
  transform: scaleX(1) !important;
}

.hide-loading {
  opacity: 0;
  -webkit-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
  -webkit-transform: scale(0) !important;
  transform: scale(0) !important;
}

button#end-editing,
button#end-editing2 {
  padding: 5.5px 15px;
  height: 30px;
  position: relative;
}

.done {
  display: none;
  position: absolute;
}

.done.finish {
  display: block;
}

.edit ul li button {
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

.successfully-saved {
  display: none;
  font: 15px/15px SofiaPro;
  color: #82a853;
  border-radius: 9px;
  border: 1px solid #e1f2e5;
  padding: 0.5em 0.75em;
  background: #D6F8DD;
  width: 150px;
  margin-top: 20px;
  position: fixed;
  right: 10px;
  top: 10px;
  z-index: 1000;
}

.successfully-saved.show {
  display: block;
}

button.delete {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

button.delete.show {
  opacity: 1;
  visibility: visible;
}

.edit ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.checkmark {
  display: block;
}

.checkmark::after {
  opacity: 1;
  height: 15px;
  width: 8px;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  border-right: 3px solid #ffffff;
  border-top: 3px solid #ffffff;
  content: "";
  left: 7px;
  top: 50%;
  position: absolute;
}

.checkmark.draw::after {
  -webkit-animation-duration: 800ms;
          animation-duration: 800ms;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-name: checkmark;
          animation-name: checkmark;
  -webkit-transform: scaleX(-1) rotate(135deg);
          transform: scaleX(-1) rotate(135deg);
}

@-webkit-keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 8px;
    opacity: 1;
  }
  40% {
    height: 15px;
    width: 8px;
    opacity: 1;
  }
  100% {
    height: 15px;
    width: 8px;
    opacity: 1;
  }
}

@keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 8px;
    opacity: 1;
  }
  40% {
    height: 15px;
    width: 8px;
    opacity: 1;
  }
  100% {
    height: 15px;
    width: 8px;
    opacity: 1;
  }
}

.bgs {
  background: #b5d0f5;
  -webkit-animation: bgs 8s ease;
          animation: bgs 8s ease;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  border-radius: 10px;
}

@-webkit-keyframes bgs {
  0% {
    background: #b5d0f5;
  }
  50% {
    background: rgba(181, 208, 245, 0.5);
  }
  100% {
    background: rgba(181, 208, 245, 0);
  }
}

@keyframes bgs {
  0% {
    background: #b5d0f5;
  }
  50% {
    background: rgba(181, 208, 245, 0.5);
  }
  100% {
    background: rgba(181, 208, 245, 0);
  }
}

.about {
  position: relative;
}

.about .edit {
  position: absolute;
  top: 0;
  right: 0;
}

.about .edit ul li::before {
  display: none;
}

.locs {
  padding: 8px;
  margin-left: 10px;
}

.locs .css-1insrsq-control {
  background: transparent;
  border: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.locs .css-tlfecz-indicatorContainer {
  display: none;
}

.locs .css-1s2u09g-control {
  border: none;
  background: transparent;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.locs .css-b62m3t-container {
  width: 150px;
  max-width: 150px;
}

.profile_page .flex .left .top_profile .txts .dlts {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.profile_page .flex .left .top_profile,
.profile_page .flex .left .about,
.profile_page .flex .left .edu,
.profile_page .flex .left .exp,
.profile_page .flex .left .project,
.profile_page .flex .left .git,
.profile_page .flex .left .nft {
  padding: 10px;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

.profile_page .flex .left .top_profile .txts > input:focus {
  background: #f5f7fc !important;
  border: 1px solid #1967d2;
}

.editable:focus,
.profile_page .flex .left .top_profile .txts .dlts > input:focus {
  border: 1px solid #1967d2;
}

.header_content .menu_content .flex .button_list {
  max-width: 650px;
}

form .p_frm {
  width: 100%;
}

form .p_frm:not(:last-child) {
  margin-bottom: 20px;
}

form .p_frm label {
  width: 100%;
  display: block;
  margin-bottom: 15px;
  font: 15px/15px SofiaPro-Medium;
  color: #202124;
}

form .p_frm input {
  width: 100%;
  border: none;
  font: 15px/20px SofiaPro;
  color: #696969;
  padding: 10px 100px 10px 20px;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  height: 50px;
  border-radius: 8px;
}

form .p_frm textarea {
  width: 100%;
  border: none;
  font: 15px/20px SofiaPro;
  color: #696969;
  padding: 10px 100px 10px 20px;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  height: 50px;
  border-radius: 8px;
  min-height: 100px;
  max-height: 100px;
}

form .p_frm .add_btn {
  font: 15px/20px SofiaPro;
  color: #fff;
  background: #1967D2;
  border: 2px solid #1967D2;
  padding: 10px 20px;
}

form .p_frm .add_btn:hover {
  background: #fff;
  color: #1967D2;
  -webkit-animation: blues 2s infinite;
          animation: blues 2s infinite;
}

.add {
  background: #fff;
  position: relative;
  border-radius: 10px;
  width: 32.5%;
  height: 100%;
  max-width: 0;
  -webkit-transition: 0.5s all ease-in-out;
  transition: 0.5s all ease-in-out;
  opacity: 0;
  visibility: hidden;
  border: 1px solid #1967D2;
  display: none;
}

.add.show {
  padding: 15px 15px 38px;
  max-width: 100%;
  opacity: 1;
  visibility: visible;
  margin-right: 10px;
  display: block;
}

.add .top {
  width: 100%;
  padding-right: 20px;
  margin-bottom: 20px;
}

.add .top input {
  background: transparent;
  border: none;
  border-bottom: 1px solid #e1e1e1;
  font: 16px/16px SofiaPro-Medium;
  color: #1967D2;
}

.add .top input:not(:last-child) {
  margin-bottom: 15px;
}

.add .bot {
  width: 100%;
  margin-bottom: 10px;
}

.add .bot textarea {
  font: 15px/26px SofiaPro;
  color: #404046;
  background: transparent;
  border: none;
  border-bottom: 1px solid #e1e1e1;
}

.add #send {
  padding: 5.5px 7px;
  width: 30px;
  height: 30px;
  position: relative;
  background: #1967D2;
  color: #fff;
  border: none;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: auto;
}

.add #alrt1,
.add #alrt2 {
  background-color: red;
  width: 100%;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #FFF;
  font-weight: bold;
  border-radius: 10px;
  font-size: 15px;
  display: none;
  white-space: nowrap;
  margin-top: 10px;
}

.profile_page .flex .left .project .proj {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.profile_page .flex .left .project .proj .lists {
  -webkit-box-align: unset;
      -ms-flex-align: unset;
          align-items: unset;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow: hidden;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  scrollbar-width: thin;
  scrollbar-color: #e1e1e1 transparent;
}

.profile_page .flex .left .project .proj .lists .box {
  min-width: 230px;
}

.profile_page .flex .left .project .proj .lists .box:not(:last-child) {
  margin-right: 10px;
}

.profile_page .flex .left .project .proj .lists .box p {
  word-break: break-all;
}

.profile_page .flex .left .project .proj .lists::-webkit-scrollbar {
  width: 11px;
}

.profile_page .flex .left .project .proj .lists::-webkit-scrollbar-track {
  background: transparent;
}

.profile_page .flex .left .project .proj .lists:-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 6px;
  border: 3px solid transparent;
}

.profile_page .flex .left .project .proj .lists::-webkit-scrollbar, .profile_page .flex .left .project .proj .lists::-webkit-scrollbar-thumb {
  height: 26px;
  border-radius: 13px;
  background-clip: padding-box;
  border: 10px solid transparent;
}

.profile_page .flex .left .project .proj .lists::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 0 10px #1967D2;
          box-shadow: inset 0 0 0 10px #1967D2;
}

@-webkit-keyframes changeBg {
  0% {
    background-color: #fff;
  }
  100% {
    background-color: #f5f7fc;
  }
}

@keyframes changeBg {
  0% {
    background-color: #fff;
  }
  100% {
    background-color: #f5f7fc;
  }
}

.add2 {
  background: #fff;
  position: relative;
  border-radius: 10px;
  width: 38.75%;
  height: 100%;
  max-width: 0;
  -webkit-transition: 0.5s all ease-in-out;
  transition: 0.5s all ease-in-out;
  opacity: 0;
  visibility: hidden;
  border: 1px solid #1967D2;
  display: none;
}

.add2.show {
  padding: 15px;
  max-width: 100%;
  opacity: 1;
  visibility: visible;
  margin-right: 10px;
  display: block;
}

.add2 .top {
  width: 100%;
  padding-right: 20px;
  margin-bottom: 20px;
}

.add2 .top input {
  background: transparent;
  border: none;
  border-bottom: 1px solid #e1e1e1;
  font: 16px/16px SofiaPro-Medium;
  color: #1967D2;
  width: 100%;
}

.add2 .top input:not(:last-child) {
  margin-bottom: 15px;
}

.add2 .bot {
  width: 100%;
  margin-bottom: 10px;
}

.add2 .bot textarea {
  font: 15px/26px SofiaPro;
  color: #404046;
  background: transparent;
  border: none;
  border-bottom: 1px solid #e1e1e1;
  width: 100%;
}

.add2 #send2 {
  padding: 5.5px 7px;
  width: 30px;
  height: 30px;
  position: relative;
  background: #1967D2;
  color: #fff;
  border: none;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: auto;
}

.add2 #alrt3,
.add2 #alrt4 {
  background-color: red;
  width: 100%;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #FFF;
  font-weight: bold;
  border-radius: 10px;
  font-size: 15px;
  display: none;
  white-space: nowrap;
  margin-top: 10px;
}

.profile_page .flex .left .git .proj {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.profile_page .flex .left .git .proj .lists2 {
  -webkit-box-align: unset;
      -ms-flex-align: unset;
          align-items: unset;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow: hidden;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  scrollbar-width: thin;
  scrollbar-color: #e1e1e1 transparent;
}

.profile_page .flex .left .git .proj .lists2 .box {
  min-width: 166px;
}

.profile_page .flex .left .git .proj .lists2 .box:not(:last-child) {
  margin-right: 10px;
}

.profile_page .flex .left .git .proj .lists2 .box p {
  word-break: break-all;
}

.profile_page .flex .left .git .proj .lists2::-webkit-scrollbar {
  width: 11px;
}

.profile_page .flex .left .git .proj .lists2::-webkit-scrollbar-track {
  background: transparent;
}

.profile_page .flex .left .git .proj .lists2:-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 6px;
  border: 3px solid transparent;
}

.profile_page .flex .left .git .proj .lists2::-webkit-scrollbar, .profile_page .flex .left .git .proj .lists2::-webkit-scrollbar-thumb {
  height: 26px;
  border-radius: 13px;
  background-clip: padding-box;
  border: 10px solid transparent;
}

.profile_page .flex .left .git .proj .lists2::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 0 10px #1967D2;
          box-shadow: inset 0 0 0 10px #1967D2;
}

.add3 {
  background: #fff;
  position: relative;
  border-radius: 10px;
  width: 34.282%;
  height: 100%;
  max-width: 0;
  -webkit-transition: 0.5s all ease-in-out;
  transition: 0.5s all ease-in-out;
  opacity: 0;
  visibility: hidden;
  border: 1px solid #1967D2;
  display: none;
}

.add3.show {
  padding: 15px;
  max-width: 100%;
  opacity: 1;
  visibility: visible;
  margin-right: 10px;
  display: block;
}

.add3 .top {
  width: 100%;
  padding-right: 20px;
  margin-bottom: 20px;
}

.add3 .top input {
  background: transparent;
  border: none;
  border-bottom: 1px solid #e1e1e1;
  font: 16px/16px SofiaPro-Medium;
  color: #1967D2;
  width: 100%;
}

.add3 .top input:not(:last-child) {
  margin-bottom: 15px;
}

.add3 .bot {
  width: 100%;
  margin-bottom: 10px;
}

.add3 .bot textarea {
  font: 15px/26px SofiaPro;
  color: #404046;
  background: transparent;
  border: none;
  border-bottom: 1px solid #e1e1e1;
  width: 100%;
}

.add3 #send3 {
  padding: 5.5px 7px;
  width: 30px;
  height: 30px;
  position: relative;
  background: #1967D2;
  color: #fff;
  border: none;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: auto;
}

.add3 #alrt5,
.add3 #alrt6 {
  background-color: red;
  width: 100%;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #FFF;
  font-weight: bold;
  border-radius: 10px;
  font-size: 15px;
  display: none;
  white-space: nowrap;
  margin-top: 10px;
}

.profile_page .flex .left .nft .proj {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.profile_page .flex .left .nft .proj .lists3 {
  -webkit-box-align: unset;
      -ms-flex-align: unset;
          align-items: unset;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow: hidden;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  scrollbar-width: thin;
  scrollbar-color: #e1e1e1 transparent;
}

.profile_page .flex .left .nft .proj .lists3 .box {
  min-width: 169px;
}

.profile_page .flex .left .nft .proj .lists3 .box:not(:last-child) {
  margin-right: 10px;
}

.profile_page .flex .left .nft .proj .lists3 .box p {
  word-break: break-all;
}

.profile_page .flex .left .nft .proj .lists3::-webkit-scrollbar {
  width: 11px;
}

.profile_page .flex .left .nft .proj .lists3::-webkit-scrollbar-track {
  background: transparent;
}

.profile_page .flex .left .nft .proj .lists3:-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 6px;
  border: 3px solid transparent;
}

.profile_page .flex .left .nft .proj .lists3::-webkit-scrollbar, .profile_page .flex .left .nft .proj .lists3::-webkit-scrollbar-thumb {
  height: 26px;
  border-radius: 13px;
  background-clip: padding-box;
  border: 10px solid transparent;
}

.profile_page .flex .left .nft .proj .lists3::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 0 10px #1967D2;
          box-shadow: inset 0 0 0 10px #1967D2;
}

p.error_msg {
  color: red;
  margin-top: 5px;
}

/*skill editor*/
.profile_page .flex .right .skills ul.tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 10px;
  border-radius: 8px;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  margin-bottom: 10px;
}

.profile_page .flex .right .skills ul.tags.edit {
  background: #c5d5eb;
}

.profile_page .flex .right .skills ul.tags.edit li.taglist {
  display: block;
}

.profile_page .flex .right .skills ul.tags.edit li .tagRemove {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.profile_page .flex .right .skills ul.tags li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.profile_page .flex .right .skills ul.tags li.taglist {
  display: none;
}

.profile_page .flex .right .skills ul.tags li #search-field {
  border: none;
}

.profile_page .flex .right .skills ul.tags li .tagRemove {
  width: 20px;
  height: 20px;
  display: none;
  background: blue;
  color: #fff;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100%;
  font: 20px/24px SofiaPro-Medium;
  margin-left: 10px;
  cursor: pointer;
}

.profile_page .flex .right .skills #end-skill {
  padding: 5.5px 7px;
  height: 30px;
  width: 30px;
  position: relative;
  background: #1967D2;
  color: #fff;
  border: none;
  border-radius: 8px;
  margin-left: auto;
  display: none;
}

/*skill editor*/
/*post job btn*/
.apply_btn {
  width: 100%;
  margin-top: 15px;
  text-align: right;
}

.apply_btn .job_apply_btn {
  width: 100%;
  max-width: 120px;
  font: 15px/24px SofiaPro;
  color: #fff;
  background: #1967D2;
  padding: 11px 15px;
  border: 2px solid #1967D2;
  border-radius: 8px;
}

.apply_btn .job_apply_btn:hover {
  background: #fff;
  color: #1967D2;
  -webkit-animation: blues 2s infinite;
          animation: blues 2s infinite;
}

/*post job btn*/
/*edit*/
/*New changes 19/07/2022*/
button#profile_end-editing, button#salary_end-editing, button#language_end-editing, button#education_level_end-editing, button#socialmedia_end-editing {
  padding: 5.5px 7px;
  width: 30px;
  height: 30px;
  position: relative;
  background: #1967D2;
  color: #fff;
  border: none;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.profile_checkmark, .salary_checkmark, .language_checkmark, .education_level_checkmark, .project_checkmark, .git_checkmark, .nft_checkmark, .edu_checkmark, .exp_checkmark, .socialmedia_checkmark {
  display: block;
}

.profile_checkmark::after, .salary_checkmark::after, .language_checkmark::after, .education_level_checkmark::after, .project_checkmark::after, .git_checkmark::after, .nft_checkmark::after, .edu_checkmark::after, .exp_checkmark::after, .socialmedia_checkmark::after {
  opacity: 1;
  height: 15px;
  width: 8px;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  border-right: 3px solid #ffffff;
  border-top: 3px solid #ffffff;
  content: "";
  left: 7px;
  top: 50%;
  position: absolute;
}

.profile_checkmark.draw::after, .salary_checkmark.draw::after, .language_checkmark.draw::after, .education_level_checkmark.draw::after, .project_checkmark.draw::after, .git_checkmark.draw::after, .nft_checkmark.draw::after, .edu_checkmark.draw::after, .exp_checkmark.draw::after, .socialmedia_checkmark.draw::after {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-name: checkmark;
  animation-name: checkmark;
  -webkit-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
}

.ft_content .ft_bottom ul li {
  display: inline-block;
}

.ft_content .ft_bottom ul li:not(:last-child) {
  margin-right: 15px;
}

.profile_page._edit .flex .right .social .txt {
  padding: 0;
  position: relative;
}

.profile_page._edit .flex .right .social .txt input {
  display: none;
}

.profile_page._edit .flex .right .social .txt input.editable {
  display: block;
  padding: 7px 15px;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
}

.profile_page._edit .flex .right .social .txt input.editable:not(:last-child) {
  margin-bottom: 10px;
}

.profile_page._edit .flex .right .social .txt .edit {
  position: absolute;
  right: 0;
  top: 0;
}

/*New changes 19/07/2022*/
/*Responsive*/
@media screen and (max-width: 1800px) {
  .head_container {
    padding: 0 10px;
  }
}

@media screen and (max-width: 1600px) {
  .ban_container {
    padding: 0 10px;
  }
}

@media screen and (max-width: 1320px) {
  .container,
  .pro_container {
    padding: 0 10px;
  }
  .header_content .menu_content .flex .button_list .flex .log_btn {
    width: 160px;
  }
  .header_content .menu_content .flex .menu ul li:not(:last-child) {
    margin-right: 30px;
  }
  .header_content .menu_content .flex .button_list {
    max-width: 650px;
  }
}

@media screen and (max-width: 1290px) {
  .container {
    padding: 0 10px;
  }
  .header_content .menu_content {
    padding-left: 15px;
  }
  .banner .ban_content {
    padding: 100px 60px;
  }
  .popular_jobs .body {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .popular_jobs .body .box {
    width: 22.729%;
  }
  .popular_jobs .body .box:not(:nth-child(4)) {
    margin-right: 3%;
  }
  .why_kelsa .box {
    padding: 50px 60px;
  }
  .tech ul li img {
    min-width: auto;
    width: 90%;
  }
  .profile_page .flex .left .edu .blk .cont .rtl ul li {
    margin-right: 35px;
  }
  .profile_page .flex .left .project .more,
  .profile_page .flex .left .git .more {
    right: -75px;
  }
  .profile_page .flex .left .exp .blk .cont .rtl ul li.green {
    margin: 0;
  }
  /*edit profile page*/
  .profile_page._edit .flex .left .edu .blk .cont .rtl ul li {
    margin-right: 5px;
  }
  .edit ul li:not(:last-child) {
    margin-right: 0px;
  }
  .profile_page._edit .flex .left .exp .blk .cont .lft {
    max-width: 250px;
  }
  .profile_page._edit .flex .left .exp .blk .cont .rtl ul li {
    margin-right: 20px;
  }
  .profile_page._edit .flex .left .exp .blk .cont {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .profile_page._edit .flex .right .details {
    padding: 40px 25px;
  }
  .profile_page._edit .flex .right .social,
  .profile_page._edit .flex .right .skills,
  .profile_page._edit .flex .right .intro {
    padding: 25px;
  }
  .profile_page._edit .flex .right .skills .add_btn {
    top: 15px;
  }
  /*edit profile page*/
}

@media screen and (max-width: 1100px) {
  .overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    overflow-x: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .overlay-content {
    width: 0;
    padding: 35px 20px 20px;
    float: none;
    text-align: left;
    height: 100%;
    background: #fff;
    overflow: auto;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    opacity: 0;
    visibility: hidden;
    display: block;
  }
  span.icontab {
    display: block;
    border-radius: 10px;
    color: #fff;
    width: 46px;
    margin-left: auto;
    background: #1967D2;
    text-align: center;
    padding: 9px 10px;
  }
  .mystyle {
    width: 101%;
    opacity: 1;
    left: -1px;
  }
  .overlay.mystyle {
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    overflow-x: hidden;
    visibility: visible;
  }
  a.closebtn {
    display: block;
    position: absolute;
    font-size: 35px;
    left: 230px;
    color: #000;
    z-index: 1031;
    top: -10px;
  }
  .noscroll {
    overflow: hidden;
  }
  body.noscroll::before {
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
  }
  .overlay.mystyle .overlay-content {
    width: 285px;
    position: fixed;
    opacity: 1;
    visibility: visible;
    text-align: left;
    padding: 55px 25px;
  }
  .header_content {
    padding: 20px 0;
  }
  .overlay-content .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .menu {
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e1e1e1;
  }
  .header_content .menu_content .flex .button_list {
    max-width: 100%;
  }
  .button_list a {
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
  }
  .header_content .menu_content .flex .button_list .flex .log_btn,
  .header_content .menu_content .flex .button_list .flex .job_btn {
    width: 100%;
    max-width: 100%;
  }
  .header_content .menu_content .flex .menu ul li:not(:last-child) {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .header_content .menu_content .flex .menu ul li {
    display: block;
  }
  .banner .ban_content h1 {
    font-size: 45px;
    line-height: 50px;
  }
  /*landing page*/
  .why_kelsa .box {
    padding: 50px 45px;
  }
  .tech ul li img {
    max-width: 160px;
    min-width: 160px;
  }
  .jobs_list .body {
    padding: 80px 0;
  }
  .landing_page .header_content .menu_content .flex .button_list .flex .job_btn {
    max-width: 140px;
  }
  .technology .techs {
    padding: 50px 50px;
  }
  /*landing page*/
  /*profile page*/
  .profile_page .flex .left {
    padding-right: 50px;
  }
  .profile_page .flex .right .details .conf,
  .profile_page .flex .right .intro .conf {
    right: 15px;
    top: 15px;
  }
  /*profile page*/
  /*edit profile page*/
  .profile_page._edit .flex .right .social .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .profile_page._edit .flex .right .social .txt {
    width: 100%;
    margin-bottom: 15px;
  }
  .profile_page._edit .right .details .blk {
    margin-bottom: 50px;
  }
  .profile_page._edit .flex .right .details .blk .txt .edit {
    top: unset;
    -webkit-transform: unset;
            transform: unset;
    bottom: -40px;
  }
  .header_content .menu_content .flex .menu ul li a {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header_content .menu_content .flex .menu ul li a .micon {
    display: inline-block;
    margin: 0px 10px 0px 0px;
  }
  /*edit profile page*/
}

@media screen and (max-width: 1024px) {
  .brand {
    padding: 50px 0;
  }
  .popular_jobs {
    padding-top: 30px;
  }
  .popular_jobs .body {
    -webkit-box-align: inherit;
        -ms-flex-align: inherit;
            align-items: inherit;
  }
  .banner .ban_content {
    padding: 85px 40px;
  }
  .banner .ban_content h1 {
    font-size: 40px;
  }
  .popular_jobs .body .box {
    padding: 40px 25px;
  }
  .jobs_list .head .nav li {
    max-width: 249px;
  }
  .jobs_list .body .tab-content .tab-pane .text h2 {
    font-size: 30px;
    margin-bottom: 35px;
  }
  .jobs_list .body .tab-content .tab-pane:nth-child(2) .text {
    padding-left: 60px;
  }
  .ft_content .ft_top {
    padding: 120px 0;
  }
  /*landing page*/
  .tech ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .tech ul li {
    margin: 0 60px 30px;
  }
  .landing_page .jobs_list._two .body .tab-content .tab-pane .img {
    padding-left: 25px;
  }
  .why_kelsa .box .head h1 {
    padding-left: 0;
    font-size: 35px;
    line-height: 35px;
  }
  .why_kelsa .body {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .why_kelsa .box {
    padding: 40px 10px;
  }
  .why_kelsa .box .body .blk {
    width: 31%;
  }
  .why_kelsa {
    padding-bottom: 70px;
  }
  .landing_page .jobs_list .head h2 {
    font-size: 35px;
    line-height: 35px;
  }
  .jobs_list .body {
    padding: 60px 0;
  }
  .jobs_list .body .tab-content .tab-pane .text p {
    max-width: 85%;
  }
  /*landing page*/
  /*Profile page*/
  .header_content.profile .prifle_dtl {
    padding-left: 10px;
  }
  .header_content.profile .prifle_dtl .dlt .flex .prfle {
    margin-left: 25px;
  }
  .header_content.profile .prifle_dtl .dlt .flex .prfle .img span {
    width: 35px;
    height: 35px;
  }
  .header_content.profile .prifle_dtl .dlt .flex .prfle .text h5 {
    padding: 0 25px 0 10px;
  }
  .header_content.profile .prifle_dtl .dlt .flex .list ul li:not(:last-child) {
    margin-right: 30px;
  }
  .header_content.profile .prifle_dtl .search .s_frm input {
    background-position: left 15px center;
    padding: 10px 15px 10px 50px;
  }
  .header_content.profile .prifle_dtl .search {
    max-width: 230px;
  }
  .profile_page {
    padding: 80px 0;
  }
  .profile_page .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .profile_page .flex .right {
    width: 100%;
    margin-bottom: 50px;
  }
  .profile_page .flex .right .details,
  .profile_page .flex .right .social,
  .profile_page .flex .right .skills {
    margin-bottom: 30px;
  }
  .profile_page .flex .left {
    padding-right: 0;
    width: 100%;
  }
  .profile_page .flex .right .intro .img img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .profile_page .flex .left .project .more,
  .profile_page .flex .left .git .more {
    right: 0;
  }
  /*Profile page*/
  /*edit profile page*/
  .profile_page._edit .flex .right .details .blk .txt .edit {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    bottom: unset;
  }
  /*edit profile page*/
}

@media screen and (max-width: 767px) {
  .header_content {
    padding: 15px 0;
  }
  .banner .ban_content {
    padding: 40px 35px;
  }
  .banner .ban_content h1 {
    font-size: 35px;
    line-height: 45px;
  }
  .banner .ban_content .box .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .banner .ban_content .box .ban_frm:not(:last-child) {
    padding-right: 0;
    margin-bottom: 25px;
  }
  .banner .ban_content .box .ban_frm:first-child {
    border-right: none;
    width: 100%;
  }
  .banner .ban_content .box .ban_frm:nth-child(2) {
    width: 100%;
  }
  .banner .ban_content .box {
    background: rgba(255, 255, 255, 0.8);
  }
  .popular_jobs .head {
    text-align: center;
  }
  .popular_jobs .head .all_btn {
    margin-bottom: -35px;
  }
  .popular_jobs .body .box:not(:nth-child(4)) {
    margin-right: 0;
  }
  .popular_jobs .body .box {
    width: 30%;
  }
  .popular_jobs .body .box:not(:nth-child(3n)) {
    margin-right: 3%;
  }
  .jobs_list .head .nav li {
    max-width: 220px;
  }
  .jobs_list .head .nav li a span {
    padding: 20px 20px 20px 35px;
  }
  .jobs_list .head .nav li:nth-child(2) a span,
  .jobs_list .head .nav li:nth-child(3) a span,
  .jobs_list .head .nav li:first-child a span {
    background-size: 23px !important;
  }
  .popular_jobs {
    padding-bottom: 35px;
  }
  .jobs_list .body {
    padding: 70px 0;
  }
  .jobs_list .body .tab-content .tab-pane .flex {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .jobs_list .body .tab-content .tab-pane .img {
    width: 65%;
    margin-bottom: 35px;
  }
  .jobs_list .body .tab-content .tab-pane .text {
    width: 100%;
    max-width: 370px;
    margin: auto;
  }
  .jobs_list .body .tab-content .tab-pane .text h2 span {
    display: inline;
  }
  .jobs_list .body .tab-content .tab-pane .text h2 {
    margin-bottom: 25px;
    text-align: center;
  }
  .jobs_list .body .tab-content .tab-pane .text .more_btn {
    margin: 30px auto 0;
  }
  .jobs_list .body .tab-content .tab-pane:nth-child(2) .text {
    padding-left: 0;
  }
  .ft_content .ft_bottom {
    padding: 25px 0;
    text-align: center;
  }
  .ft_content .ft_top h1 {
    font-size: 35px;
    line-height: 35px;
  }
  .ft_content .ft_top {
    padding: 85px 25px;
  }
  .jobs_list .body .tab-content .tab-pane .text p {
    max-width: 100%;
  }
  /*landing page*/
  .why_kelsa .box .head h1 {
    font-size: 30px;
    line-height: 30px;
    text-align: center;
  }
  .why_kelsa .body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .why_kelsa .box .body .blk {
    width: 100%;
  }
  .why_kelsa .box .body .blk:not(:last-child) {
    margin-bottom: 25px;
  }
  .popular_jobs .head .all_btn {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: auto;
    max-width: 100px;
  }
  .technology .head h2 {
    font-size: 30px;
    line-height: 30px;
    text-align: center;
  }
  /*landing page*/
  /*Profile page*/
  .profile_page .flex .left .top_profile .img {
    width: 80px;
  }
  .profile_page .flex .left .top_profile .img span {
    height: 80px;
  }
  .profile_page .flex .left .top_profile .txts {
    width: calc(100% - 80px);
  }
  .header_content.profile .prifle_dtl .dlt .flex .prfle .text {
    display: none;
  }
  .profile_page .flex .left .project .more,
  .profile_page .flex .left .git .more {
    right: 0;
    top: -15px;
  }
  .header_content.profile .prifle_dtl .search span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .header_content.profile .prifle_dtl .search .s_frm {
    width: 100%;
    position: absolute;
    right: 0;
    top: 35px;
    display: none;
  }
  .header_content.profile .prifle_dtl .dlt .flex .prfle {
    margin-left: 35px;
  }
  .header_content.profile .prifle_dtl {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .header_content.profile .prifle_dtl .search {
    margin-right: 35px;
  }
  .header_content.profile {
    padding: 15px 0;
  }
  .profile_page {
    padding: 60px 0;
  }
  .profile_page .flex .right .details .blk:last-child {
    margin-bottom: 0;
  }
  /*Profile page*/
  /*edit profile page*/
  .profile_page._edit .flex .left .edu .add_btn,
  .profile_page._edit .flex .left .exp .add_btn,
  .profile_page._edit .flex .left .project .add_btn,
  .profile_page._edit .flex .left .git .add_btn,
  .profile_page._edit .flex .left .nft .add_btn {
    right: 60px;
  }
  .profile_page._edit .right .details .blk {
    margin-bottom: 25px;
  }
  /*edit profile page*/
}

@media screen and (max-width: 660px) {
  .banner .ban_content .box .ban_frm .find_btn {
    padding: 15px 0;
  }
  .jobs_list .head .nav li:last-child {
    max-width: 130px;
  }
  .jobs_list .head .nav li:first-child {
    max-width: 110px;
  }
  .jobs_list .head .nav li:nth-child(2) {
    max-width: 218px;
  }
  .header_content.profile .prifle_dtl .search {
    max-width: 155px;
  }
  /*profile page*/
  .header_content.profile .prifle_dtl .search .s_frm input {
    width: 180px;
  }
  .profile_page .flex .left .top_profile .txts .d_bt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .profile_page .flex .left .top_profile .txts .d_bt .coins {
    margin-bottom: 15px;
  }
  .profile_page .flex .left .edu .blk .cont .rtl ul li.green {
    margin-right: 0;
  }
  .profile_page .flex .left .edu .blk .cont .rtl ul li.blue,
  .profile_page .flex .left .exp .blk .cont .rtl ul li.blue {
    margin-bottom: 10px;
  }
  .profile_page .flex .left .top_profile .img {
    width: 65px;
  }
  .profile_page .flex .left .top_profile .img span {
    height: 65px;
  }
  .profile_page .flex .left .top_profile .txts {
    width: calc(100% - 65px);
  }
  .profile_page .flex .left .top_profile .txts h3 {
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 10px;
  }
  .profile_page .flex .left .top_profile {
    margin-bottom: 30px;
  }
  .profile_page .flex .left .nft .proj .box:first-child {
    width: 25.282%;
  }
  /*profile page*/
  /*Edit profile page*/
  .edit ul li:not(:last-child) {
    margin-bottom: 5px;
  }
  /*Edit profile page*/
}

@media screen and (max-width: 560px) {
  .ft_content .ft_bottom .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .ft_content .ft_bottom {
    padding: 15px 0;
  }
  .landing_page .ft_content .ft_bottom .flex a {
    margin-top: 10px;
  }
  .up_button a {
    right: 10px;
    bottom: 20px;
  }
  .popular_jobs .body .box {
    padding: 30px 25px;
  }
  .brand .brand_slider .item img {
    max-width: 125px;
  }
  .tech ul li {
    margin: 0 30px 25px 30px;
  }
  /*profile page*/
  .header_content.profile .prifle_dtl .search {
    max-width: 80px;
  }
  .profile_page {
    padding: 30px 0 50px;
  }
  .profile_page .flex .left .top_profile .txts .dlts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .profile_page .flex .left .git .proj,
  .profile_page .flex .left .nft .proj {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .profile_page .flex .left .git .proj .box {
    width: 35.75%;
    margin-bottom: 15px;
  }
  .profile_page .flex .left .git .proj .box:nth-child(2) {
    width: 30.59%;
  }
  .profile_page .flex .left .git .proj .box:nth-child(3) {
    width: 26.418%;
  }
  .profile_page .flex .left .nft .proj .box {
    margin-bottom: 15px;
  }
  .profile_page .flex .left .nft .proj .box:first-child {
    width: 35.282%;
  }
  .profile_page .flex .left .nft .proj .box {
    width: 28.662%;
  }
  .profile_page .flex .left .nft .proj .box:nth-child(2) {
    width: 30.944%;
  }
  /*profile page*/
}

@media screen and (max-width: 480px) {
  span.icontab {
    width: 40px;
    padding: 5px;
    border-radius: 5px;
  }
  .banner .ban_content {
    padding: 30px 25px;
  }
  .banner .ban_content h1 {
    font-size: 26px;
    line-height: 30px;
    text-align: center;
  }
  .banner .ban_content .box .ban_frm:first-child input {
    padding-right: 32px;
    background-position: right 0 center;
  }
  .brand {
    padding: 30px 0;
  }
  .popular_jobs .head h2 {
    font-size: 26px;
  }
  .popular_jobs .body .box {
    width: 100%;
    margin: 0 auto 25px !important;
    max-width: 190px;
  }
  .popular_jobs .head {
    margin-bottom: 65px;
  }
  .jobs_list .head .nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .jobs_list .head .nav li {
    max-width: 100% !important;
  }
  .jobs_list .head {
    border: none;
  }
  .jobs_list .head .nav li {
    max-width: 80% !important;
    margin: 0 auto 15px;
  }
  .jobs_list .head .nav li a span {
    padding: 10px 20px 10px 35px;
  }
  .jobs_list .head .nav li a {
    border: 1px solid #e1e1e1;
  }
  .jobs_list .head .nav li a:hover,
  .jobs_list .head .nav li a.active {
    border-color: #1967D2;
  }
  .jobs_list .body .tab-content .tab-pane .text h2 {
    font-size: 26px;
    line-height: 30px;
  }
  .jobs_list .body .tab-content .tab-pane .text ul li {
    background-position: left top 17px;
  }
  .ft_content .ft_top h1 {
    font-size: 26px;
    line-height: 30px;
  }
  .ft_content .ft_top .ft_frm .sub_btn {
    padding: 13px 0;
  }
  .ft_content .ft_top .ft_frm input[type="email"] {
    padding: 20px 140px 20px 20px;
  }
  .ft_content .ft_top {
    padding: 50px 25px;
  }
  /*landing page*/
  .popular_jobs .body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .tech ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .jobs_list .body {
    padding: 40px 0;
  }
  .landing_page .jobs_list .head h2 {
    font-size: 30px;
    line-height: 30px;
  }
  div#mc_embed_signup input#mc-embedded-subscribe {
    max-width: 100%;
    position: relative;
    margin-top: 10px;
    width: 100%;
    top: unset;
    -webkit-transform: unset;
            transform: unset;
  }
  #mc_embed_signup .foot {
    display: block !important;
    margin: 0 !important;
    width: 100% !important;
  }
  .modal-content .modal-body {
    padding: 0;
    margin-top: 20px;
  }
  /*landing page*/
  /*profile page*/
  .header_content.profile .prifle_dtl .dlt .flex .prfle {
    margin-left: 10px;
  }
  .header_content.profile .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .header_content.profile .prifle_dtl {
    width: 100%;
    padding: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .header_content.profile .prifle_dtl .search {
    max-width: 40px;
    margin-right: 25px;
  }
  .header_content.profile .prifle_dtl .dlt .flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .header_content.profile .prifle_dtl {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 15px;
  }
  .header_content.profile .prifle_dtl .dlt .flex .prfle {
    margin-left: 25px;
  }
  .header_content.profile .prifle_dtl .search .s_frm {
    top: 45px;
  }
  .profile_page .flex .left .top_profile .img {
    width: 50px;
  }
  .profile_page .flex .left .top_profile .img span {
    height: 50px;
  }
  .profile_page .flex .left .top_profile .txts {
    width: calc(100% - 50px);
  }
  .profile_page .flex .left .top_profile .txts .d_bt ul li:last-child {
    margin-top: 10px;
  }
  .profile_page .flex .left .edu .blk .cont .rtl ul li,
  .profile_page .flex .left .exp .blk .cont .rtl ul li {
    margin-right: 0;
  }
  .profile_page .flex .left .project .proj .box {
    width: 100%;
    max-width: 300px;
    margin: auto;
  }
  .profile_page .flex .left .project .proj .box:not(:last-child) {
    margin-bottom: 10px;
  }
  .profile_page .flex .left .project .proj .box:last-child,
  .profile_page .flex .left .git .proj .box,
  .profile_page .flex .left .git .proj .box:nth-child(2),
  .profile_page .flex .left .git .proj .box:nth-child(3) {
    width: 100%;
    max-width: 300px;
    margin: 0 auto 15px;
  }
  .profile_page .flex .left .git {
    margin-bottom: 30px;
  }
  .profile_page .flex .left .project h4,
  .profile_page .flex .left .git h4,
  .profile_page .flex .left .nft h4 {
    text-align: center;
  }
  .profile_page .flex .left .nft .proj .box:first-child,
  .profile_page .flex .left .nft .proj .box:nth-child(2),
  .profile_page .flex .left .nft .proj .box {
    width: 100%;
    max-width: 300px;
    margin: 0 auto 15px;
  }
  .header_content.profile {
    padding: 10px 0;
  }
  .profile_page .flex .right .tog_blk {
    padding: 20px 25px 25px;
  }
  .profile_page .flex .right .details {
    padding: 45px 30px;
  }
  .profile_page .flex .right .skills {
    padding: 30px;
  }
  /*profile page*/
}

@media screen and (max-width: 380px) {
  .profile_page._edit .flex .right .details {
    padding: 40px 15px;
  }
  .profile_page._edit .flex .left .edu .add_btn,
  .profile_page._edit .flex .left .exp .add_btn,
  .profile_page._edit .flex .left .project .add_btn,
  .profile_page._edit .flex .left .git .add_btn,
  .profile_page._edit .flex .left .nft .add_btn {
    right: 0;
  }
  .profile_page .flex .left .project h4,
  .profile_page .flex .left .git h4,
  .profile_page .flex .left .nft h4 {
    text-align: left;
  }
  .profile_page._edit .flex .left .project .add_btn,
  .profile_page._edit .flex .left .git .add_btn {
    right: 60px;
  }
}

/*Responsive*/
/*--- Fonts ---*/
@font-face {
  font-family: "SofiaPro";
  src: url("../fonts/SofiaPro.eot");
  src: url("../fonts/SofiaPro.eot?iefix") format("embedded-opentype"), url("../fonts/SofiaPro.woff") format("woff"), url("../fonts/SofiaPro.ttf") format("truetype"), url("../fonts/SofiaPro.svgSofiaPro") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SofiaPro-Bold";
  src: url("../fonts/SofiaPro-Bold.eot");
  src: url("../fonts/SofiaPro-Bold.eot?iefix") format("embedded-opentype"), url("../fonts/SofiaPro-Bold.woff") format("woff"), url("../fonts/SofiaPro-Bold.ttf") format("truetype"), url("../fonts/SofiaPro-Bold.svgSofiaPro-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SofiaPro-Light";
  src: url("../fonts/SofiaPro-Light.eot");
  src: url("../fonts/SofiaPro-Light.eot?iefix") format("embedded-opentype"), url("../fonts/SofiaPro-Light.woff") format("woff"), url("../fonts/SofiaPro-Light.ttf") format("truetype"), url("../fonts/SofiaPro-Light.svgSofiaPro-Light") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SofiaPro-Medium";
  src: url("../fonts/SofiaPro-Medium.eot");
  src: url("../fonts/SofiaPro-Medium.eot?iefix") format("embedded-opentype"), url("../fonts/SofiaPro-Medium.woff") format("woff"), url("../fonts/SofiaPro-Medium.ttf") format("truetype"), url("../fonts/SofiaPro-Medium.svgSofiaPro-Medium") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SofiaPro-SemiBold";
  src: url("../fonts/SofiaPro-SemiBold.eot");
  src: url("../fonts/SofiaPro-SemiBold.eot?iefix") format("embedded-opentype"), url("../fonts/SofiaPro-SemiBold.woff") format("woff"), url("../fonts/SofiaPro-SemiBold.ttf") format("truetype"), url("../fonts/SofiaPro-SemiBold.svgSofiaPro-SemiBold") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*mixins*/
/*mixins*/
@keyframes blues {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(25, 103, 210, 0.6);
            box-shadow: 0 0 0 0 rgba(25, 103, 210, 0.6);
  }
  70% {
    -webkit-box-shadow: 0 0 0 15px rgba(25, 103, 210, 0);
            box-shadow: 0 0 0 15px rgba(25, 103, 210, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(25, 103, 210, 0);
            box-shadow: 0 0 0 0 rgba(25, 103, 210, 0);
  }
}

/* CSS Document */
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
ul,
ol,
li,
dl,
dt,
dd,
form {
  padding: 0;
  margin: 0;
}

html,
body {
  padding: 0;
  margin: 0;
  height: auto;
  font-family: SofiaPro;
}

html {
  scroll-behavior: smooth;
}

input {
  outline: none;
}

textarea {
  border: none;
  outline: none;
  overflow: auto;
  resize: none;
}

select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

select::-ms-expand {
  display: none;
}

input.button {
  border: none;
  outline: none;
}

input::-webkit-input-placeholder {
  opacity: 1;
}

input::-moz-placeholder {
  opacity: 1;
}

input:-ms-input-placeholder {
  opacity: 1;
}

input:-moz-placeholder {
  opacity: 1;
}

input[type=checkbox] {
  border: none;
  outline: none;
}

img {
  outline: none;
  border: none;
  max-width: 100%;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

li {
  list-style: none;
}

a,
a:active,
a:hover {
  text-decoration: none;
  outline: none !important;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
}

a:focus {
  outline: none;
  text-decoration: none;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

button,
a,
input[type="submit"] {
  -webkit-transition: all .5s ease-out, all 0.5s ease-in;
  transition: all .5s ease-out, all 0.5s ease-in;
}

:not(output):-moz-ui-invalid {
  box-shadow: inset;
}

a:hover,
a,
a:focus {
  color: inherit;
}

a,
a:hover,
a:focus,
button,
button:hover,
button:focus {
  outline: none;
}

div:focus {
  outline: none;
}

.ksbadge {
  font: 14px/24px SofiaPro;
  padding: 0.5px 20px;
  border-radius: 30px;
}

.blue {
  color: #1967D2;
  background: #dde8f8;
}

.green {
  color: #34a853;
  background: rgba(52, 168, 83, 0.15);
}

.yellow {
  color: #F9AB00;
  background: rgba(249, 171, 0, 0.15);
}

/*--- general mixins ---*/
/*--- general mixins ---*/
[class*='col'] {
  padding: 0;
  margin: 0;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

._fl {
  float: left;
}

._fr {
  float: right;
}

.container {
  max-width: 1320px;
  width: 100%;
  padding: 0;
  margin: auto;
}

.container::before, .container::after {
  content: "";
  display: table;
}

.container::after {
  clear: both;
}

.ban_container {
  max-width: 1500px;
  width: 100%;
  padding: 0;
  margin: auto;
}

.ban_container::before, .ban_container::after {
  content: "";
  display: table;
}

.ban_container::after {
  clear: both;
}

/*Header*/
.header_content {
  width: 100%;
  padding: 30px 0;
  z-index: 1;
  position: relative;
}

.header_content .logo {
  width: 155px;
}

.header_content .logo img {
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  width: auto;
}

.header_content .menu_content {
  width: calc(100% - 155px);
  padding-left: 25px;
}

.header_content .menu_content .flex .menu ul li {
  display: inline-block;
  font: 15px/20px SofiaPro;
  color: #202124;
}

.header_content .menu_content .flex .menu ul li:not(:last-child) {
  margin-right: 40px;
}

.header_content .menu_content .flex .menu ul li a {
  display: block;
  color: #202124;
  position: relative;
}

.header_content .menu_content .flex .menu ul li a:hover {
  color: #1967D2;
}

.header_content .menu_content .flex .button_list {
  width: 100%;
}

.header_content .menu_content .flex .button_list .flex .job_btn {
  width: 100%;
  max-width: 160px;
  font: 15px/20px SofiaPro;
  color: #fff;
  background: #1967D2;
  border: 2px solid #1967D2;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5px 0;
  height: 52px;
}

.header_content .menu_content .flex .button_list .flex .job_btn:hover {
  background: #fff;
  color: #1967D2;
  -webkit-animation: blues 2s infinite;
          animation: blues 2s infinite;
}

.header_content .menu_content .flex .button_list .flex .job_btn img {
  width: 36px;
  height: 36px;
}

.header_content .menu_content .flex .button_list .flex .log_btn {
  width: 100%;
  max-width: 180px;
  font: 15px/20px SofiaPro;
  color: #1967D2;
  background: #eff3fc;
  border: 1px solid #eff3fc;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 14px 0;
}

.header_content .menu_content .flex .button_list .flex .log_btn:hover {
  color: #fff;
  background: #1967D2;
  border-color: #1967D2;
  -webkit-animation: blues 2s infinite;
          animation: blues 2s infinite;
}

.header_content .menu_content .flex .button_list .flex .metalmask_btn {
  width: 100%;
  max-width: 205px;
  font: 15px/20px SofiaPro;
  color: #fff;
  background: url(../images/MetaMask_Fox.svg.png) no-repeat left 10px center #1967D2;
  background-size: 20px;
  border: 1px solid #eff3fc;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 15px 10px 15px 40px;
}

.header_content .menu_content .flex .button_list .flex .metalmask_btn:hover {
  color: #1967D2;
  background: url(../images/MetaMask_Fox.svg.png) no-repeat left 10px center #fff;
  background-size: 20px;
  border-color: #1967D2;
  -webkit-animation: blues 2s infinite;
          animation: blues 2s infinite;
}

.header_content .menu_content .flex .button_list .flex .cv_btn {
  font: 15px/20px SofiaPro;
  color: #1967D2;
  display: inline-block;
  position: relative;
}

.header_content .menu_content .flex .button_list .flex .cv_btn::after {
  content: "";
  display: block;
  width: 0%;
  height: 3px;
  border-radius: 10px;
  background: #1967D2;
  position: absolute;
  left: 50%;
  bottom: -8px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
}

.header_content .menu_content .flex .button_list .flex .cv_btn:hover::after {
  width: 30%;
}

/*Header*/
/*Main*/
.banner {
  width: 100%;
  padding: 10px 0;
}

.banner .ban_content {
  width: 100%;
  background: url(../images/banner_bg.png) no-repeat center;
  background-size: cover;
  padding: 120px 100px;
  border-radius: 30px;
}

.banner .ban_content h1 {
  font: 50px/68px SofiaPro-Bold;
  color: #2B3154;
  margin-bottom: 15px;
}

.banner .ban_content h1 span {
  display: block;
}

.banner .ban_content p {
  font: 15px/20px SofiaPro;
  color: #2B3154;
  margin-bottom: 35px;
}

.banner .ban_content .box {
  width: 100%;
  max-width: 740px;
  border: 1px solid #ECEDF2;
  border-radius: 10px;
  padding: 18px;
  background: #fff;
  -webkit-box-shadow: 0 2px 10px #ecedf2;
          box-shadow: 0 2px 10px #ecedf2;
  margin-bottom: 18px;
}

.banner .ban_content .box .ban_frm:first-child {
  border-right: 1px solid #ECEDF2;
  width: 44.585%;
}

.banner .ban_content .box .ban_frm:first-child input {
  width: 100%;
  border: none;
  font: 15px/20px SofiaPro;
  color: #404046;
  padding-right: 25px;
  background: url(../images/search_icon.png) no-repeat right 10px center;
  padding: 0 0px 10px;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

.banner .ban_content .box .ban_frm:first-child input:focus {
  border-bottom: 1px solid #e1e1e1;
  transform: translateY(-4px);
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -o-transform: translateY(-4px);
}

.banner .ban_content .box .ban_frm:nth-child(2) {
  width: 28%;
}

.banner .ban_content .box .ban_frm:nth-child(2) input {
  width: 100%;
  border: none;
  font: 15px/20px SofiaPro;
  color: #404046;
  padding-right: 25px;
  background: url(../images/loc_icon.png) no-repeat right 10px center;
  padding: 0 0 10px;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

.banner .ban_content .box .ban_frm:nth-child(2) input:focus {
  border-bottom: 1px solid #e1e1e1;
  transform: translateY(-4px);
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -o-transform: translateY(-4px);
}

.banner .ban_content .box .ban_frm:not(:last-child) {
  padding-right: 25px;
}

.banner .ban_content .box .ban_frm label {
  font: 16px/22px SofiaPro-Medium;
  color: #202124;
  width: 100%;
  display: block;
  margin-bottom: 7px;
}

.banner .ban_content .box .ban_frm .find_btn {
  width: 150px;
  font: 15px/20px SofiaPro;
  color: #fff;
  background: #1967D2;
  border: 2px solid #1967D2;
  padding: 18px 0;
  border-radius: 10px;
}

.banner .ban_content .box .ban_frm .find_btn:hover {
  background: #fff;
  color: #1967D2;
  -webkit-animation: blues 2s infinite;
          animation: blues 2s infinite;
}

.banner .ban_content ul li {
  font: 15px/20px SofiaPro;
  color: #2B3154;
}

.banner .ban_content ul li span {
  color: #2B3154;
  display: inline-block;
  padding-right: 18px;
}

.brand {
  width: 100%;
  padding: 30px 0;
}

.brand .slick-slider .item img {
  width: auto;
  margin: auto;
  opacity: 0.3;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
  max-width: 150px;
  min-height: 56px;
  max-height: 56px;
  -o-object-fit: contain;
     object-fit: contain;
}

.brand .slick-slider .item img:hover {
  opacity: 1;
}

.popular_jobs {
  width: 100%;
  padding: 100px 0 75px;
}

.popular_jobs .head {
  width: 100%;
  margin-bottom: 45px;
  position: relative;
}

.popular_jobs .head h2 {
  font: 30px/30px SofiaPro-Bold;
  color: #2B3154;
  margin-bottom: 15px;
}

.popular_jobs .head p {
  font: 15px/20px SofiaPro;
  color: #404046;
}

.popular_jobs .head .all_btn {
  position: absolute;
  right: 0;
  bottom: 0;
  font: 14px/24px SofiaPro;
  color: #1967D2;
  display: inline-block;
  padding-right: 18px;
}

.popular_jobs .head .all_btn::after {
  content: "";
  width: 12px;
  height: 12px;
  background: url(../images/right-arrow.png) no-repeat center;
  position: absolute;
  right: 0;
  top: 6px;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
}

.popular_jobs .head .all_btn:hover::after {
  -webkit-transform: translateX(4px);
          transform: translateX(4px);
}

.popular_jobs .body {
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.popular_jobs .body .box {
  width: 14.729%;
  margin-bottom: 28px;
  border: 1px solid #ECEDF2;
  border-radius: 10px;
  padding: 46.5px 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
}

.popular_jobs .body .box:hover {
  transform: translateY(-4px);
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -o-transform: translateY(-4px);
  -webkit-box-shadow: 0 5px 10px 0 #1967D2;
          box-shadow: 0 5px 10px 0 #1967D2;
  background: #1967D2;
}

.popular_jobs .body .box:hover .img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.popular_jobs .body .box:hover .txt h4 {
  color: #fff !important;
}

.popular_jobs .body .box:hover .txt p {
  color: #fff !important;
}

.popular_jobs .body .box .img {
  width: 70px;
  height: 50px;
  position: relative;
}

.popular_jobs .body .box .txt {
  margin-top: 23px;
}

.popular_jobs .body .box .txt h4 {
  font: 18px/24px SofiaPro-Medium;
  color: #202124;
  margin-bottom: 10px;
}

.popular_jobs .body .box .txt p {
  font: 14px/18px SofiaPro;
  color: #404046;
}

.up_button a {
  position: fixed;
  width: 40px;
  height: 40px;
  background: #dde8f8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  right: 20px;
  bottom: 80px;
  border-radius: 100%;
}

.up_button a img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
}

.up_button a img:last-child {
  opacity: 0;
  visibility: hidden;
}

.up_button a:hover {
  background: #1967D2;
  -webkit-animation: blues 2s infinite;
          animation: blues 2s infinite;
}

.up_button a:hover img:last-child {
  opacity: 1;
  visibility: visible;
}

.jobs_list {
  width: 100%;
}

.jobs_list .head {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #e1e1e1;
}

.jobs_list .head .nav {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: none;
}

.jobs_list .head .nav li {
  width: 100%;
  max-width: 295px;
}

.jobs_list .head .nav li a {
  font: 18px/18px SofiaPro-Medium;
  color: #202124;
  display: block;
  border: none;
  position: relative;
}

.jobs_list .head .nav li a span {
  padding: 30px 30px 30px 55px;
  position: relative;
  display: inline-block;
}

.jobs_list .head .nav li a::after {
  content: "";
  display: block;
  width: 0%;
  height: 2px;
  background: #1967D2;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
}

.jobs_list .head .nav li a:hover, .jobs_list .head .nav li a.active {
  color: #1967D2;
}

.jobs_list .head .nav li a:hover:after, .jobs_list .head .nav li a.active:after {
  width: 100%;
}

.jobs_list .head .nav li:first-child a span {
  background: url(../images/tab_icon1.png) no-repeat left center;
}

.jobs_list .head .nav li:first-child a:hover span, .jobs_list .head .nav li:first-child a.active span {
  background: url(../images/tab_icon1_hover.png) no-repeat left center;
}

.jobs_list .head .nav li:nth-child(2) a span {
  background: url(../images/tab_icon2.png) no-repeat left center;
}

.jobs_list .head .nav li:nth-child(2) a:hover span, .jobs_list .head .nav li:nth-child(2) a.active span {
  background: url(../images/tab_icon2_hover.png) no-repeat left center;
}

.jobs_list .head .nav li:nth-child(3) a span {
  background: url(../images/tab_icon3.png) no-repeat left center;
}

.jobs_list .head .nav li:nth-child(3) a:hover span, .jobs_list .head .nav li:nth-child(3) a.active span {
  background: url(../images/tab_icon3_hover.png) no-repeat left center;
}

.jobs_list .body {
  width: 100%;
  padding: 100px 0;
}

.jobs_list .body .tab-content .tab-pane:first-child .flex {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.jobs_list .body .tab-content .tab-pane:nth-child(2) .text {
  padding-left: 100px;
}

.jobs_list .body .tab-content .tab-pane:last-child .flex {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.jobs_list .body .tab-content .tab-pane .img {
  width: 50.616%;
}

.jobs_list .body .tab-content .tab-pane .text {
  width: 49.384%;
}

.jobs_list .body .tab-content .tab-pane .text h2 {
  font: 40px/40px SofiaPro-Bold;
  color: #2B3154;
  margin-bottom: 50px;
}

.jobs_list .body .tab-content .tab-pane .text h2 span {
  display: block;
}

.jobs_list .body .tab-content .tab-pane .text p {
  font: 14px/26px SofiaPro;
  color: #404046;
  max-width: 60%;
  margin-bottom: 10px;
}

.jobs_list .body .tab-content .tab-pane .text ul li {
  font: 15px/26px SofiaPro;
  color: #202124;
  padding-left: 25px;
  background: url(../images/tick.png) no-repeat left top 7px;
  background-size: 13px;
  max-width: 355px;
}

.jobs_list .body .tab-content .tab-pane .text ul li:not(:last-child) {
  margin-bottom: 20px;
}

.jobs_list .body .tab-content .tab-pane .text .more_btn {
  width: 100%;
  max-width: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font: 15px/15px SofiaPro;
  color: #1967D2;
  background: rgba(25, 103, 210, 0.1);
  border-radius: 10px;
  padding: 16.5px 0;
  margin-top: 45px;
  border: none;
}

.jobs_list .body .tab-content .tab-pane .text .more_btn:hover {
  background: #1967D2;
  color: #fff;
  -webkit-animation: blues 2s infinite;
          animation: blues 2s infinite;
}

.jobs_list .body .tab-content .tab-pane .text .fill_btn {
  width: 100%;
  max-width: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font: 15px/15px SofiaPro;
  color: #fff;
  background: #1967D2;
  border-radius: 10px;
  padding: 16.5px 0;
  margin-top: 45px;
  border: 1px solid #1967D2;
}

.jobs_list .body .tab-content .tab-pane .text .fill_btn:hover {
  background: #fff;
  color: #1967D2;
  -webkit-animation: blues 2s infinite;
          animation: blues 2s infinite;
}

.fill_btn {
  width: 100%;
  max-width: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font: 15px/15px SofiaPro;
  color: #fff;
  background: #1967D2;
  border-radius: 10px;
  padding: 16.5px 0;
  margin-top: 45px;
  border: 1px solid #1967D2;
}

.fill_btn:hover {
  background: #fff;
  color: #1967D2;
  -webkit-animation: blues 2s infinite;
          animation: blues 2s infinite;
}

/*Main*/
/*Footer*/
.ft_content {
  width: 100%;
}

.ft_content .ft_top {
  width: 100%;
  background: url(../images/ft_bg.png) no-repeat center;
  background-size: cover;
  text-align: center;
  margin-bottom: 60px;
  padding: 100px 0;
  border-radius: 30px;
}

.ft_content .ft_top div#mc_embed_signup .mc-field-group label {
  color: #fff;
  text-align: left;
}

.ft_content .ft_top h1 {
  font: 40px/40px SofiaPro-Bold;
  color: #fff;
  margin-bottom: 15px;
}

.ft_content .ft_top p {
  font: 15px/24px SofiaPro;
  color: #fff;
  margin-bottom: 30px;
}

.ft_content .ft_top .box {
  width: 100%;
  max-width: 450px;
  margin: auto;
  margin-top: 55px;
}

.ft_content .ft_top .box .bans_frm input {
  width: 100% !important;
  border: none !important;
  font: 15px/20px SofiaPro;
  color: #696969;
  padding: 10px 100px 10px 20px !important;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  height: 50px;
  margin-bottom: 15px;
  border-radius: 5px !important;
}

.ft_content .ft_top .box .bans_frm div#mc_embed_signup .foot {
  display: block !important;
  width: 100% !important;
}

.ft_content .ft_top .box .bans_frm div#mc_embed_signup .foot input#mc-embedded-subscribe {
  width: 100%;
  max-width: 100%;
  font: 15px/20px SofiaPro;
  color: #fff;
  background: #1967D2;
  border: 2px solid #1967D2;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 14px 0;
  margin: 0;
  height: 50px;
  position: relative;
  top: unset;
  -webkit-transform: unset;
          transform: unset;
  padding: 0 !important;
}

.ft_content .ft_bottom {
  width: 100%;
  padding: 43px 0;
  border-top: 1px solid #ECEDF2;
}

.ft_content .ft_bottom p {
  font: 14px/14px SofiaPro;
  color: #404046;
}

/*Footer*/
a.closebtn,
span.icontab {
  display: none;
}

/*Landing page*/
.landing_page .header_content .menu_content .button_list {
  margin-left: auto;
}

.landing_page .header_content .menu_content .button_list .job_btn {
  margin-left: auto;
}

.landing_page .banner .ban_content .box {
  max-width: 585px;
}

.landing_page .banner .ban_content .box .bans_frm {
  width: 100%;
  position: relative;
}

.landing_page .banner .ban_content .box .bans_frm input[type="email"] {
  width: 100%;
  border: none;
  font: 15px/20px SofiaPro;
  color: #696969;
  padding: 10px 100px 10px 20px;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

.landing_page .banner .ban_content .box .bans_frm .find_btn {
  width: 100%;
  max-width: 140px;
  font: 15px/20px SofiaPro;
  color: #fff;
  background: #1967D2;
  border: 2px solid #1967D2;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 14px 0;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.landing_page .banner .ban_content .box .bans_frm .find_btn:hover {
  background: #fff;
  color: #1967D2;
  -webkit-animation: blues 2s infinite;
          animation: blues 2s infinite;
}

.landing_page .ft_content .ft_bottom .flex a {
  font: 14px/14px SofiaPro;
  color: #404046;
}

.landing_page .ft_content .ft_bottom .flex a:hover {
  color: #1967D2;
}

.landing_page .jobs_list .head {
  border-bottom: none;
}

.landing_page .jobs_list .head h2 {
  font: 40px/40px SofiaPro-Bold;
  color: #1A3454;
}

.landing_page .jobs_list._two {
  background: url(../images/ft_bg.png) no-repeat center;
  background-size: cover;
}

.landing_page .jobs_list._two .head {
  padding-top: 50px;
}

.landing_page .jobs_list._two .head h2 {
  color: #fff;
}

.landing_page .jobs_list._two .body .tab-content .tab-pane .text h2 {
  color: #fff;
}

.landing_page .jobs_list._two .body .tab-content .tab-pane .text p {
  color: #fff;
}

.landing_page .jobs_list._two .body .tab-content .tab-pane .text .more_btn {
  background: #1967D2;
  color: #fff;
  border-color: #1967D2;
}

.landing_page .jobs_list._two .body .tab-content .tab-pane .text .more_btn:hover {
  background: #fff;
  color: #1967D2;
}

.landing_page .jobs_list._two .body .tab-content .tab-pane .img {
  text-align: center;
}

.landing_page .jobs_list._three .head {
  padding-top: 50px;
}

.tech ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.tech ul li img {
  max-width: 200px;
  min-width: 200px;
  opacity: 0.5;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
}

.tech ul li img:hover {
  opacity: 1;
}

.why_kelsa {
  width: 100%;
  padding-bottom: 100px;
}

.why_kelsa .box {
  width: 100%;
  background: rgba(206, 209, 234, 0.1);
  border: 1px solid rgba(206, 209, 234, 0.1);
  border-radius: 25px;
  padding: 50px 90px;
  -webkit-box-shadow: 0 5px 15px 0 #ececf5;
          box-shadow: 0 5px 15px 0 #ececf5;
}

.why_kelsa .box .head {
  width: 100%;
  margin-bottom: 45px;
}

.why_kelsa .box .head h1 {
  font: 40px/40px SofiaPro-Bold;
  color: #1A3454;
}

.why_kelsa .box .body .blk {
  width: 29%;
}

.why_kelsa .box .body .blk h5 {
  font: 18px/26px SofiaPro;
  color: #202124;
  margin-bottom: 25px;
}

.why_kelsa .box .body .blk ul li {
  font: 15px/26px SofiaPro;
  color: #404046;
  padding-left: 27px;
  background: url(../images/tick.png) no-repeat left top 10px;
  background-size: 15px;
}

.why_kelsa .box .body .blk ul li:not(:last-child) {
  margin-bottom: 15px;
}

div#mc_embed_signup {
  width: 100%;
  position: relative;
}

div#mc_embed_signup .mc-field-group {
  width: 100%;
  padding: 0;
  margin: 0;
}

div#mc_embed_signup .mc-field-group label {
  font: 16px/22px SofiaPro-Medium;
  color: #202124;
  width: 100%;
  display: block;
  margin-bottom: 7px;
}

div#mc_embed_signup input#mce-EMAIL {
  width: 100%;
  border: none;
  font: 15px/20px SofiaPro;
  color: #696969;
  padding: 10px 100px 10px 20px;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  height: 50px;
}

div#mc_embed_signup input#mc-embedded-subscribe {
  width: 100%;
  max-width: 140px;
  font: 15px/20px SofiaPro;
  color: #fff;
  background: #1967D2;
  border: 2px solid #1967D2;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 14px 0;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  margin: 0;
  height: 50px;
}

div#mc_embed_signup input#mc-embedded-subscribe:hover {
  background: #fff;
  color: #1967D2;
  -webkit-animation: blues 2s infinite;
          animation: blues 2s infinite;
}

.modal-content {
  padding: 35px;
  font: 14px/24px SofiaPro;
  border-radius: 8px;
  color: #696969;
}

.modal-content a {
  color: #404046;
  cursor: pointer;
}

.modal-content a:hover {
  color: #1967D2;
}

.modal-content .modal-header {
  border: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0rem 1rem;
}

.modal-content .modal-header h4 {
  font: 24px/24px SofiaPro-Medium;
  color: #202124;
  text-align: center;
  margin: auto auto 10px auto;
}

.modal-content .modal-header .btn-close {
  position: absolute;
  right: 20px;
  top: 20px;
}

.modal-content .modal-body {
  border-radius: 10px;
  margin-top: 20px;
}

.modal-content .modal-body .mblink a {
  color: #1967D2;
}

.modal-content .modal-body .mblink a:hover {
  color: #2B3154;
}

.modal-content .modal-body .mc-field-group input {
  -webkit-box-shadow: 0 0px 16px 0 #e0e0e0;
          box-shadow: 0 0px 16px 0 #e0e0e0;
  width: 100% !important;
  border: none !important;
  font: 15px/20px SofiaPro;
  color: #696969;
  padding: 10px 100px 10px 20px !important;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  height: 50px;
  margin-bottom: 15px;
  border-radius: 10px !important;
}

.modal-content .modal-body #mc_embed_signup .foot {
  display: block !important;
  width: 100% !important;
}

.modal-content .modal-body div#mc_embed_signup input#mc-embedded-subscribe {
  position: relative;
  max-width: 100%;
  top: 0;
  -webkit-transform: unset;
          transform: unset;
}

#PopupSignupForm_0 {
  display: none;
}

/*Landing page*/
/*new changes*/
.technology {
  width: 100%;
  margin-bottom: 60px;
}

.technology .techs {
  padding: 50px 90px;
  background: rgba(206, 209, 234, 0.1);
  border: 1px solid rgba(206, 209, 234, 0.1);
  border-radius: 25px;
  -webkit-box-shadow: 0 5px 15px 0 #ececf5;
          box-shadow: 0 5px 15px 0 #ececf5;
}

.technology .head {
  width: 100%;
  margin-bottom: 50px;
}

.technology .head h2 {
  font: 40px/40px SofiaPro-Bold;
  color: #2B3154;
}

/*new changes*/
/*profile*/
.header_content.profile {
  -webkit-box-shadow: 0 0 10px #e1e1e1;
          box-shadow: 0 0 10px #e1e1e1;
  padding: 27px 0;
}

.header_content.profile .prifle_dtl {
  width: calc(100% - 155px);
  padding-left: 45px;
}

.header_content.profile .prifle_dtl .search {
  width: 100%;
  max-width: 330px;
  position: relative;
}

.header_content.profile .prifle_dtl .search span {
  display: none;
}

.header_content.profile .prifle_dtl .search .s_frm {
  width: 100%;
}

.header_content.profile .prifle_dtl .search .s_frm input {
  width: 100%;
  background: url(../images/profile_search.png) no-repeat left 20px center #D9D9D9;
  border: 1px solid #D9D9D9;
  border-radius: 5px;
  font: 15px/24px SofiaPro;
  color: dimgray;
  padding: 12px 20px 12px 50px;
}

.header_content.profile .prifle_dtl .dlt .flex .prfle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: 50px;
}

.header_content.profile .prifle_dtl .dlt .flex .prfle .img span {
  width: 50px;
  height: 50px;
  background: #393F44;
  border: 1px solid #393F44;
  border-radius: 100%;
  display: block;
}

.header_content.profile .prifle_dtl .dlt .flex .prfle .text h5 {
  font: 15px/15px SofiaPro;
  color: #202124;
  padding: 0 45px 0 15px;
  background: url(../images/drop_icon.png) no-repeat right center;
}

.header_content.profile .prifle_dtl .dlt .flex .list ul li {
  display: inline-block;
  font: 15px/15px SofiaPro;
  color: dimgray;
  text-align: center;
}

.header_content.profile .prifle_dtl .dlt .flex .list ul li:not(:last-child) {
  margin-right: 45px;
}

.header_content.profile .prifle_dtl .dlt .flex .list ul li span {
  display: block;
  padding-top: 5px;
}

.pro_container {
  width: 100%;
  max-width: 1309px;
  margin: 0 auto;
  padding: 0;
}

.pro_container::before, .pro_container::after {
  content: "";
  display: table;
}

.pro_container::after {
  clear: both;
}

.profile_page {
  width: 100%;
  padding: 75px 0 110px;
}

.profile_page .flex {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.profile_page .flex .right {
  width: 29.794%;
}

.profile_page .flex .right .tog_blk {
  width: 100%;
  padding: 25px 40px 40px;
}

.profile_page .flex .right .tog_blk form label {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font: 16px/16px SofiaPro-Medium;
  color: #202124;
}

.profile_page .flex .right .tog_blk form label:not(:last-child) {
  margin-bottom: 25px;
}

.profile_page .flex .right .tog_blk form label .switch {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 17px;
}

.profile_page .flex .right .tog_blk form label .switch input {
  display: none;
}

.profile_page .flex .right .tog_blk form label .switch input:checked + .slider {
  background: #1967D2;
}

.profile_page .flex .right .tog_blk form label .switch input:checked + .slider::before {
  -webkit-transform: translateX(14px);
  transform: translateX(14px);
}

.profile_page .flex .right .tog_blk form label .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 30px;
}

.profile_page .flex .right .tog_blk form label .switch .slider::before {
  position: absolute;
  content: "";
  height: 11px;
  width: 11px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 100%;
}

.profile_page .flex .right .details {
  width: 100%;
  background: #f5f7fc;
  border: 1px solid #f5f7fc;
  border-radius: 10px;
  padding: 45px 40px;
  position: relative;
  margin-bottom: 40px;
}

.profile_page .flex .right .details .conf {
  font: 14px/14px SofiaPro;
  color: #fff;
  background: #1967D2;
  border: 1px solid #1967D2;
  border-radius: 5px;
  padding: 4px 10px;
  position: absolute;
  right: 15px;
  top: 15px;
}

.profile_page .flex .right .details .blk {
  width: 100%;
  margin-bottom: 25px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.profile_page .flex .right .details .blk .img {
  width: 25px;
}

.profile_page .flex .right .details .blk .txt {
  width: calc(100% - 25px);
  padding-left: 15px;
}

.profile_page .flex .right .details .blk .txt h6 {
  font: 16px/16px SofiaPro-Medium;
  color: #202124;
}

.profile_page .flex .right .details .blk .txt span {
  font: 15px/26px SofiaPro;
  color: #404046;
}

.profile_page .flex .right .social {
  width: 100%;
  background: #f5f7fc;
  border: 1px solid #f5f7fc;
  border-radius: 10px;
  padding: 35px;
  position: relative;
  margin-bottom: 40px;
}

.profile_page .flex .right .social .flex {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.profile_page .flex .right .social .txt h5 {
  font: 16px/24px SofiaPro;
  color: #202124;
}

.profile_page .flex .right .social .media ul li {
  display: inline-block;
}

.profile_page .flex .right .social .media ul li:not(:last-child) {
  margin-right: 15px;
}

.profile_page .flex .right .social .media ul li a {
  color: dimgray;
}

.profile_page .flex .right .social .media ul li a:hover {
  color: #bc91e8;
}

.profile_page .flex .right .skills {
  width: 100%;
  background: #f5f7fc;
  border: 1px solid #f5f7fc;
  border-radius: 10px;
  padding: 35px;
  position: relative;
  margin-bottom: 40px;
}

.profile_page .flex .right .skills h4 {
  font: 18px/18px SofiaPro-Medium;
  color: #202124;
  margin-bottom: 15px;
}

.profile_page .flex .right .skills ul li {
  display: inline-block;
  font: 14px/24px SofiaPro;
  color: #404046;
  background: #fff;
  padding: 1px 15px;
  border-radius: 5px;
  margin: 0 10px 15px 0;
}

.profile_page .flex .right .intro {
  width: 100%;
  background: #f5f7fc;
  border: 1px solid #f5f7fc;
  border-radius: 10px;
  padding: 35px;
  position: relative;
}

.profile_page .flex .right .intro h4 {
  font: 18px/18px SofiaPro-Medium;
  color: #202124;
  margin-bottom: 15px;
}

.profile_page .flex .right .intro .conf {
  font: 14px/14px SofiaPro;
  color: #fff;
  background: #1967D2;
  border: 1px solid #1967D2;
  border-radius: 5px;
  padding: 4px 10px;
  position: absolute;
  right: 30px;
  top: 25px;
}

.profile_page .flex .left {
  width: 70.206%;
  padding-right: 120px;
}

.profile_page .flex .left .top_profile {
  width: 100%;
  margin-bottom: 45px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.profile_page .flex .left .top_profile .img {
  width: 100px;
}

.profile_page .flex .left .top_profile .img span {
  width: 100%;
  display: block;
  height: 100px;
  background: #393F44;
  border-radius: 100%;
}

.profile_page .flex .left .top_profile .txts {
  width: calc(100% - 100px);
  padding-left: 15px;
}

.profile_page .flex .left .top_profile .txts h3 {
  font: 26px/26px SofiaPro-Medium;
  color: #202124;
  margin-bottom: 15px;
}

.profile_page .flex .left .top_profile .txts .dlts {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  max-width: 460px;
  margin-bottom: 10px;
}

.profile_page .flex .left .top_profile .txts .dlts p {
  font: 14px/24px SofiaPro;
  color: #1967D2;
}

.profile_page .flex .left .top_profile .txts .dlts span {
  font: 14px/24px SofiaPro;
  color: #696969;
  display: inline-block;
  padding-left: 20px;
}

.profile_page .flex .left .top_profile .txts .dlts span.loc {
  background: url(../images/loc_icon.png) no-repeat left center;
  background-size: 14px;
}

.profile_page .flex .left .top_profile .txts .dlts span.time {
  background: url(../images/wall-clock.png) no-repeat left center;
  background-size: 14px;
}

.profile_page .flex .left .top_profile .txts .dlts span.briefcase {
  background: url(../images/case_icon.png) no-repeat left center;
  background-size: 16px;
}

.profile_page .flex .left .top_profile .txts .dlts span.money {
  background: url(../images/detail_icon1.png) no-repeat left center;
  background-size: 18px;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  padding-left: 25px;
}

.profile_page .flex .left .top_profile .txts .d_bt {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  max-width: 100%;
}

.profile_page .flex .left .top_profile .txts .d_bt .coins {
  font: 14px/24px SofiaPro;
  color: #34a853;
  background: rgba(52, 168, 83, 0.15);
  padding: 0.5px 20px;
  border-radius: 30px;
}

.profile_page .flex .left .top_profile .txts .d_bt ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.profile_page .flex .left .top_profile .txts .d_bt ul li {
  display: inline-block;
}

.profile_page .flex .left .top_profile .txts .d_bt ul li:not(:last-child) {
  margin: 0 0 0 18px;
  max-width: 30px;
}

.profile_page .flex .left .top_profile .txts .d_bt ul li a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font: 14px/14px SofiaPro;
  color: #1967D2;
  background: #dde8f8;
  border-radius: 10px;
}

.profile_page .flex .left .top_profile .txts .d_bt ul li:nth-child(3) {
  width: auto;
}

.profile_page .flex .left .about {
  width: 100%;
  margin-bottom: 40px;
}

.profile_page .flex .left .about h4 {
  font: 18px/24px SofiaPro-Medium;
  color: #202124;
  margin-bottom: 25px;
  display: inline-block;
}

.profile_page .flex .left .about p {
  font: 15px/26px SofiaPro;
  color: #696969;
}

.profile_page .flex .left .edu {
  width: 100%;
  margin-bottom: 45px;
}

.profile_page .flex .left .edu h4 {
  font: 18px/24px SofiaPro-Medium;
  color: #202124;
  margin-bottom: 25px;
}

.profile_page .flex .left .edu .blk {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.profile_page .flex .left .edu .blk .icon {
  width: 30px;
}

.profile_page .flex .left .edu .blk .icon span {
  width: 100%;
  font: 11px/11px SofiaPro;
  color: #1967D2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f5f7fc;
  border-radius: 100%;
  height: 30px;
}

.profile_page .flex .left .edu .blk .cont {
  width: calc(100% - 30px);
  padding-left: 25px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.profile_page .flex .left .edu .blk .cont .lft p {
  font: 16px/16px SofiaPro-Medium;
  color: #202124;
  margin-bottom: 0px;
  max-width: 344px;
}

.profile_page .flex .left .edu .blk .cont .lft p span {
  font: 15px/26px SofiaPro;
  color: #1967D2;
  display: block;
  margin-top: 10px;
}

.profile_page .flex .left .edu .blk .cont .lft p:focus {
  outline: none;
}

.profile_page .flex .left .edu .blk .cont .rtl ul li {
  font: 13px/13px SofiaPro;
  border-radius: 30px;
  padding: 6px 19px;
  display: inline-block;
  margin-right: 45px;
}

.profile_page .flex .left .edu .blk .cont .rtl ul li.blue {
  color: #1967D2;
  background: #dde8f8;
}

.profile_page .flex .left .edu .blk .cont .rtl ul li.green {
  color: #34a853;
  background: rgba(52, 168, 83, 0.15);
}

.profile_page .flex .left .exp {
  width: 100%;
  margin-bottom: 0px;
}

.profile_page .flex .left .exp h4 {
  font: 18px/24px SofiaPro-Medium;
  color: #202124;
  margin-bottom: 25px;
}

.profile_page .flex .left .exp .blk {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.profile_page .flex .left .exp .blk:not(:last-child) {
  padding-bottom: 45px;
}

.profile_page .flex .left .exp .blk:not(:last-child)::before {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  background: url(../images/border_line.png) no-repeat center;
  position: absolute;
  left: 14px;
  z-index: -1;
  bottom: -41px;
  background-size: cover;
}

.profile_page .flex .left .exp .blk .icon {
  width: 30px;
}

.profile_page .flex .left .exp .blk .icon span {
  width: 100%;
  font: 11px/11px SofiaPro;
  color: #1967D2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f5f7fc;
  border-radius: 100%;
  height: 30px;
}

.profile_page .flex .left .exp .blk .cont {
  width: calc(100% - 30px);
  padding-left: 25px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.profile_page .flex .left .exp .blk .cont .lft {
  width: 100%;
  max-width: 295px;
}

.profile_page .flex .left .exp .blk .cont .lft p {
  font: 16px/16px SofiaPro-Medium;
  color: #202124;
  margin-bottom: 10px;
}

.profile_page .flex .left .exp .blk .cont .lft span {
  font: 15px/26px SofiaPro;
  color: #404046;
}

.profile_page .flex .left .exp .blk .cont .lft span b {
  font-weight: normal;
  color: #1967D2;
}

.profile_page .flex .left .exp .blk .cont .rtl ul li {
  font: 13px/13px SofiaPro;
  border-radius: 30px;
  padding: 6px 19px;
  display: inline-block;
  margin-right: 45px;
}

.profile_page .flex .left .exp .blk .cont .rtl ul li.blue {
  color: #1967D2;
  background: #dde8f8;
}

.profile_page .flex .left .exp .blk .cont .rtl ul li.green {
  color: #34a853;
  background: rgba(52, 168, 83, 0.15);
}

.profile_page .flex .left .exp .blk .blk {
  padding: 0 !important;
}

.profile_page .flex .left .exp .blk .par {
  width: 100%;
  display: block;
  padding: 10px 0 0 55px;
  font: 15px/26px SofiaPro;
  color: #404046;
}

.profile_page .flex .left .project {
  width: 100%;
  position: relative;
  margin-bottom: 60px;
}

.profile_page .flex .left .project .more {
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #1967D2;
  border-radius: 100%;
  border: 2px solid #1967D2;
  font: 16px/16px SofiaPro-Medium;
  color: #fff;
  position: absolute;
  right: 0;
  top: 50%;
}

.profile_page .flex .left .project .more:hover {
  background: #fff;
  color: #1967D2;
  -webkit-animation: blues 2s infinite;
          animation: blues 2s infinite;
}

.profile_page .flex .left .project h4 {
  font: 18px/24px SofiaPro-Medium;
  color: #202124;
  margin-bottom: 25px;
}

.profile_page .flex .left .project .proj {
  width: 100%;
  max-width: 720px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: inherit;
      -ms-flex-align: inherit;
          align-items: inherit;
}

.profile_page .flex .left .project .proj .box {
  background: #f5f7fc;
  position: relative;
  padding: 15px 15px 38px;
  border-radius: 10px;
  width: 32.5%;
}

.profile_page .flex .left .project .proj .box:last-child {
  width: 28.612%;
}

.profile_page .flex .left .project .proj .box h5 {
  font: 16px/16px SofiaPro-Medium;
  color: #1967D2;
  margin-bottom: 20px;
  padding-right: 20px;
}

.profile_page .flex .left .project .proj .box p {
  font: 15px/26px SofiaPro;
  color: #404046;
}

.profile_page .flex .left .project .proj .box .big_view {
  position: absolute;
  right: 10px;
  top: 10px;
}

.profile_page .flex .left .project .proj .box .conf {
  font: 14px/14px SofiaPro;
  color: #fff;
  background: #1967D2;
  border: 1px solid #1967D2;
  border-radius: 10px;
  padding: 4px 10px;
  position: absolute;
  left: 50%;
  bottom: 15px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.profile_page .flex .left .git {
  width: 100%;
  position: relative;
  margin-bottom: 60px;
}

.profile_page .flex .left .git .more {
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #1967D2;
  border-radius: 100%;
  border: 2px solid #1967D2;
  font: 16px/16px SofiaPro-Medium;
  color: #fff;
  position: absolute;
  right: 0;
  top: 50%;
}

.profile_page .flex .left .git .more:hover {
  background: #fff;
  color: #1967D2;
  -webkit-animation: blues 2s infinite;
          animation: blues 2s infinite;
}

.profile_page .flex .left .git h4 {
  font: 18px/24px SofiaPro-Medium;
  color: #202124;
  margin-bottom: 25px;
}

.profile_page .flex .left .git .proj {
  width: 100%;
  max-width: 695px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: inherit;
      -ms-flex-align: inherit;
          align-items: inherit;
}

.profile_page .flex .left .git .proj .box {
  background: #f5f7fc;
  position: relative;
  padding: 15px 15px;
  border-radius: 10px;
  width: 24.75%;
  height: 100%;
  min-height: 138px;
  max-height: 138px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.profile_page .flex .left .git .proj .box:nth-child(2) {
  width: 22.59%;
}

.profile_page .flex .left .git .proj .box:nth-child(3) {
  width: 18.418%;
}

.profile_page .flex .left .git .proj .box h5 {
  font: 16px/16px SofiaPro-Medium;
  color: #1967D2;
  margin-bottom: 20px;
  padding-right: 20px;
}

.profile_page .flex .left .git .proj .box p {
  font: 15px/26px SofiaPro;
  color: #404046;
}

.profile_page .flex .left .git .proj .box .big_view {
  position: absolute;
  right: 10px;
  top: 10px;
}

.profile_page .flex .left .git .proj .box .conf {
  font: 14px/14px SofiaPro;
  color: #fff;
  background: #1967D2;
  border: 1px solid #1967D2;
  border-radius: 10px;
  padding: 4px 10px;
  position: absolute;
  left: 50%;
  bottom: 15px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.profile_page .flex .left .nft {
  width: 100%;
  position: relative;
  margin-bottom: 45px;
}

.profile_page .flex .left .nft h4 {
  font: 18px/24px SofiaPro-Medium;
  color: #202124;
  margin-bottom: 25px;
}

.profile_page .flex .left .nft .proj {
  width: 100%;
  max-width: 710px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: inherit;
      -ms-flex-align: inherit;
          align-items: inherit;
}

.profile_page .flex .left .nft .proj .box {
  position: relative;
  padding: 15px 15px;
  border-radius: 10px;
  width: 23.662%;
  height: 100%;
  min-height: 151px;
  max-height: 151px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #f2e9fa;
}

.profile_page .flex .left .nft .proj .box:first-child {
  background: #eff8f1;
  width: 20.282%;
}

.profile_page .flex .left .nft .proj .box:nth-child(2) {
  background: #f7d6e2;
  width: 23.944%;
}

.profile_page .flex .left .nft .proj .box .big_view {
  position: absolute;
  right: 10px;
  top: 10px;
}

.profile_page .flex .left .nft .proj .box h5 {
  font: 16px/16px SofiaPro-Medium;
  color: #1967D2;
  margin-bottom: 20px;
  padding-right: 20px;
}

.profile_page .flex .left .nft .proj .box p {
  font: 15px/26px SofiaPro;
  color: #404046;
}

/*profile*/
/*Edit profile*/
.profile_page._edit .flex .left .edu,
.profile_page._edit .flex .left .exp,
.profile_page._edit .flex .left .project,
.profile_page._edit .flex .left .git,
.profile_page._edit .flex .left .nft {
  position: relative;
}

.profile_page._edit .flex .left .edu .add_btn,
.profile_page._edit .flex .left .exp .add_btn,
.profile_page._edit .flex .left .project .add_btn,
.profile_page._edit .flex .left .git .add_btn,
.profile_page._edit .flex .left .nft .add_btn {
  position: absolute;
  right: 0;
  top: 0;
  font: 13px/13px SofiaPro;
  color: #1967D2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.profile_page._edit .flex .left .edu .add_btn span,
.profile_page._edit .flex .left .exp .add_btn span,
.profile_page._edit .flex .left .project .add_btn span,
.profile_page._edit .flex .left .git .add_btn span,
.profile_page._edit .flex .left .nft .add_btn span {
  width: 25px;
  height: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #dde8f8;
  border-radius: 100%;
  margin-right: 10px;
}

.profile_page._edit .flex .right .skills {
  position: relative;
}

.profile_page._edit .flex .right .skills .add_btn {
  position: absolute;
  right: 30px;
  top: 30px;
  font: 13px/13px SofiaPro;
  color: #1967D2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.profile_page._edit .flex .right .skills .add_btn span {
  width: 25px;
  height: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #dde8f8;
  border-radius: 100%;
  margin-right: 10px;
}

.edit ul li {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.edit ul li:not(:last-child) {
  margin-right: 15px;
}

.edit ul li button {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font: 14px/14px SofiaPro;
  color: #1967D2;
  background: #dde8f8;
  border-radius: 10px;
  border: none;
}

.edit ul li button:focus {
  outline: none;
}

button#end-editing {
  display: none;
}

.profile_page._edit .flex .right .social .txt {
  position: relative;
  padding-right: 40px;
}

.profile_page._edit .flex .right .social .txt .write_btn {
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font: 14px/14px SofiaPro;
  color: #1967D2;
  background: #dde8f8;
  border-radius: 10px;
  position: absolute;
  right: 0;
  top: 0;
}

.profile_page._edit .flex .right .social .txt .write_btn:hover {
  color: #fff;
  background: #1967D2;
  -webkit-animation: blues 2s infinite;
          animation: blues 2s infinite;
}

.profile_page._edit .flex .right .intro .img {
  position: relative;
}

.profile_page._edit .flex .right .intro .img .edit {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.profile_page._edit .flex .right .details .blk .txt {
  position: relative;
}

.profile_page._edit .flex .right .details .blk .txt .edit {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/*Edit profile*/
.btn {
  border-radius: 8px;
  font-family: SofiaPro;
  -webkit-transition: all ease 0.75s;
  transition: all ease 0.75s;
}

.btn:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-ouline-secondary {
  border: 1px solid #202124;
  -webkit-box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
          box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
}

.cwbtn {
  width: 100%;
  min-height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}

.cwbtn img {
  max-width: 24px;
  margin-right: 20px;
}

.cwbtn:hover {
  color: #fff;
  background: #1967D2;
  border-color: #1967D2;
  -webkit-animation: blues 2s infinite;
          animation: blues 2s infinite;
}

.kelsaor {
  position: relative;
}

.kelsaor::after {
  position: absolute;
  left: 0px;
  top: 50%;
  content: '';
  height: 1px;
  width: 100%;
  background: #ECEDF2;
}

.kelsaor .txt_or {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #fff;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0px auto;
  position: relative;
  z-index: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.form-group {
  margin-bottom: 25px;
}

.form-group label {
  color: #202124;
  margin-bottom: 8px;
  font-size: 15px;
}

.form-control {
  background: #F0F5F7;
  border-radius: 8px;
  min-height: 48px;
  border-color: transparent;
  -webkit-transition: all ease 0.75s;
  transition: all ease 0.75s;
}

.form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #1967D2;
  background: #F0F5F7;
}

.ks-pills {
  margin-bottom: 30px;
}

.ks-pills .nav-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 20px;
}

.ks-pills .nav-item:last-child {
  margin-right: 0px;
}

.ks-pills .nav-item .nav-link {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 15px;
  color: #34A853;
  background: rgba(52, 168, 83, 0.15);
  min-height: 48px;
  border-radius: 8px;
}

.ks-pills .nav-item .nav-link.active {
  background: #34A853;
  color: #fff;
}

.ks-pills .nav-item .nav-link.active img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.ks-pills .nav-item .nav-link img {
  width: 18px;
  margin-right: 10px;
}

.addlist {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.addlist .flex {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.dropdown-menu {
  right: 0px;
  padding: 0px;
  border-radius: 8px;
  overflow: hidden;
  background-color: #fff;
  border: 0px solid #eff3fc;
  -webkit-box-shadow: 0px 2px 5px transparent;
          box-shadow: 0px 2px 5px transparent;
  max-height: 0;
  -webkit-transition: max-height .4s ease-in-out .4s, all ease 0.75s;
  transition: max-height .4s ease-in-out .4s, all ease 0.75s;
  display: block !important;
}

.dropdown-menu .dropdown-item {
  padding: 10px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #212529 !important;
}

.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:active, .dropdown-menu .dropdown-item:focus {
  background-color: #eff3fc;
}

.dropdown-menu .dropdown-item img {
  margin-right: 10px;
}

.dropdown:hover .dropdown-menu {
  max-height: 30em;
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  border-width: 1px;
}

.proimg {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #eff3fc;
  border: 1px solid #e4e9f4;
  overflow: hidden;
}

.proimg img {
  max-width: 100%;
  max-height: 100%;
}

.grayimg {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

.dropdown-toggle::after {
  display: none;
}

.button_list.addlist .job_btn {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.button_list.addlist .cic_btn {
  max-width: 190px !important;
}

.skilslist li {
  padding: 0px !important;
  margin-right: 30px;
  display: inline-block;
}

.skilslist li:last-child {
  margin-right: 0px;
}

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

.joboverview {
  border: 1px solid #ECEDF2;
  border-radius: 8px;
  padding: 30px;
  display: block;
  margin-bottom: 50px;
  -webkit-transition: all ease 0.75s;
  transition: all ease 0.75s;
}

.joboverview:hover {
  background: #f5f7fc;
}

.joboverview h4 {
  font: 18px/24px SofiaPro-Medium;
  color: #202124;
  margin-bottom: 25px;
}

.joboverview .col-md-3 {
  margin-bottom: 30px;
}

.joboverview .col-md-3:nth-last-child(-n+2) {
  margin-bottom: 0px;
}

.joboverview .jv-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.joboverview .jv-list img {
  margin-right: 15px;
  width: 25px;
}

.joboverview .jv-list .jvtxt h5 {
  color: #202124;
  font-size: 16px;
  line-height: 26px;
}

.joboverview .jv-list .jvtxt p {
  color: #696969;
  font-size: 15px;
  line-height: 26px;
}

.btnwicon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 30px;
}

.btnwicon .fill_btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.btnwicon .icon_btn {
  margin-left: 15px;
  width: 50px;
  height: 50px;
  color: #1967D2;
  background: #eff3fc;
  border: 1px solid #eff3fc;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 14px 0;
}

.btnwicon .icon_btn:hover {
  color: #fff;
  background: #1967D2;
  border-color: #1967D2;
  -webkit-animation: blues 2s infinite;
          animation: blues 2s infinite;
}

.btnwicon .icon_btn:hover img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.sahrethijob {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sahrethijob h5 {
  font: 16px SofiaPro-Medium;
  margin-right: 30px;
}

.smedia ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.smedia ul li {
  margin-right: 25px;
}

.smedia ul li:nth-last-child(-n+1) {
  margin-right: 0px;
}

.smedia ul li .smicon {
  color: #696969 !important;
}

.smedia ul li .smicon:hover {
  color: #1967D2 !important;
}

.compdetail {
  padding: 25px !important;
}

.compdetail .compln {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}

.compdetail .compln .cmplogo {
  width: 60px;
  height: 60px;
  border-radius: 8px;
  background: #1967D2;
  margin-right: 18px;
}

.compdetail .compln .cmplogo {
  width: 60px;
  height: 60px;
  border-radius: 8px;
  background: #1967D2;
  margin-right: 18px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 25px;
}

.compdetail .compln .cmpname {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.compdetail .compln .cmpname h5 {
  font: 18px SofiaPro-Medium;
  margin-bottom: 5px;
}

.compdetail .compln .cmpname p {
  font: 14px SofiaPro;
  color: #1967D2;
  cursor: pointer;
  -webkit-transition: all ease 0.75s;
  transition: all ease 0.75s;
}

.compdetail .compln .cmpname p:hover {
  color: #2B3154;
}

.compdetail .cmpdlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 25px;
  font-size: 16px;
}

.compdetail .cmpdlist .first {
  color: #202124;
}

.compdetail .cmpdlist .last {
  text-align: right;
  color: #696969;
}

.btn-light {
  color: #1967D2;
  background: rgba(25, 103, 210, 0.15);
  border: 1px solid rgba(25, 103, 210, 0);
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 14px 0;
}

.btn-light:hover {
  color: #fff;
  background: #1967D2;
  border-color: #1967D2;
  -webkit-animation: blues 2s infinite;
          animation: blues 2s infinite;
}

.jobgridlist {
  margin-top: 75px;
}

.jobgridlist .jgltit {
  text-align: center;
  margin-bottom: 30px;
}

.jobgridlist .jgltit h4 {
  color: #202124;
  font: 26px SofiaPro-Medium;
  margin-bottom: 15px;
}

.jobgridlist .jgltit p {
  color: #696969;
  font: 15px SofiaPro;
}

.jobgridlist .jgllist {
  border: 1px solid #ECEDF2;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 45px 30px;
  position: relative;
  -webkit-transition: all ease 0.75s;
  transition: all ease 0.75s;
  cursor: pointer;
}

.jobgridlist .jgllist:hover {
  background: #f5f7fc;
  border-color: #dde8f8;
  -webkit-animation: blues 2s infinite;
          animation: blues 2s infinite;
}

.jobgridlist .jgllist .jgimg {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  background: #202124;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 30px;
}

.jobgridlist .jgllist p {
  color: #202124;
  font: 16px SofiaPro-Medium;
  margin-bottom: 15px;
}

.jobgridlist .jgllist .jblloc {
  color: #696969;
  font: 14px SofiaPro;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 15px;
}

.jobgridlist .jgllist .jblloc img {
  margin-right: 5px;
  width: 14px;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

.jobgridlist .jgllist .ksbadge {
  position: absolute;
  top: 10px;
}

.jobgridlist .jgllist .ksbadge.yellow {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  left: 0px;
}

.jobgridlist .jgllist .ksbadge.blue {
  right: 10px;
}

.jobgridlist .col-md-3 {
  padding: 0px calc(var(--bs-gutter-x) * .5);
}

.jobgridlist .col-md-3:nth-child(2) .jgimg {
  background-color: #4947D0;
}

.jobgridlist .col-md-3:nth-child(3) .jgimg {
  background-color: #6FDA44;
}

.jobgridlist .col-md-3:nth-child(4) .jgimg {
  background-color: #FF3265;
}

/*Jobs listing*/
.search_frm {
  width: 100%;
  background: #F5F7FC;
  padding: 90px 0;
}

.search_frm form {
  width: 100%;
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #ecedf2;
}

.search_frm form .flex .s_frm:first-child {
  width: 36.329%;
  border-right: 1px solid #ecedf2;
}

.search_frm form .flex .s_frm:first-child input {
  padding: 10px 20px 10px 50px;
  background: url(../images/search_icon.png) no-repeat left 10px center;
  width: 100%;
  border: none;
}

.search_frm form .flex .s_frm:nth-child(2) {
  width: 26.605%;
  border-right: 1px solid #ecedf2;
  padding: 0 30px;
}

.search_frm form .flex .s_frm:nth-child(2) input {
  padding: 10px 20px 10px 35px;
  background: url(../images/loc_icon.png) no-repeat left center;
  width: 100%;
  border: none;
}

.search_frm form .flex .s_frm:nth-child(3) {
  width: 22.692%;
  padding: 0 25px 0 65px;
  background: url(../images/case_icon.png) no-repeat left 30px center;
}

.search_frm form .flex .s_frm:nth-child(3) select {
  width: 100%;
  border: none;
  font: 15px/24px SofiaPro;
  color: #696969;
  padding: 10px 25px 10px 10px;
  background: url(../images/drop_icon.png) no-repeat right center;
}

.search_frm form .flex .s_frm:nth-child(3) select:focus {
  outline: none;
}

.search_frm form .flex .s_frm:last-child {
  width: 14.374%;
}

.search_frm form .flex .s_frm:last-child .find_btn {
  width: 100%;
  font: 15px/24px SofiaPro;
  color: #fff;
  background: #1967D2;
  border: 2px solid #1967D2;
  padding: 16px 0;
  border-radius: 10px;
}

.search_frm form .flex .s_frm:last-child .find_btn:hover {
  background: #fff;
  color: #1967D2;
  -webkit-animation: blues 2s infinite;
          animation: blues 2s infinite;
}

.search_frm form .flex .s_frm input {
  width: 100%;
  border: none;
  font: 15px/24px SofiaPro;
  color: #696969;
}

.job_list {
  width: 100%;
  padding: 65px 0 45px;
}

.job_list .flex {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.job_list .flex .left {
  width: 100%;
  max-width: 390px;
  background: #f5f7fc;
  border: 1px solid #f5f7fc;
  border-radius: 10px;
  padding: 30px;
}

.job_list .flex .left h4 {
  font: 18px/18px SofiaPro-Medium;
  color: #202124;
  margin-bottom: 15px;
}

.job_list .flex .left .type {
  width: 100%;
  margin-bottom: 45px;
}

.job_list .flex .left .type form label {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.job_list .flex .left .type form label:not(:last-child) {
  margin-bottom: 18px;
}

.job_list .flex .left .type form label span {
  font: 15px/24px SofiaPro;
  color: #696969;
}

.job_list .flex .left .type form label .switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
  margin-right: 10px;
}

.job_list .flex .left .type form label .switch input {
  display: none;
}

.job_list .flex .left .type form label .switch input:checked + .slider {
  background: #1967D2;
}

.job_list .flex .left .type form label .switch input:checked + .slider::before {
  -webkit-transform: translateX(18px);
  transform: translateX(18px);
  background: #fff;
}

.job_list .flex .left .type form label .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 30px;
  border: 1px solid #ecedf2;
}

.job_list .flex .left .type form label .switch .slider::before {
  position: absolute;
  content: "";
  height: 11px;
  width: 11px;
  left: 4px;
  bottom: 3.7px;
  background-color: #D2D3D8;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 100%;
}

.job_list .flex .left .date {
  width: 100%;
  margin-bottom: 45px;
}

.job_list .flex .left .date form .d_frm {
  width: 100%;
}

.job_list .flex .left .date form .d_frm:not(:last-child) {
  margin-bottom: 15px;
}

.job_list .flex .left .date form .d_frm input {
  position: absolute;
  left: -9999px;
}

.job_list .flex .left .date form .d_frm input:checked + label::before {
  background: #1967D2;
}

.job_list .flex .left .date form .d_frm input:checked + label::after {
  content: '';
  display: block;
  position: absolute;
  top: 3px;
  left: 7px;
  width: 5px;
  height: 9px;
  border: solid #fff;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.job_list .flex .left .date form .d_frm label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  font: 15px/24px SofiaPro;
  color: #696969;
}

.job_list .flex .left .date form .d_frm label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #ecedf2;
  border-radius: 100%;
  background: #fff;
}

.job_list .flex .left .exp {
  width: 100%;
  margin-bottom: 45px;
}

.job_list .flex .left .exp .blk {
  width: 100%;
  text-align: center;
}

.job_list .flex .left .exp .blk span {
  display: inline-block;
  font: 14px/14px SofiaPro;
  color: #1967D2;
  background: #D4E1F6;
  padding: 8px 16px;
  border-radius: 10px;
  margin-top: 10px;
}

.job_list .flex .left .skills {
  width: 100%;
  margin-bottom: 45px;
}

.job_list .flex .left .skills ul li {
  display: inline-block;
  font: 14px/24px SofiaPro;
  color: #404046;
  background: #fff;
  padding: 1px 15px;
  border-radius: 5px;
  margin: 0 10px 15px 0;
}

.job_list .flex .left .salary {
  width: 100%;
  margin-bottom: 45px;
}

.job_list .flex .left .salary .blk {
  width: 100%;
  text-align: center;
}

.job_list .flex .left .salary .blk span {
  display: inline-block;
  font: 14px/14px SofiaPro;
  color: #1967D2;
  background: #D4E1F6;
  padding: 8px 16px;
  border-radius: 10px;
  margin-top: 10px;
}

.job_list .flex .left .industry {
  width: 100%;
  margin-bottom: 45px;
}

.job_list .flex .left .industry form .i_frm {
  width: 100%;
  position: relative;
  border: 1px solid #ECEDF2;
  border-radius: 8px;
  background: url(../images/case_icon.png) no-repeat left 18px center #fff;
  background-size: 18px;
  padding: 7px 18px 7px 38px;
}

.job_list .flex .left .industry form .i_frm select {
  width: 100%;
  border: none;
  font: 15px/24px SofiaPro;
  color: #696969;
  padding: 10px 15px;
  background: url(../images/s_drop.png) no-repeat right center;
}

.job_list .flex .left .industry form .i_frm select:focus {
  outline: none;
}

.job_list .flex .left .c_size {
  width: 100%;
  margin-bottom: 45px;
}

.job_list .flex .left .c_size form .i_frm {
  width: 100%;
  position: relative;
  border: 1px solid #ECEDF2;
  border-radius: 8px;
  background: #fff;
  padding: 7px 20px;
}

.job_list .flex .left .c_size form .i_frm select {
  width: 100%;
  border: none;
  font: 15px/24px SofiaPro;
  color: #696969;
  padding: 10px 10px;
  background: url(../images/s_drop.png) no-repeat right center;
}

.job_list .flex .left .c_size form .i_frm select:focus {
  outline: none;
}

.job_list .flex .right {
  width: calc(100% - 390px);
  padding-left: 50px;
}

.job_list .flex .right .top {
  width: 100%;
  margin-bottom: 30px;
}

.job_list .flex .right .top .flex .ltr p {
  font: 15px/24px SofiaPro;
  color: #696969;
}

.job_list .flex .right .top .flex .ltr p span {
  color: #202124;
}

.job_list .flex .right .top .flex .rtr {
  width: 100%;
  max-width: 270px;
}

.job_list .flex .right .top .flex .rtr form .flex .r_frm:first-child {
  width: 51.852%;
}

.job_list .flex .right .top .flex .rtr form .flex .r_frm:last-child {
  width: 44.45%;
}

.job_list .flex .right .top .flex .rtr form .flex .r_frm select {
  width: 100%;
  font: 14px/24px SofiaPro;
  color: #696969;
  background: url(../images/s_drop.png) no-repeat right 10px center #F0F5F7;
  border: 1px solid #F0F5F7;
  border-radius: 8px;
  padding: 9.5px 30px 9.5px 15px;
}

.job_list .flex .right .mid {
  width: 100%;
  margin-bottom: 45px;
}

.job_list .flex .right .mid .box {
  width: 100%;
  border: 1px solid #ecedf2;
  border-radius: 8px;
  padding: 30px;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

.job_list .flex .right .mid .box:hover {
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
  -webkit-box-shadow: 0 10px 10px 0 #ecedf2;
          box-shadow: 0 10px 10px 0 #ecedf2;
}

.job_list .flex .right .mid .box:not(:last-child) {
  margin-bottom: 25px;
}

.job_list .flex .right .mid .box .icon {
  width: 50px;
}

.job_list .flex .right .mid .box .icon span {
  display: block;
  width: 100%;
  height: 50px;
  border-radius: 10px;
  border: 1px solid #ecedf2;
}

.job_list .flex .right .mid .box .icon span.voilet {
  background: #4947d0;
}

.job_list .flex .right .mid .box .icon span.green {
  background: #6fd945;
}

.job_list .flex .right .mid .box .icon span.dark {
  background: #252f50;
}

.job_list .flex .right .mid .box .icon span.rose {
  background: #ff3365;
}

.job_list .flex .right .mid .box .icon span.black {
  background: #202124;
}

.job_list .flex .right .mid .box .icon span.white {
  background: #fff;
}

.job_list .flex .right .mid .box .icon span.gray {
  background: #eeece8;
}

.job_list .flex .right .mid .box .txt {
  width: calc(100% - 50px);
  padding-left: 20px;
  position: relative;
}

.job_list .flex .right .mid .box .txt h4 {
  font: 18px/18px SofiaPro;
  color: #202124;
}

.job_list .flex .right .mid .box .txt .ribbon {
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100%;
  position: absolute;
  top: 25px;
  right: 25px;
  cursor: pointer;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
}

.job_list .flex .right .mid .box .txt .ribbon:hover {
  background: #ecedf2;
}

.job_list .flex .right .mid .box .txt .detl {
  width: 100%;
  margin: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.job_list .flex .right .mid .box .txt .detl ul:first-child {
  margin-right: 40px;
}

.job_list .flex .right .mid .box .txt .detl ul:first-child li:first-child {
  padding-left: 30px;
  background: url(../images/j_case.png) no-repeat left center;
}

.job_list .flex .right .mid .box .txt .detl ul:first-child li:last-child {
  padding-left: 25px;
  background: url(../images/j_locs.png) no-repeat left center;
}

.job_list .flex .right .mid .box .txt .detl ul:last-child li:first-child {
  padding-left: 25px;
  background: url(../images/j_time.png) no-repeat left center;
}

.job_list .flex .right .mid .box .txt .detl ul:last-child li:last-child {
  padding-left: 30px;
  background: url(../images//j_money.png) no-repeat left center;
}

.job_list .flex .right .mid .box .txt .detl ul li {
  display: inline-block;
  font: 14px/24px SofiaPro;
  color: dimgray;
}

.job_list .flex .right .mid .box .txt .detl ul li:not(:last-child) {
  margin-right: 20px;
}

.job_list .flex .right .mid .box .txt .btns ul li {
  display: inline-block;
}

.job_list .flex .right .mid .box .txt .btns ul li:not(:last-child) {
  margin-right: 25px;
}

.job_list .flex .right .mid .box .txt .btns ul li span {
  font: 13px/17px SofiaPro;
  padding: 4px 15px;
  border-radius: 30px;
  display: inline-block;
  width: auto;
}

.job_list .flex .right .mid .box .txt .btns ul li span.full_time {
  color: #1967D2;
  background: #dde8f8;
}

.job_list .flex .right .mid .box .txt .btns ul li span.apply {
  color: #34A853;
  background: #e1f2e5;
}

.job_list .flex .right .mid .box .txt .btns ul li span.urgent {
  color: #F9AB00;
  background: #fef2d9;
}

.job_list .flex .right .mid .box .txt p {
  font: 14px/24px SofiaPro;
  color: #696969;
  margin: 15px 0 0;
}

.job_list .flex .right .bot {
  width: 100%;
  text-align: center;
}

.job_list .flex .right .bot .pagination {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.job_list .flex .right .bot .pagination li {
  width: 44px;
  height: 44px;
}

.job_list .flex .right .bot .pagination li:not(:last-child) {
  margin-right: 10px;
}

.job_list .flex .right .bot .pagination li.active a {
  color: #fff;
  background: #1967D2;
}

.job_list .flex .right .bot .pagination li a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: transparent;
  border: none;
  border-radius: 100%;
  color: #696969;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

.job_list .flex .right .bot .pagination li a:hover {
  background: #1967D2;
  color: #fff;
}

.job_list .flex .right .bot .pagination li:first-child a {
  background: url(../images/prev_arrow.png) no-repeat center;
}

.job_list .flex .right .bot .pagination li:first-child a:hover {
  background: url(../images/prev_arrow_hover.png) no-repeat center #1967D2;
}

.job_list .flex .right .bot .pagination li:last-child a {
  background: url(../images/nxt_arrow.png) no-repeat center;
}

.job_list .flex .right .bot .pagination li:last-child a:hover {
  background: url(../images/nxt_arrow_hover.png) no-repeat center #1967D2;
}

/*Jobs listing*/
/*Post jobs*/
.post_job {
  width: 100%;
}

.post_job .flex {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.post_job .flex .sidebar {
  width: 100%;
  max-width: 360px;
  height: 100%;
  background: #fff;
  padding: 60px 70px 60px 40px;
}

.post_job .flex .sidebar ul li {
  font: 15px/50px SofiaPro;
  color: #696969;
}

.post_job .flex .sidebar ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0 25px;
  border-radius: 8px;
}

.post_job .flex .sidebar ul li a img {
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.post_job .flex .sidebar ul li a span {
  display: inline-block;
  padding-left: 15px;
}

.post_job .flex .sidebar ul li a:hover {
  background: #e8f0fb;
}

.post_job .flex .sidebar ul li.active a {
  background: #e8f0fb;
}

.post_job .flex .post_page {
  width: calc(100% - 360px);
  background: #f5f7fc;
  padding: 60px;
  height: 100%;
}

.post_job .flex .post_page h2 {
  font: 30px/30px SofiaPro;
  color: #202124;
  margin-bottom: 85px;
}

.post_job .flex .post_page .post_blk {
  width: 100%;
  background: #fff;
  padding: 40px 25px;
  border-radius: 8px;
}

.post_job .flex .post_page .post_blk h4 {
  font: 18px/24px SofiaPro;
  color: #202124;
  margin-bottom: 28px;
}

.post_job .flex .post_page .post_blk .p_list {
  width: 100%;
  max-width: 900px;
  margin: 0 auto 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.post_job .flex .post_page .post_blk .p_list .blk {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.post_job .flex .post_page .post_blk .p_list .blk:hover .icon {
  background: #1967D2;
}

.post_job .flex .post_page .post_blk .p_list .blk:hover .icon img:last-child {
  opacity: 1;
  visibility: visible;
}

.post_job .flex .post_page .post_blk .p_list .blk .icon {
  width: 80px;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  background: #dde8f8;
  border-radius: 100%;
}

.post_job .flex .post_page .post_blk .p_list .blk .icon img {
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

.post_job .flex .post_page .post_blk .p_list .blk .icon img:last-child {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.post_job .flex .post_page .post_blk .p_list .blk .text {
  padding-left: 25px;
}

.post_job .flex .post_page .post_blk .p_list .blk .text h5 {
  font: 18px/24px SofiaPro;
  color: #202124;
}

.post_job .flex .post_page .post_blk form {
  width: 100%;
}

.post_job .flex .post_page .post_blk form .p_frm {
  width: 100%;
}

.post_job .flex .post_page .post_blk form .p_frm:not(:last-child) {
  margin-bottom: 25px;
}

.post_job .flex .post_page .post_blk form .p_frm label {
  font: 15px/15px SofiaPro;
  color: #202124;
  margin-bottom: 15px;
  width: 100%;
  display: block;
}

.post_job .flex .post_page .post_blk form .p_frm input {
  width: 100%;
  font: 15px/15px SofiaPro;
  color: #696969;
  background: #f0f5f7;
  border: 1px solid #f0f5f7;
  border-radius: 8px;
  padding: 19.5px 15px;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

.post_job .flex .post_page .post_blk form .p_frm input:focus {
  border-color: #1967D2;
}

.post_job .flex .post_page .post_blk form .p_frm textarea {
  width: 100%;
  font: 15px/26px SofiaPro;
  color: #696969;
  background: #f0f5f7;
  border: 1px solid #f0f5f7;
  border-radius: 8px;
  padding: 19.5px 15px;
  min-height: 280px;
  max-height: 280px;
}

.post_job .flex .post_page .post_blk form .p_frm textarea:focus {
  border-color: #1967D2;
}

.post_job .flex .post_page .post_blk form .p_frm ._p_frm {
  width: 49.163%;
}

.post_job .flex .post_page .post_blk form .p_frm ._p_frm select {
  width: 100%;
  font: 15px/15px SofiaPro;
  color: #696969;
  background: url(../images/s_drop.png) no-repeat right 20px center #f0f5f7;
  border: 1px solid #f0f5f7;
  border-radius: 8px;
  padding: 19.5px 15px;
}

.post_job .flex .post_page .post_blk form .p_frm ._p_frm select:focus {
  border-color: #1967D2;
  outline: none;
}

.post_job .flex .post_page .post_blk form .p_frm .map {
  width: 100%;
  margin-top: 55px;
}

.post_job .flex .post_page .post_blk form .p_frm .map img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.post_job .flex .post_page .post_blk form .p_frm:last-child {
  text-align: right;
}

.post_job .flex .post_page .post_blk form .p_frm .post_btn {
  max-width: 150px;
  width: 100%;
  margin-left: auto;
  font: 15px/20px SofiaPro;
  color: #fff;
  background: #1967D2;
  border: 2px solid #1967D2;
  border-radius: 8px;
  padding: 13px 0;
}

.post_job .flex .post_page .post_blk form .p_frm .post_btn:hover {
  background: #fff;
  color: #1967D2;
  -webkit-animation: blues 2s infinite;
          animation: blues 2s infinite;
}

a.closebtn2,
span.icontab2 {
  display: none;
}

.button_list.addlist .cic_btn {
  max-width: 255px !important;
  -webkit-animation: blues 2s infinite;
          animation: blues 2s infinite;
}

/*Post jobs*/
.menu-top .iconogo {
  display: none;
}

@-webkit-keyframes slideDown {
  to {
    bottom: 0;
    opacity: 1;
  }
}

@keyframes slideDown {
  to {
    bottom: 0;
    opacity: 1;
  }
}

@-webkit-keyframes slideUp {
  to {
    bottom: 50px;
    opacity: 0;
  }
}

@keyframes slideUp {
  to {
    bottom: 50px;
    opacity: 0;
  }
}

.slideDown {
  -webkit-animation: slideDown .5s ease-in 1 forwards;
          animation: slideDown .5s ease-in 1 forwards;
}

.slideUp {
  -webkit-animation: slideUp 1s ease-out 1 forwards;
          animation: slideUp 1s ease-out 1 forwards;
  opacity: 1;
}

.menu-bottom {
  position: fixed;
  bottom: 10px;
  width: auto;
  max-width: inherit;
  padding: 7px 15px;
  border-radius: 50px;
  background: rgba(0, 0, 0, 0.5);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 9;
}

.menu-bottom ul li a {
  color: #fff !important;
  opacity: 0.7;
}

.menu-bottom ul li a:hover {
  opacity: 1;
}

.menu-bottom ul li a .micon {
  -webkit-filter: brightness(0) invert(1) !important;
          filter: brightness(0) invert(1) !important;
}

.menu-bottom ul li a .micon img {
  max-width: 100% !important;
}

.menu-bottom .log_btn, .menu-bottom .job_btn {
  max-width: inherit !important;
  width: auto !important;
  padding: 5px 15px !important;
  height: auto !important;
}

.menu-bottom .iconogo {
  display: block;
}

.menu-bottom .fulllogo {
  display: none;
}

.menu-bottom .logo {
  width: auto;
}

.menu-bottom .menu_content {
  width: 100% !important;
  padding-left: 15px !important;
}

.menu-bottom .iconogo {
  max-width: 75% !important;
}

.menu-bottom .menu {
  padding-right: 15px !important;
}

.menu-bottom .header_content {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  padding: 0px !important;
}

.menu-bottom .dropdown-menu.show {
  bottom: 100%;
  top: auto;
}

.noscroll .menu-bottom {
  top: 0px;
  left: 80px;
  min-height: 100%;
  width: 100%;
  -webkit-transform: none;
          transform: none;
  border-radius: 0px !important;
}

.noscroll .menu-bottom ul li a {
  color: #202124 !important;
}

.noscroll .menu-bottom ul li a .micon {
  -webkit-filter: none !important;
          filter: none !important;
}

.header_content .menu_content .flex .button_list.useraddbtns {
  width: auto;
  max-width: inherit;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}

.profile_page .flex .left .edu .blk .cont .lft span {
  font: 15px/26px SofiaPro;
  color: #1967D2;
  display: block;
  margin-top: 10px;
}

button.eye_btn {
  display: none !important;
}

.profile_page .flex .right .skills ul.tags li span {
  display: none;
  width: 25px;
  height: 25px;
  text-align: center;
  background: #1967D2;
  margin-left: 10px;
  border-radius: 100%;
  color: #fff;
}

.profile_page .flex .right .skills ul.tags.edit li span {
  display: inline-block;
}

/*add education*/
.edu .add_blk {
  width: 100%;
  background: #f5f7fc;
  border-radius: 10px;
  position: relative;
  -webkit-transition: 0.5s all ease-in-out;
  transition: 0.5s all ease-in-out;
  opacity: 0;
  visibility: hidden;
  height: 0;
}

.edu .add_blk.show {
  height: 100%;
  opacity: 1;
  visibility: visible;
  margin-bottom: 45px;
  padding: 25px;
}

.edu .add_blk .cont {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.edu .add_blk .cont .lft {
  max-width: 344px;
}

.edu .add_blk .cont .lft input {
  background: transparent;
  border: none;
  border-bottom: 1px solid #e1e1e1;
  padding: 10px;
}

.edu .add_blk .cont .lft input:first-child {
  font: 16px/16px SofiaPro-Medium;
  color: #202124;
  margin-bottom: 0px;
}

.edu .add_blk .cont .lft input:last-child {
  font: 15px/26px SofiaPro;
  color: #1967D2;
  display: block;
  margin-top: 10px;
}

.edu .add_blk .cont .rtl input {
  font: 16px/16px SofiaPro-Medium;
  color: #202124;
  background: transparent;
  border: none;
  border-bottom: 1px solid #e1e1e1;
  padding: 10px;
}

.edu .add_blk .cont .edit button {
  padding: 5.5px 7px;
  width: 30px;
  height: 30px;
  position: relative;
  background: #1967D2;
  color: #fff;
  border: none;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#list4 .blk {
  position: relative;
}

#list4 .blk:not(:last-child) {
  padding-bottom: 45px;
}

#list4 .blk:not(:last-child)::before {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  background: url(../images/border_line.png) no-repeat center;
  position: absolute;
  left: 14px;
  z-index: -1;
  bottom: -41px;
  background-size: cover;
}

.exp .add_blk {
  width: 100%;
  background: #f5f7fc;
  border-radius: 10px;
  position: relative;
  -webkit-transition: 0.5s all ease-in-out;
  transition: 0.5s all ease-in-out;
  opacity: 0;
  visibility: hidden;
  height: 0;
}

.exp .add_blk.show {
  height: 100%;
  opacity: 1;
  visibility: visible;
  margin-bottom: 45px;
  padding: 25px;
}

.exp .add_blk .cont {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.exp .add_blk .cont .lft {
  max-width: 344px;
}

.exp .add_blk .cont .lft input {
  background: transparent;
  border: none;
  border-bottom: 1px solid #e1e1e1;
  padding: 10px;
}

.exp .add_blk .cont .lft input:first-child {
  font: 16px/16px SofiaPro-Medium;
  color: #202124;
  margin-bottom: 0px;
}

.exp .add_blk .cont .lft .mod {
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 10px;
  font: 15px/16px SofiaPro;
  color: #404046;
}

.exp .add_blk .cont .lft .mod input {
  width: 32%;
}

.exp .add_blk .cont .lft .mod input:first-child {
  font-weight: normal;
  color: #1967D2;
  width: 38%;
}

.exp .add_blk .cont .lft .mod input:nth-child(2) {
  width: 25%;
}

.exp .add_blk .cont .rtl input {
  font: 16px/16px SofiaPro-Medium;
  color: #202124;
  background: transparent;
  border: none;
  border-bottom: 1px solid #e1e1e1;
  padding: 10px;
}

.exp .add_blk .cont .edit button {
  padding: 5.5px 7px;
  width: 30px;
  height: 30px;
  position: relative;
  background: #1967D2;
  color: #fff;
  border: none;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.exp .blk .cont .lft span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.exp .blk .cont .lft span span {
  margin-left: 5px;
}

button#end-editing3 {
  display: none;
  padding: 5.5px 15px;
  height: 30px;
  position: relative;
  background: #1967D2;
  color: #fff;
}

/*add education*/
.viwe_profile {
  display: none;
}

.profile_page .flex .left .project .more {
  visibility: hidden;
}

.profile_page .flex .left .top_profile .txts {
  position: relative;
}

.profile_page .flex .left .top_profile .txts .view_profile {
  position: absolute;
  right: 0;
  top: 7px;
  padding: 0 10px;
  border: 2px solid #1967D2;
  border-radius: 30px;
  background: #1967D2;
  color: #fff;
}

.profile_page .flex .left .top_profile .txts .view_profile:hover {
  background: #fff;
  color: #1967D2;
  -webkit-animation: blues 2s infinite;
          animation: blues 2s infinite;
}

.profile_page .flex .left .top_profile .txts .d_bt .coins {
  width: 90px;
  padding: 0.5px 10px;
  text-align: center;
}

.profile_page .flex .left .top_profile .txts .d_bt {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.profile_page .flex .left .top_profile .txts .d_bt .edit {
  width: calc(100% - 90px);
  padding-left: 15px;
}

.profile_page._edit .flex .right .social .txt {
  width: 100%;
}

.profile_page._edit .flex .right .social .txt .write_btn {
  right: 50px;
}

.profile_page.view_profile .flex .left .project .proj, .profile_page.view_profile .flex .left .git .proj, .profile_page.view_profile .flex .left .nft .proj {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.profile_page .flex .right .intro img {
  padding: 15px;
}

.no_records {
  text-align: center;
  font: 18px/18px SofiaPro-Medium;
  color: #202124;
  padding: 30px;
  background: #fff;
  -webkit-box-shadow: 0 0 10px 0 #e1dede;
          box-shadow: 0 0 10px 0 #e1dede;
  border-radius: 10px;
}

.profile_page._edit .flex .right .details .blk .txt input {
  border: none;
  background: transparent;
  max-width: 180px;
}

.profile_page._edit .flex .right .details .blk .txt input.editable {
  border: 1px solid #e1e1e1;
  padding: 3px 10px;
  border-radius: 5px;
  margin-top: 10px;
}

.profile_page .flex .right .skills ul.tags.edit li.taglist {
  max-width: 100%;
  width: 100%;
  padding: 10px;
}

.profile_page .flex .right .skills ul.tags.edit li.taglist .ReactTags__tagInput input {
  border: none;
}

.profile_page .flex .right .skills ul.tags.edit li.taglist .ReactTags__selected {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.profile_page .flex .right .skills ul.tags.edit li.taglist .ReactTags__selected span {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
  border-radius: 30px;
  padding: 10px;
}

.profile_page .flex .right .skills ul.tags.edit li.taglist .ReactTags__selected span button {
  margin-left: 10px;
  background: transparent;
  border: none;
  color: #fff;
}

.add #send[disabled], .add2 #send2[disabled], .add3 #send3[disabled], .edu .add_blk .cont .edit button[disabled], .exp .add_blk .cont .edit button[disabled] {
  opacity: 0.5;
}

.edu .add_blk .cont .rtl {
  width: calc(100% - 374px);
  padding: 0 10px;
}

.edu .add_blk .cont .rtl .react-datepicker-wrapper {
  margin-top: 8px;
}

.exp .add_blk .cont .lft {
  max-width: 425px;
}

.exp .add_blk .cont .lft .mod select {
  background: transparent;
  border: none;
  border-bottom: 1px solid #e1e1e1;
  padding: 10px;
  font: 16px/16px SofiaPro-Medium;
  color: #202124;
  margin-bottom: 0;
}

.exp .add_blk .cont .lft .mod select:focus {
  outline: none;
}

.exp .add_blk .cont .rtl {
  width: calc(100% - 455px);
  padding: 0 10px;
}

.exp .add_blk .cont .rtl .react-datepicker-wrapper {
  margin-top: 3px;
}

/*Responsive*/
@media screen and (max-width: 1800px) {
  .head_container {
    padding: 0 10px;
  }
}

@media screen and (max-width: 1600px) {
  .ban_container {
    padding: 0 10px;
  }
}

@media screen and (max-width: 1366px) {
  .container,
  .pro_container {
    padding: 0 10px;
  }
  .header_content .menu_content .flex .button_list .flex .log_btn {
    width: 160px;
  }
  .header_content .menu_content .flex .menu ul li:not(:last-child) {
    margin-right: 30px;
  }
  /*Post jobs*/
  .post_job .flex .sidebar {
    max-width: 650px;
    padding: 50px 60px 50px 30px;
  }
  .post_job .flex .post_page {
    width: calc(100% - 320px);
  }
  /*Post jobs*/
}

@media screen and (max-width: 1290px) {
  .container {
    padding: 0 10px;
  }
  .header_content .menu_content {
    padding-left: 15px;
  }
  .banner .ban_content {
    padding: 100px 60px;
  }
  .popular_jobs .body {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .popular_jobs .body .box {
    width: 22.729%;
  }
  .popular_jobs .body .box:not(:nth-child(4)) {
    margin-right: 3%;
  }
  .why_kelsa .box {
    padding: 50px 60px;
  }
  .tech ul li img {
    min-width: auto;
    width: 90%;
  }
  .profile_page .flex .left .edu .blk .cont .rtl ul li {
    margin-right: 35px;
  }
  .profile_page .flex .left .project .more,
  .profile_page .flex .left .git .more {
    right: -75px;
  }
  .profile_page .flex .left .exp .blk .cont .rtl ul li.green {
    margin: 0;
  }
  /*edit profile page*/
  .profile_page._edit .flex .left .edu .blk .cont .rtl ul li {
    margin-right: 5px;
  }
  .edit ul li:not(:last-child) {
    margin-right: 0px;
  }
  .profile_page._edit .flex .left .exp .blk .cont .lft {
    max-width: 250px;
  }
  .profile_page._edit .flex .left .exp .blk .cont .rtl ul li {
    margin-right: 20px;
  }
  .profile_page._edit .flex .left .exp .blk .cont {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .profile_page._edit .flex .right .details {
    padding: 40px 25px;
  }
  .profile_page._edit .flex .right .social,
  .profile_page._edit .flex .right .skills,
  .profile_page._edit .flex .right .intro {
    padding: 25px;
  }
  .profile_page._edit .flex .right .skills .add_btn {
    top: 15px;
  }
  .header_content .menu_content .flex .button_list .flex .log_btn {
    width: 100px;
  }
  .header_content .menu_content .flex .button_list .flex .job_btn {
    padding: 5px 0;
  }
  /*edit profile page*/
  /*edit*/
  .profile_page .flex .left .project .proj .lists .box {
    min-width: 200px;
  }
  .profile_page .flex .left .git .proj .lists2 .box, .profile_page .flex .left .nft .proj .lists3 .box {
    min-width: 198px;
  }
  .add2 {
    width: 65.75%;
  }
  .add3 {
    width: 61.282%;
  }
  /*edit*/
}

@media screen and (max-width: 1100px) {
  .overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    overflow-x: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .overlay-content {
    width: 0;
    padding: 35px 20px 20px;
    float: none;
    text-align: left;
    height: 100%;
    background: #fff;
    overflow: auto;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    opacity: 0;
    visibility: hidden;
    display: block;
  }
  span.icontab {
    display: block;
    border-radius: 10px;
    color: #fff;
    width: 46px;
    margin-left: auto;
    background: #1967D2;
    text-align: center;
    padding: 9px 10px;
  }
  .mystyle {
    width: 101%;
    opacity: 1;
    left: -1px;
  }
  .overlay.mystyle {
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    overflow-x: hidden;
    visibility: visible;
  }
  a.closebtn {
    display: block;
    position: absolute;
    font-size: 35px;
    left: 255px;
    color: #000;
    z-index: 1031;
    top: -10px;
  }
  .noscroll {
    overflow: hidden;
  }
  body.noscroll::before {
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
  }
  .overlay.mystyle .overlay-content {
    width: 285px;
    position: fixed;
    opacity: 1;
    visibility: visible;
    text-align: left;
    padding: 70px 15px 30px;
  }
  .header_content .menu_content .flex .button_list .flex .log_btn,
  .header_content .menu_content .flex .button_list .flex .job_btn {
    margin-bottom: 15px;
    margin-right: 0px !important;
  }
  .button_list.addlist .cic_btn {
    max-width: 100% !important;
    margin-right: 0px !important;
  }
  .header_content {
    padding: 20px 0;
  }
  .overlay-content .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .menu {
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e1e1e1;
  }
  .header_content .menu_content .flex .button_list {
    max-width: 100%;
  }
  .button_list a {
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
  }
  .header_content .menu_content .flex .button_list .flex .log_btn,
  .header_content .menu_content .flex .button_list .flex .job_btn {
    width: 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .header_content .menu_content .flex .menu ul li:not(:last-child) {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .header_content .menu_content .flex .menu ul li {
    display: block;
  }
  .banner .ban_content h1 {
    font-size: 45px;
    line-height: 50px;
  }
  .overlay-content .dropdown.pro-btn {
    position: absolute;
    top: 10px;
    left: 0px;
  }
  .dropdown-menu {
    left: 55px;
    right: auto;
    top: 0px;
  }
  /*landing page*/
  .why_kelsa .box {
    padding: 50px 45px;
  }
  .tech ul li img {
    max-width: 160px;
    min-width: 160px;
  }
  .jobs_list .body {
    padding: 80px 0;
  }
  .landing_page .header_content .menu_content .flex .button_list .flex .job_btn {
    max-width: 140px;
  }
  .technology .techs {
    padding: 50px 50px;
  }
  /*landing page*/
  /*profile page*/
  .profile_page .flex .left {
    padding-right: 50px;
  }
  .profile_page .flex .right .details .conf,
  .profile_page .flex .right .intro .conf {
    right: 15px;
    top: 15px;
  }
  /*profile page*/
  /*edit profile page*/
  .profile_page._edit .flex .right .social .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .profile_page._edit .flex .right .social .txt {
    width: 100%;
    margin-bottom: 15px;
  }
  .profile_page._edit .right .details .blk {
    margin-bottom: 50px;
  }
  .profile_page._edit .flex .right .details .blk .txt .edit {
    top: unset;
    -webkit-transform: unset;
            transform: unset;
    bottom: -40px;
  }
  /*edit profile page*/
  /*Jobs listing*/
  .search_frm form .flex .s_frm:first-child {
    width: 34.329%;
  }
  .search_frm form .flex .s_frm:nth-child(3) {
    width: 24.692%;
  }
  .search_frm {
    padding: 75px 0;
  }
  .job_list .flex .left {
    max-width: 320px;
  }
  .job_list .flex .right {
    width: calc(100% - 320px);
    padding-left: 40px;
  }
  /*Jobs listing*/
  /*Post jobs*/
  .post_job .flex .post_page h2 {
    margin-bottom: 45px;
  }
  .post_job .flex .post_page {
    padding: 50px;
  }
  .post_job .flex .sidebar {
    max-width: 300px;
    padding: 40px 40px 40px 30px;
  }
  .post_job .flex .post_page .post_blk .p_list .blk .icon {
    width: 60px;
    height: 60px;
  }
  .post_job .flex .post_page .post_blk .p_list .blk .text {
    padding-left: 15px;
  }
  .header_content .menu_content .flex .button_list .flex .job_btn {
    padding: 5px 5px;
  }
  /*Post jobs*/
  /*edit*/
  .profile_page .flex .left .git .proj .lists2 .box, .profile_page .flex .left .nft .proj .lists3 .box {
    min-width: 202px;
  }
  .add2 {
    width: 66.75%;
  }
  /*edit*/
  .menu-bottom .iconogo {
    max-width: 100% !important;
  }
  .useraddbtns .menu {
    margin-right: 0px !important;
  }
}

@media screen and (max-width: 1024px) {
  .brand {
    padding: 50px 0;
  }
  .popular_jobs {
    padding-top: 30px;
  }
  .popular_jobs .body {
    -webkit-box-align: inherit;
        -ms-flex-align: inherit;
            align-items: inherit;
  }
  .banner .ban_content {
    padding: 85px 40px;
  }
  .banner .ban_content h1 {
    font-size: 40px;
  }
  .popular_jobs .body .box {
    padding: 40px 25px;
  }
  .jobs_list .head .nav li {
    max-width: 249px;
  }
  .jobs_list .body .tab-content .tab-pane .text h2 {
    font-size: 30px;
    margin-bottom: 35px;
  }
  .jobs_list .body .tab-content .tab-pane:nth-child(2) .text {
    padding-left: 60px;
  }
  .ft_content .ft_top {
    padding: 120px 0;
  }
  /*landing page*/
  .tech ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .tech ul li {
    margin: 0 60px 30px;
  }
  .landing_page .jobs_list._two .body .tab-content .tab-pane .img {
    padding-left: 25px;
  }
  .why_kelsa .box .head h1 {
    padding-left: 0;
    font-size: 35px;
    line-height: 35px;
  }
  .why_kelsa .body {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .why_kelsa .box {
    padding: 40px 10px;
  }
  .why_kelsa .box .body .blk {
    width: 31%;
  }
  .why_kelsa {
    padding-bottom: 70px;
  }
  .landing_page .jobs_list .head h2 {
    font-size: 35px;
    line-height: 35px;
  }
  .jobs_list .body {
    padding: 60px 0;
  }
  .jobs_list .body .tab-content .tab-pane .text p {
    max-width: 85%;
  }
  /*landing page*/
  /*Profile page*/
  .header_content.profile .prifle_dtl {
    padding-left: 10px;
  }
  .header_content.profile .prifle_dtl .dlt .flex .prfle {
    margin-left: 25px;
  }
  .header_content.profile .prifle_dtl .dlt .flex .prfle .img span {
    width: 35px;
    height: 35px;
  }
  .header_content.profile .prifle_dtl .dlt .flex .prfle .text h5 {
    padding: 0 25px 0 10px;
  }
  .header_content.profile .prifle_dtl .dlt .flex .list ul li:not(:last-child) {
    margin-right: 30px;
  }
  .header_content.profile .prifle_dtl .search .s_frm input {
    background-position: left 15px center;
    padding: 10px 15px 10px 50px;
  }
  .header_content.profile .prifle_dtl .search {
    max-width: 230px;
  }
  .profile_page {
    padding: 80px 0;
  }
  .profile_page .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .profile_page .flex .right {
    width: 100%;
    margin-bottom: 50px;
  }
  .profile_page .flex .right .details,
  .profile_page .flex .right .social,
  .profile_page .flex .right .skills {
    margin-bottom: 30px;
  }
  .profile_page .flex .left {
    padding-right: 0;
    width: 100%;
  }
  .profile_page .flex .right .intro .img img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .profile_page .flex .left .project .more,
  .profile_page .flex .left .git .more {
    right: 0;
  }
  /*Profile page*/
  /*edit profile page*/
  .profile_page._edit .flex .right .details .blk .txt .edit {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    bottom: unset;
  }
  /*edit profile page*/
  /*Jobs listing*/
  .search_frm {
    padding: 50px 0;
  }
  .search_frm form {
    padding: 30px;
    max-width: 400px;
    margin: auto;
  }
  .search_frm .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .search_frm form .flex .s_frm:first-child {
    width: 100%;
    border: none;
  }
  .search_frm form .flex .s_frm:nth-child(2) {
    width: 100%;
    border: none;
    padding: 0;
  }
  .search_frm form .flex .s_frm:nth-child(3),
  .search_frm form .flex .s_frm:last-child {
    width: 100%;
  }
  .search_frm form .flex .s_frm:last-child .find_btn {
    padding: 11px 0;
  }
  .search_frm form .flex .s_frm:not(:last-child) {
    margin-bottom: 10px;
  }
  .search_frm form .flex .s_frm {
    border-radius: 8px;
  }
  .search_frm form .flex .s_frm:first-child input,
  .search_frm form .flex .s_frm:nth-child(2) input {
    padding: 13px 20px 13px 50px;
    background-position: left 15px center;
  }
  .search_frm form .flex .s_frm:nth-child(3) {
    background-position: left 15px center;
    padding: 3px 20px 3px 45px;
  }
  .job_list .flex .left {
    max-width: 260px;
  }
  .job_list .flex .right {
    width: calc(100% - 260px);
    padding-left: 30px;
  }
  .job_list .flex .right .mid .box {
    padding: 25px;
  }
  .job_list .flex .right .mid .box .txt .btns ul li:not(:last-child) {
    margin-right: 10px;
  }
  .profile_page .flex .left .about:not(:last-child) {
    margin-bottom: 30px;
  }
  /*Jobs listing*/
  /*Post jobs*/
  .overlay2 {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    overflow-x: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .mystyle2 {
    width: 101%;
    opacity: 1;
    left: -1px;
  }
  .overlay2.mystyle2 {
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    overflow-x: hidden;
    visibility: visible;
  }
  .overlay-content2 {
    width: 0;
    padding: 35px 20px 20px;
    float: none;
    text-align: left;
    height: 100%;
    background: #fff;
    overflow: auto;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    opacity: 0;
    visibility: hidden;
    display: block;
  }
  .overlay2.mystyle2 .overlay-content2 {
    width: 260px;
    position: fixed;
    opacity: 1;
    visibility: visible;
    text-align: left;
    padding: 70px 15px 30px;
  }
  .post_job > .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .post_job .flex .post_page {
    width: 100%;
  }
  span.icontab2 {
    display: block;
    border-radius: 10px;
    color: #1967d2;
    width: 46px;
    background: #ffffff;
    text-align: center;
    padding: 9px 10px;
    font-size: 20px;
    border: 1px solid #1967d2;
  }
  a.closebtn2 {
    display: block;
    position: absolute;
    font-size: 35px;
    left: 230px;
    color: #000;
    z-index: 1031;
    top: 0px;
  }
  /*Post jobs*/
  /*edit*/
  .profile_page .flex .left .project .proj .lists .box {
    min-width: 232px;
  }
  .profile_page .flex .left .git .proj .lists2 .box {
    min-width: 222px;
  }
  .profile_page .flex .left .nft .proj .lists3 .box {
    min-width: 228px;
  }
  /*edit*/
}

@media screen and (max-width: 767px) {
  .header_content {
    padding: 15px 0;
  }
  .banner .ban_content {
    padding: 40px 35px;
  }
  .banner .ban_content h1 {
    font-size: 35px;
    line-height: 45px;
  }
  .banner .ban_content .box .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .banner .ban_content .box .ban_frm:not(:last-child) {
    padding-right: 0;
    margin-bottom: 25px;
  }
  .banner .ban_content .box .ban_frm:first-child {
    border-right: none;
    width: 100%;
  }
  .banner .ban_content .box .ban_frm:nth-child(2) {
    width: 100%;
  }
  .banner .ban_content .box {
    background: rgba(255, 255, 255, 0.8);
  }
  .popular_jobs .head {
    text-align: center;
  }
  .popular_jobs .head .all_btn {
    margin-bottom: -35px;
  }
  .popular_jobs .body .box:not(:nth-child(4)) {
    margin-right: 0;
  }
  .popular_jobs .body .box {
    width: 30%;
  }
  .popular_jobs .body .box:not(:nth-child(3n)) {
    margin-right: 3%;
  }
  .jobs_list .head .nav li {
    max-width: 220px;
  }
  .jobs_list .head .nav li a span {
    padding: 20px 20px 20px 35px;
  }
  .jobs_list .head .nav li:nth-child(2) a span,
  .jobs_list .head .nav li:nth-child(3) a span,
  .jobs_list .head .nav li:first-child a span {
    background-size: 23px !important;
  }
  .popular_jobs {
    padding-bottom: 35px;
  }
  .jobs_list .body {
    padding: 70px 0;
  }
  .jobs_list .body .tab-content .tab-pane .flex {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .jobs_list .body .tab-content .tab-pane .img {
    width: 65%;
    margin-bottom: 35px;
  }
  .jobs_list .body .tab-content .tab-pane .text {
    width: 100%;
    max-width: 370px;
    margin: auto;
  }
  .jobs_list .body .tab-content .tab-pane .text h2 span {
    display: inline;
  }
  .jobs_list .body .tab-content .tab-pane .text h2 {
    margin-bottom: 25px;
    text-align: center;
  }
  .jobs_list .body .tab-content .tab-pane .text .more_btn {
    margin: 30px auto 0;
  }
  .jobs_list .body .tab-content .tab-pane:nth-child(2) .text {
    padding-left: 0;
  }
  .ft_content .ft_bottom {
    padding: 25px 0;
    text-align: center;
  }
  .ft_content .ft_top h1 {
    font-size: 35px;
    line-height: 35px;
  }
  .ft_content .ft_top {
    padding: 85px 25px;
  }
  .jobs_list .body .tab-content .tab-pane .text p {
    max-width: 100%;
  }
  /*landing page*/
  .why_kelsa .box .head h1 {
    font-size: 30px;
    line-height: 30px;
    text-align: center;
  }
  .why_kelsa .body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .why_kelsa .box .body .blk {
    width: 100%;
  }
  .why_kelsa .box .body .blk:not(:last-child) {
    margin-bottom: 25px;
  }
  .popular_jobs .head .all_btn {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: auto;
    max-width: 100px;
  }
  .technology .head h2 {
    font-size: 30px;
    line-height: 30px;
    text-align: center;
  }
  /*landing page*/
  /*Profile page*/
  .profile_page .flex .left .top_profile .img {
    width: 80px;
  }
  .profile_page .flex .left .top_profile .img span {
    height: 80px;
  }
  .profile_page .flex .left .top_profile .txts {
    width: calc(100% - 80px);
  }
  .header_content.profile .prifle_dtl .dlt .flex .prfle .text {
    display: none;
  }
  .profile_page .flex .left .project .more,
  .profile_page .flex .left .git .more {
    right: 0;
    top: -15px;
  }
  .header_content.profile .prifle_dtl .search span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .header_content.profile .prifle_dtl .search .s_frm {
    width: 100%;
    position: absolute;
    right: 0;
    top: 35px;
    display: none;
  }
  .header_content.profile .prifle_dtl .dlt .flex .prfle {
    margin-left: 35px;
  }
  .header_content.profile .prifle_dtl {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .header_content.profile .prifle_dtl .search {
    margin-right: 35px;
  }
  .header_content.profile {
    padding: 15px 0;
  }
  .profile_page {
    padding: 60px 0;
  }
  .profile_page .flex .right .details .blk:last-child {
    margin-bottom: 0;
  }
  /*Profile page*/
  /*edit profile page*/
  .profile_page._edit .flex .left .edu .add_btn,
  .profile_page._edit .flex .left .exp .add_btn,
  .profile_page._edit .flex .left .project .add_btn,
  .profile_page._edit .flex .left .git .add_btn,
  .profile_page._edit .flex .left .nft .add_btn {
    right: 60px;
  }
  .profile_page._edit .right .details .blk {
    margin-bottom: 25px;
  }
  /*edit profile page*/
  /*Jobs listing*/
  .job_list {
    padding: 50px 0;
  }
  .job_list .container > .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .job_list .flex .left {
    max-width: 500px;
    margin: 0 auto 50px;
  }
  .job_list .flex .right {
    width: 100%;
    padding-left: 0;
  }
  .jobgridlist .col-md-3:not(:last-child) {
    margin-bottom: 25px;
  }
  /*Jobs listing*/
  /*Post jobs*/
  span.icontab2 {
    padding: 7px 10px;
  }
  .post_job .flex .post_page h2 {
    margin-bottom: 30px;
    font-size: 24px;
    line-height: 24px;
  }
  .post_job .flex .post_page {
    padding: 30px;
  }
  /*Post jobs*/
  /*edit*/
  .profile_page .flex .left .project .proj .lists .box {
    min-width: 198px;
  }
  .profile_page .flex .left .git .proj .lists2 .box {
    min-width: 199px;
  }
  .profile_page .flex .left .nft .proj .lists3 .box {
    min-width: 198px;
  }
  /*edit*/
}

@media screen and (max-width: 660px) {
  .banner .ban_content .box .ban_frm .find_btn {
    padding: 15px 0;
  }
  .jobs_list .head .nav li:last-child {
    max-width: 130px;
  }
  .jobs_list .head .nav li:first-child {
    max-width: 110px;
  }
  .jobs_list .head .nav li:nth-child(2) {
    max-width: 218px;
  }
  .header_content.profile .prifle_dtl .search {
    max-width: 155px;
  }
  /*profile page*/
  .header_content.profile .prifle_dtl .search .s_frm input {
    width: 180px;
  }
  .profile_page .flex .left .top_profile .txts .d_bt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .profile_page .flex .left .top_profile .txts .d_bt .coins {
    margin-bottom: 15px;
  }
  .profile_page .flex .left .edu .blk .cont .rtl ul li.green {
    margin-right: 0;
  }
  .profile_page .flex .left .edu .blk .cont .rtl ul li.blue,
  .profile_page .flex .left .exp .blk .cont .rtl ul li.blue {
    margin-bottom: 10px;
  }
  .profile_page .flex .left .top_profile .img {
    width: 65px;
  }
  .profile_page .flex .left .top_profile .img span {
    height: 65px;
  }
  .profile_page .flex .left .top_profile .txts {
    width: calc(100% - 65px);
  }
  .profile_page .flex .left .top_profile .txts h3 {
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 10px;
  }
  .profile_page .flex .left .top_profile {
    margin-bottom: 30px;
  }
  .profile_page .flex .left .nft .proj .box:first-child {
    width: 25.282%;
  }
  /*profile page*/
  /*Edit profile page*/
  .edit ul li:not(:last-child) {
    margin-bottom: 5px;
  }
  /*Edit profile page*/
  .profile_page .flex .left .top_profile .txts {
    width: 100%;
    text-align: center;
  }
  .profile_page .flex .left .top_profile .txts .dlts + div {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  /*Post jobs*/
  .post_job .flex .sidebar {
    padding: 25px 30px;
  }
  .post_job .flex .post_page .post_blk .p_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 225px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .post_job .flex .post_page .post_blk .p_list .blk:not(:last-child) {
    margin-bottom: 15px;
  }
  /*Post jobs*/
  /*edit*/
  .profile_page .flex .left .project .proj .lists .box, .profile_page .flex .left .git .proj .lists2 .box, .profile_page .flex .left .nft .proj .lists3 .box {
    min-width: 165px;
  }
  .add2 {
    width: 73.75%;
  }
  .add3 {
    width: 65.282%;
  }
  /*edit*/
}

@media screen and (max-width: 560px) {
  .ft_content .ft_bottom .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .ft_content .ft_bottom {
    padding: 15px 0;
  }
  .landing_page .ft_content .ft_bottom .flex a {
    margin-top: 10px;
  }
  .up_button a {
    right: 10px;
    bottom: 20px;
  }
  .popular_jobs .body .box {
    padding: 30px 25px;
  }
  .brand .brand_slider .item img {
    max-width: 125px;
  }
  .tech ul li {
    margin: 0 30px 25px 30px;
  }
  /*profile page*/
  .header_content.profile .prifle_dtl .search {
    max-width: 80px;
  }
  .profile_page {
    padding: 30px 0 50px;
  }
  .profile_page .flex .left .top_profile .txts .dlts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .profile_page .flex .left .git .proj,
  .profile_page .flex .left .nft .proj {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .profile_page .flex .left .git .proj .box {
    width: 35.75%;
    margin-bottom: 15px;
  }
  .profile_page .flex .left .git .proj .box:nth-child(2) {
    width: 30.59%;
  }
  .profile_page .flex .left .git .proj .box:nth-child(3) {
    width: 26.418%;
  }
  .profile_page .flex .left .nft .proj .box {
    margin-bottom: 15px;
  }
  .profile_page .flex .left .nft .proj .box:first-child {
    width: 35.282%;
  }
  .profile_page .flex .left .nft .proj .box {
    width: 28.662%;
  }
  .profile_page .flex .left .nft .proj .box:nth-child(2) {
    width: 30.944%;
  }
  /*profile page*/
  /*edit*/
  .profile_page .flex .left .project .proj .lists .box, .profile_page .flex .left .git .proj .lists2 .box, .profile_page .flex .left .nft .proj .lists3 .box {
    min-width: 215px;
  }
  .add {
    width: 48.5%;
  }
  .profile_page .flex .left .git .proj, .profile_page .flex .left .nft .proj {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  /*edit*/
}

@media screen and (max-width: 480px) {
  span.icontab {
    width: 40px;
    padding: 5px;
    border-radius: 5px;
  }
  .banner .ban_content {
    padding: 30px 25px;
  }
  .banner .ban_content h1 {
    font-size: 26px;
    line-height: 30px;
    text-align: center;
  }
  .banner .ban_content .box .ban_frm:first-child input {
    padding-right: 32px;
    background-position: right 0 center;
  }
  .brand {
    padding: 30px 0;
  }
  .popular_jobs .head h2 {
    font-size: 26px;
  }
  .popular_jobs .body .box {
    width: 100%;
    margin: 0 auto 25px !important;
    max-width: 190px;
  }
  .popular_jobs .head {
    margin-bottom: 65px;
  }
  .jobs_list .head .nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .jobs_list .head .nav li {
    max-width: 100% !important;
  }
  .jobs_list .head {
    border: none;
  }
  .jobs_list .head .nav li {
    max-width: 80% !important;
    margin: 0 auto 15px;
  }
  .jobs_list .head .nav li a span {
    padding: 10px 20px 10px 35px;
  }
  .jobs_list .head .nav li a {
    border: 1px solid #e1e1e1;
  }
  .jobs_list .head .nav li a:hover,
  .jobs_list .head .nav li a.active {
    border-color: #1967D2;
  }
  .jobs_list .body .tab-content .tab-pane .text h2 {
    font-size: 26px;
    line-height: 30px;
  }
  .jobs_list .body .tab-content .tab-pane .text ul li {
    background-position: left top 17px;
  }
  .ft_content .ft_top h1 {
    font-size: 26px;
    line-height: 30px;
  }
  .ft_content .ft_top .ft_frm .sub_btn {
    padding: 13px 0;
  }
  .ft_content .ft_top .ft_frm input[type="email"] {
    padding: 20px 140px 20px 20px;
  }
  .ft_content .ft_top {
    padding: 50px 25px;
  }
  /*landing page*/
  .popular_jobs .body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .tech ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .jobs_list .body {
    padding: 40px 0;
  }
  .landing_page .jobs_list .head h2 {
    font-size: 30px;
    line-height: 30px;
  }
  div#mc_embed_signup input#mc-embedded-subscribe {
    max-width: 100%;
    position: relative;
    margin-top: 10px;
    width: 100%;
    top: unset;
    -webkit-transform: unset;
            transform: unset;
  }
  #mc_embed_signup .foot {
    display: block !important;
    margin: 0 !important;
    width: 100% !important;
  }
  .modal-content .modal-body {
    padding: 0;
    margin-top: 20px;
  }
  /*landing page*/
  /*profile page*/
  .header_content.profile .prifle_dtl .dlt .flex .prfle {
    margin-left: 10px;
  }
  .header_content.profile .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .header_content.profile .prifle_dtl {
    width: 100%;
    padding: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .header_content.profile .prifle_dtl .search {
    max-width: 40px;
    margin-right: 25px;
  }
  .header_content.profile .prifle_dtl .dlt .flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .header_content.profile .prifle_dtl {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 15px;
  }
  .header_content.profile .prifle_dtl .dlt .flex .prfle {
    margin-left: 25px;
  }
  .header_content.profile .prifle_dtl .search .s_frm {
    top: 45px;
  }
  .profile_page .flex .left .top_profile .img {
    width: 50px;
  }
  .profile_page .flex .left .top_profile .img span {
    height: 50px;
  }
  .profile_page .flex .left .top_profile .txts {
    width: calc(100% - 50px);
  }
  .profile_page .flex .left .top_profile .txts .d_bt ul li:last-child {
    margin-top: 10px;
  }
  .profile_page .flex .left .edu .blk .cont .rtl ul li,
  .profile_page .flex .left .exp .blk .cont .rtl ul li {
    margin-right: 0;
  }
  .profile_page .flex .left .project .proj .box {
    width: 100%;
    max-width: 300px;
    margin: auto;
  }
  .profile_page .flex .left .project .proj .box:not(:last-child) {
    margin-bottom: 10px;
  }
  .profile_page .flex .left .project .proj .box:last-child,
  .profile_page .flex .left .git .proj .box,
  .profile_page .flex .left .git .proj .box:nth-child(2),
  .profile_page .flex .left .git .proj .box:nth-child(3) {
    width: 100%;
    max-width: 300px;
    margin: 0 auto 15px;
  }
  .profile_page .flex .left .git {
    margin-bottom: 30px;
  }
  .profile_page .flex .left .project h4,
  .profile_page .flex .left .git h4,
  .profile_page .flex .left .nft h4 {
    text-align: center;
  }
  .profile_page .flex .left .nft .proj .box:first-child,
  .profile_page .flex .left .nft .proj .box:nth-child(2),
  .profile_page .flex .left .nft .proj .box {
    width: 100%;
    max-width: 300px;
    margin: 0 auto 15px;
  }
  .header_content.profile {
    padding: 10px 0;
  }
  .profile_page .flex .right .tog_blk {
    padding: 20px 25px 25px;
  }
  .profile_page .flex .right .details {
    padding: 45px 30px;
  }
  .profile_page .flex .right .skills {
    padding: 30px;
  }
  /*profile page*/
  /*Jobs listing*/
  .job_list .flex .right .top > .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .job_list .flex .right .top .flex .rtr {
    margin: 10px auto 0;
  }
  .job_list .flex .right .top > .flex .ltr {
    text-align: center;
    width: 100%;
  }
  .job_list .flex .right .mid .box .icon {
    width: 40px;
  }
  .job_list .flex .right .mid .box .icon span {
    height: 40px;
  }
  .job_list .flex .right .mid .box .txt {
    width: calc(100% - 40px);
    padding-left: 10px;
  }
  .job_list .flex .right .mid .box .txt .ribbon {
    right: -15px;
    top: -15px;
  }
  .job_list .flex .right .mid .box .txt .detl ul:first-child {
    margin-right: 20px;
  }
  .job_list .flex .right .mid .box .txt .btns ul li {
    margin-bottom: 10px;
  }
  .job_list .flex .right .mid .box {
    padding: 20px;
  }
  .job_list .flex .left .industry form .i_frm {
    padding: 2px 18px 2px 38px;
  }
  .job_list .flex .left .c_size form .i_frm {
    padding: 2px 20px;
  }
  .profile_page .flex .left .top_profile .txts .dlts + div {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .profile_page .flex .left .top_profile .txts .dlts + div span {
    margin-bottom: 10px;
  }
  /*Jobs listing*/
  /*Post jobs*/
  span.icontab2 {
    padding: 4px 10px;
    width: 40px;
    border-radius: 5px;
  }
  .post_job .flex .post_page .post_blk form .p_frm {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .post_job .flex .post_page .post_blk form .p_frm ._p_frm {
    width: 100%;
  }
  .post_job .flex .post_page .post_blk form .p_frm ._p_frm:not(:last-child) {
    margin-bottom: 25px;
  }
  .post_job .flex .post_page .post_blk form .p_frm:last-child {
    text-align: center;
  }
  .post_job .flex .post_page .post_blk .p_list .blk .icon {
    width: 50px;
    height: 50px;
  }
  .post_job .flex .post_page .post_blk .p_list .blk .icon img {
    width: 45%;
  }
  .post_job .flex .post_page {
    padding: 30px 15px;
  }
  .post_job .flex .sidebar {
    padding: 20px 15px;
    max-width: 100%;
  }
  .profile_page .flex .left .exp .blk .cont .lft span b {
    word-break: break-all;
  }
  .profile_page .flex .left .top_profile .txts .dlts {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  /*Post jobs*/
  /*edits*/
  .profile_page .flex .left .project .proj .lists .box, .profile_page .flex .left .git .proj .lists2 .box, .profile_page .flex .left .nft .proj .lists3 .box {
    min-width: 100%;
  }
  .profile_page .flex .left .top_profile .txts > input, .add .top input, .add .bot textarea {
    width: 100%;
  }
  .add, .add2, .add3 {
    width: 50%;
  }
  .add.show + div, .add2.show + div, .add3.show + div {
    width: 50%;
  }
  .profile_page .flex .left .project h4, .profile_page .flex .left .git h4, .profile_page .flex .left .nft h4 {
    text-align: left;
  }
  /*edits*/
}

@media screen and (max-width: 380px) {
  .profile_page._edit .flex .right .details {
    padding: 40px 15px;
  }
  .profile_page._edit .flex .left .edu .add_btn,
  .profile_page._edit .flex .left .exp .add_btn,
  .profile_page._edit .flex .left .project .add_btn,
  .profile_page._edit .flex .left .git .add_btn,
  .profile_page._edit .flex .left .nft .add_btn {
    right: 0;
  }
  .profile_page .flex .left .project h4,
  .profile_page .flex .left .git h4,
  .profile_page .flex .left .nft h4 {
    text-align: left;
  }
  .profile_page._edit .flex .left .project .add_btn,
  .profile_page._edit .flex .left .git .add_btn {
    right: 60px;
  }
  /*Jobs listing*/
  .search_frm {
    padding: 35px 0;
  }
  .job_list .flex .right .mid .box .icon {
    width: 35px;
  }
  .job_list .flex .right .mid .box .icon span {
    height: 35px;
  }
  .job_list .flex .right .mid .box .txt {
    width: calc(100% - 35px);
  }
  .job_list .flex .right .mid .box .txt .detl ul:first-child {
    margin-right: 2px;
  }
  .job_list .flex .right .mid .box .txt .detl ul li:not(:last-child) {
    margin-right: 0;
  }
  /*Jobs listing*/
}

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