/**
 * @author Firstname Lastname <firstname.lastname@example.com>
 * @file Description
 * @desc Created on 2020-11-03 2:33:32 pm
 * @copyright GNU General Public License v3.0
 */

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

img {
  max-width: 100%;
  height: auto;
}


/* 
.graphic-mdl .card-header{
  min-height: 100px ;
} */
/* .container {
  max-width: 1170px;
  width: 100%;
  margin: auto;
  padding: 0px 15px;
} */

a,
a:hover,
a:active,
a:visited,
a:focus {
  text-decoration: none;
  text-transform: capitalize !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-transform: capitalize !important;
}







ul {
  margin-bottom: 0px;
}

a.site_a {
  position: relative;
  overflow: hidden;
  background-color: #f47920;
  color: #fff !important;
  font-size: 16px;
  text-align: center;
  display: inline-block;
  padding: 10px 15px !important;
}

a.site_a:after {
  transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  background-color: #000;
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 0px;
  height: 100%;
  content: "";
  display: block;
  z-index: 9;
}

a.site_a span {
  position: relative;
  z-index: 99;
}

a.site_a:hover:after {
  width: 100%;
}

.btn-danger {
  background-color: #e11523 !important;
}

h2.mn_heading {
  font-size: 40px !important;
  /* color: #000; */
  text-align: center;
}

a.btn-link {
  font-size: 18px;
  display: inline-block;
  text-align: center;
  color: rgba(0, 0, 0, 0.5);
  border: 1px solid #757575;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  min-width: 120px;
  text-decoration: none;
}

a.btn-infom {
  font-size: 20px;
  display: inline-block;
  text-align: center;
  color: #fff;
  border: none;
  background-color: red;
  border-radius: 100px;
  padding: 20px;
}


a.btn-info {
  font-size: 20px;
  display: inline-block;
  text-align: center;
  color: #fff;
  border: none;
  background-color: #068ccb;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  min-width: 150px;
  text-decoration: none;
  display: table;
}

a.btn-link:hover {
  text-decoration: none;
}

body {
  /* font-family: 'Baloo Tammudu 2', cursive; */
  font-family: "Open Sans", sans-serif;
}

/* ==================================Login SignUp Popup Css=====================================  */

.loginSignPopUp .modal-dialog {
  max-width: 920px;
}

.loginSignPopUp h1 {
  font-size: 2rem;
}

.loginSignPopUp .modal-content {
  background: none;
}

.loginSignPopUp button {
  border-radius: 20px;
  border: 1px solid #e11523;
  background-color: #e11523;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  padding: 10px 45px;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: transform 80ms ease-in;
  margin-top: 15px;
}

.loginSignPopUp button:active {
  transform: scale(0.95);
}

.loginSignPopUp button:focus {
  outline: none;
}

.loginSignPopUp button.ghost {
  background-color: transparent;
  border-color: #ffffff;
}

.loginSignPopUp form {
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0 50px;
  height: 100%;
  text-align: center;
}

.loginSignPopUp input {
  background-color: #eee;
  border: none;
  padding: 12px 15px;
  margin: 8px 0;
  width: 100%;
}

.loginSignPopUp form img {
  margin-top: 5px;
}

.loginSignPopUp input,
.loginSignPopUp select {
  background-color: #eee !important;
  border: none;
  padding: 7px 15px;
  margin: 4px 0;
  width: 100%;
  color: #000 !important;
  font-size: 14px;
  outline: none;
}

.loginSignPopUp .container {
  background: none;
  border-radius: 10px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  position: relative;
  overflow: hidden;
  max-width: 100%;
  min-height: 560px;
}

.loginSignPopUp .form-container {
  position: absolute;
  top: 0;
  height: 100%;
  transition: all 0.6s ease-in-out;
}

.loginSignPopUp .sign-in-container {
  left: 0;
  width: 50%;
  z-index: 2;
}

.loginSignPopUp .container.right-panel-active .sign-in-container {
  transform: translateX(100%);
}

.loginSignPopUp .sign-in-container ul {
  margin-bottom: 10px;
}

.loginSignPopUp .sign-in-container ul li label {
  color: #333;
  font-size: 14px;
  color: #333;
  /* font-weight: 600; */
  vertical-align: middle;
}

.loginSignPopUp .sign-in-container ul li a {
  color: #333;
  font-size: 14px;
  color: #068ccb;
  font-weight: 600;
}

.loginSignPopUp .sign-up-container {
  left: 0;
  width: 50%;
  opacity: 0;
  z-index: 1;
}

.loginSignPopUp .container.right-panel-active .sign-up-container {
  transform: translateX(100%);
  opacity: 1;
  z-index: 5;
  animation: show 0.6s;
}

@keyframes show {

  0%,
  49.99% {
    opacity: 0;
    z-index: 1;
  }

  50%,
  100% {
    opacity: 1;
    z-index: 5;
  }
}

.loginSignPopUp .overlay-container {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  height: 100%;
  overflow: hidden;
  transition: transform 0.6s ease-in-out;
  z-index: 100;
}

.loginSignPopUp .container.right-panel-active .overlay-container {
  transform: translateX(-100%);
}

.loginSignPopUp .overlay {
  background: #e11523;
  background: -webkit-linear-gradient(to right, #e11523, #e11523);
  background: linear-gradient(to right, #e11523, #e11523);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
  color: #ffffff;
  position: relative;
  left: -100%;
  height: 100%;
  width: 200%;
  transform: translateX(0);
  transition: transform 0.6s ease-in-out;
}

.loginSignPopUp .container.right-panel-active .overlay {
  transform: translateX(50%);
}

.loginSignPopUp .overlay-panel {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0 40px;
  text-align: center;
  top: 0;
  height: 100%;
  width: 50%;
  transform: translateX(0);
  transition: transform 0.6s ease-in-out;
}

.loginSignPopUp .overlay-left {
  transform: translateX(-20%);
}

.loginSignPopUp .container.right-panel-active .overlay-left {
  transform: translateX(0);
}

.loginSignPopUp .overlay-right {
  right: 0;
  transform: translateX(0);
}

.loginSignPopUp .container.right-panel-active .overlay-right {
  transform: translateX(20%);
}

/* ==========header========
=============================== */

header {
  background-color: #fff;
  z-index: 9;
  position: relative;
  padding: 0px 0px;
  -webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.15);
  height: auto;
  position: sticky;
    top: 0;
    z-index: 999;
}

header .logo img {
  width: 125px;
}

header .btn-danger {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
}

header ul li a {
  display: inline-block;
  color: black !important; 
  font-size: 13px;
  font-weight: 600;
}

header .navbar-expand-lg .navbar-nav .nav-link {
  padding: 0.5rem 1rem;
}

header a.nav-link.signUpd {
  color: #333333 !important;
  font-size: 14px;
  font-weight: 600;
  border-radius: 1000px;
}

header a.nav-link.signUpd:hover {
  color: #e11523 !important;
}

header ul.signin_ul li {
  margin-right: 0px !important;
}

 header ul li a:hover {
  color: #e11523 !important;
} 
header ul li a#cv_builder_pg.btn.btn-danger {
  font-size: 14px;
  font-weight: 600;
  border: 2px solid transparent;
}

header ul li a#cv_builder_pg.btn.btn-danger:hover {
  background: none !important;
  color: #e11523;
  border: 2px solid #e11523;
}

header ul.signin_ul li {
  margin-right: 0px !important;
}

header ul.signin_ul {
  border-left: 1px solid #666666;
}

header .navbar {
  padding: 0px;
}

/* ==========slider_sec=======
================================= */

#slider_sec {
  position: relative;
}

#slider_sec .slider_cnt {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 40px 0px;
  z-index: 99;
}

#slider_sec .slider_cnt .slider_cntinner {
  position: relative;
  height: 100%;
}

#slider_sec .slider_cnt .slider_cntinner .slider_cntmn {
  /* position: absolute;
    left: 0px;
    right: 0px;
    top: 50%;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%); */

  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%);
  height: 100%;
  width: 100%;
}

#slider_sec h1 {
  color: #fff;
  font-size: 43px;
  font-weight: 500;
  font-family: Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif !important;
  text-align: center;
}

#slider_sec p {
  font-size: 26px;
  color: #fff;
  font-weight: 400;
  text-align: center;
}

#slider_sec .search_form {
  width: 75%;
  margin: auto;
  border: 10px solid;
  border-color: rgba(256, 256, 256, 0.5);
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
}

.search_form .form-group {
  margin-bottom: 0px;
}

#slider_sec .search_form .search_dv {
  width: 50%;
  float: left;
  position: relative;
}

#slider_sec .search_form .search_dv:after {
  position: absolute;
  content: "";
  display: block;
  right: 0px;
  top: 10px;
  width: 1px;
  height: 40px;
  background-color: #7f7f7f;
}

#slider_sec .search_form .category_dv {
  width: 30%;
  float: left;
}

#slider_sec .search_form button {
  width: 20%;
  float: left;
}

#slider_sec .search_form form:after {
  content: "";
  display: block;
  clear: both;
}

#slider_sec .search_form input[type="search"] {
  border-radius: 100px 0px 0px 100px;
  -webkit-border-radius: 100px 0px 0px 100px;
  -moz-border-radius: 100px 0px 0px 100px;
  -ms-border-radius: 100px 0px 0px 100px;
  -o-border-radius: 100px 0px 0px 100px;
}

#slider_sec .search_form select {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
}

#slider_sec .search_form button {
  border-radius: 0px 100px 100px 0px;
  -webkit-border-radius: 0px 100px 100px 0px;
  -moz-border-radius: 0px 100px 100px 0px;
  -ms-border-radius: 0px 100px 100px 0px;
  -o-border-radius: 0px 100px 100px 0px;
}

#slider_sec .search_form input,
#slider_sec .search_form button,
#slider_sec .search_form select {
  border: none;
  outline: none;
  height: 60px;
  background-clip: inherit !important;
  padding: 10px 20px;
}

#slider_sec .search_form input:focus,
#slider_sec .search_form button:focus,
#slider_sec .search_form select:focus {
  box-shadow: none;
  outline: none;
  border: none;
}

#slider_sec .owl-dots {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 20px;
  z-index: 999;
}

/* ======home_pgmn_tb========
==================================== */

#home_pgmn_tb {
  margin-top: 50px;
}

/* ===========how_itwork_sec========
======================================= */

#how_itwork_sec {
  padding: 50px 0px;
  background-color: #f0f7f9;
}

#how_itwork_sec .nav-pills {
  margin-top: 20px;
  width: 35%;
  margin: auto;
  position: relative;
  /* border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px; */
  background: #e3ecef;
}

#how_itwork_sec .nav-pills .back_active {
  position: absolute;
  width: 33.333%;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  background-color: #e11523;
  left: 0px;
  z-index: 99;
  top: 0px;
  bottom: 0px;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}

#how_itwork_sec .nav-pills.slide1 .back_active {
  left: 0px;
}

#how_itwork_sec .nav-pills.slide2 .back_active {
  left: calc(33.333%);
}

#how_itwork_sec .nav-pills.slide3 .back_active {
  left: calc(100% - 33.333%);
}

#how_itwork_sec .nav-pills li a {
  color: #000;
}

#how_itwork_sec .nav-pills li a.active {
  color: #fff;
  background: red;
}

#how_itwork_sec .nav-pills li span {
  position: relative;
  z-index: 999;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  background-color: transparent;
  color: #fff;
}

#how_itwork_sec .how_itwork_mndv {
  margin-top: 50px;

}

#how_itwork_sec .how_itwork_mndv.find_Dream {
  margin-top: 0px;
  height: 70%;
  align-items: center;
  display: flex;
}

#how_itwork_sec .how_itwork_mndv .circle_ico svg {
  font-size: 28px;
  color: #fff;
}

#how_itwork_sec .how_itbx .circle_icoinner span {
  display: block;
  height: 30px;
  width: 30px;
  line-height: 30px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: #fff;
  color: #000;
  font-size: 12px;
  position: absolute;
  left: -5px;
  top: 10px;
  z-index: 9999;
  -webkit-box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.75);
}

#how_itwork_sec .how_itbx .circle_icoinner {
  height: 95px;
  width: 95px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: #2980b9;
  line-height: 105px;
  text-align: center;
  margin: auto;
  -webkit-box-shadow: 4px 4px 12px 0px rgba(41, 128, 185, 0.75);
  -moz-box-shadow: 4px 4px 12px 0px rgba(41, 128, 185, 0.75);
  box-shadow: 4px 4px 12px 0px rgba(41, 128, 185, 0.75);
  position: relative;
}

#how_itwork_sec .how_itbx .circle_icoinner2 {
  background-color: #16a085;
  -webkit-box-shadow: 4px 4px 12px 0px rgba(22, 157, 131, 0.75);
  -moz-box-shadow: 4px 4px 12px 0px rgba(22, 157, 131, 0.75);
  box-shadow: 4px 4px 12px 0px rgba(22, 157, 131, 0.75);
}

#how_itwork_sec .how_itbx .circle_icoinner3 {
  background-color: #e67e22;
  -webkit-box-shadow: 4px 4px 12px 0px rgba(230, 126, 34, 0.75);
  -moz-box-shadow: 4px 4px 12px 0px rgba(230, 126, 34, 0.75);
  box-shadow: 4px 4px 12px 0px rgba(230, 126, 34, 0.75);
}

#how_itwork_sec .how_itbx .circle_icoinner4 {
  background-color: #e62222;
  -webkit-box-shadow: 4px 4px 12px 0px rgba(230, 34, 34, 0.75);
  -moz-box-shadow: 4px 4px 12px 0px rgba(230, 34, 34, 0.75);
  box-shadow: 4px 4px 12px 0px rgba(230, 34, 34, 0.75);
}

#how_itwork_sec .how_itbx .circle_icoinner i {
  display: inline-block;
  color: #fff;
  font-size: 30px;
}

#how_itwork_sec .how_itbx h4 {
  font-size: 20px;
  color: #393939;
  text-align: center;
  margin-top: 15px;
}

#how_itwork_sec .how_itbx p {
  font-size: 15px;
  color: #777777;
  /* text-align: justify; */
  text-align-last: center;
  -moz-text-align-last: center;
  -ms-text-align-last: center;
}

/* ======top_hiringcom_sec======
====================================== */

#top_hiringcom_sec {
  padding: 50px 0px;
  background-color: #f0f7f9;
}

#top_hiringcom_sec a.btn-link {
  display: table;
}

#top_hiringcom_sec .hiring_combx {
  background-color: #fff;
  padding: 22px 12px;
  border: 1px solid #eaedea;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-bottom: 1px solid #e11523;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  display: block;
  padding-top: 10px;
}

#top_hiringcom_sec .hiring_combx img {
 width: 419px;
    height: 150px;
}

/* #top_hiringcom_sec .hiring_combx:hover {
  margin-top: -10px;
} */

#top_hiringcom_sec .hiring_combx h4 {
  text-align: center;
  font-size: 16px;
  color: #000;
  margin-top: 12px;
}

#top_hiringcom_sec .hiring_combx h6 {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
}

#top_hiringcom_sec .hire_cominnerdv {
  margin-top: 0px;
}

.company_prorating li:first-child span {
  background-color: green;
  display: inline-block;
  padding: 1px 4px;
  color: #fff;
}

.ad_dv {
  margin-bottom: 80px;
  /* padding: 20px 0px;
  background: #ebebeb; */
}


/* =========best_freelancer_sec======
=========================================== */

.best_freelancer_sec_hpg a.btn-info {
  min-width: 85px;
  font-size: 14px;
}

.best_freelancer_sec_hpg h3 {
  font-size: 18px;
}

/* #best_freelancer_sec.best_freelancer_sec_hpg .freelancer_imgdv img{ margin-top:-82px;} */

#best_freelancer_sec.best_freelancer_sec_hpg .freelancer_imgdv {
  width: 117px;
  height: 129px;
  position: relative;
  top: -50px;
}

#best_freelancer_sec.best_freelancer_sec_hpg .freelancer_imgdv img {
  height: 100% !important;
  object-fit: cover;
  overflow: hidden;
  width: 100%;
}

#best_freelancer_sec.best_freelancer_sec_hpg .best_freelancer_bx ul.list-inline.mt-2 {
  margin-top: -30px !important;
}

#best_freelancer_sec.best_freelancer_sec_hpg .best_freelancer_bx>.d-flex>ul:last-child {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

#best_freelancer_sec.best_freelancer_sec_hpg .col-md-6 {
  margin-top: 55px;
}

#best_freelancer_sec.best_freelancer_sec_hpg .best_freelancer_bx {
  height: 100%;
  margin: 0px !important;
}

#best_freelancer_sec {
  padding: 50px 0px;
}

#best_freelancer_sec a.btn-link {
  display: flex;
  justify-content: center;
  align-items: center;
}

#best_freelancer_sec .best_freelancer_bx {
  padding: 15px;
  border: 1px solid #e5e5e5;
  background-color: #fdfefe;
  margin-top: 55px;
  position: relative;
}

#best_freelancer_sec .best_freelancer_bx h4 {
  font-size: 20px;
  text-align: left;
  color: #000;
}

#best_freelancer_sec .best_freelancer_bx h6 {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.5);
}

#best_freelancer_sec .best_freelancer_bx h6 i {
  display: inline-block;
  color: #eb6770;
}

#best_freelancer_sec .best_freelancer_bx p {
  margin-bottom: 0px;
  margin-top: 12px;
  font-size: 16px;
  text-align: justify;
  color: rgba(0, 0, 0, 0.6);
}

/* #best_freelancer_sec .freelancer_imgdv img {
    margin-top: -32px;
} */

/* ======latest_prosec========
=================================== */

#latest_prosec {
  padding: 50px 0px;
  background-color: #f0f7f9;
}

#latest_prosec a.btn-link {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all 0.5s ease-in-out;
  width: 350px;
  margin: auto;
  margin-top: 50px;
  border: 0;
  background: #068ccb;
  color: #fff;
  padding: 12px;
}

/* #latest_prosec a.btn-link {
  display: block;
 text-align: right;
 margin-top: -25px;
  text-decoration: none;
  transition: all 0.5s ease-in-out;
  border: none;
} */

/* #latest_prosec a.btn-link:focus-within {
  border: none;
} */

#latest_prosec a.btn-link:hover {
  background: #cc2127;
  color: #fff;
}

#latest_prosec .latest_pro_bx {
  /* border: 1px solid #d9d9d9; */
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  margin-bottom: 30px;
  /* height: 388px;

  min-height: 386px; */

}

#latest_prosec .latest_pro_bx .latest_pro_bxtp {
  /* background-color: #fff; */
  padding: 15px;
  border-radius: 7px;
  /* min-height: 290px; */
  /* background: #fff; */
  display: flex;
  flex-direction: column;
  align-items: center;
  /* justify-content: space-between; */
  height: 100%;

}

#latest_prosec .latest_pro_bx {

  min-height: 300px;
  background: #fff;

}


#latest_prosec .latest_pro_bx  img {
  width: 100%;
  max-width: 120px;
  margin: auto;
}

#latest_prosec .latest_pro_bx .latest_pro_bxtp .totalApplications {
  font-size: 14px;
  /* border: 1px solid #848484;
    color: #333; */
}

#latest_prosec .latest_pro_bx .latest_pro_bxtp h4 {
  font-size: 20px;
  font-weight: 700; 
  /* text-align: center; */
}
.latest_pro_bx .latest_pro_bxtp .row li div.d-flex.justify-content-between {align-items: flex-start;}

#latest_prosec .latest_pro_bx .latest_pro_bxtp h5 {
  margin-bottom: 5px;
}

#latest_prosec .latest_pro_bx .latest_pro_bxtp h5 span:before {
  margin-left: 0px;
  margin-right: 8px;
  color: #db3f5d;
}

#latest_prosec .latest_pro_bx .latest_pro_bxtp p {
  font-size: 16px;
  text-align: justify;
  color: rgba(0, 0, 0, 0.7);
  margin-top: 12px;
  width: 100%;
}

/* #latest_prosec .latest_pro_bx .latest_pro_bxtp i {
  width: 26px;
} */

.latest_pro_bxbtm {
  background-color: #f9f9f9;
  padding: 12px 30px;
  border-top: 1px solid #d9d9d9;
}

.latest_pro_bxbtm p {
  margin-bottom: 0px;
}

.latest_pro_bxbtm p span:before {
  color: #db3f5d;
}

/*
  	Flaticon icon font: Flaticon
  	Creation date: 03/11/2020 13:10
  	*/

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

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Flaticon";
    src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
  font-family: Flaticon;
  font-size: 20px;
  font-style: normal;
  margin-left: 20px;
}

.flaticon-dollar:before {
  content: "\f100";
}

.flaticon-man-user:before {
  content: "\f101";
}

/* ===========millions_ofjob_sec========
=========================================== */

#millions_ofjob_sec {
  padding: 50px 0px;
}

#millions_ofjob_sec h2 {
  text-align: left;
}

#millions_ofjob_sec p {
  text-align: justify;
  font-size: 16px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.8);
}

#millions_ofjob_sec .btn {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  width: max-content;
  padding: 6px 30px;
  display: block;
}

/* ===========footer========
================================== */

footer {
  background-color: #f0f7f9;
  padding: 50px 0px 0px;
}

footer h5 {
  font-size: 20px;
  color: #222222;
  margin-bottom: 20px;
}

footer ul li a {
  display: inline-block;
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
}

footer ul li {
  margin-bottom: 10px;
}

footer input[type="email"] {
  margin-bottom: 10px;
}

footer .copyright_dv {
  padding: 22px 0px;
  border-top: 1px solid #ebebeb;

}

footer .copyright_dv p {
  margin-bottom: 0px;
  font-size: 14px;
}

footer .copyright_dv ul li {
  margin-bottom: 0px;
}

.social_ico li a {
  display: inline-block;
  height: 35px;
  width: 35px;
  border-radius: 5px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  overflow: hidden;
}


.none a {
  display: none !important;
}


.none .facebookSIco {
  display: inline-block !important;
}

/* .social_ico li:first-child a {
    background-color: #3b5998;
}

.social_ico li:nth-child(2) a {
    background-color: #ce332d;
}

.social_ico li:nth-child(3) a {
    background-color: #6acff4;
}

.social_ico li:last-child a {
    background-color: #527fa4;
} */

/* ========inner_pghead========
======================================= */

/* #inner_pghead {
  background-color: #00000066;
  padding: 30px 0px;
  height: 480px;
  
} */

#inner_pghead {

  padding: 0px 0px;
  height: 480px;
  
}

#inner_pghead img {
  width: 400px;
}

#inner_pghead h1 {
  color: #fff;
  font-size: 42px;
  font-weight: 500;
  font-family: Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif !important; 

}

.breadcrumb {
  background-color: transparent;
  padding: 0px;
}

#jobseeker_pg {
  background-color: #eef6f9;
  padding: 50px 0px;
}

#jobseeker_pg #freelancer_list_pg {
  background-color: transparent;
}

/* #jobseeker_pg .jobseeker_category {
  padding: 15px;
} */

#jobseeker_pg .jobseeker_category h5 {
  margin: 0;
}

#jobseeker_pg #freelancer_list_pg {
  padding-top: 0px !important;
}

.job_search_sec {
  padding: 15px 20px;
  margin-bottom: 0px;
  background-color: #fff;
}

.job_search_sec .form-control {

  height: calc(2rem + 0.75rem + 2px);
  font-size: 18px;

}

.job_search_sec .btn {

  height: calc(2rem + 0.75rem + 2px);
  font-size: 18px;

}

.job_search_sec .form-group {
  margin-bottom: 0px;
}

.job_search_sec .chosen-container-multi .chosen-choices {

  border-radius: 4px;
  height: calc(2rem + 0.75rem + 2px);
  display: flex;
  align-items: center;
}

.job_search_sec h4 {
  color: #333333;
  text-align: left;
  font-size: 18px;
  border-bottom: none;
  margin-bottom: 10px;
  padding-bottom: 0;
}

.job_search_sec h6 {
  font-size: 16px;
  margin-bottom: 30px;
  text-align: left;
  color: rgba(0, 0, 0, 0.7);
}

/* =======job_searchdetail_dv======
======================================= */

.job_searchdetail_dv {

  /* padding: 0px 60px; */
  /* padding-top: 30px; */
}

.job_searchdetail_dv .job_soryby {
  background-color: #f8fafd;
  padding: 8px 15px;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  margin-bottom: 15px;
}

.job_searchdetail_dv .job_soryby ul,
.job_searchdetail_dv .job_soryby p {
  padding: 0px;
  margin: 0px;
}

.job_searchdetail_dv .job_soryby p span {
  color: #078bca;
  display: inline-block;
}

.job_searchdetail_dv .job_soryby p {
  font-size: 16px;
  color: #4c4c4c;
}

.job_searchdetail_dv .job_soryby select {
  background-color: transparent;
  border: none;
  color: #078bca;
}

.job_searchdetail_dv .job_soryby select option {
  color: #078bca;
}

.job_searchdetail_dv .job_soryby ul li {
  margin-right: 0px !important;
}

.job_searchdetail_dv .job_soryby select {
  padding: 0px;
}

/* =======jobseeker_prodv=====
=================================== */

#latest_prosec.jobseeker_prodv {

  padding-top: 5px;
}

#latest_prosec.jobseeker_prodv h5 {
  font-size: 16px;
  color: #000;
  margin-bottom: 15px;
}

#latest_prosec.jobseeker_prodv p {
  font-size: 14px !important;
  color: rgba(0, 0, 0, 0.7) !important;
  margin-bottom: 8px !important;
  margin-top: 0px !important;
  text-align: left;
}

#endlessPosibSec {
  padding: 30px 0px 0px;
}

#latest_prosec.jobseeker_prodv .jobseeker_btn {
  margin-top: -30px;
  justify-content: flex-end;
  margin-top: 20px;
  align-items: center;
}

#latest_prosec.jobseeker_prodv .jobseeker_btn .btn {
  padding-left: 25px;
  padding-right: 25px;
  font-size: 14px;
  background: #0090d6 !important;
  color: #fff;
  font-weight: bolder;
  justify-content: center;
}

.jobseeker_category {
  /* background-color: #f8fafd; */
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  /* padding: 30px; */
  /* margin-bottom: 30px; */
  /* padding-top: 15px; */
}

.company_listpg .jobseeker_category {
  padding: 20px;
  padding-bottom: 0;
}

.company_listpg .jobseeker_category h5 {
  margin: -20px -20px 20px;
}

.company_listpg .company_searchdv.companyDetailOverviewContainer {
  margin-top: 70px;
}
.left_scroll {
  margin-top: 30px;
  position: sticky;
  top: 78px;
  height: calc(100vh - 100px);
  overflow: auto;
}



.project_pgmn .companyDetailOverviewContainer {
  padding: 15px !important;
  padding-bottom: 0px !important;
}

.project_pgmn .companyDetailOverviewContainer h5 {
  margin-top: -15px;
  margin-left: -15px;
  margin-right: -15px;
}

.freelancer_listed_dv .company_searchdv {
  padding: 0px;
  background-color: transparent;
}

.jobseeker_category h5 {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 15px;
  margin-top: 0px;
  padding-bottom: 15px;
  border-bottom: 1px solid #adafb1;
}

.jobseeker_category ul li {
  margin-bottom: 12px;
}

#applyJob .active3,
#applyJob .active2,
#applyJob .active1,
#applyJob .active {
  background: #f2f1f1;
}

#applyJob .what1,
#applyJob .what2,
#applyJob .what3 {
  position: relative;
}

#applyJob .modal-dialog {
  max-width: 1200px;
  width: 80%;
}

#applyJob .modal-dialog i.fa-file-pdf {
  font-size: 22px;
  color: #e11523;
}

#applyJob .modal-dialog i.fa-check-circle {
  font-size: 18px;
  color: #e11523;
  display: none;
  font-size: 18px;
  color: #e11523;
  display: none;
  position: absolute;
  top: 10px;
  right: 10px;
}

#applyJob .modal-dialog input,
#applyJob .modal-dialog textarea {
  font-size: 12px;
  padding: 6px 12px;
  display: block;
  height: 50px;
}

.row.apply_job input[type=radio] {
  font-size: 12px;
  padding: 14px 15px !important;
  display: inline-block !important;
  height: auto !important;
  margin-left: 3px;
  margin-right: 10px;
}

.row.apply_job label.form-check-label {
  margin-left: 20px;
  margin-right: 15px;
}

#applyJob .modal-dialog .apply_job input, #applyJob .modal-dialog .apply_job textarea {

  height: auto ;
}

#applyJob .modal-dialog .apply_job .form-control {
  margin-bottom: 15px;
  font-size: 12px;
}

  #applyJob .modal-dialog .apply_job label {

    font-size: 12px;
}

#applyJob .modal-dialog textarea {
  height: 120px;
  resize: none;
}

#applyJob .modal-dialog input[type="submit"] {
  width: 100%;
  height: 50px;
  background: #e11523;
  /* float: left; */
  text-align: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  font-size: 16px;
  color: #fff;
  border: 1px solid transparent;
  /* line-height: 48px; */
  text-transform: capitalize;
  -webkit-backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition: background-color 0.6s, color 0.6s;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;
}

#applyJob .modal-dialog .active3 i.fa-check-circle,
#applyJob .modal-dialog .active2 i.fa-check-circle,
#applyJob .modal-dialog .active1 i.fa-check-circle,
#applyJob .modal-dialog .active i.fa-check-circle {
  display: block;
}

#applyJob .modal-dialog .close {
  /* float: right; */
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 30px;
  color: #fff;
  /* text-shadow: 0 1px 0 #fff; */
  /* opacity: .5; */
  position: absolute;
  top: 0px;
  right: 15px;
  /* background: #e11523; */
  /* height: 30px; */
  /* width: 30px; */
  opacity: 1;
  /* border-radius: 50%; */
}

/* #applyJob .modal-dialog .close span {
  position: absolute;
  top: 0px;
  background: #e11523;
  height: 30px;
  width: 30px;
  opacity: 1;
  border-radius: 50%;
} */

/* =============================Job Details Page=============================== */

#jobDetails {
  background-color: #fff;
  padding: 50px 0px;
}

#jobDetails .jobDetailDv {
  /* background-color: #fff; */
  padding: 0px;
  padding-top: 30px;
}

#jobDetails .jobDetailDv .jobDetailOverviewContainer {
  border: 1px solid #cccccc80;
  background: #fff;
}

#jobDetails .jobDetailDv .jobDetailOverviewContainer h5 {
  background: #e11523;
  padding: 15px 25px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

#jobDetails .jobDetailDv .jobDetailOverviewContainer .jobOverview {
  padding: 15px 25px;
  text-align: center;
  border-bottom: 1px solid #cccccc80;
}

#jobDetails .jobDetailDv .jobDetailOverviewContainer .jobOverview h6 {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  margin-top: 20px;
}

#jobDetails .jobDetailDv .jobDetailOverviewContainer .jobOverview p {
  color: #e11523;
  font-size: 15px;
}

#jobDetails .jobDetailDv .jobDetailOverviewContainer .jobOverviewDetail {
  padding: 15px 25px;
}

#jobDetails .jobDetailDv .jobDetailOverviewContainer .jobOverviewDetail li p {
  /* display: block; */
  color: #666;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
}

#jobDetails .jobDetailDv .jobDetailOverviewContainer .jobOverviewDetail li p span {
  display: block;
  color: #999;
  font-size: 14px;
}

#jobDetails .jobDetailDv .jobDetailOverviewContainer a {
  background: #dc3545;
  color: #fff;
  display: block;
  margin: 15px;
  margin-top: 0px;
  padding: 15px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}

#jobDetails .job_detailInner {
  border: 1px solid #cccccc80;
}

#jobDetails .job_detailInner .detailSection {
  /* padding: 30px; */
  border-bottom: 1px solid #cccccc80;
}

#jobDetails .job_detailInner .detailSection h4 {
  /* font-size: 18px; */
  /* font-weight: 600; */
  /* margin-bottom: 30px; */
  /* color: #444; */
  background: #e11523;
  padding: 15px 25px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

#jobDetails .job_detailInner .detailSection p {
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 0px;
  color: #666;
  text-align: justify;
  white-space: pre-wrap;
}

/* #jobDetails .job_detailInner .detailSection a {
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 15px;
  color: #666;
  text-align: justify;
} */

#jobDetails .job_detailInner .detailSection a {
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 15px;
  color: #e11523;
  text-align: justify;
  margin-left: 23px;
  margin-bottom: 15px;
  display: inline-block;
}

#jobDetails .job_detailInner .detailSection li {
  position: relative;
  padding-left: 20px;
  font-size: 15px;
  color: #444;
  padding-bottom: 20px;
}

#jobDetails .job_detailInner .detailSection li:before {
  content: "\f0da";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  position: absolute;
  left: 0;
}

/* =========companies_pg=======
====================================== */

#jobseeker_pg.companies_bg .job_searchdetail_dv {
  background-color: transparent;
  padding: 0px;
}

.companies_bg .companyPage {
  padding: 50px 0px;
}

/* ========companies_pgsec========
====================================== */

#top_hiringcom_sec.companies_pgsec {
  background-color: transparent;
  padding-top: 0px;
}

#top_hiringcom_sec.companies_pgsec .hiring_combx {
  text-align: center;
  height: 100%;
  position: relative;
  padding-bottom: 15px;
}

#top_hiringcom_sec.companies_pgsec .col-md-4 {
  margin-bottom: 30px;
  align-self: stretch;
}

#top_hiringcom_sec.companies_pgsec .hiring_combx a {
  display: inline-block;
  color: rgb(255, 255, 255);
  /* width: 90%; */
  flex: 15; width: calc(100% - 150px);
}

.cvProfileCnt ul li i {

  color: #e11523;
}

#top_hiringcom_sec.companies_pgsec .hiring_combx a.btn {
  /* left: 560px; */
  min-width: 130px;
  width: auto !important;
  position: absolute;
  padding: 8px;
  right: 13px;
  /* bottom: 0; */
  margin-left: auto;
  text-align: center;
  top: 16px;
  /* width: 10%; */
  flex: 1;
}

.project_search_forminput {
  width: 55%;
}

.company_searchdv {
  /* background-color: #f8fafd; */
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;

  /* width: 70%;
  margin: auto; */
  /* padding: 30px; */
  /* margin-top: 30px; */
}

/* .freelancer_listed_dv.p-3 {
  max-width: 70%;
  margin: auto;
} */

.company_searchdv input {
  margin-bottom: 12px;
  height: 45px;
}

.company_searchdv input[type="text"] {
  padding-left: 45px;
}

.company_searchdv .company_searchfield {
  position: relative;
}

.company_searchdv .company_searchfield i {
  position: absolute;
  display: inline-block;
  color: #6d6d6d;
  font-size: 20px;
  left: 15px;
  top: 13px;
}

/* ================================================Company Detail Page =============================================*/

.companyDetailPage {
  padding: 40px 0px;
}

.companyDetailPage .companyInfoContainer {
  display: flex;
  align-items: center;
  /* margin: 30px 0px; */
  border: 1px solid #cccccc80;
  padding: 30px;
  margin-bottom: 30px;
}

.companyDetailPage .companyInfoContainer .companyLogoContainer {
  width: 100%;
  margin-right: 20px;
  background: #f2f1f1;
  padding: 30px 15px;
  text-align: center;
  margin-bottom: 30px !important;
}

.companies_bg .companyDetailPage .companyInfoContainer .companyLogoContainer {
  width: 200px;
}

.companyDetailPage .companyInfoContainer .companySortInfo {
  flex: 1;
}

.companyDetailPage .companyInfoContainer .companySortInfo h5 {
  font-size: 22px;
  font-weight: 600;
  color: #333;
  margin-bottom: 0px !important;
}

.companyDetailPage .companyInfoContainer .companySortInfo li {
  font-size: 15px;
  font-weight: 500;
  color: #333;
}

.companyDetailPage .companyInfoContainer .companySortInfo li i {
  color: #e11523;
}

.companyDetailPage .companyInfoContainer .infoButtonContainer a {
  background: #e11523;
  color: #fff;
  padding: 10px 30px;
}

/* .companyDetailPage .companyDetailOverviewContainer {
  border: 1px solid #cccccc80;
  background: #fff;
} */

.companyDetailPage .companyDetailOverviewContainer h5 {
  background: #e11523;
  padding: 15px 25px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

.companyDetailPage .companyDetailOverviewContainer .companyOverviewDetail {
  padding: 15px 25px;
}

.companyDetailPage .companyDetailOverviewContainer .companyOverviewDetail li p {
  /* display: block; */
  color: #666;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
}

.companyDetailPage .companyDetailOverviewContainer .companyOverviewDetail li p span {
  display: block;
  color: #999;
  font-size: 14px;
}

.companyDetailPage .companyDetailOverviewContainer a {
  background: #e11523;
  color: #fff;
  display: block;
  margin: 15px;
  margin-top: 0px;
  padding: 15px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  border-radius: 30px;
}

.companyDetailPage .companyDetailOverviewContainer a.badge {
  padding: 6px 10px;
  font-size: 14px;
  margin: 0px;
  margin-bottom: 8px;
}

.companyDetailPage .companyDetailOverviewContainer p a {
  padding: 0px;
  display: inline-block;
  background-color: transparent;
  color: #e11523;
  text-decoration: underline;
  margin: 0px;
}

.companyDetailPage .companySocial {
  padding: 30px 0px;
}

.companyDetailPage .companySocial li a {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  border: 1px solid #cccccc80;
  padding: 0px;
  text-align: center;
  line-height: 40px;
  background: none;
  color: #333;
  margin: 0px 10px;
}





.slect-conty {
    align-items: center !important;
}


.slect-conty2 {
    align-items: center !important;
}

.companyDetailPage .companySocial li a:hover {
  border: 1px solid #e11523;
  color: #e11523;
}

.companyDetailInner {
  border: 1px solid #cccccc80;
}

.companyDetailInner .detailSection {
  padding: 30px;
  border-bottom: 1px solid #cccccc80;
}

.companyDetailInner .detailSection h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 30px;
  color: #444;
}

.companyDetailInner .detailSection p {
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 15px;
  color: #666;
  text-align: justify;
}

.companyDetailInner .detailSection a {
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 15px;
  color: #666;
  text-align: justify;
}

.jobseeker_prodv h3 {
  font-size: 20px;
  font-weight: 700;
}

/*=============================================Freelancer=============================================*/

.freelancer_pg {
  padding-top: 50px;
  background: #f8fdff;
}

.freelancer_pg .freelancerContainer .job_soryby {
  background: #fff;
  padding: 8px 15px;
}

.job_soryby select {
  /* border: none; */
}

.job_soryby .form-control:focus {
  outline: none;
  box-shadow: none;
  border-color: inherit;
}

/*============================================Freelancer_page============================================*/

.freelancerPgListContainer .hiring_combx p {
  text-align: justify;
  font-size: 14px;
  color: #333;
  margin-bottom: 0px;
  margin-top: 15px;
  /* width:50%; */
}

.projectContainer .bottomTags p strong {
  margin-left: 7px;
  margin-right: 2px;
}

.projectContainer .bottomTags p strong:first-child
 {
  margin-left: 0px;
 
}

.freelancerContainer .company_searchdv,
.freelancerContainer .jobseeker_category {
  background: #fff;
}

.freelancerPgListContainer .hiring_combx {
  position: relative;
  border-radius: 0px !important;
  border-bottom: none !important;
}

.freelancerPgListContainer .hiring_combx:before {
  content: "";
  width: 1px;
  height: 60%;
  background: #e11523;
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 0px;
}

.freelancerPgListContainer .hiring_combx a.btn {
  background: #e11523;
  color: #fff;
  margin-top: 0px !important;
}

.freelancerPgListContainer .freelancerImageContainer {
  margin-right: 20px;
  margin-top: -40px;
}

/*=======================================Project=======================================Page */

.projectContainer {
  margin-top: 0px !important;
}

.projectContainer .bottomTags {
  margin-bottom: 0px;
  border-top: 1px solid #cccccc80 !important;
  padding-top: 10px;
}

.projectContainer .bottomTags a {
  margin-top: 0px !important;
  color: #333;
}

.projectContainer a.btn.rounded-pill {
  width: 200px;
  margin-left: 30px;
}

/*
================================================================================================
Dashboard CSS Start
===================================================================================================
*/

.dashboard_header_menu li {
  padding: 0px 20px;
}

.dashboard_header_menu li a {
  display: block;
  padding-bottom: 5px;
  position: relative;
  overflow: hidden;
}

.dashboard_header_menu li a:before {
  content: "";
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  right: -150%;
  height: 2px;
  background: currentcolor;
  --grad: linear-gradient(to right,
      white calc(50% - 5px),
      transparent calc(50% - 5px) calc(50% + 5px),
      white 0);
  -webkit-mask: var(--grad), var(--grad), var(--grad);
  -webkit-mask-size: 230% 100%, 280% 100%, 350% 100%;
  -webkit-mask-position: 100% 0;
  -webkit-mask-composite: destination-in;
  /* -webkit-mask-image: linear-gradient(-75deg, rgba(244, 55, 55, 0.24) 50%, #f43737 50%, rgba(0, 0, 0, 1) 70%); */
  -webkit-mask-size: 200%;
  mask: var(--grad), var(--grad), var(--grad);
  mask-size: 230% 100%, 280% 100%, 350% 100%;
  mask-position: 100% 0;
  mask-composite: intersect;
  animation: move 3s infinite ease-out;
  /* animation: shine 2s infinite; */
}

.dashboard_header_menu li a.active {
  color: #e11523;
}

.dashboard_header_menu li a.active:before {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  right: -150%;
  height: 2px;
  background: currentcolor;
  --grad: linear-gradient(to right,
      white calc(50% - 5px),
      transparent calc(50% - 5px) calc(50% + 5px),
      white 0);
  -webkit-mask: var(--grad), var(--grad), var(--grad);
  -webkit-mask-size: 230% 100%, 280% 100%, 350% 100%;
  -webkit-mask-position: 100% 0;
  -webkit-mask-composite: destination-in;
  /* -webkit-mask-image: linear-gradient(-75deg, rgba(244, 55, 55, 0.24) 50%, #f43737 50%, rgba(0, 0, 0, 1) 70%); */
  -webkit-mask-size: 200%;
  mask: var(--grad), var(--grad), var(--grad);
  mask-size: 230% 100%, 280% 100%, 350% 100%;
  mask-position: 100% 0;
  mask-composite: intersect;
  animation: move 3s infinite ease-out;
  /* animation: shine 2s infinite; */
}

.detailRightPart {
  border: 1px solid #cccccc80;
}

.dashboard_header_menu li:hover a:before {
  display: block;
}

.headerProfile {
  display: flex;
  align-items: center;
  color: #333;
}

.headerProfile .dropdown-menu.show {
  width: 100%;
  padding: 0px;
  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.2);
  border: none;
  border-radius: 0px 0px 5px 5px;
  top: 8px !important;
}

.headerProfile .dropdown-menu.show .dropdown-item {
  padding: 8px 10px;
}

.headerProfile .dropdown-menu.show .dropdown-item:focus,
.headerProfile .dropdown-menu.show .dropdown-item:hover {
  outline: none;
  /* background: none; */
  border-radius: 0px 0px 5px 5px;
}

.headerProfile .dropdown-menu.show .dropdown-item:active {
  background: #fff;
  color: #333;
}

.headerProfile:before {
  content: "";
  width: 1px;
  height: 100%;
  display: inline-block;
  margin-right: 30px;
  background: #b5b5b5;
  margin-left: 10px;
}

.headerProfile p {
  margin-bottom: 0px;
  margin-left: 15px;
  color: #333;
  font-weight: 600;
}

.headerProfile p small {
  display: block;
  color: #e11523;
}

.headerProfile img {
  width: 50px;
  border-radius: 50%;
}

.dashboardMainContainer {
  background: #f2f1f1;
  display: flex;
  flex-direction: column;
  height: 100vh;
}

.dashboardStartContainer {
  background: #f2f1f1;
  margin-top: 20vh;
}

.dashboardHeader {
  /* background: none; */
  /* position: absolute; */
  width: 100%;
  /* top: 0px; */
  /* height: 150px; */
}

.dashboardStartContainer .dashboardStartTiles {
  /* height: 100vh; */
  /* background: #ccc; */
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.myAccountMenu {
  font-size: 28px;
  color: #555;
}

header.dashboardHeader ul li a.myAccountMenu:hover {
  color: #333;
}

header.dashboardHeader ul li a.myAccountMenu.dropdown-toggle::after {
  font-size: 16px;
}

.dashboardStartTiles .categoryTile {
  background: #fff;
  -webkit-box-shadow: 0px 0px 10px -1px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 10px -1px rgba(0, 0, 0, 0.08);
  min-height: 250px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.dashboardStartTiles .categoryTile:hover {
  box-shadow: none;
}

.dashboardStartTiles .categoryTile img {
  width: 150px;
}

.dashboardStartTiles .categoryTile p {
  font-size: 18px;
  color: #333;
  font-weight: 700;
  margin-bottom: 0px;
  margin-top: 20px;
}

.dashboardStartTiles h2 {
  font-size: 32px;
  text-align: center;
  margin-bottom: 50px;
  font-weight: 700;
}

.dashboardStartTiles h2 span {
  color: #068ccc;
}

/* Job Seekers */

.dashboardJobseeker .titleContainer {
  background: rgb(230, 26, 27);
  background: linear-gradient(90deg,
      rgba(230, 26, 27, 1) 0%,
      rgba(194, 0, 1, 1) 100%);
  padding: 30px 0px;
}

/* .dashboardJobseeker .titleContainer .postJob {
  background: #fff;
  padding: 10px 40px;
  margin-left: 20px;
  border-radius: 25px;
  color: #333;
  font-weight: 700;
  font-size: 14px;
  box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.5);
} */
.dashboardJobseeker .titleContainer .postJob {
  background: #fff;
  padding: 10px 40px;
  margin-left: 20px;
  border-radius: 25px;
  color: #333;
  font-weight: 700;
  font-size: 14px;
  box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.5);
  margin: auto;
  display: inline-block;
  width: max-content;
}

.dashboardJobseeker .titleContainer .postProject {
  background: #efe70a;
  padding: 10px 30px;
  margin-left: 20px;
  border-radius: 25px;
  color: #333;
  font-weight: 700;
  font-size: 14px;
  box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.5);
}

.dashboardJobseeker .titleContainer .postProject i,
.dashboardJobseeker .titleContainer .postJob i {
  font-size: 18px;
  vertical-align: text-top;
}

.dashboardJobseeker .titleContainer p {
  color: #fff;
  margin-bottom: 0px;
  font-size: 26px;
  font-weight: 600;
}

.contentContainerPart {
  padding: 30px 0px;
}

.contentContainerPart.contentContainerPart_postedpro {
  padding-top: 0px;
}

.contentContainerPart.contentContainerPart_postedpro .contentContainerPart_topdv {
  background-color: #f9f9f9;
  padding: 30px 0px;
}

.contentContainerPart .contentRightPart {
  border: 1px solid #cccccc80;
  text-align: center;
}

.contentContainerPart .contentRightPart.package {
  text-align: left;
}

.contentContainerPart .contentRightPart.package h4 {
  background: #e11523;
  padding: 10px 4px;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 2px; margin-left: 10px;
}



.contentContainerPart .contentRightPart.package img {
  width: 60px;
  margin-right: 15px;
}

.contentContainerPart .contentRightPart.package h5 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}

.contentContainerPart .contentRightPart.package p {
  font-size: 12px;
  font-weight: 600;
  margin-left: 10px;
  color: #e11523;
  line-height: 1;
  color: #fff;
  padding: 5px 4px;
  text-align: left;
  line-height: 20px;
}

.contentContainerPart .contentRightPart.package p small {
  font-size: 12px;
  font-weight: 400;
  color: #333;
}

.contentContainerPart .contentRightPart.package a {
  background: #e11523;
  display: block;
  padding: 5px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  border-radius: 3px;
  margin: 0px;
  margin-top: 0px;
}

.contentContainerPart .contentRightPart .profileTile {
  padding: 15px;
  border-bottom: 1px solid #cccccc80;
  margin-bottom: 15px;
  padding-bottom: 30px;
}

.contentContainerPart .contentRightPart .profileTile h3 {
  font-size: 18px;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 0px;
}

.contentRightPart ul.leftMenu {
  text-align: left;
  padding-bottom: 15px;
  border-bottom: 1px solid #cccccc80;
  margin-bottom: 15px;
}

.contentRightPart ul.leftMenuLogout {
  text-align: left;
  padding-bottom: 15px;
}

.contentRightPart ul.leftMenu a {
  color: #333;
  font-size: 14px;
  font-weight: 600;
  display: block;
  padding: 10px 15px;
  /* padding-left: 30px; */
  border-left: 3px solid transparent;
}

.contentRightPart ul.leftMenuLogout a {
  color: #333;
  font-size: 14px;
  font-weight: 600;
  /* display: block; */
  padding: 10px 15px;
  display: flex;
  text-align: center;
  width: 100%;
  align-items: center;
  /* justify-content: center; */
  /* padding-left: 30px; */
  border-left: 3px solid transparent;
}

.contentRightPart ul.leftMenu a.active {
  color: #333;
  font-size: 14px;
  font-weight: 600;
  display: block;
  padding: 10px 15px;
  /* padding-left: 30px; */
  border-left: 3px solid #e11523;
}

.contentRightPart ul.leftMenu a:hover {
  border-left: 3px solid #e11523;
}

.contentRightPart ul.leftMenuLogout a:hover {
  border-left: 3px solid #e11523;
}

.contentRightPart ul.leftMenu a i,
.contentRightPart ul.leftMenuLogout a i {
  color: #e11523;
  margin-right: 15px;
}

.contentRightPart .profileTile .editProfileButton {
  background: #e11523;
  padding: 8px 30px;
  color: #fff;
  display: block;
  margin-top: 20px;
  border-radius: 25px;
  border: 1px solid transparent;
  font-size: 14px;
  font-weight: 600;
}

.contentRightPart .profileTile .editProfileButton:hover {
  color: #e11523;
  background: none;
  border: 1px solid #e11523;
}

.contentRoghtPart {
  /* border: 1px solid #cccccc80; */
}

.dashboardCounter .emp_job_post {
  margin-bottom: 30px;
  /* float: left; */
  /* width: 100%; */
  display: flex;
}

.dashboardCounter .dashboardTiles {
  width: 16%;
}

.dashboardCounter .emp_job_side_img {
  /* float: left; */
  height: 70px;
  line-height: 70px;
  background: #ff9500;
  color: #fff;
  font-size: 26px;
  width: 55px;
  text-align: center;
}

.dashboardCounter .emp_job_side_img i {
  font-size: 25px;
}

.dashboardCounter .emp_job_side_text {
  /* float: left; */
  /* width: calc(100% - 55px); */
  flex: 1;
  padding-left: 10px;
  border: 1px solid #e2e2e2;
  border-left: 0;
  text-transform: capitalize;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.dashboardCounter .emp_job_side_text h1 {
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 3px;
  margin-bottom: 0;
}

.dashboardCounter .emp_job_side_text p {
  margin: 0;
  color: #777777;
  font-size: 14px;
  text-align: left;
}

.postProjectPg .form_main_title {
  background: #e11523;
  color: #fff;
  font-weight: 700;
  margin-bottom: 0px;
  padding: 10px 15px;
  font-size: 16px;
}

.postProjectPg .chosen-container-multi .chosen-choices {
  height: auto;
  margin-bottom: 20px;
}

.postProjectPg .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  height: 35px;
}

.postProjectPg .detailRightPart .detailSection h5 {
  margin-top: 8px;
  margin-bottom: 0px;
  font-weight: 400;
}

.postProjectPg .detailRightPart .detailSection h4 {
  margin-bottom: 6px;
}

.detailRightPart .detailSection {
  padding: 30px;
  border-bottom: 1px solid #cccccc80;
}

.postProjectPg .detailSection h4 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 10px;
}

.postProjectPg .detailSection h5 {
  font-size: 16px;
  font-weight: 600;
  margin-top: 0px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #cccccc80;
}

.detailRightPart .detailSection p {
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 15px;
  color: #666;
  text-align: justify;
}

.postProjectPg .tab2 li {
  font-size: 14px;
}

.postProjectPg .tab2 select {
  font-size: 14px;
  margin-bottom: 20px;
  border-radius: 0px;
}

.ress {
  background: #ff5e3a !important;
}

.greens {
  background: #068cc8 !important;
}

.parts {
  background: #76c80e !important;
}

.yellow {
  background: #ff5722 !important;
}

.pink {
  background: #a7417c !important;
}

.purple {
  background: #996922 !important;
}

.contentRoghtPart .allProjectTitleContainer {
  background: #068cc8;
  padding: 10px 15px;
  margin-top: 15px;
}

.contentRoghtPart .allProjectTitleContainer h4 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0px;
}

.contentRoghtPart .table {
  border: 1px solid #cccccc80;
}

.contentRoghtPart .table th,
.contentRoghtPart .table td {
  font-size: 14px;
}

.contentRoghtPart .allJobTitleContainer {
  background: #068cc8;
  padding: 10px 15px;
  /* margin-top: 15px; */
}

.contentRoghtPart .allJobTitleContainer h4 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0px;
}

.contentRoghtPart .table {
  border: 1px solid #cccccc80;
}

.contentRoghtPart .table th,
.contentRoghtPart .table td {
  font-size: 14px;
}

.postJobForm {
  border: 1px solid #cccccc80;
}

.postJobForm h4 {
  background: #e11523;
  color: #fff;
  font-weight: 700;
  margin-bottom: 0px;
  padding: 10px 15px;
  font-size: 16px;
}

.postJobForm form {
  padding: 15px;
}

.postJobForm form label {
  font-size: 14px;
}

.postJobForm form .form-control {
  font-size: 14px;
  border-radius: 0px;
}

.postJobForm textarea {
  border: none;
  height: 100px;
}

.postButton {
  background: #e11523;
  padding: 8px 20px;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  margin-top: 15px;
  display: inline-block;
}

.tableHeading {
  background: #f2f1f1;
  padding: 15px;
  margin-bottom: 10px;
}

.tableHeading li {
  font-size: 14px;
  font-weight: 700;
  color: #333;
}

.col_1st {
  width: 5%;
  box-sizing: border-box;
  padding-right: 5px;
}

.col_2nd {
  width: 20%;
  box-sizing: border-box;
  padding-right: 5px;
}

.col_3rd {
  width: 9%;
  box-sizing: border-box;
  padding-right: 5px;
}

.col_4th {
  width: 9%;
  box-sizing: border-box;
  padding-right: 5px;
}

.col_5th {
  width: 10%;
  box-sizing: border-box;
  padding-right: 5px;
}

.col_6th {
  width: 8%;
  box-sizing: border-box;
  padding-right: 5px;
}

.col_7th {
  width: 10%;
  box-sizing: border-box;
  padding-right: 5px;
}

.col_8th {
  width: 10%;
  box-sizing: border-box;
  padding-right: 5px;
}

.col_9th {
  width: 7%;
  box-sizing: border-box;
  padding-right: 5px;
}

.col_10th {
  width: 8%;
  box-sizing: border-box;
  padding-right: 5px;
}

.postedJob h3 {
  background: #e11523;
  padding: 15px 20px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 15px;
}

.tableRow {
  border: 1px solid #cccccc80;
  padding: 30px 15px;
  margin-bottom: 10px;
}

.tableRow li {
  font-size: 14px;
  /* font-weight: 700; */
  color: #333;
  /* word-break: break-word; */
}

.tableRow li span {
  font-size: 12px;
  display: block;
  font-weight: 600;
  color: #e11523;
  margin-top: 5px;
}

.pagination li,
.pagination li a {
  color: #333;
}

.profileBox .imgDiv {
  border: 1px solid #cccccc80;
  padding: 15px;
}

.profileBox .imgDiv .logoImgContainer {
  background: #f2f1f1;
  padding: 30px 15px;
}

.profileBox .imgDiv h5 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 5px;
}

.profileBox .imgDiv p {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0px;
  color: #333;
}

.infoDiv {
  padding: 15px;
  border: 1px solid #cccccc80;
  margin-top: 30px;
}

.infoDiv li li {
  font-size: 12px;
  font-weight: 600;
}

.infoDiv .separator {
  width: 1px;
  background: #cccccc80;
  height: 100%;
  margin: auto;
}

.infoDiv input.form-control,
.infoDiv .form-control {
  border-radius: 0px;
  width: 100%;
  font-size: 14px;
  margin-left: 0 !important;
}

.avatar-upload {
  position: relative;
}

.avatar-upload .avatar-edit {
  position: absolute;
  right: 12px;
  z-index: 1;
  top: 10px;
}

.avatar-upload .avatar-edit input {
  display: none;
}

.avatar-upload .avatar-edit input+label {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-bottom: 0;
  border-radius: 100%;
  background: #ffffff;
  border: 1px solid transparent;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
  align-items: center;
  text-align: center;
  line-height: 34px;
}

.avatar-upload .avatar-edit input+label:hover {
  background: #f1f1f1;
  border-color: #d6d6d6;
}

/* .avatar-upload .avatar-edit input+label:after {
  content: "\f304";
  font-family: "Font Awesome 5 Free";
  color: #757575;
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
} */

.avatar-upload .avatar-preview {
  width: 100%;
  height: 100px;
  position: relative;
  /* border-radius: 100%; */
  /* border: 6px solid #F8F8F8; */
  /* box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1); */
}

.avatar-upload .avatar-preview>div {
  width: 100%;
  height: 100%;
  /* border-radius: 100%; */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.imageUpload {
  text-align: center;
  line-height: 20px;
}

.profileSubmitButton {
  padding: 10px 30px;
  background: #e11523;
  color: #fff;
  margin-top: 20px;
  display: inline-block;
  border: none !important;
}

.profileSubmitButton:focus {
  outline: none !important;
}

.profileSubmitButton:hover {
  color: #fff;
  border: none !important;
}

.front_logo.headerProfile:before {
  margin-left: 0px;
  margin-right: 0px;
}

.front_logo i {
  font-size: 23px;
  margin-top: 6px;
  color: #e11523;
}

.front_logo .dropdown-menu {
  position: absolute;
  will-change: transform;
  top: 0px;
  left: 0;
  transform: translate3d(-142px, 41px, 0px) !important;
  width: auto !important;
}

.mandatory {
  color: red !important;
}

.editProfile .pr-5 {
  padding-right: 0px !important;
  width: 5% !important;
}

/* .editProfile .flex-fill {
  flex: inherit !important;
  width: 70% !important;
} */

li.form_lebal {
  width: 25%;
}
li.labal-coln {
  width: 5%;
}

/* .editProfile .flex-fill {
  flex: inherit !important;
  width: 50% !important;
} */

.editProfile .flex-fill {
  flex: inherit !important;
  width: calc(100% - 140px);
}

.editProfile .w-40 {
  width: 35% !important;
}

input[type="submit"] {
  border: none !important;
}

input[type="submit"]:hover {
  border: none !important;
  outline: none;
}
.oldCompanyInfo .flex-fill {
  flex: inherit !important;
  width: calc(100% - 140px);
}

.editProfile .form-group {
  margin-bottom: 0rem !important;
  font-size: 12px !important;
}

.mobileAltN .setnumber .form-group:first-child, .mobileAltN .form-group:first-child { width: 40px;}
.mobileAltN .setnumber .form-group:last-child, .mobileAltN .form-group:last-child{  width: calc(100% - 40px);}

.editProfile .form-control {
  display: block;
  width: 100%;
  /* height: calc(1.5em + .75rem + 2px); */
  resize: auto;
    padding: 0.17rem .2rem;}

.pagination.ps li a {
  color: #333;
  border: 1px solid #ccc;
  font-size: 14px;
  padding: 5px 10px;
  margin-left: 5px;
  min-width: 30px;
  text-align: center;
}

.pagination.ps li.active {
  background: #e11523;
}

.pagination.ps li.active a {
  color: #fff;
}

/* .pagination.ps li.prev {
    background: #e11523;
    color: #fff;
    border: none;
} */

.pagination.ps li {
  display: table !important;
  height: 100%;
}

.pagination.ps li.last {
  display: none !important;
}

.pagination.ps li.prev a {
  color: #fff;
}

.pagination.ps {
  align-self: center;
}

/* .pagination.ps li.next {
    background: #e11523;
    color: #fff;
    border: none;
} */

.pagination.ps li.next a {
  color: #fff;
}

.pagination.ps li.last {
  background: #007bff;
  color: #fff;
  border: none;
}

.pagination.ps li.last a {
  color: #fff;
}

/*=================================packages=================================*/

/*=================================packages=================================*/

#packagePg {
  padding: 30px 0px;
 
}

#packagePg .packageGold,
#packagePg .packageSliver {
  position: relative;
  border: 1px solid transparent;
  padding-bottom: 70px;
  background: #fff;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.15);
  -moz-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.15);
  box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.15);
}

#packagePg .col-sm-4 {
  margin-bottom: 60px;
}

#packagePg .packageGold:hover,
#packagePg .packageSliver:hover {
  border: 1px solid #ccc;
  box-shadow: none;
}

#packagePg .packageHeader {
  background: #e11523;
  padding: 30px 15px;
  text-align: center;
  color: #fff;
}

#packagePg .packageHeader h4 {
  font-size: 22px;
  margin-bottom: 15px;
}

#packagePg .packageHeader h3 {
  font-size: 26px;
  margin-bottom: 0px;
  font-weight: 700;
}

#packagePg .packageHeader h3 span {
  font-size: 18px;
  margin-bottom: 0px;
  font-weight: 700;
}

#packagePg ul {
  padding: 10px;
  background: #fafafa;
  height: 250px;
}

#packagePg ul li {
  font-size: 16px;
  margin-bottom: 0px;
  font-weight: 500;
  padding: 10px;
  padding-left: 30px;
  border-bottom: 1px solid #cccccc80;
  /* text-align: center;
    margin: auto;
    width: max-content; */
  /* background: #fff; */
}

#packagePg ul li:last-child {
  border-bottom: none;
}

#packagePg .applyGold {
  position: absolute;
  left: 0px;
  right: 0px;
  margin: auto;
  bottom: 15px;
  /* background: #e11523; */
  border: 1px solid #e11523;
  padding: 10px 15px;
  display: block;
  color: #e11523;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  margin: auto;
}

.pricingTable-signup {
  text-align: center;
}

#packagePg .applySliver {
  /* background: #e11523; */
  border: 1px solid #e11523;
  padding: 10px 15px;
  display: block;
  color: #e11523;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  margin: 15px;
}

#packagePg .packageGold:hover .applyGold {
  background: #e11523;
  border: 1px solid #e11523;
  padding: 10px 15px;
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  margin: 15px;
}

#packagePg .packageSliver:hover .applySliver {
  background: #e11523;
  border: 1px solid #e11523;
  padding: 10px 15px;
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  margin: 15px;
}

#packagePg .packageGold .packageHeader {
  background: #d4ab39;
}

#packagePg .packageSliver .packageHeader {
  background: #c0c0c0;
}

.dashboardJobseeker .table td,
.dashboardJobseeker .table th {
  padding: 0.75rem 5px;
}

/*=====================================post_Project=====================================*/

/*=================================packages=================================*/

.postProjectPg {
  padding: 50px 0px;
}

.postProjectPg .detailSection h4 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 10px;
}

.postProjectPg .detailSection h5 {
  font-size: 16px;
  font-weight: 600;
  margin-top: 0px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #cccccc80;
}

.postProjectPg input {
  padding: 10px;
  width: 100%;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  border: 1px solid #aaaaaa;
}

.postProjectPg textarea {
  padding: 10px;
  width: 100%;
  height: 120px;
  font-size: 14px;
  border-radius: 0px;
  font-family: "Open Sans", sans-serif;
  border: 1px solid #aaaaaa;
  resize: none;
}

/* Mark input boxes that gets an error on validation: */

.postProjectPg input.invalid {
  background-color: #ffdddd;
}

.postProjectPg textarea.invalid {
  background-color: #ffdddd;
}

.postProjectPg select.invalid {
  background-color: #ffdddd !important;
}

.check_empty.invalid {
  background-color: #ffdddd !important;
}

.check_emptys.invalid {
  background-color: #ffdddd !important;
}

/* Hide all steps by default: */

.postProjectPg .tab {
  display: none;
}

.postProjectPg .tab li {
  font-size: 14px;
}

.postProjectPg button {
  background-color: #e11523;
  color: #ffffff;
  border: none;
  padding: 8px 30px;
  font-size: 16px;
  cursor: pointer;
}

.postProjectPg button:focus {
  outline: none;
}

.postProjectPg button:hover {
  opacity: 0.8;
}

.postProjectPg #prevBtn {
  background-color: #bbbbbb;
}

/* Make circles that indicate the steps of the form: */

.postProjectPg .navigator li {
  border-bottom: none;
  margin: 5px 0px;
}

.postProjectPg .step {
  height: auto;
  display: block;
  /* margin: 0 2px; */
  /* background-color: #bbbbbb; */
  /* opacity: 0.5; */
  padding: 10px;
  position: relative;
  padding-left: 30px;
}

.postProjectPg .step i {
  color: #999;
}

.postProjectPg .step:after {
  content: "\f058";
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: 10px;
  color: #4caf50;
  display: none;
}

.postProjectPg .step.active {
  opacity: 1;
  border-left: 3px solid #e11523;
}

.postProjectPg .step.active i {
  color: #e11523;
}

/* Mark the steps that are finished and valid: */

.postProjectPg .step.finish {
  opacity: 1;
  border-left: 3px solid #e11523;
}

.postProjectPg .step.finish i {
  color: #e11523;
}

.postProjectPg .step.finish:after {
  display: inline-block;
}

.postProjectPg #uploadPreview {
  font-size: 14px;
  background: #cccccc99;
  margin-top: 10px;
  padding: 10px;
  margin-bottom: 20px;
}

/*  */

.tab2 .postProject {
  display: none;
}

.startProject {
  display: none;
}

.projectBudgetContainer.showPostProject .postProject {
  display: block;
}

.projectBudgetContainer.showStartProject .startProject {
  display: block;
}

.postProjectButton i {
  font-size: 46px;
}

.postProjectButton,
.startProjectButton,
.fixPriceButton,
.hourPriceButton {
  margin-bottom: 0px !important;
  padding: 30px !important;
}

.postProjectButton img,
.startProjectButton img,
.fixPriceButton img,
.hourPriceButton img {
  margin-bottom: 15px;
  height: 60px;
}

.postProjectButton p,
.startProjectButton p {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: center !important;
}

.fixPriceInput {
  display: none;
}

.hourPriceInput {
  display: none;
}

.postProject.showHourPrice .fixPriceInput {
  display: flex;
}

.postProject.showFixPrice .hourPriceInput {
  display: flex;
}

#output {
  font-size: 0px;
}

.projectBudgetContainer.showPostProject a:focus,
.projectBudgetContainer.showStartProject a:focus {
  outline: none;
  -webkit-box-shadow: 0px 0px 0px 5px rgb(255 84 84 / 75%);
  -moz-box-shadow: 0px 0px 0px 5px rgb(255 84 84 / 75%);
  box-shadow: 0px 0px 0px 5px rgb(255 84 84 / 75%);
}

.postProjectTitleBar {
  background: #e11523;
  padding: 30px 0px;
}

.postProjectTitleBar h1 {
  font-size: 26px;
  font-weight: 600;
  color: #fff;
}

.postProjectPg .form_main_title {
  background: #e11523;
  color: #fff;
  font-weight: 700;
  margin-bottom: 0px;
  padding: 10px 15px;
  font-size: 16px;
}

/*==========================================Project_Detail_Page==========================================*/

.projectDetailPg {
  padding-top: 50px;
}

.projectDetailPg .detailSection form .input-group {
  display: flex;
  justify-content: space-between;
}

.projectDetailPg .detailSection form .input-group .form-group {
  margin-bottom: 0px !important;
  flex: auto;
  width: 80px;
}

.detailPageSideBar {
  border: 1px solid #cccccc80;
  background: #fff;
}

.detailPageSideBar h5 {
  background: #e11523;
  padding: 15px 25px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

.detailPageSideBar ul {
  padding: 15px 25px;
}

.detailPageSideBar ul li {
  font-size: 14px;
}

.detailPageSideBar ul li span {
  background: #cccccc80;
  padding: 3px 10px;
  font-size: 12px;
  border-radius: 15px;
  margin-right: 5px;
}

.detailPageSideBar .listSeparator {
  padding-top: 10px;
  border-top: 1px solid #cccccc80;
  margin-bottom: 10px;
}

.detailPageSideBar .moreInfo {
  padding: 15px 25px;
}

.detailPageSideBar .moreInfo span {
  font-size: 14px;
}

.detailRightPart {
  border: 1px solid #cccccc80;
}

.detailRightPart .detailSection {
  padding: 30px;
  border-bottom: 1px solid #cccccc80;
}

.detailRightPart .detailSection h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0px;
  color: #444;
  max-width: 70%;
  margin-right: 20px;
}

.detailRightPart .detailSection p {
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 15px;
  color: #666;
  text-align: justify;
}

.detailRightPart .detailSection .projectPrice {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px;
  color: #333;
  text-align: justify;
}

.detailRightPart .detailSection .projectPrice span {
  display: block;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 0px;
  color: #333;
  text-align: justify;
}

.detailRightPart .detailSection h5 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 15px;
  color: #333;
  text-align: justify;
  margin-top: 25px;
  border: none;
}

.detailRightPart .detailSection a {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 15px;
  color: #666;
  text-align: justify;
  padding: 0.4rem 0.6rem;
}

.detailRightPart .skillsForProjects a {
  background: rgb(5, 139, 200, 0.15);
  margin-bottom: 0px;
}

.detailRightPart .skillsForProjects a {
  background: rgb(5, 139, 200, 0.15);
  margin-bottom: 0px;
}

.detailRightPart .projectId {
  font-size: 12px !important;
  margin-top: 10px;
}

.detailRightPart .detailSection .form-control,
.detailRightPart .detailSection span {
  font-size: 14px;
}

.detailRightPart .detailSection .input-group span {
  font-size: 14px;
  background: #e11523;
  color: #fff;
}

.detailRightPart .detailSection .addMilestoneButton {
  background: #e11523;
  padding: 8px 20px;
  color: #fff;
  margin: auto;
  width: max-content;
  display: block;
}

.proposalsListContainer .proposalsDetail {
  /* margin-right: 30px; */
}

.proposalsListContainer .proposalsDetail.icon-edit {
  /* width: max-content; */
  /* border: 1px solid #cdcdcd; */
  background: #c7c7c7;
  height: 40px;
  width: 40px;
    margin-left: 20px;

}

.proposalsPrice {
  display: flex;
  padding: 10px 0px;
  align-items: center;
}

.proposalsListContainer .proposalsDetail h5 {
  font-size: 16px;
  font-weight: 600;
  margin: 0px;
  margin-bottom: 10px;
}

.proposalsListContainer .proposalsImage {
  margin-right: 20px;
  max-width: 230px;
}

.proposalsDetail .proposalsImage img {
  width: 210px;
}

.proposalsDetail .rating {
  background: #cccccc80;
  padding: 3px 10px;
  font-size: 12px;
  border-radius: 15px;
  /* margin-right: 5px; */
  font-size: 14px;
}

.proposalsDetail .review {
  font-size: 14px;
}

.proposalsListContainer {
  border: 1px solid #cccccc80;
  padding: 15px;
  margin-bottom: 30px;
}

.proposalsListContainer .proposalsPrice p {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px;
  color: #333;
}

.proposalsListContainer .proposalsPrice p span {
  display: block;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 0px;
  color: #333;
  text-align: right;
}

.proposalsSection {
  margin-top: 50px;
}

.proposalsSection h4 {
  font-size: 20px;
  font-weight: 700;
  margin: 0px;
  margin-bottom: 15px;
}

.proposalsListContainer .describ {
  font-size: 14px;
  margin-bottom: 0px;
  border-top: 1px solid #cccccc80;
  padding-top: 10px;
  margin-top: 10px;
}

.morecontent span {
  display: none;
}

.morelink {
  display: inline-block;
  color: #e11523;
}

.morelink:hover {
  color: #e11523;
}

.icon-edit .addRemoveButton {
  font-size: 16px;
  background: none;
  font-weight: 400;
  /* margin-bottom: 15px; */
  color: #666;
  text-align: justify;
  /* padding: 0.4rem 0.6rem; */
}

.icon-edit .addRemoveButton i {
  font-size: 16px;
  background: #ebebeb;
  height: 40px;
  width: 40px;
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0px;
}

.fa-info-circle {
  /* color: #e11523; */
}

.contentRoghtPart .allJobTitleContainers {
  background: #e11523;
  display: flex;
  padding: 5px;
  /* margin-top: 15px; */
}

.contentRoghtPart .allJobTitleContainers marquee {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0px;
  font-size: 14px;
}

.detailRightPart .detailSection #uploadPreview a {
  margin-bottom: 0px !important;
}

/* =================rating css=======
============================================= */

.btn-grey {
  background-color: #d8d8d8;
  color: #fff;
}

.rating-block {
  background-color: #fafafa;
  border: 1px solid #efefef;
  padding: 15px 15px 20px 15px;
  border-radius: 3px;
}

.bold {
  font-weight: 700;
}

.padding-bottom-7 {
  padding-bottom: 7px;
}

.review-block {
  background-color: #fafafa;
  border: 1px solid #efefef;
  padding: 15px;
  border-radius: 3px;
  margin-bottom: 15px;
}

.review-block-name {
  font-size: 12px;
  margin: 10px 0;
}

.review-block-date {
  font-size: 12px;
}

.review-block-rate {
  font-size: 13px;
  margin-bottom: 15px;
}

.review-block-title {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 10px;
}

.review-block-description {
  font-size: 13px;
}

.average {
  background-color: #388e3c;
  line-height: normal;
  display: inline-block;
  color: #fff;
  padding: 2px 4px 2px 6px;
  border-radius: 3px;
  font-weight: 500;
  font-size: 12px;
  vertical-align: middle;
}

.rating-reviews {
  padding-left: 8px;
  font-weight: 500;
  color: #878787;
}

.btn-warning {
  color: #fff !important;
}

.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open>.dropdown-toggle.btn-warning.focus,
.open>.dropdown-toggle.btn-warning:focus,
.open>.dropdown-toggle.btn-warning:hover {
  color: #fff !important;
  background-color: #d58512;
  border-color: #985f0d;
}

@font-face {
  font-family: "Glyphicons Halflings";
  src: url(../fonts/glyphicons-halflings-regular.eot);
  src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),
    url(../fonts/glyphicons-halflings-regular.woff2) format("woff2"),
    url(../fonts/glyphicons-halflings-regular.woff) format("woff"),
    url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"),
    url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg");
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
  content: "\2a";
}

.glyphicon-star:before {
  content: "\e006";
}

.glyphicon-star-empty:before {
  content: "\e007";
}

/* =================posted_protbdv=======
============================================= */

.posted_protbdv {
  padding: 50px 0px;
}

/* .posted_protbdv .nav-pills .nav-link.active, .posted_protbdv .nav-pills .show>.nav-link{ color: rgb(230, 26, 27);  }
.posted_protbdv .nav-pills .nav-link { margin-right: 10px; position: relative; color: #000; font-size: 18px; background-color: #efefef; color: #000; transition: .5s; -moz-transition: .5s; -o-transition: .5s; -webkit-transition: .5s;}    */

/* .posted_protbdv .nav-pills .nav-link:after{ position: absolute; left: 0px; width: 0px; height: 2px; background-color: rgb(230, 26, 27); content: ''; display: block; transition: .5s; -moz-transition: .5s; -o-transition: .5s; -webkit-transition: .5s;}
.posted_protbdv .nav-pills .nav-link.active:after, .posted_protbdv .nav-pills .nav-link:hover:after{ width: 100%;} */

/* .posted_protbdv .nav-pills .nav-link.active , .posted_protbdv .nav-pills .nav-link:hover{ background-color:  rgb(230, 26, 27); color: #fff;} */

.posted_protbdv table th,
.posted_protbdv table td {
  text-align: center;
}

.posted_protbdv .nav-pills {
  background-color: #eee;
  margin-top: 20px;
  width: 35%;
  margin: auto;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  position: relative;
}

.posted_protbdv .nav-pills .back_active {
  position: absolute;
  width: 33.333%;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  background-color: #e11523;
  left: 0px;
  z-index: 99;
  top: 0px;
  bottom: 0px;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}

.posted_protbdv .nav-pills.slide1 .back_active {
  left: 0px;
}

.posted_protbdv .nav-pills.slide2 .back_active {
  left: calc(33.333%);
}

.posted_protbdv .nav-pills.slide3 .back_active {
  left: calc(100% - 33.333%);
}

.posted_protbdv .nav-pills li a {
  color: #000;
}

.posted_protbdv .nav-pills li a.active {
  color: #fff;
}

.posted_protbdv .nav-pills li span {
  position: relative;
  z-index: 999;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  background-color: transparent;
  color: #fff;
}

/* =======company_reviews_dv======
========================================== */

.company_reviews_dv {
  margin-top: 0px;
  border: 1px solid #cccccc80;
  padding: 15px;
}

.company_reviews_dv .company_reviews_dvhead {
  padding: 20px 30px;
  border-bottom: 1px solid #cccccc80;
}

.company_reviews_dv .company_reviews_dv_cnt {
  padding: 30px;
}

.company_reviews_dv .company_reviews_dv_cnt h3 {
  font-size: 24px;
}

.company_reviews_dv .company_reviews_dv_cnt .rating_amntdv ul li span {
  background-color: rgb(230, 26, 27);
  display: inline-block;
  padding: 3px 6px;
  color: #fff;
  font-size: 16px;
}

.company_reviews_dv .company_reviews_dv_cnt .rating_amntdv ul li i {
  color: rgb(230, 26, 27);
  display: inline-block;
}

.badge {
  padding: 6px 10px;
}

.company_reviews_dv .pr_detail li:first-child img {
  width: 40px;
}

/* =========freelancer_prodtl======
=========================================== */

#freelancer_prodtl .companySortInfo h4 {
  font-size: 18px;
}

#milestone_modal {
  font-size: 18px;
}

#milestone_modal .modal-header {
  background-color: #e61a1b;
  position: relative;
  border-radius: 0px;
}

/* #milestone_modal .modal-header .close {
  background: #ffffff;
  height: 36px;
  width: 36px;
  line-height: 36px;
  border-radius: 50%;
  top: 10px;
  position: absolute;
  right: 0px;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
} */

#milestone_modal .modal-header .close {
  background: #ffffff;
  height: 36px;
  width: 36px;
  line-height: 36px;
  border-radius: 50%;
  /* background: #000 !important; */
  top: -15px;
  position: absolute;
  right: -15px;
  opacity: 1;
  display: flex;
  align-items: center;
  border: 2px solid #bbbbbb !important;
  justify-content: center;
  /* outline: none; */
}

#milestone_modal .modal-header .close:focus {
  border: none;
  outline: none;
}

#milestone_modal .modal-header .close i {
  font-size: 18px;
}

#milestone_modal .modal-header .modal-title {
  font-size: 18px;
  color: #ffffff;
  font-weight: 600;
}

#milestone_modal .modal-body .table {
  font-size: 15px;
}

#milestone_modal {
  border: 2px solid #e61a1b !important;
}

#milestone_modal tbody {
  font-size: 14px;
}

.company_prorating li:first-child span {
  background-color: #e11523;
  display: inline-block;
  padding: 1px 4px;
  color: #fff;
}

.company_prorating li:last-child i.fa-bars {
  transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  margin-right: 1px;
}

.company_prorating2 li {
  padding-right: 20px;
}

.company_prorating2:after {
  content: "";
  display: block;
  clear: both;
}

.company_prorating2 li i {
  font-style: normal;
  font-weight: bold;
  margin-right: 10px;
  display: inline-block;
}

.freelance_about p {
  text-align: justify;
  margin-top: 12px;
  line-height: 26px;
  font-size: 16px;
}

.freelancer_infologo ul li i {
  color: #e11523;
}

.freelancer_infologo ul li {
  padding: 10px 0px;
}

.pr_detailul li:first-child i {
  font-size: 14px;
}

.pr_detailul li {
  padding: 8px 0px !important;
}

.pr_detailul li i {
  width: 20px;
}

/* =======freelancer_bg====
=============================== */

.freelancer_bg {
  background-color: #f0f0f0;
}

.freelancer_bg .companyDetailPage .companyInfoContainer,
.freelancer_bg .company_reviews_dv {
  background-color: #fff;
  border: none;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08), 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  min-height: 100%;
}

#freelancer_list_pg.companyDetailPage .freelancer_listed_dv .freelancer_prologo {
  width: 130px;
  height: 130px;
}

#freelancer_list_pg.companyDetailPage .freelancer_listed_dv .freelancer_prologo img {
  height: 100% !important;
  object-fit: cover;
  overflow: hidden;
  width: 100%;
}

#freelancer_list_pg.companyDetailPage .freelancer_listed_dv .freelancer-pg-dli {
  width: calc(100% - 130px);
}

#freelancer_list_pg.companyDetailPage .freelancer_listed_dv .tags-ul li {
  margin-bottom: 3px;
}

#freelancer_list_pg.companyDetailPage .freelancer_listed_dv .freelancer-pg-dli h5 a {
  color: #000;
}

/* Album Page */

#albumPage {
  padding-top: 60px;
  /* background: #f2f1f1; */
}

#albumPage .albumTile {
  position: relative;
  margin-bottom: 50px;
height:200px;
}

#albumPage a {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

#albumPage a:before {
  content: "";
  background: #efefef;
  height: 100%;
  width: 100%;
  position: absolute;
  transform: rotate(5deg);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

#albumPage a:after {
  content: "";
  background: #efefef;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0px;
  transform: rotate(-5deg);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

#albumPage a img {
  border-radius: 5px;
  position: relative;
  z-index: 9;
  width: 100%;
height:100%;
}

#albumPage a{
 display: block;
    height: 100%;
}


#albumPage .albumOverlay {
  position: absolute;
  bottom: 0px;
  height: max-content;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10;
  border-radius: 5px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

#albumPage .albumOverlay .albumContent {
  text-align: center;
}

#albumPage .albumOverlay .albumContent h5 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0px;
}

#albumPage .albumOverlay .albumContent p {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0px;
}

#albumPage a:hover:before {
  transform: rotate(-0deg);
}

#albumPage a:hover:after {
  transform: rotate(-0deg);
}

.freelancer_portfolio_crausal {
  position: relative;
}

.freelancer_portfolio_crausal .owl-dots {
  bottom: 15px;
  position: absolute;
  left: 0px;
  right: 0px;
  text-align: center;
}

button:focus {
  outline: none;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background-color: #e11523;
}

#freelancer_portfoliomodal .modal-header {
  background-color: #e11523;
}

#freelancer_portfoliomodal .modal-header h4 {
  color: #fff;
}

#freelancer_portfoliomodal .modal-header .close i {
  color: #fff;
  font-size: 18px;
}

#freelancer_portfoliomodal .modal-header .close {
  opacity: 1;
}

/* ==========freelancer_pgheader=======
=========================================== */

html {
  scroll-behavior: smooth;
}

.modal-backdrop.show {
  z-index: 9999;
}

.modal {
  z-index: 99999;
}

header#freelancer_pgheader {
  display: none;
}

header#freelancer_pgheader.sticked {
  display: block;
}
header#freelancer_pgheader.sticked .div#popover35155 {
  display: none;
}

header#freelancer_pgheader.sticked .popover {
  display: block;
}





header#freelancer_pgheader .logo {
  height: 80px;
  display: inline-block;
  background-color: #f2f1f1;
  padding: 12px;
}

header#freelancer_pgheader .logo img {
  height: 100% !important;
  object-fit: cover;
  overflow: hidden;
}

header#freelancer_pgheader .company_prorating i {
  color: #e11523;
  font-size: 16px;
}

header#freelancer_pgheader .freelancer_head_leftul h1 {
  margin-bottom: 0px;
  font-size: 28px;
}

header#freelancer_pgheader {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  z-index: 9999;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.32);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.32);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.32);
}

header#freelancer_pgheader .nav-pills .nav-link.active,
header#freelancer_pgheader .nav-pills .show>.nav-link {
  color: #e11523;
}

/* ========updates_dropmenu =====
    ======================================= */

.updates_dropmenu .dropdown-menu {
  width: 400px;
  padding: 0px;
}

.updates_dropmenu h5 {
  font-size: 16px;
}

.dashboard_header_menu li.updates_dropmenu a:before {
  display: none !important;
}

.dashboard_header_menu li.updates_dropmenu ul li .recent_updated_ico {
  background-color: #e11523;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  line-height: 65px;
  text-align: center;
}

.dashboard_header_menu li.updates_dropmenu ul li .recent_updated_ico i {
  font-size: 22px;
  color: #fff;
}

.dashboard_header_menu li.updates_dropmenu ul li {
  padding: 0px;
}

.dashboard_header_menu li.updates_dropmenu h4 {
  font-size: 18px;
  margin-bottom: 0px;
}

.fa-bell {
  color: #e11523;
}

/*  */

.specific_loactiondv a.btn-danger {
  height: 40px;
  width: 40px;
}

.specific_loactiondv input {
  height: 40px;
}

/* progress */

body .ranges label {
  display: inline-block;
  width: 49%;
}

body .ranges label .range-wrap {
  position: relative;
  padding: 10px 0;
}

body .ranges label .range-wrap input[type="range"] {
  opacity: 0;
  width: 100%;
}

.ranges i {
  color: #e11523;
}

body .ranges label .range-wrap .track {
  position: absolute;
  top: calc(50% - (5px / 2));
  left: 0;
  height: 5px;
  width: 100%;
  pointer-events: none;
}

body .ranges label .range-wrap .track:before {
  content: "";
  display: block;
  position: absolute;
  top: calc(5px / -3);
  left: calc(5px / -3);
  width: calc(5px * 5 / 3);
  height: calc(5px * 5 / 3);
}

body .ranges label .range-wrap .fill {
  position: absolute;
  top: calc(50% - (5px / 2));
  left: 0;
  height: 5px;
  width: 100%;
  pointer-events: none;
  transition: all 0.15s ease;
}

body .ranges label .range-wrap .handle {
  position: absolute;
  top: calc(50% - (5px * 2));
  left: 50%;
  width: calc(5px * 4);
  height: calc(5px * 4);
  pointer-events: none;
  transform: translateX(-50%);
  transition: all 0.15s ease;
}

body .ranges label span,
body .ranges label input[type="text"] {
  display: inline;
}

body .ranges label:nth-child(2) {
  margin-left: calc(5px / -1);
  text-align: right;
}

body .ranges label:nth-child(2) .range-wrap .track:before {
  left: auto;
  right: calc(5px / -3);
}

body .message a:hover {
  border-width: 3px;
}

body .input-wrapper {
  display: block;
  position: relative;
  top: 10px;
  left: 0px;
  width: 100%;
  height: auto;
}

body .input-wrapper .ranges {
  position: relative;
}

body .input-wrapper .ranges label:last-child {
  width: 100%;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 99;
}

body .ranges label .range-wrap .track {
  background: #707070;
}

body .ranges label .range-wrap .track:before {
  border-radius: 50%;
  background: #707070;
}

body .ranges label .range-wrap .fill {
  background: #e11523;
}

body .ranges label .range-wrap .handle {
  border-radius: 50%;
  background: #e11523;
}

body .ranges label input[type="text"] {
  width: 40px;
  border: 0;
  color: #e11523;
  background: transparent;
}

body .ranges label:nth-child(2) .range-wrap .track {
  background: #e11523;
}

body .ranges label:nth-child(2) .range-wrap .fill {
  background: #707070;
}

/* ratings */

/*  
 *  Pure CSS star rating that works without reversing order
 *  of inputs
 *  -------------------------------------------------------
 *  NOTE: For the styling to work, there needs to be a radio
 *        input selected by default. There also needs to be a
 *        radio input before the first star, regardless of
 *        whether you offer a 'no rating' or 0 stars option
 *  
 *  This codepen uses FontAwesome icons
 */

#full-stars-example {
  /* use display:inline-flex to prevent whitespace issues. alternatively, you can put all the children of .rating-group on a single line */
  /* make hover effect work properly in IE */
  /* hide radio inputs */
  /* set icon padding and size */
  /* set default star color */
  /* set color of none icon when unchecked */
  /* if none icon is checked, make it red */
  /* if any input is checked, make its following siblings grey */
  /* make all stars orange on rating group hover */
  /* make hovered input's following siblings grey on hover */
  /* make none icon grey on rating group hover */
  /* make none icon red on hover */
}

#full-stars-example .rating-group {
  display: inline-flex;
}

#full-stars-example .rating__icon {
  pointer-events: none;
}

#full-stars-example .rating__input {
  position: absolute !important;
  left: -9999px !important;
}

#full-stars-example .rating__label {
  cursor: pointer;
  padding: 0 0.1em;
  font-size: 2rem;
}

#full-stars-example .rating__icon--star {
  color: orange;
}

#full-stars-example .rating__icon--none {
  color: #eee;
}

#full-stars-example .rating__input--none:checked+.rating__label .rating__icon--none {
  color: red;
}

#full-stars-example .rating__input:checked~.rating__label .rating__icon--star {
  color: #ddd;
}

#full-stars-example .rating-group:hover .rating__label .rating__icon--star {
  color: orange;
}

#full-stars-example .rating__input:hover~.rating__label .rating__icon--star {
  color: #ddd;
}

#full-stars-example .rating-group:hover .rating__input--none:not(:hover)+.rating__label .rating__icon--none {
  color: #eee;
}

#full-stars-example .rating__input--none:hover+.rating__label .rating__icon--none {
  color: red;
}

#half-stars-example {
  /* use display:inline-flex to prevent whitespace issues. alternatively, you can put all the children of .rating-group on a single line */
  /* make hover effect work properly in IE */
  /* hide radio inputs */
  /* set icon padding and size */
  /* add padding and positioning to half star labels */
  /* set default star color */
  /* set color of none icon when unchecked */
  /* if none icon is checked, make it red */
  /* if any input is checked, make its following siblings grey */
  /* make all stars orange on rating group hover */
  /* make hovered input's following siblings grey on hover */
  /* make none icon grey on rating group hover */
  /* make none icon red on hover */
}

#half-stars-example .rating-group {
  display: inline-flex;
}

#half-stars-example .rating__icon {
  pointer-events: none;
}

#half-stars-example .rating__input {
  position: absolute !important;
  left: -9999px !important;
}

#half-stars-example .rating__label {
  cursor: pointer;
  /* if you change the left/right padding, update the margin-right property of .rating__label--half as well. */
  padding: 0 0.1em;
  font-size: 2rem;
  width: 37px;
}

#half-stars-example .rating-group .rating__label:nth-child(2) {
  width: 0px;
}

#half-stars-example .rating__label--half {
  padding-right: 0;
  margin-right: -22px;
  width: 22px;
  z-index: 2;
}

#half-stars-example .rating__icon--star {
  color: #e11523;
  width: 20px;
}

#half-stars-example .rating__icon--none {
  color: #eee;
}

#half-stars-example .rating__input--none:checked+.rating__label .rating__icon--none {
  color: red;
}

#half-stars-example .rating__input:checked~.rating__label .rating__icon--star {
  color: #ddd;
}

#half-stars-example .rating-group:hover .rating__label .rating__icon--star,
#half-stars-example .rating-group:hover .rating__label--half .rating__icon--star {
  color: #e11523;
}

#half-stars-example .rating__input:hover~.rating__label .rating__icon--star,
#half-stars-example .rating__input:hover~.rating__label--half .rating__icon--star {
  color: #ddd;
}

#half-stars-example .rating-group:hover .rating__input--none:not(:hover)+.rating__label .rating__icon--none {
  color: #eee;
}

#half-stars-example .rating__input--none:hover+.rating__label .rating__icon--none {
  color: red;
}

#full-stars-example-two {
  /* use display:inline-flex to prevent whitespace issues. alternatively, you can put all the children of .rating-group on a single line */
  /* make hover effect work properly in IE */
  /* hide radio inputs */
  /* hide 'none' input from screenreaders */
  /* set icon padding and size */
  /* set default star color */
  /* if any input is checked, make its following siblings grey */
  /* make all stars orange on rating group hover */
  /* make hovered input's following siblings grey on hover */
}

#full-stars-example-two .rating-group {
  display: inline-flex;
}

#full-stars-example-two .rating__icon {
  pointer-events: none;
}

#full-stars-example-two .rating__input {
  position: absolute !important;
  left: -9999px !important;
}

#full-stars-example-two .rating__input--none {
  display: none;
}

#full-stars-example-two .rating__label {
  cursor: pointer;
  padding: 0 0.1em;
  font-size: 2rem;
}

#full-stars-example-two .rating__icon--star {
  color: orange;
}

#full-stars-example-two .rating__input:checked~.rating__label .rating__icon--star {
  color: #ddd;
}

#full-stars-example-two .rating-group:hover .rating__label .rating__icon--star {
  color: orange;
}

#full-stars-example-two .rating__input:hover~.rating__label .rating__icon--star {
  color: #ddd;
}

/*  */

#freelancer_list_pg.companyDetailPage .companyDetailOverviewContainer h5 {
  padding: 10px 15px;
  margin-bottom: 0;
}

.custom-control-input:checked~.custom-control-label::before {
  background-color: #e11523;
  border-color: #e11523;
}

#freelancer_list_pg {
  background-color: #f0f0f0;
  padding: 15px 0px 35px;
}

/* #freelancer_list_pg .companyDetailOverviewContainer {
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08), 0 2px 4px 0 rgba(0, 0, 0, 0.12);
} */

#freelancer_list_pg .freelancer_listed_dv .freelancer_prologo {
  width: 100px;
}

#freelancer_list_pg img {
  max-width: 100%;
}

.freelancer_rating i.fa-star {
  color: green;
}

.freelancer_rating i.fa-user {
  margin-right: 8px;
  font-size: 18px;
}

#freelancer_list_pg .freelancer_listed_dv p {
  line-height: 26px;
  font-size: 14px;
  text-align: justify;
  margin-top: 10px;
}

#freelancer_list_pg .freelancer_listed_dv .hire_rateul {
  width: 270px;
}

#freelancer_list_pg .freelancer_listed_dv .hire_rateul li {
  text-align: right !important;
}

#freelancer_list_pg .freelancer_listed_dv .hire_rateul h3 {
  font-size: 24px;
  text-align: right;
}

#freelancer_list_pg .freelancer_listed_dv .hire_rateul h3 small {
  font-size: 18px;
}

#freelancer_list_pg .freelancer_listed_dv {
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08), 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  background-color: #fff;
  margin-bottom: 20px;
  padding: 20px;
}

.pagination.ps li {
  background: transparent;
  color: #fff;
  border: none;
  padding: 0px;
  margin-left: 2px;
}

.pagination.ps li.active a,
.pagination.ps li.active a,
.pagination.ps li a:hover {
  background-color: #e11523;
}

.pagination.ps li a {
  margin: 0px;
  background-color: #9e9e9e;
  color: #fff;
  display: inline-block;
  border: none;
  padding: 6px;
}

.pagination.ps li.disabled a,
.pagination.ps li.disabled a:hover {
  background: #ccc;
  color: #fff;
  border: none;
  cursor: not-allowed;
}

.loadr {
  height: 25%;
  width: 35%;
  margin: auto;
  display: none;
}

.multiple-source ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  max-height: 100px;
  overflow-y: scroll;
}

/*  */

#freelancer_portfoliomodal .modal-lg {
  max-width: 1020px;
}

#freelancer_portfoliomodal .companyInfoContainer {
  padding: 10px;
}

#freelancer_portfoliomodal .companyInfoContainer .companyLogoContainer {
  padding: 5px;
}

#freelancer_portfoliomodal #freelancerInfo_dv .col-md-12,
#freelancer_portfoliomodal #freelancerInfo_dv .col-md-8,
#freelancer_portfoliomodal #freelancerInfo_dv .col-md-4 {
  padding-left: 5px;
  padding-right: 5px;
}

#freelancer_portfoliomodal #freelancerInfo_dv h5 {
  font-size: 18px;
  margin-bottom: 8px !important;
}

#freelancer_portfoliomodal #freelancerInfo_dv h4 {
  font-size: 14px;
}

#freelancer_portfoliomodal #freelancerInfo_dv a:after,
#freelancer_portfoliomodal #freelancerInfo_dv a:before {
  display: none;
}

#freelancer_portfoliomodal #freelancerInfo_dv .skills_dv h4,
#freelancer_portfoliomodal #freelancerInfo_dv .social_icodv h4 {
  font-size: 18px;
  color: #000;
  text-align: left;
}

#freelancer_portfoliomodal #freelancerInfo_dv .skills_dv,
#freelancer_portfoliomodal #freelancerInfo_dv .social_icodv {
  margin-top: 30px;
}

#freelancer_portfoliomodal #freelancerInfo_dv .skills_dv ul,
#freelancer_portfoliomodal #freelancerInfo_dv .social_icodv ul {
  text-align: left;
}

#freelancer_portfoliomodal #freelancerInfo_dv .skills_dv li,
#freelancer_portfoliomodal #freelancerInfo_dv .social_icodv ul li {
  margin-right: 5px;
  margin-bottom: 3px;
}

#freelancer_portfoliomodal #freelancerInfo_dv .social_icodv ul li a,
#freelancer_portfoliomodal #freelancerInfo_dv .social_icodv ul li a i {
  color: #fff !important;
}

#freelancer_portfoliomodal #freelancerInfo_dv {
  box-shadow: none !important;
}

#freelancer_portfoliomodal .col-md-4 {
  border-left: 1px solid #ddd;
}

#freelancer_portfoliomodal .col-md-4 .col-md-4 {
  border: none;
}

#freelancer_portfoliomodal .company_prorating li {
  margin-bottom: 8px;
}

#freelancer_portfoliomodal .border-bottom {
  border: none !important;
}

/*  */

.freelancer-search-dv,
.company_searchfield {
  position: relative;
}

.freelancer-search-dv .multiple-source,
.company_searchfield .multiple-source {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 100%;
  background-color: #fff;
}

.freelancer-search-dv .multiple-source ul li a,
.company_searchfield .multiple-source ul li a {
  display: block;
  padding: 5px 8px;
  border-bottom: 1px solid #ddd;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  color: #3d3d3d;
  background-color: transparent;
  text-align: left;
  font-size: 16px;
  margin: 0px;
  font-weight: 500;
}

.freelancer-search-dv .multiple-source ul li a:hover,
.company_searchfield .multiple-source ul li a:hover {
  background-color: #e11523;
  color: #fff;
}

.freelancer-search-dv .multiple-source .no-rc-fnd,
.company_searchfield .multiple-source .no-rc-fnd {
  padding: 8px;
}

.freelancer-search-dv #loader,
.company_searchfield #loader {
  position: absolute;
  background-color: #fff;
  left: 0px;
  right: 0px;
  top: 100%;
  width: 100%;
  text-align: center;
}

.multiple-source {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 100%;
  background-color: #fff;
  z-index: 99999;
}

.multiple-source ul li a {
  display: block;
  padding: 5px 8px;
  border-bottom: 1px solid #ddd;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  color: #3d3d3d;
}

.multiple-source ul li a:hover {
  background-color: #e11523;
  color: #fff;
}

.multiple-source .no-rc-fnd {
  padding: 8px;
}

#loader {
  position: absolute;
  background-color: #fff;
  left: 0px;
  right: 0px;
  top: 100%;
  width: 100%;
  text-align: center;
}

.rating_dv .btn-warning {
  background-color: #e11523 !important;
  border-color: #e11523 !important;
}

.rating_dv .btn-warning:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 0 0.2rem rgb(255 21 35 / 50%);
}

/*  */

/* This line can be removed it was just for display on CodePen: */

.slider-labels {
  margin-top: 10px;
}

/* Functional styling;
   * These styles are required for noUiSlider to function.
   * You don't need to change these rules to apply your design.
   */

.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  /* Fix 401 */
}

.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

.noUi-handle {
  position: relative;
  z-index: 1;
}

.noUi-stacking .noUi-handle {
  /* This class is applied to the lower origin when
     its values is > 50%. */
  z-index: 10;
}

.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top 0.3s;
  transition: left 0.3s, top 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Painting and performance;
   * Browsers can paint handles in their own layer.
   */

.noUi-base,
.noUi-handle {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Slider size and handle placement;
   */

.noUi-horizontal {
  height: 4px;
}

.noUi-horizontal .noUi-handle {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  left: -7px;
  top: -7px;
  background-color: #e11523;
}

/* Styling;
   */

.noUi-background {
  background: #d6d7d9;
}

.noUi-connect {
  background: #e11523;
  -webkit-transition: background 450ms;
  transition: background 450ms;
}

.noUi-origin {
  border-radius: 2px;
}

.noUi-target {
  border-radius: 2px;
}

.noUi-target.noUi-connect {}

/* Handles and cursors;
   */

.noUi-draggable {
  cursor: w-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: n-resize;
}

.noUi-handle {
  cursor: default;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
}

.noUi-handle:active {
  border: 8px solid #e11523;
  border: 8px solid rgba(225, 21, 35, 0.38);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  left: -14px;
  top: -14px;
}

#slider-range-value1,
#slider-range-value2 {
  background-color: transparent;
  border: none;
  width: 70px;
}

#slider-range-value1:focus,
#slider-range-value2:focus {
  outline: none;
}

#slider-range-value2 {
  text-align: right;
}

/* Disabled state;
   */

[disabled].noUi-connect,
[disabled] .noUi-connect {
  background: #b8b8b8;
}

[disabled].noUi-origin,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/*  */

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle,
.btn-warning,
.btn-warning.focus,
.btn-warning:focus {
  background-color: #e11523 !important;
  border-color: #e11523 !important;
}

.btn-warning.focus,
.btn-warning:focus {
  box-shadow: 0 0 0 0.2rem rgb(255 21 35 / 50%);
}

.modal_themheader {
  background-color: #e11523;
  color: #fff;
  position: relative;
}

.modal_themheader .close {
  position: absolute;
  right: 0px;
  top: 0px;
  background-color: #fff;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  line-height: 24px;
  text-align: center;
  padding: 4px;
}

.btn-info,
.btn-info:hover {
  background-color: #e11523;
  color: #fff;
  border-color: #e11523;
}

textarea {
  resize: none;
}

/*  */

.pricingTable {
  background: repeating-linear-gradient(#fff,
      #fff 10px,
      #f9f9f9 10px,
      #f5f5f5 20px);
  font-family: "Open Sans", sans-serif;
  text-align: center;
  margin: 22px;
  border: 1px solid #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  border-radius: 10px;
  position: relative;
  z-index: 1;
  height: 100%;
}

.pricingTable .pricingTable-header {
  color: #fff;
  background: linear-gradient(to right, #f41a92, #8d3b9d);
  text-align: left;
  padding: 15px 30px;
  margin: -20px 20px 10px -20px;
  border-radius: 7px;
  position: relative;
}

.pricingTable .pricingTable-header:before,
.pricingTable .pricingTable-header:after {
  content: "";
  background: linear-gradient(to top right, transparent 50%, #f41a92 52%);
  width: 18px;
  height: 20px;
  position: absolute;
  bottom: -16px;
  left: 0;
  z-index: -1;
}

.pricingTable .pricingTable-header:after {
  width: 17px;
  height: 19px;
  transform: rotate(180deg);
  top: 0;
  right: -13px;
  left: auto;
  bottom: auto;
}

.pricingTable .title {
  font-size: 30px;
  font-weight: 400;
  letter-spacing: 1px;
  margin: 0px;
  text-align: center;
}

.price-value {
  text-align: center;
}

.pricingTable .price-value .currency {
  font-size: 22px;
}

.pricingTable .price-value .amount {
  font-size: 40px;
  margin: 0 0 5px;
  display: inline-block;
}

.pricingTable .price-value .duration {
  font-size: 24px;
  display: inline-block;
}

.pricingTable .pricing-content {
  text-align: left;
  padding: 0;
  margin: 0 0 40px;
  list-style: none;
  display: block;
}

.pricingTable .pricing-content li {
  color: #272727;
  font-size: 17px;
  padding: 0 0 0 35px;
  margin: 0 0 18px;
  position: relative;
}

.pricingTable .pricing-content li:last-child {
  margin: 0;
}

.pricingTable .pricing-content li:before {
  color: #f41a92;
  content: "\f00c";
  font-family: "Font Awesome 5 free";
  font-size: 17px;
  font-weight: 900;
  line-height: 14px;
  width: 19px;
  height: 19px;
  padding-left: 2px;
  border-radius: 50%;
  border: 2px solid #f41a92;
  position: absolute;
  top: 14px;
  left: 0;
}

.pricingTable .pricingTable-signup a {
  background: linear-gradient(to right, #f41a92, #8d3b9d);
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  text-align: center;
  text-transform: capitalize;
  letter-spacing: 1px;
  width: 150px;
  margin: 0 auto -22px;
  padding: 11px;
  border-radius: 50px;
  display: block;
  transition: all 0.5s;
}

.pricingTable .pricingTable-signup a:hover {
  text-shadow: 5px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
}

.pricingTable.blue .pricingTable-header {
  background: linear-gradient(to right, #f96d77, #e11523);
}

.pricingTable.blue .pricingTable-signup a {
  background: #e11523;
  color: #fff !important;
}

.pricingTable.blue .pricingTable-header:before,
.pricingTable.blue .pricingTable-header:after {
  background: linear-gradient(to top right, transparent 50%, #f96d77 52%);
}

.pricingTable.blue .pricing-content li:before {
  color: #f96d77;
  border-color: #f96d77;
}

.pricingTable.orange .pricingTable-header,
.pricingTable.orange .pricingTable-signup a {
  background: linear-gradient(to right, #fc9211, #f26304);
}

.pricingTable.orange .pricingTable-header:before,
.pricingTable.orange .pricingTable-header:after {
  background: linear-gradient(to top right, transparent 50%, #fc9211 52%);
}

.pricingTable.orange .pricing-content li:before {
  color: #fc9211;
  border-color: #fc9211;
}

@media only screen and (max-width: 990px) {
  .pricingTable {
    margin-bottom: 60px;
  }
}

.modal .modal-dialog .modal-content {
  width: 100% !important;
  margin: 0px !important;
}

#freelancer_portfoliomodal .modal-dialog {
  max-width: 990px;
}

/* =========chat-box======
        =============================== */

.chat_bxdv a {
  position: relative;
}

.chat_bxdv .online_user {
  content: "";
  display: block;
  position: absolute;
  right: -4px;
  bottom: -4px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background-color: rgb(50, 220, 9);
}

.chat_bxdv a img {
  max-width: 21px;
}

/* ==========ui-dialog=====
        ============================ */

.ui-dialog {
  padding: 0px !important;
  border: none !important;
  z-index: 999999;
  /* bottom: 0px !important; */
}

.ui-dialog .ui-widget-header {
  background-color: #e11523;
  border-color: #e11523;
  color: #fff;
  -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.29);
  -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.29);
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.29);
}

.ui-dialog .user_dialog.ui-dialog-content {
  background-color: #eceff1;
  padding: 0px;
  overflow: hidden;
}

.ui-dialog .chat_history>ul li {
  margin-bottom: 8px;
  border: none !important;
  position: relative;
  box-shadow: 0px 0px 5px 2px #0002;
}

.ui-dialog .chat_history>ul li p b {
  display: none;
}

.ui-dialog .chat_history>ul li.chatbox_you {
  background-color: #fff;
  width: 90%;
  border-radius: 0px 12px 12px 12px;
  padding: 12px;
}

.ui-dialog .chat_history>ul li p {
  margin-bottom: 5px;
  font-size: 14px;
  text-align: justify;
  color: #344045;
}

.ui-dialog .chat_history>ul li.chatbox_you small {
  font-size: 11px;
  color: #a9a7a7;
}

.ui-dialog .chat_history>ul li.chatbox_me {
  background-color: #e11523;
  width: 90%;
  border-radius: 12px 12px 0px 12px;
  padding: 12px;
  margin-left: 10%;
}

.ui-dialog .chat_history>ul li.chatbox_me p {
  color: #fff;
}

.ui-dialog .chat_history>ul li.chatbox_me small {
  color: #fff;
  font-size: 11px;
}

.free_chat,
.free_chat span {
  color: #e11523 !important;
}

.ui-dialog .chat_with_freelancer {
  position: relative;
}

.ui-dialog .chat_history {
  margin-bottom: 0px !important;
  border: none !important;
}

.ui-dialog .chat_with_freelancer .chat_with_textarea {
  width: 85%;
  float: left;
}

.ui-dialog .chat_with_freelancer .chat_with_submit {
  float: left;
  width: 15%;
}

.ui-dialog .chat_with_freelancer {
  padding: 6px 10px;
  -webkit-box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.23);
  box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.23);
}

.ui-dialog .chat_with_freelancer .emojionearea .emojionearea-editor {
  min-height: 40px !important;
  max-height: 100px !important;
}

.ui-dialog .chat_with_freelancer:after {
  content: "";
  display: block;
  clear: both;
}

.ui-dialog .chat_with_freelancer button[name="send_chat"] {
  height: 40px;
}

.ui-dialog .chat_with_freelancer .form-group {
  margin-bottom: 0px !important;
}

.ui-dialog .emojionearea .emojionearea-button {
  height: 40px !important;
  top: 0px !important;
}

.ui-dialog .emojionearea .emojionearea-button .emojionearea-button-open {
  height: 33px;
  background-position: 0 -17px !important;
}

.ui-dialog-titlebar-close:after {
  display: none;
}

.ui-dialog-titlebar-close:before {
  content: "\f00d";
  color: #fff;
  display: block;
  font-weight: 900;
  font-size: 18px;
  font-family: "Font Awesome 5 Free";
}

.ui-dialog .ui-dialog-titlebar-close {
  background-color: transparent !important;
  border: none !important;
  top: 40% !important;
}

.chat_bxdv {
  position: relative;
}

.chat_bxdv .t_count span {
  height: 10px;
  width: 80%;
  background-color: #e11523;
  text-align: center;
  height: 10px;
  border-radius: 50%;
  line-height: 8px;
  margin: auto;
  font-size: 10px;
  color: #fff !important;
  color: #fff;
  position: absolute;
  border-radius: 10px;
  right: 0px;
  left: 0px;
  top: 7px;
  text-align: center;
  display: block;
}

/* .hourly_ratedv .px-4.py-2{ padding: 10px !important;} */

.hourly_ratedv .ui-slider-horizontal {
  width: 100%;
  height: 6px !important;
  border: none !important;
  background-color: #eee;
  margin-bottom: 0px !important;
  margin-top: 15px;
}

.hourly_ratedv div[style="margin:30px auto"] {
  display: flex;
  justify-content: space-between;
  margin: 20px 0px !important;
}

.hourly_ratedv .ui-slider-range {
  background: #e11523;
}

.hourly_ratedv .ui-slider-handle {
  background-color: #e11523 !important;
  border-radius: 50%;
  border: none !important;
  height: 20px !important;
  width: 20px !important;
  top: -7px !important;
}

.hourly_ratedv .ui-slider-handle:focus {
  outline: none !important;
}

.project_pgmn .hourly_ratedv .px-4.py-2 {
  padding: 0px !important;
}

.hourly_ratedv .price-range-field {
  width: 62px !important;
  padding: 0px !important;
  border: none !important;
  outline: none !important;
  min-width: inherit !important;
  background-color: transparent !important;
}

.hourly_ratedv .price-range-field:before {
  content: "$";
  display: inline-block;
  color: #000;
  font-weight: 500;
  font-size: 18px;
}

.hourly_ratedv .price-range-field:focus {
  outline: none !important;
}

/* .hourly_ratedv #max_price{ text-align: right;} */

.breadcrumb-item a {
  color: #e11523 !important;
}

/*
  	Flaticon icon font: Flaticon
  	Creation date: 12/02/2021 11:43
  	*/

@font-face {
  font-family: "Flaticon";
  src: url("../iconFont/Flaticon.eot");
  src: url("../iconFont/Flaticon.eot?#iefix") format("embedded-opentype"),
    url("../iconFont/Flaticon.woff2") format("woff2"),
    url("../iconFont/Flaticon.woff") format("woff"),
    url("../iconFont/Flaticon.ttf") format("truetype"),
    url("../iconFont/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Flaticon";
    src: url("../iconFont/Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
  font-family: Flaticon;
  font-size: 20px;
  font-style: normal;
  margin-left: 20px;
}

.flaticon-phone-ringing:before {
  content: "\f100";
}

.flaticon-phone-call:before {
  content: "\f101";
}

.flaticon-call:before {
  content: "\f102";
}

.flaticon-speech-bubble:before {
  content: "\f103";
}

.flaticon-conversation:before {
  content: "\f104";
}

.flaticon-chat:before {
  content: "\f105";
}

.flaticon-comment:before {
  content: "\f106";
}

.flaticon-chat-1:before {
  content: "\f107";
}

.flaticon-facebook:before {
  content: "\f108";
}

.flaticon-facebook-1:before {
  content: "\f109";
}

.flaticon-facebook-3:before {
  content: "\f10a";
}

.flaticon-twitter:before {
  content: "\f10b";
}

.flaticon-user-2:before {
  content: "\f150";
}

.flaticon-twitter-1:before {
  content: "\f10c";
}

.flaticon-instagram:before {
  content: "\f10d";
}

.flaticon-instagram-2:before {
  content: "\f10e";
}

.flaticon-pinterest:before {
  content: "\f10f";
}

.flaticon-google-plus:before {
  content: "\f110";
}

.flaticon-google-plus-1:before {
  content: "\f111";
}

.flaticon-youtube:before {
  content: "\f112";
}

.flaticon-youtube-logotype:before {
  content: "\f113";
}

.flaticon-email:before {
  content: "\f114";
}

.flaticon-mail-send:before {
  content: "\f115";
}

.flaticon-email-1:before {
  content: "\f116";
}

.flaticon-email-2:before {
  content: "\f117";
}

.flaticon-paper-plane:before {
  content: "\f118";
}

.flaticon-black-back-closed-envelope-shape:before {
  content: "\f119";
}

.flaticon-check:before {
  content: "\f11a";
}

.flaticon-right-arrow:before {
  content: "\f11b";
}

.flaticon-right-arrow-2:before {
  content: "\f11c";
}

.flaticon-check-mark:before {
  content: "\f11d";
}

.flaticon-right-arrow-3:before {
  content: "\f11e";
}

.flaticon-arrow-pointing-to-right:before {
  content: "\f11f";
}

.flaticon-right-arrow-4:before {
  content: "\f120";
}

.flaticon-chevron:before {
  content: "\f121";
}

.flaticon-user:before {
  content: "\f122";
}

.flaticon-group:before {
  content: "\f123";
}

.flaticon-user-1:before {
  content: "\f124";
}

.flaticon-add-user:before {
  content: "\f125";
}

.flaticon-wallet:before {
  content: "\f126";
}

.flaticon-wallet-1:before {
  content: "\f127";
}

.flaticon-star-1:before {
  content: "\f128";
}

.flaticon-star-2:before {
  content: "\f129";
}

.flaticon-aries-zodiac-symbol-of-frontal-goat-head:before {
  content: "\f12a";
}

.flaticon-aries:before {
  content: "\f12b";
}

.flaticon-taurus:before {
  content: "\f12c";
}

.flaticon-gemini-zodiac-symbol-of-two-twins-faces:before {
  content: "\f12d";
}

.flaticon-crab-cancer-symbol:before {
  content: "\f12e";
}

.flaticon-scorpion-shape-of-zodiac-sign:before {
  content: "\f12f";
}

.flaticon-leo-lion-head-side:before {
  content: "\f130";
}

.flaticon-leo-zodiac-symbol-of-lion-head-from-side-view:before {
  content: "\f131";
}

.flaticon-virgo-zodiac-symbol:before {
  content: "\f132";
}

.flaticon-virgo:before {
  content: "\f133";
}

.flaticon-libra-scale-balance-symbol:before {
  content: "\f134";
}

.flaticon-scorpio-vertical-animal-shape-of-zodiac-symbol:before {
  content: "\f135";
}

.flaticon-sagittarius-arch-and-arrow-symbol:before {
  content: "\f136";
}

.flaticon-capricorn:before {
  content: "\f137";
}

.flaticon-aquarius-water-container-symbol:before {
  content: "\f138";
}

.flaticon-pisces-astrological-sign-symbol:before {
  content: "\f139";
}

.flaticon-herbs:before {
  content: "\f13a";
}

.flaticon-pin:before {
  content: "\f13b";
}

.flaticon-route:before {
  content: "\f13c";
}

.flaticon-email-3:before {
  content: "\f13d";
}

.flaticon-phone-call-1:before {
  content: "\f13e";
}

.flaticon-telephone:before {
  content: "\f13f";
}

.flaticon-technical-support:before {
  content: "\f140";
}

.flaticon-esoteric:before {
  content: "\f141";
}

.flaticon-consultation:before {
  content: "\f142";
}

.flaticon-keyhole:before {
  content: "\f143";
}

.flaticon-24-hours-support:before {
  content: "\f144";
}

.flaticon-user-images:before {
  content: "\f145";
}

.flaticon-camera:before {
  content: "\f146";
}

.flaticon-video-camera:before {
  content: "\f147";
}

.flaticon-video-camera-1:before {
  content: "\f148";
}

.flaticon-video-camera-2:before {
  content: "\f149";
}

.flaticon-seatbelt:before {
  content: "\f14a";
}

.flaticon-taxi-driver:before {
  content: "\f14b";
}

.flaticon-taxi-driver-1:before {
  content: "\f14c";
}

.flaticon-plumber:before {
  content: "\f14d";
}

.flaticon-electrician:before {
  content: "\f14e";
}

.flaticon-mechanic:before {
  content: "\f14f";
}

/* =======cvBuilder_secpg=========
====================================== */

#cvBuilder_secpg {
  padding: 120px 0px 80px;
  background-color: #f3f4f5;
}

#cvBuilder_secpg .cvBuilder_secpginner {
  padding: 60px;
  background-color: #f8fafb;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
  width: 90%;
  margin: auto;
  position: relative;
}

#cvBuilder_secpg .form-group>label {
  display: block;
}

#cvBuilder_secpg .cvBuilder_secpginner hgroup h2,
#cvBuilder_secpg .cvBuilder_secpginner hgroup h4 {
  color: #fff;
}

#cvBuilder_secpg .cvBuilder_secpginner hgroup {
  background-color: #e11523;
  padding: 15px;
  position: relative;
  width: 40%;
  margin: auto;
  top: -110px;
  margin-bottom: -60px;
  border-radius: 90px;
  filter: drop-shadow(2px 4px 6px #00b8ff);
}

/* #cvBuilder_secpg .cvBuilder_secpginner hgroup h2.mn_heading{ font-size: 28px !important;}
#cvBuilder_secpg .cvBuilder_secpginner hgroup h4{ font-size: 32px !important;} */

/* <<<<<<< HEAD */

#cvBuilder_secpg .cv_templetFormatEnglish .form-check {
  width: 120px;
  height: auto;
  border: 5px solid #eee;
  overflow: hidden;
  padding-left: 0px;
  position: relative;
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
  transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

/* ======= */

#cvBuilder_secpg .cv_templetFormatEnglish .form-check {
  width: 130px;
  height: auto;
  border: 5px solid #eee;
  overflow: hidden;
  padding-left: 0px;
  position: relative;
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
  transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

#cvBuilder_secpg .cv_templetFormatEnglish .form-check iframe {
  margin: -3px -3px;
}

/* >>>>>>> a4e4a1b0de1ba720da0a1bc1cdba1b90d3ffa0d1 */

#cvBuilder_secpg .cv_templetFormatEnglish .form-check .view_templeta {
  position: absolute;
  z-index: 9999;
  background-color: #e11523;
  right: 0px;
  bottom: 0px;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  line-height: 35px;
  color: #fff;
}

#cvBuilder_secpg .cv_templetFormatEnglish .form-check .view_templeta i {
  display: inline-block;
  color: #fff;
  font-size: 18px;
}

#cvBuilder_secpg .cv_templetFormatEnglish .form-check.active {
  border-color: #e11523;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.34);
  -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.34);
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.34);
}

#cvBuilder_secpg .cv_templetFormatEnglish .form-check input[type="radio"] {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  height: 100%;
  width: 100%;
  z-index: 99;
  margin: auto;
  opacity: 0;
  cursor: pointer;
}

/* #cvBuilder_secpg .cv_builderimg {
  width: 80%;
  margin: auto;
} */

#cvBuilder_secpg .cv_builder_info .form-group {
  margin-bottom: 20px;
}

#cvBuilder_secpg .cv_builder_info .form-group.f-style {
  position: relative;
}

#cvBuilder_secpg .cv_builder_info .form-group.f-style:after {
  content: "";
  display: block;
  background-color: #e11523;
  height: 3px;
  width: 0px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 99;
  transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

#cvBuilder_secpg .cv_builder_info .form-group.f-style.active:after {
  width: 100%;
}

#cvBuilder_secpg .cv_builder_info input[type="text"],
#cvBuilder_secpg .cv_builder_info input[type="email"],
#cvBuilder_secpg .cv_builder_info input[type="date"],
#cvBuilder_secpg .cv_builder_info input[type="url"],

#cvBuilder_secpg .cv_builder_info textarea {
  border: none;
  /* height: 52px; */
  padding-top: 5px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid #ddd !important;
  font-size: 16px;
  padding-left: 12px;
}

#cvBuilder_secpg .cv_builder_info select {
  border: none;
  /* height: 52px; */
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid #ddd;
}

#cvBuilder_secpg .cv_builder_info .form-group>label {
  font-size: 18px;
  font-weight: 400;
  color: rgb(42, 42, 42);
  margin: 0px;
  margin-bottom: 5px;
  /* border: none;
  height: 52px;
  padding-top: 22px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
  border-bottom: 3px solid #ddd !important;
  font-size: 16px;
  padding-left: 12px; */

}

#cvBuilder_secpg .cv_builder_info .form-group.is-fileinput>label {
 
  border: none;
  /* height: 52px;
  padding-top: 12px; */
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid #ddd !important;
  font-size: 16px;
  padding-left: 12px;

}



#cvBuilder_secpg .cv_builder_info .form-group.f-style span {
  position: absolute;
  left: 18px;
  top: 7px;
  display: inline-block;
}

#cvBuilder_secpg .cv_builder_info .form-group.f-style span:before {
  font-size: 26px;
  color: #00000087;
  margin: 0px;
}

/* #cvBuilder_secpg .selectLanguagedv .form-check label{ background-color: #424546; padding: 10px 15px; border-radius: 7px; color: #fff; font-size: 16px; text-align: center; min-width: 120px; transition: .5s; -o-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s;}
#cvBuilder_secpg .selectLanguagedv .form-check{ position: relative; display: inline-block; margin-right: 10px; padding: 0px;}
#cvBuilder_secpg .selectLanguagedv .form-check.active label{ background-color: #e11523;}
#cvBuilder_secpg .selectLanguagedv .form-check input[type="radio"]{ position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; height: 100%; width: 100%; text-align: center; margin: auto; opacity: 0;} */

.EnglishTempletDvOn .EnglishTempletsShow {
  display: block;
}

.EnglishTempletDvOn .ArabicTempletsShow {
  display: none;
}

.ArabicTempletDvOn .EnglishTempletsShow {
  display: none;
}

.ArabicTempletDvOn .ArabicTempletsShow {
  display: block;
}

/* #cvBuilder_secpg .cv_builder_info{ position: relative; padding: 60px; width: 90%; margin: auto; border: 6px solid #fd596475; padding-top: 120px;} */

#cvBuilder_secpg .cv_builder_info hgroup {
  background-color: #e11523;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  padding: 10px;
  text-align: center;
}

#cvBuilder_secpg .cv_builder_info hgroup h2.mn_heading,
#cvBuilder_secpg .cv_builder_info hgroup h4 {
  color: #fff;
}

#cvBuilder_secpg .RollSelectdv .form-check label {
  background-color: #eee;
  padding: 12px;
  width: 110px;
  height: auto;
  font-size: 18px;
  color: #000;
  border-radius: 6px;
  text-align: center;
  transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

#cvBuilder_secpg .RollSelectdv .form-check {
  padding: 0px;
  display: inline-block;
  margin-right: 10px;
  position: relative;
}

#cvBuilder_secpg .RollSelectdv .form-check input[type="radio"] {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  margin: auto;
  text-align: center;
  z-index: 99;
  opacity: 0;
}

#cvBuilder_secpg .RollSelectdv .form-check span {
  display: block;
}

#cvBuilder_secpg .RollSelectdv .form-check span:before {
  font-size: 70px;
  color: #424546;
  margin: 0px;
}

#cvBuilder_secpg .RollSelectdv .form-check.active label {
  background-color: #e11523;
  color: #fff;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(225, 21, 35, 1);
  -moz-box-shadow: 0px 0px 7px 0px rgba(225, 21, 35, 1);
  box-shadow: 0px 0px 7px 0px rgba(225, 21, 35, 1);
}

#cvBuilder_secpg .RollSelectdv .form-check.active span:before {
  color: #fff;
}

#cvBuilder_secpg button[type="submit"] {
  width: 200px;
  height: 40px;
}

/* #cvBuilder_secpg .cv_builder_info{ background-color: #fff; width: 90%; margin: auto; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); padding: 30px;} */

#EnglishCVTmp1 .modal-body {
  border: 6px solid #fd596475;
  position: relative;
}

#EnglishCVTmp1 .modal-body .close {
  height: 30px;
  width: 30px;
  position: absolute;
  right: -15px;
  top: -15px;
  border-radius: 50%;
  background-color: #e11523;
  color: #fff;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  opacity: 1;
}

/* <<<<<<< HEAD======= */

/* #cvBuilder_secpg .cv_builder_info{ background-color: #fff; width: 90%; margin: auto; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); padding: 30px;} */

/* >>>>>>>a4e4a1b0de1ba720da0a1bc1cdba1b90d3ffa0d1 */

/* ==========pricePlanCSS========
======================================== */

/*--
Author: W3layouts
Author URL: https://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/

/* reset */

#cvBuilderPricepsec {
  padding: 45px 0px;
}

#cvBuilderPricepsec h2.mn_heading {
  margin-bottom: 20px;
}

#cvBuilderPricepsec blockquote:before,
#cvBuilderPricepsec blockquote:after,
#cvBuilderPricepsec q:before,
#cvBuilderPricepsec q:after {
  content: "";
  content: none;
}

#cvBuilderPricepsec .sale-box.three.sale-box span.on_sale {
  background: #05aea7;
}

#cvBuilderPricepsec .sale-box span.on_sale {
  font-size: 14px;
  color: #444;
  background: #ffd400;
  text-transform: uppercase;
  padding: 58px 35px 17px 40px;
  width: 281px;
  text-align: center;
  display: block;
  position: absolute;
  left: -47px;
  top: -41px;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: rotate(-44deg);
  -ms-transform: rotate(-44deg);
  transform: rotate(40deg);
  box-shadow: 3px -4px 13px 3px rgb(0 0 0 / 75%);
}

#cvBuilderPricepsec table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* start editing from here */

#cvBuilderPricepsec .txt-rt {
  text-align: right;
}

/* text align right */

#cvBuilderPricepsec .txt-lt {
  text-align: left;
}

/* text align left */

#cvBuilderPricepsec .txt-center {
  text-align: center;
}

/* text align center */

#cvBuilderPricepsec .float-rt {
  float: right;
}

/* float right */

#cvBuilderPricepsec .float-lt {
  float: left;
}

/* float left */

#cvBuilderPricepsec .clear {
  clear: both;
}

/* clear float */

#cvBuilderPricepsec .pos-relative {
  position: relative;
}

/* Position Relative */

#cvBuilderPricepsec .pos-absolute {
  position: absolute;
}

/* Position Absolute */

#cvBuilderPricepsec .vertical-base {
  vertical-align: baseline;
}

/* vertical align baseline */

#cvBuilderPricepsec .vertical-top {
  vertical-align: top;
}

/* vertical align top */

#cvBuilderPricepsec nav.vertical ul li {
  display: block;
}

/* vertical menu */

#cvBuilderPricepsec nav.horizontal ul li {
  display: inline-block;
}

/* horizontal menu */

/*end reset*/

/****-----start-body----****/

#cvBuilderPricepsec .ad728x90 {
  margin-top: 1em;
}

/* #cvBuilderPricepsec .wrap {
  margin: 0 auto;
  width: 80%;
} */

#cvBuilderPricepsec body a {
  transition: 0.5s all ease;
  -webkit-transition: 0.5s all ease;
  -moz-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  -ms-transition: 0.5s all ease;
}

#cvBuilderPricepsec .pop_up {
  border: 9px solid#485460;
  border-radius: 1em;
  -o-border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
}

/* Styles for dialog window */

#cvBuilderPricepsec #small-dialog,
#cvBuilderPricepsec #small-dialog1,
#cvBuilderPricepsec #small-dialog2,
#cvBuilderPricepsec #small-dialog3,
#cvBuilderPricepsec #small-dialog4,
#cvBuilderPricepsec #small-dialog5 {
  background: white;
  padding: 20px;
  text-align: left;
  max-width: 650px;
  margin: 40px auto;
  position: relative;
  text-align: center;
  border: 9px solid#eee;
  border-radius: 1em;
  -o-border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
}

/*Pricing table and price blocks*/

#cvBuilderPricepsec .price-head h1 {
  text-align: center;
  margin-top: 2em;
  font-size: 3em;
  color: #fff;
}

#cvBuilderPricepsec .price-head h3 {
  color: #404042;
  font-size: 3em;
  text-decoration: none;
  font-weight: 700;
}

/* #cvBuilderPricepsec .pricing-grids {
  margin: 12% 0;
} */

/*----*/

#cvBuilderPricepsec .pricing-grid1,
#cvBuilderPricepsec .pricing-grid2,
#cvBuilderPricepsec .pricing-grid3 {
  border: 1px solid #ddd !important;
  width: 31.5%;
  float: left;
  text-align: center;
  margin-right: 2%;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  padding: 0;
  border: none;
  border-radius: 0.7em;
  -webkit-border-radius: 0.7em;
  -o-border-radius: 0.7em;
  -moz-border-radius: 0.7em;
}

#cvBuilderPricepsec .pricing-grid3 {
  margin-right: 0;
}

#cvBuilderPricepsec .pricing-grid1:hover,
#cvBuilderPricepsec .pricing-grid2:hover,
#cvBuilderPricepsec .pricing-grid3:hover {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  z-index: 1;
  border: none;
}

#cvBuilderPricepsec .pricing-grid1:nth-child(3) {
  margin-right: 0;
}

#cvBuilderPricepsec .price-value h2 a,
#cvBuilderPricepsec .price-value.two h3 a,
#cvBuilderPricepsec .price-value.three h4 a {
  font-size: 28px;
  color: #fff;
}

#cvBuilderPricepsec .price-value,
#cvBuilderPricepsec .price-value.two,
#cvBuilderPricepsec .price-value.three {
  background: #5f18c8;
  padding: 20px 1.8em 100px;
  border-bottom: 2px solid #5f18c8;
  border-top-left-radius: 0.7em;
  -webkit-border-top-left-radius: 0.7em;
  -o-border-top-left-radius: 0.7em;
  -moz-border-top-left-radius: 0.7em;
  border-top-right-radius: 0.7em;
  -webkit-border-top-right-radius: 0.7em;
  -o-border-top-right-radius: 0.7em;
  -moz-border-top-left-radius: 0.7em;
  position: relative;
}

/* #cvBuilderPricepsec .price-value{ background: url(../images/cv_image1.jpg) no-repeat center center #5f18c8; background-size: 100% 100%; position: relative;}

#cvBuilderPricepsec .price-value.two{ background: url(../images/cv_image1.jpg) no-repeat center center !important; background-size: 100% 100% !important; position: relative;}

#cvBuilderPricepsec .price-value.three{ background: url(../images/cv_image1.jpg) no-repeat center center !important; background-size: 100% 100% !important; position: relative;} */

#cvBuilderPricepsec .price-value .pricing_overlaybx {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background-color: rgba(5, 140, 203, 0.8);
  z-index: 9;
}

#cvBuilderPricepsec .price-value.two .pricing_overlaybx {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background-color: rgba(5, 140, 203, 0.8);
  z-index: 9;
}

#cvBuilderPricepsec .price-value.three .pricing_overlaybx {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background-color: rgba(5, 140, 203, 0.8);
  z-index: 9;
}

#cvBuilderPricepsec .price-value.two {
  background: #058ccb;
  border-bottom: 2px solid #0379af;
}

#cvBuilderPricepsec .price-value.three {
  background: #e21151;
  border-bottom: 2px solid #e21151;
}

#cvBuilderPricepsec h2,
#cvBuilderPricepsec h3,
#cvBuilderPricepsec h4 {
  font-size: 24px;
  position: relative;
  z-index: 99;
}

#cvBuilderPricepsec .price-value ul,
#cvBuilderPricepsec .pricing-grid1 ul,
#cvBuilderPricepsec .pricing-grid2 ul,
#cvBuilderPricepsec .pricing-grid3 ul {
  padding: 0;
}

#cvBuilderPricepsec .price-value ul li,
#cvBuilderPricepsec .pricing-grid1,
#cvBuilderPricepsec .pricing-grid2 ul li,
#cvBuilderPricepsec .pricing-grid3 ul li {
  list-style: none;
}

#cvBuilderPricepsec .price-value ul li {
  list-style: none;
}

#cvBuilderPricepsec .price-value h5 {
  margin-top: -18px !important;
}

#cvBuilderPricepsec .price-value h5 span {
  color: #fff;
  font-size: 45px;
}

#cvBuilderPricepsec .price-value lable {
  color: #fff;
  font-size: 17px;
}

#cvBuilderPricepsec .price-value.two h5 span {
  color: #fff;
}

#cvBuilderPricepsec .price-value.two h5 lable {
  color: #fff;
}

#cvBuilderPricepsec .price-value.three h5 span {
  color: #fff;
}

#cvBuilderPricepsec .price-value.three h5 lable {
  color: #fff;
}

#cvBuilderPricepsec .price-value h5 {
  padding: 11px 0;
  position: relative;
  z-index: 99;
}

#cvBuilderPricepsec .price-value h5 a,
#cvBuilderPricepsec .price-value h5 a i {
  color: #fff;
}

#cvBuilderPricepsec .price-value h5 .tooltip>.tooltip-inner {
  text-align: left;
}

#cvBuilderPricepsec .sale-box,
#cvBuilderPricepsec .sale-box.two,
#cvBuilderPricepsec .sale-box.three {
  position: absolute;
  display: none;
  top: 0;
  overflow: hidden;
  height: 130px;
  width: 143px;
  text-align: center;
  z-index: 0;
  right: 0;
  border-top-right-radius: 0.7em;
  -o-border-top-right-radius: 0.7em;
  -moz-border-top-right-radius: 0.7em;
  -webkit-border-top-right-radius: 0.7em;
}

#cvBuilderPricepsec.sale-box span.on_sale {
  font-size: 14px;
  color: #444;
  background: #ffd400;
  text-transform: uppercase;
  padding: 58px 35px 17px 40px;
  width: 281px;
  text-align: center;
  display: block;
  position: absolute;
  left: -47px;
  top: -41px;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: rotate(-44deg);
  -ms-transform: rotate(-44deg);
  transform: rotate(40deg);
  box-shadow: 3px -4px 13px 3px rgba(0, 0, 0, 0.75);
}

#cvBuilderPricepsec .sale-box.two.sale-box span.on_sale {
  background: #fa6e6f;
}

#cvBuilderPricepsec .sale-box.three.sale-box span.on_sale {
  background: #05aea7;
}

#cvBuilderPricepsec .pricing-grid1 ul li,
#cvBuilderPricepsec .pricing-grid2 ul li,
#cvBuilderPricepsec .pricing-grid3 ul li {
  color: #888787;
  font-size: 15px;
  text-align: justify;
  display: block;
  padding: 10px 8px;
  text-decoration: none;
  font-weight: 400;
}

/* #cvBuilderPricepsec .price-bg ul li{ position: relative; padding-left: 25px; }
#cvBuilderPricepsec .price-bg ul li:after{ content: ''; display: block; background-color: #058ccb; height: 10px; width: 10px; position: absolute; left: 8px; top: 15px; border-radius: 50%;} */

/* #cvBuilderPricepsec .price-bg ul li:first-child{ min-height: 88px;} */

#cvBuilderPricepsec .pricing-grid1 ul li:nth-child(even),
#cvBuilderPricepsec .pricing-grid2 ul li:nth-child(even),
#cvBuilderPricepsec .pricing-grid3 ul li:nth-child(even) {
  background: #f4f4f4;
}

#cvBuilderPricepsec .price-bg .pricing_overlaybx {
  height: 220px;
  width: 220px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  top: -110px;
  margin: auto;
  border: 5px solid #fff;
  margin-bottom: -100px;
}

#cvBuilderPricepsec .pricing-grid1:hover div.price-bg ul li a {
  color: #058ccb;
}

#cvBuilderPricepsec .pricing-grid2:hover div.price-bg ul li a {
  color: #058ccb;
}

#cvBuilderPricepsec .pricing-grid3:hover div.price-bg ul li a {
  color: #058ccb;
}

#cvBuilderPricepsec .price-bg {
  background: #fff;
}

#cvBuilderPricepsec .price-bg ul {
  padding: 0;
}

#cvBuilderPricepsec .price-bg ul li {
  list-style: none;
  text-align: center;
  text-overflow: inherit;
  white-space: inherit;
}

#cvBuilderPricepsec .cart1,
#cvBuilderPricepsec .cart2,
#cvBuilderPricepsec .cart3 {
  padding: 2.7em 0em 2.7em;
  display: block;
  border-bottom: 2px solid #058ccb;
}

#cvBuilderPricepsec .cart2 {
  border-bottom: 2px solid #058ccb;
}

#cvBuilderPricepsec .cart3 {
  border-bottom: 2px solid #058ccb;
}

#cvBuilderPricepsec .cart1 a,
#cvBuilderPricepsec .cart2 a,
#cvBuilderPricepsec .cart3 a {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 2em;
  text-decoration: none;
  background: #058ccb;
  text-transform: capitalize;
  -webkit-appearance: none;
  border-radius: 1em;
  -webkit-border-radius: 1em;
  -o-border-radius: 1em;
  -moz-border-radius: 1em;
  outline: none;
  border-radius: 20px;
}

#cvBuilderPricepsec .cart2 a,
#cvBuilderPricepsec .cart2 a:hover,
#cvBuilderPricepsec .cart1 a:hover {
  background: #058ccb;
  color: #fff;
}

#cvBuilderPricepsec .cart3 a,
#cvBuilderPricepsec .cart3 a:hover {
  background: #058ccb;
  color: #fff;
}

#cvBuilderPricepsec .cart1 a:hover,
#cvBuilderPricepsec .cart2 a:hover,
#cvBuilderPricepsec .cart3 a:hover {
  color: #fff;
}

/*----*/

/*---start-pricing-tabels-----*/

#cvBuilderPricepsec .payment-online-form-left {}

#cvBuilderPricepsec form li {
  list-style: none;
}

#cvBuilderPricepsec form ul {
  padding: 0;
}

#cvBuilderPricepsec .payment-online-form-left h4 {
  font-size: 1.8em;
  color: #222222;
  padding: 0.5em 0;
  text-align: left;
}

#cvBuilderPricepsec .payment-online-form-left span {
  vertical-align: sub;
  margin-right: 5px;
}

#cvBuilderPricepsec .payment-online-form-left form {
  padding: 0 3%;
}

#cvBuilderPricepsec .payment-online-form-left input[type="text"] {
  padding: 1em 1em;
  color: #485460;
  width: 42%;
  margin: 0.5em 0;
  border: 1px solid;
  outline: none;
  transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  -ms-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  -webkit-transition: border-color 0.3s;
  float: left;
  font-size: 0.9em;
  border-color: #eee;
  -webkit-appearance: none;
}

#cvBuilderPricepsec .payment-online-form-left input[type="text"]:hover {
  border-color: #fa6e6f;
}

#cvBuilderPricepsec .text-box-dark {}

#cvBuilderPricepsec .text-box-light {
  background: url(https://preview.w3layouts.com/demos/flat_pricing_tables_design/web/images/calender.png) no-repeat 95% 50%;
  cursor: pointer;
  position: relative;
}

#cvBuilderPricepsec .payment-online-form-left ul li:first-child input[type="text"] {
  margin-right: 5%;
}

#cvBuilderPricepsec .payment-online-form-left input[type="text"]:active,
#cvBuilderPricepsec .payment-online-form-left input[type="text"]:hover {
  border-color: #fa6e6f;
  color: #fa6e6f;
}

#cvBuilderPricepsec .shipping {
  width: 32px;
  height: 32px;
  display: inline-block;
  background: url(https://preview.w3layouts.com/demos/flat_pricing_tables_design/web/images/icon.png) no-repeat -111px -26px;
}

#cvBuilderPricepsec .payment {
  width: 32px;
  height: 32px;
  display: inline-block;
  background: url(https://preview.w3layouts.com/demos/flat_pricing_tables_design/web/images/icon.png) no-repeat -152px -30px;
}

#cvBuilderPricepsec .payment-date-section {
  background: url(https://preview.w3layouts.com/demos/flat_pricing_tables_design/web/images/calender.png) no-repeat #fff 50%;
}

#cvBuilderPricepsec .payment-sendbtns {
  float: right;
  margin: 2em 0 1.5em;
}

#cvBuilderPricepsec .payment-sendbtns input[type="reset"] {
  background: #fa6e6f;
  padding: 0.7em 1em;
  border: none;
  color: #fff;
  cursor: pointer;
  font-size: 1.2em;
  display: block;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  outline: none;
}

#cvBuilderPricepsec .payment-sendbtns input[type="reset"]:hover {
  color: #fff;
  background: #464c54;
}

#cvBuilderPricepsec .payment-sendbtns input[type="submit"] {
  background: #464c54;
  padding: 0.7em 1em;
  border: none;
  color: #fff;
  cursor: pointer;
  font-size: 1.2em;
  display: block;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-appearance: none;
  outline: none;
}

#cvBuilderPricepsec .payment-sendbtns input[type="submit"]:hover {
  color: #fff;
  background: #fa6e6f;
}

#cvBuilderPricepsec .payment-sendbtns li {
  display: inline-block;
}

#cvBuilderPricepsec .payment-type li {
  display: inline-block;
}

#cvBuilderPricepsec .payment-online-form-right {
  background: #2b2937;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border-bottom: 4px solid #1a1822;
}

/*---start-checkbox----*/

#cvBuilderPricepsec input[type="checkbox"].css-checkbox1,
#cvBuilderPricepsec input[type="checkbox"].css-checkbox2 {
  display: none;
}

#cvBuilderPricepsec input[type="checkbox"].css-checkbox1+label.css-label1 {
  height: 30px;
  width: 30px;
  display: inline-block;
  line-height: 18px;
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: super;
  cursor: pointer;
  background: url(https://preview.w3layouts.com/demos/flat_pricing_tables_design/web/images/icon.png) no-repeat -188px -25px;
}

#cvBuilderPricepsec input[type="checkbox"].css-checkbox1:checked+label.css-label1 {
  background: url(https://preview.w3layouts.com/demos/flat_pricing_tables_design/web/images/icon.png) no-repeat -215px -25px;
}

#cvBuilderPricepsec input[type="checkbox"].css-checkbox2+label.css-label2 {
  height: 30px;
  width: 30px;
  display: inline-block;
  line-height: 18px;
  background-repeat: no-repeat;
  background-position: -20px 0px;
  vertical-align: super;
  cursor: pointer;
  background: url(https://preview.w3layouts.com/demos/flat_pricing_tables_design/web/images/icon.png) no-repeat -218px -24px;
}

#cvBuilderPricepsec input[type="checkbox"].css-checkbox2:checked+label.css-label2 {
  background: url(https://preview.w3layouts.com/demos/flat_pricing_tables_design/web/images/icon.png) no-repeat -190px -24px;
}

#cvBuilderPricepsec .visa {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(https://preview.w3layouts.com/demos/flat_pricing_tables_design/web/images/icon.png) no-repeat -32px -28px;
}

#cvBuilderPricepsec .paypal {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(https://preview.w3layouts.com/demos/flat_pricing_tables_design/web/images/icon.png) no-repeat -71px -26px;
}

#cvBuilderPricepsec .payment-online-form-right {
  float: right;
  width: 30%;
  background: #2b2937;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border-bottom: 4px solid #1a1822;
  padding-bottom: 2em;
}

#cvBuilderPricepsec .payment-online-form-right a:hover {
  color: #1abc9c;
}

#cvBuilderPricepsec .payment-online-form-right ul li {
  display: block;
  padding: 0.5em;
}

#cvBuilderPricepsec .payment-online-form-right ul li a {
  color: #9095aa;
}

#cvBuilderPricepsec .payment-online-form-right h4 {
  color: #fff;
  font-size: 1em;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(144, 149, 170, 0.22);
  padding: 0.8em;
}

#cvBuilderPricepsec .payment-online-form-right ul {
  padding: 0px 1em;
}

#cvBuilderPricepsec .payment-online-form-right h5 {
  color: #fff;
  padding: 0.5em 0.8em 0.4em;
  font-size: 1em;
}

#cvBuilderPricepsec .payment-type {
  border-top: 1px solid rgba(144, 149, 170, 0.22);
  margin-top: 3%;
  text-align: left;
}

#cvBuilderPricepsec input[type="checkbox"].css-checkbox3,
#cvBuilderPricepsec input[type="checkbox"].css-checkbox4,
#cvBuilderPricepsec input[type="checkbox"].css-checkbox5,
#cvBuilderPricepsec input[type="checkbox"].css-checkbox6 {
  display: none;
}

#cvBuilderPricepsec input[type="checkbox"].css-checkbox3+label.css-label3 {
  height: 22px;
  width: 21px;
  display: inline-block;
  line-height: 18px;
  background-repeat: no-repeat;
  background-position: 0 -38px;
  vertical-align: middle;
  cursor: pointer;
  background-image: url(https://preview.w3layouts.com/demos/flat_pricing_tables_design/web/images/filter-bg.png);
}

#cvBuilderPricepsec input[type="checkbox"].css-checkbox3:checked+label.css-label3 {
  background-position: 0px 0px;
}

#cvBuilderPricepsec input[type="checkbox"].css-checkbox4+label.css-label4 {
  height: 22px;
  width: 21px;
  display: inline-block;
  line-height: 18px;
  background-repeat: no-repeat;
  background-position: 0 0px;
  vertical-align: middle;
  cursor: pointer;
  background-image: url(https://preview.w3layouts.com/demos/flat_pricing_tables_design/web/images/filter-bg.png);
}

#cvBuilderPricepsec input[type="checkbox"].css-checkbox4:checked+label.css-label4 {
  background-position: 0px -38px;
}

#cvBuilderPricepsec input[type="checkbox"].css-checkbox5+label.css-label5 {
  height: 22px;
  width: 21px;
  display: inline-block;
  line-height: 18px;
  background-repeat: no-repeat;
  background-position: 0 -38px;
  vertical-align: middle;
  cursor: pointer;
  background-image: url(https://preview.w3layouts.com/demos/flat_pricing_tables_design/web/images/filter-bg.png);
}

#cvBuilderPricepsec input[type="checkbox"].css-checkbox5:checked+label.css-label5 {
  background-position: 0px 0px;
}

#cvBuilderPricepsec input[type="checkbox"].css-checkbox6+label.css-label6 {
  height: 22px;
  width: 21px;
  display: inline-block;
  line-height: 18px;
  background-repeat: no-repeat;
  background-position: 0 0px;
  vertical-align: middle;
  cursor: pointer;
  background-image: url(https://preview.w3layouts.com/demos/flat_pricing_tables_design/web/images/filter-bg.png);
}

#cvBuilderPricepsec input[type="checkbox"].css-checkbox6:checked+label.css-label6 {
  background-position: 0px -38px;
}

/*-----*/

/**

/**
 * Fade-zoom animation for first dialog
 */

/* start state */

#cvBuilderPricepsec .my-mfp-zoom-in #small-dialog {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}

/* animate in */

#cvBuilderPricepsec .my-mfp-zoom-in.mfp-ready #small-dialog {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

/* animate out */

#cvBuilderPricepsec .my-mfp-zoom-in.mfp-removing #small-dialog {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
}

/* Dark overlay, start state */

#cvBuilderPricepsec .my-mfp-zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

/* animate in */

#cvBuilderPricepsec .my-mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}

/* animate out */

#cvBuilderPricepsec .my-mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

/**
/* Magnific Popup CSS */

#cvBuilderPricepsec .mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

#cvBuilderPricepsec .mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

#cvBuilderPricepsec .mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#cvBuilderPricepsec .mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

#cvBuilderPricepsec .mfp-align-top .mfp-container:before {
  display: none;
}

#cvBuilderPricepsec .mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

#cvBuilderPricepsec .mfp-inline-holder .mfp-content,
#cvBuilderPricepsec .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

#cvBuilderPricepsec .mfp-ajax-cur {
  cursor: progress;
}

#cvBuilderPricepsec .mfp-zoom-out-cur,
#cvBuilderPricepsec .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

#cvBuilderPricepsec .mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

#cvBuilderPricepsec .mfp-auto-cursor .mfp-content {
  cursor: auto;
}

#cvBuilderPricepsec .mfp-close,
#cvBuilderPricepsec .mfp-arrow,
#cvBuilderPricepsec .mfp-preloader,
#cvBuilderPricepsec .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

#cvBuilderPricepsec .mfp-loading.mfp-figure {
  display: none;
}

#cvBuilderPricepsec .mfp-hide {
  display: none !important;
}

#cvBuilderPricepsec .mfp-content iframe {
  width: 100%;
  min-height: 500px;
}

#cvBuilderPricepsec .mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

#cvBuilderPricepsec .mfp-preloader a {
  color: #cccccc;
}

#cvBuilderPricepsec .mfp-preloader a:hover {
  color: white;
}

#cvBuilderPricepsec .mfp-s-ready .mfp-preloader {
  display: none;
}

#cvBuilderPricepsec .mfp-s-error .mfp-content {
  display: none;
}

#cvBuilderPricepsec button.mfp-close,
#cvBuilderPricepsec button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  border: 0;
  background: #eeeeee;
  -webkit-appearance: none;
  display: block;
  padding: 0;
  z-index: 1046;
}

#cvBuilderPricepsec button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

#cvBuilderPricepsec .mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0px;
  top: 0px;
  text-decoration: none;
  text-align: center;
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  outline: none;
  border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

#cvBuilderPricepsec .mfp-close:hover,
#cvBuilderPricepsec .mfp-close:focus {
  opacity: 1;
}

#cvBuilderPricepsec .mfp-close-btn-in .mfp-close {
  color: #333333;
}

#cvBuilderPricepsec .mfp-image-holder .mfp-close,
#cvBuilderPricepsec .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

#cvBuilderPricepsec .image-top img {
  width: 100%;
}

#cvBuilderPricepsec .image-top p {
  text-align: justify;
  padding: 2% 0;
  font-size: 15px;
}

#cvBuilderPricepsec .image-top h3 {
  font-size: 1.5em;
  font-weight: 500;
  margin: 16px 0px 0px 0px;
  color: #3f4244;
}

/* 
.footer {
  padding: 1em 0;
  text-align: center;
}
.footer p {
  font-size: 0.9em;
  color: #fa6e6f;
  font-weight: 400;
  text-transform: uppercase;
}
.footer p a {
  color: #0fc7c9;
}
.footer p a:hover {
  color: #fa6e6f;
} */

/*--------------*/

/*  */

/*! =========================================================
 *
 Material Bootstrap Wizard - V1.0.1
*
* =========================================================
*
* Copyright 2016 Creative Tim (http://www.creative-tim.com/product/material-bootstrap-wizard)
 *
 *                       _oo0oo_
 *                      o8888888o
 *                      88" . "88
 *                      (| -_- |)
 *                      0\  =  /0
 *                    ___/`---'\___
 *                  .' \|     |// '.
 *                 / \|||  :  |||// \
 *                / _||||| -:- |||||- \
 *               |   | \  -  /// |   |
 *               | \_|  ''\---/''  |_/ |
 *               \  .-\__  '-'  ___/-. /
 *             ___'. .'  /--.--\  `. .'___
 *          ."" '<  `.___\_<|>_/___.' >' "".
 *         | | :  `- \`.;`\ _ /`;.`/ - ` : | |
 *         \  \ `_.   \_ __\ /__ _/   .-` /  /
 *     =====`-.____`.___ \_____/___.-`___.-'=====
 *                       `=---='
 *
 *     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *
 *               Buddha Bless:  "No Bugs"
 *
 * ========================================================= */

/* body {
    background-color: #E5E5E5;
    color: #3C4858;
  }
  body.inverse {
    background: #333333;
  } */

/* body.inverse, body.inverse .form-control {
    color: #ffffff;
  }
  body.inverse .modal,
  body.inverse .modal .form-control,
  body.inverse .panel-default,
  body.inverse .panel-default .form-control,
  body.inverse .card,
  body.inverse .card .form-control {
    background-color: initial;
    color: initial;
  }
   */

#cv_builder_pg .wizard-navigation ul li {
  width: 25% !important;
}

#cv_builder_pg blockquote p {
  font-style: italic;
}

#cv_builder_pg .life-of-material-kit {
  background: #ffffff;
}

/* body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 300;
    line-height: 1.5em;
  }
   */

#cv_builder_pg .serif-font {
  font-family: "Roboto Slab", "Times New Roman", serif;
}

#cv_builder_pg a {
  color: #9c27b0;
}

#cv_builder_pg a:hover,
#cv_builder_pg a:focus {
  color: #89229b;
  text-decoration: none;
}

#cv_builder_pg a.text-info:hover,
#cv_builder_pg a.text-info:focus {
  color: #00a5bb;
}

#cv_builder_pg a .material-icons {
  vertical-align: middle;
}

#cv_builder_pg legend {
  border-bottom: 0;
}

#cv_builder_pg * {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
}

#cv_builder_pg *:focus {
  outline: 0;
}

#cv_builder_pg a:focus,
#cv_builder_pg a:active,
#cv_builder_pg button:active,
#cv_builder_pg button:focus,
#cv_builder_pg button:hover,
#cv_builder_pg button::-moz-focus-inner,
#cv_builder_pg input[type="reset"]::-moz-focus-inner,
#cv_builder_pg input[type="button"]::-moz-focus-inner,
#cv_builder_pg input[type="submit"]::-moz-focus-inner,
#cv_builder_pg select::-moz-focus-inner,
#cv_builder_pg input[type="file"]>input[type="button"]::-moz-focus-inner {
  outline: 0 !important;
}

#cv_builder_pg .image-container {
  min-height: 100vh;
  background-position: center center;
  background-size: cover;
  position: relative;
}

#cv_builder_pg .image-container:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.3;
}

#cv_builder_pg .made-with-mk {
  width: 50px;
  height: 50px;
  display: block;
  position: fixed;
  z-index: 555;
  bottom: 40px;
  right: 40px;
  border-radius: 30px;
  background-color: rgba(16, 16, 16, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #ffffff;
  cursor: pointer;
  padding: 10px 12px;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: 0.55s cubic-bezier(0.6, 0, 0.4, 1);
  -moz-transition: 0.55s cubic-bezier(0.6, 0, 0.4, 1);
  -o-transition: 0.55s cubic-bezier(0.6, 0, 0.4, 1);
  transition: 0.55s cubic-bezier(0.6, 0, 0.4, 1);
}

#cv_builder_pg .made-with-mk:hover,
#cv_builder_pg .made-with-mk:active,
#cv_builder_pg .made-with-mk:focus {
  width: 218px;
  color: #ffffff;
  transition-duration: 0.55s;
  padding: 10px 19px;
}

#cv_builder_pg .made-with-mk:hover .made-with,
#cv_builder_pg .made-with-mk:active .made-with,
#cv_builder_pg .made-with-mk:focus .made-with {
  opacity: 1;
}

#cv_builder_pg .made-with-mk:hover .brand,
#cv_builder_pg .made-with-mk:active .brand,
#cv_builder_pg .made-with-mk:focus .brand {
  left: 0;
}

#cv_builder_pg .made-with-mk .brand,
#cv_builder_pg .made-with-mk .made-with {
  float: left;
}

#cv_builder_pg .made-with-mk .brand {
  position: relative;
  top: 4px;
  left: -1px;
  letter-spacing: 1px;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 600;
}

#cv_builder_pg .made-with-mk .made-with {
  color: rgba(255, 255, 255, 0.6);
  position: absolute;
  left: 58px;
  top: 14px;
  opacity: 0;
  margin: 0;
  -webkit-transition: 0.55s cubic-bezier(0.6, 0, 0.4, 1);
  -moz-transition: 0.55s cubic-bezier(0.6, 0, 0.4, 1);
  -o-transition: 0.55s cubic-bezier(0.6, 0, 0.4, 1);
  transition: 0.55s cubic-bezier(0.6, 0, 0.4, 1);
}

#cv_builder_pg .made-with-mk .made-with strong {
  font-weight: 400;
  color: rgba(255, 255, 255, 0.9);
}

#cv_builder_pg .wizard-container {
  padding-top: 100px;
  z-index: 3;
}

#cv_builder_pg .wizard-container .wizard-navigation {
  position: relative;
}

/* #cv_builder_pg h1, #cv_builder_pg .h1 {
    font-size: 3.8em;
    line-height: 1.15em;
  }
  
  #cv_builder_pg h2, .h2 {
    font-size: 2.6em;
  }
  
  h3, .h3 {
    font-size: 1.825em;
    line-height: 1.4em;
    margin: 20px 0 10px;
  }
  
  h4, .h4 {
    font-size: 1.3em;
    line-height: 1.4em;
  }
  
  h5, .h5 {
    font-size: 1.25em;
    line-height: 1.4em;
    margin-bottom: 15px;
  }
  
  h6, .h6 {
    font-size: 0.9em;
    text-transform: uppercase;
  } */

#cv_builder_pg .title,
#cv_builder_pg .card-title,
#cv_builder_pg .wizard-title {
  font-weight: 700;
}

#cv_builder_pg .title,
#cv_builder_pg .title a,
#cv_builder_pg .card-title,
#cv_builder_pg .card-title a,
#cv_builder_pg .wizard-title,
#cv_builder_pg .wizard-title a {
  color: #3c4858;
  text-decoration: none;
}

/* h2.title {
    margin-bottom: 30px;
  } */

#cv_builder_pg .description,
#cv_builder_pg .card-description,
#cv_builder_pg .footer-big p {
  color: #999999;
}

#cv_builder_pg .text-warning {
  color: #ff9800;
}

#cv_builder_pg .text-primary {
  color: #9c27b0;
}

#cv_builder_pg .text-danger {
  color: #f44336;
}

#cv_builder_pg .text-success {
  color: #4caf50;
}

#cv_builder_pg .text-info {
  color: #00bcd4;
}

#cv_builder_pg .card {
  background-color: #ffffff;
  padding: 10px 0;
  width: 100%;
  border-radius: 6px;
  color: rgba(0, 0, 0, 0.87);
  background: #fff;
}

#cv_builder_pg .input-group {
  flex-direction: column;
}

#cv_builder_pg .wizard-card {
  min-height: 410px;
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),
    0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

#cv_builder_pg .wizard-card .picture-container {
  position: relative;
  cursor: pointer;
  text-align: center;
}

#cv_builder_pg .wizard-card .picture {
  width: 106px;
  height: 106px;
  background-color: #999999;
  border: 4px solid #cccccc;
  color: #ffffff;
  border-radius: 50%;
  margin: 5px auto;
  overflow: hidden;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}

#cv_builder_pg .wizard-card .picture:hover {
  border-color: #2ca8ff;
}

#cv_builder_pg .wizard-card[data-color="purple"] .moving-tab {
  position: absolute;
  text-align: center;
  padding: 12px;
  font-size: 12px;
  text-transform: uppercase;
  -webkit-font-smoothing: subpixel-antialiased;
  background-color: #9c27b0;
  top: -4px;
  left: 0px;
  border-radius: 4px;
  color: #ffffff;
  cursor: pointer;
  font-weight: 500;
  box-shadow: 0 16px 26px -10px rgba(156, 39, 176, 0.56),
    0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2);
}

#cv_builder_pg .wizard-card[data-color="purple"] .picture:hover {
  border-color: #9c27b0;
}

#cv_builder_pg .wizard-card[data-color="purple"] .choice:hover .icon,
#cv_builder_pg .wizard-card[data-color="purple"] .choice.active .icon {
  border-color: #9c27b0;
  color: #9c27b0;
}

#cv_builder_pg .wizard-card[data-color="purple"] .form-group .form-control {
  background-image: linear-gradient(#9c27b0, #9c27b0),
    linear-gradient(#d2d2d2, #d2d2d2);
}

#cv_builder_pg .wizard-card[data-color="purple"] .checkbox input[type="checkbox"]:checked+.checkbox-material .check {
  background-color: #9c27b0;
}

#cv_builder_pg .wizard-card[data-color="purple"] .radio input[type="radio"]:checked~.check {
  background-color: #9c27b0;
}

#cv_builder_pg .wizard-card[data-color="purple"] .radio input[type="radio"]:checked~.circle {
  border-color: #9c27b0;
}

#cv_builder_pg .wizard-card[data-color="green"] .moving-tab {
  position: absolute;
  text-align: center;
  padding: 12px;
  font-size: 12px;
  text-transform: uppercase;
  -webkit-font-smoothing: subpixel-antialiased;
  background-color: #4caf50;
  top: -4px;
  left: 0px;
  border-radius: 4px;
  color: #ffffff;
  cursor: pointer;
  font-weight: 500;
  box-shadow: 0 16px 26px -10px rgba(76, 175, 80, 0.56),
    0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2);
}

#cv_builder_pg .wizard-card[data-color="green"] .picture:hover {
  border-color: #4caf50;
}

#cv_builder_pg .wizard-card[data-color="green"] .choice:hover .icon,
.wizard-card[data-color="green"] .choice.active .icon {
  border-color: #4caf50;
  color: #4caf50;
}

#cv_builder_pg .wizard-card[data-color="green"] .form-group .form-control {
  background-image: linear-gradient(#4caf50, #4caf50),
    linear-gradient(#d2d2d2, #d2d2d2);
}

#cv_builder_pg .wizard-card[data-color="green"] .checkbox input[type="checkbox"]:checked+.checkbox-material .check {
  background-color: #4caf50;
}

#cv_builder_pg .wizard-card[data-color="green"] .radio input[type="radio"]:checked~.check {
  background-color: #4caf50;
}

#cv_builder_pg .wizard-card[data-color="green"] .radio input[type="radio"]:checked~.circle {
  border-color: #4caf50;
}

#cv_builder_pg .wizard-card[data-color="blue"] .moving-tab {
  position: absolute;
  text-align: center;
  padding: 12px;
  font-size: 12px;
  text-transform: uppercase;
  -webkit-font-smoothing: subpixel-antialiased;
  background-color: #00bcd4;
  top: -4px;
  left: 0px;
  border-radius: 4px;
  color: #ffffff;
  cursor: pointer;
  font-weight: 500;
  box-shadow: 0 16px 26px -10px rgba(0, 188, 212, 0.56),
    0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2);
}

#cv_builder_pg .wizard-card[data-color="blue"] .picture:hover {
  border-color: #00bcd4;
}

#cv_builder_pg .wizard-card[data-color="blue"] .choice:hover .icon,
#cv_builder_pg .wizard-card[data-color="blue"] .choice.active .icon {
  border-color: #00bcd4;
  color: #00bcd4;
}

#cv_builder_pg .wizard-card[data-color="blue"] .form-group .form-control {
  background-image: linear-gradient(#00bcd4, #00bcd4),
    linear-gradient(#d2d2d2, #d2d2d2);
}

#cv_builder_pg .wizard-card[data-color="blue"] .checkbox input[type="checkbox"]:checked+.checkbox-material .check {
  background-color: #00bcd4;
}

#cv_builder_pg .wizard-card[data-color="blue"] .radio input[type="radio"]:checked~.check {
  background-color: #00bcd4;
}

#cv_builder_pg .wizard-card[data-color="blue"] .radio input[type="radio"]:checked~.circle {
  border-color: #00bcd4;
}

#cv_builder_pg .wizard-card[data-color="orange"] .moving-tab {
  position: absolute;
  text-align: center;
  padding: 12px;
  font-size: 12px;
  text-transform: uppercase;
  -webkit-font-smoothing: subpixel-antialiased;
  background-color: #ff9800;
  top: -4px;
  left: 0px;
  border-radius: 4px;
  color: #ffffff;
  cursor: pointer;
  font-weight: 500;
  box-shadow: 0 16px 26px -10px rgba(255, 152, 0, 0.56),
    0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 152, 0, 0.2);
}

#cv_builder_pg .wizard-card[data-color="orange"] .picture:hover {
  border-color: #ff9800;
}

#cv_builder_pg .wizard-card[data-color="orange"] .choice:hover .icon,
#cv_builder_pg .wizard-card[data-color="orange"] .choice.active .icon {
  border-color: #ff9800;
  color: #ff9800;
}

#cv_builder_pg .wizard-card[data-color="orange"] .form-group .form-control {
  background-image: linear-gradient(#ff9800, #ff9800),
    linear-gradient(#d2d2d2, #d2d2d2);
}

#cv_builder_pg .wizard-card[data-color="orange"] .checkbox input[type="checkbox"]:checked+.checkbox-material .check {
  background-color: #ff9800;
}

#cv_builder_pg .wizard-card[data-color="orange"] .radio input[type="radio"]:checked~.check {
  background-color: #ff9800;
}

#cv_builder_pg .wizard-card[data-color="orange"] .radio input[type="radio"]:checked~.circle {
  border-color: #ff9800;
}

#cv_builder_pg .wizard-card[data-color="red"] .moving-tab {
  position: absolute;
  text-align: center;
  padding: 12px;
  font-size: 12px;
  text-transform: uppercase;
  -webkit-font-smoothing: subpixel-antialiased;
  background-color: #f44336;
  top: -4px;
  left: 0px;
  border-radius: 4px;
  color: #ffffff;
  cursor: pointer;
  font-weight: 500;
  box-shadow: 0 16px 26px -10px rgba(244, 67, 54, 0.56),
    0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2);
}

#cv_builder_pg .wizard-card[data-color="red"] .picture:hover {
  border-color: #f44336;
}

#cv_builder_pg .wizard-card[data-color="red"] .choice:hover .icon,
#cv_builder_pg .wizard-card[data-color="red"] .choice.active .icon {
  border-color: #f44336;
  color: #f44336;
}

#cv_builder_pg .wizard-card[data-color="red"] .form-group .form-control {
  background-image: linear-gradient(#f44336, #f44336),
    linear-gradient(#d2d2d2, #d2d2d2);
}

#cv_builder_pg .wizard-card[data-color="red"] .checkbox input[type="checkbox"]:checked+.checkbox-material .check {
  background-color: #f44336;
}

#cv_builder_pg .wizard-card[data-color="red"] .radio input[type="radio"]:checked~.check {
  background-color: #f44336;
}

#cv_builder_pg .wizard-card[data-color="red"] .radio input[type="radio"]:checked~.circle {
  border-color: #f44336;
}

#cv_builder_pg .wizard-card .picture input[type="file"] {
  cursor: pointer;
  display: block;
  height: 100%;
  left: 0;
  opacity: 0 !important;
  position: absolute;
  top: 0;
  width: 100%;
}

#cv_builder_pg .wizard-card .picture-src {
  width: 100%;
}

#cv_builder_pg .wizard-card .tab-content {
  min-height: 340px;
  padding: 20px 15px;
}

#cv_builder_pg .wizard-card .wizard-footer {
  padding: 0 15px;
}

#cv_builder_pg .wizard-card .wizard-footer .checkbox {
  margin-top: 16px;
}

#cv_builder_pg .wizard-card .disabled {
  display: none;
}

#cv_builder_pg .wizard-card .wizard-header {
  text-align: center;
  padding: 25px 0 35px;
}

#cv_builder_pg .wizard-card .wizard-header h5 {
  margin: 5px 0 0;
}

#cv_builder_pg .wizard-card .nav-pills>li {
  text-align: center;
}

#cv_builder_pg .wizard-card .btn {
  text-transform: uppercase;
}

#cv_builder_pg .wizard-card .info-text {
  text-align: center;
  font-weight: 300;
  margin: 10px 0 30px;
}

#cv_builder_pg .wizard-card .choice {
  text-align: center;
  cursor: pointer;
  margin-top: 20px;
}

#cv_builder_pg .wizard-card .choice .icon {
  text-align: center;
  vertical-align: middle;
  height: 116px;
  width: 116px;
  border-radius: 50%;
  color: #999999;
  margin: 0 auto 20px;
  border: 4px solid #cccccc;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}

#cv_builder_pg .wizard-card .choice i {
  font-size: 40px;
  line-height: 111px;
}

#cv_builder_pg .wizard-card .choice:hover .icon,
#cv_builder_pg .wizard-card .choice.active .icon {
  border-color: #2ca8ff;
}

#cv_builder_pg .wizard-card .choice input[type="radio"],
#cv_builder_pg .wizard-card .choice input[type="checkbox"] {
  position: absolute;
  left: -10000px;
  z-index: -1;
}

#cv_builder_pg .wizard-card .btn-finish {
  display: none;
}

#cv_builder_pg .wizard-card .description {
  color: #999999;
  font-size: 14px;
}

#cv_builder_pg .wizard-card .wizard-title {
  margin: 0;
}

#cv_builder_pg legend {
  margin-bottom: 20px;
  font-size: 21px;
}

#cv_builder_pg output {
  padding-top: 8px;
  font-size: 14px;
  line-height: 1.42857;
}

#cv_builder_pg .form-control {
  height: 36px;
  padding: 7px 0;
  font-size: 14px;
  line-height: 1.42857;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

  #cv_builder_pg input[type="date"].form-control,
  #cv_builder_pg input[type="time"].form-control,
  #cv_builder_pg input[type="datetime-local"].form-control,
  #cv_builder_pg input[type="month"].form-control {
    line-height: 36px;
  }

  #cv_builder_pg input[type="date"].input-sm,
  .input-group-sm input[type="date"],
  #cv_builder_pg input[type="time"].input-sm,
  .input-group-sm #cv_builder_pg input[type="time"],
  #cv_builder_pg input[type="datetime-local"].input-sm,
  .input-group-sm #cv_builder_pg input[type="datetime-local"],
  #cv_builder_pg input[type="month"].input-sm,
  .input-group-sm #cv_builder_pg input[type="month"] {
    line-height: 24px;
  }

  #cv_builder_pg input[type="date"].input-lg,
  .input-group-lg #cv_builder_pg input[type="date"],
  #cv_builder_pg input[type="time"].input-lg,
  .input-group-lg #cv_builder_pg input[type="time"],
  #cv_builder_pg input[type="datetime-local"].input-lg,
  .input-group-lg #cv_builder_pg input[type="datetime-local"],
  #cv_builder_pg input[type="month"].input-lg,
  .input-group-lg #cv_builder_pg input[type="month"] {
    line-height: 44px;
  }
}

#cv_builder_pg .radio label,
#cv_builder_pg .checkbox label {
  min-height: 20px;
}

#cv_builder_pg .form-control-static {
  padding-top: 8px;
  padding-bottom: 8px;
  min-height: 34px;
}

#cv_builder_pg .input-sm .input-sm {
  height: 24px;
  padding: 3px 0;
  font-size: 11px;
  line-height: 1.5;
  border-radius: 0;
}

#cv_builder_pg .input-sm select.input-sm {
  height: 24px;
  line-height: 24px;
}

#cv_builder_pg .input-sm textarea.input-sm,
#cv_builder_pg .input-sm select[multiple].input-sm {
  height: auto;
}

#cv_builder_pg .form-group-sm .form-control {
  height: 24px;
  padding: 3px 0;
  font-size: 11px;
  line-height: 1.5;
}

#cv_builder_pg .form-group-sm select.form-control {
  height: 24px;
  line-height: 24px;
}

#cv_builder_pg .form-group-sm textarea.form-control,
#cv_builder_pg .form-group-sm select[multiple].form-control {
  height: auto;
}

#cv_builder_pg .form-group-sm .form-control-static {
  height: 24px;
  min-height: 31px;
  padding: 4px 0;
  font-size: 11px;
  line-height: 1.5;
}

#cv_builder_pg .input-lg .input-lg {
  height: 44px;
  padding: 9px 0;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 0;
}

#cv_builder_pg .input-lg select.input-lg {
  height: 44px;
  line-height: 44px;
}

#cv_builder_pg .input-lg textarea.input-lg,
#cv_builder_pg .input-lg select[multiple].input-lg {
  height: auto;
}

#cv_builder_pg .form-group-lg .form-control {
  height: 44px;
  padding: 9px 0;
  font-size: 18px;
  line-height: 1.33333;
}

#cv_builder_pg .form-group-lg select.form-control {
  height: 44px;
  line-height: 44px;
}

#cv_builder_pg .form-group-lg textarea.form-control,
#cv_builder_pg .form-group-lg select[multiple].form-control {
  height: auto;
}

#cv_builder_pg .form-group-lg .form-control-static {
  height: 44px;
  min-height: 38px;
  padding: 10px 0;
  font-size: 18px;
  line-height: 1.33333;
}

#cv_builder_pg .form-horizontal .radio,
#cv_builder_pg .form-horizontal .checkbox,
#cv_builder_pg .form-horizontal .radio-inline,
#cv_builder_pg .form-horizontal .checkbox-inline {
  padding-top: 8px;
}

#cv_builder_pg .form-horizontal .radio,
#cv_builder_pg .form-horizontal .checkbox {
  min-height: 28px;
}

@media (min-width: 768px) {
  #cv_builder_pg .form-horizontal .control-label {
    padding-top: 8px;
  }
}

@media (min-width: 768px) {
  #cv_builder_pg .form-horizontal .form-group-lg .control-label {
    padding-top: 13px;
    font-size: 18px;
  }
}

@media (min-width: 768px) {
  #cv_builder_pg .form-horizontal .form-group-sm .control-label {
    padding-top: 4px;
    font-size: 11px;
  }
}

#cv_builder_pg .label {
  border-radius: 3px;
}

#cv_builder_pg .label,
#cv_builder_pg .label.label-default {
  background-color: #ffffff;
}

#cv_builder_pg .label.label-inverse {
  background-color: #212121;
}

#cv_builder_pg .label.label-primary {
  background-color: #9c27b0;
}

#cv_builder_pg .label.label-success {
  background-color: #4caf50;
}

#cv_builder_pg .label.label-info {
  background-color: #00bcd4;
}

#cv_builder_pg .label.label-warning {
  background-color: #ff9800;
}

#cv_builder_pg .label.label-danger {
  background-color: #f44336;
}

#cv_builder_pg .label.label-rose {
  background-color: #e91e63;
}

#cv_builder_pg .form-control,
#cv_builder_pg .form-group .form-control {
  border: 0;
  background-image: linear-gradient(#9c27b0, #9c27b0),
    linear-gradient(#d2d2d2, #d2d2d2);
  background-size: 0 2px, 100% 1px;
  background-repeat: no-repeat;
  background-position: center bottom, center calc(100% - 1px);
  background-color: transparent;
  transition: background 0s ease-out;
  float: none;
  box-shadow: none;
  border-radius: 0;
  font-weight: 400;
}

#cv_builder_pg .form-control::-moz-placeholder,
#cv_builder_pg .form-group .form-control::-moz-placeholder {
  color: #aaaaaa;
  font-weight: 400;
}

#cv_builder_pg .form-control:-ms-input-placeholder,
#cv_builder_pg .form-group .form-control:-ms-input-placeholder {
  color: #aaaaaa;
  font-weight: 400;
}

#cv_builder_pg .form-control::-webkit-input-placeholder,
#cv_builder_pg .form-group .form-control::-webkit-input-placeholder {
  color: #aaaaaa;
  font-weight: 400;
}

#cv_builder_pg .form-control[readonly],
#cv_builder_pg .form-control[disabled],
#cv_builder_pg fieldset[disabled] .form-control,
#cv_builder_pg .form-group .form-control[readonly],
#cv_builder_pg .form-group .form-control[disabled],
fieldset[disabled] #cv_builder_pg .form-group .form-control {
  background-color: transparent;
}

#cv_builder_pg .form-control[disabled],
fieldset[disabled] .form-control,
#cv_builder_pg .form-group .form-control[disabled],
fieldset[disabled] #cv_builder_pg .form-group .form-control {
  background-image: none;
  border-bottom: 1px dotted #d2d2d2;
}

#cv_builder_pg .form-group {
  position: relative;
}

#cv_builder_pg .form-group.label-static label.control-label,
#cv_builder_pg .form-group.label-placeholder label.control-label,
#cv_builder_pg .form-group.label-floating label.control-label {
  position: absolute;
  pointer-events: none;
  transition: 0.3s ease all;
}

#cv_builder_pg .form-group.label-floating label.control-label {
  will-change: left, top, contents;
}

#cv_builder_pg .form-group.label-placeholder:not(.is-empty) label.control-label {
  display: none;
}

#cv_builder_pg .form-group .help-block {
  position: absolute;
  display: none;
}

#cv_builder_pg .form-group.is-focused .form-control {
  outline: none;
  background-image: linear-gradient(#9c27b0, #9c27b0),
    linear-gradient(#d2d2d2, #d2d2d2);
  background-size: 100% 2px, 100% 1px;
  box-shadow: none;
  transition-duration: 0.3s;
}

#cv_builder_pg .form-group.is-focused .form-control .material-input:after {
  background-color: #9c27b0;
}

#cv_builder_pg .form-group.is-focused.form-info .form-control {
  background-image: linear-gradient(#00bcd4, #00bcd4),
    linear-gradient(#d2d2d2, #d2d2d2);
}

#cv_builder_pg .form-group.is-focused.form-success .form-control {
  background-image: linear-gradient(#4caf50, #4caf50),
    linear-gradient(#d2d2d2, #d2d2d2);
}

#cv_builder_pg .form-group.is-focused.form-warning .form-control {
  background-image: linear-gradient(#ff9800, #ff9800),
    linear-gradient(#d2d2d2, #d2d2d2);
}

#cv_builder_pg .form-group.is-focused.form-danger .form-control {
  background-image: linear-gradient(#f44336, #f44336),
    linear-gradient(#d2d2d2, #d2d2d2);
}

#cv_builder_pg .form-group.is-focused.form-rose .form-control {
  background-image: linear-gradient(#e91e63, #e91e63),
    linear-gradient(#d2d2d2, #d2d2d2);
}

#cv_builder_pg .form-group.is-focused.form-white .form-control {
  background-image: linear-gradient(#ffffff, #ffffff),
    linear-gradient(#d2d2d2, #d2d2d2);
}

#cv_builder_pg .form-group.is-focused.label-placeholder label,
#cv_builder_pg .form-group.is-focused.label-placeholder label.control-label {
  color: #aaaaaa;
}

#cv_builder_pg .form-group.is-focused .help-block {
  display: block;
}

#cv_builder_pg .form-group.has-warning .form-control {
  box-shadow: none;
}

#cv_builder_pg .form-group.has-warning.is-focused .form-control {
  background-image: linear-gradient(#ff9800, #ff9800),
    linear-gradient(#d2d2d2, #d2d2d2);
}

#cv_builder_pg .form-group.has-warning label.control-label,
#cv_builder_pg .form-group.has-warning .help-block {
  color: #ff9800;
}

#cv_builder_pg .form-group.has-error .form-control {
  box-shadow: none;
}

#cv_builder_pg .form-group.has-error.is-focused .form-control {
  background-image: linear-gradient(#f44336, #f44336),
    linear-gradient(#d2d2d2, #d2d2d2);
}

#cv_builder_pg .form-group.has-error label.control-label,
#cv_builder_pg .form-group.has-error .help-block {
  color: #f44336;
}

#cv_builder_pg .form-group.has-success .form-control {
  box-shadow: none;
}

#cv_builder_pg .form-group.has-success.is-focused .form-control {
  background-image: linear-gradient(#4caf50, #4caf50),
    linear-gradient(#d2d2d2, #d2d2d2);
}

#cv_builder_pg .form-group.has-success label.control-label,
#cv_builder_pg .form-group.has-success .help-block {
  color: #4caf50;
}

#cv_builder_pg .form-group.has-info .form-control {
  box-shadow: none;
}

#cv_builder_pg .form-group.has-info.is-focused .form-control {
  background-image: linear-gradient(#00bcd4, #00bcd4),
    linear-gradient(#d2d2d2, #d2d2d2);
}

#cv_builder_pg .form-group.has-info label.control-label,
#cv_builder_pg .form-group.has-info .help-block {
  color: #00bcd4;
}

#cv_builder_pg .form-group textarea {
  resize: none;
}

#cv_builder_pg .form-group textarea~.form-control-highlight {
  margin-top: -11px;
}

#cv_builder_pg .form-group select {
  appearance: none;
}

#cv_builder_pg .form-group select~.material-input:after {
  display: none;
}

#cv_builder_pg .form-control {
  margin-bottom: 7px;
}

#cv_builder_pg .form-control::-moz-placeholder {
  font-size: 14px;
  line-height: 1.42857;
  color: #aaaaaa;
  font-weight: 400;
}

#cv_builder_pg .form-control:-ms-input-placeholder {
  font-size: 14px;
  line-height: 1.42857;
  color: #aaaaaa;
  font-weight: 400;
}

#cv_builder_pg .form-control::-webkit-input-placeholder {
  font-size: 14px;
  line-height: 1.42857;
  color: #aaaaaa;
  font-weight: 400;
}

#cv_builder_pg .checkbox label,
#cv_builder_pg .radio label,
#cv_builder_pg label {
  font-size: 14px;
  line-height: 1.42857;
  color: #aaaaaa;
  font-weight: 400;
}

#cv_builder_pg label.control-label {
  font-size: 11px;
  line-height: 1.07143;
  color: #aaaaaa;
  font-weight: 400;
  margin: 16px 0 0 0;
}

#cv_builder_pg .help-block {
  margin-top: 0;
  font-size: 11px;
}

#cv_builder_pg .form-group {
  padding-bottom: 7px;
  margin: 27px 0 0 0;
}

#cv_builder_pg .form-group .form-control {
  margin-bottom: 7px;
}

#cv_builder_pg .form-group .form-control::-moz-placeholder {
  font-size: 14px;
  line-height: 1.42857;
  color: #aaaaaa;
  font-weight: 400;
}

#cv_builder_pg .form-group .form-control:-ms-input-placeholder {
  font-size: 14px;
  line-height: 1.42857;
  color: #aaaaaa;
  font-weight: 400;
}

#cv_builder_pg .form-group .form-control::-webkit-input-placeholder {
  font-size: 14px;
  line-height: 1.42857;
  color: #aaaaaa;
  font-weight: 400;
}

#cv_builder_pg .form-group .checkbox label,
#cv_builder_pg .form-group .radio label,
#cv_builder_pg .form-group label {
  font-size: 14px;
  line-height: 1.42857;
  color: #aaaaaa;
  font-weight: 400;
}

#cv_builder_pg .form-group label.control-label {
  font-size: 11px;
  line-height: 1.07143;
  color: #aaaaaa;
  font-weight: 400;
  margin: 16px 0 0 0;
}

#cv_builder_pg .form-group .help-block {
  margin-top: 0;
  font-size: 11px;
}

#cv_builder_pg .form-group.label-floating label.control-label,
#cv_builder_pg .form-group.label-placeholder label.control-label {
  top: -7px;
  font-size: 14px;
  line-height: 1.42857;
}

#cv_builder_pg .form-group.label-static label.control-label,
#cv_builder_pg .form-group.label-floating.is-focused label.control-label,
#cv_builder_pg .form-group.label-floating:not(.is-empty) label.control-label {
  top: -28px;
  left: 0;
  font-size: 11px;
  line-height: 1.07143;
}

#cv_builder_pg .form-group.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label {
  top: -28px;
  left: 0;
  font-size: 11px;
  line-height: 1.07143;
}

#cv_builder_pg .form-group.form-group-sm {
  padding-bottom: 3px;
  margin: 21px 0 0 0;
}

#cv_builder_pg .form-group.form-group-sm .form-control {
  margin-bottom: 3px;
}

#cv_builder_pg .form-group.form-group-sm .form-control::-moz-placeholder {
  font-size: 11px;
  line-height: 1.5;
  color: #aaaaaa;
  font-weight: 400;
}

#cv_builder_pg .form-group.form-group-sm .form-control:-ms-input-placeholder {
  font-size: 11px;
  line-height: 1.5;
  color: #aaaaaa;
  font-weight: 400;
}

#cv_builder_pg .form-group.form-group-sm .form-control::-webkit-input-placeholder {
  font-size: 11px;
  line-height: 1.5;
  color: #aaaaaa;
  font-weight: 400;
}

#cv_builder_pg .form-group.form-group-sm .checkbox label,
#cv_builder_pg .form-group.form-group-sm .radio label,
#cv_builder_pg .form-group.form-group-sm label {
  font-size: 11px;
  line-height: 1.5;
  color: #aaaaaa;
  font-weight: 400;
}

#cv_builder_pg .form-group.form-group-sm label.control-label {
  font-size: 9px;
  line-height: 1.125;
  color: #aaaaaa;
  font-weight: 400;
  margin: 16px 0 0 0;
}

#cv_builder_pg .form-group.form-group-sm .help-block {
  margin-top: 0;
  font-size: 9px;
}

#cv_builder_pg .form-group.form-group-sm.label-floating label.control-label,
#cv_builder_pg .form-group.form-group-sm.label-placeholder label.control-label {
  top: -11px;
  font-size: 11px;
  line-height: 1.5;
}

#cv_builder_pg .form-group.form-group-sm.label-static label.control-label,
#cv_builder_pg .form-group.form-group-sm.label-floating.is-focused label.control-label,
#cv_builder_pg .form-group.form-group-sm.label-floating:not(.is-empty) label.control-label {
  top: -25px;
  left: 0;
  font-size: 9px;
  line-height: 1.125;
}

#cv_builder_pg .form-group.form-group-sm.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label {
  top: -25px;
  left: 0;
  font-size: 9px;
  line-height: 1.125;
}

#cv_builder_pg .form-group.form-group-lg {
  padding-bottom: 9px;
  margin: 30px 0 0 0;
}

#cv_builder_pg .form-group.form-group-lg .form-control {
  margin-bottom: 9px;
}

#cv_builder_pg .form-group.form-group-lg .form-control::-moz-placeholder {
  font-size: 18px;
  line-height: 1.33333;
  color: #aaaaaa;
  font-weight: 400;
}

#cv_builder_pg .form-group.form-group-lg .form-control:-ms-input-placeholder {
  font-size: 18px;
  line-height: 1.33333;
  color: #aaaaaa;
  font-weight: 400;
}

#cv_builder_pg .form-group.form-group-lg .form-control::-webkit-input-placeholder {
  font-size: 18px;
  line-height: 1.33333;
  color: #aaaaaa;
  font-weight: 400;
}

#cv_builder_pg .form-group.form-group-lg .checkbox label,
#cv_builder_pg .form-group.form-group-lg .radio label,
#cv_builder_pg .form-group.form-group-lg label {
  font-size: 18px;
  line-height: 1.33333;
  color: #aaaaaa;
  font-weight: 400;
}

#cv_builder_pg .form-group.form-group-lg label.control-label {
  font-size: 14px;
  line-height: 1;
  color: #aaaaaa;
  font-weight: 400;
  margin: 16px 0 0 0;
}

#cv_builder_pg .form-group.form-group-lg .help-block {
  margin-top: 0;
  font-size: 14px;
}

#cv_builder_pg .form-group.form-group-lg.label-floating label.control-label,
#cv_builder_pg .form-group.form-group-lg.label-placeholder label.control-label {
  top: -5px;
  font-size: 18px;
  line-height: 1.33333;
}

#cv_builder_pg .form-group.form-group-lg.label-static label.control-label,
#cv_builder_pg .form-group.form-group-lg.label-floating.is-focused label.control-label,
#cv_builder_pg .form-group.form-group-lg.label-floating:not(.is-empty) label.control-label {
  top: -32px;
  left: 0;
  font-size: 14px;
  line-height: 1;
}

#cv_builder_pg .form-group.form-group-lg.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label {
  top: -32px;
  left: 0;
  font-size: 14px;
  line-height: 1;
}

#cv_builder_pg select.form-control {
  border: 0;
  box-shadow: none;
  border-radius: 0;
}

#cv_builder_pg .form-group.is-focused select.form-control {
  box-shadow: none;
  border-color: #d2d2d2;
}

#cv_builder_pg select.form-control[multiple],
#cv_builder_pg .form-group.is-focused select.form-control[multiple] {
  height: 85px;
}

#cv_builder_pg .input-group-btn .btn {
  margin: 0 0 7px 0;
}

#cv_builder_pg .form-group.form-group-sm .input-group-btn .btn {
  margin: 0 0 3px 0;
}

#cv_builder_pg .form-group.form-group-lg .input-group-btn .btn {
  margin: 0 0 9px 0;
}

#cv_builder_pg .input-group .input-group-btn {
  padding: 0 12px;
}

#cv_builder_pg .input-group .input-group-addon {
  border: 0;
  background: transparent;
  padding: 6px 15px 0px;
}

#cv_builder_pg .form-group input[type="file"] {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

#cv_builder_pg .form-control-feedback {
  opacity: 0;
}

#cv_builder_pg .has-success .form-control-feedback {
  color: #4caf50;
  opacity: 1;
}

#cv_builder_pg .has-error .form-control-feedback {
  color: #f44336;
  opacity: 1;
}

#cv_builder_pg .btn {
  border: none;
  border-radius: 3px;
  position: relative;
  padding: 12px 30px;
  margin: 10px 1px;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0;
  will-change: box-shadow, transform;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1),
    background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

#cv_builder_pg .btn::-moz-focus-inner {
  border: 0;
}

#cv_builder_pg .btn,
#cv_builder_pg .btn.btn-default {
  box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14),
    0 3px 1px -2px rgba(153, 153, 153, 0.2),
    0 1px 5px 0 rgba(153, 153, 153, 0.12);
}

#cv_builder_pg .btn,
#cv_builder_pg .btn:hover,
#cv_builder_pg .btn:focus,
#cv_builder_pg .btn:active,
#cv_builder_pg .btn.active,
#cv_builder_pg .btn:active:focus,
#cv_builder_pg .btn:active:hover,
#cv_builder_pg .btn.active:focus,
#cv_builder_pg .btn.active:hover,
#cv_builder_pg .open>.btn.dropdown-toggle,
#cv_builder_pg .open>.btn.dropdown-toggle:focus,
#cv_builder_pg .open>.btn.dropdown-toggle:hover,
#cv_builder_pg .btn.btn-default,
#cv_builder_pg .btn.btn-default:hover,
#cv_builder_pg .btn.btn-default:focus,
#cv_builder_pg .btn.btn-default:active,
#cv_builder_pg .btn.btn-default.active,
#cv_builder_pg .btn.btn-default:active:focus,
#cv_builder_pg .btn.btn-default:active:hover,
#cv_builder_pg .btn.btn-default.active:focus,
#cv_builder_pg .btn.btn-default.active:hover,
#cv_builder_pg .open>.btn.btn-default.dropdown-toggle,
#cv_builder_pg .open>.btn.btn-default.dropdown-toggle:focus,
#cv_builder_pg .open>.btn.btn-default.dropdown-toggle:hover {
  background-color: #999999;
  color: #ffffff;
}

#cv_builder_pg .btn:focus,
#cv_builder_pg .btn:active,
#cv_builder_pg .btn:hover,
#cv_builder_pg .btn.btn-default:focus,
#cv_builder_pg .btn.btn-default:active,
#cv_builder_pg .btn.btn-default:hover {
  box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42),
    0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2);
}

#cv_builder_pg .btn.disabled,
#cv_builder_pg .btn.disabled:hover,
#cv_builder_pg .btn.disabled:focus,
#cv_builder_pg .btn.disabled.focus,
#cv_builder_pg .btn.disabled:active,
#cv_builder_pg .btn.disabled.active,
#cv_builder_pg .btn:disabled,
#cv_builder_pg .btn:disabled:hover,
#cv_builder_pg .btn:disabled:focus,
#cv_builder_pg .btn:disabled.focus,
#cv_builder_pg .btn:disabled:active,
#cv_builder_pg .btn:disabled.active,
#cv_builder_pg .btn[disabled],
#cv_builder_pg .btn[disabled]:hover,
#cv_builder_pg .btn[disabled]:focus,
#cv_builder_pg .btn[disabled].focus,
#cv_builder_pg .btn[disabled]:active,
#cv_builder_pg .btn[disabled].active,
#cv_builder_pg fieldset[disabled] .btn,
#cv_builder_pg fieldset[disabled] .btn:hover,
#cv_builder_pg fieldset[disabled] .btn:focus,
#cv_builder_pg fieldset[disabled] .btn.focus,
#cv_builder_pg fieldset[disabled] .btn:active,
#cv_builder_pg fieldset[disabled] .btn.active,
#cv_builder_pg .btn.btn-default.disabled,
#cv_builder_pg .btn.btn-default.disabled:hover,
#cv_builder_pg .btn.btn-default.disabled:focus,
#cv_builder_pg .btn.btn-default.disabled.focus,
#cv_builder_pg .btn.btn-default.disabled:active,
#cv_builder_pg .btn.btn-default.disabled.active,
#cv_builder_pg .btn.btn-default:disabled,
#cv_builder_pg .btn.btn-default:disabled:hover,
#cv_builder_pg .btn.btn-default:disabled:focus,
#cv_builder_pg .btn.btn-default:disabled.focus,
#cv_builder_pg .btn.btn-default:disabled:active,
#cv_builder_pg .btn.btn-default:disabled.active,
#cv_builder_pg .btn.btn-default[disabled],
#cv_builder_pg .btn.btn-default[disabled]:hover,
#cv_builder_pg .btn.btn-default[disabled]:focus,
#cv_builder_pg .btn.btn-default[disabled].focus,
#cv_builder_pg .btn.btn-default[disabled]:active,
#cv_builder_pg .btn.btn-default[disabled].active,
#cv_builder_pg fieldset[disabled] .btn.btn-default,
#cv_builder_pg fieldset[disabled] .btn.btn-default:hover,
#cv_builder_pg fieldset[disabled] .btn.btn-default:focus,
#cv_builder_pg fieldset[disabled] .btn.btn-default.focus,
#cv_builder_pg fieldset[disabled] .btn.btn-default:active,
#cv_builder_pg fieldset[disabled] .btn.btn-default.active {
  box-shadow: none;
}

#cv_builder_pg .btn.btn-simple,
#cv_builder_pg .btn.btn-default.btn-simple {
  background-color: transparent;
  color: #999999;
  box-shadow: none;
}

#cv_builder_pg .btn.btn-simple:hover,
#cv_builder_pg .btn.btn-simple:focus,
#cv_builder_pg .btn.btn-simple:active,
#cv_builder_pg .btn.btn-default.btn-simple:hover,
#cv_builder_pg .btn.btn-default.btn-simple:focus,
#cv_builder_pg .btn.btn-default.btn-simple:active {
  background-color: transparent;
  color: #999999;
}

#cv_builder_pg .btn.btn-primary {
  box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14),
    0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12);
}

#cv_builder_pg .btn.btn-primary,
#cv_builder_pg .btn.btn-primary:hover,
#cv_builder_pg .btn.btn-primary:focus,
#cv_builder_pg .btn.btn-primary:active,
#cv_builder_pg .btn.btn-primary.active,
#cv_builder_pg .btn.btn-primary:active:focus,
#cv_builder_pg .btn.btn-primary:active:hover,
#cv_builder_pg .btn.btn-primary.active:focus,
#cv_builder_pg .btn.btn-primary.active:hover,
.open>#cv_builder_pg .btn.btn-primary.dropdown-toggle,
.open>#cv_builder_pg .btn.btn-primary.dropdown-toggle:focus,
.open>#cv_builder_pg .btn.btn-primary.dropdown-toggle:hover {
  background-color: #9c27b0;
  color: #ffffff;
}

#cv_builder_pg .btn.btn-primary:focus,
#cv_builder_pg .btn.btn-primary:active,
#cv_builder_pg .btn.btn-primary:hover {
  box-shadow: 0 14px 26px -12px rgba(156, 39, 176, 0.42),
    0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2);
}

#cv_builder_pg .btn.btn-primary.disabled,
#cv_builder_pg .btn.btn-primary.disabled:hover,
#cv_builder_pg .btn.btn-primary.disabled:focus,
#cv_builder_pg .btn.btn-primary.disabled.focus,
#cv_builder_pg .btn.btn-primary.disabled:active,
#cv_builder_pg .btn.btn-primary.disabled.active,
#cv_builder_pg .btn.btn-primary:disabled,
#cv_builder_pg .btn.btn-primary:disabled:hover,
#cv_builder_pg .btn.btn-primary:disabled:focus,
#cv_builder_pg .btn.btn-primary:disabled.focus,
#cv_builder_pg .btn.btn-primary:disabled:active,
#cv_builder_pg .btn.btn-primary:disabled.active,
#cv_builder_pg .btn.btn-primary[disabled],
#cv_builder_pg .btn.btn-primary[disabled]:hover,
#cv_builder_pg .btn.btn-primary[disabled]:focus,
#cv_builder_pg .btn.btn-primary[disabled].focus,
#cv_builder_pg .btn.btn-primary[disabled]:active,
#cv_builder_pg .btn.btn-primary[disabled].active,
fieldset[disabled] #cv_builder_pg .btn.btn-primary,
fieldset[disabled] #cv_builder_pg .btn.btn-primary:hover,
fieldset[disabled] #cv_builder_pg .btn.btn-primary:focus,
fieldset[disabled] #cv_builder_pg .btn.btn-primary.focus,
fieldset[disabled] #cv_builder_pg .btn.btn-primary:active,
fieldset[disabled] #cv_builder_pg .btn.btn-primary.active {
  box-shadow: none;
}

#cv_builder_pg .btn.btn-primary.btn-simple {
  background-color: transparent;
  color: #9c27b0;
  box-shadow: none;
}

#cv_builder_pg .btn.btn-primary.btn-simple:hover,
#cv_builder_pg .btn.btn-primary.btn-simple:focus,
#cv_builder_pg .btn.btn-primary.btn-simple:active {
  background-color: transparent;
  color: #9c27b0;
}

#cv_builder_pg .btn.btn-info {
  box-shadow: 0 2px 2px 0 rgba(0, 188, 212, 0.14),
    0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12);
}

#cv_builder_pg .btn.btn-info,
#cv_builder_pg .btn.btn-info:hover,
#cv_builder_pg .btn.btn-info:focus,
#cv_builder_pg .btn.btn-info:active,
#cv_builder_pg .btn.btn-info.active,
#cv_builder_pg .btn.btn-info:active:focus,
#cv_builder_pg .btn.btn-info:active:hover,
#cv_builder_pg .btn.btn-info.active:focus,
#cv_builder_pg .btn.btn-info.active:hover,
.open>#cv_builder_pg .btn.btn-info.dropdown-toggle,
.open>#cv_builder_pg .btn.btn-info.dropdown-toggle:focus,
.open>#cv_builder_pg .btn.btn-info.dropdown-toggle:hover {
  background-color: #00bcd4;
  color: #ffffff;
}

#cv_builder_pg .btn.btn-info:focus,
#cv_builder_pg .btn.btn-info:active,
#cv_builder_pg .btn.btn-info:hover {
  box-shadow: 0 14px 26px -12px rgba(0, 188, 212, 0.42),
    0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2);
}

#cv_builder_pg .btn.btn-info.disabled,
#cv_builder_pg .btn.btn-info.disabled:hover,
#cv_builder_pg .btn.btn-info.disabled:focus,
#cv_builder_pg .btn.btn-info.disabled.focus,
#cv_builder_pg .btn.btn-info.disabled:active,
#cv_builder_pg .btn.btn-info.disabled.active,
#cv_builder_pg .btn.btn-info:disabled,
#cv_builder_pg .btn.btn-info:disabled:hover,
#cv_builder_pg .btn.btn-info:disabled:focus,
#cv_builder_pg .btn.btn-info:disabled.focus,
#cv_builder_pg .btn.btn-info:disabled:active,
#cv_builder_pg .btn.btn-info:disabled.active,
#cv_builder_pg .btn.btn-info[disabled],
#cv_builder_pg .btn.btn-info[disabled]:hover,
#cv_builder_pg .btn.btn-info[disabled]:focus,
#cv_builder_pg .btn.btn-info[disabled].focus,
#cv_builder_pg .btn.btn-info[disabled]:active,
#cv_builder_pg .btn.btn-info[disabled].active,
fieldset[disabled] #cv_builder_pg .btn.btn-info,
fieldset[disabled] #cv_builder_pg .btn.btn-info:hover,
fieldset[disabled] #cv_builder_pg .btn.btn-info:focus,
fieldset[disabled] #cv_builder_pg .btn.btn-info.focus,
fieldset[disabled] #cv_builder_pg .btn.btn-info:active,
fieldset[disabled] #cv_builder_pg .btn.btn-info.active {
  box-shadow: none;
}

#cv_builder_pg .btn.btn-info.btn-simple {
  background-color: transparent;
  color: #00bcd4;
  box-shadow: none;
}

#cv_builder_pg .btn.btn-info.btn-simple:hover,
#cv_builder_pg .btn.btn-info.btn-simple:focus,
#cv_builder_pg .btn.btn-info.btn-simple:active {
  background-color: transparent;
  color: #00bcd4;
}

#cv_builder_pg .btn.btn-success {
  box-shadow: 0 2px 2px 0 rgba(76, 175, 80, 0.14),
    0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.12);
}

#cv_builder_pg .btn.btn-success,
#cv_builder_pg .btn.btn-success:hover,
#cv_builder_pg .btn.btn-success:focus,
#cv_builder_pg .btn.btn-success:active,
#cv_builder_pg .btn.btn-success.active,
#cv_builder_pg .btn.btn-success:active:focus,
#cv_builder_pg .btn.btn-success:active:hover,
#cv_builder_pg .btn.btn-success.active:focus,
#cv_builder_pg .btn.btn-success.active:hover,
.open>#cv_builder_pg .btn.btn-success.dropdown-toggle,
.open>#cv_builder_pg .btn.btn-success.dropdown-toggle:focus,
.open>#cv_builder_pg .btn.btn-success.dropdown-toggle:hover {
  background-color: #4caf50;
  color: #ffffff;
}

#cv_builder_pg .btn.btn-success:focus,
#cv_builder_pg .btn.btn-success:active,
#cv_builder_pg .btn.btn-success:hover {
  box-shadow: 0 14px 26px -12px rgba(76, 175, 80, 0.42),
    0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2);
}

#cv_builder_pg .btn.btn-success.disabled,
#cv_builder_pg .btn.btn-success.disabled:hover,
#cv_builder_pg .btn.btn-success.disabled:focus,
#cv_builder_pg .btn.btn-success.disabled.focus,
#cv_builder_pg .btn.btn-success.disabled:active,
#cv_builder_pg .btn.btn-success.disabled.active,
#cv_builder_pg .btn.btn-success:disabled,
#cv_builder_pg .btn.btn-success:disabled:hover,
#cv_builder_pg .btn.btn-success:disabled:focus,
#cv_builder_pg .btn.btn-success:disabled.focus,
#cv_builder_pg .btn.btn-success:disabled:active,
#cv_builder_pg .btn.btn-success:disabled.active,
#cv_builder_pg .btn.btn-success[disabled],
#cv_builder_pg .btn.btn-success[disabled]:hover,
#cv_builder_pg .btn.btn-success[disabled]:focus,
#cv_builder_pg .btn.btn-success[disabled].focus,
#cv_builder_pg .btn.btn-success[disabled]:active,
#cv_builder_pg .btn.btn-success[disabled].active,
fieldset[disabled] #cv_builder_pg .btn.btn-success,
fieldset[disabled] #cv_builder_pg .btn.btn-success:hover,
fieldset[disabled] #cv_builder_pg .btn.btn-success:focus,
fieldset[disabled] #cv_builder_pg .btn.btn-success.focus,
fieldset[disabled] #cv_builder_pg .btn.btn-success:active,
fieldset[disabled] #cv_builder_pg .btn.btn-success.active {
  box-shadow: none;
}

#cv_builder_pg .btn.btn-success.btn-simple {
  background-color: transparent;
  color: #4caf50;
  box-shadow: none;
}

#cv_builder_pg .btn.btn-success.btn-simple:hover,
#cv_builder_pg .btn.btn-success.btn-simple:focus,
#cv_builder_pg .btn.btn-success.btn-simple:active {
  background-color: transparent;
  color: #4caf50;
}

#cv_builder_pg .btn.btn-warning {
  box-shadow: 0 2px 2px 0 rgba(255, 152, 0, 0.14),
    0 3px 1px -2px rgba(255, 152, 0, 0.2), 0 1px 5px 0 rgba(255, 152, 0, 0.12);
}

#cv_builder_pg .btn.btn-warning,
#cv_builder_pg .btn.btn-warning:hover,
#cv_builder_pg .btn.btn-warning:focus,
#cv_builder_pg .btn.btn-warning:active,
#cv_builder_pg .btn.btn-warning.active,
#cv_builder_pg .btn.btn-warning:active:focus,
#cv_builder_pg .btn.btn-warning:active:hover,
#cv_builder_pg .btn.btn-warning.active:focus,
#cv_builder_pg .btn.btn-warning.active:hover,
.open>#cv_builder_pg .btn.btn-warning.dropdown-toggle,
.open>#cv_builder_pg .btn.btn-warning.dropdown-toggle:focus,
.open>#cv_builder_pg .btn.btn-warning.dropdown-toggle:hover {
  background-color: #ff9800;
  color: #ffffff;
}

#cv_builder_pg .btn.btn-warning:focus,
#cv_builder_pg .btn.btn-warning:active,
#cv_builder_pg .btn.btn-warning:hover {
  box-shadow: 0 14px 26px -12px rgba(255, 152, 0, 0.42),
    0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 152, 0, 0.2);
}

#cv_builder_pg .btn.btn-warning.disabled,
#cv_builder_pg .btn.btn-warning.disabled:hover,
#cv_builder_pg .btn.btn-warning.disabled:focus,
#cv_builder_pg .btn.btn-warning.disabled.focus,
#cv_builder_pg .btn.btn-warning.disabled:active,
#cv_builder_pg .btn.btn-warning.disabled.active,
#cv_builder_pg .btn.btn-warning:disabled,
#cv_builder_pg .btn.btn-warning:disabled:hover,
#cv_builder_pg .btn.btn-warning:disabled:focus,
#cv_builder_pg .btn.btn-warning:disabled.focus,
#cv_builder_pg .btn.btn-warning:disabled:active,
#cv_builder_pg .btn.btn-warning:disabled.active,
#cv_builder_pg .btn.btn-warning[disabled],
#cv_builder_pg .btn.btn-warning[disabled]:hover,
#cv_builder_pg .btn.btn-warning[disabled]:focus,
#cv_builder_pg .btn.btn-warning[disabled].focus,
#cv_builder_pg .btn.btn-warning[disabled]:active,
#cv_builder_pg .btn.btn-warning[disabled].active,
fieldset[disabled] #cv_builder_pg .btn.btn-warning,
fieldset[disabled] #cv_builder_pg .btn.btn-warning:hover,
fieldset[disabled] #cv_builder_pg .btn.btn-warning:focus,
fieldset[disabled] #cv_builder_pg .btn.btn-warning.focus,
fieldset[disabled] #cv_builder_pg .btn.btn-warning:active,
fieldset[disabled] #cv_builder_pg .btn.btn-warning.active {
  box-shadow: none;
}

#cv_builder_pg .btn.btn-warning.btn-simple {
  background-color: transparent;
  color: #ff9800;
  box-shadow: none;
}

#cv_builder_pg .btn.btn-warning.btn-simple:hover,
#cv_builder_pg .btn.btn-warning.btn-simple:focus,
#cv_builder_pg .btn.btn-warning.btn-simple:active {
  background-color: transparent;
  color: #ff9800;
}

#cv_builder_pg .btn.btn-danger {
  box-shadow: 0 2px 2px 0 rgba(244, 67, 54, 0.14),
    0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12);
}

#cv_builder_pg .btn.btn-danger,
#cv_builder_pg .btn.btn-danger:hover,
#cv_builder_pg .btn.btn-danger:focus,
#cv_builder_pg .btn.btn-danger:active,
#cv_builder_pg .btn.btn-danger.active,
#cv_builder_pg .btn.btn-danger:active:focus,
#cv_builder_pg .btn.btn-danger:active:hover,
#cv_builder_pg .btn.btn-danger.active:focus,
#cv_builder_pg .btn.btn-danger.active:hover,
.open>#cv_builder_pg .btn.btn-danger.dropdown-toggle,
.open>#cv_builder_pg .btn.btn-danger.dropdown-toggle:focus,
.open>#cv_builder_pg .btn.btn-danger.dropdown-toggle:hover {
  background-color: #f44336;
  color: #ffffff;
}

#cv_builder_pg .btn.btn-danger:focus,
#cv_builder_pg .btn.btn-danger:active,
#cv_builder_pg .btn.btn-danger:hover {
  box-shadow: 0 14px 26px -12px rgba(244, 67, 54, 0.42),
    0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2);
}

#cv_builder_pg .btn.btn-danger.disabled,
#cv_builder_pg .btn.btn-danger.disabled:hover,
#cv_builder_pg .btn.btn-danger.disabled:focus,
#cv_builder_pg .btn.btn-danger.disabled.focus,
#cv_builder_pg .btn.btn-danger.disabled:active,
#cv_builder_pg .btn.btn-danger.disabled.active,
#cv_builder_pg .btn.btn-danger:disabled,
#cv_builder_pg .btn.btn-danger:disabled:hover,
#cv_builder_pg .btn.btn-danger:disabled:focus,
#cv_builder_pg .btn.btn-danger:disabled.focus,
#cv_builder_pg .btn.btn-danger:disabled:active,
#cv_builder_pg .btn.btn-danger:disabled.active,
#cv_builder_pg .btn.btn-danger[disabled],
#cv_builder_pg .btn.btn-danger[disabled]:hover,
#cv_builder_pg .btn.btn-danger[disabled]:focus,
#cv_builder_pg .btn.btn-danger[disabled].focus,
#cv_builder_pg .btn.btn-danger[disabled]:active,
#cv_builder_pg .btn.btn-danger[disabled].active,
fieldset[disabled] #cv_builder_pg .btn.btn-danger,
fieldset[disabled] #cv_builder_pg .btn.btn-danger:hover,
fieldset[disabled] #cv_builder_pg .btn.btn-danger:focus,
fieldset[disabled] #cv_builder_pg .btn.btn-danger.focus,
fieldset[disabled] #cv_builder_pg .btn.btn-danger:active,
fieldset[disabled] #cv_builder_pg .btn.btn-danger.active {
  box-shadow: none;
}

#cv_builder_pg .btn.btn-danger.btn-simple {
  background-color: transparent;
  color: #f44336;
  box-shadow: none;
}

#cv_builder_pg .btn.btn-danger.btn-simple:hover,
#cv_builder_pg .btn.btn-danger.btn-simple:focus,
#cv_builder_pg .btn.btn-danger.btn-simple:active {
  background-color: transparent;
  color: #f44336;
}

#cv_builder_pg .btn:focus,
#cv_builder_pg .btn:active,
#cv_builder_pg .btn:active:focus {
  outline: 0;
}

#cv_builder_pg .btn.btn-round {
  border-radius: 30px;
}

#cv_builder_pg .btn:not(.btn-just-icon):not(.btn-fab) .fa {
  font-size: 18px;
  margin-top: -2px;
  position: relative;
  top: 2px;
}

#cv_builder_pg .btn.btn-fab {
  border-radius: 50%;
  font-size: 24px;
  height: 56px;
  margin: auto;
  min-width: 56px;
  width: 56px;
  padding: 0;
  overflow: hidden;
  position: relative;
  line-height: normal;
}

#cv_builder_pg .btn.btn-fab .ripple-container {
  border-radius: 50%;
}

#cv_builder_pg .btn.btn-fab.btn-fab-mini,
#cv_builder_pg .btn-group-sm #cv_builder_pg.btn.btn-fab {
  height: 40px;
  min-width: 40px;
  width: 40px;
}

#cv_builder_pg .btn.btn-fab.btn-fab-mini.material-icons,
#cv_builder_pg .btn-group-sm #cv_builder_pg.btn.btn-fab.material-icons {
  top: -3.5px;
  left: -3.5px;
}

#cv_builder_pg .btn.btn-fab.btn-fab-mini .material-icons,
#cv_builder_pg .btn-group-sm #cv_builder_pg.btn.btn-fab .material-icons {
  font-size: 17px;
}

#cv_builder_pg .btn.btn-fab i.material-icons {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-12px, -12px);
  line-height: 24px;
  width: 24px;
  font-size: 24px;
}

#cv_builder_pg .btn.btn-lg,
#cv_builder_pg .btn-group-lg .btn {
  font-size: 14px;
  padding: 18px 36px;
}

#cv_builder_pg .btn.btn-sm,
#cv_builder_pg .btn-group-sm .btn {
  padding: 5px 20px;
  font-size: 11px;
}

#cv_builder_pg .btn.btn-xs,
#cv_builder_pg .btn-group-xs .btn {
  padding: 4px 15px;
  font-size: 10px;
}

#cv_builder_pg .btn.btn-just-icon {
  font-size: 18px;
  padding: 10px 10px;
  line-height: 1em;
}

#cv_builder_pg .btn.btn-just-icon i {
  width: 20px;
}

#cv_builder_pg .btn.btn-just-icon.btn-lg {
  font-size: 22px;
  padding: 13px 18px;
}

#cv_builder_pg .btn .material-icons {
  vertical-align: middle;
  font-size: 17px;
  top: -1px;
  position: relative;
}

/*            Navigation menu                */

#cv_builder_pg .nav-pills {
  background-color: rgba(200, 200, 200, 0.2);
}

#cv_builder_pg .nav-pills>li+li {
  margin-left: 0;
}

#cv_builder_pg .nav-pills>li>a {
  border: 0 !important;
  border-radius: 0;
  line-height: 18px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  min-width: 100px;
  text-align: center;
  color: #555555 !important;
  display: block;
  padding: 10px;
}

#cv_builder_pg .nav-pills>li.active>a,
#cv_builder_pg .nav-pills>li.active>a:hover,
#cv_builder_pg .nav-pills>li.active>a:focus,
#cv_builder_pg .nav-pills>li>a:hover,
#cv_builder_pg .nav-pills>li>a:focus {
  background-color: inherit;
}

#cv_builder_pg .nav-pills>li i {
  display: block;
  font-size: 30px;
  padding: 15px 0;
}

#cv_builder_pg .popover,
#cv_builder_pg .tooltip-inner {
  color: #555555;
  line-height: 1.5em;
  background: #ffffff;
  border: none;
  border-radius: 3px;
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

#cv_builder_pg .popover {
  padding: 0;
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),
    0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

#cv_builder_pg .popover.left>.arrow,
#cv_builder_pg .popover.right>.arrow,
#cv_builder_pg .popover.top>.arrow,
#cv_builder_pg .popover.bottom>.arrow {
  border: none;
}

#cv_builder_pg .popover-title {
  background-color: #ffffff;
  border: none;
  padding: 15px 15px 5px;
  font-size: 1.3em;
}

#cv_builder_pg .popover-content {
  padding: 10px 15px 15px;
  line-height: 1.4;
}

#cv_builder_pg .tooltip.in {
  opacity: 1;
  -webkit-transform: translate3d(0, 0px, 0);
  -moz-transform: translate3d(0, 0px, 0);
  -o-transform: translate3d(0, 0px, 0);
  -ms-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
}

#cv_builder_pg .tooltip {
  opacity: 0;
  transition: opacity, transform 0.2s ease;
  -webkit-transform: translate3d(0, 5px, 0);
  -moz-transform: translate3d(0, 5px, 0);
  -o-transform: translate3d(0, 5px, 0);
  -ms-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
}

#cv_builder_pg .tooltip.left .tooltip-arrow {
  border-left-color: #ffffff;
}

#cv_builder_pg .tooltip.right .tooltip-arrow {
  border-right-color: #ffffff;
}

#cv_builder_pg .tooltip.top .tooltip-arrow {
  border-top-color: #ffffff;
}

#cv_builder_pg .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #ffffff;
}

#cv_builder_pg .tooltip-inner {
  padding: 10px 15px;
  min-width: 130px;
}

#cv_builder_pg .footer {
  position: relative;
  bottom: 20px;
  right: 0px;
  width: 100%;
  color: #ffffff;
  z-index: 4;
  text-align: right;
  margin-top: 60px;
  text-shadow: 0 0px 1px black;
}

#cv_builder_pg .footer a {
  color: #ffffff;
}

#cv_builder_pg .footer .heart {
  color: #ff3b30;
}

#cv_builder_pg .withripple {
  position: relative;
}

#cv_builder_pg .ripple-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: inherit;
  pointer-events: none;
}

#cv_builder_pg .disabled .ripple-container {
  display: none;
}

#cv_builder_pg .ripple {
  position: absolute;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
  border-radius: 100%;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  transform: scale(1);
  transform-origin: 50%;
  opacity: 0;
  pointer-events: none;
}

#cv_builder_pg .ripple.ripple-on {
  transition: opacity 0.15s ease-in 0s,
    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
  opacity: 0.1;
}

#cv_builder_pg .ripple.ripple-out {
  transition: opacity 0.1s linear 0s !important;
  opacity: 0;
}

#cv_builder_pg .radio label {
  cursor: pointer;
  padding-left: 35px;
  position: relative;
  color: rgba(0, 0, 0, 0.26);
}

#cv_builder_pg .form-group.is-focused .radio label {
  color: rgba(0, 0, 0, 0.26);
}

#cv_builder_pg .form-group.is-focused .radio label:hover,
#cv_builder_pg .form-group.is-focused .radio label:focus {
  color: rgba(0, 0, 0, 0.54);
}

#cv_builder_pg fieldset[disabled] .form-group.is-focused .radio label {
  color: rgba(0, 0, 0, 0.26);
}

#cv_builder_pg .radio label span {
  display: block;
  position: absolute;
  left: 10px;
  top: 2px;
  transition-duration: 0.2s;
}

#cv_builder_pg .radio label .circle {
  border: 1px solid rgba(0, 0, 0, 0.54);
  height: 15px;
  width: 15px;
  border-radius: 100%;
}

#cv_builder_pg .radio label .check {
  height: 15px;
  width: 15px;
  border-radius: 100%;
  background-color: #9c27b0;
  transform: scale3d(0, 0, 0);
}

#cv_builder_pg .radio label .check:after {
  display: block;
  position: absolute;
  content: "";
  background-color: rgba(0, 0, 0, 0.87);
  left: -18px;
  top: -18px;
  height: 50px;
  width: 50px;
  border-radius: 100%;
  z-index: 1;
  opacity: 0;
  margin: 0;
  transform: scale3d(1.5, 1.5, 1);
}

#cv_builder_pg .radio label input[type="radio"]:not(:checked)~.check:after {
  animation: rippleOff 500ms;
}

#cv_builder_pg .radio label input[type="radio"]:checked~.check:after {
  animation: rippleOn 500ms;
}

#cv_builder_pg .radio input[type="radio"] {
  opacity: 0;
  height: 0;
  width: 0;
  overflow: hidden;
}

#cv_builder_pg .radio input[type="radio"]:checked~.check,
#cv_builder_pg .radio input[type="radio"]:checked~.circle {
  opacity: 1;
}

#cv_builder_pg .radio input[type="radio"]:checked~.check {
  background-color: #9c27b0;
}

#cv_builder_pg .radio input[type="radio"]:checked~.circle {
  border-color: #9c27b0;
}

#cv_builder_pg .radio input[type="radio"]:checked~.check {
  transform: scale3d(0.65, 0.65, 1);
}

#cv_builder_pg .radio input[type="radio"][disabled]~.check,
#cv_builder_pg .radio input[type="radio"][disabled]~.circle {
  opacity: 0.26;
}

#cv_builder_pg .radio input[type="radio"][disabled]~.check {
  background-color: #000000;
}

#cv_builder_pg .radio input[type="radio"][disabled]~.circle {
  border-color: #000000;
}

@keyframes rippleOn {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0.2;
  }

  100% {
    opacity: 0;
  }
}

@keyframes rippleOff {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0.2;
  }

  100% {
    opacity: 0;
  }
}

#cv_builder_pg .checkbox label {
  cursor: pointer;
  padding-left: 0;
  color: rgba(0, 0, 0, 0.26);
}

#cv_builder_pg .form-group.is-focused .checkbox label {
  color: rgba(0, 0, 0, 0.26);
}

#cv_builder_pg .form-group.is-focused .checkbox label:hover,
#cv_builder_pg .form-group.is-focused .checkbox label:focus {
  color: rgba(0, 0, 0, 0.54);
}

#cv_builder_pg fieldset[disabled] .form-group.is-focused .checkbox label {
  color: rgba(0, 0, 0, 0.26);
}

#cv_builder_pg .checkbox input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  margin: 0;
  z-index: -1;
  width: 0;
  height: 0;
  overflow: hidden;
  left: 0;
  pointer-events: none;
}

#cv_builder_pg .checkbox .checkbox-material {
  vertical-align: middle;
  position: relative;
  top: 3px;
  padding-right: 5px;
}

#cv_builder_pg .checkbox .checkbox-material:before {
  display: block;
  position: absolute;
  left: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.84);
  height: 20px;
  width: 20px;
  border-radius: 100%;
  z-index: 1;
  opacity: 0;
  margin: 0;
  transform: scale3d(2.3, 2.3, 1);
}

#cv_builder_pg .checkbox .checkbox-material .check {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(0, 0, 0, 0.54);
  overflow: hidden;
  z-index: 1;
  border-radius: 3px;
}

#cv_builder_pg .checkbox .checkbox-material .check:before {
  position: absolute;
  content: "";
  transform: rotate(45deg);
  display: block;
  margin-top: -3px;
  margin-left: 7px;
  width: 0;
  height: 0;
  background: red;
  box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0,
    0 0 0 0 inset;
  animation: checkbox-off 0.3s forwards;
}

#cv_builder_pg .checkbox input[type="checkbox"]:focus+.checkbox-material .check:after {
  opacity: 0.2;
}

#cv_builder_pg .checkbox input[type="checkbox"]:checked+.checkbox-material .check {
  background: #9c27b0;
}

#cv_builder_pg .checkbox input[type="checkbox"]:checked+.checkbox-material .check:before {
  color: #ffffff;
  box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px,
    -5px 5px 0 10px, 20px -12px 0 11px;
  animation: checkbox-on 0.3s forwards;
}

#cv_builder_pg .checkbox input[type="checkbox"]:checked+.checkbox-material:before {
  animation: rippleOn 500ms;
}

#cv_builder_pg .checkbox input[type="checkbox"]:checked+.checkbox-material .check:after {
  animation: rippleOn 500ms forwards;
}

#cv_builder_pg .checkbox input[type="checkbox"]:not(:checked)+.checkbox-material:before {
  animation: rippleOff 500ms;
}

#cv_builder_pg .checkbox input[type="checkbox"]:not(:checked)+.checkbox-material .check:after {
  animation: rippleOff 500ms;
}

#cv_builder_pg fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox input[type="checkbox"],
#cv_builder_pg .checkbox input[type="checkbox"][disabled]~.checkbox-material .check,
#cv_builder_pg .checkbox input[type="checkbox"][disabled]+.circle {
  opacity: 0.5;
}

#cv_builder_pg .checkbox input[type="checkbox"][disabled]~.checkbox-material .check {
  border-color: #000000;
  opacity: 0.26;
}

#cv_builder_pg .checkbox input[type="checkbox"][disabled]+.checkbox-material .check:after {
  background-color: rgba(0, 0, 0, 0.87);
  transform: rotate(-45deg);
}

@keyframes checkbox-on {
  0% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px,
      -5px 5px 0 10px, 15px 2px 0 11px;
  }

  50% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px,
      -5px 5px 0 10px, 20px 2px 0 11px;
  }

  100% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px,
      -5px 5px 0 10px, 20px -12px 0 11px;
  }
}

@keyframes rippleOn {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0.2;
  }

  100% {
    opacity: 0;
  }
}

@keyframes rippleOff {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0.2;
  }

  100% {
    opacity: 0;
  }
}

@media (max-width: 768px) {
  #cv_builder_pg .main .container {
    margin-bottom: 50px;
  }
}

@media (min-width: 768px) {
  #cv_builder_pg .navbar-form {
    margin-top: 21px;
    margin-bottom: 21px;
    padding-left: 5px;
    padding-right: 5px;
  }

  #cv_builder_pg .btn-wd {
    min-width: 140px;
  }
}

#cv_builder_pg .logo-container {
  left: 50px;
  position: absolute;
  top: 20px;
  z-index: 3;
}

#cv_builder_pg .logo-container .logo {
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid #333333;
  width: 60px;
  float: left;
}

#cv_builder_pg .logo-container .brand {
  font-size: 18px;
  color: #fff;
  line-height: 20px;
  float: left;
  margin-left: 10px;
  margin-top: 10px;
  width: 60px;
}

/* body{
      background-color: #CCCCCC;
  }
   */

#cv_builder_pg .section .wizard-card {
  min-height: inherit;
}

#cv_builder_pg .tim-row {
  margin-bottom: 20px;
}

#cv_builder_pg .tim-white-buttons {
  background-color: #777777;
}

#cv_builder_pg .title {
  margin-top: 30px;
  margin-bottom: 25px;
  min-height: 32px;
  font-weight: 500;
}

#cv_builder_pg .title.text-center {
  margin-bottom: 50px;
}

#cv_builder_pg .tim-typo {
  padding-left: 25%;
  margin-bottom: 40px;
  position: relative;
}

#cv_builder_pg .tim-typo .tim-note {
  bottom: 10px;
  color: #c0c1c2;
  display: block;
  font-weight: 400;
  font-size: 13px;
  line-height: 13px;
  left: 0;
  margin-left: 20px;
  position: absolute;
  width: 260px;
}

#cv_builder_pg .tim-row {
  padding-top: 50px;
}

#cv_builder_pg .tim-row h3 {
  margin-top: 0;
}

#cv_builder_pg .switch {
  margin-right: 20px;
}

#cv_builder_pg #navbar-full .navbar {
  border-radius: 0 !important;
  margin-bottom: 15px;
  z-index: 2;
}

#cv_builder_pg .space {
  height: 130px;
  display: block;
}

#cv_builder_pg .space-110 {
  height: 110px;
  display: block;
}

#cv_builder_pg .space-50 {
  height: 50px;
  display: block;
}

#cv_builder_pg .space-70 {
  height: 70px;
  display: block;
}

#cv_builder_pg .navigation-example .img-src {
  background-attachment: scroll;
}

#cv_builder_pg .navigation-example {
  background-image: url("../img/bg.jpg");
  background-position: center center;
  background-size: cover;
  margin-top: 0;
  min-height: 740px;
}

#cv_builder_pg #notifications {
  background-color: #ffffff;
  display: block;
  width: 100%;
  position: relative;
}

#cv_builder_pg #notifications .alert-danger {
  margin-bottom: 0px;
}

#cv_builder_pg .tim-note {
  text-transform: capitalize;
}

#cv_builder_pg #buttons .btn {
  margin: 0 0px 15px;
}

#cv_builder_pg .space-100 {
  height: 100px;
  display: block;
  width: 100%;
}

#cv_builder_pg .be-social {
  padding-bottom: 20px;
  /*     border-bottom: 1px solid #aaa; */
  margin: 0 auto 40px;
}

#cv_builder_pg .txt-white {
  color: #ffffff;
}

#cv_builder_pg .txt-gray {
  color: #ddd !important;
}

#cv_builder_pg .parallax {
  width: 100%;
  height: 570px;
  display: block;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

#cv_builder_pg .logo-container.logo-documentation {
  position: relative;
  top: 0;
  left: 0;
}

#cv_builder_pg .logo-container .logo {
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid #333333;
  width: 50px;
  float: left;
}

#cv_builder_pg .logo-container .brand {
  font-size: 16px;
  line-height: 18px;
  float: left;
  margin-left: 10px;
  margin-top: 7px;
  width: 70px;
  height: 40px;
  text-align: left;
}

#cv_builder_pg .navbar-default .logo-container .brand {
  color: #999999;
}

#cv_builder_pg .navbar-transparent .logo-container .brand {
  color: #ffffff;
}

#cv_builder_pg .logo-container .brand-material {
  font-size: 18px;
  margin-top: 15px;
  height: 25px;
  width: auto;
}

#cv_builder_pg .logo-container .logo img {
  width: 100%;
}

#cv_builder_pg .navbar-small .logo-container .brand {
  color: #333333;
}

#cv_builder_pg .fixed-section {
  top: 90px;
  max-height: 80vh;
  overflow: scroll;
}

#cv_builder_pg .fixed-section ul li {
  list-style: none;
}

#cv_builder_pg .fixed-section li a {
  font-size: 14px;
  padding: 2px;
  display: block;
  color: #666666;
}

#cv_builder_pg .fixed-section li a.active {
  color: #00bbff;
}

#cv_builder_pg .fixed-section.float {
  position: fixed;
  top: 100px;
  width: 200px;
  margin-top: 0;
}

#cv_builder_pg .parallax .parallax-image {
  width: 100%;
  overflow: hidden;
  position: absolute;
}

#cv_builder_pg .parallax .parallax-image img {
  width: 100%;
}

@media (max-width: 768px) {
  #cv_builder_pg .parallax .parallax-image {
    width: 100%;
    height: 640px;
    overflow: hidden;
  }

  #cv_builder_pg .parallax .parallax-image img {
    height: 100%;
    width: auto;
  }
}

#cv_builder_pg .separator {
  content: "Separator";
  color: #ffffff;
  display: block;
  width: 100%;
  padding: 20px;
}

#cv_builder_pg .separator-line {
  background-color: #eee;
  height: 1px;
  width: 100%;
  display: block;
}

#cv_builder_pg .separator.separator-gray {
  background-color: #eeeeee;
}

#cv_builder_pg .social-buttons-demo .btn {
  margin-right: 5px;
  margin-bottom: 7px;
}

#cv_builder_pg .img-container {
  width: 100%;
  overflow: hidden;
}

#cv_builder_pg .img-container img {
  width: 100%;
}

#cv_builder_pg .lightbox img {
  width: 100%;
}

#cv_builder_pg .lightbox .modal-content {
  overflow: hidden;
}

.lightbox .modal-body {
  padding: 0;
}

@media screen and (min-width: 991px) {
  #cv_builder_pg .lightbox .modal-dialog {
    width: 960px;
  }
}

@media (max-width: 768px) {

  #cv_builder_pg .btn,
  .btn-morphing {
    margin-bottom: 10px;
  }

  #cv_builder_pg .parallax .motto {
    top: 170px;
    margin-top: 0;
    font-size: 60px;
    width: 270px;
  }
}

/*       Loading dots  */

/*      transitions */

#cv_builder_pg .presentation .front,
.presentation .front:after,
#cv_builder_pg .presentation .front .btn,
#cv_builder_pg .logo-container .logo,
.logo-container .brand {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

#cv_builder_pg #images h4 {
  margin-bottom: 30px;
}

#cv_builder_pg #javascriptComponents {
  padding-bottom: 0;
}

#cv_builder_pg #javascriptComponents .btn-raised {
  margin: 10px 5px;
}

/*      layer animation          */

#cv_builder_pg .layers-container {
  display: block;
  margin-top: 50px;
  position: relative;
}

#cv_builder_pg .layers-container img {
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  text-align: center;
}

#cv_builder_pg .section-black {
  background-color: #333;
}

#cv_builder_pg .animate {
  transition: 1.5s ease-in-out;
  -moz-transition: 1.5s ease-in-out;
  -webkit-transition: 1.5s ease-in-out;
}

#cv_builder_pg .navbar-default.navbar-small .logo-container .brand {
  color: #333333;
}

#cv_builder_pg .navbar-transparent.navbar-small .logo-container .brand {
  color: #ffffff;
}

#cv_builder_pg .navbar-default.navbar-small .logo-container .brand {
  color: #333333;
}

#cv_builder_pg .sharing-area {
  margin-top: 80px;
}

#cv_builder_pg .sharing-area .btn {
  margin: 15px 4px 0;
  color: #ffffff;
}

#cv_builder_pg .sharing-area .btn i {
  font-size: 18px;
  position: relative;
  top: 2px;
  margin-right: 5px;
}

#cv_builder_pg .sharing-area .btn-twitter {
  background-color: #55acee;
}

#cv_builder_pg .sharing-area .btn-facebook {
  background-color: #3b5998;
}

#cv_builder_pg .sharing-area .btn-google-plus {
  background-color: #dd4b39;
}

#cv_builder_pg .sharing-area .btn-github {
  background-color: #333333;
}

#cv_builder_pg .section-thin,
#cv_builder_pg .section-notifications {
  padding: 0;
}

#cv_builder_pg .section-navbars {
  padding-top: 0;
}

#cv_builder_pg #navbar .navbar {
  border-radius: 0;
}

#cv_builder_pg .section-tabs {
  background: #eeeeee;
}

#cv_builder_pg .section-pagination {
  padding-bottom: 0;
}

#cv_builder_pg .section-download h4 {
  margin-bottom: 50px;
}

#cv_builder_pg .section-examples a {
  text-decoration: none;
}

#cv_builder_pg .section-examples h5 {
  margin-top: 30px;
}

#cv_builder_pg .components-page .wrapper>.header,
#cv_builder_pg .tutorial-page .wrapper>.header {
  height: 400px;
  padding-top: 100px;
  background-size: cover;
  background-position: center center;
}

#cv_builder_pg .components-page .title,
#cv_builder_pg .tutorial-page .title {
  color: #ffffff;
}

#cv_builder_pg .main {
  background: #ffffff;
  position: relative;
  z-index: 3;
}

#cv_builder_pg .main-raised {
  margin: -60px 30px 0px;
  border-radius: 6px;
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),
    0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

#cv_builder_pg .header-filter {
  position: relative;
}

#cv_builder_pg .header-filter:before,
#cv_builder_pg .header-filter:after {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  left: 0;
  top: 0;
  content: "";
}

#cv_builder_pg .header-filter::before {
  background-color: rgba(0, 0, 0, 0.4);
}

#cv_builder_pg .header-filter .container {
  z-index: 2;
  position: relative;
}

#cv_builder_pg .section {
  padding: 70px 0;
  background-position: center center;
  background-size: cover;
}

#cv_builder_pg .navbar {
  border: 0;
  border-radius: 3px;
  box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.42),
    0 3px 20px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  padding: 10px 0;
  -webkit-transition: all 150ms ease 0s;
  -moz-transition: all 150ms ease 0s;
  -o-transition: all 150ms ease 0s;
  -ms-transition: all 150ms ease 0s;
  transition: all 150ms ease 0s;
}

#cv_builder_pg .navbar .navbar-brand {
  position: relative;
  height: 50px;
  line-height: 30px;
  color: inherit;
  padding: 10px 15px;
}

#cv_builder_pg .navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
  color: inherit;
  background-color: transparent;
}

#cv_builder_pg .navbar.navbar-transparent {
  background-color: transparent;
  box-shadow: none;
  color: #fff;
  padding-top: 25px;
}

#cv_builder_pg .navbar-fixed-top {
  border-radius: 0;
}

#cv_builder_pg .navbar .navbar-nav>li>a .material-icons,
#cv_builder_pg .navbar .navbar-nav>li>a .fa {
  font-size: 20px;
  max-width: 20px;
}

#cv_builder_pg .navbar .navbar-nav>li>a:hover,
#cv_builder_pg .navbar .navbar-nav>li>a:focus {
  color: inherit;
  background-color: transparent;
}

#cv_builder_pg .navbar .navbar-nav>li>a:not(.btn) .material-icons {
  margin-top: -3px;
  top: 0px;
  position: relative;
  margin-right: 3px;
}

#cv_builder_pg .navbar,
.navbar.navbar-default {
  background-color: #9c27b0;
  color: #ffffff;
}

#cv_builder_pg .navbar .navbar-nav>li>a {
  color: inherit;
  padding-top: 15px;
  padding-bottom: 15px;
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
  border-radius: 3px;
}

@media (max-width: 1199px) {
  #cv_builder_pg .navbar .navbar-brand {
    height: 50px;
    padding: 10px 15px;
  }

  #cv_builder_pg .navbar .navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

#cv_builder_pg footer {
  padding: 15px 0;
  text-align: center;
}

#cv_builder_pg .footer a {
  font-weight: bold;
}

#cv_builder_pg footer.footer-documentation {
  margin-top: 0;
  bottom: 0;
  text-shadow: none;
  color: inherit;
}

#cv_builder_pgfooter.footer-documentation li a {
  color: inherit;
}

#cv_builder_pg footer.footer-documentation li a:hover,
#cv_builder_pg footer.footer-documentation li a:focus {
  color: #89229b;
}

#cv_builder_pg footer ul {
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}

#cv_builder_pg footer ul li {
  display: inline-block;
}

#cv_builder_pg footer ul li a {
  color: inherit;
  padding: 15px;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  border-radius: 3px;
  text-decoration: none;
  position: relative;
  display: block;
}

#cv_builder_pg footer ul li a:hover {
  text-decoration: none;
}

#cv_builder_pg footer ul li .btn {
  margin: 0;
}

#cv_builder_pg footer ul.links-horizontal:first-child a {
  padding-left: 0;
}

#cv_builder_pg footer ul.links-horizontal:last-child a {
  padding-right: 0;
}

#cv_builder_pg footer ul.links-vertical li {
  display: block;
}

#cv_builder_pg footer ul.links-vertical li a {
  padding: 5px 0;
}

#cv_builder_pg footer .social-buttons a,
#cv_builder_pg footer .social-buttons .btn {
  margin-top: 5px;
  margin-bottom: 5px;
}

#cv_builder_pg footer .footer-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  margin-left: -15px;
}

#cv_builder_pg footer .footer-brand:hover,
#cv_builder_pg footer .footer-brand:focus {
  color: #3c4858;
}

#cv_builder_pg footer .copyright {
  padding: 15px 0;
  text-align: center;
}

#cv_builder_pg footer .copyright .material-icons {
  font-size: 18px;
  position: relative;
  top: 3px;
}

#cv_builder_pg footer .pull-center {
  display: inline-block;
  float: none;
}

@media (max-width: 768px) {
  #cv_builder_pg .footer .copyright {
    display: inline-block;
    text-align: center;
    padding: 10px 0;
    float: none !important;
    width: 100%;
  }
}

.f-style {
  position: relative;
}

.f-style.deactive input,
.f-style.deactive textarea {
  border: 1px solid #ddd !important;
}

.f-style.deactive label {
  background-color: transparent !important;
}

.f-style input,
.f-style textarea {
  transition: 0.1s all linear;
  border: 1px solid #ddd;
}

.f-style.active input,
.f-style.active textarea {
  border: 1px solid;
  border-color: #4285f4;
}

.f-style textarea.form-control {
  padding-bottom: 4.5rem;
}

.f-style label {
  position: absolute;
  top: 15px;
  left: 59px;
  font-size: 15px !important;
  color: #626465a6 !important;
  font-weight: normal;
  transition: 0.1s all linear;
  cursor: text;
}

.f-style.active label {
  top: 2px;
  left: 50px;
  padding: 3px 2px;
  font-size: 12px !important;
  color: #8b8b8b !important;
  background: transparent;
}

/* .f-style.active label{ background:#4285f4; color:#fff;} */

.f-style.active input,
.f-style.active textarea {
  border: 1px solid #f6f400;
  padding-top: 5%;
  padding-left: 15%;
}

.f-style.active input,
.f-style.active textarea {
  border: 1px solid #0090d6;
}

/* Advertisement Page */

#advertisementPage {
  padding: 60px 0px;
}

#advertisementPage h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
  /* background: #ccc4;
    padding: 10px; */
}

#advertisementPage .packageContainer {
  background: #fff;
  /* padding: 10px; */
  border: 1px solid #fff;
  box-shadow: 0px 2px 8px 2px #9994;
  border-radius: 6px;
  transition: all 0.5s ease-in-out;
  height: 100%;
  display: flex;
  flex-direction: column;

}

#advertisementPage .packageFoot {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: end;
}



#advertisementPage .packageContainer:hover {
  box-shadow: none;
  border: 1px solid #ececec;
  transform: scale(1.05);
}

#advertisementPage .packageContainer .packageHeader {
  background: #e2131f;
  padding: 10px;
  color: #fff;
  text-align: center;
  position: relative;
  border-radius: 6px;
}

#advertisementPage .packageContainer .packageHeader:after {
  content: "";
  background: #fff3;
  width: 70px;
  height: 70px;
  position: absolute;
  top: 0px;
  right: -25px;
  border-radius: 50%;
}

#advertisementPage .packageContainer .packageHeader:before {
  content: "";
  background: #fff3;
  width: 70px;
  height: 70px;
  position: absolute;
  top: 0px;
  left: -25px;
  border-radius: 50%;
}

#advertisementPage .packageContainer .packageHeader h4 {
  font-size: 18px;
  font-weight: 600;
  color: "#fff";
  padding: 0px;
  margin: 0px;
  margin-bottom: 5px;
}

#advertisementPage .packageContainer .packageHeader p {
  font-size: 14px;
  font-weight: 400;
  color: "#fff";
  padding: 0px;
  margin: 0px;
}

#advertisementPage .packageContainer .packageBody {
  padding: 15px;
}

#advertisementPage .packageContainer .packageBody p {
  padding: 0px;
  margin: 0px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
}

#advertisementPage .packageContainer .packageBody li {
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #f2f1f1;
}

#advertisementPage .packageContainer .packageBody li:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-bottom: none;
}

#advertisementPage .packageContainer .packageBody label {
  font-size: 14px;
}

#advertisementPage .packageContainer .packageFoot a {
  padding: 8px;
  text-align: center;
  display: block;
  font-size: 14px;
  color: #fff;
  background: #068bc8;
  margin: 8px;
  border-radius: 6px;
}

.bannerPlace {
  position: absolute;
  right: 10px;
  top: 21px;
  color: #fff !important;
  font-size: 18px;
  z-index: 9;
}

.best_freelancerinner {
  margin-top: 30px;
}

/* ------------------------------new css 16-8-23 ------------------------------- */

#slider_sec .slider_cnt2 {
  background: transparent !important;
}

#slider_sec .slider_cnt .slider_cntinner .slider_cntmn p {
  margin-bottom: 20%;
}

#counter .counter_bx {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#counterSec {
  background: url(https://zepjob.com/webroot/front/images/Counter-bg.png);
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
}

#counterSec::after {
  content: "";
  width: 100%;
  height: 100%;
  background: #058ccb;
  position: absolute;
  top: 0;
  opacity: 0.85;
}

.counterSecInner {
  position: relative;
  z-index: 99;
}

.counter_bx .counter-value,
h5 {
  color: white;
}

.counter_bx .counter-value {
  padding-top: 10px;
  font-size: 32px;
}

.btn-info {
  padding: 12px;
  margin: auto;
}

hgroup h2 {
  text-align: center;
  margin-bottom: 40px;
}

.sutaibleCandidateSecOverlay h1,
p {
  text-align: center;
}

.latest_pro_bxtp h4 a {
  color: rgb(0 144 214);
}


.latestJobHm {
  margin-bottom: 40px;
}

.latestJobHm a {
  text-transform: capitalize;
}

#latest_prosec .btn-info {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.latest_pro_bxbtm p {
  text-align: left;
}

/* --------New Css 21-8-23---------- */

.latest_pro_bxtp ul li a {
  justify-content: center;
}

#sutaibleCandidateSec {
  position: relative;
}

#sutaibleCandidateSec .sutaibleCandidateSecOverlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0px 150px;
}

footer .foot_bx p {
  text-align: left;
  margin-top: 12px;
}

#counter .pageCounterUl li {
  color: #fff;
  background: #3a3a3a;
  margin-right: 0 !important;
  font-size: 20px;
  font-weight: bold;
  position: relative;
  height: 55px;
  width: 50px;
 
}

#counter .pageCounterUl li::after {
  content: "";
  width: 100%;
  height: 50%;
  background-color: #5c5b5b;
  bottom: 0;
  position: absolute;
  right: 0;
  z-index: -1;
 
}

#counter .pageCounterUl li span {
  -webkit-position: relative;
  position: relative;
  -webkit-z-index: 1;
  z-index: 1;
  display: grid;
  place-items: center;
  height: 100%;

}




#inner_pghead {
  background: url('https://zepjob.com/webroot/slider_images/8881f87311fac8f51d07d74036d65ed31640127965.png');
  position: relative;
  z-index: 1;
  background-size: cover;
}

#inner_pghead.pakage-d-inner {
  background-image: url('https://zepjob.com/webroot/slider_images/pakages.png') !important;

}



#inner_pghead .fade-black {
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.7);
}



#inner_pghead hgroup p {
  font-size: 20px;
  color: #fff;
}

/* .inner_pgheadJobseekerPgOverlay {
  padding-top: 107px;
  text-align: center;
} */

.inner_pgheadJobseekerPgOverlay {
  /* padding-top: 107px; */
  text-align: center;
  height: 100%;
  background: #000000a1;
  display: flex;
  justify-content: center;
  align-items: center;
}

#inner_pghead .possition {
  width: 100%;
  height: 100%;
  background-color: #fff;
}


#inner_pghead .possition h1 {
  color: black;
}



.company_post_a_project {
  margin-bottom: 20px;
}

.endlessPosibSec2 hgroup {
  margin-bottom: 30px;
}

#endlessPosibSec .owl-carousel .owl-nav.disabled {
  display: block;
}

.endlessPosibSec2 hgroup h2 {
  margin-bottom: 10px;
  margin-top: 40px;
}

.endlessPosibSec2 .endlessPoBx,
.endlessPosibSec3 .endlessPoBx {
  /* -webkit-box-shadow: 0px 0px 11px -1px rgba(107, 107, 107, 1);
  -moz-box-shadow: 0px 0px 11px -1px rgba(107, 107, 107, 1);
  box-shadow: 0px 0px 11px -1px rgb(107 107 107 / 37%);*/
  padding: 0px 25px;
}

.endlessPoBx img {
  width: 100px;
}

.endlessPoBx div {
  margin-bottom: 30px3;
}

.endlessPoBx h4 {
  text-align: center;
}

.endlessPosibSec3 .endlessPoBx {
  height: 350px;
  margin-bottom: 30px;
}

.endlessPosibSec3 .endlessPoBx .text-center {
  margin-bottom: 30px;
}

a,
a:hover,
a:focus,
a:active {
  text-decoration: none;
  outline: none;
}

a,
a:active,
a:focus {
  color: #333;
  text-decoration: none;
  transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
}

/*--blog----*/

.sec-title {
  position: relative;
  margin-bottom: 70px;
}

.sec-title .title {
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 1em;
  color: #ff8a01;
  font-weight: 500;
  background: rgb(247, 0, 104);
  background: -moz-linear-gradient(to left,
      rgba(247, 0, 104, 1) 0%,
      rgba(68, 16, 102, 1) 25%,
      rgba(247, 0, 104, 1) 75%,
      rgba(68, 16, 102, 1) 100%);
  background: -webkit-linear-gradient(to left,
      rgba(247, 0, 104, 1) 0%,
      rgba(68, 16, 102, 1) 25%,
      rgba(247, 0, 104, 1) 75%,
      rgba(68, 16, 102, 1) 100%);
  background: linear-gradient(to left,
      rgba(247, 0, 104) 0%,
      rgba(68, 16, 102, 1) 25%,
      rgba(247, 0, 104, 1) 75%,
      rgba(68, 16, 102, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F70068', endColorstr='#441066', GradientType=1);
  color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  letter-spacing: 5px;
  margin-bottom: 15px;
}

.sec-title h2 {
  position: relative;
  display: inline-block;
  font-size: 48px;
  line-height: 1.2em;
  color: #1e1f36;
  font-weight: 700;
}

.sec-title .text {
  position: relative;
  font-size: 16px;
  line-height: 28px;
  color: #888888;
  margin-top: 30px;
}

.sec-title.light h2,
.sec-title.light .title {
  color: #ffffff;
  -webkit-text-fill-color: inherit;
}

.pricing-section {
  position: relative;
  padding: 100px 0 80px;
  overflow: hidden;
}

.pricing-section .outer-box {
  max-width: 1100px;
  margin: 0 auto;
}

.pricing-section .row {
  margin: 0 -30px;
}

.pricing-block {
  position: relative;
  padding: 0 30px;
  margin-bottom: 40px;
}

.pricing-block .inner-box {
  position: relative;
  background-color: #ffffff;

  padding: 0 0 30px;
  max-width: 370px;
  margin: 0 auto;
  border-bottom: 20px solid red;
  height: 620px;
}

.pricing-block .icon-box {
  position: relative;
  padding: 50px 30px 0;
  background-color: red;
  text-align: center;
}

.pricing-block .icon-box:before {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 75px;
  width: 100%;
  border-radius: 50% 50% 0 0;
  background-color: #ffffff;
  content: "";
}

.pricing-block .icon-box .icon-outer {
  position: relative;
  height: 150px;
  width: 150px;
  background-color: #ffffff;
  border-radius: 50%;
  margin: 0 auto;
  padding: 10px;
}

.pricing-block .icon-box i {
  position: relative;
  display: block;
  height: 130px;
  width: 130px;
  line-height: 120px;
  border: 5px solid red;
  border-radius: 50%;
  font-size: 50px;
  color: red;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  transition: all 600ms ease;
}

.pricing-block .inner-box:hover .icon-box i {
  transform: rotate(360deg);
}

.pricing-block .price-box {
  position: relative;
  text-align: center;
  padding: 10px 20px;
}

.pricing-block .title {
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 1.2em;
  color: #222222;
  font-weight: 600;
}

.pricing-block .price {
  display: block;
  font-size: 30px;
  color: #222222;
  font-weight: 700;
  color: red;
}

.pricing-block .features {
  position: relative;
  max-width: 245px;
  margin: 0 auto 20px;
}

.pricing-block .features li {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 30px;
  color: #848484;
  font-weight: 500;
  padding: 5px 0;
  padding-left: 30px;
  border-bottom: 1px dashed #dddddd;
}

.pricing-block .features li:before {
  position: absolute;
  left: 0;
  top: 50%;
  font-size: 16px;
  color: #2bd40f;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  margin-top: -8px;
}

.pricing-block .features li.false:before {
  color: #e1137b;
  content: "\f057";
}

.pricing-block .features li a {
  color: #848484;
}

.pricing-block .features li:last-child {
  border-bottom: 0;
}

.pricing-block .btn-box {
  position: relative;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}

.pricing-block .btn-box a {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  line-height: 25px;
  color: #ffffff;
  font-weight: 500;
  padding: 8px 30px;
  background-color: red;
  width: 100%;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 300ms ease;
}

.pricing-block .btn-box a:hover {
  color: #ffffff;
}

.pricing-block:nth-child(2) .icon-box i,
.pricing-block:nth-child(2) .inner-box {
  border-color: #1d95d2;
}

.pricing-block:nth-child(2) .btn-box a,
.pricing-block:nth-child(2) .icon-box {
  background-color: #1d95d2;
}

.pricing-block:nth-child(2) .icon-box i,
.pricing-block:nth-child(2) .price {
  color: #1d95d2;
}

.pricing-block:nth-child(3) .icon-box i,
.pricing-block:nth-child(3) .inner-box {
  border-color: #ffc20b;
}

.pricing-block:nth-child(3) .btn-box a,
.pricing-block:nth-child(3) .icon-box {
  background-color: #ffc20b;
}

.pricing-block:nth-child(3) .icon-box i,
.pricing-block:nth-child(3) .price {
  color: #ffc20b;
}

.pricing-block:nth-child(4) .icon-box i,
.pricing-block:nth-child(4) .inner-box {
  border-color: #50e1ee;
}

.pricing-block:nth-child(4) .btn-box a,
.pricing-block:nth-child(4) .icon-box {
  background-color: #50e1ee;
}

.pricing-block:nth-child(4) .icon-box i,
.pricing-block:nth-child(4) .price {
  color: #50e1ee;
}

.pricing-block:nth-child(5) .icon-box i,
.pricing-block:nth-child(5) .inner-box {
  border-color: #953cee;
}

.pricing-block:nth-child(5) .btn-box a,
.pricing-block:nth-child(5) .icon-box {
  background-color: #953cee;
}

.pricing-block:nth-child(5) .icon-box i,
.pricing-block:nth-child(5) .price {
  color: #953cee;
}

.price .duration {
  font-size: 19px !important;
}

#HowCvSearchwSec {
  background: #058ccb;

  padding: 20px 0px;
  color: #fff;
  margin-top: 50px;
  margin-bottom: 70px;
}

#HowCvSearchwSec h4 {
  text-align: center;
}

#HowCvSearchwSec .HowCvwImg img {
  width: 75px;
}

#HowCvSearchwSec hgroup h2 {
  margin-bottom: 60px;
}

#HowCvSearchwSec .HowCvwImg {
  background: #fff;
  width: 120px;
  height: 120px;
  padding: 20px;
  border-radius: 50%;
  margin: auto;
  margin-bottom: 15px;
}

#HowCvSearchwSec .HowCvwBx {
  position: relative;
  padding-top: 5%;
}

#HowCvSearchwSec .HowCvwBx span {
  position: absolute;
  font-size: 60px;
  font-weight: bold;
  color: #ffffff54;
  top: -20%;
  left: 36%;
}





/* --------------------------------------------22-8-23---------------------------------- */

#advertiseBneSec {
  background: red;
  padding: 60px;
  margin-bottom: 50px;
}

#testiMonialSec {
  margin-top: 40px;
  margin-bottom: 100px;
}

#testiMonialSec h2 {
  margin-bottom: 40px;
}

.testimonial .testimonial-content .pic {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  overflow: hidden;
  margin: auto;
  border: 1px solid red;
}

.testimonial .testimonial-content .pic img {
  height: 100%;
}

.testimonial-content ul,
h3 {
  text-align: center;
}

.testimonial-content ul li {
  color: green;
  margin-top: 10px;
  margin-bottom: 10px;
}

.testimonial-content h3 {
  font-size: 20px;
}

.testimonial {
  height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.testimonial .testimonialUpCnt .icon {
  font-size: 75px;
  padding-bottom: 25px;
  text-align: center;
  display: inherit;
  color: #ff000063;
}

.testimonialUpCnt .description {
  color: #c1c1c1;
  text-align: left;
}

/* ------------------------------deshboard section---------------------------- */

.logOutBtn {
  width: auto !important;
}

.dashPkgDtlDv {
  background: red;
  padding: 13px 1px;
}

.dashPricingPlanUl {
  margin-top: 20px;
  margin-bottom: 20px;
}

.dashPricingPlanUl li {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
}

/* ----------------------- job seekers -------------------- */

.modernDayCnt .modernDayUl {
  display: flex;
  flex-wrap: wrap;
}

.modernDayCnt .modernDayUl li {
  width: 25%;
  text-align: center;
  font-size: 15px;
  padding: 10px;
}

.modernDayCnt .modernDayUl li ul li {
  width: 100%;
}

.modernDayCnt .modernDayUl li ul li img {
  width: 90px;
}

/* --------------------23-8-23-------------------------- */

.bgColor {
  background: #f0f7f9;
}

#slider_sec img {
  height: 480px;
}

.our_client .bor {
  border-top: 2px solid black;
  border-bottom: 2px solid black;
}

#cv_maker .circle-num {
  background: #058ccb;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}

#cv_maker ul {
  gap: 25px;
}

#cv_maker li {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: auto;
  width: 33.333%;
}

.step-image {

  height: 260px;
}

#cv_maker li p {
  margin-top: 10px;
  height: 48px;
  font-size: 11px;
}

.contentRoghtPart .form-group {
  width: 100%;
}

.alert {
  position: relative;
  padding: 14px 0px;
}

.alert-gif {
  position: inherit;
  font-size: 14px;
}

.alert-gif span {
  padding: 10px;
  background: #dcdcdc;
  margin-bottom: 10px;
  display: block;
}

.alert-gif img {
  margin-top: 7px;
  width: 50px !important;
}

#job-fs .job-finder,
.job-finder2 {
  height: 100%;

  height: auto;
}

.heading {
  margin-bottom: 70px;
  text-align: center;
  font-size: 45px;
  font-weight: bolder;
}

#job-fs .job-finder .slogan h2 {
  font-size: 40px;
  font-weight: bolder;
}

#job-fs .job-finder img {
  height: 200px;
}

/* .ad_dv img {
  height: 275px;
} */

#free-comp {
  margin-top: 40px;
  margin-bottom: 40px;
}

#free-comp .freelancer-box {
  background: #16a085;
  padding: 30px 0px;
  transition: all 0.5s ease-in-out;
  height: 450px;
}

#free-comp .freelancer-box2 {
  background: #16a085;
  transition: all 0.5s ease-in-out;
  padding: 30px 0px;
  height: 450px;
}

#free-comp .freelancer-box h3 {
  color: #fff;
  font-size: 25px;
  font-weight: bold;
  text-align: left;
}

#free-comp .freelancer-box2 h3 {
  color: #fff;
  font-size: 25px;
  font-weight: bold;
  text-align: right;
}

#free-comp .freelancer-box ul {
  padding: 0px 20px;

}

#free-comp .freelancer-box2 ul {
  padding: 0px 20px;

}

#free-comp .freelancer-box2 ul li img {
  transition: all 0.5s ease-in-out;
}

#free-comp .freelancer-box ul li img {
  transition: all 0.5s ease-in-out;
}

#free-comp .freelancer-box ul li ul li {
  text-align: left;
  margin-bottom: 28px;
  color: #fff;
  font-size: 19px;
  font-weight: 600;
}

#free-comp .freelancer-box2 ul li ul li {
  text-align: right;
  margin-bottom: 28px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  position: relative;
  padding-right: 30px;
}



#free-comp .freelancer-box2 ul li ul li::after {
  position: absolute;
  right: 0;
  top: 15px;
  font-size: 18px;
  color: #fff;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  margin-top: -8px;
}

#free-comp .freelancer-box ul li ul li {
  text-align: left;
  margin-bottom: 28px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  position: relative;
  padding-left: 30px;
}



#free-comp .freelancer-box ul li ul li::after {
  position: absolute;
  left: 0;
  top: 15px;
  font-size: 18px;
  color: #fff;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  margin-top: -8px;
}




.scrolling-container {
  overflow: hidden;
  white-space: nowrap;
}

.clients {
  display: inline-block;
  animation: marquee 20s linear infinite;
}

.clients img {
  margin-right: 20px;
  height: 100%;
}


.app-btn {
  border: 1px solid #fff !important;
  background-color: transparent !important;
}

.app-btn:hover {

  background-color: #fff !important;
  color: #068ccb;
}


a {
  color: #ff0000;
}

/* .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
  margin-left: 0px;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
  margin-left: 0px;
} */

.custom-checkbox .custom-control-label::before {
  margin-left: 0px;
  border: 1px solid #ccc !important;
  background: transparent !important;
}



.projectContainer .card-header {
  padding: 0px;
  /* margin-bottom: 15px !important; */
}

.projectContainer .card {
  border: none;
  margin-bottom: 15px !important;
}

.projectContainer .card-header {

  margin-bottom: 0;
  background-color: rgb(255 255 255);
  border-bottom: none;

}

.projectContainer .custom-control {

  padding-left: 36px;
}


#latest_prosec .mn_heading {

  font-weight: bolder;
}



/* .our_client2 img{
  height: 180px !important;
} */

.our_client2 .heading {

  margin-bottom: 40px !important;
  padding: 0% 8%;
  font-size: 35px !important;
}

#change-image-2 {
  max-width: 100%;
  transition: opacity 1s ease-in-out;
}


.our_client .btn-info {
  margin-bottom: 50px !important;
  font-size: 20px !important;
  width: 350px;
}

.sampleWrkSec2 .cv {
  padding: 30px;
}

/* ------------------------------------dashboard---------------------------------------- */

.dashPricingPlanUl .check-icon::before {
  position: absolute;
  left: 0;
  top: 50%;
  font-size: 16px;
  color: #2bd40f;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  margin-top: -8px;
}



.dashPricingPlanUl .check-icon {
  position: relative;
  padding-left: 20px;
  margin: 0px 10px;
}






/* ------------------company section---------------------------- */



#clientLogoSec .col-md-2 img {
  margin: 15px 0px;
  border: 1px solid #d6d6d6;
}




/* ------------------cv making section---------------------------- */



/* #sampleWrkSec.sampleWrkSec2{
      padding-bottom: 40px;
      
     }

     #sampleWrkSec.sampleWrkSec2 .owl-stage-outer {
      position: relative;
    }

    .owl-theme .owl-next, #sync1.owl-theme .owl-prev {
      width: 22px;
      height: 40px;
      margin-top: -20px;
      position: absolute;
      top: 50%;
    }
 


    .owl-theme .owl-prev {
      left: 10px;
    }
    .owl-theme .owl-next {
      right: 10px;
    } */


.owl-nav {
  text-align: center;
  margin-top: 20px;
}

.sampleWrkOwl1 .owl-nav .owl-prev {
  background: #fff !important;
  position: absolute;
  top: 40%;
  left: 0px;
  padding: 0 18px 0 15px;
  border-radius: 50% !important;
  height: 50px;
  width: 50px;
  z-index: 99;
  box-shadow: 3px 14px 25px -10px #92b4d0;
  transition: 0.5s ease 0s;
}

.sampleWrkOwl1 .owl-nav .owl-next {
  background: #fff !important;
  position: absolute;
  top: 40%;
  right: 0px;
  padding: 0 15px 0 18px;
  border-radius: 50% !important;
  height: 50px;
  width: 50px;
  z-index: 99;
  box-shadow: -3px 14px 25px -10px #92b4d0;
  transition: 0.5s ease 0s;
}

.owl-nav .owl-prev:after {
  content: "\f104";
  font-family: "Font Awesome 5 Free";

  font-weight: 900;
  color: #333;
  font-size: 30px;
}

.owl-nav .owl-next:after {
  content: "\f105";
  font-family: "Font Awesome 5 Free";

  font-weight: 900;
  color: #333;
  font-size: 30px;
}



.owl-nav .owl-prev span,
.owl-nav .owl-next span {
  font-size: 0px !important;
}

/* .sampleWrkSec2 .button.owl-prev::after {

} */




/* ------------------find job section---------------------------- */


.mordernDaySec2 {
  padding-top: 40px;
}



.test {
  height: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#packageGold0 .test {
  height: 56.5%;
}

/* .pricing-block:first-child .btn-box {
      margin-top: 83%;
  } */



#advertiseBneSec h2 {
  text-align: center;
  color: #fff;
}



#advertiseBneSec a {
  text-align: center;
  color: #000;
  /* padding: 10px; */
  background: #fff;
  margin-top: 15px;
  display: inline-block;
  border-radius: 50px;
  font-size: 20px;
  padding: 10px 25px !important;
}



/* ------------------foot section---------------------------- */
.footLogo a img {
  mix-blend-mode: multiply;
  width: 220px;
}


#sutaibleCandidateSec img {
  width: 100%;
}

#ourGlobalNetSec img {
  width: 1920px;
}


/* --------------- */
.dashboardCounter {
  display: none;
}



.video-container {
  position: relative;
}

.video-container1 {
  position: relative;
}

.play-pause-button {
  position: absolute;
  top: 49%;
  left: 49.5%;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4822303921568627) 50%, rgba(0, 0, 0, 0.48783263305322133) 70%, rgba(0, 0, 0, 0) 100%);
  height: 100%;
  width: 100%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 8px;
}

#play-pause,
#play-pause1, #play-pause2 {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: red;
  border: red;

}

/* #play-pause1{
  width: 50px;
  height: 50px;
  border-radius: 50% ;
  background: red ;
  border: red;
} */


.video-container:hover .play-pause-button {
  opacity: 1;
}

.video-container1:hover .play-pause-button {
  opacity: 1;
}

.btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgb(255 0 0 / 44%) !important;
}




/* -=-=-=-=-=-=-=testimonial-=---=====---= */
#customers-testimonials .tes-content {
  text-align: left;
}

.testimonials-1 {
  margin-top: 60px;
}

.tes-content h2 {
  font-size: 30px;
}


#customers-testimonials img.img-circle {
  height: 100%;
  width: auto;
}

.shadow-effect {
  /* background: #fff; */
  padding: 30px 30px;
  background: rgba(224, 239, 246, 0.6);
  border-radius: 28px;
  text-align: center;
  /* border: 1px solid #ECECEC; */
  /* box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02); */
  display: flex;
  gap: 20px;
  height: 420px;
  align-items: center;
  /* display: flex; */
}

#customers-testimonials .shadow-effect p {
  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 17px 0;
  text-align: left;
  font-weight: 400;
  color: #555;
}

.testimonial-name {
  margin: -17px auto 0;
  display: table;
  width: auto;
  background: #3190E7;
  padding: 9px 35px;
  border-radius: 12px;
  text-align: center;
  color: #fff;
  box-shadow: 0 9px 18px rgba(0, 0, 0, 0.12), 0 5px 7px rgba(0, 0, 0, 0.05);
}

#customers-testimonials .item {
  text-align: center;
  padding: 11px;
  margin-bottom: 40px;
  opacity: .2;
  /* -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1); */
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 100%;
}

#customers-testimonials .owl-item.active.center .item {
  opacity: 1;
  width: 100%;

  /* -webkit-transform: scale3d(1.0, 1.0, 1);
  transform: scale3d(1.0, 1.0, 1); */
}

#customers-testimonials .owl-carousel .owl-item img {
  transform-style: preserve-3d;
  max-width: 90px;
  margin: 0 auto 17px;
}

#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
  background: #3190E7;
  transform: translate3d(0px, -50%, 0px) scale(0.7);
}

#customers-testimonials.owl-carousel .owl-dots {
  display: inline-block;
  width: 100%;
  text-align: center;
}

#customers-testimonials.owl-carousel .owl-dots .owl-dot {
  display: inline-block;
}

#customers-testimonials.owl-carousel .owl-dots .owl-dot span {
  background: #3190E7;
  display: inline-block;
  height: 20px;
  margin: 0 2px 5px;
  transform: translate3d(0px, -50%, 0px) scale(0.3);
  transform-origin: 50% 50% 0;
  transition: all 250ms ease-out 0s;
  width: 20px;
}

/* -=-=-=-=-=-=-=testimonial-=---=====---= */
#image_blank {
  position: relative;
}

#image_blank .center {
  width: 100%;
  height: 100%;
  background: #ffffff85;
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#image_blank .center h2 {
  font-size: 40px;
  font-weight: bold;
}


#image_blank .vector-image img {
  height: 500px;
  width: 100%;

}



/* ----------leftMenu social-M------------- */

.leftMenu .social .fbtn {
  width: 45px;
  display: inline-block;
  color: #fff;
  text-align: center;
  line-height: 18px;
  float: left;
}

.leftMenu .social .fa {
  padding: 5px 0px;
}

.leftMenu .facebook {
  background-color: #3b5998;
}

.leftMenu .facebook:hover {
  background-color: #254997;
  ;
  border-left: 3px solid #254997 !important;

}


.leftMenu .gplus {
  background-color: #dd4b39;
}

.leftMenu .gplus:hover {
  background-color: #f9422c;
  border-left: 3px solid #f9422c !important;

}

/* .contentRightPart ul.leftMenu .share-button.sharer .social a:hover {
  border-left: none;} */


.leftMenu .twitter {
  background-color: #55acee;
}

.leftMenu .twitter:hover {
  background-color: #3399e7;
  border-left: 3px solid #3399e7 !important;
}

.leftMenu .stumbleupon {
  background-color: #eb4924;
}

.leftMenu .stumbleupon:hover {
  background-color: #f9422c;
  border-left: 3px solid #f9422c !important;
}

.leftMenu .pinterest {
  background-color: #cc2127;
}

.leftMenu .pinterest:hover {
  background-color: #cf080f;
  border-left: 3px solid #cf080f !important;
}

.leftMenu .linkedin {
  background-color: #0077b5;
}

.leftMenu .linkedin:hover {
  background-color: #015b89;
  border-left: 3px solid #015b89 !important;
}

.leftMenu .buffer {
  background-color: #323b43;
}

.leftMenu a.share-btn {
  cursor: pointer;
}

.contentRightPart ul.leftMenu .share-button.sharer .social i {

  margin-right: 0px;
}

.leftMenu .share-button.sharer {
  height: 42px;

}

.leftMenu .share-button.sharer .social.active.top {
  transform: scale(1) translateY(-5px);
}

.leftMenu .share-button.sharer .social.active {
  opacity: 1;
  transition: all 0.4s ease 0s;
  visibility: visible;
}

.leftMenu .share-button.sharer .social.networks-5 {}

.leftMenu .share-button.sharer .social.top {
  margin-top: 0px;
  transform-origin: 0 0 0;
}

.leftMenu .share-button.sharer .social {
  margin-left: 6px;
  opacity: 0;
  transition: all 0.4s ease 0s;
  visibility: hidden;
}

.leftMenu .share-button.sharer .social a i {
  color: #fff;
}


.cv_builderimg .row {
  row-gap: 20px;
}

.cv_builderimg .row .cv-temp {

  overflow: hidden;
  transition: all 0.5s ease-in-out;
  display: flex;
  flex-direction: column;
  align-items: center;
}


.cv_builderimg .row .cv-temp:hover .s-temp {
  opacity: 1;

}

.cv_builderimg .row .cv-temp .s-temp {
  opacity: 0;

}

.cv_builderimg img {
  width: 100%;


}


.cv_builderimg .row .cv-temp-1 .cv-lang {
  content: "English Template-1";
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  background: red;
  width: 100%;
  border-radius: -13px;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
}

/* .cv_builderimg .row .cv-temp-2 .cv-lang {
  content: "English Template-1";
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  background: red;
  width: 100%;
  border-radius: -13px;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
} */

/* .cv_builderimg .row .cv-temp-2::before {
  content: "English Template-2";
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  background: red;
  width: 100%;
  border-radius: -13px;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
}

.cv_builderimg .row .cv-temp-3::before {
  content: "English Template-3";
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  background: red;
  width: 100%;
  border-radius: -13px;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
}

.cv_builderimg .row .cv-temp-4::before {
  content: "English Template-4";
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  background: red;
  width: 100%;
  border-radius: -13px;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
}


.cv_builderimg .row .arebic-temp-1::before {
  content: "Arebic Template-1";

}

.cv_builderimg .row .arebic-temp-2::before {
  content: "Arebic Template-2";

}

.cv_builderimg .row .arebic-temp-3::before {
  content: "Arebic Template-3";

}

.cv_builderimg .row .arebic-temp-4::before {
  content: "Arebic Template-4";

} */


.section-content {
  display: none;

}

.cv-temp {
  transition: all 0.5s ease-in-out;
}


.cv-temp .radio-label {
  display: inline-block;
  padding: 10px 20px;
  background-color: #3498db;
  /* Background color */
  color: #fff;
  /* Text color */
  border-radius: 30px;
  /* Make it pill-shaped */
  cursor: pointer;
}

/* Hide the actual radio button input */
.cv-temp .radio-input {
  display: none;
}

/* Style for when the radio button is checked */
.cv-temp .radio-input:checked+.radio-label {
  background-color: #e74c3c;
  opacity: 1 !important;
  
}



.cv-temp .view-btn {
  position: absolute;
  bottom: 10px;
  border-radius: 30px;
  right: 10px;
  font-size: 10px;
  min-width: 100px!important;
  background-color: red;
}


#cvBuilder_secpg .mn_heading {
  margin-bottom: 20px;
  font-weight: bold;
}



/* ----------#date-filter--------------- */

#date-filter {
  background: #ededed;
  padding: 5px 15px;
  margin-bottom: 5px
}

#date-filter .field {
  display: flex;
  align-items: center;
}

#date-filter .ui.form .field>label {

  width: 70px;
  margin: 0px;

}

#rangestart,
#rangeend {
  width: 100%;
}

#date-filter .ui.form .fields {

  gap: 15px;

}

.dashPkgDtlDv.alert {
  margin-bottom: 0rem;
}

.contentContainerPart img.img-fluid.align-self-center.planning-icon {
  width: 65px;
}


.cvProfileCnt {
  text-align: left;
  flex: 1;
  padding-left: 20px;
}

/* ul.list-unstyled.cvSearcMnInfoUl {
  display: flex;
} */

ul.list-unstyled.cvSearcMnInfoUl {
  text-align: left;
  margin-top: 10px;
}

ul.list-unstyled.cvSearcMnInfoUl li {
  display: flex;
}

ul.list-unstyled.cvSearcMnInfoUl li strong {
  width: 190px;
}

.cvProfileCnt ul li {
  margin-right: 14px;
}

#top_hiringcom_sec .hire_cominnerdv {
  margin-bottom: 15px;
}

.job_detailinner {
  margin-top: 30px;
}

.cvProImg {
  width: 190px;
}

.cvProfileCnt h1 {
  font-size: 25px;
}


.chosen-container.chosen-with-drop .chosen-drop {

  position: absolute;
  z-index: 99999;
}

.chosen-container .chosen-drop {

  top: 100%;}

#accordionExample button.btn.btn-link.btn-block.text-left {
  color: #fff;
  text-decoration: none;
  position: relative;
}

/* .chosen-drop {
  position: absolute !important;
  top: 0;
  display: none !important;
} */

button.btn.btn-link.btn-block.text-left:after {
  /* content: '\f068'; */
  content: '-';
  position: absolute;
  font-size: 30px;
  font-family: "Font Awesome 5 Free";
  line-height: 20px;
  right: 2%;
}

/* #accordionExample button.plush:after {
  content: 'grth';
  position: absolute;
  font-size: 29px;
  line-height: 19px;
  right: 0;
} */
button.btn.btn-link.btn-block.text-left.collapsed:after {
  /* content: '\f067'; */
  content: '+';
  position: absolute;
  font-size: 25px;
  font-family: "Font Awesome 5 Free";
  line-height: 30px;
  right: 2%;
}

#accordionExample button.btn:focus {
  outline: 0;
  box-shadow: none;
}

.project_pgmn .companyDetailOverviewContainer h5 {

  margin-bottom: -15px;
}

.cv-temp img {
  width: 100%;
}

.search_Btn {
  padding: 25px 24px 7px;
}

.accordion .form-group {
  margin-bottom: 0px !important;
}

.cv-dis .btn:not(:disabled):not(.disabled) {
  cursor: pointer;
  width: max-content;
  display: block;
  margin-left: 247px;
}

.search_Btn .form-control {

  font-size: 13px;

}

.bg_color {
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  width: 100%;

  z-index: -1;
  margin-top: -30px !important;
}

.projectContainer .card-header {
  padding: 0px;
  margin-bottom: 15px;
}



.postJobForm .hidden,
.postJobForm .hidden-1 {
  display: none;
}


/* find jobs */

.sec-heading {
  margin-bottom: 50px;
  font-size: 30px;
}

#find_Job {
  /* min-height: 450px; */
  padding-top: 0px;
  padding-bottom: 65px;
  display: flex;
}

#find_Job hgroup h2 {
  padding: 0 30px;
  /* background: url(//secure.b8cdn.com/bayt/assets/home-76y3bq4o/images/heart.svg) no-repeat 100% 0; */
  width: max-content;
  margin: auto;
}

/* #find_Job .form-control {
  
  padding: 1.4rem 0.75rem;

} */


/* -__----___------new price section-__----___------ */


#indusHiringSec {
  padding: 50px 0px;
  /* background-color: #f0f7f9; */
}

#indusHiringSec .industriesHireCnt ul li h6 {
  font-size: 18px;
  color: #353535;
  font-weight: 600;
  width: 210px;
}

#indusHiringSec .industriesHireCnt ul li span {
  font-size: 18px;
  color: #353535;
  font-weight: 600;
  margin-left: 60px;
}

#indusHiringSec .industriesHireCnt ul li {
  margin-bottom: 10px;
}


#indusHiringSec .industriesHireCnt ul li:hover h6,
#indusHiringSec .industriesHireCnt ul li:hover span {
  color: #068ccb;
}


.mordernDaySec2 {
  padding: 50px 0px;

}

ul.indu_content {
  display: flex;
  flex-wrap: wrap;
}

ul.indu_content li {
  width: 25%;
}

/* ul.indu_content li:nth-child(even) {
  padding-left: 50px;
}

ul.indu_content li:nth-child(odd) {
  padding-right: 50px;
} */

.indusHiringImg {
  text-align: center;
}



.endlessPosibSec3 hgroup h2 {
  margin-bottom: 20px;
  margin-top: 30px;
}






/* new price section start */

.price-content {
  display: inline-block;
  max-width: 100% !important;
  width: 100%;
  text-align: center;
  border-radius: 12px;
  border: 1px solid #EBEBEB;
  margin: 20px 10px;
  padding: 0 15px 15px;
  transition: all ease 0.2s;
  background: #fff;
}

.price-content ul {
  padding-left: 0;
  height: 200px;


}

.wpb_wrapper li {
  font-size: 14px !important;
  position: relative;
  text-align: left;
}


.wpb_wrapper li:before {
  position: absolute;
  left: 0;
  top: 50%;
  font-size: 16px;
  color: #2bd40f;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  margin-top: -8px;
}


.wpb_wrapper p {
  font-size: 14px;
}

.price-content h4 span {
  display: block;
  font-size: 14px;
  font-weight: normal;
}

.price-content p {
  font-size: 14px;
  margin: 20px 0;
  height: 65px;
  overflow: hidden;
}

a.br-btn {
  background: transparent;
  padding: 12px 35px;
  color: #324B65;
  text-decoration: none;
  font-size: 16px;
  border-radius: 24px;
  transition: all ease 0.3s;
  display: inline-block;
  font-weight: bold;
  border: 2px solid #324B65;
  border-radius: 30px;

}

.price-content span.type {
  padding: 5px 15px;
  border-radius: 0 0 12px 12px;
  background: red !important;
  display: inline-block;
  font-size: 21px;
  font-weight: bold;
  color: #fff !important;
}


.price-content h4 {
  font-size: 48px;
  font-weight: bold;
  line-height: 50px;
  height: 100px;
  overflow: hidden;
}

.vc_column_container>.vc_column-inner {
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}

.wpb_button,
.wpb_content_element,
ul.wpb_thumbnails-fluid>li {
  margin-bottom: 35px;
  
}

.vc_row {
  margin-left: -15px;
  margin-right: -15px;
}

.price-content:hover {
  box-shadow: 0 0 15px #e7e7e7;
  transform: translate(0px, -10px);
}

/* new price section end */




.cate-img p {

  color: #000;

}

.line {
  height: 10px;
  width: 8px;
  border-bottom: 1px solid #f1f1f2;
}

.line {
  height: 10px;
  width: 40px;
  border-bottom: 3px solid #6d6d6d;
  margin: auto;
  transition: all 0.5s ease-in-out;
}

.cate-img:hover .line {
  width: 100px;
  border-color: #068ccb;
}

.img-cate {
  text-align: center;
}

#latest_prosec .latest_pro_bx .latest_pro_bxtp h5 {
  margin-bottom: 5px;
  /* color: #068ccb; */
  font-size: 18px;
  font-weight: 600;
}


#latest_prosec img.company_logo {
  margin: auto;
  padding-bottom: 4px;
  max-width: 100% !important;
  height: 200px;
}

.latest_job_bg {
  background-color: #fff;
  /* border: 1px solid #d9d9d9; */
  /* padding: 15px; */
  border-radius: 7px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}




/* _-_-_-_-_-_-_-_-_-_-_-_- Cv Detail Page Start _-_-_-_-_-_-_-_-_-_-_-_- */

.freelancer_infologo .companyLogoContainer ul {
  gap: 30px;
}


.freelancer_infologo .companyLogoContainer li ul {
  gap: 20px;
}

.freelancer_infologo .companyLogoContainer li ul li.align-self-center img {
  width: 100px;
}

.cvDtlBody {
  padding: 20px 30px;
}

/* _-_-_-_-_-_-_-_-_-_-_-_- Cv Detail Page end _-_-_-_-_-_-_-_-_-_-_-_- */
.password-toggle {
  position: relative;
  width: 100%;
}

.password-toggle input[type="password"] {
  padding-right: 30px;
  /* Add space for the eye icon */
}

.password-toggle .toggle-eye,
.password-toggle .toggle-eye {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  cursor: pointer;
  color: #000;
}




.company_post_a_project {
  margin-bottom: 20px;
  /* margin-top: 80px!important; */
}

#find_Job i.fa.fa-search.form-icons,
#find_Job i.fa.fa-map-marker {
  left: 17px;
  color: #767676;
  /* font-size: 17px; */
  position: absolute;
  top: 21px;
}

#find_Job .form-control {

  padding: 0.375rem 0.75rem 0.375rem 2rem;

}

#find_Job .job_search_sec .form-control {
  height: calc(2.5rem + 0.75rem + 2px);
  font-size: 19px;
}

#find_Job .job_search_sec .btn {
  height: calc(2.5rem + 0.75rem + 2px);
  font-size: 19px;
}

#find_Job .form-control :hover {
  background: #ccc;
}

#find_Job .job_search_sec .btn:hover {
  background: #ccc;
}


#category .modal-dialog {
  max-width: 100% !important;
}

#category .category_heading {
  color: #004e7e;
  font-size: 20px;
  font-weight: 700;
}

#category ul li a {

  color: #62646a;
  display: block;
  font-size: 16px;
  line-height: 20px;
  padding: 8px 0;
  position: relative;
  text-decoration: none;
}

#category ul li a:hover {
  color: #004e7e;
  font-weight: 600;
  margin-left: 10px;
}

#category ul li:last-child {
  margin-bottom: 25px;
}


.sign-up-container input::placeholder {
  color: #fff;
}


.input.text.required label {
  color: #fff;
}


.creload {
  color: #000;
}

.loginSignPopUp input[type="email"]::placeholder,
.loginSignPopUp input#new_password::placeholder {
  color: #fff;
}

.loginSignPopUp a#signUp,
.loginSignPopUp a#signIn {
  color: #90dcff;
  font-size: 15px;
  font-weight: 600;

}

.ad_dv .owl-carousel .owl-item img {
  width: auto;
  margin: auto;
}

.ad_dv .owl-carousel .owl-item a {
  background: #fff;
  display: flex;
}

.advertise_owl1,
.advertise_owllogo {
  background: #ebebeb;
  padding: 20px;
}

.ad_dv .owl-carousel.owl-drag .owl-item {
  background: #fff;
  height: 210px;
  justify-content: center;
  align-items: center;
  display: flex;
}




/* _-_-_-_------growing sec start------------------ */

.photo-row {

  row-gap: 30px;

}

.photo-row a .box-inner:after {
  background: #00000096;
}

.photo-row a {
  overflow: hidden;
  display: block;
}


#growing .members .box-inner {

  background-size: cover;
  background-position: 50% 50%;
  -webkit-transition: background-position 1s;
  transition: background-position 1s;
  position: relative;
  height: 300px;
  width: 100%;
  /* transition: all 300ms ease-in-out; */
  transition: all 0.3s ease-in-out;

}

#growing .members .box-inner1 {
  background-image: url("https://zepjob.com/webroot/front/images/Clients_Say/TC4.jpg");
}

#growing .members .box-inner2 {
  background-image: url("https://zepjob.com/webroot/front/images/Clients_Say/TJ1.jpg");
}

#growing .members .box-inner.box-inner3 {
  background-image: url("https://zepjob.com/webroot/front/images/Clients_Say/Community2.jpg");
}

#growing .members .box-inner.box-inner4 {
  background-image: url("https://zepjob.com/webroot/front/images/Clients_Say/TJ4.jpg");
}

#growing .members .box-inner.box-inner5 {
  background-image: url("https://zepjob.com/webroot/front/images/Clients_Say/TC5.jpg");
}

#growing .members .box-inner.box-inner6 {
  background-image: url("https://zepjob.com/webroot/front/images/Clients_Say/TJ2.jpg");
}

#growing .members .box-inner.box-inner7 {
  background-image: url("https://zepjob.com/webroot/front/images/Clients_Say/Community1.jpg");
}




.box-inner::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  transition: all 300ms ease-in-out;

  background-color: transparent;
}

#growing .members a:hover .box-inner:after {
  background: transparent;

}



#growing .members a .box-inner {
  -webkit-transition: all 1.5s ease-in-out;
  -moz-transition: all 1.5s ease-in-out;
  -ms-transition: all 1.5s ease-in-out;
  -o-transition: all 1.5s ease-in-out;
  transition: all 1.5s ease-in-out;

}

#growing .members a:hover .box-inner {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

#growing .members a .box-inner h6 {
  color: #fff;
  font-size: 25px;
  position: absolute;
  bottom: 15px;
  left: 15px;
  z-index: 1;
  font-weight: bold;
  padding-left: 35px;

}

#growing .box-con {
  position: relative;
}

#growing .box-con h6 {

  color: #fff;
  font-size: 21px;
  position: absolute;
  bottom: 15px;
  left: 15px;
  z-index: 1;
  font-weight: bold;
  padding-left: 10px;


}

#growing .last {
  text-align: center;
  margin: auto;
  padding: 20px;
}

/*-----growing sec end------------------ */



#inner_pghead aside.hero-stats {
  background-color: rgba(255, 255, 255, .3);
  width: 100%;
  padding: 9px 0;
  position: absolute;
  z-index: 2;
  bottom: 0;
}

#inner_pghead .box-row.fade-in {
  width: 1240px;
  width: 1240px;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
}

#inner_pghead .box-row.fade-in ul li {
  color: #fff;
  font-size: 22px;
  line-height: 40px;
  width: 33.33%;
  /* float: left; */
  text-align: center;
}

#inner_pghead ul.cf {
  display: flex;
}

.box-row.fade-in ul li h2 {
  font-weight: 400 !important;
  font-size: 45px;
  text-transform: uppercase;
}

/* --------------------------------- */






/*  */
.h-color {
  color: #3f3f3f;
  font-size: 30px;
  font-weight: 700;
}

.freelancer .circle_ico {
  text-align: center;
  margin: auto;
}



.freelancer .circle_ico i {
  color: red;
  font-size: 50px;
}

.freelancer-box-content {
  height: 80%;
  align-items: center;
  row-gap: 30px;
}

.box-content-size {
  align-items: center;
}

/* .price-content.premium.bestseller::before {
content: 'Bestseller';
display: inline-block;
position: absolute;
font-size: 13px;
left: -30px;
background: #068ccb;
padding: 2px 31px;
color: #fff;
top: 17px;
transform: rotate(-43deg);
} */
.price-content.premium.bestseller {
  overflow: hidden;
}

.loginSignPopUp {
  z-index: 9999999999;
}

.modal.fade.loginSignPopUp.modal-backdrop.show {
  z-index: 999999999 !important;
}

/*  */


#endlessPosibSec .owl-nav .owl-next {
  background: #fff !important;
  position: absolute;
  top: 40%;
  right: -40px;
  padding: 0 15px 0 18px;
  border-radius: 50% !important;
  height: 50px;
  width: 50px;
  z-index: 99;
  box-shadow: -3px 14px 25px -10px #92b4d0;
  transition: 0.5s ease 0s;
}

#endlessPosibSec .owl-nav .owl-prev {
  background: #fff !important;
  position: absolute;
  top: 40%;
  left: -40px;
  padding: 0 18px 0 15px;
  border-radius: 50% !important;
  height: 50px;
  width: 50px;
  z-index: 99;
  box-shadow: 3px 14px 25px -10px #92b4d0;
  transition: 0.5s ease 0s;
}

/* ------------- */

.freelancer .circle_ico img {
  width: 115px;
}

#inner_pghead.innerCvSearchPg {
  background: url("https://zepjob.com/webroot/slider_images/38da23d9a560c62febb208f4fd71320c43828533.png");
  background-size: cover;
}

#inner_pghead.innerProjectPg {
  background: url("https://zepjob.com/webroot/slider_images/d41d8cd98f00b204e9800998ecf8427e741051809.png");

  background-size: cover;
}

#inner_pghead.innerFreelancerPg {
  background: url("https://zepjob.com/webroot/slider_images/d41d8cd98f00b204e9800998ecf8427e741051809.png");

  background-size: cover;
}

.Sellerbtn {
  position: relative;
}

.bestseller-btn {
  font-size: 20px;
  padding: 10px 0px;
  margin: auto;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  height: auto;
  color: #fff;
  border: none;
  background-color: #ff0000;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
}

.our_client5 img {
  height: 80px !important;
}

.find_btn {
  margin: 0px !important;
  display: inline-block;
  background: red !important;
}

.categorymodal#accordionExample button.btn.btn-link.btn-block.text-left {

  text-decoration: none;
  position: relative;
  color: #cf080f;
  font-size: 15px;
  font-weight: 700;
}

#popular_services a.subcategory {
  position: relative;
}

#popular_services .subcategory h4 {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #fff;
  font-size: 24px;
  padding: 16px;

  z-index: 1;
}

#popular_services .subcategory h4 small {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.owl-nav .owl-next {
  background: #fff !important;
  position: absolute;
  top: 40%;
  right: -40px;
  padding: 0 15px 0 18px;
  border-radius: 50% !important;
  height: 50px;
  width: 50px;
  z-index: 99;
  box-shadow: -3px 14px 25px -10px #92b4d0;
  transition: 0.5s ease 0s;
}

.owl-nav .owl-prev {
  background: #fff !important;
  position: absolute;
  top: 40%;
  left: -40px;
  padding: 0 18px 0 15px;
  border-radius: 50% !important;
  height: 50px;
  width: 50px;
  z-index: 99;
  box-shadow: 3px 14px 25px -10px #92b4d0;
  transition: 0.5s ease 0s;
}

.modalDesign .modal-dialog {
  max-width: 100% !important;
}

.modalDesign .modal-dialog {
  max-width: 100% !important;
}

.modalDesign .category_heading {
  color: #004e7e;
  font-size: 20px;
  font-weight: 700;
}

.modalDesign ul li a {

  color: #62646a;
  display: block;
  font-size: 16px;
  line-height: 20px;
  padding: 8px 0;
  position: relative;
  text-decoration: none;
}

.modalDesign ul li a:hover {
  color: #004e7e;
  font-weight: 600;
  margin-left: 10px;
}

.modalDesign ul li:last-child {
  margin-bottom: 25px;
}

.ad_dv a.btn-job-finder.btn-info {

  display: inline-block !important;
}

.job-fs-btn {
  display: flex;
  text-align: center !important;
  justify-content: center;
  margin: auto;
}

#latest_prosec .latest_pro_bx .latest_pro_bxtp h4 {

  color: #2e2e2e;
}



/* terms */

.privacy_policyinner p {

  text-align: justify;
  text-align-last: left;
  text-transform: lowercase !important;

}

.privacy_policyinner h5 {
  color: #000 !important;

}

#privacy_policySec {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.iconss {
  gap: 20px;
}

.s-links .iconss li a.btn span {

  padding-right: 5px;
}


.s-links .iconss li a.btn {

  background: #fff0f0;
  border-radius: 30px;
  padding-top: 0px;
  transition: background-color 300ms ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
}


.s-links .iconss li a.btn:hover {
  background-color: #ffc9c9 !important;
}


#find-job {
  background: #fff;
  height: auto !important;
}


.find_btn1 {
  background: red !important;
}


#confirm_password::placeholder {
  color: #000 !important;
}


#name::placeholder {
  color: #000 !important;
}

input::placeholder {
  color: #000 !important;
}


#top_hiringcom_sec.companies_pgsec .hire_cominnerdv nav p {
  text-align: left;
}

.job_detailinner nav p {
  text-align: left;
}

.manNavTabs .nav-item {
  background: #f1f1f1;
}

.manNavTabs {
  gap: 15px;
}

.jobseeker_prodv .latest_pro_bx .jobseeker_btn {
  width: 100%;
  align-items: center;
  justify-content: flex-start !important;
}

.jobseeker_prodv .latest_pro_bx .jobseeker_btn a {
  margin-top: 0 !important;
}

.dropdown.jobShareBtn button {
  width: 100px;
  padding-left: 0px;
  padding-right: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* .mar-b{
  margin-bottom: 15px;
} */

#freelancer_list_pg .card {
  border: none;
  margin-bottom: 15px;
}

#freelancer_list_pg .card-header {
  background-color: #fff;
  padding: 0;
}


.chosen-container .chosen-results li.active-result {
  text-align: left;
  font-size: 12px;
}

.skills .chosen-container-multi .chosen-choices {

  padding: 1px;}

.chosen-container .chosen-results li {

  text-align: left;
}

.slider-labels .input-group {
  flex-wrap: nowrap;
}

.salaryRangDv .input-group {
  flex-wrap: nowrap !important;
}




.contentRoghtPart a, .contentRoghtPart a u, .contentRoghtPart a span {
  color: #068cc8;
  font-weight: 600;
  text-decoration: none !important;
}

.companyDetailOverviewContainer.ctn-bt {

  background: #F0F7F9;
  padding-bottom: 10px;
}

#endlessPosibSec .latestWh {
  height: 100%;
}

#endlessPosibSec .latestWh .latest_pro_bx {
  height: 100%;
}

#endlessPosibSec #latest_prosec .latest_pro_bx .latest_pro_bxtp {
  /* background-color: #fff; */
  padding: 15px;
  border-radius: 7px;
  /* min-height: 290px; */
  /* background: #fff; */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}

#endlessPosibSec #latest_prosec .latest_pro_bx .latest_pro_bxtp .jobseeker_btn {
  justify-content: center !important;
}


#category .col {
  max-width: 20%;
  flex: 0 0 20%;
}

.modal-content {
  border: none !important;
}

.addCardModal span.image_error.max_card {
  margin-right: 40px;
}

/* .cvPinfoUl li strong {margin-right: 20px;} */
.cvPinfoUl li span.colan {
  margin: 0px 7px;
}

.pagination.ps.justify-content-end.col-sm-6 {
  flex-wrap: wrap;
  row-gap: 5px;
}

/* Hide the default checkbox */
input.custom-checkbox-input {
  display: none;
}

/* Create a custom checkbox container */
.custom-checkbox-label {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  /* Space for the custom checkbox */
}

/* Create the custom checkbox itself */
.custom-checkbox-label::before {
  content: '';
  display: inline-block;
  width: 20px;
  /* Width of the custom checkbox */
  height: 20px;
  /* Height of the custom checkbox */
  background-color: red;
  /* Background color of the custom checkbox */
  border: 1px solid #999;
  /* Border around the custom checkbox */
  position: absolute;
  border-radius: 5px;
  left: 0;
  top: 0;
}

/* Show the custom checkbox as checked when the input is checked */
input.custom-checkbox-input:checked+.custom-checkbox-label::before {
  content: '\2713';
  /* Checkmark symbol */
  text-align: center;
  line-height: 20px;
  /* Vertical centering */
  font-size: 16px;
  /* Size of the checkmark symbol */
}


#packagePg .price-wrp .price-content:first-child{
  animation: blink-animation 1s infinite;
  box-shadow: 0 0 15px #e7e7e7;
  transform: translate(0px, -10px);
}

@keyframes blink-animation {
  50% {
    border: 2px solid red;
  }
}

.close-1 {
  position: absolute;
  top: 0;
  left: 98%;
  z-index: 100;
  transform: translate(-50%, 0%);
  background: white!important;
  border: 0 !important;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  color: red !important;
  box-shadow: black;
}

.close-2 {
  position: absolute;
  top: 0;
  right: -15px;
  z-index: 100;
  transform: translate(-50%, 0%);
  background: white!important;
  border: 0 !important;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  color: red !important;
  box-shadow: black;
}

.btn-info-1{
  background: #0090d6 !important;
  color: #fff !important;
  margin: auto;
  width: 300px;
  margin-top: 40px;
}


.wdp-ribbon {
  display: inline-block;
  padding: 7px 45px;
  position: absolute;
  right: 0px;
  top: 150px;
  line-height: 24px;
  height: 40px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 0.25em;
  border-radius: 0;
  text-shadow: none;
  font-weight: bold;
  background: red;
  color: #fff;
  font-size: 20px;
}

.wdp-ribbon-two:before,
.wdp-ribbon-two:before {
  display: inline-block;
  content: "";
  position: absolute;
  left: -14px;
  top: 0px;
  border: 9px solid transparent;
  border-width: 20px 10px;
  border-right-color: red;
}

.wdp-ribbon-two:before {
  border-color: red;
  border-left-color: transparent !important;
  left: -9px;
}


#advertising-plan {
  margin-top: 50px;
}

#advertising-plan .row.space {
  row-gap: 30px;
}



#advertising-plan  .plan-box {
  border: 1px solid lightgray;
  padding:10px;
}




#advertising-plan .plan-lable {
  background: red;
  padding: 10px;

  display: block;

  font-size: 14px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 20px;
  border-radius: 20px;
}

#advertising-plan .plan-lable p.size {
margin-bottom: 0px;
font-size: 14px;
font-weight: normal;
margin-top: 5px;
}


#advertising-plan  .p-plan {
  text-align: justify;
  font-size: 15px;
  font-weight: 600;
}


#advertising-plan h3.price {
  font-weight: bold;
  width: 100%;
  background: lightgray;
  padding: 10px;
}

#advertising-plan span.price-span {
  font-size: 15px;
  font-weight: 600;
}


.modernDayCnt .modernDayUl .ad {
  width: 20%;
  text-align: center;
  font-size: 15px;
  padding: 10px;
}

.wel-h3{
  font-size: 22px;
}

/* .cv-buldr-acco .accordion .card-header:after {
  font-family: 'FontAwesome';
  content: "\f068";
  float: right;
}

.cv-buldr-acco .accordion .card-header.collapsed:after {
 
  content: "\f067";
} */


.ribbon {
  width: 105px;
  height: 91px;
  overflow: hidden;
  position: absolute;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #d30000;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #ff0000;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 700 18px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}

/* top left*/
.ribbon-top-right {
  top: -10px;
  right: -10px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right::before {
  top: 0;
  left: 0;
}
.ribbon-top-right::after {
  bottom: 0;
  right: 0;
}
.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg);
}


.advertise-plan{
  width: 25%;
}

/* span.ad-name {
  padding: 5px 15px;
  border-radius: 0 0 12px 12px;
  background: red !important;
  display: inline-block;
  font-size: 17px;
  font-weight: bold;
  color: #fff !important; overflow: hidden;
  height: 100px;
} */

span.ad-name {
  padding: 5px 15px;
  border-radius: 0 0 12px 12px;
  background: red !important;
  font-size: 17px;
  font-weight: bold;
  color: #fff !important;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  min-height: 115px;
  align-content: space-between;
}

.wpb_wrapper-1 p.p-plan {
  font-size: 14px;
  text-align: center;
  height: 140px;
  text-align: justify;
  /* vertical-align: text-top; */
  text-align-last: center;
}

.wpb_wrapper-1 h6 {
  font-size: 14px;
  font-weight: bold;
  text-align: center !important;
}

.wpb_wrapper-1 li {
  font-size: 14px !important;
  position: relative;
  text-align: left;
}

.advertise-plan h4{
  font-size: 48px;
  font-weight: bold;
  line-height: 50px;
  height: 100px;
  overflow: hidden;
  
}

.package_heading {
  width: 90%;
  padding-top: 10px;
 
}



.ad-price-content .size {
  font-size: 14px;
  margin: 10px 0;
 height: auto !important;
  overflow: hidden;
}

.ad-price-content {
  display: inline-block;
  width: 100%;
  text-align: center;
  border-radius: 12px;
  border: 1px solid #EBEBEB;
  margin: 20px 10px;
  padding: 0 15px 15px;
  transition: all ease 0.2s;
  background: #fff;
}
/* 
.client-logo-ad img{
  padding: 20px;
} */

li.order-12.logo-img {
  width: 150px;
  height: 150px;
}

.list.is-basic.is-cols.of-2-d.of-1-m.u-expanded{
  column-count: 2;
  width: 100%;
  
}

.list.is-basic.is-cols.of-2-d.of-1-m.u-expanded li a{

  color:red;
  
}

.list.is-basic.is-cols.of-2-d.of-1-m.u-expanded li{

  color:red;
  
}
.row-1 ul li span{
  margin-left: 20px;
  margin-right: 20px;
  float: right;
}

#job-cou .h4 {
  font-weight: bold;
  margin: auto;
  display: table;
}

#job-cou .card-head{
  padding: 20px;
}

#job-cou .card-content{
  padding: 20px;
}

#job-cou .btn-info-1 {
  /* width: 20%; */
  display: block;
  margin-bottom: 25px;
}


.center-strip{
  background: red;
  padding: 10px;
  top: 10px;
  position: absolute;
  width: 87%;
  left: 6%;
  top: 30%;
}

.center-strip span{
  color: white;
  font-weight: bold;
  font-size: 18px;
}



.center-strip1{
  background: red;
  padding: 10px;
  top: 10px;
  position: absolute;
  width: 87%;
  left: 6%;
  top: 90%;
}


.center-strip1 span{
  color: white;
  font-weight: bold;
  font-size: 18px;
}




.center-strip4{
  background: red;
  padding: 10px;
  top: 10px;
  position: absolute;
  width: 87%;
  left: 6%;
  top: 40%;
}


.center-strip4 span{
  color: white;
  font-weight: bold;
  font-size: 18px;
}



/* Counter new code */

.main-box-cn {
  height: 65px;
  position: relative;
  top: 50%;
  transform: translateY(25%);
}

.nums {
  box-shadow: 0 3px 10px #111;
  border-top: 1px solid #393939;
  display: inline-block;
  height: 50px;
  margin-right: 20px;
  perspective: 1000px;
  position: relative;
  width: 60px;
}

.nums:before {
  border-bottom: 2px solid black;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transform: translate3d(0, -1px, 0);
  top: 50%;
  width: 100%;
  z-index: 1000;
}

.nums:after {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background: #2a2a2a;
  border-bottom: 1px solid #444444;
  border-top: 1px solid black;
  border-radius: 0 0 5px 5px;
  bottom: 0;
  box-shadow: inset 0 15px 50px #202020;
  color: #eeeeee;
  content: "0";
  display: block;
  font-size: 35px;
  height: calc(50% - 1px);
  left: 0;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  text-align: center;
  text-shadow: 0 1px 2px #333;
  width: 100%;
  z-index: 0;
}

.num {
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  border-radius: 5px;
  font-size: 35px;
  height: 100%;
  left: 0;
  position: absolute;
  transform: rotateX(0);
  transition: 0.6s;
  transform-style: preserve-3d;
  top: 0;
  width: 100%;
}

.num:before,
.num:after {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  color: #eeeeee;
  display: block;
  height: 50%;
  left: 0;
  overflow: hidden;
  position: absolute;
  text-align: center;
  text-shadow: 0 1px 2px #333;
  width: 100%;
}

.num:before {
  background: #181818;
  border-radius: 5px 5px 0 0;
  box-shadow: inset 0 15px 50px #111111;
  content: attr(data-num);
  line-height: 1.38;
  top: 0;
  z-index: 1;
}

.num:after {
  background: #2a2a2a;
  border-bottom: 1px solid #444444;
  border-radius: 0 0 5px 5px;
  box-shadow: inset 0 15px 50px #202020;
  content: attr(data-num-next);
  height: calc(50% - 1px);
  line-height: 0;
  top: 0;
  transform: rotateX(180deg);
}

.nums-one .num:nth-of-type(1) {
  -webkit-animation-name: num-one;
          animation-name: num-one;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  z-index: 10;
}

.nums-ten .num:nth-of-type(1) {
  -webkit-animation-name: num-ten;
          animation-name: num-ten;
  -webkit-animation-delay: 9s;
          animation-delay: 9s;
  -webkit-animation-duration: 100s;
          animation-duration: 100s;
  z-index: 10;
}

.nums-one .num:nth-of-type(2) {
  -webkit-animation-name: num-one;
          animation-name: num-one;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  z-index: 9;
}

.nums-ten .num:nth-of-type(2) {
  -webkit-animation-name: num-ten;
          animation-name: num-ten;
  -webkit-animation-delay: 19s;
          animation-delay: 19s;
  -webkit-animation-duration: 100s;
          animation-duration: 100s;
  z-index: 9;
}

.nums-one .num:nth-of-type(3) {
  -webkit-animation-name: num-one;
          animation-name: num-one;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  z-index: 8;
}

.nums-ten .num:nth-of-type(3) {
  -webkit-animation-name: num-ten;
          animation-name: num-ten;
  -webkit-animation-delay: 29s;
          animation-delay: 29s;
  -webkit-animation-duration: 100s;
          animation-duration: 100s;
  z-index: 8;
}

.nums-one .num:nth-of-type(4) {
  -webkit-animation-name: num-one;
          animation-name: num-one;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  z-index: 7;
}

.nums-ten .num:nth-of-type(4) {
  -webkit-animation-name: num-ten;
          animation-name: num-ten;
  -webkit-animation-delay: 39s;
          animation-delay: 39s;
  -webkit-animation-duration: 100s;
          animation-duration: 100s;
  z-index: 7;
}

.nums-one .num:nth-of-type(5) {
  -webkit-animation-name: num-one;
          animation-name: num-one;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  z-index: 6;
}

.nums-ten .num:nth-of-type(5) {
  -webkit-animation-name: num-ten;
          animation-name: num-ten;
  -webkit-animation-delay: 49s;
          animation-delay: 49s;
  -webkit-animation-duration: 100s;
          animation-duration: 100s;
  z-index: 6;
}

.nums-one .num:nth-of-type(6) {
  -webkit-animation-name: num-one;
          animation-name: num-one;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  z-index: 5;
}

.nums-ten .num:nth-of-type(6) {
  -webkit-animation-name: num-ten;
          animation-name: num-ten;
  -webkit-animation-delay: 59s;
          animation-delay: 59s;
  -webkit-animation-duration: 100s;
          animation-duration: 100s;
  z-index: 5;
}

.nums-one .num:nth-of-type(7) {
  -webkit-animation-name: num-one;
          animation-name: num-one;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  z-index: 4;
}

.nums-ten .num:nth-of-type(7) {
  -webkit-animation-name: num-ten;
          animation-name: num-ten;
  -webkit-animation-delay: 69s;
          animation-delay: 69s;
  -webkit-animation-duration: 100s;
          animation-duration: 100s;
  z-index: 4;
}

.nums-one .num:nth-of-type(8) {
  -webkit-animation-name: num-one;
          animation-name: num-one;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  z-index: 3;
}

.nums-ten .num:nth-of-type(8) {
  -webkit-animation-name: num-ten;
          animation-name: num-ten;
  -webkit-animation-delay: 79s;
          animation-delay: 79s;
  -webkit-animation-duration: 100s;
          animation-duration: 100s;
  z-index: 3;
}

.nums-one .num:nth-of-type(9) {
  -webkit-animation-name: num-one;
          animation-name: num-one;
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  z-index: 2;
}

.nums-ten .num:nth-of-type(9) {
  -webkit-animation-name: num-ten;
          animation-name: num-ten;
  -webkit-animation-delay: 89s;
          animation-delay: 89s;
  -webkit-animation-duration: 100s;
          animation-duration: 100s;
  z-index: 2;
}

.nums-one .num:nth-of-type(10) {
  -webkit-animation-name: num-one;
          animation-name: num-one;
  -webkit-animation-delay: 9s;
          animation-delay: 9s;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  z-index: 1;
}

.nums-ten .num:nth-of-type(10) {
  -webkit-animation-name: num-ten;
          animation-name: num-ten;
  -webkit-animation-delay: 99s;
          animation-delay: 99s;
  -webkit-animation-duration: 100s;
          animation-duration: 100s;
  z-index: 1;
}

@-webkit-keyframes num-one {
  0% {
    transform: rotateX(0);
    z-index: 50;
  }
  10% {
    transform: rotateX(-180deg);
    z-index: 50;
  }
  90% {
    transform: rotateX(-180deg);
    z-index: 1;
  }
  90.0001% {
    transform: rotateX(0);
  }
  100% {
    transform: rotateX(0);
  }
}

@keyframes num-one {
  0% {
    transform: rotateX(0);
    z-index: 50;
  }
  10% {
    transform: rotateX(-180deg);
    z-index: 50;
  }
  90% {
    transform: rotateX(-180deg);
    z-index: 1;
  }
  90.0001% {
    transform: rotateX(0);
  }
  100% {
    transform: rotateX(0);
  }
}
@-webkit-keyframes num-ten {
  0% {
    transform: rotateX(0);
    z-index: 50;
  }
  1% {
    transform: rotateX(-180deg);
    z-index: 50;
  }
  90% {
    transform: rotateX(-180deg);
    z-index: 1;
  }
  90.0001% {
    transform: rotateX(0);
  }
  100% {
    transform: rotateX(0);
  }
}
@keyframes num-ten {
  0% {
    transform: rotateX(0);
    z-index: 50;
  }
  1% {
    transform: rotateX(-180deg);
    z-index: 50;
  }
  90% {
    transform: rotateX(-180deg);
    z-index: 1;
  }
  90.0001% {
    transform: rotateX(0);
  }
  100% {
    transform: rotateX(0);
  }
}


/* new strip */


.ribbon {
  width: 105px;
  height: 91px;
  overflow: hidden;
  position: absolute;
}
.ribbon::before, .ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #127c00;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 10px 0;
  background-color: #1cc300;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 700 12px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -16px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 17px;
}
.adRibbonBstSeller .ad-name article.adMnCnt{ width:96%; margin: auto; padding-top: 10px;}

.ribbon-top-left::after {
  bottom: 3px;
  left: 0;
}
.ribbon-top-left span {
  right: -39px;
  top: 18px;
  transform: rotate(-45deg);
}



/* counter-new */


#flipDialContainer{
  display: flex;
 
  align-items: center;
}

.flex-center
{
  display: flex;
  justify-content: center;
  align-items: center;
}

.wrap {
  flex-wrap: wrap;
}

.flip-dial 
{
  position: relative;
  width: 4vw;
  height: 4vw;
  margin: 0.5vw;
}

.flip-card 
{
  position: absolute;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  perspective: 40vw;
  z-index: 0;
}

.flip-card.active {
  z-index: 1;
}

.flip-card .card
{
  width: 100%;
  height: 50%;
  border-radius: 15% 15% 0 0;
  border-bottom-width: 0;
  background: #38393A;
  transform-origin: center bottom;
/*   transition: transform 0.2s ease-in-out; */
  overflow: hidden;
}

.flip-card.active .card {
  background: #252627;
}

.flip-card.flip .card {
  transition: transform 0.2s ease-in-out;
  transform: rotate3d(1,0,0,-90deg);
  z-index: 2;
}

.flip-card .card.bottom
{
  border: 0.2vw solid #222324;
  border-radius: 0 0 15% 15%;
  background: #38393A;
  transform-origin: center top;
  transform: rotate3d(1,0,0,90deg);
  transition-delay: 0.2s;
}

.flip-card.flip .card.bottom {
  transform: rotate3d(1,0,0,0deg);
}

.flip-card .card i
{
  color: #FFF9FB;
  /*font-family: 'Lilita One', cursive;*/
 
  font-size: 40px;
  font-style: normal;
transform: translate(0px, 20px);
}

.flip-card .bottom i
{
  transform: translateY(-30%);
}

/* 
new 09-02-24 css */

.company_reviews_dv_cnt h5{
color: #000 !important;
text-align: left !important;
}

.company_reviews_dv_cnt p{
 
  text-align: left !important;
  }

  a.hire_me{
    color: white !important;
  }

  a.hire_me:hover{
    color: #fff !important;
  }

  .infoDiv p{
    text-align: left !important;
  }

  /* new css 29-02-24  */

  #counter h5{
    font-size: 16px;
  }

  #freelancer_pgheader .btn-danger:hover {
    color: #fff !important;

 
}
#cvBuilder_secpg .cv_builder_info .form-group.is-fileinput>label::after {
/* padding-top: 10px !important; */
height: 100% !important;
}

#cvBuilder_secpg.advertismentFrm h6{
  font-size: 35px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

/* Popover  */

.popover.fade.show.bs-popover-left{
  z-index: 9999 !important;
}

.lang-btns {
  justify-content: end;
  order: 2;
  width: 22%;
}


.popover.fade.show.bs-popover-left {
  z-index: 99999 !important;

}

.popover.fade.bs-popover-right {

  z-index: -99999 !important;
  position: inherit !important;
}

.editProfile .checkbox label {
  display: inline-block;
  margin-bottom: 0rem;
}







.slider1::before,
.slider1::after {
  content: "";
  height: 100px;
  position: absolute;
  width: 200px;
  z-index: 2;
}

.slider1::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}

.slider1::before {
  left: 0;
  top: 0;
}

.slider1 {
  background: white;
  height: auto;
  margin: auto;
  overflow: hidden;
  position: relative;
}

.slide-track {
  animation: scroll 20s infinite linear;
  display: flex;
  /* Adjusted width to fit doubled images */
  width: calc(250px * 28); /* 14 original images * 2 */
}

.slide-item {
  /* Adjusted width to fit doubled images */
  width: 250px; /* Width of each individual image */
}

/* Doubled images */
.slide-item img {
  width: 100%;
}

@keyframes scroll {
  0% {
    transform: translateX(0%);
  }
  /* Adjusted to cover all the duplicated images */
  100% {
    transform: translateX(-50%); /* 7 original images * 2 */
  }
}

.n-log-icon-btn{
  display: none;
}


.lang-btns .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;    
  content: "" !important;
  font: normal normal normal 14px / 1 FontAwesome;
  border-top: 0rem;
  border-right: 0rem;
  border-bottom: 0;
  border-left: 0rem;

  /* float: right; */
 
}






/* // Extend from dropdown */
/* // dropdown */
.dropdown-menu {
    padding: .7rem 0rem;
    font-size: .875rem;
    line-height: 22px;
    color: #5c5776;    
    border: none;
    box-shadow: 0 10px 30px 0 rgba(31, 45, 61, 0.1);
    border-radius: .5rem;
      
}
.dropdown-menu{
 display: block;
            visibility: hidden;
            opacity: 0;
            -webkit-transform: translateY(20px);
            -ms-transform: translateY(20px);
            transform: translateY(20px);
            -webkit-transition: all 0.3s ease-in;
            -o-transition: all 0.3s ease-in;
            transition: all 0.3s ease-in;
        }
        .dropdown {
            &:hover {
                >.dropdown-menu {
                    -webkit-transform: scaleY(1);
                    -ms-transform: scaleY(1);
                    transform: scaleY(1);
                    opacity: 1;
                    visibility: visible;
                }
            }
        }
        .dropdown-submenu {
            &:hover {
                >.dropdown-menu {
                    -webkit-transform: scaleY(1);
                    -ms-transform: scaleY(1);
                    transform: scaleY(1);
                    opacity: 1;
                    visibility: visible;
                }
            }
}
@media (min-width: 990px){
  
    .dropright-lg {
        position: relative;
   .dropdown-menu{
        top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-right: 0.125rem;
    }
}
}
.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;    
    content: ">";
    border-top: 0rem;
    border-right: 0rem;
    border-bottom: 0;
    border-left: 0rem;
    float: right;
   
}

.avatar-md {
  width: 56px;
  height: 56px;
  
}
.avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* avatar indicators */
.avatar {
  position: relative;
  display: inline-block;
  width: 3rem;
  height: 3rem;
  font-size: 1rem;
}


.avatar-online:before {
  background-color: green;
}


.avatar-indicators:before {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 5%;
  width: 30%;
  height: 30%;
  border-radius: 50%;
  border: 2px solid #fff;
  display: table;

 }


 .lang-btns .nav-link dropdown-toggle{
  position: relative;
 }

 .lang-btns .dropdown-menu{
  position: absolute;
  left: inherit; right: 0;
 }

 .modal-header .modal-btns{
  display: flex;
 }

 .h-color {

  align-self: flex-start;}

  #companies_tab .full-576 .row{
    row-gap: 25px;
  }


  #latest_prosec.jobseeker_prodv .jobseeker_btn .btn::after {
display: none !important;
}


#packagePg .price-wrp.row {
 
  width: 100%;
}

#inner_pghead.inner_pgheadJobseeker.inner_pgheadJobseekerPg.innerProjectPg .bg_color{
  margin-top: 0 !important;
}

.dashboardHeader .dropdown-toggle::after {
display: none !important;
}

.dashboardHeader #navbarSupportedContent .navbar-nav.mr-auto {
  row-gap: 10px;
  padding: 8px;
  column-gap: 20px;
}

.dashboardHeader .drop-btns.d-flex{
  order: 2;
}

.dashboardHeader .drop-btns.d-flex .dropdown-menu {
  position: absolute;
  left: inherit; right: 0;
} 

.dashboardHeader .list-unstyled.leftMenu{
  display: none;
}

.post-job-h3{
  background: #e11523;
  padding: 15px 20px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 15px;
}

footer .custom-ctn a.social-link {
    width: 100px;
}

.video-js {
	object-fit: cover !important;
}


/* siteModalBx */
#applyJob .modal-header{ background-color: #068ccb; border-radius: 0px;}
#applyJob  .form-control[type="file"]{line-height: 37px;
  height: 58px;}
.modal .modalBtnAAnchor{ background-color: #e11523; color: #fff; display: block; padding: 17px 12px;}

video#my-video1{ height: 100% !important;}
video#my-video{ height: 100% !important;}

#packagePg a.btn-infom{ min-width: 150px; padding: 12px 10px ;}
#how_itwork_sec video#my-video{ height: 100% !important;}
#how_itwork_sec video#my-video1{ height: 100% !important;}
/* video#my-video1{ height: 308px !important;} */

#packagePg ul li:has(.p-plan){ padding-left: 10px;} 

.oldCompanyInfomn li label, .oldCompanyInfomn li{ font-size: 11px;}
.skiptranslate.goog-te-gadget{ font-size: 0px; height: 28px;}
button:focus, .btn:focus{ outline: none !important; box-shadow: none !important;}
.languageToggle{ color: #000 !important;}

.modal .close{   position: absolute;
  top: 0;
  left: inherit;
  z-index: 100;
  right: 0;
  transform: inherit;
  background: #068ccb !important;
  border: 0 !important;
  width: 40px;
  height: 40px;
  border-radius: 0;
  /* display: flex; */
  justify-content: center;
  align-items: center;
  font-weight: bold;
  text-shadow: none;
  color: #fff;
  box-shadow: black;
  opacity: 1; padding: 10px !important; margin: 0px !important;
}

  #how_itwork_sec .jobseekerSumVid video#my-video{ height: 100% !important;}
  .erroeModalShow{ background-color: #fff !important; padding: 35px 15px;}
  .erroeModalShow i{ font-size: 50px; color: red;}
  .erroeModalShow h4{ font-size: 24px; color: red;}
  .erroeModalShow  .message{ color: #000;}

  .successModalShow{ background-color: #fff !important; padding: 35px 15px;}
  .successModalShow i{ font-size: 50px; color: green;}
  .successModalShow h4{ font-size: 24px; color: green;}
  .successModalShow  .message{ color: #000;}
  
  body{ top: 0px !important;}
  #job-cou li a{ font-size: 18px;}
.howItWorkVideo1.h-100{ height: auto !important;}

#faqSection .card-body:has(h5), #faqSection .card-body:has(.MsoNormal){ font-size: 0px;}
#faqSection .card-body .MsoNormal{ font-size: 16px;}
#faqSection .card-body h5{ font-size: 1.25rem; color: #000;}
#faqSection .card-body li{ font-size: 16px;}

.freelancerInDv{ position: relative;}
.freelancerInDv .zepVeriDv{position: absolute; right: 0; top: 30px; z-index: 9;}

.btnSucessBtn{    font-size: 20px;
  display: inline-block;
  text-align: center;
  color: #fff;
  border: none;
  background-color: #218838;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  min-width: 150px;
  text-decoration: none; height: 100%; line-height: 52px;
  display: table;}

  #freelancerInfo_dv .companySortInfo ul li a{ cursor: pointer;}

  .projectDvSec{ width: auto;}
  .projectDvSec .projectDvSecImg{ width: 160px;}
  #top_hiringcom_sec .hiring_combx .projectDvSecImg img{ width: auto; height: auto;}
  .projectDvSec .projectDvSecCnt{ width: calc(100% - 160px);}

  #top_hiringcom_sec .hiring_combx .projectDvSec .projectDvSecCnt h4 {
    width: calc(100% - 150px);
}


  /* ============== */

  .modal-dialog .modal-body #my-video1:hover .play-pause-button {
    opacity: 1;
}

  /* .video-container:hover .play-pause-button {
    opacity: 1;
} */

/* .chosen-container .chosen-with-drop .chosen-drop {
  position: absolute !important;
}
.chosen-drop {
  position: absolute !important;
  top: 0;
}
.chosen-container .chosen-results {
  color: #444;
  position: absolute !important;}

  .chosen-container .chosen-results {
    color: #444;
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;} */





    .animated-text {
      animation: colorChange 3s infinite;
  }

  @keyframes colorChange {
      0% { color: #ff0000; }
      25% { color: #00ff00; }
      50% { color: #0000ff; }
      75% { color: #ffff00; }
      100% { color: #ff00ff; }
  }

  .sliding-text {
    font-size: 4em;
    background: linear-gradient(270deg, #ff0000, #00ff00, #0000ff, #ffff00, #ff00ff);
    background-size: 400%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: slide 5s linear infinite;
}

@keyframes slide {
    0% {
        background-position: 0%;
    }
    100% {
        background-position: 100%;
    }
}

#project_search_form .accordion>.card {
  overflow: visible;
}
 label {
  font-size: 12px !important;
  font-weight: 600 !important;
}
.profileBox input[type=checkbox], .profileBox input[type=radio] {

  position: relative;
  top: 2px;}

  .profileBox label.radio-inline {
    margin-right: 5px;
}

.form-control {
 
  font-size: 12px !important;
}

.confirmProfile {
  
  background: rgba(0, 0, 0, 0.6);
}
#applyJob .confirmProfile .modal-dialog {
  max-width: 500px;
 
}

.confirmProfile .modal-dialog {
 
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
}

.chosen-container-multi .chosen-choices li.search-choice span {

  font-size: 11px;
}