/**
 * @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;
}
/* 1441px – 1680px */
@media (min-width: 1441px) {
  .container {
    max-width: 1440px !important;
  }
}
/* 1681px and above */
@media (min-width: 1681px) {
  .container {
    max-width: 1680px !important;
  }
}
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;
}
/* mstr css  */
.web-btn-info {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 26px;
  border-radius: 12px;
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 700;
  background: linear-gradient(135deg, #3082c5, #2a3afb) !important;
  box-shadow: 0 18px 34px rgba(47, 91, 211, .26);
  transition: transform .25s ease, box-shadow .25s ease;
  font-size: 15px !important; width: max-content;gap: 10px;cursor: pointer;
}
.az-item-count {
    color: #2f79fc;
}
.web-danger-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 20px;
  border-radius: 12px;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 700;
    background: linear-gradient(135deg, #ff352e, #e11523) !important;
  box-shadow: 0 4px 14px rgba(214, 0, 0, 0.3);
    transition: transform .25s ease, box-shadow .25s ease;
    font-size: 15px !important;
    width: max-content;
    gap: 4px;text-align: center;
}
.contentContainerPart .contentRightPart.package .plan-renew-btn {
    background-color: #e11523;
    box-shadow: 0 4px 14px rgba(214, 0, 0, 0.3);
    transition: all .25s ease;
    font-size: 14px;
    border: 1px solid transparent !important;
    margin:10px 0px !important;
    padding: 10px !important;
}

    .word-wrap-text{
word-wrap: break-word;
    
    } 
.form-control:focus {
    box-shadow: none;
}
.web-btn-info:hover {
  transform: translateY(-3px);
  box-shadow: 0 26px 46px rgba(47, 91, 211, .32);
}
.web-danger-btn:hover{transform: translateY(-3px);}
.popover-header {
    color: white;
}

.max-width-1100 {
  max-width: 1100px;
}
.max-width-900 {
  max-width: 900px;margin: auto;
}
.max-width-750px {
  max-width: 750px;
}
.max-width-700px {
  max-width: 700px;
}
.max-width-650px {
  max-width: 650px;
}
.section-heading {
  font-size: 44px;
  font-weight: 800;
  /* line-height: 1.05; */
  color: #0f172a;
}
.section-sub-heading {
  font-size: 36px;
  font-weight: 800;
  line-height: 1.4;
  color: #0f172a;
}
.section-small-heading {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #111;
    line-height: 1.3;
}
.sub-description {
  color: #475569;
  font-size: 16px;
  line-height: 1.6;
}
.herobg-overlay-box {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  background-color: rgba(0, 0, 0, 0.7);
}

h6.sub-heading-post {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #2563eb;
    position: relative;
    display: inline-block;
}
.sub-heading-post::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -66px;
    width: 61px;
    height: 2px;
border-radius: 20px;
    background: linear-gradient(90deg, #2563eb, transparent);
    transform: translateY(-50%);
    margin-top: 2px;
}
.profile-sticky{position: sticky;top: 99px;}
/*  */
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;
  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;
  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;
  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;
  text-align: center;
  color: #fff;
  border: none;
  background-color: #068ccb;
  border-radius: 100px;
  min-width: 150px;
  text-decoration: none;
  display: table;
}
a.btn-link:hover {
  text-decoration: none;
}
body {
  font-family: "Open Sans", sans-serif;top: 0px !important;
}
/* ==================================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: #fff;
  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: #fff;
}
.loginSignPopUp form {
  background-color: #fff;
  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 {
  font-size: 14px;
  color: #333;
  vertical-align: middle;
}
.loginSignPopUp .sign-in-container ul li a {
  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;
}
.material-symbols-outlined.login-signup-close {
    font-size: inherit;
}
@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: linear-gradient(to right, #e11523, #e11523);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
  color: #fff;
  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 section start */
header .logo img {
  width: 125px;
}
#mn_header {
position: sticky;
    top: 0;
    z-index: 999;
    background: rgb(255, 255, 255);
    border-bottom: 1px solid rgba(15, 25, 55, .08);
    padding: 10px 0px;
    width: 100%;
}
#mn_header .navbar {
  padding: 0;justify-content: space-between;
}
#mn_header .zj-btn {
  border-radius: 7px;
  font-weight: 700;
  font-size: 14px;
  transition: .25s;
  padding: 10px 18px;
}
.dashboardHeader a.nav-item {
    color: #333;
    font-weight: 600;
}
#mn_header .btn-danger.zj-btn {
  background: linear-gradient(135deg, #e11523, #ff4a57);
  border: 0;
}
#mn_header div#navbarSupportedContent {
  justify-content: center !important;
}
#mn_header .btn-primary.zj-btn {
  background: linear-gradient(135deg, #2f5bd3, #7b3cff);
  border: 0;
}
#mn_header .navbar-light .navbar-nav .nav-link {
  color: black;
  padding-left: 13px;
  padding-right: 13px;
}
#mn_header .zj-btn:hover {
  transform: translateY(-1px);
}
/* header section end */
#slider_sec img {
  height: 480px;
}
#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%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#slider_sec.home-slider {
  position: relative;
  overflow: hidden;
}
#slider_sec.home-slider .owl-item {
    position: relative;
    height: calc(100vh - 171px);
}
#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 .owl-item img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  display: block;
}
#slider_sec.home-slider .owl-item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgb(0 15 71 / 75%), rgb(1 10 43 / 45%)) !important;
  z-index: 1;
  pointer-events: none;
  height: 100%;
}
#slider_sec.home-slider .slider_cnt {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;background-color: transparent;
}
#slider_sec.home-slider .slider_cntmn h1 {
  font-size: 61px;
  color: white;
  font-weight: 700;
}
#slider_sec .slider_cntmn {
  max-width: 937px;
}
#slider_sec .owl-dots {
  position: absolute;
  bottom: 24px;
  left: 0;
  right: 0;
  margin: auto;
}
#slider_sec .hero_badges {
  position: relative;
  z-index: 3;
  gap: 26px;
}
#slider_sec .hero_badges span {
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: rgba(255, 255, 255, .85);
}
/* slider-new-design end */
/* counter-new section design */
#counterSec {
  position: relative;
  margin-top: -75px;
  z-index: 10;
  padding-bottom: 40px;
}
#counterSec .counterSecInner {
  background: transparent !important;
}
#counterSec .container-fluid {
  padding-left: 30px;
  padding-right: 30px;
}
#counterSec #counter .row {
  margin-left: 0;
  margin-right: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 18px;
}
#counterSec #counter .col {
  padding: 0;
  flex: 1 1 170px;
  max-width: 190px;
}
#counterSec .counter_bx {
  background: #fff;
  border-radius: 20px;
  border: 1px solid rgba(15, 25, 55, .08);
  padding: 26px 16px 22px;
  text-align: center;
  height: 100%;
  box-shadow: 0 14px 30px rgba(15, 25, 55, .10);
  transition: all .3s ease;
}
#counterSec .counter_bx:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 45px rgba(15, 25, 55, .15);
}
#counterSec .counter_bx .ico {
  width: 58px;
  height: 58px;
  margin: 0 auto 14px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #2f5bd3, #7b3cff);
  box-shadow:
    0 10px 20px rgba(47, 91, 211, .30),
    0 0 0 6px rgba(47, 91, 211, .08);
}
#counterSec .counter_bx .ico img {
  width: 26px;
  height: 26px;
  object-fit: contain;
  display: block;
  filter: brightness(0) invert(1);
}
#counterSec .counter-value {
  font-size: 22px;
  font-weight: 900;
  color: #1d2433;
  line-height: 1.1;
  margin-bottom: 6px;
}
#counterSec .counter_bx h5 {
  font-size: 12px;
  font-weight: 700;
  color: #6b7280;
  margin: 0;
  letter-spacing: .5px;
}
#counterSec .counter_bx ul.list-inline {
  margin: 0 !important;
  padding: 0 !important;
}
#counterSec .counter_bx ul.list-inline .list-inline-item {
  margin: 0 !important;
}
/* counter new section design end */
/* find your drem section start */
#dreamjob_section_new {
  padding: 60px 0;
  background: linear-gradient(135deg, #f4f7ff, #eef2ff);
}
.company-pg-videosec .dream_video_card {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#dreamjob_section_new .dream_heading {
  font-size: 36px;
  font-weight: 800;
  color: #0f172a;
  line-height: 1.2;
}
#dreamjob_section_new .dream_sub {
  font-size: 16px;
  color: #64748b;
  margin-bottom: 35px;
}
#dreamjob_section_new .dream_steps_wrapper {
  background: #fff;
  padding: 33px 20px;
  border-radius: 20px;
  box-shadow: 0 25px 60px rgba(0, 0, 0, .08);
  height: 100%;
}
#dreamjob_section_new .dream_step_card {
  background: #fff;
  border-radius: 14px;
  padding: 15px 10px;
  text-align: center;
  border: 1px solid rgb(0 0 0 / 12%);
  transition: all .3s ease;
  height: 100%;
}
#dreamjob_section_new .dream_step_card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 45px rgba(0, 0, 0, .12);
}
#dreamjob_section_new .dream_icon_box {
  width: 70px;
  height: 70px;
  background: #f1f5ff;
  border-radius: 18px;
  margin: 0 auto 15px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
#dreamjob_section_new .dream_icon_box i {
  font-size: 28px;
  color: #e11523;
}
#dreamjob_section_new .dream_step_number {
  position: absolute;
  top: -10px;
  right: -10px;
  background: #2f5bd3;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#dreamjob_section_new .dream_step_card h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 8px;
  color: #0f172a;
}
#dreamjob_section_new .dream_step_card p {
  font-size: 14px;
  color: #64748b;
  margin: 0px;
}
#dreamjob_section_new .dream_btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 26px;
  border-radius: 12px;
  background: linear-gradient(135deg, #3082c5, #2a3afb);
  color: #fff !important;
  font-weight: 700;
  text-decoration: none;
  transition: all .3s ease;
  box-shadow: 0 15px 30px rgba(47, 91, 211, .25);
  font-size: 15px;
}
#dreamjob_section_new .dream_btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 40px rgba(47, 91, 211, .35);
}
.dream_video_card {
  background: #fff;
  padding: 20px;
  border-radius: 20px;
  box-shadow: 0 25px 60px rgba(0, 0, 0, .08);
  height: 100%;
}
.dream_video_title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
}
.dream_video_thumb {
  position: relative;
  display: block;
  border-radius: 18px;
  overflow: hidden;
  cursor: pointer;
}
.dream_video_thumb img {
  width: 100%;
  height: 330px;
  object-fit: cover;
  transition: .4s ease;
}
.dream_video_thumb:hover img {
  transform: scale(1.05);
}
.dream_video_overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .45);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: #fff;
}
.dream_play_btn {
  width: 70px;
  height: 70px;
  background: #e11523;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  box-shadow: 0 15px 35px rgba(225, 21, 35, .4);
}
/* find your dream section and */
/* Why should you choose Zepjob ? section design start */
.zepWhyChooseSection {
  background: #fff;
}
.zepWhyChooseSection .zepWhyChooseHead .mn_heading {
  font-weight: 800;
  letter-spacing: .2px;
}
.zepWhyChooseSection .zepWhyCard {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 18px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .05);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  position: relative;
  overflow: hidden;
}
.zepWhyChooseSection .zepWhyCard::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 6px;
  background: linear-gradient(90deg, #ff3b3b, #ff6b6b);
  opacity: .9;
}
.zepWhyChooseSection .zepWhyCard:hover {
  transform: translateY(-6px);
  border-color: rgba(255, 59, 59, .25);
  box-shadow: 0 18px 40px rgba(0, 0, 0, .09);
}
.zepWhyChooseSection .zepWhyIconWrap {
  width: 88px;
  height: 88px;
  border-radius: 20px;
  background: rgba(255, 59, 59, .06);
  border: 1px solid rgba(255, 59, 59, .18);
}
.zepWhyChooseSection .zepWhyIconImg {
  width: 56px;
  height: 56px;
  object-fit: contain;
  display: block;
}
.zepWhyChooseSection .zepWhyText {
  font-size: 14px;
  line-height: 1.45;
  color: #222;
  max-width: 280px;
}
/* Why should you choose Zepjob ? section design end */
/* company page why zepjob section start */
#zepwhySec.zepwhySec {
  background: #fdfafa;
}
#zepwhySec .zepwhySub {
  max-width: 900px;
  margin: 0 auto;
  color: #475569;
  font-size: 16px;
  line-height: 1.6;
}
#zepwhySec .zepwhyCard {
  background: #fff;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 18px;
  padding: 26px 18px;
  box-shadow: 0 10px 26px rgba(15, 23, 42, .06);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
#zepwhySec .zepwhyCard:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(15, 23, 42, .10);
  border-color: rgba(47, 91, 211, .22);
}
#zepwhySec .zepwhyIconWrap {
  width: 82px;
  height: 82px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(47, 91, 211, .08);
}
#zepwhySec .zepwhyIconWrap img {
  max-width: 44px;
  height: auto;
}
#zepwhySec .zepwhyCardTitle {
  font-size: 18px;
  font-weight: 800;
  color: #0f172a;
}
#zepwhySec .zepwhyCardText {
  color: #475569;
  font-size: 14px;
  line-height: 1.7;
}
/* company page why zepjob section end */
#home_pgmn_tb {
  margin-top: 50px;
}
#how_itwork_sec {
  padding: 50px 0px;
  background-color: #f0f7f9;
}
#how_itwork_sec .nav-pills {
  margin-top: 20px;
  width: 35%;
  margin: auto;
  position: relative;
  background: #e3ecef;
}
#how_itwork_sec .nav-pills .back_active {
  position: absolute;
  width: 33.333%;
  border-radius: 100px;
  background-color: #e11523;
  left: 0px;
  z-index: 99;
  top: 0px;
  bottom: 0px;
  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;
}
#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%;
  background-color: #fff;
  color: #000;
  font-size: 12px;
  position: absolute;
  left: -5px;
  top: 10px;
  z-index: 9999;
  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%;
  background-color: #2980b9;
  line-height: 105px;
  text-align: center;
  margin: auto;
  box-shadow: 4px 4px 12px 0px rgba(41, 128, 185, 0.75);
  position: relative;
}
#how_itwork_sec .how_itbx .circle_icoinner2 {
  background-color: #16a085;
  box-shadow: 4px 4px 12px 0px rgba(22, 157, 131, 0.75);
}
#how_itwork_sec .how_itbx .circle_icoinner3 {
  background-color: #e67e22;
  box-shadow: 4px 4px 12px 0px rgba(230, 126, 34, 0.75);
}
#how_itwork_sec .how_itbx .circle_icoinner4 {
  background-color: #e62222;
  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: #777;
  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: 25px 25px;
  border: 1px solid #eaedea;
  border-bottom: 1px solid #e11523;
  transition: 0.5s;
  display: block;border-radius: 20px !important;
}
#top_hiringcom_sec .hiring_combx img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
}
#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;
}
.ad_dv {
  margin-bottom: 80px;
}
/* =========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 {
  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);
}
@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");
  }
}
.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;
  width: max-content;
  padding: 6px 30px;
  display: block;
}
/* ===========footer========
================================== */
footer {
  background-color: #f0f7f9;
  padding: 50px 0px 0px;
}
footer h5 {
  font-size: 20px;
  color: #222;
  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;
}
#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 .jobseeker_category h5 {
  margin: 0;
}
#jobseeker_pg #freelancer_list_pg {
  padding-top: 0px !important;background-color: transparent;
}
.job_search_sec {
    padding: 13px 20px;
    margin-bottom: 0px;
    background-color: #ffffff38;
    backdrop-filter: blur(7px);
    border-radius: 9px;
}

.job_search_sec .btn {
  font-size: 18px;
}
.job_search_sec .form-group {
  margin-bottom: 0px;align-items: center;
}
.freelancer-search-dv .form-group,  .company_searchfield .form-group{align-items: center;}
.job_search_sec .chosen-container-multi .chosen-choices {
    border-radius: 4px;
    height: calc(2rem + 7px);
    display: flex;
    align-items: center;
}
.job_search_sec h4 {
  color: #333;
  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 .job_soryby {
    background: #fff;
    padding: 10px 15px;
    border-radius: 6px;
    margin-bottom: 15px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    font-size: 13px;
    color: #555;
}
.job_searchdetail_dv .job_soryby ul,
.job_searchdetail_dv .job_soryby p {
  padding: 0px;
  margin: 0px;
}
.job_searchdetail_dv .job_soryby li .form-group{margin-bottom: 0px;}
.job_searchdetail_dv .job_soryby p span {
  color: #078bca;
  display: inline-block;
}
.job_searchdetail_dv .job_soryby p {
  font-size: 14px;
  color: #4c4c4c;
}
.job_searchdetail_dv .job_soryby select {
    background-color: transparent;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #00a0dc;
    font-weight: 500;padding: 0px;
}
.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 ul li label {
    font-size: 13px !important;
    margin-right: 3px;
}
/* =======jobseeker_prodv=====
=================================== */
#endlessPosibSec {
  padding: 30px 0px 0px;
}
.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: 86px;
    height: calc(100vh - 100px);
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #ccdeff transparent;
}
.left_scroll::-webkit-scrollbar {
    width: 1px;
}
.left_scroll::-webkit-scrollbar-track {
    background: transparent;
}
.left_scroll::-webkit-scrollbar-thumb {
    background-color: #b9efff;
    border-radius: 10px;
}
.left_scroll::-webkit-scrollbar-thumb:hover {
    background-color: #b9efff;
}
.project_pgmn .companyDetailOverviewContainer {
  padding: 15px !important;
  padding-bottom: 0px !important;
}
.project_pgmn .companyDetailOverviewContainer h5 {
  margin-top: -15px;
  margin-left: -15px;
  margin-right: -15px;margin-bottom: -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;
  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;
  text-align: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  font-size: 16px;
  color: #fff;
  border: 1px solid transparent;
  text-transform: capitalize;
  -moz-osx-font-smoothing: grayscale;
  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 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 30px;
  color: #ff0000;
  position: absolute;
  right: 15px;
  opacity: 1;margin: 0px;
}
.modal-dialog span.image_error {
    font-size: 13px;
}
/* =============================Job Details Page=============================== */
#jobDetails {
  background-color: #fff;
  padding: 50px 0px;
}
#jobDetails .jobDetailDv {
  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 {
  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 {
  border-bottom: 1px solid #cccccc80;
}
#jobDetails .job_detailInner .detailSection h4 {
  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;
  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;
    border-left: 3px solid #f82d2c;
}
#top_hiringcom_sec.companies_pgsec .hiring_combx a {
  display: inline-block;
  color: rgb(255, 255, 255);
}
.cvProfileCnt ul li i {
  color: #e11523;
}
#top_hiringcom_sec.companies_pgsec .hiring_combx a.btn {
  min-width: 130px;
  width: auto !important;
  position: absolute;
  padding: 8px;
  right: 13px;
  margin-left: auto;
  text-align: center;
  top: 16px;
  flex: 1;border: none;
}
.project_search_forminput {
  width: 55%;
}
.company_searchdv {
  border-radius: 7px;
}
.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;padding-top: 30px;
}
.companyDetailPage .companyInfoContainer {
  display: flex;
  align-items: center;
  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;
}
.rivews-short span{background-color: #28A745 !important;}
.rivews-short i{color: #28A745 !important;}
.only_review-verified .verified-img {
    width: 95px !important;
    filter: hue-rotate(85deg) saturate(3) brightness(1.2);
}
.freelance_about .detailSection {
    padding: 10px;
    background-color: #f4faff;
    margin-top: 11px;
}
.companyDetailPage .companyInfoContainer .infoButtonContainer a {
  background: #e11523;
  color: #fff;
  padding: 10px 30px;
}
.companyDetailPage .companyDetailOverviewContainer h5 {
    font-size: 16px;
    font-weight: 700;
        background-color: #2f79fc;
    color: white;
    padding: 12px 15px;
    cursor: pointer;
    border-bottom: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 6px 6px 0 0;
}
form#project_search_form div#accordionExample button {
    padding: 0px;
}
.companyDetailPage .companyDetailOverviewContainer .companyOverviewDetail {
  padding: 15px 25px;
}
.companyDetailPage .companyDetailOverviewContainer .companyOverviewDetail li p {
  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: 15px;
  font-weight: 600;
  border-radius: 30px;
}
.companyDetailPage .companyDetailOverviewContainer a.badge {
    padding: 6px 10px;
    font-size: 14px;
    margin: 0px;
    margin-bottom: 8px;
    background: #3ba94b;
}
.companyDetailPage .companyDetailOverviewContainer p a {
  padding: 0px;
  display: inline-block;
  background-color: transparent;
color: #514c91;
  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 .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;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}
.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 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);
  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;
}
.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);
  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;
}
.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;
  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 {
    width: 100%;
    position: sticky;
    top: 0px;
    background-color: white;
    z-index: 99;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.dashboardStartContainer .dashboardStartTiles {
  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;
  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: linear-gradient(90deg,
      rgba(230, 26, 27, 1) 0%,
      rgba(194, 0, 1, 1) 100%);
  padding: 30px 0px;
}
.dashboardJobseeker .titleContainer .postJob {
    padding: 10px 33px;
    margin-left: 20px;
    border-radius: 25px;
    color: #ffffff;
    font-weight: 700;
    font-size: 14px;
    margin: auto;
    display: inline-block;
    width: max-content;
    border: 1px solid #ffffff;
}
.dashboardJobseeker .titleContainer .postProject {
  background: #efe70a;
   padding: 11px 33px;
  margin-left: 20px;
  border-radius: 25px;
  color: #333;
  font-weight: 700;
  font-size: 14px;
}
.dashboardJobseeker .titleContainer .postProject i, .dashboardJobseeker .titleContainer .postJob i {
    font-size: 15px;
    vertical-align: middle;
}
.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;
  box-shadow: 0 8px 24px rgb(0 0 0 / 9%);
}
.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: #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;
  border-left: 3px solid transparent;
}
.contentRightPart ul.leftMenuLogout a {
  color: #333;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 15px;
  display: flex;
  text-align: center;
  width: 100%;
  align-items: center;
  border-left: 3px solid transparent;cursor: pointer;
}
.contentRightPart ul.leftMenu a.active {
    color: #d40d0e;
    border-left: 3px solid #e11523;
    background-color: #fff0f0;
}
.contentRightPart ul.leftMenu a:hover {
  border-left: 3px solid #e11523;background-color: #f3f4f6;
}
.contentRightPart ul.leftMenuLogout a:hover {
  border-left: 3px solid #e11523;background-color: #f3f4f6;
}
.contentRightPart ul.leftMenu a i,
.contentRightPart ul.leftMenuLogout a i {
  color: #e11523;
  margin-right: 15px;
}
.contentRightPart .profileTile .editProfileButton {
 background-color: #e11523;
    box-shadow: 0 4px 14px rgba(214, 0, 0, 0.3);
    transition: all .25s ease;font-size: 14px;
    border: 1px solid transparent !important;
}
.contentRightPart .profileTile .editProfileButton:hover {
    background-color: transparent !important;
    color: #e11523 !important;
    border: 1px solid #e11523 !important;
}
.dashboardCounter .emp_job_post {
  margin-bottom: 30px;
  display: flex;
}
.dashboardCounter .dashboardTiles {
  width: 16%;
}
.dashboardCounter .emp_job_side_img {
  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 {
  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: #777;
  font-size: 14px;
  text-align: left;
}
.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;
}
.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: 11px 15px;
}
.avatar-upload .avatar-preview img {
    border-radius: 50%;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.form-boxes {
    font-size: 13px;
    background-color: #f0f8ff;
    padding: 17px;
    height: 100%;
}
.contentRoghtPart .allProjectTitleContainer h4 {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0px;line-height: inherit;
}
.allProjectsTable .badge-danger {
    color: #e11523;
    background-color: #fdd;
}
.contentRoghtPart .allJobTitleContainer {
  background: #068cc8;
  padding: 11px 15px;
}
.profile-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.profile-img-box {
    width: 115px;
    height: 115px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 50%;
    margin: auto;
}
.contentRoghtPart .allJobTitleContainer h4 {
  color: #fff;
  font-size: 16px;
  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: #2f90d4;
  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;
  color: #333;
}
.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 #b6deff80;
    padding: 15px;
    background-color: aliceblue;
    border-radius: 15px;text-align: center;
}
.profileBox .imgDiv .logoImgContainer {
    background: #fff;
    padding: 24px 15px 24px;
}
.profileBox .imgDiv h5 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0px;
    text-align: center;
    margin-top: 9px;
}
span.image_error.jobseeker_profile {
    font-size: 14px;
}
.infoDiv .form-group{ margin-bottom: .75rem; }
  .infoDiv label{ font-weight: 600; margin-bottom: .35rem; }
  .infoDiv .verifyBtn, .infoDiv .verifyBadge{
    padding:6px 10px;
    border-radius:5px;
    margin-left:8px;
    white-space:nowrap;
    height: fit-content;
    align-self:center;
    margin-bottom:0 !important;font-size: 14px;
  }
  .freelancer-search-dv.job_search_sec
  .infoDiv .cc-group{
    display:flex;
    width:100%;
  }
  .freelancer-search-dv.job_search_sec .companyDetailOverviewContainer {
    margin-top: 0px;
}
.infoDiv .cc-group .cc-code {
    flex: 0 0 58px;
    max-width: 58px;
}
.infoDiv .form-group input, .infoDiv .form-group input::placeholder{color: rgb(63, 63, 63) !important;}
  .infoDiv .cc-group .cc-number{
    flex:1 1 auto;
    min-width:0;margin-left:.75rem; 
  }
.profileBox .imgDiv p {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0px;
  color: #333;
}
.infoDiv {
  padding: 15px;
  border: 1px solid #cccccc80;
  margin-top: 30px;border-radius: 13px;
}
.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 !important;
    margin-left: 0 !important;
    height: auto;
}
.avatar-upload {
  position: relative;
}
.avatar-upload .avatar-edit {
    position: absolute;
    right: 0;
    z-index: 1;
    top: 10px;
    width: max-content !important;
    height: auto !important;
}
.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: #fff;
  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;
}


/* ========== GLOBAL POPUP THEME (Lovable-like) ========== */
/* modal size (optional - agar modal-lg use hai) */
.modal .modal-dialog.modal-lg{ max-width: 980px; }
@media (max-width: 991px){
  .modal .modal-dialog.modal-lg{ max-width: 95%; }
}
.applyModalHeader{
 background: #e11523;
    color: #fff;
    border-bottom: 0;
    padding: 14px 18px;
    border-radius: 15px 15px 0px 0px;
}
.applyModalHeader .modal-title{ color:#fff; font-weight:700; }
.modal .close {
    opacity: 1;
    color: #ff0000 !important;
    border: 0px solid rgba(255, 255, 255, .85);
    background-color: #ffffff;
    height: 31px;
    width: 31px;
    border-radius: 50%;
    padding: 0px;
    margin: 0px -12px;
}
.applyModalHeader .close span{
  font-size:30px;
  line-height:30px;
  display:block;
}
.applyModalBody{
background:#f5f6f8;
  padding:18px;
  max-height: calc(100vh - 140px); 
  overflow-y:auto;
}
.applyModalBody .form-control{
 background-color: white;
    height: auto;
    padding: 8px 9px;
    font-size: 13px !important;
}
.applyModalBody .what1{
  background:#fff;
  border:1px solid #e5e7eb !important;
  border-radius:8px;
  color:#ef4444 !important;
  font-weight:700;
}
.applyModalBody .apply_job .form-label {
    font-size: 13px !important;
    color: #000;
    margin-bottom: 3px;
}
.modal-body .search-choice {
    background-color: transparent !important;
    border: none !important;
}
.applyModalBody .btn.btn-primary {
    background-color: #e11523;
    box-shadow: 0 4px 14px rgba(214, 0, 0, 0.3);
    transition: all .25s ease;
    font-size: 14px;
    border: 1px solid transparent !important;
    padding: 9px;
    border-radius: 20px;
}
.avatar-upload .avatar-preview {
    width: 130px;
    height: 130px;
    position: relative;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    background-color: #d7ddff;
    padding: 8px;
}
.avatar-upload .avatar-preview>div {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.avatar-upload .avatar-preview #imagePreview {
    border-radius: 50%;
}
.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;
}
li.form_lebal {
  width: 25%;
}
li.labal-coln {
  width: 5%;
}
.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: .5rem !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%;
  resize: auto;
}
.pagination.ps li.active {
  background: #e11523;
}
.pagination.ps li.active a {
  color: #fff;
}
.pagination.ps li.prev a {
  color: #fff;
}
.pagination.ps {
  align-self: center;
}
.pagination.ps li.next a {
  color: #fff;
}
.pagination.ps li.last {
  background: #007bff;
  color: #fff;
  border: none;display: none !important;
}
.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;
  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: 15px;
  margin-bottom: 0px;
  font-weight: 500;
  padding: 10px;
  padding-left: 30px;
  border-bottom: 1px solid #cccccc80;
}
#packagePg ul li:last-child {
  border-bottom: none;
}
#packagePg .applyGold {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 15px;
  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 {
  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 #aaa;
}
.postProjectPg textarea {
  padding: 10px;
  width: 100%;
  height: 120px;
  font-size: 14px;
  border-radius: 0px;
  font-family: "Open Sans", sans-serif;
  border: 1px solid #aaa;
  resize: none;
}
.postProjectPg input.invalid {
  background-color: #fdd;
}
.postProjectPg textarea.invalid {
  background-color: #fdd;
}
.postProjectPg select.invalid {
  background-color: #fdd !important;
}
.check_empty.invalid {
  background-color: #fdd !important;
}
.check_emptys.invalid {
  background-color: #fdd !important;
}
.postProjectPg .tab {
  display: none;
}
.postProjectPg .tab li {
  font-size: 14px;
}
.postProjectPg button {
  background-color: #e11523;
  color: #fff;
  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: #bbb;
}
.postProjectPg .navigator li {
  border-bottom: none;
  margin: 5px 0px;
}
.postProjectPg .step {
  height: auto;
  display: block;
  padding: 10px;
  position: relative;
  padding-left: 30px;
}
.postProjectPg .step i {
  color: #999;
}
.postProjectPg .step:after {
  content: "\f058";
  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: #ccc9;
  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;
  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: 24px;
  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: left;
}
.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 .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.icon-edit {
  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;
  border-radius: 15px;
  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;
  color: #666;
  text-align: justify;
}
.icon-edit .addRemoveButton i {
  font-size: 16px;
  background: #ebebeb;
  height: 40px;
  width: 40px;
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0px;
}
.contentRoghtPart .allJobTitleContainers {
  background: #e11523;
  display: flex;
  padding: 5px;
}
.contentRoghtPart .allJobTitleContainers marquee {
  color: #fff;
  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 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;
  position: relative;
}
.posted_protbdv .nav-pills .back_active {
  position: absolute;
  width: 33.333%;
  border-radius: 100px;
  background-color: #e11523;
  left: 0px;
  z-index: 99;
  top: 0px;
  bottom: 0px;
  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: 20px 15px;
    font-size: 15px;
    border-bottom: 1px solid #ccccccc7;min-height: 311px;
}
.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: #28A745;
  display: inline-block;
  padding: 3px 6px;
  color: #fff;
  font-size: 16px;
}
.company_reviews_dv .company_reviews_dv_cnt .rating_amntdv ul li i {
    color: #28A745;
  display: inline-block;
}
.contact_portfoliomodal {
    color: #ff0000;
}
.badge {
  padding: 6px 10px;
}
.company_reviews_dv .pr_detail li:first-child img {
  width: 40px;
}
/* =========freelancer_prodtl======
=========================================== */
#freelancer_prodtl .companySortInfo h4 {
  font-size: 16px;margin-top: 5px;
}
#milestone_modal .modal-header {
  background-color: #e61a1b;
  position: relative;
  border-radius: 0px;
}
#milestone_modal .modal-header .close {
  background: #fff;
  height: 36px;
  width: 36px;
  line-height: 36px;
  border-radius: 50%;
  top: -15px;
  position: absolute;
  right: -15px;
  opacity: 1;
  display: flex;
  align-items: center;
  border: 2px solid #bbb !important;
  justify-content: center;
}
#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: #fff;
  font-weight: 600;
}
#milestone_modal .modal-body .table {
  font-size: 15px;
}
#milestone_modal {
  border: 2px solid #e61a1b !important;font-size: 18px;
}
#milestone_modal tbody {
  font-size: 14px;
}
.company_prorating li:first-child span {
    background-color: #28A745 !important;
    display: inline-block;
    padding: 1px 4px;
    color: #fff;
    font-size: 13px;
}
.company_prorating li:last-child i.fa-bars {
  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: 0px;
  line-height: 26px;
  font-size: 16px;margin-bottom: 10px !important;
}
.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;
}
.company_reviews_dv .company_reviews_dvhead h4 {
    font-size: 20px;
}
.cvDtlBody p {
    font-size: 15px;
}
.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%;border-radius: 20px;margin-bottom: 10px;
}
#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: 30px;
}
#albumPage .albumTile {
  position: relative;
  margin-bottom: 30px;
  height: 200px;
}
#albumPage a:before {
  content: "";
  background: #efefef;
  height: 100%;
  width: 100%;
  position: absolute;
  transform: rotate(5deg);
  transition: all 0.5s ease-out;
}
#albumPage a:after {
  content: "";
  background: #efefef;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0px;
  transform: rotate(-5deg);
  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%;transition: all 0.5s ease-out;
}
#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;
  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=======
=========================================== */

.frrlance_detlright_panel.sticky-top {
    position: sticky;
    top: 102px;
    z-index: 9;
}
.companyDetailOverviewContainer {
    margin-top: 10px;
    background-color: white;
    border-radius: 10px;
}
.job_search_sec .companyDetailOverviewContainer {
    margin-top: 0px;
}
header#freelancer_pgheader .freelancer_hireme_btn {
    color: white !important;
}
header#freelancer_pgheader a.btn.btn-danger.rounded-pill {
    color: white !important;
}
html {
  scroll-behavior: smooth;
}
.modal-backdrop.show {
  z-index: 9999;
}
.company_reviews_dv .company_reviews_dv_cnt li.list-inline-item {
    margin-top: 3px;
}
.modal {
  z-index: 99999;
}
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 {
    background-color: #f2f1f1;
    width: 50px;
    padding: 0px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
header#freelancer_pgheader .logo img {
  height: 100% !important;
  object-fit: cover;
  overflow: hidden;
}
header#freelancer_pgheader .company_prorating i {
color: #28A745;
    font-size: 16px;
}
header#freelancer_pgheader .freelancer_head_leftul h1 {
    margin-bottom: 0px;
    font-size: 21px;
}
header#freelancer_pgheader nav#navbar-example2{padding-top: 0px;padding-bottom: 0px;}
header#freelancer_pgheader .freelancer_head_leftul .company_prorating{margin-top: 0px !important;}
header#freelancer_pgheader .freelancer_head_leftul{align-items: center;}
header#freelancer_pgheader {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    z-index: 999;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.32);
    display: none;
    background-color: white;
    padding: 20px 0px !important;
}

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;background: #707070;
}
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);border-radius: 50%;background: #707070;
}
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;background: #e11523;
}
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;border-radius: 50%;background: #e11523;
}
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 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 */
#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 .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;
  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 .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 .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;display: table !important;height: 100%;
}
.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;font-size: 14px;min-width: 30px;text-align: center;
}
.pagination.ps li.disabled a,
.pagination.ps li.disabled a:hover {
background: #0090d6;
    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;
  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;
  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%);
}
/*  */
.slider-labels {
  margin-top: 10px;
}
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  touch-action: none;
  user-select: none;
  box-sizing: border-box;
}
.noUi-target {
  position: relative;
  direction: ltr;border-radius: 2px;
}
.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;border-radius: 2px;
}
.noUi-stacking .noUi-handle {
  z-index: 10;
}
.noUi-state-tap .noUi-origin {
  transition: left 0.3s, top 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
.noUi-base
{
  transform: translate3d(0, 0, 0);
}
.noUi-horizontal {
  height: 4px;
}
.noUi-horizontal .noUi-handle {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  left: -7px;
  top: -7px;
  background-color: #e11523;
}
.noUi-background {
  background: #d6d7d9;
}
.noUi-connect {
  background: #e11523;
  transition: background 450ms;
}
.noUi-draggable {
  cursor: w-resize;
}
.noUi-vertical .noUi-draggable {
  cursor: n-resize;
}
.noUi-handle {
  cursor: default;
  box-sizing: content-box !important;position: relative;z-index: 1;transform: translate3d(0, 0, 0);
}
.noUi-handle:active {
  border: 8px solid rgba(225, 21, 35, 0.38);
  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].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 13px 10px -18px;
  border-radius: 7px;
  position: relative;
  min-height: 115px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.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: 36px;
  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.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;border-radius: 15px !important;
}
#freelancer_portfoliomodal .modal-dialog {
  max-width: 990px;
}
.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 {
  padding: 0px !important;
  border: none !important;
  z-index: 999999;
}
.ui-dialog .ui-widget-header {
    background-color: #0f6d5c;
    border-color: #0f6d5c;
    color: #fff;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.29);
}
.ui-dialog .user_dialog.ui-dialog-content {
  background-color: #ece5dd;
  padding: 0px;
  overflow: hidden;
}
.ui-dialog .chat_history>ul li {
  margin-bottom: 8px;
  border: none !important;
  position: relative;

}
.ui-dialog .chat_history>ul li p b {
  display: none;
}
.ui-dialog .chat_history>ul li.chatbox_you {
  background-color: #fff;
width: 80%;
  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: #c8f7c5;
    color: #111827;
  width: 80%;margin-left: auto !important;
  border-radius: 12px 12px 0px 12px;
  padding: 12px;
  margin-left: 10%;
  margin-bottom: 12px;
  border: 1px solid #c8ebcc;
    box-shadow: 0 3px 10px rgba(0,0,0,0.08);
}
.ui-dialog .chat_history>ul li.chatbox_me p {
  color: #111827;
}
.ui-dialog .chat_history>ul li.chatbox_me small {
  color: #111827;
  font-size: 11px;
}
.free_chat,
.free_chat span {
  color: #e11523 !important;
}
.ui-dialog .chat_history {
  margin-bottom: 0px !important;
  border: none !important;
}
.ui-dialog .chat_with_freelancer .chat_with_textarea {
  width: calc(100% - 54px);
  float: left;
}
.ui-dialog .chat_with_freelancer .chat_with_submit {
    float: left;
    width: 44px !important;
    margin: 0 0px 0px 10px !important;
}
.ui-dialog .chat_with_freelancer {
 position: relative;
 padding: 8px 10px;
    background: #ffffff;
    border-top: 1px solid #dfe3e8;border-radius: 0px 0px 13px 13px;
}
.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"] {
    width: 100%;
    height: 42px;
    background-color: #22a447;
    border: none;
    border-radius: 8px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.ui-dialog .chat_with_freelancer button[name="send_chat"]:hover {
    background-color: #1d943d !important;
}
.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;display: inline-block;
}
.chat_bxdv .t_count span {
  width: 80%;
  background-color: #e11523;
  height: 10px;
  line-height: 8px;
  margin: auto;
  font-size: 10px;
  color: #fff !important;
  position: absolute;
  border-radius: 10px;
  right: 0px;
  left: 0px;
  top: 7px;
  text-align: center;
  display: block;
}
.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;
}
.breadcrumb-item a {
  color: #e11523 !important;
}
@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);
  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);
}
/* <<<<<<< 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;
}
/* ======= */
#cvBuilder_secpg .cv_templetFormatEnglish .form-check iframe {
  margin: -3px -3px;
}
#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;
  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_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;
}
#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;
  padding-top: 5px;
  background-color: #fff;
  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;
  background-color: #fff;
  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;
}
#cvBuilder_secpg .cv_builder_info .form-group.is-fileinput>label {
  border: none;
  background-color: #fff;
  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;
}
.EnglishTempletDvOn .EnglishTempletsShow {
  display: block;
}
.EnglishTempletDvOn .ArabicTempletsShow {
  display: none;
}
.ArabicTempletDvOn .EnglishTempletsShow {
  display: none;
}
.ArabicTempletDvOn .ArabicTempletsShow {
  display: block;
}
#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;
}
#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;
  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;
}
#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;
}
#cvBuilderPricepsec {
  padding: 45px 0px;
}
#cvBuilderPricepsec h2.mn_heading {
  margin-bottom: 20px;
}
#cvBuilderPricepsec blockquote:before,
#cvBuilderPricepsec blockquote:after,
#cvBuilderPricepsec q:before,
#cvBuilderPricepsec q:after {
  content: none;
}
#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;
  transition: all 0.5s ease;
  transform: rotate(40deg);
  box-shadow: 3px -4px 13px 3px rgb(0 0 0 / 75%);
}
#cvBuilderPricepsec table {
  border-collapse: collapse;
  border-spacing: 0;
}
#cvBuilderPricepsec .txt-rt {
  text-align: right;
}
#cvBuilderPricepsec .txt-lt {
  text-align: left;
}
#cvBuilderPricepsec .txt-center {
  text-align: center;
}
#cvBuilderPricepsec .float-rt {
  float: right;
}
#cvBuilderPricepsec .float-lt {
  float: left;
}
#cvBuilderPricepsec .clear {
  clear: both;
}
#cvBuilderPricepsec .pos-relative {
  position: relative;
}
#cvBuilderPricepsec .pos-absolute {
  position: absolute;
}
#cvBuilderPricepsec .vertical-base {
  vertical-align: baseline;
}
#cvBuilderPricepsec .vertical-top {
  vertical-align: top;
}
#cvBuilderPricepsec nav.vertical ul li {
  display: block;
}
#cvBuilderPricepsec nav.horizontal ul li {
  display: inline-block;
}
#cvBuilderPricepsec .ad728x90 {
  margin-top: 1em;
}
#cvBuilderPricepsec body a {
  transition: 0.5s all ease;
}
#cvBuilderPricepsec .pop_up {
  border: 9px solid#485460;
  border-radius: 1em;
}
#cvBuilderPricepsec #small-dialog,
#cvBuilderPricepsec #small-dialog1,
#cvBuilderPricepsec #small-dialog2,
#cvBuilderPricepsec #small-dialog3,
#cvBuilderPricepsec #small-dialog4,
#cvBuilderPricepsec #small-dialog5 {
  background: white;
  padding: 20px;
  max-width: 650px;
  margin: 40px auto;
  position: relative;
  text-align: center;
  border: 9px solid#eee;
  border-radius: 1em;
}
#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-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;
  padding: 0;
  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);
  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;
  border-top-right-radius: 0.7em;
  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 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;margin-top: -18px !important;
}
#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;
}
#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;
  transition: all 0.5s ease;
  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 .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;
  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 form li {
  list-style: none;
}
#cvBuilderPricepsec form ul {
  padding: 0;
}
#cvBuilderPricepsec .payment-online-form-left h4 {
  font-size: 1.8em;
  color: #222;
  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;
  float: left;
  font-size: 0.9em;
  border-color: #eee;
}
#cvBuilderPricepsec .payment-online-form-left input[type="text"]:hover {
  border-color: #fa6e6f;
}
#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;
  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;
  transition: all 0.5s ease-in-out;
  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;
}
/*---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;
  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;
}
/* start state */
#cvBuilderPricepsec .my-mfp-zoom-in #small-dialog {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.8);
}
/* animate in */
#cvBuilderPricepsec .my-mfp-zoom-in.mfp-ready #small-dialog {
  opacity: 1;
  transform: scale(1);
}
/* animate out */
#cvBuilderPricepsec .my-mfp-zoom-in.mfp-removing #small-dialog {
  transform: scale(0.8);
  opacity: 0;
}
/* Dark overlay, start state */
#cvBuilderPricepsec .my-mfp-zoom-in.mfp-bg {
  opacity: 0;
  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;
}
#cvBuilderPricepsec .mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  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: zoom-out;
}
#cvBuilderPricepsec .mfp-zoom {
  cursor: zoom-in;
}
#cvBuilderPricepsec .mfp-auto-cursor .mfp-content {
  cursor: auto;
}
#cvBuilderPricepsec .mfp-close,
#cvBuilderPricepsec .mfp-arrow,
#cvBuilderPricepsec .mfp-preloader,
#cvBuilderPricepsec .mfp-counter {
  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: #ccc;
  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: #ccc;
}
#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: #eee;
  -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;
}
#cvBuilderPricepsec .mfp-close:hover,
#cvBuilderPricepsec .mfp-close:focus {
  opacity: 1;
}
#cvBuilderPricepsec .mfp-close-btn-in .mfp-close {
  color: #333;
}
#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;
}
#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: #fff;
}
#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 * {
  -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: #000;
  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: #fff;
  cursor: pointer;
  padding: 10px 12px;
  white-space: nowrap;
  overflow: hidden;
  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: #fff;
  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;
  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 .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;
}
#cv_builder_pg .description,
#cv_builder_pg .card-description,
#cv_builder_pg .footer-big p {
  color: #999;
}
#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: #fff;
  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: #999;
  border: 4px solid #ccc;
  color: #fff;
  border-radius: 50%;
  margin: 5px auto;
  overflow: hidden;
  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: #fff;
  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: #fff;
  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: #fff;
  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: #fff;
  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: #fff;
  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: #999;
  margin: 0 auto 20px;
  border: 4px solid #ccc;
  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: #999;
  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;margin-bottom: 7px;
}
@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: #fff;
}
#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: #aaa;
  font-weight: 400;
}
#cv_builder_pg .form-control:-ms-input-placeholder,
#cv_builder_pg .form-group .form-control:-ms-input-placeholder {
  color: #aaa;
  font-weight: 400;
}
#cv_builder_pg .form-control::-webkit-input-placeholder,
#cv_builder_pg .form-group .form-control::-webkit-input-placeholder {
  color: #aaa;
  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.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.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(#fff, #fff),
    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: #aaa;
}
#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::-moz-placeholder {
  font-size: 14px;
  line-height: 1.42857;
  color: #aaa;
  font-weight: 400;
}
#cv_builder_pg .form-control:-ms-input-placeholder {
  font-size: 14px;
  line-height: 1.42857;
  color: #aaa;
  font-weight: 400;
}
#cv_builder_pg .form-control::-webkit-input-placeholder {
  font-size: 14px;
  line-height: 1.42857;
  color: #aaa;
  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: #aaa;
  font-weight: 400;
}
#cv_builder_pg label.control-label {
  font-size: 11px;
  line-height: 1.07143;
  color: #aaa;
  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; position: relative;
}
#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: #aaa;
  font-weight: 400;
}
#cv_builder_pg .form-group .form-control:-ms-input-placeholder {
  font-size: 14px;
  line-height: 1.42857;
  color: #aaa;
  font-weight: 400;
}
#cv_builder_pg .form-group .form-control::-webkit-input-placeholder {
  font-size: 14px;
  line-height: 1.42857;
  color: #aaa;
  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: #aaa;
  font-weight: 400;
}
#cv_builder_pg .form-group label.control-label {
  font-size: 11px;
  line-height: 1.07143;
  color: #aaa;
  font-weight: 400;
  margin: 16px 0 0 0;
}
#cv_builder_pg .form-group .help-block {
  margin-top: 0;
  font-size: 11px;position: absolute;display: none;
}
#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: #aaa;
  font-weight: 400;
}
#cv_builder_pg .form-group.form-group-sm .form-control:-ms-input-placeholder {
  font-size: 11px;
  line-height: 1.5;
  color: #aaa;
  font-weight: 400;
}
#cv_builder_pg .form-group.form-group-sm .form-control::-webkit-input-placeholder {
  font-size: 11px;
  line-height: 1.5;
  color: #aaa;
  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: #aaa;
  font-weight: 400;
}
#cv_builder_pg .form-group.form-group-sm label.control-label {
  font-size: 9px;
  line-height: 1.125;
  color: #aaa;
  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: #aaa;
  font-weight: 400;
}
#cv_builder_pg .form-group.form-group-lg .form-control:-ms-input-placeholder {
  font-size: 18px;
  line-height: 1.33333;
  color: #aaa;
  font-weight: 400;
}
#cv_builder_pg .form-group.form-group-lg .form-control::-webkit-input-placeholder {
  font-size: 18px;
  line-height: 1.33333;
  color: #aaa;
  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: #aaa;
  font-weight: 400;
}
#cv_builder_pg .form-group.form-group-lg label.control-label {
  font-size: 14px;
  line-height: 1;
  color: #aaa;
  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: #999;
  color: #fff;
}
#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: #999;
  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: #999;
}
#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: #fff;
}
#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: #fff;
}
#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: #fff;
}
#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: #fff;
}
#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: #fff;
}
#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;
}
#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: #555 !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: #555;
  line-height: 1.5em;
  background: #fff;
  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: #fff;
  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;
  transform: translate3d(0, 0px, 0);
}
#cv_builder_pg .tooltip {
  opacity: 0;
  transition: opacity, transform 0.2s ease;
  transform: translate3d(0, 5px, 0);
}
#cv_builder_pg .tooltip.left .tooltip-arrow {
  border-left-color: #fff;
}
#cv_builder_pg .tooltip.right .tooltip-arrow {
  border-right-color: #fff;
}
#cv_builder_pg .tooltip.top .tooltip-arrow {
  border-top-color: #fff;
}
#cv_builder_pg .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #fff;
}
#cv_builder_pg .tooltip-inner {
  padding: 10px 15px;
  min-width: 130px;
}
#cv_builder_pg .footer {
  position: relative;
  bottom: 20px;
  right: 0px;
  width: 100%;
  color: #fff;
  z-index: 4;
  text-align: right;
  margin-top: 60px;
  text-shadow: 0 0px 1px black;
}
/* #cv_builder_pg .footer a {
  color: #fff;
} */
#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: 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~.circle {
  border-color: #9c27b0;
}
#cv_builder_pg .radio input[type="radio"]:checked~.check {
  transform: scale3d(0.65, 0.65, 1);background-color: #9c27b0;
}
#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: #000;
}
#cv_builder_pg .radio input[type="radio"][disabled]~.circle {
  border-color: #000;
}
@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: #fff;
  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: #000;
  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 .section .wizard-card {
  min-height: inherit;
}
#cv_builder_pg .tim-white-buttons {
  background-color: #777;
}
#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; margin-bottom: 20px;
}
#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: #fff;
  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;
  margin: 0 auto 40px;
}
#cv_builder_pg .txt-white {
  color: #fff;
}
#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 #333;
  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; color: #fff;
}
#cv_builder_pg .navbar-default .logo-container .brand {
  color: #999;
}
#cv_builder_pg .navbar-transparent .logo-container .brand {
  color: #fff;
}
#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: #333;
}
#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: #666;
}
#cv_builder_pg .fixed-section li a.active {
  color: #0bf;
}
#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: #fff;
  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: #eee;
}
#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;
  }
}
#cv_builder_pg .presentation .front,
.presentation .front:after,
#cv_builder_pg .presentation .front .btn,
#cv_builder_pg .logo-container .logo,
.logo-container .brand {
  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;
}
#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;
}
#cv_builder_pg .navbar-transparent.navbar-small .logo-container .brand {
  color: #fff;
}
#cv_builder_pg .navbar-default.navbar-small .logo-container .brand {
  color: #333;
}
#cv_builder_pg .sharing-area {
  margin-top: 80px;
}
#cv_builder_pg .sharing-area .btn {
  margin: 15px 4px 0;
  color: #fff;
}
#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: #333;
}
#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: #eee;
}
#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: #fff;
}
#cv_builder_pg .main {
  background: #fff;
  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;
  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: #fff;
}
#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;color: #fff;
}
#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 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 input,
.f-style.active textarea {
 border: 1px solid #0090d6;
  padding-top: 5%;
  padding-left: 15%;
}
#advertisementPage {
  padding: 60px 0px;
}
#advertisementPage h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
}
#advertisementPage .packageContainer {
  background: #fff;
  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;
}
#slider_sec .slider_cnt2 {
  background: transparent !important;
}
#slider_sec .slider_cnt .slider_cntinner .slider_cntmn p {
  margin-bottom: 20%;
}
.btn-info {
  padding: 12px;
  margin: auto;
}
hgroup h2 {
  text-align: center;
  margin-bottom: 40px;
}
.sutaibleCandidateSecOverlay h1,
p {
  text-align: 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;padding: 0px 0px;height: 480px;
}
#inner_pghead.company-package-pg .breadcrumb-item a {
  color: white !important;
}
#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 {
     text-align: center;
    height: 100%;
    background: #00000005;
    display: flex;
    justify-content: center;
    align-items: center;
}
#inner_pghead .possition {
  width: 100%;
  height: 100%;
  background-color: #fff;
}
#inner_pghead .possition h1 {
  color: black;
}
.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 {
  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;
  transition-duration: 0.2s;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sec-title {
  position: relative;
  margin-bottom: 70px;
}
.sec-title .title {
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 1em;
  font-weight: 500;
  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: #888;
  margin-top: 30px;
}
.sec-title.light h2,
.sec-title.light .title {
  color: #fff;
  -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: #fff;
  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: #fff;
  content: "";
}
.pricing-block .icon-box .icon-outer {
  position: relative;
  height: 150px;
  width: 150px;
  background-color: #fff;
  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;
  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: #222;
  font-weight: 600;
}
.pricing-block .price {
  display: block;
  font-size: 30px;
  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 #ddd;
}
.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;
  line-height: 25px;
  color: #fff;
  font-weight: 500;
  padding: 8px 30px;
  background-color: red;
  width: 100%;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  transition: all 300ms ease;
}
.pricing-block .btn-box a:hover {
  color: #fff;
}
.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-image: url(https://zepjob.com/webroot/front/images/advertise-bg-img.png);
    padding: 70px 60px;
    margin-bottom: 50px;
    background-position: center;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 410px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#advertiseBneSec a {
    background: linear-gradient(135deg, #ff352e, #e11523) !important;
}
#advertiseBneSec a{font-size: 18px;}

#testiMonialSec {
  margin-top: 40px;
  margin-bottom: 100px;
}
.advertise-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, rgb(0 15 71 / 76%), rgb(1 10 43 / 49%));
    z-index: 1;
}
#advertiseBneSec .max-width-900 {
  max-width: 900px;
  margin: auto;
  position: relative;
  z-index: 99;
}
#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;
}
.our_client .bor {
  border-top: 2px solid #f1f1f1;
  border-bottom: 2px solid #f1f1f1;
}
#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: auto;
}
.alert {
  position: relative;
  padding: 14px 0px;
}
.alert-gif {
  position: inherit;
  font-size: 14px;
}
.alert-gif span {
  padding: 10px;
  background: #fff;
  margin-bottom: 10px;
  display: block;
}
.alert-gif img {
  margin-top: 7px;
  width: 42px !important;
}
#job-fs .job-finder,
.job-finder2 {
  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;
}
/* cv section start*/
.cvWaveSection {
  position: relative;
  overflow: hidden;
  background: radial-gradient(900px 480px at 15% 10%, rgba(47, 91, 211, .12), transparent 60%), radial-gradient(800px 420px at 90% 30%, rgba(255, 165, 0, .10), transparent 55%), #f4f7ff;
  padding: 62px 0px 100px;
}
.cvWaveSection .cvSub {
  font-size: 18px;
  color: #64748b;
}
.cvWaveSection .cvSub b {
  color: #2F5BD3;
}
.cvWaveSection .cvFlow {
  position: relative;
  height: 320px;
  border-radius: 22px;
}
.cvWaveSection .cvWaveSvg {
  position: absolute;
  left: 0;
  top: 65px;
  width: 100%;
  height: 190px;
  opacity: .65;
}


.cvWaveSection .cvWavePath {
  fill: none;
  stroke: rgba(47, 91, 211, .35);
  stroke-width: 4;
  stroke-dasharray: 10 10;
  stroke-linecap: round;
}
.cvWaveSection .cvWaveArrow {
  fill: rgba(47, 91, 211, .55);
  opacity: .9;
}
.cvWaveSection .cvStep {
  position: absolute;
  width: 210px;
  text-align: center;
}
.cvWaveSection .cvBigNo {
  font-size: 64px;
  font-weight: 800;
  color: rgba(47, 91, 211, .18);
  letter-spacing: 1px;
  line-height: 1;
  margin-bottom: 10px;
}
.cvWaveSection .cvThumb {
  margin: 0 auto 12px;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 18px 40px rgba(15, 23, 42, .10);
  border: 1px solid rgba(15, 23, 42, .06);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.cvWaveSection .cvThumb img {
  width: auto;
  height: 100%;
  object-fit: cover;
  display: block;
}
.cvWaveSection .cvCard {
  position: relative;
  background: #fff;
  border-radius: 16px;
  padding: 22px 14px;
  box-shadow: 0 18px 40px rgba(15, 23, 42, .10);
  border: 1px solid rgba(15, 23, 42, .06);
}
.cvWaveSection .cvCardLarge {
  padding: 22px 12px;
}
.cvWaveSection .cvMiniNo {
  position: absolute;
  left: 50%;
  top: -16px;
  transform: translateX(-50%);
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #2F5BD3;
  color: #fff;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 12px 24px rgba(47, 91, 211, .25);
}
.cvWaveSection .cvCardText {
  font-size: 14px;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.2;
}
.cvWaveSection .cvStep1 {
  left: 0;
  top: 0;
}
.cvWaveSection .cvStep2 {
  left: 50%;
  top: 72px;
  transform: translateX(-50%);
}
.cvWaveSection .cvStep3 {
  right: 0;
  top: 0;
}
.cvWaveSection .cvPreviewWrap {
  position: relative;
  width: 80%;
  margin: auto;
}
.cvWaveSection .cvBlob {
  position: absolute;
  border-radius: 26px;
  opacity: .85;
}
.cvWaveSection .cvBlobOrange {
  width: 240px;
  height: 240px;
  right: 0;
  top: 35px;
  background: rgba(255, 165, 0, .18);
  transform: rotate(8deg);
}
.cvWaveSection .cvBlobBlue {
  width: 280px;
  height: 280px;
  right: 25px;
  top: 0;
  background: rgba(47, 91, 211, .14);
  transform: rotate(-6deg);
}
.cvWaveSection .cvMock {
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, .08);
  box-shadow: 0 22px 50px rgba(15, 23, 42, .16);
}
.cvWaveSection .cvMock img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.cvWaveSection .cvMockBack {
  width: 280px;
  height: 330px;
  left: 10px;
  top: 44px;
  transform: rotate(-4deg);
}
.cvWaveSection .cvMockFront {
  transform: rotate(3deg);
}
section.cvWaveSection.with-video {
  padding-bottom: 150px;
}
/* cv section design end */
/* job country section start */
.zepJobsCountry {
  background: #f6f9ff;
}
.zepJobsCountry .zepCountryCard {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .06);
  border-radius: 18px;
  box-shadow: 0 18px 44px rgba(2, 20, 61, .08);
  position: relative;
  overflow: hidden;
}
.zepJobsCountry .zepCountryCard::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 6px;
  background: linear-gradient(90deg, #ff3b3b, #ff6b6b);
}
.zepJobsCountry .zepCountryTitle {
  font-size: 34px;
  font-weight: 800;
  color: #111;
  letter-spacing: .2px;
  margin: 0;
}
.zepJobsCountry .zepCountryLine {
  width: 110px;
  height: 4px;
  border-radius: 99px;
  background: rgba(255, 59, 59, .30);
}
.zepJobsCountry .zepCountryItem {
  padding: 12px 14px;
  border-radius: 12px;
  transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
  border: 1px solid rgb(0 0 0 / 10%);
  background: #fff;
  margin-bottom: 12px;
}
.zepJobsCountry .zepCountryItem:hover {
  background: rgba(255, 59, 59, .04);
  transform: translateY(-2px);
  box-shadow: 0 12px 26px rgba(2, 20, 61, .08);
}
.zepJobsCountry .zepCountryLink {
  color: #e11b22;
  font-weight: 700;
  text-decoration: none !important;
  line-height: 1.2;
  padding-right: 12px;
}
.zepJobsCountry .zepCountryLink:hover {
  color: #b90f15;
}
.zepJobsCountry .zepCountryCount {
  min-width: 42px;
  height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 800;
  color: #111;
  background: #f2f4f8;
  border: 1px solid rgba(0, 0, 0, .06);
}
.zepJobsCountry .zepCountryBtn {
  background: linear-gradient(135deg, #1f7bd7, #2a3afb);
  color: #fff !important;
  font-weight: 800;
  font-size: 14px;
  border-radius: 12px;
  padding: 12px 26px;
  text-decoration: none !important;
  box-shadow: 0 14px 26px rgba(31, 123, 215, .25);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.zepJobsCountry .zepCountryBtn:hover {
  transform: translateY(-2px);
  filter: brightness(1.02);
  box-shadow: 0 18px 36px rgba(31, 123, 215, .34);
}
.zepJobsCountry .zepBtnArrow {
  transition: transform .2s ease;
}
.zepJobsCountry .zepCountryBtn:hover .zepBtnArrow {
  transform: translateX(4px);
}
/* job country section end */
/* new job section css start */
.jobsection {
  background: #fff;
  padding: 80px 0px;
}
.jobsection .jobsection_box {
  background: rgb(255 246 246);
  border-radius: 18px;
  overflow: hidden;
  height: 100%;
  padding: 0;
  box-shadow: 0 14px 40px rgba(16, 24, 40, .08);
  transition: all .25s ease;
}
.jobsection .jobsection_box:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 55px rgba(16, 24, 40, .12);
}
.jobsection .jobsection_img {
  width: 45%;
  flex: 0 0 45%;
}
.jobsection .jobsection_img img {
  width: 100%;
  height: 100%;
  min-height: 300px;
  object-fit: cover;
  display: block;
}
.jobsection .jobsection_content {
  width: 55%;
  flex: 0 0 55%;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.jobsection .jobsection_label {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #2f5bd3;
  margin-bottom: 10px;
  text-align: left;
}
.jobsection .jobsection_title {
  font-size: 28px;
  font-weight: 800;
  margin-bottom: 12px;
  color: #101828;
  text-align: left;
}
.jobsection .jobsection_desc {
  font-size: 15px;
  line-height: 1.6;
  color: #667085;
  margin-bottom: 20px;
  text-align: left;
}
.jobsection .web-btn-info::after {
  content: "→";
  font-size: 16px;
  transition: transform .25s ease;
}
.jobsection .web-btn-info:hover {
  background: linear-gradient(135deg, #1c3faa, #b90f1a);
  transform: translateY(-2px);
  box-shadow: 0 12px 22px rgb(47 91 211 / 70%);
}
.jobsection .web-btn-info:hover::after {
  transform: translateX(4px);
}
/* new job section css end */
/* new freelancer and skill section design start  */
.zep_modern_fs {
    background: #f8fbff;
}

.zep_modern_fs .zep_fs_container {
    max-width: 1500px;
    padding-left: 45px;
    padding-right: 45px;
}

.zep_modern_fs .zep_fs_card {
    min-height: 520px;
    border-radius: 18px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 18px 45px rgba(18, 31, 67, .10);
    border: 1px solid rgba(0, 0, 0, .05);
    position: relative;
}

.zep_modern_fs .zep_fs_img {
    width: 43%;
    flex: 0 0 43%;
    position: relative;
    overflow: hidden;
}

.zep_modern_fs .zep_fs_img img {
    width: 100%;
    height: 100%;
    min-height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.zep_modern_fs .zep_fs_content {
    width: 57%;
    flex: 0 0 57%;
    padding: 48px 42px;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 2;
}

.zep_modern_fs .zep_left_card .zep_fs_content {
    background: #fff;
}

.zep_modern_fs .zep_right_card .zep_fs_content {
    background: #fff5ff;
}

.zep_modern_fs .zep_left_card .zep_fs_content:before,
.zep_modern_fs .zep_right_card .zep_fs_content:after {
    content: "";
    position: absolute;
    top: -50px;
    width: 120px;
    height: calc(100% + 100px);
    border-radius: 50%;
    z-index: -1;
}

.zep_modern_fs .zep_left_card .zep_fs_content:before {
    left: -33px;
    background: rgba(255, 255, 255, .82);
    box-shadow: -18px 0 0 rgba(0, 102, 255, .10);
}

.zep_modern_fs .zep_right_card .zep_fs_content:after {
    right: -33px;
    background: rgba(255, 245, 255, .86);
    box-shadow: 18px 0 0 rgba(142, 34, 232, .14);
}

.zep_modern_fs .zep_icon_box {
    width: 58px;
    height: 58px;
    min-width: 58px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0b72ff, #3432e8);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
}

.zep_modern_fs .zep_right_card .zep_icon_box {
 background: linear-gradient(135deg, #d90022, #d90022);
}

.zep_modern_fs .section-small-heading {
    font-size: 31px;
    line-height: 1.28;
    font-weight: 800;
    color: #101426;
    margin-bottom: 22px;
}

.zep_modern_fs .zep_list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.zep_modern_fs .zep_list li {
    position: relative;
    padding-left: 38px;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 1.55;
    color: #333548;
}

.zep_modern_fs .zep_list li:before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 2px;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background: #0867ff;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}

.zep_modern_fs .zep_right_card .zep_list li:before {
      background: #d90022;
}

.zep_modern_fs .zep_btn_area {
    margin-top: auto;
    padding-top: 20px;
}



.zep_modern_fs .zep_right_card .web-btn-info {
    background: linear-gradient(135deg, #8b22e8, #b51bdc);
}


/* new freelancer and skill section design end */
/*new Latest Projects Posted and jobes post section start */
#latest_prosec.zep_latest_wrap {
  background: #eaf4f7;
  padding: 40px 0;
}
#latest_prosec.zep_latest_wrap .zep_panel {
  background: #fff;
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 18px 45px rgba(0, 0, 0, .06);
  min-height: 640px;
  width: 100%;
}
#latest_prosec.zep_latest_wrap .zep_panel_head {
  padding: 18px 22px;
  border-bottom: 1px solid rgba(15, 23, 42, .08);
  background: #fff;
}
#latest_prosec.zep_latest_wrap .zep_panel_title {
  font-size: 26px;
  font-weight: 800;
  color: #0f172a;
  margin: 0;
  line-height: 1.2;
}
#latest_prosec.zep_latest_wrap .zep_viewall {
  font-weight: 800;
  color: #2a5bff;
  text-decoration: none !important;
  font-size: 14px;
  transition: opacity .2s ease;
}
#latest_prosec.zep_latest_wrap .zep_viewall:hover {
  opacity: .8;
}
#latest_prosec.zep_latest_wrap .zep_panel_body {
  padding: 16px;
}
#latest_prosec.zep_latest_wrap .zep_scroll {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  height: 500px;
}
#latest_prosec.zep_latest_wrap .zep_scroll::-webkit-scrollbar {
  width: 10px;
}
#latest_prosec.zep_latest_wrap .zep_scroll::-webkit-scrollbar-track {
  background: transparent;
}
#latest_prosec.zep_latest_wrap .zep_scroll::-webkit-scrollbar-thumb {
  background: rgba(15, 23, 42, .16);
  border-radius: 999px;
  border: 3px solid transparent;
  background-clip: content-box;
}
#latest_prosec.zep_latest_wrap .zep_scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(15, 23, 42, .24);
  border: 3px solid transparent;
  background-clip: content-box;
}
#latest_prosec.zep_latest_wrap .zep_item {
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 14px;
  background: #fff;
}
#latest_prosec.zep_latest_wrap .zep_item_row {
  display: flex;
  gap: 14px;
  align-items: flex-start;
}
#latest_prosec.zep_latest_wrap .zep_thumb {
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  border-radius: 14px;
  overflow: hidden;
  background: #f1f5f9;
  border: 1px solid rgba(15, 23, 42, .06);
  display: flex;
  align-items: center;
  justify-content: center;
}
#latest_prosec.zep_latest_wrap .zep_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#latest_prosec.zep_latest_wrap .zep_content {
  flex: 1;
  min-width: 0;
}
#latest_prosec.zep_latest_wrap .zep_top {
  gap: 10px;
}
#latest_prosec.zep_latest_wrap .zep_title_area {
  min-width: 0;
}
#latest_prosec.zep_latest_wrap .zep_title,
#latest_prosec.zep_latest_wrap .zep_title h4 {
  font-size: 15px;
  font-weight: 800;
  color: #5e6166;
  line-height: 1.25;
  margin: 0;
}
#latest_prosec.zep_latest_wrap .zep_title_link {
  text-decoration: none !important;
  color: inherit;
  display: block;
}
#latest_prosec.zep_latest_wrap .zep_subtitle {
  font-size: 13px;
  color: #475569;
  font-weight: 700;
  margin: 4px 0 0;
  line-height: 1.2;
}
#latest_prosec.zep_latest_wrap .zep_meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  font-size: 12px;
  color: #64748b;
  font-weight: 700;
  margin: 10px 0 6px;
}
#latest_prosec.zep_latest_wrap .zep_meta_item {
  display: inline-flex;
  align-items: center;
  line-height: 1.2;
}
#latest_prosec.zep_latest_wrap .zep_meta_item i {
  color: #64748b;
}
#latest_prosec.zep_latest_wrap .zep_desc {
  font-size: 13px;
  color: #475569;
  line-height: 1.5;
  margin: 6px 0 0;
  text-align: justify !important;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#latest_prosec.zep_latest_wrap .zep_link {
  font-weight: 800;
  text-decoration: none !important;
  margin-left: 6px;
  white-space: nowrap;
  color: #068cca;display: none;
}
#latest_prosec.zep_latest_wrap .zep_link:hover {
  opacity: .85;
}
#latest_prosec.zep_latest_wrap .web-btn-info {
padding: 7px 22px;
}
#latest_prosec.zep_latest_wrap .zep_btn_fill {
  background: linear-gradient(135deg, #2f5bd3, #7b3cff);
  box-shadow: 0 14px 30px rgba(47, 91, 211, .30);
  color: #fff !important;
}
#latest_prosec.zep_latest_wrap .zep_btn_fill:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(47, 91, 211, .22);
}
#latest_prosec.zep_latest_wrap .zep_btn_outline {
  background: transparent;
  border-color: #2f5bd3;
  color: #2f5bd3 !important;
}
#latest_prosec.zep_latest_wrap .zep_btn_outline:hover {
  background: #2f5bd3;
  color: #fff !important;
}
#latest_prosec.zep_latest_wrap .zep_actions {
  margin-top: 10px;
}
#latest_prosec.zep_latest_wrap .zep_panel_foot {
  padding: 14px 16px 18px;
  border-top: 1px solid rgba(15, 23, 42, .08);
  background: #fff;
}
#latest_prosec.zep_latest_wrap .zep_empty_state {
  margin: 14px 2px 6px;
  border: 1px dashed rgba(47, 91, 211, .35);
  background: rgba(47, 91, 211, .06);
  border-radius: 14px;
  padding: 16px;
  text-align: center;
}
#latest_prosec.zep_latest_wrap .zep_empty_icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  margin: 0 auto 10px;
  background: rgba(47, 91, 211, .14);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
#latest_prosec.zep_latest_wrap .zep_empty_title {
  font-weight: 900;
  color: #0f172a;
  font-size: 14px;
  margin-bottom: 4px;
}
#latest_prosec.zep_latest_wrap .zep_empty_text {
  font-size: 12px;
  color: #475569;
  margin-bottom: 10px;
}
/*new Latest Projects Posted and jobes post section end */
.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: #f00;
}
.custom-checkbox .custom-control-label::before {
  margin-left: 0px;
  border: 1px solid #ccc !important;
  background: transparent !important;
}
.projectContainer .card {
  border: none;
  margin-bottom: 15px !important;
}
.projectContainer .custom-control {
  padding-left: 36px;
}
.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---------------------------- */
.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;
}
/* ------------------find job section---------------------------- */
.test {
  height: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#packageGold0 .test {
  height: 56.5%;
}
#advertiseBneSec h2 {
     font-size: 30px;
  font-weight: 800;
  margin-bottom: 0;
}
/* ------------------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: 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;
}
.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;
max-width: 300px;
height: 100%;
object-fit: cover;border-radius: 28px;
}
.shadow-effect {
  padding: 30px 30px;
  background: rgba(224, 239, 246, 0.6);
  border-radius: 28px;
  text-align: center;
  display: flex;
  gap: 20px;
  height: 420px;
  align-items: center;
}
#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;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.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;
  transition: all 0.3s ease-in-out;
  width: 100%;
}
#customers-testimonials .owl-item.active.center .item {
  opacity: 1;
  width: 100%;
}
#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: 43px;
    display: inline-block;
    color: #fff;
    text-align: center;
    line-height: 18px;
    float: left;
    margin-left: 3px;
}
.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;
}
.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;
}
/* new icon */
.leftMenu .instagram{background-color: #f5245b !important;}
.leftMenu .tiktok{background-color: #000000 !important;}
.leftMenu .telegram{background-color: #468fea !important;}


.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.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;
}
.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;
  color: #fff;
  border-radius: 30px;
  cursor: pointer;
}
.cv-temp .radio-input {
  display: none;
}
.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 {
    text-align: center;
    margin-top: 10px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
ul.list-unstyled.cvSearcMnInfoUl li {
    display: flex;
    font-size: 13px;
    margin-bottom: 4px;
    background-color: #e0eeff;
    padding: 7px 15px;
    border-radius: 20px;
}
.cvProfileCnt ul li {
    margin-right: 14px;
    font-size: 14px;
}
#top_hiringcom_sec .hire_cominnerdv {
  margin-bottom: 15px;
}
.job_detailinner {
  margin-top: 30px;
}
.leftMenu .social .fbtn:hover {
    background-color: #00499f;
}
.cvProImg {
    width: 170px;
    height: 170px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background-color: #d4e8ff;
    padding: 10px;
    border-radius: 50%;
}
.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;
}
button.btn.btn-link.btn-block.text-left:after {
  content: '-';
  position: absolute;
  font-size: 30px;
  font-family: "Font Awesome 5 Free";
  line-height: 20px;
  right: 2%;
}
button.btn.btn-link.btn-block.text-left.collapsed:after {
  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;width: 100%;
}
.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;
}
.projectContainer .card-header {
  padding: 0px;
  margin-bottom: 15px;
  background-color: rgb(255 255 255);border-bottom: none;
}
.postJobForm .hidden,
.postJobForm .hidden-1 {
  display: none;
}
/* find jobs */
.sec-heading {
  margin-bottom: 50px;
  font-size: 30px;
}
#find_Job {
  padding-top: 0px;
  padding-bottom: 42px;
  display: flex;
}

/* Find the job that is perfect for You section start */
.zepCatSearch {
  background: #f6f9ff;
  padding: 10px 15px;
  border-radius: 40px;
  max-width: 600px;
  margin: auto;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .05);
  border: 1px solid rgba(0, 0, 0, .05);
}
.zepCatSearch input {
  background: transparent;
  font-size: 14px !important;
}
.zepCatCard {
  background: #f6f9ff;
  padding: 14px 16px;
  border-radius: 14px;
  transition: all .25s ease;
  border: 1px solid rgba(0, 0, 0, .05);
  height: 100%;
}
.zepCatCard:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 25px rgba(0, 0, 0, .08);
}
.zepIconWrap {
  width: 36px;
  height: 36px;
  background: #eaf2ff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zepCatCount {
  background: #eaf2ff;
  color: #1f7bd7;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 13px;
}
.zepBrowseBtn {
  background: linear-gradient(135deg, #1f7bd7, #2a3afb);
  color: #fff;
  padding: 12px 26px;
  border-radius: 30px;
  border: none;
  font-weight: 600;
  transition: .3s;
}
.zepBrowseBtn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 25px rgba(31, 123, 215, .3);
}
.row.zepCatGrid h6.mb-0 {
  color: black;
  font-size: 14px;
}
.zepCatSearch .form-group {
  margin-bottom: 0rem;
}
div#zepAllCatList .zepCatCard h6.mb-0 {
  color: black;
  font-size: 14px;
}
#zepCatGrid .zepCatItem {
  display: none;
}
.zepCatModalContent {
  border-radius: 16px;
  overflow: hidden;
  background-color: #fff !important;
}
.zepCatModalBody {
  max-height: calc(100vh - 160px);
  overflow-y: auto;
  padding-right: 8px;
}
.zepCatModalBody::-webkit-scrollbar {
  width: 6px;
}
.zepCatModalBody::-webkit-scrollbar-thumb {
  background: rgba(31, 123, 215, .4);
  border-radius: 10px;
}
/* Find the job that is perfect for You section end */
#indusHiringSec {
  padding: 50px 0px;
  background-color: #fff !important;
}
#indusHiringSec .industriesHireCnt ul li h6 {
  font-size: 16px;
  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%;
}
.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 0px;
  padding: 0 15px 30px;
  transition: all ease 0.2s;
  background: #fff;width: 100%;
}
.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;
}
.freelancer_infologo .companyLogoContainer ul h4 {
    font-size: 21px;
}
.freelancer_infologo .companyLogoContainer ul h5 {
    font-size: 17px;
}
.price-content p {
  font-size: 14px;
  margin: 20px 0 0px;
}
#packagePg .wpb_content_element {
  margin-bottom: 0px;
}
.cvDetailPgDv .cvProfileInfoUl1 li {
    font-size: 14px;
}
.cvDetailPgDv .cvProfileImgmn {
    max-width: 180px;
    height: 180px;
    border-radius: 50%;
    overflow: hidden;
    border: 11px solid #d8edff;
}
.cvDetailPgDv .cvProfileImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cvDetailPgDv .cvProfileImg {
    height: 100%;
}
a.br-btn {
  background: transparent;
  padding: 12px 35px;
  color: #324B65;
  text-decoration: none;
  font-size: 16px;
  transition: all ease 0.3s;
  display: inline-block;
  font-weight: bold;
  border: 2px solid #324B65;
  border-radius: 30px;
}
.freelancer_bg.cvDetailPgDv {
    padding-top: 1px;
}
.cvDetailPgDv .freelancerInDv {
    background-color: white;
    padding: 20px;
    border-radius: 15px;
}

.price-content span.type {
  padding: 5px 15px;
  border-radius: 0 0 12px 12px;
  background: red !important;
  display: inline-block;
  font-size: 19px;
  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: 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;
}
/* new Category section  start*/
#category {
    background: linear-gradient(180deg, #ffffff 0%, #f8faff 100%);
}

#category .heading {
    text-align: center;
    margin-bottom: 50px;
    font-size: 42px;
    font-weight: 800;
    color: #20242b;
}

.col.category-col {
    margin-bottom: 11px;
}

#category .category-card {
    display: block;
    min-height: 240px;
    padding: 28px 15px 24px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #edf0f7;
    border-radius: 18px;
    box-shadow: 0 10px 28px rgba(20, 35, 70, 0.08);
    transition: all .3s ease;
    cursor: pointer;
    position: relative;
    overflow: hidden;height: 100%;
}

#category .category-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 36px rgba(20, 35, 70, 0.14);
    text-decoration: none;
}

#category .category-card:before {
  content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    height: 4px;
    background: rgb(65 118 249);
    border-radius: 20px 20px 0px 0px;
    width: 100%;
    right: 0;
    margin: auto;
}

#category .category-card::after {
    content: "›";
    width: 39px;
    height: 39px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgb(47 121 252 / 34%), rgb(47 121 252 / 26%));
    color: rgb(255, 255, 255);
    font-size: 32px;
    font-weight: 400;
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    box-shadow: rgb(65 118 249 / 3%) 0px 8px 20px;
    transition: 0.3s;
    line-height: 34px;
}

#category .category-card:hover::after {
    transform: translateX(-50%) translateY(-4px);
    box-shadow: rgb(47 121 252) 0px 12px 26px;
}

#category .img-cate {
    width: 92px;
    height: 92px;
    margin: 0 auto 10px;
    border-radius: 50%;
    background: #f6f8ff;
    display: flex;
    align-items: center;
    justify-content: center;
}

#category .img-cate img {
    max-width: 68px;
    max-height: 68px;
    transition: all .3s ease;
}

#category .category-card:hover .img-cate img {
    transform: scale(1.08);
}

#category .line {
    width: 34px;
    height: 3px;
    margin: 0 auto 14px;
    background: #e51b35;
    border-radius: 10px;
}

#category .category-card p {
    color: #1f2530;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 48px;
    transition: all .3s ease;
}

#category .category-card:hover p {
    color: rgb(78 116 246);
}
/* new Category section end*/
/* _-_-_-_-_-_-_-_-_-_-_-_- 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: 70px;
}
.cvDtlBody {
  padding: 20px 30px;
}
/* _-_-_-_-_-_-_-_-_-_-_-_- Cv Detail Page end _-_-_-_-_-_-_-_-_-_-_-_- */


.password-toggle {
  position: relative;
  width: 100%;
}
.password-toggle input[type="password"] {
  padding-right: 30px;
}
.password-toggle .toggle-eye {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  cursor: pointer;
  color: #000;
}
.company_post_a_project {
  margin-bottom: 20px;
}
#find_Job i.fa.fa-search.form-icons,
#find_Job i.fa.fa-map-marker {
 position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%);
    color: #767676;
        z-index: 9;
}
#find_Job .job_search_sec .form-control {
  height: 100%;
  font-size: 15px !important;
}
#find_Job .job_search_sec .btn {
  font-size: 14px;
}


#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% 44%;
  position: relative;
  height: 440px;
  width: 100%;
  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");
}
/* freelancer page images */
#growing .members .box-inner-freelancer1 {
  background-image: url("https://zepjob.com/webroot/front/images/Clients_Say/jf-1.jpg");
}
#growing .members .box-inner-freelancer2 {
  background-image: url("https://zepjob.com/webroot/front/images/Clients_Say/jf-2.jpg");
}
#growing .members .box-inner.box-inner-freelancer3 {
  background-image: url("https://zepjob.com/webroot/front/images/Clients_Say/jf-3.jpg");
}
#growing .members .box-inner.box-inner-freelancer4 {
  background-image: url("https://zepjob.com/webroot/front/images/Clients_Say/jf-4.jpg");
}
#growing .members .box-inner.box-inner-freelancer5 {
  background-image: url("https://zepjob.com/webroot/front/images/Clients_Say/jf-5.jpg");
}
#growing .members .box-inner.box-inner-freelancer6 {
  background-image: url("https://zepjob.com/webroot/front/images/Clients_Say/jf-6.jpg");
}
#growing .members .box-inner.box-inner-freelancer7 {
  background-image: url("https://zepjob.com/webroot/front/images/Clients_Say/jf-7.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 {
  transition: all 1.5s ease-in-out;
}
#growing .members a:hover .box-inner {
  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;
  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%;
  text-align: center;
}
#inner_pghead ul.cf {
  display: flex;
}
.box-row.fade-in ul li h2 {
  font-weight: 400 !important;
  font-size: 32px;
  text-transform: uppercase;
}
.infoDiv label.custom-file-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 72px;
}

/* --------------------------------- */
/*  */
.h-color {
  color: #3f3f3f;
  font-size: 30px;
  font-weight: 700;align-self: flex-start;
}
.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 {
  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: #f00;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 .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;
}
/* 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 {
    border-radius: 6px;
    transition: background-color 300ms ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, .05);
    background: #f6f9ff;
}
.s-links .iconss li a.btn:hover {
    background-color: #e8f0ff !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;
}
.job_searchdetail_dv .col-lg-6 {
    margin-bottom: 20px;
}
.manNavTabs {
  gap: 15px;
}
.jobseeker_prodv .latest_pro_bx .jobseeker_btn {
  width: 100%;
  align-items: center;
  justify-content: flex-start !important;
}
#latest_prosec .latest_pro_bx .latest_pro_bxtp .info-p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.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;
}
.contentRoghtPart a.btn-success, .contentRoghtPart a.btn-primary {color: white;font-size: 14px;}
#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;
}
.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%;
}
.popover-header .popover-title-red{color: white !important;}
#latest_prosec .latest_pro_bx {
    background: #fff;
    height: 100%;
    position: relative;
}
#latest_prosec .latest_pro_bx .web-btn-info {
    position: absolute;
    bottom: 20px;
    left: 25px;
}

#latest_prosec .latest_pro_bxtp ul li.img-list {
  width: 140px;
  height: 140px;
  background-color: #ddecff;
  padding: 12px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#latest_prosec .latest_pro_bx .latest_pro_bxtp {
    padding: 25px 24px 45px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    text-align: center;
    border-radius: 8px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    background: #fff;
    border-left: 4px solid #00a0dc;
}
#latest_prosec img.company_logo {
  margin: auto;
  padding-bottom: 0px;
  max-width: 100% !important;
  height: 100%;
  border-radius: 50%;
}
#latest_prosec .latest_pro_bx .latest_pro_bxtp h5 {
    font-weight: 600;
    color: #444;
    font-size: 14px;
    margin-bottom: 10px;
    display: block;text-align: left;
}
#latest_prosec .latest_pro_bx .latest_pro_bxtp h4 {
    font-weight: 600;
    font-size: 1.25rem;
    text-decoration: none;
    margin-bottom: 14px;color: #2e2e2e;text-align: left;
}
.latest_pro_bxtp h4 a {
  color: rgb(0 144 214);font-size: 15px;
}
#latest_prosec.jobseeker_prodv p {
  font-size: 13px !important;
  color: rgba(0, 0, 0, 0.7) !important;
  margin-bottom: 8px !important;
  margin-top: 0px !important;
  text-align: left;
}
#latest_prosec .latest_pro_bx .latest_pro_bxtp p {
  width: 100%;
}
#latest_prosec .latest_pro_bx .latest_pro_bxtp > p {
    text-align: justify;
    text-align-last: left;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}
#latest_prosec .latest_pro_bx .latest_pro_bxtp p i {
    margin-right: 6px;
    color: #999;
    font-size: 13px;
}
#latest_prosec .latest_pro_bx .latest_pro_bxtp ul {
    text-align: left;
    margin-bottom: 11px;width: 100%;
}
#latest_prosec.jobseeker_prodv .jobseeker_btn {
  justify-content: flex-end;
  margin-top: 20px;
  align-items: center;
}
#endlessPosibSec #latest_prosec .latest_pro_bx .latest_pro_bxtp .jobseeker_btn {
  justify-content: center !important;
}
#latest_prosec.jobseeker_prodv .jobseeker_btn .btn {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 13px;
    background: #0090d6 !important;
    color: #fff;
    font-weight: bolder;
    justify-content: center;
    width: max-content;border: none;
}
#latest_prosec {
  padding: 5px 0px 50px;
}
#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 span.colan {
  margin: 0px 7px;
}
.pagination.ps.justify-content-end.col-sm-6 {
  flex-wrap: wrap;
  row-gap: 5px;
}
input.custom-checkbox-input {
  display: none;
}
.custom-checkbox-label {
  display: inline-block;
  position: relative;
  padding-left: 25px;
}
.custom-checkbox-label::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: red;
  border: 1px solid #999;
  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';
  text-align: center;
  line-height: 20px;
  font-size: 16px;
}
#packagePg .price-wrp .price-content {
  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;
  text-shadow: none;
  font-weight: bold;
  background: red;
  color: #fff;
  font-size: 20px;
}
.wdp-ribbon-two:before {
  display: inline-block;
  content: "";
  position: absolute;
  left: -9px;
  top: 0px;
  border: 9px solid transparent;
  border-width: 20px 10px;
  border-right-color: red;border-color: red;border-left-color: transparent !important;
}
#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;
}
.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;
  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;
  height: 140px;
  text-align: justify;
  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;
}
li.order-12.logo-img {
    max-width: 150px;
    height: auto;
    margin-bottom: 20px;
    margin-left: 15px;
}
.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 {
  display: block;
  margin-bottom: 25px;
}
.center-strip {
  background: red;
  padding: 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;
  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;
  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 {
  backface-visibility: hidden;
  background: #2a2a2a;
  border-bottom: 1px solid #444;
  border-top: 1px solid black;
  border-radius: 0 0 5px 5px;
  bottom: 0;
  box-shadow: inset 0 15px 50px #202020;
  color: #eee;
  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 {
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  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 {
  backface-visibility: hidden;
  color: #eee;
  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 #111;
  content: attr(data-num);
  line-height: 1.38;
  top: 0;
  z-index: 1;
}
.num:after {
  background: #2a2a2a;
  border-bottom: 1px solid #444;
  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) {
  animation-name: num-one;
  animation-delay: 0s;
  animation-duration: 10s;
  z-index: 10;
}
.nums-ten .num:nth-of-type(1) {
  animation-name: num-ten;
  animation-delay: 9s;
  animation-duration: 100s;
  z-index: 10;
}
.nums-one .num:nth-of-type(2) {
  animation-name: num-one;
  animation-delay: 1s;
  animation-duration: 10s;
  z-index: 9;
}
.nums-ten .num:nth-of-type(2) {
  animation-name: num-ten;
  animation-delay: 19s;
  animation-duration: 100s;
  z-index: 9;
}
.nums-one .num:nth-of-type(3) {
  animation-name: num-one;
  animation-delay: 2s;
  animation-duration: 10s;
  z-index: 8;
}
.nums-ten .num:nth-of-type(3) {
  animation-name: num-ten;
  animation-delay: 29s;
  animation-duration: 100s;
  z-index: 8;
}
.nums-one .num:nth-of-type(4) {
  animation-name: num-one;
  animation-delay: 3s;
  animation-duration: 10s;
  z-index: 7;
}
.nums-ten .num:nth-of-type(4) {
  animation-name: num-ten;
  animation-delay: 39s;
  animation-duration: 100s;
  z-index: 7;
}
.nums-one .num:nth-of-type(5) {
  animation-name: num-one;
  animation-delay: 4s;
  animation-duration: 10s;
  z-index: 6;
}
.nums-ten .num:nth-of-type(5) {
  animation-name: num-ten;
  animation-delay: 49s;
  animation-duration: 100s;
  z-index: 6;
}
.nums-one .num:nth-of-type(6) {
  animation-name: num-one;
  animation-delay: 5s;
  animation-duration: 10s;
  z-index: 5;
}
.nums-ten .num:nth-of-type(6) {
  animation-name: num-ten;
  animation-delay: 59s;
  animation-duration: 100s;
  z-index: 5;
}
.nums-one .num:nth-of-type(7) {
  animation-name: num-one;
  animation-delay: 6s;
  animation-duration: 10s;
  z-index: 4;
}
.nums-ten .num:nth-of-type(7) {
  animation-name: num-ten;
  animation-delay: 69s;
  animation-duration: 100s;
  z-index: 4;
}
.nums-one .num:nth-of-type(8) {
  animation-name: num-one;
  animation-delay: 7s;
  animation-duration: 10s;
  z-index: 3;
}
.nums-ten .num:nth-of-type(8) {
  animation-name: num-ten;
  animation-delay: 79s;
  animation-duration: 100s;
  z-index: 3;
}
.nums-one .num:nth-of-type(9) {
  animation-name: num-one;
  animation-delay: 8s;
  animation-duration: 10s;
  z-index: 2;
}
.nums-ten .num:nth-of-type(9) {
  animation-name: num-ten;
  animation-delay: 89s;
  animation-duration: 100s;
  z-index: 2;
}
.nums-one .num:nth-of-type(10) {
  animation-name: num-one;
  animation-delay: 9s;
  animation-duration: 10s;
  z-index: 1;
}
.nums-ten .num:nth-of-type(10) {
  animation-name: num-ten;
  animation-delay: 99s;
  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;
}
.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);
}
#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;
  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-size: 40px;
  font-style: normal;
  transform: translate(0px, 20px);
}
.flip-card .bottom i {
  transform: translateY(-30%);
}
.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  */

/* service catagory list css */
.service-category-section {
    background: #fff;
}
.service-category-list {
    gap: 16px 18px;
    padding: 0;
    margin: 0 auto;
    max-width: 1150px;
    list-style: none;
}
.service-pill {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 11px 18px !important;
    min-height: 48px;
    border-radius: 14px !important;
    background: #fff !important;
    border: 1px solid #ffd3da !important;
    color: #1f2937 !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
    box-shadow: 0 4px 15px rgba(230, 0, 35, 0.06);
    transition: all 0.28s ease;
    position: relative;
    overflow: hidden;
}


.service-pill span {
    width: 30px;
    height: 30px;
    min-width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(230, 0, 35, 0.08);
    transition: 0.3s ease;
}


.service-pill i {
    font-size: 15px;
    color: #e60023;
  
}


.service-pill:hover {
    background: linear-gradient(135deg, #e60023, #ff3657) !important;
    border-color: transparent !important;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(230, 0, 35, 0.18);
}

.service-pill:hover span {
    background: rgba(255, 255, 255, 0.16);
}
.service-pill:hover i {
    color: #fff;
}
/* service catagory list css end*/


/* freelancer hero section start*/

.freelancer-hero-section {
    background: linear-gradient(135deg, #fff 0%, #f3f7ff 100%);
    overflow: hidden;
}

.freelancer-badge {
    color: #315bff;
    background: #eef3ff;
    border: 1px solid #cfdcff;
    padding: 8px 16px;
    border-radius: 50px;
    font-weight: 700;
}

.freelancer-hero-section .section-heading span {
    color: #315bff;
}

.freelancer-hero-text {
    font-size: 17px;
    color: #5f6673;
    max-width: 520px;
}

.freelancer-points {
    color: #2f3542;
    font-weight: 600;
}

.freelancer-points i {
    color: #315bff;
    margin-right: 6px;
}

.freelancer-hero-img img {
    max-width: 100%;
    filter: drop-shadow(0 20px 35px rgba(49, 91, 255, 0.14));
}
/* freelancer hero section end */

#counter h5 {
  font-size: 16px;
}
#freelancer_pgheader .btn-danger:hover {
  color: #fff !important;
}
#cvBuilder_secpg .cv_builder_info .form-group.is-fileinput>label::after {
  height: 100% !important;
}
#cvBuilder_secpg.advertismentFrm h6 {
  font-size: 35px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.signin_ul{margin-left: 0px !important;}
.lang-btns {
  justify-content: end;
  order: 2;margin-left: 10px;
}
.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;
  width: calc(250px * 28);
}
.slide-item {
  width: 250px;
}
/* Doubled images */
.slide-item img {
  width: 100%;
}
@keyframes scroll {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
.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;display: none;
}
.dropdown-menu {
  display: block;
  visibility: hidden;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.3s ease-in;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 {
  &:hover {
    >.dropdown-menu {
      transform: scaleY(1);
      opacity: 1;
      visibility: visible;
    }
  }
}
.dropdown-submenu {
  &:hover {
    >.dropdown-menu {
      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;
    }
  }
}
.avatar-md {
  width: 56px;
  height: 56px;
}
.avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.avatar {
  position: relative;
  display: inline-block;
  width: 3rem;
  height: 3rem;
  font-size: 1rem;
}
.d-flex.lang-btns p.user-n {
    font-size: 13px;
}
.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;
}
#companies_tab .full-576 .row {
  row-gap: 25px;
}
#packagePg .price-wrp.row {
  width: 100%;
}
#packagePg .price-wrp.row .col {
    flex: 0 0 25%;
  max-width: 25%;
}
#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;
    box-shadow: 0 14px 30px rgba(15, 25, 55, .10);
    border-top: 2px solid #cf090a;
}
.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: #e11523;
    border-radius: 0px;
    color: white;
    align-items: center;
}
#applyJob .form-control[type="file"] {
  line-height: 37px;
  height: 58px;
}
.modal .modalBtnAAnchor {
  background-color: #e11523;
  color: #fff;
  display: block;
font-weight: 700;
    padding: 16px;border-radius: 10px;text-align: center;
}
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;
}
#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;
}
#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;
}
#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;
  text-align: center;
  color: #fff;
  border: none;
  background-color: #218838;
  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;
}
.animated-text {
  animation: colorChange 3s infinite;
}
@keyframes colorChange {
  0% {
    color: #f00;
  }
  25% {
    color: #0f0;
  }
  50% {
    color: #00f;
  }
  75% {
    color: #ff0;
  }
  100% {
    color: #f0f;
  }
}
.sliding-text {
  font-size: 4em;
  background: linear-gradient(270deg, #f00, #0f0, #00f, #ff0, #f0f);
  background-size: 400%;
  -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);
}
.chosen-container-multi .chosen-choices li.search-choice span {
  font-size: 13px;
}
.applyModalBody textarea#message {
    min-height: 100px;
}
section#freelancer_list_pg.forgot-pw-pg {
    background-color: #f0f7f9;
}
section#freelancer_list_pg.forgot-pw-pg .pg-left-img img{width: 70%;}
.forgot-pw-pg .form-group-box {
    padding: 40px;
    background-color: white;
    border-radius: 18px;
}
.modal-content.port_detail_contact_portfoliomodal a.btn.btn-dangerInfo.btnSucessInfo {
    color: #e90000;
}
.contentRoghtPart .allJobsTable .table td a i {
    color: #068cc8;
}

.only-video-modal-close{
    position: absolute;
    top: 0px;
    right: 10px;
    z-index: 999;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    opacity: 1;
    font-size: 32px;
    color: #000;
    text-shadow: none;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.allProjectsTable table ul li span i.fas.fa-star {
    margin-right: 4px;
}
.detailRightPart .detailSection .project-description-p{white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;}
#jobDetails .job_detailInner .detailSection .project-description-p{white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;}
.ui-widget.ui-widget-content {
       box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08), 0 2px 6px rgba(15, 23, 42, 0.04);
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 13px !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 13px !important;
}
.ui-dialog .ui-dialog-titlebar {
    padding: 0.6em 1em !important;
}
/* form search */
 .job_search_sec .form-control{ padding-left: 38px !important;}
 .job_search_sec .form-control,
.job_search_sec .select2-container .select2-selection--single {
    min-height: 43px;
    border-radius: 8px;
    border: 1px solid #ddd;
    padding-left: 30px;
    display: flex;
    align-items: center; height: auto;
}
 .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: auto !important;
    top: 50% !important;
}
 .select2-container {
    width: 100% !important;
}
.job_search_sec .form-control::placeholder{color: #999 !important;}
.infoDiv .select2-selection.select2-selection--single {
    height: auto !important;
    padding: .375rem .75rem !important;
    border-radius: 0px;
}
.infoDiv .select2-selection.select2-selection--single .select2-selection__rendered {
    line-height: inherit;
    font-size: 14px !important;
}
.only-post-prject h4{font-size: 35px;}

/*  */
.post-project-redesign .detailRightPart{
    background:#fff;
    border:1px solid #e5eaf3;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 12px 35px rgba(16,24,40,.08);
}

.post-project-redesign .detailSection{
    padding:28px;
    background:#f8fbff;
}

.post-project-redesign .project-form-card{
    background:#fff;
    border:1px solid #dfe7f2;
    border-radius:12px;
    padding:24px;
    margin-bottom:18px;
    box-shadow:0 8px 24px rgba(16,24,40,.06);
}

.post-project-redesign .section-head{
    display:flex;
    align-items:flex-start;
    margin-bottom:18px;
}

.post-project-redesign .section-icon{
    width:46px;
    height:46px;
    min-width:46px;
    border-radius:12px;
    background:#fff0f2;
    color:#e71927;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:14px;
    font-size:18px;
}

.post-project-redesign .section-head h4{
    margin:0 0 5px;
    font-size:20px;
    font-weight:700;
    color:#182033;max-width: 100%;
}

.post-project-redesign .section-head h5,
.post-project-redesign .tab2 h5{
    font-size:14px;
    line-height:1.5;
    color:#667085;
    font-weight:400;
    margin:0;
}

.post-project-redesign label{
    font-size:13px;
    font-weight:700;
    color:#243044;
    margin-bottom:8px;
}

.post-project-redesign input:not([type="hidden"]),
.post-project-redesign textarea,
.post-project-redesign select,
.post-project-redesign .form-control{
    width:100%;
    min-height:48px;
    border:1px solid #cfd8e6;
    border-radius:8px !important;
    padding:10px 14px;
    font-size:14px;
    color:#344054;
    background:#fff;
    box-shadow:none;
}

.post-project-redesign textarea{
    min-height:135px;
    resize:vertical;
}

.post-project-redesign input:focus,
.post-project-redesign textarea:focus,
.post-project-redesign select:focus,
.post-project-redesign .form-control:focus{
    border-color:#e71927;
    box-shadow:0 0 0 3px rgba(231,25,39,.08);
    outline:none;
}

.post-project-redesign .example-box{
    background:#f5f9ff;
    border:1px solid #cddcf0;
    border-radius:10px;
    padding:16px 18px;
    color:#253858;
}

.post-project-redesign .example-box ul{
     list-style: disc;
    padding-left: 20px;
    margin-top: 8px;
}
.post-project-redesign .example-box ul li {
    display: list-item;
    margin-bottom: 4px;
}

.post-project-redesign .upload-box{
    background:#f8fbff;
    border:1px dashed #bdc9dc;
    border-radius:10px;
    padding:14px;
}

.post-project-redesign .option-grid li{
    border:1px solid #dfe7f2 !important;
    border-radius:12px;
    background:#fff;
    overflow:hidden;
    transition:.25s ease;
}

.post-project-redesign .option-grid li a{
    min-height:135px;
    padding:24px 15px;
    color:#344054;
    text-decoration:none;
    display:flex !important;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.post-project-redesign .option-grid li img{
    height:67px;
    margin-bottom:6px;
}

.post-project-redesign .projectBudgetContainer ul li.active{
    border:2px solid #e71927 !important;
    background:#fff4f5;
    position:relative;
}

.post-project-redesign .projectBudgetContainer ul li.active p{
    color:#e71927;
    font-weight:700;
}

.post-project-redesign .projectBudgetContainer ul li.active::after{
    content:"✓";
    position:absolute;
    top:10px;
    right:12px;
    width:22px;
    height:22px;
    border-radius:50%;
    background:#e71927;
    color:#fff;
    font-size:13px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.post-project-redesign #submitButton{
    background:#e71927;
    color:#fff;
    border:0;
    border-radius:8px;
    min-width:140px;
    height:46px;
    font-weight:700;
    box-shadow:0 10px 20px rgba(231,25,39,.22);
}

.post-project-redesign input[type="hidden"]{
    display:none !important;
}
.post-project-redesign .section-icon{font-size: 18px !important;}.cvSearchProLeft {
    background-color: white;
    padding: 10px;
    border-radius: 9px;
}
.az-clear-btn::before {
    content: "\f1f8";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 11px;line-height: normal;
}
.az-clear-btn{position: relative;
    font-size: 13px;
    font-weight: 600;
    color: #ef4444;
    background: #fff5f5;
    border: 1px solid #fecaca;
    border-radius: 20px;
    padding: 5px 12px 5px 28px;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    line-height: 1;}
    .az-clear-btn:hover {
    background: #ef4444;
    color: #fff;
    border-color: #ef4444;
    transform: translateY(-1px);
}
/*  */
.contentRightPart .leftMenu .make-cv-menu a{
    font-weight:700;
    background:linear-gradient(
        90deg,
        #ff1744,
        #ff5722,
        #ff9800,
        #ff5722,
        #ff1744
    );
    background-size:300% auto;
    animation:makeCvText 4s linear infinite;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    display:flex;
    align-items:center;
    gap:6px;
}

.contentRightPart .leftMenu .make-cv-menu a i{
    background:inherit;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}



@keyframes makeCvText{
    0%{background-position:0% center;}
    100%{background-position:300% center;}
}

@keyframes pulseTag{
    0%,100%{transform:scale(1);}
    50%{transform:scale(1.1);}
}