/* Template Name: Landrick - Saas & Software Landing Page Template
   Author: Shreethemes
   E-mail: shreethemes@gmail.com
   Created: August 2019
   Version: 2.5.1
   Updated: August 2020
   File Description: Main Css file of the template
*/
/*********************************/
/*         INDEX                 */
/*================================
 *     01.  Variables            *
 *     02.  Bootstrap Custom     *
 *     03.  Components           *
 *     04.  General              *
 *     05.  Helper               *
 *     06.  Menu                 *
 *     07.  Home / Landing       *
 *     08.  Features / Services  *
 *     09.  Testimonial          *
 *     10.  Price                *
 *     11.  C.T.A                *
 *     12.  Blog / Careers / Job *
 *     13.  Work / Projects      *
 *     14.  Team                 *
 *     15.  User Pages           *
 *     16.  Countdown            *
 *     17.  Contact              *
 *     18.  Footer               *
 ================================*/
@import url("https://fonts.googleapis.com/css?family=Nunito:300,400,600,700&display=swap");

.v-btn--fab.v-btn--contained {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.col-lg-2.col-md-3.left_side_filer.left_side_mobile {
  position: relative;
}
body .wave:after {
  display: none !important;
}

body .placeholder::after {
  display: none !important;
}
.left_side_filer.left_side_mobile .form-group.px-4 {
  margin-bottom: 8px;
}

body div .card.hide_by_ch {
  position: sticky !important;
  bottom: 0;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.required_ch label:after {
  content: "*";
  font-size: 20px;
  line-height: 0;
  color: red;
}

.home_new {
  background: #005696;
}
.border-color-reed .v-input__slot {
  border-color: red !important;
}

.checkbox_ch.border-color-reed label {
  color: red !important;
}

.left_and_bottom_flex {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.border-color-reed .ql-snow {
  border-color: red !important;
}

body {
  font-family: "Sen", sans-serif;
  overflow-x: visible !important;
  font-size: 15px !important;
  color: #161c2d;
}

.text-muted {
  color: black !important;
}

.settings {
  display: none !important;
}

._bold {
  font-weight: bold;
}

.pix12 {
  font-size: 12px;
}

.vjs_video_3-dimensions {
  width: 602px !important;
  height: 376px !important;
}

.video-js[tabindex="-1"] {
  outline: none;
}
.ADD_box_details {
  background: #eef0f8;
  padding: 20px;
  margin-top: 11px;
  border-radius: 8px;
  text-align: center;
}
.ADD_box_details img {
  margin-bottom: 15px;
}
.ADD_box_details h4 {
  font-weight: bold;
  font-size: 20px;
}
.ADD_box_details p {
  font-size: 13px;
}
.ADD_box_details a {
  border: 1px solid;
  border-radius: 4px;
  padding: 5px;
}
@media (min-width: 1024px) {
  .job-profile {
    top: 0px !important;
  }
}

.job_city_title:link {
  text-decoration: none !important;
}
.new_details_job_dashbord_list2_ch2 {
  background: rgba(53, 162, 229, 0.05) !important;
  border: solid 1.5px rgba(53, 162, 229, 0.5) !important;
  border-radius: 5px !important;
  padding: 3px 3px !important;
  min-height: 41px !important;
  width: 100% !important;
  color: #35a2e5 !important;
  font-size: 12px !important;
  font-weight: bold !important;
  display: block !important;
}
.new_details_job_dashbord_list2_ch2 img{
  display: block !important;
  width: 100% !important;
  margin-bottom: 4px;
  margin-top: 4px;
  height: 20px !important;
}
.input_label_s_ch label{
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.011em;
  color: #0E0F11;
}
.input_label_s_ch .v-input {
  padding: 0px;
  margin: 0;
}
.input_label_s_ch .v-input__slot{
  padding: 0 5px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 6px !important;
}
.input_label_s_ch2 .v-file-input {
  padding: 0;
  margin: 0;
}
.card-headerch_btnch_cg {
  background: #04663f;
  color: white !important;
  text-transform: uppercase;
  text-align: center;
  font-size: 28px;
  padding: 9px;
  width: 100% !important;
}
.solid {
  border-width: 4px;
  background-color: #333333;
  height: 95px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}
.standard_i {
  border-width: 4px;
  background-color: #005696;
  height: 95px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}
.premium_i {
  border-width: 4px;
  background-color:
#106409;
  height: 95px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}
.daimond_i {
  border-width: 4px;
  background-color:  #A82511;
  height: 95px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}
.basic {
animation: none;
  /* border-radius: 45px; */
  /* overflow: hidden;
  height: 473px; */
  text-align: center;
  /* padding: 0; 
 height: 750px;  */
}
.list_price.pb-1.mt-4 {
  font-size: 36px !important;
}
.list_price h3 {
  font-size: 17px !important;
  color: #8C8C93 !important;
}
#ShowCase {
background-color: #f9fcf8;
background-color: #f9fcf8;
height: 100%;
border-radius: 16px;
overflow: hidden;
padding-bottom: 112px;
}
#ShowCase h2 {
  font-size: 16px;
  margin-bottom: 20px;
  /* font-weight: 600; */
  line-height: 20px;
  display: flex;
  vertical-align: bottom !important;
  align-items: center;
}
#ShowCase button{
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 13px;
}
span.tikgood {
  content: "\2713";
  color: green;
  font-size: 20px;
  font-weight: bold;
  margin-right: 10px;
}
#ShowCase .child_bottom h6{
  font-size: 12px;
    padding: 0 9px;
}

.child_bottom{
  position: absolute;
    left: 10px;
    right: 10px;
    bottom: 8px;
}
button.rec_btn_phone {
  background: black;
  width: fit-content;
  color: white;
  font-size: 21px;
  padding: 8px;
  margin: 0 auto;
  border-radius: 5px;
}
.list_price {
  font-size: 41px;
  font-weight: 700;
}
.dg_s {
border: 1px solid;
  padding: 18px;
  /* margin: 12px; */
  border-radius: 15px;
}

.primium-btn {
background: transparent;
  padding: 7px;
  /* color: #af1e1e !important; */
  font-weight: 600;
  border: 1px solid;
  border-radius: 9px;
  border-color: #106409;
}
.standard-btn {
background: #005696;
  padding: 7px;
  /* color: #af1e1e !important; */
  font-weight: 600;
  border: 1px solid;
  border-radius: 9px;
  border-color: #005696;
}
.basic-btn {
background: transparent;
  padding: 7px;
  /* color: #af1e1e !important; */
  font-weight: 600;
  border: 1px solid;
  border-radius: 9px;
  border-color: #333333;
}
.daimond-btn {
background: transparent;
  padding: 7px;
  /* color: #af1e1e !important; */
  font-weight: 600;
  border: 1px solid;
  border-radius: 9px;
  border-color: #A82511;
}
.heading_all{
text-align: left;
margin: 8px;
}
.input_label_s_ch2 label {
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.011em;
  color: #0E0F11;
}
.input_label_s_ch2 .v-input__prepend-outer {
  color: white !important;
  padding: 8px 8px 0 0px;
  width: 179px;
  height: 40px;
  background: rgba(53, 162, 229, 0.75);
  border-radius: 6px;
  margin: 0;
  position: relative;
}
.input_label_s_ch2 .v-input__icon.v-input__icon--prepend:after {
  content: "Upload File";
  text-align: center;
    left: 16px;
    right: 0;
    position: absolute;
}
.input_label_s_ch2 button.v-icon::before {
  left: 0;
  position: absolute;
}
.input_label_s_ch2 .v-input__icon.v-input__icon--prepend {
  justify-content: unset;
  color: white !important;
}
.input_label_s_ch2 .v-input__icon.v-input__icon--prepend *{
  color: white !important;
  position: absolute;
  left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}
.input_label_s_ch222 select {
  background-color: transparent;
    border: 1px solid silver;
    color: #414141;
    font-size: 15px;
    padding: 0 0 0 12px;
    font-weight: bold;
}
.input_label_s_ch_txtera .v-input__slot {
  border-radius: 6px !important;
  border-width: 0 !important;
  margin: 0 !important;
  padding: 4px !important;
}
.input_label_s_ch_txtera textarea {
  margin: 0 !important;
}
.input_label_s_ch_txtera .v-text-field__details{
  display: none !important;
}
body ._btn_gridddd3333_ch33 {
  grid-template-columns: 21% 23% 31% 20% !important;
}
.job_city_title:visited {
  text-decoration: none !important;
}
body .button_by_save_cv_ch button{
  padding: 12px 16px;
    width: 100% !important;
    height: auto;
    background: #005696 !important;
    border-radius: 8px;
    color: white !important;
    border-color: #005696 !important;
}
body .button_by_cencl_cv_ch button{
  padding: 12px 16px;
    width: 100% !important;
    height: auto;
    
    border-radius: 8px;
    color: white !important;
}
.job_city_title:hover {
  text-decoration: none !important;
}

.job_city_title:hover {
  color: white !important;
}

.job_city_title:active {
  text-decoration: none !important;
}

.bold {
  font-weight: bold !important;
}

.filter_heading {
  font-weight: bold;
  font-size: 13px;
  padding-left: 5%;
  padding-top: 5%;
  padding-bottom: 5%;
}

.detail_heading {
  font-weight: bold !important;
  font-size: 13px !important;
}

.detail_body {
  font-size: 13px !important;
}

.multiselect__placeholder {
  font-size: 13px !important;
}

.multiselect__option {
  font-size: 13px !important;
}

.dahbordmultislect .border-color-reed .multiselect__tags {
  border-color: red !important;
}

.multiselect__tag {
  font-size: 10px !important;
}

.job-box:hover {
  -webkit-transform: none !important;
  transform: none !important;
}

fieldset[disabled] .multiselect {
  pointer-events: none;
}

.multiselect__spinner {
  position: absolute;
  right: 1px;
  top: 1px;
  width: 48px;
  height: 35px;
  background: #fff;
  display: block;
}

.multiselect__spinner:after,
.multiselect__spinner:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  border-color: #41b883 transparent transparent;
  border-style: solid;
  border-width: 2px;
  box-shadow: 0 0 0 1px transparent;
}

.multiselect__spinner:before {
  animation: a 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);
  animation-iteration-count: infinite;
}

.multiselect__spinner:after {
  animation: a 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);
  animation-iteration-count: infinite;
}

.multiselect__loading-enter-active,
.multiselect__loading-leave-active {
  transition: opacity 0.4s ease-in-out;
  opacity: 1;
}

.multiselect__loading-enter,
.multiselect__loading-leave-active {
  opacity: 0;
}

.multiselect,
.multiselect__input,
.multiselect__single {
  font-family: inherit;
  font-size: 14px;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.multiselect {
  box-sizing: content-box;
  display: block;
  position: relative;
  width: 100%;
  min-height: 40px;
  text-align: left;
  color: #35495e;
}

.multiselect * {
  box-sizing: border-box;
}

.multiselect:focus {
  outline: none;
}

.multiselect--disabled {
  pointer-events: none;
  opacity: 0.6;
}

.multiselect--active {
  z-index: 1;
}

.multiselect--active .multiselect__current,
.multiselect--active .multiselect__input,
.multiselect--active .multiselect__tags {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.multiselect--active .multiselect__select {
  transform: rotate(180deg);
}

.multiselect--above.multiselect--active .multiselect__current,
.multiselect--above.multiselect--active .multiselect__input,
.multiselect--above.multiselect--active .multiselect__tags {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.multiselect__input,
.multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #fff;
  padding: 1px 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
}

.multiselect__tag~.multiselect__input,
.multiselect__tag~.multiselect__single {
  width: auto;
}

.multiselect__input:hover,
.multiselect__single:hover {
  border-color: #cfcfcf;
}

.multiselect__input:focus,
.multiselect__single:focus {
  border-color: #a8a8a8;
  outline: none;
}

.dahbordmultislect .multiselect__tags {
  min-height: 34px !important;
  padding: 6px 12px !important;
  font-size: 14px !important;
  line-height: 1.428571 !important;
  color: #000018 !important;
  background-color: #fff !important;
  background-image: none !important;
  border: 1px solid #c0c0c0 !important;
  border-radius: 0px !important;
  min-height: 43px !important;
  overflow: hidden;
  margin-top: 16px;
}

.min_max_dis *,
.mar_dis *,
.dep_dis *,
.min_max_dis,
.mar_dis,
.dep_dis {
  pointer-events: none;
  opacity: 0.7;
}

/* .min_mex_dis * {
  opacity: 0.7;
} */

.para-desc.detail_body {
  color: black !important;
}

.dahbordmultislect .multiselect__content-wrapper {
  position: absolute;
  width: 100%;
}

.dahbordmultislect .multiselect__tag-icon:focus,
.multiselect__tag-icon:hover {
  background: #b7e2f8 !important;
}

.dahbordmultislect .multiselect__option--highlight:after {
  background: #005696;
}

.dahbordmultislect .multiselect__tag-icon:after {
  color: #ffffff;
}

.dahbordmultislect .multiselect__option--highlight {
  background: #005696;
}

.dahbordmultislect .multiselect__tag {
  background: #005696 !important;
}

.multiselect__tags {
  min-height: 40px;
  display: block;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  border: 1px solid #e8e8e8;
  background: #fff;
}

.multiselect__single {
  padding-left: 6px;
  margin-bottom: 8px;
}

.multiselect__tags {
  min-height: 40px;
  display: block;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  border: 1px solid #e8e8e8;
  background: #fff;
}

.multiselect__tag {
  position: relative;
  display: inline-block;
  padding: 4px 26px 4px 10px;
  border-radius: 5px;
  margin-right: 10px;
  color: #fff;
  line-height: 1;
  background: #41b883;
  margin-bottom: 8px;
  white-space: nowrap;
}

.multiselect__tag-icon {
  cursor: pointer;
  margin-left: 7px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  font-weight: 700;
  font-style: normal;
  width: 22px;
  text-align: center;
  line-height: 22px;
  transition: all 0.2s ease;
  border-radius: 5px;
}

.multiselect__tag-icon:after {
  content: "\D7";
  color: #266d4d;
  font-size: 14px;
}

.multiselect__tag-icon:focus,
.multiselect__tag-icon:hover {
  background: #369a6e;
}

.multiselect__tag-icon:focus:after,
.multiselect__tag-icon:hover:after {
  color: #fff;
}

.multiselect__current {
  min-height: 40px;
  overflow: hidden;
  padding: 8px 12px 0;
  padding-right: 30px;
  white-space: nowrap;
  border-radius: 5px;
  border: 1px solid #e8e8e8;
}

.multiselect__current,
.multiselect__select {
  line-height: 16px;
  box-sizing: border-box;
  display: block;
  margin: 0;
  text-decoration: none;
  cursor: pointer;
}

.multiselect__select {
  position: absolute;
  width: 40px;
  height: 38px;
  right: 1px;
  top: 1px;
  padding: 4px 8px;
  text-align: center;
  transition: transform 0.2s ease;
}

.multiselect__select:before {
  position: relative;
  right: 0;
  top: 65%;
  color: #999;
  margin-top: 4px;
  border-style: solid;
  border-width: 5px 5px 0;
  border-color: #999 transparent transparent;
  content: "";
}

.multiselect__placeholder {
  color: #adadad;
  display: inline-block;
  margin-bottom: 10px;
  padding-top: 2px;
}

.multiselect--active .multiselect__placeholder {
  display: none;
}

.multiselect__content {
  position: absolute;
  list-style: none;
  display: block;
  background: #fff;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  padding: 0;
  margin: 0;
  border: 1px solid #e8e8e8;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 1;
}

.multiselect--above .multiselect__content {
  bottom: 100%;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: none;
  border-top: 1px solid #e8e8e8;
}

.multiselect__content::webkit-scrollbar {
  display: none;
}

.multiselect__element {
  display: block;
}

.multiselect__option {
  display: block;
  padding: 12px;
  min-height: 40px;
  line-height: 16px;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  white-space: nowrap;
}

.multiselect__option:after {
  top: 0;
  right: 0;
  position: absolute;
  line-height: 40px;
  padding-right: 12px;
  padding-left: 20px;
}

.multiselect__option--highlight {
  background: #41b883;
  outline: none;
  color: #fff;
}

.multiselect__option--highlight:after {
  content: attr(data-select);
  background: #41b883;
  color: #fff;
}

.multiselect__option--selected {
  background: #f3f3f3;
  color: #35495e;
  font-weight: 700;
}

.multiselect__option--selected:after {
  content: attr(data-selected);
  color: silver;
}

.multiselect__option--selected.multiselect__option--highlight {
  background: #ff6a6a;
  color: #fff;
}

.multiselect__option--selected.multiselect__option--highlight:after {
  background: #ff6a6a;
  content: attr(data-deselect);
  color: #fff;
}

.multiselect--disabled {
  background: #ededed;
  pointer-events: none;
}

.multiselect--disabled .multiselect__current,
.multiselect--disabled .multiselect__select,
.multiselect__option--disabled {
  background: #ededed;
  color: #a6a6a6;
}

#style-switcher .bottom {
  display: none;
}

.multiselect__option--disabled {
  cursor: text;
  pointer-events: none;
}

.multiselect__option--disabled.multiselect__option--highlight {
  background: #dedede !important;
}

.multiselect-enter-active,
.multiselect-leave-active {
  transition: all 0.15s ease;
}

.multiselect-enter,
.multiselect-leave-active {
  opacity: 0;
}

@keyframes a {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(2turn);
  }
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  padding: 12px 16px;
  z-index: 1;
  margin-left: -11%;
  margin-top: 12%;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.m_title {
  text-transform: lowercase !important;
}

.m_title:first-letter {
  text-transform: uppercase !important;
}

/* fresh css */
.dnone_filter {
  display: none !important;
}

@media screen and (min-width: 1024px) and (max-height: 1310px) {
  /* Laptop */
  /* .laptop_secreen{
    display: none !important;
  } */
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.tooltip_dash {
  position: relative;
  display: inline-block;
  /* border-bottom: 1px dotted rgb(0 86 150 / 55%); */
}

.tooltip_dash .tooltiptext_dash {
  visibility: hidden;
  width: 100px;
  background-color: #3699ffb8;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  top: 100%;
  /* left: 67%; */
  /* margin-left: -60px; */
  height: fit-content;
  line-height: 1.5;
  font-size: 12px;
}

.tooltip_dash .tooltiptext_dash::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent rgb(0 86 150 / 55%) transparent;
}

.tooltip_dash:hover .tooltiptext_dash {
  visibility: visible;
}

.tooltip_dash2 {
  position: relative;
  display: inline-block;
  /* border-bottom: 1px dotted rgb(0 86 150 / 55%); */
}

.uplaod_cv_btn {
  min-width: 152px !important;
}

.fields_uplood_cv .v-input .v-input__slot {
  border-bottom: 1px solid #b6b6c4;
}

.tooltip_dash2 .tooltiptext_dash2 {
  visibility: hidden;
  width: 100px;
  background-color: #3699ffb8;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  /* left: 67%; */
  /* margin-left: -60px; */
  height: fit-content;
  line-height: 1.5;
  top: 169%;
  font-size: 12px;
}

.tooltip_dash2 .tooltiptext_dash2::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent rgb(0 86 150 / 55%) transparent;
}

.tooltip_dash2:hover .tooltiptext_dash2 {
  visibility: visible;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.d-flex.align-items-center div#__BVID__160 button#__BVID__160__BV_toggle_ {
  display: none !important;
}

.by_ch_job_secter span {
  border: 1px solid #0056965c;
  padding: 7px 12px;
  border-radius: 3px;
  cursor: pointer;
}

.by_ch_all_secter .badge-success {
  background-color: #005696 !important;
}

/* button.custom-add-new-record-button.btn_dash_ch.mr-2 {
  display: none !important;
} */
.headers_job_function_ch thead tr th,
.headers_job_function_ch thead tr {
  background: transparent !important;
}

.border__input_ch__ select {
  border-radius: 0;
  height: 47px;
  border-color: silver;
}

/* .logoutApply {
  display: none;
} */
.cv_col_left_ch p,
.cv_col_left_ch span {
  color: silver;
  font-size: 14px;
  line-height: 1.2;
  margin: 0;
}

.dashbord {
  width: 16px !important;
  height: 16px !important;
}

.dashbord25 {
  width: 25px !important;
  height: 25px !important;
}

.btn_don_cv {
  border: 1px solid #3c99ff;
  color: #3c99ff;
  width: 100%;
  text-align: center;
  padding: 5px;
  margin-top: 10px;
  font-size: 18px;
}

span.skill_ch_cv {
  background: #eef0f8;
  padding: 7px;
  border-radius: 3px;
  font-size: 14px;
}

.border_ch_cv .col-4 {
  margin: 24px 0;
}

img.companyImage {
  width: 200px;
  height: 200px;
  object-fit: scale-down;
}

.border_ch_cv {
  border: 2px solid silver;
  border-width: 2px 0;
  margin: 0px 12px !important;
}

.hight_section_dif {
  height: 60px;
}

button.card-headerch_btn .bg_blue_ch {
  background-color: #005696 !important;
}

.col-lg-12.row.px-lg-9 {
  margin-bottom: 30px;
}

.green_heding_crear.container.pt-4.pb-4.green_heding_crear_imb {
  padding-bottom: 0px !important;
}

.form_heading_home {
  display: none;
}

button img.pr-1 {
  width: auto;
  height: auto;
}

.row.explorech.hide_on_mobile_ch h2 {
  font-size: 30px !important;
}

.row.explorech.hide_on_mobile_ch p {
  font-size: 21px;
  font-weight: normal !important;
}

.location_perant_div.col-lg-9 {
  padding-left: 0 !important;
}

input.form-control.fieldch_new.selectch {
  padding: 6px 6px 6px 31px !important;
}

img.icon_search__ {
  position: absolute;
  top: 12px;
  left: 12px;
  image-rendering: -webkit-optimize-contrast;
}

.by_ch_nmb .form-check-input:checked {
  background-color: #66bbef !important;
  border-color: #66bbef;
}

.position__ch {
  position: relative;
}

.fst_plan {
  background: url(../images/rec/Basic.png) !important;
  background-position: center center !important;
}

.ch_rej_btn_h {
  display: flex;
  justify-content: space-between;
}

.scnd_plan {
  background: url(../images/rec/Standard.png) !important;
  background-position: center center !important;
  height: 46ch;
  margin: 0 2rem;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
}

.trd_plan {
  background: url(../images/rec/Premium.png) !important;
  background-position: center center !important;
}

.fst_plan,
.trd_plan {
  height: 38.7ch;
  /* margin: 3rem; */
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}

.trd_plan {
  margin: 3rem 9rem 3rem 0rem;
}

.fst_plan {
  margin: 3rem 0rem 3rem 9rem;
}

.fst_plan,
.trd_plan,
.scnd_plan {
  border: 1px solid rgb(255, 236, 236);
}

.rec_col_by_ch .bg-white {
  min-height: 412px;
  position: relative;
}

.rec_col_by_ch .bg-white button {
  position: absolute;
  left: 0;
  bottom: 0;
}

.scnd_plan .list_price {
  line-height: 3;
}

.scnd_plan p {
  margin-top: -1.5rem !important;
}

.scnd_plan .join_btn2 {
  background: #005696 !important;
  margin-top: 2rem !important;
}
.b_form_slecet_search_save11 .v-input__control .v-input__append-inner {
  margin-top: 5px !important;
}
.scnd_plan .rec_list,
.scnd_plan .rec_list2 {
  padding: 14px 13px;
}

.all_pln_ch {
  padding-top: 3rem !important;
}

.bacic_primery_by_ch {
  font-size: 30px;
  font-weight: 700;
  color: white;
  padding: 15px 0;
}

.ch_btn_silver_rounded_02 {
  box-shadow: none !important;
  height: 32px !important;
  width: 32px !important;
  background: #35a2e5 !important;
  border-radius: 0 !important;
  margin-right: 6px !important;
}

/* footer.footer.footer-bar {
  position: fixed;
  bottom: 0;
  width: 100%;
}
footer.footer.mt-15 {
  position: fixed;
  bottom: 40px;
  width: 100%;
} */
span.columnheader1 {
  color: silver;
  font-size: 12px;
  font-weight: 500;
}

.ch_btn_silver_rounded_03 {
  box-shadow: none !important;
  height: 32px !important;
  width: 32px !important;
  background: #a82511 !important;
  border-radius: 0 !important;
  margin-right: 6px !important;
}

img.img_search_icon {
  position: absolute;
  right: 9px;
  top: 17px;
}

/* .navigation_mis_ch {
  padding: 0 !important;
} */
.navigation_mis_ch a {
  border: 1px solid silver;
  text-align: center;
  padding: 4px 17px;
  font-size: 14px;
  margin: 7px 10px;
  border-radius: 3px;
  display: inline-block;
}

.slect_msg_by_ch {
  border-radius: 0 !important;
  background: #b9e5fb !important;
  border-color: #b9e5fb !important;
  color: #005696 !important;
  font-size: 16px !important;
}
body ._btn_gridddd3333 {
  grid-template-columns: 28% 20% 32% 14% !important;
}
img.Dropdown_icon_by_ch {
  position: absolute;
  right: 22px;
  top: 12px;
}
._btn_gridddd3333 .firest button {
  background: #35a2e5 !important;
  color: white !important;
}
.attached_by_ch .v-input__slot {
  margin: 0;
  padding: 3px 10px;
  border-bottom: 0px;
}

.attached_by_ch .theme--light.v-text-field>.v-input__control>.v-input__slot:before {
  border-color: transparent !important;
}

.btn_dash_ch_new {
  border-radius: 0 !important;
  line-height: 0;
  box-shadow: none !important;
  background: #35a2e5 !important;
  color: #ffffff !important;
  width: auto !important;
  padding: 16px 26px !important;
  height: auto !important;
}

.btn_dash_ch_new2 {
  border-radius: 0 !important;
  line-height: 0;
  box-shadow: none !important;
  background: #b9e5fb !important;
  color: #3ba8e8 !important;
  width: auto !important;
  padding: 16px 22px !important;
  height: auto !important;
}

.attached_by_ch .theme--light.v-label {
  color: rgb(0 86 149) !important;
}
.info_short_leatesd span {
    font-size: 11px;
    font-weight: 600;
}
.attached_by_ch {
  margin: 0 !important;
  padding: 0 !important;
  background: #b9e5fb !important;
}

.attached_by_ch .v-input__prepend-outer {
  position: absolute;
  display: none !important;
}

.attached_by_ch .v-text-field__details {
  position: absolute !important;
}

th.text-start.sortable {
  vertical-align: baseline;
}

.headers_job_function_ch thead th.text-start.sortable {
  vertical-align: inherit !important;
}

.filter_by_ch .v-input {
  margin: 0ch !important;
  padding: 0ch !important;
}
.filter_by_ch.secend{
  margin: auto !important;
  padding: initial !important;
}
.filter_by_ch .v-input .v-text-field__details {
  position: absolute;
}

.filter_by_ch .v-input .v-input__slot {
  margin: 0ch !important;
}

.filter_by_ch .v-input .v-input__slot label {
  margin-bottom: 0ch !important;
  top: 12px;
  font-size: 12px;
}

.filter_by_ch .v-input .v-input__slot .v-input__append-inner {
  margin-top: 8px;
}

.new_list_st_by_ch .filter_by_ch .v-input .v-input__slot .v-input__append-inner {
  margin-top: 4px !important;
}

.border__ch .chakbox_ch {
  padding: 0ch 0ch 0ch 1ch !important;
  max-width: 2% !important;
  width: 2%;
}

.search_cv_ch .theme--light.v-label {
  color: rgb(0 0 0);
  font-weight: 600;
  font-size: 1.4ch;
  margin: 0ch !important;
}

.search_cv_ch .theme--light.v-chip:not(.v-chip--active) {
  background: #b3dcf6;
  height: 22px;
}

.border__ch .chakbox_ch2 {
  padding: 0ch !important;
  max-width: 2% !important;
  width: 2%;
}

.search_cv_ch .v-input {
  margin: 0ch !important;
  padding: 0 !important;
}

.cv_search_slect_ch .custom-select-sm {
  height: calc(1.35em + 1.1rem + 2px);
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0.75rem;
  font-size: 12px;
  height: 23px;
}

.cv_search_slect_ch .v-btn:not(.v-btn--round).v-size--small {
  height: 24px;
}

.cv_search_slect_ch .v-input {
  margin: 0ch;
  padding: 0ch !important;
}

.cv_search_slect_ch .v-input .v-text-field__slot input {
  padding: 1px;
}

.cv_search_slect_ch .v-text-field__details {
  position: absolute;
}

.cv_search_P_ch p {
  margin: 0ch !important;
}

td.ch_width_profition1 {
  width: 40%;
}

td.ch_width_profition {
  width: 20%;
}

td.ch_width_profition select {
  width: 72%;
  margin-right: 10px;
}

.ch_width_profition button.btn.btn-sm.btn-success {
  padding: 0;
  height: 32px;
  box-shadow: none !important;
}

.cv_search_slect_ch label.v-label.theme--light {
  margin: 0;
  top: 0px;
}

.border__ch .chakbox_ch3 {
  padding: 0ch 2ch !important;
  max-width: 2% !important;
  width: 2%;
}

.border__ch .v-input--selection-controls__ripple {
  height: auto;
  width: auto;
  left: 0;
  margin: 0px;
}

td.tb_border__ch button.v-expansion-panel-header,
.border__ch .v-expansion-panel-header {
  padding: 0ch 1ch;
  min-height: 4ch;
  height: 4ch;
}

.profile_banner .center_bg {
  background: #eef0f8;
}

.cv_image_by_ch {
  image-rendering: -webkit-optimize-contrast;
  background-size: cover;
  border: 1px solid #d6d6d64f;
  background-color: #d6d6d64f;
  padding: 1ch;
}

.profile_banner .center_bg .v-input.theme--light.v-text-field.v-text-field--is-booted.v-file-input {
  margin: 0;
  padding: 0;
  background: #b9e5fb;
  color: #005696 !important;
}

.profile_banner .center_bg button.v-icon.notranslate.v-icon--link.mdi.mdi-paperclip.theme--light {
  bottom: 22px;
  position: absolute;
  right: 13px;
  background: #005696;
  padding: 4px;
  border-radius: 50px;
  color: white;
}

.profile_banner .center_bg button.v-icon.notranslate.v-icon--link.mdi.mdi-paperclip.theme--light::before {
  content: "\F0CB6";
}

.min_hight_by_ch .v-select__slot {
  min-height: 116px;
}

.min_hight_by_ch .border__input_ch {
  padding: 0;
  margin: 0;
  padding-top: 1.3rem;
}

.profile_banner .center_bg .v-text-field__details {
  position: absolute;
  bottom: -12px;
  left: 12px;
  right: 12px;
}

.profile_banner .center_bg .v-input__slot {
  margin: 0px;
  padding: 0 5px;
}

.profile_banner .center_bg .v-input__prepend-outer {
  width: 0;
}

.profile_banner .theme--light.v-text-field>.v-input__control>.v-input__slot:before {
  border-color: rgba(0, 0, 0, 0.42);
  border-width: 0 !important;
}

.profile_banner img {
  width: 100% !important;
  border-radius: 0 !important;
  border: 1px solid #eef0f8;
}

table thead tr.thead_by_ch th {
  background: white !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  color: black !important;
}

.ch_img_mangeer {
  background: white !important;
}

.ch_img_mangeer img {
  width: 90%;
  height: 90%;
}

.admin_ch_h {
  color: white !important;
  font-weight: 700 !important;
}

.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item.menu-item-open>.menu-heading,
.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item.menu-item-open>.menu-link {
  background-color: #0d6cb0 !important;
}

.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item>.menu-heading .menu-arrow,
.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item>.menu-link .menu-arrow {
  color: #ffffff !important;
}

.light_blue_ch {
  color: #4d89b6 !important;
}
.light_frozi {
  color: #35A2E5 !important;
  padding-top: 9px;
    font-size: 12px;
    padding-bottom: 7px;
    font-weight: bold;
}

.job_details_btn_by_ch {
  padding: 0.5rem;
  display: flex;
}

th.sortable span {
  font-size: 13px !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
}

.border___ch {
  border: 1px solid #b9e5fb;
  position: relative;
}

.border____ch {
  border: 2px solid #eef0f8;
  position: relative;
}

.btn_dash_ch__ {
  border-radius: 0 !important;
  line-height: 0;
  box-shadow: none !important;
  background: #eef0f8 !important;
  color: #eef0f8 !important;
  width: auto !important;
  padding: 10px 12px !important;
  height: auto !important;
}

div .btn_span_ch span {
  font-size: 12px !important;
  line-height: 17px;
  text-transform: capitalize !important;
}

.video_by_ch .video-js {
  width: 100% !important;
}

.msg_ch p {
  margin-bottom: 0 !important;
}

.msg_ch {
  padding: 10px 10px;
  color: white;
  border-radius: 4px;
  background: #005696;
  margin: 10px 0;
}

.btn_dash_ch__gray {
  border-radius: 0 !important;
  line-height: 0;
  box-shadow: none !important;
  background: #eef0f8 !important;
  color: #848484 !important;
  width: auto !important;
  padding: 6px !important;
  height: auto !important;
}

.btn_red__ch {
  background: #a825111f !important;
  color: #a82511 !important;
  border-radius: 0 !important;
  line-height: 0;
  box-shadow: none !important;
  width: auto !important;
  padding: 6px !important;
  height: auto !important;
}

.theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:hover:not(.v-data-table__expanded__content):not(.v-data-table__empty-wrapper) {
  background: #eeeeee00 !important;
}

.btn_dash_ch {
  border-radius: 0 !important;
  line-height: 0;
  box-shadow: none !important;
  background: #b9e5fb !important;
  color: #35a2e5 !important;
  width: auto !important;
  padding: 6px !important;
  height: auto !important;
}

.btn_dash_ch span {
  font-size: 10px !important;
  text-transform: capitalize;
}

.header-fixed.subheader-fixed .subheader {
  height: 34px !important;
}

.brand .brand-logo a img {
  width: 85% !important;
}

.header.header-fixed,
.brand {
  height: 50px !important;
}

.header-fixed.subheader-fixed.subheader-enabled .wrapper {
  padding-top: 90px !important;
}

.header-fixed.subheader-fixed .subheader {
  top: 50px !important;
}

a.profile_custom_link li a {
  padding-left: 3rem !important;
}

.btn_submit__ch {
  border-radius: 0 !important;
  box-shadow: none !important;
  background-color: #35a2e5 !important;
  color: white !important;
  font-size: 18px !important;
  padding: 20px !important;
  font-weight: 400 !important;
}

.btn_submit__ch_cls {
  border-radius: 0 !important;
  box-shadow: none !important;
  background-color: #b9e5fb !important;
  color: #35a2e5 !important;
  font-size: 18px !important;
  margin-left: 10px !important;
  padding: 20px !important;
  font-weight: 400 !important;
}

.quillWrapper .ql-snow.ql-toolbar,
.ql-toolbar.ql-snow+.ql-container.ql-snow {
  border-radius: 0% !important;
}

.Main_Blue {
  color: #005696 !important;
}

.border__input_ch label {
  background: white;
}

.border__input_ch .theme--light.v-chip:not(.v-chip--active) {
  background: transparent !important;
  color: black !important;
  font-size: 12px !important;
  padding: 0px 5px !important;
  line-height: 0;
  height: 16px !important;
}

.border__input_ch input {
  padding: 13px 8px !important;
  font-size: 12px !important;
  color: rgb(0, 0, 0) !important;
  max-height: 42px !important;
}

.border__input_ch label.v-label {
  left: 8px !important;
  top: 13px !important;
  font-size: 12px !important;
  color: rgb(0, 0, 0) !important;
}

.btn_row_ch {
  border-radius: 0 !important;
  padding: 0 !important;
  line-height: 0;
  min-width: 48px !important;
  margin-right: 14px;
  height: 45px !important;
  box-shadow: none !important;
  background: #b9e5fb !important;
  color: #35a2e5 !important;
  font-weight: 600;
}

.checkbox_ch .v-input__slot label {
  margin: 2px 0 0 0 !important;
}
.btn_dash_ch___ {
  border-radius: 8px !important;
  line-height: 0;
  box-shadow: none !important;
  background: #005696 !important;
  color:  white !important;
  padding: 6px !important;
  float: right;
  height: 39px !important;
  width: 135px !important;
  text-align: center !important;
}
.v-btn--is-elevated {
  box-shadow: none !important;
}

.v-input__append-inner {
  margin-top: 8px !important;
}

.border__input_ch label.v-label--active {
  top: 8px !important;
  font-size: 14px !important;
  left: 0px !important;
}

.border__input_ch .v-text-field .v-label {
  top: 8px !important;
  left: 9px !important;
  font-size: 16px !important;
  font-weight: 500;
  color: black !important;
}

.border_b_silver {
  border-bottom: 2px solid #f0f2f7 !important;
}

.border__ch {
  border: 2px solid #b9e5fb;
  border-width: 2px 2px;
  position: relative;
}

.table-responsive {
  overflow-x: unset !important;
}

.ch_btn_silver_rounded_0 {
  box-shadow: none !important;
  height: 32px !important;
  width: 32px !important;
  background: #c0c0c042 !important;
  border-radius: 0 !important;
  margin-right: 6px !important;
}

.dashbord_job_applications .v-data-table__wrapper,
.onbox_page_styling .v-data-table__wrapper,
.v-data-table__wrapper {
  overflow-x: unset !important;
  overflow-y: unset !important;
  border-width: 0 !important;
}

/* .dashbord_job_applications .v-expansion-panel {
  height: 32px !important;
} */
.v-sheet.v-card:not(.v-sheet--outlined),
.v-expansion-panel::before {
  box-shadow: none !important;
}

.dashbord_job_applications .v-expansion-panel-header {
  min-height: 32px !important;
  padding: 0 20px;
}

.tb_border__ch {
  border: 1px solid #b9e5fb;
  border-width: 0 2px 2px !important;
  border-color: #b9e5fb !important;
  height: 32px !important;
}

.v-expansion-panels {
  border-radius: 0 !important;
}

.pk_typrighter {
  width: 75%;
}

.pk_dekstop {
  width: 114%;
}

.auth_inputs_icon input,
.auth_inputs_icon textarea {
  border-color: #8fa8bb !important;
  border-radius: 0 !important;
  background: #d9eeff70 !important;
  padding-left: 50px !important;
}

.auth_inputs_img input {
  border-color: #8fa8bb !important;
  border-radius: 0 !important;
  background: #d9eeff70 !important;
  padding-left: 50px !important;
}

.auth_inputs_img textarea {
  border-color: #8fa8bb !important;
  border-radius: 0 !important;
  background: #d9eeff70 !important;
  /* padding-left: 50px !important; */
}

.auth_inputs_img img {
  top: 1px !important;
  left: 12px !important;
  color: #005595 !important;
  height: 45px !important;
  border-right: 1px solid #8fa8bb !important;
  width: 26px !important;
  padding-right: 10px !important;
  position: absolute;
  padding-top: 10px;
  padding-bottom: 10px;
}

.auth_inputs_icon textarea {
  padding-left: 10px !important;
}

.auth_inputs_icon .icons {
  top: 0px !important;
  left: 12px !important;
  color: #005595 !important;
  height: 41px !important;
  border-right: 1px solid #8fa8bb !important;
  width: 29px !important;
  padding-right: 10px !important;
}

.soicail_img {
  height: 50px;
  /* width: 100%; */
  margin-top: 10px;
}

ul.list_style_imb {
  padding-left: 16px;
}

.hr_blue {
  height: 2px;
  background: #349fe6;
  width: 60px;
  margin: 15px auto;
}

.hr_green {
  height: 2px;
  background: green;
  width: 60px;
  margin: 15px 0;
}

.join_btn2 {
  background: #349fe6;
  padding: 8px;
  color: white !important;
  font-weight: 600;
}

.pk_heading_scend {
  font-size: 37px;
  font-weight: 900;
  color: #005595;
}

.pk_heading_therd {
  font-size: 30px;
  font-weight: 900;
  color: #005595;
}

.submitBnt {
  background: #005595 !important;
  color: white !important;
  text-transform: uppercase !important;
  text-align: center !important;
  font-size: 15px !important;
  padding: 9px !important;
  width: 100% !important;
  border-radius: 0 !important;
}

.co_page_hero {
  background: url(../images/co_page/BGimage.png) no-repeat center center;
  background-size: cover;
  height: 350px;
}

.bg_image_rec {
  background: url(../images/rec/recruitertopbg.png) no-repeat center center;
  background-size: cover;
  /* height: 350px; */
}

.rec_col_bg_img {
  background: url(../images/rec/announcingicon.png) no-repeat right bottom;
  background-size: 25% 58% !important;
  background-position: 50% 36% !important;
  image-rendering: -webkit-optimize-contrast !important;
}

.rec_hero_h {
  font-size: 50px;
  color: #005696;
  line-height: 1.3;
}

.rec_hero_h span {
  font-weight: 600;
  color: white;
}

.follow_button_co {
  background: #005696;
  color: white;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: 500;
  text-align: center;
  padding: 6px 0;
}

.follwer_posts_button_co {
  background: white;
  color: #005696;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
  text-align: center;
  padding: 0;
}

.slect_box_by_ch .v-input__control {
  display: none;
}

.chat_box_ch .chat-box-tray {
  padding: 5px !important;
}

.chat_box_ch .mdi-paperclip::before {
  position: absolute;
  bottom: 0;
}

.chat_box_ch i.material-icons:hover {
  cursor: pointer;
}

.chat_box_ch {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: white;
}

.chat_box_ch input[type="text"] {
  height: 100%;
  width: 100%;
  background: #ddf2fd;
  border-radius: 4px;
  padding: 0 8px;
}

.slect_box_by_ch {
  padding: 0;
  margin: 0;
  position: absolute;
  width: 25px;
  height: 24px;
}

.co_heading {
  font-size: 30px;
  font-weight: bold;
}

.co_profile_pic {
  position: absolute;
  bottom: 0;
  height: 200px;
  width: 100%;
  object-fit: contain;
  background: #ffffff3d;
}

.postion_abslout {
  position: absolute;
  bottom: 0;
}

.btn_lood_ch {
  border-radius: 0 !important;
  background: #005696 !important;
  border-color: #005696 !important;
  color: white !important;
}
.cnic_mobile_mask{
  padding: 13px 8px !important;
    font-size: 12px !important;
    color: rgb(0, 0, 0) !important;
    max-height: 42px !important;
    border: 1px solid silver;
    width: 100%;
}
.multiselect__select:before {
  content: url(../images/job_page/Single_down_arrow.png) !important;
  top: 20% !important;
  border-color: #9990 transparent transparent !important;
  right: 11px !important;
}

ul .social-icon li a svg {
  color: silver;
}

.vew_details_btn {
  margin: -5px;
}

.btn_deteil_tns {
  height: 26px;
  padding: 5px !important;
  margin-right: 6px;
}

.job_description_style p {
  margin: 0 !important;
}
.Urgent_hiring_tag_job {
  background: rgb(229 53 53 / 10%) !important;
  color: #c50303c2 !important;
}
.disabled_email_jobskere{
  opacity: 0.5;
  background: silver;
  color: black !important;
  font-weight: bold;
  font-size: 14px !important;
  pointer-events: none !important;
}
.disabled_email_jobskere .v-text-field__details{
  display: none;
}
.job_description_style ul,
.job_description_style li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.position_style_ch .application_count {
  font-size: 13px !important;
  font-weight: 400;
}

.location_perant_div span {
  display: grid;
  padding-top: 9px;
}

.Urgent_hiring img {
  margin-right: -6px;
  height: 24px;
}

.vew_details_btn {
  text-align: end !important;
}

.vew_details_btn button {
  font-size: 12px;
  color: #005696;
  border: 1px solid #005696;
  padding: 3px;
}

.locations_style,
.salary_style {
  font-size: 14px;
  font-weight: 300;
  margin: 0;
  padding: 0;
}

.location_perant_div {
  display: flex;
}

.svg_icon img {
  width: 20px;
  color: silver !important;
}

.job_listing_header {
  border-bottom: 1px solid silver;
  margin-bottom: 10px;
}

.position_style_ch span.job_function {
  font-size: 12px;
  font-weight: 400;
}

.new_multislect {
  padding: 4px 11px !important;
}

.left_side_filer .card {
  margin-bottom: 3px !important;
}

.ul_p_l {
  padding-left: 1.4em !important;
}

@media only screen and (max-width: 600px) {
  .display-in-grid-imb {
    display: grid;
    grid-template-columns: auto auto;
  }

  .display-in-grid-imb li {
    margin: 0 21px 0 0px;
    list-style: none;
  }
}

.card {
  box-shadow: none !important;
  border-radius: 0px !important;
}

.new_multislect .multiselect .multiselect__tags {
  border-left: 0px !important;
  border-right: 0px !important;
  border-top: 0px !important;
  border-radius: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

select.selectch.form-control.input_ch_h_new {
  border-width: 0 0 1px 0 !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.custom-control-label::before {
  border-radius: 4px !important;
}

.row.form-section {
  margin-bottom: 20px;
}

.__pl {
  padding-left: 20%;
}

.home_top_form {
  background-color: #005696;
  box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 15%);
  padding: 15px 0 !important;
  border-radius: 0px 8px 8px 0;
  margin-top: -9rem;
}

.fnt_fmly {
  font-family: "Sen script=latin rev=2" !important;
  font-weight: 400;
  font-style: normal;
  line-height: initial;
}

.hero_heading {
  font-size: 62px;
  color: #106409;
  font-weight: 500;
}

.home_new .b-r-8-ch,
.home_new .b-r-8-ch input,
.home_new .b-r-8-ch .multiselect__tags {
  border-radius: 8px !important;
}

.home_new .button_by_ch_new_home {
  background-color: #35A2E5 !important;
  border-color: #35A2E5 !important;
  color: white !important;
  padding: 8.5px !important;
}

.p_home_new {
  font-weight: 400;
  font-size: 22px;
  line-height: 140%;
  color: #FFFFFF;
  margin-top: 32px;
  margin-bottom: 0px;
}

.home_new .hero_heading {
  font-size: 3.6em;
  color: #fff;
  font-weight: 700;
}

.hero_heading_child {
  font-weight: bold;
  color: #005696;
}

.btn_red_redus {
  border-radius: 20px !important;
  background-color: #a9250f !important;
  color: #fff !important;
  box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 15%) !important;
  padding: 10px 14px !important;
  outline: none !important;
  width: 100% !important;
}
h5.media-heading.text-primary.by___yes {
  min-height: 41px;
  max-height: 41px;
  overflow: hidden;
}
.fieldch_new {
  height: 38px !important;
  box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 15%) !important;
  border-radius: 20px !important;
  border-color: none !important;
}

a.ch_link_c {
  text-decoration: underline;
}

.hero_img {
  max-width: 90%;
  width: 90% !important;
  float: right;
}

.new_home_col_jobs {
  padding: 7px !important;
  border: 1.5px solid rgba(0, 86, 150, 0.5) !important;
  border-radius: 15px !important;
  margin-top: 5px;
  margin-right: 5px;
}

.new_style_logo {
  border: 1px solid rgba(140, 140, 147, 0.25) !important;
  border-radius: 8px !important;
  width: 60px;
  height: 60px;
  object-fit: initial !important;
}

.media-body.media-right .text-primary .job_title_new_home {
  font-size: 16px !important;
  font-weight: 600 !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: 1.4 !important;
  letter-spacing: normal !important;
  color: #005696 !important;
  display: inline-block;
  max-width: calc(100% - 1px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.chabox_ch_home .form-check-input {
  background-color: #00559600 !important;
  border: 1px solid rgb(255 255 255) !important;
}

.hr_width hr {
  width: 30%;
  margin: 3em auto;
  border-top: 1px solid #666666;
}

.secter_box {
  border: 1px solid #666666;
  border-radius: 10px;
  min-height: 207px;
  position: relative;
  text-align: center;
  vertical-align: top !important;
}

.secter_box_title {
  padding: 8px 2px;
  font-weight: 600;
  margin-bottom: 0;
  font-size: 13px;
  background: #106409;
  color: white !important;
  border-radius: 0 0 7px 7px;
  min-height: 45px !important;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.secter_box img {
  padding: 25px 10px;
  background-size: contain !important;
}

.newest_hearder {
  background: #35a2e5;
  color: white;
  /* border-bottom: 2px solid white; */
}

.newest_hearder_new {
  color: white;
  border-bottom: 2px solid white;
}

.newest_hearder .text-newst {
  font-size: 23px;
  line-height: 2em;
  font-weight: 500;
}

.border_join_keft {
  border-right: 2px solid white;
}

.newest_tabs {
  text-align: end !important;
  float: right;
  color: white;
}

.dollg5 .newest_tabs .newest_btn {
  height: 46px;
  border-radius: 0px !important;
  color: white !important;
  font-size: 13px;
}

.dollg5 .newest_tabs .newest_btn.active,
.nav-pills .nav-link.active {
  background: #005696 !important;
}

.tabpanel_style {
  background: #005696 !important;
  min-height: 238px;
  max-height: 238px;
}

.joinUs_left {
  min-height: 220px;
  max-height: 220px;
  overflow: hidden;
}

.newst_secter_list {
  min-height: 30px;
}

.newst_secter_list a {
  color: white !important;
}

.new_home_ .newst_secter_list a {
  color: #000000 !important;
  font-size: 18px;
  display: inline-block;
  max-width: calc(100% - 6px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.new_home_ .newst_secter_list a.new_home_a {
  color: #000000 !important;
  font-size: 22px;
}

.new_home_ .newst_secter_list a.new_home_a span {
  display: inline-block;
  max-width: calc(100% - 30px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.recruitment_btn_box {
  min-height: 285px;
  max-height: 285px;
  padding: 25px;
}

.new_home_ .by_view_all {
  color: #106409 !important;
  font-size: 22px !important;
}

.recruitment_btn_box span {
  font-size: 19px;
  font-weight: 500;
  color: #106409;
}

.recruitment_btn_box span b {
  font-size: 23px;
  font-weight: 900;
  color: #005696;
}

.recruitment_btn_box button {
  position: absolute;
  bottom: 0;
  left: 12px;
  background: #e1e8f4;
  border: 1px solid #005696;
  color: #005696;
  border-radius: 3px;
  padding: 5px;
  font-size: 13px;
  font-weight: 500;
}

.Book_a_session .firest {
  font-size: 40px;
  font-weight: bolder;
  word-spacing: 0px;
}

.Book_a_session .scend {
  font-size: 23px;
  font-weight: 300;
}

.Book_a_session .button_book {
  background: #349fe6;
  font-size: 24px;
  padding: 9px 25px;
  margin-top: 16px;
  font-weight: 300;
  color: white !important;
}

.feature_job_header {
  border-bottom: 2px solid silver;
  color: #106409;
}

.feature_job_header .col-lg-9 {
  font-size: 25px;
  font-weight: 600;
  color: #106409;
  line-height: 1;
}

.featured_box_hight {
  min-height: 380px;
  max-height: 380px;
}

.featured_box_hight_new {
  min-height: 450px;
  max-height: 450px;
}

.media_new .media-left {
  padding-bottom: 20px;
}

h3.fontch1 {
  padding-top: 30px;
  font-size: 2rem;
}

img.city_img_style {
  width: 100%;
  height: 155px;
}

.form_heading_home {
  text-align: center;
  font-size: 23px;
  font-weight: 600;
  color: #005696;
}

.form_heading_child {
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  color: #005696;
}

.login_tab_hearder .dollg5 {
  padding: 0;
}

.login_tab_hearder .dollg5 ul#pills-tab {
  width: 100% !important;
  border-bottom: 1px solid #349fe6;
  margin-bottom: 10px;
}

.login_tab_hearder .dollg5 ul#pills-tab li.nav-item {
  width: 48%;
  text-align: center !important;
}

.login_tab_hearder .dollg5 ul#pills-tab li.nav-item button.newest_btn {
  width: 100%;
  border-radius: 0px;
  text-align: center !important;
  color: #005696 !important;
  text-transform: uppercase;
  font-weight: 600;
  display: inline;
  padding: 4px;
}

.login_tab_hearder .dollg5 ul#pills-tab li.nav-item button.newest_btn.active {
  width: 100%;
  border-radius: 0px;
  text-align: center !important;
  color: #ffffff !important;
  text-transform: uppercase;
  background: #349fe6 !important;
  font-weight: 600;
  display: inline;
  padding: 4px;
}

.home_auth_btn {
  height: 46px;
  padding: 10px !important;
  background: #005696 !important;
  border: 1px solid #005696 !important;
  border-radius: 0px !important;
  color: white !important;
  width: 100% !important;
  display: block;
  font-weight: 700 !important;
  text-transform: uppercase;
}

.greeen_heading {
  font-size: 30px;
  font-weight: 600;
  color: #106409;
  padding-bottom: 3px;
  border-bottom: 2px solid #e9e9e9;
  margin-bottom: 3px;
  display: inline-block;
}

.img_w_h {
  /* width: 100% !important; */
  height: 100% !important;
  padding-left: 14px;
}

/* end fresh css */
.bg-primary {
  background-color: #2f55d4 !important;
}

.job_city_title[data-v-07e2cee6]:link {
  text-decoration: none !important;
  color: white !important;
}

/* start ch */
.offcanvas {
  visibility: visible !important;
}

.profession_slect_box_ch {
  margin: 0 !important;
  padding: 0;
}

.profession_slect_box_ch .v-input__control .v-input__slot .v-select__slot .v-select__selections {
  max-height: 42px !important;
}

.profession_slect_box_ch.v-select--is-menu-active span.v-chip--select.v-chip.v-chip--clickable.v-chip--no-color.theme--light.v-size--default {
  display: none;
}

.profession_slect_box_ch .v-input__control .v-input__slot .v-select__slot .v-select__selections span.v-chip--select.v-chip.v-chip--clickable.v-chip--no-color.theme--light.v-size--default {
  background: transparent !important;
}

.about_heading1 {
  font-size: 2.9em;
  font-weight: bold;
}

.about_heading2 {
  font-size: 2.9rem;
  font-weight: 100;
}

.about_heading3 {
  font-size: 0.9em;
  font-weight: 600;
}

.p_about {
  font-size: 0.9em;
  color: #8e7a7a;
  font-weight: 400;
}

.about_search_btn {
  color: white;
  background: #005696;
  padding: 1em 1em;
  border-radius: 50px;
  font-size: 1.4em;
  font-weight: 600;
}

.moble_box_section {
  padding: 2em;
  margin-left: -10em;
  border-radius: 40px;
}

.moble_box_section p {
  line-height: 2.2em;
}

.location_ch div.row {
  display: contents !important;
}

button.about_mobile_btn {
  font-size: 1.8em;
  font-weight: 600;
  margin-top: 30px;
  padding: 0.1em 3.8em;
  border-radius: 10px;
  border-color: #736262;
  border: 1px solid;
}

.back_overlay {
  background: #349fe6;
  background-size: cover;
  padding: 4%;
  padding-right: 0;
  overflow: hidden;
  padding-bottom: 0;
}

.card-headerchch {
  background: green;
  color: white;
  text-transform: uppercase;
  text-align: center;
  font-size: 20px;
  padding: 10px;
}

.card-headerch_btn {
  background: #005696;
  color: white !important;
  text-transform: uppercase;
  text-align: center;
  font-size: 15px;
  padding: 5px;
  width: 100% !important;
}

.labal_style {
  font-weight: 600 !important;
}

.blog_header {
  border-bottom: 2px solid silver;
  padding: 0 0em 8px 0px;
}

.blog_header h2 {
  color: green;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 0 !important;
}

.blog_back {
  position: absolute;
  right: 0;
  top: 20px;
}

.join_btn {
  border-radius: 0 !important;
  background: white !important;
  color: #349fe6 !important;
  font-weight: 600 !important;
  font-size: 15px !important;
}

.cv_image_bg {
  background: url(../images/carer_resorses/CV.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
}

.pk_bg_img {
  background: url(../images/job_in_pk/toptalentimage.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  /* border: 1px solid green; */
  padding: 25px;
}

/* .v-menu__content {
  top: 55px !important;
} */
button.rec_btn_phone {
  background: black;
  width: fit-content;
  color: white;
  font-size: 13px;
  padding: 8px;
  margin: 0 auto;
}

.plan_p_style {
  width: 35%;
  font-size: 15px;
  text-align: center;
  font-weight: 500;
  margin: 0 auto;
}

.pk_img_bg_dark {
  background: url(../images/job_in_pk/interviewprepimage.png) !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.rec_bg_last_img {
  background: url(../images/rec/Recruiter_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.plan_bg_1 {
  background: url(../images/rec/Basic.png) !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  height: 400px;
  position: absolute;
  bottom: 58px;
  right: 0px;
  left: 120px;
}

.plan_bg_2 {
  background: url(../images/rec/Standard.png) !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  height: 500px;
}

.plan_bg_3 {
  background: url(../images/rec/Premium.png) !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  height: 400px;
  position: absolute;
  bottom: 58px;
  right: 120px;
  left: 0;
}

.basic_parimier h2 {
  font-size: 30px;
  font-weight: 700;
  color: white;
  padding: 15px 0;
}

.standard_plan h2 {
  font-size: 30px;
  font-weight: 700;
  color: white;
  padding: 33px 0;
}

.standard_plan .rec_list,
.standard_plan .rec_list2 {
  width: 54% !important;
  margin: 0 20% !important;
  padding: 12px !important;
}

.standard_plan button {
  width: 51% !important;
  background-color: #005595;
  position: absolute;
  left: 22%;
  bottom: 10%;
}

.list_price {
  font-size: 18px;
  font-weight: 700;
}

.basic_parimier button {
  position: absolute;
  left: 20%;
  bottom: 5%;
}

.rec_list {
  background: lavender;
  width: 80%;
  margin: 0 auto !important;
  text-align: start;
  padding: 9px 12px;
  font-size: 12px;
}

.rec_list2 {
  background: rgb(255, 255, 255);
  width: 80%;
  margin: 0 auto !important;
  text-align: start;
  padding: 9px 12px;
  font-size: 12px;
}

.rec_list img {
  padding-right: 12px;
  width: auto;
  height: 16px;
}

.rec_list2 img {
  padding-right: 12px;
  width: auto;
  height: 16px;
}
body .add_note_btn_ch{
  width: fit-content !important;
    padding: 8px 15px !important;
    margin-top: 10px !important;
    background: #005696 !important;
    color: white !important;
    font-weight: bold !important;
    height: fit-content !important;
    line-height: 1 !important;
}
.rec_bg_last_img button {
  background: white;
  color: #349fe6;
  padding: 7px 20px;
  margin: 5px;
  width: 157px;
  font-weight: 500;
}
.text_era_note_title{
  width: 100% !important;
  background: #3699ff00 !important;
  border: 1px solid #a7a7a7 !important;
  margin-top: 13px !important;
  border-radius: 4px !important;
  padding: 4px !important;
}
.rec_bg_last_img p {
  font-size: 13px;
  color: white;
}

.rec_bg_last_img h2 {
  font-weight: 600;
  color: white;
  padding: 0px 0;
}

.rec_bg_last_img {
  padding: 15px;
}

.pk_job_img {
  position: absolute;
  right: 0;
  width: 80%;
}

.bg_img_greeen {
  background-image: linear-gradient(to right, rgba(255, 0, 0, 0), #2eca8b);
  padding: 25px;
}

.pk_bg_img h2,
.pk_bg_img2 h2 {
  font-size: 30px;
  color: green;
  font-weight: 700;
}

.pk_bg_img h2 span,
.pk_bg_img2 h2 span {
  color: #005595 !important;
}

.pk_bg_img3 h2 {
  font-size: 35px;
  color: green;
  font-weight: 700;
}

.pk_bg_img3 h2 span {
  color: #005595 !important;
}
.b_form_slecet_search_save11____ .v-input__control{
  padding: 2px 4px !important;
  border: 1px solid #a19c9c !important;
  border-radius: 8px !important;
  margin: 0px !important;
}
body .b_form_slecet_search_save11.__12 .v-input__control{
  padding: 3px 4px !important;
}
.b_form_slecet_search_save11____ .v-input__slot{
  margin: 0 !important;
}
.b_form_slecet_search_save11____ .v-input__slot::before {
  border: none !important;
}
body .b_form_slecet_search_save11____ label{
  left: 9px !important;
  top: 7px !important;
  font-weight: 400 !important;
}
body .___hide_back_label label.v-label {
  background-color: white !important;
  left: auto !important;
}
.rec_Recruitment {
  border-width: 2px 0;
  border-color: silver;
  border-top-style: outset;
  border-bottom-style: double;
  padding: 20px 0;
}

.rec_Recruitment img {
  padding: 13px;
}

.rec_Recruitment h3 {
  color: green;
  font-size: 23px;
  font-weight: 700;
  padding: 13px;
  margin: 0;
}

.rec_Recruitment p {
  font-size: 14px;
  padding: 0 13px;
  text-align: justify;
}

.rec_Recruitment button {
  width: 100%;
  background: #e3e3e3;
  padding: 9px !important;
  font-size: 16px;
  font-weight: 500;
}

.rec_form_style h2.auth_title {
  color: white !important;
}

.rec_form_style p {
  color: white !important;
}

.rec_form_style input {
  background-color: white !important;
}

.rec_form_style button.submitBnt {
  background: white !important;
  color: #005696 !important;
  font-weight: 600;
}

.auth_heading {
  font-size: 50px;
  color: white;
  font-weight: 400;
  padding-right: 5% !important;
  line-height: 1;
}

.auth_disctption {
  text-align: center;
  font-size: 12px;
  padding: 0 6%;
}

.auth_title {
  text-align: center;
  font-size: 28px;
  color: green;
  font-weight: 600;
}

.job_elrat_city label.v-label.theme--light {
  font-weight: bold;
  color: #3f4259;
}

button.btn_dash_ch__.btn_span_ch:focus:not(:focus-visible) {
  background: #ff00002b !important;
}

.contact_image_bg {
  background: url(../images/login_contact/Contactusbg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 5em;
  margin-top: 5em;
}

.shorlistedCandidates_details .col.col-md-4.row.m-0 .col.col-md-12.row.m-0 {
  padding: 0;
}

.shorlistedCandidates_details .col.col-md-4.row.m-0 .col.col-md-12.row.m-0 .col-7 {
  padding: 6px;
}

.video-player.video-player-box .video-js {
  width: 300px !important;
  height: 200px !important;
}

.video-player.video-player-box_audio .video-js {
  width: 100% !important;
  height: 70px !important;
  margin-top: 13px;
  border-radius: 6px;
  overflow: hidden;
}

.video-player.video-player-box_play .video-js {
  width: 100% !important;
  height: 200px !important;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 12px;
  margin-top: 13px!important;
}

.card.sidebar .bg-white .video-player.video-player-box .video-js {
  width: 100% !important;
  height: 200px !important;
}

body .forvideoFullW .video_by_ch2 .video-js {
  width: 100% !important;
  height: 200px !important;
}

.login_image_bg {
  background: url(../images/login_contact/Loginbg.png) !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  padding: 5em !important;
  margin-top: 1.5em !important;
  min-height: 60vh;
}
._404_background_img {
  background: url(../images/404/Background.svg) !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  padding: 5em !important;
  margin-top: 1.5em !important;
  min-height: 70vh;
}
._404_background_img .heading {
  color: #005696;
  font-size: 66px;
  font-weight: bold !important;
}
._404_background_img .text {
  color: #005696;
  font-size: 28px;
  font-weight: 500;
}
._404_background_img button {
  background: #349fe6;
  text-align: center;
  font-size: 20px;
  color: white;
  border-radius: 6px;
  padding: 10px 15px;
}
._404_background_img img {
  width: 70%;
  margin-bottom: 50px;
}
.multiselect[data-v-658ab5b0] {
  min-height: 30px !important;
}

.rigister_image_bg {
  background: url(../images/login_contact/Signupbg.png) !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  padding: 5em !important;
  margin-top: 1.5em !important;
}

.back_overlay h2 {
  color: white;
  font-weight: bold;
  font-size: 1.7rem;
}

.back_overlay p {
  color: #ffffffb3;
  font-size: 14px;
}

.tooltipch {
  position: inherit;
  display: inline-block;
}

.cardbodych3 {
  width: 100% !important;
  overflow-x: hidden !important;
  padding: 12px !important;
  max-height: 63vh !important;
  overflow-y: scroll;
}

/* .dropdown_ch_years .v-list-item__title::before {
  content: "More then ";
}
.dropdown_ch_years .v-list-item__title:after {
  content: " years";
} */
.home_co_ch_div .col_bg_ch {
  background: #349fe630;
  padding: 0 7px !important;
  border: 3px solid white;
  cursor: pointer;
}

.tooltipch .tooltiptextch {
  visibility: hidden;
  width: 120px;
  background-color: rgb(0 86 150 / 55%);
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}
.tooltipch .tooltiptextch1122 {
  visibility: hidden;
  background-color: #005696 !important;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 6px;
  position: absolute;
  z-index: 1;
  font-size: 11px;
}
.tooltipch .tooltiptextch1122 a {
  font-weight: bold !important;
  color: #58cbff !important;
  padding: 0 3px;
}
.tooltipch .tooltiptextch1122 a:hover {
  font-weight: bold !important;
  color: #7fb6cf !important;
  padding: 0 3px;
}
.blog_navbar_ch {
  position: absolute;
  right: 20px;
}

a.custom-submit-button.btn_submit__ch111 {
  border-radius: 0 !important;
  box-shadow: none !important;
  background-color: #35a2e5 !important;
  color: white !important;
  font-size: 14px !important;
  padding: 7px !important;
  font-weight: 400 !important;
}

#toggeile_button {
  border: 0;
  outline: none !important;
}

.navbar-light #toggeile_button {
  color: transparent;
}

.home_btn_col_ch {
  padding-right: 0 !important;
  margin-bottom: 0px !important;
}

.home_section_two_ch {
  margin-top: 6rem;
}

.hide_on_dectop_ch {
  display: none;
}

.img_two_sction_ch {
  padding-top: 5rem;
}

.home_section_two_last_box {
  background: url(../images/home/Cardbackground.png) no-repeat center 0px;
  min-height: 207px;
  background-size: cover;
  border-radius: 10px;
  margin: 0 0 0 11px;
  max-width: 125px !important;
}

.section_five_by_ch {
  padding-right: 0 !important;
}

.bool_section_ch {
  text-align: end !important;
}

.city_section_by_ch {
  padding-left: 0 !important;
}

.city_section_by_ch {
  padding-right: 0 !important;
}

.p_by_ch_b {
  padding-bottom: 0rem !important;
}

.about_p_by_ch {
  padding: 5rem 0;
}

.left_side_mobile {
  display: block !important;
}

.hide_by_ch {
  display: none !important;
}

.follwer_posts_button_co {
  margin-left: 3rem;
}

.form-group .form-control {
  -webkit-box-shadow: none !important;
}

* {
  font-family: "plus jakarta sans";
}

.hide_on_dectop_ch__ {
  display: none !important;
}

.newest_hearder_new__ {
  border-bottom: 2px solid #c3c8d1;
}

p.gray.mb-0.detail_body.col-12.p-0 {
  font-size: 9px !important;
}

button.m-1 img {
  width: 85px;
  height: 25px;
}

a.m-1 img {
  height: 25px;
}

.form_home_div {
  margin-bottom: 40px !important;
}

.row.pb-2.l_p_z.hide_on_mobile_ch .location_perant_div.col-lg-9.d-flex.l_r_p_z {
  padding-left: 14px !important;
}

.border_b_silver span.Main_Blue {
  font-size: 18px;
}

section div .row .left_side_filer div.card.hide_by_ch {
  display: block !important;
}

.ch_btn_silver_rounded_0 img {
  height: 16px;
  width: 16px;
}

.job_list_d {
  display: block !important;
}

.job_list_m {
  display: none !important;
}

.ch_rej_btn_h1 {
  border-bottom: 1px solid #005696;
  margin-bottom: 18px !important;
  padding: 0 !important;
}

.rigister_image_bg .col-lg-5.row.m-0.col-md-6.bg-white.p-0.Small {
  box-shadow: 0px 0px 5px 4px #d0c3c354;
}

.job_sekker_btn1 {
  /* background: url(../images/JobseekerBG.png) !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important; */
  background: #005696;
  color: white;
  padding: 10px 20px !important;
  font-size: 18px;
  text-align: center !important;
}

.job_sekker_btn1 a {
  color: white !important;
}

.model_by_ch_top .v-dialog.v-dialog--active.v-dialog--persistent {
  overflow-x: hidden;
}

.job_sekker_btn2 {
  color: #005696 !important;
  padding: 10px;
  font-size: 18px;
  /* height: 72px; */
  /* border-bottom: 1px solid #005696; */
}

.job_sekker_btn2 a {
  color: #005696 !important;
  padding: 0px !important;
  font-weight: bold;
}

.job_sekker_btn4 {
  /* background: url(../images/JobseekerBG.png) !important;
  background-size: cover !important;
   background-repeat: no-repeat !important; 
  background-position: center !important; */
  background: #005696;
  color: white;
  padding: 10px 0px !important;
  font-size: 18px;
  text-align: center !important;
}

.job_sekker_btn4 a {
  color: white !important;
}

.job_sekker_btn3 {
  color: #005696 !important;
  padding: 10px;
  font-size: 18px;
  text-align: center !important;
  /* height: 72px; */
  /* border-bottom: 1px solid #005696; */
}

.job_sekker_btn3 a {
  color: #005696 !important;
  padding: 0px !important;
  font-weight: bold;
}

.job_sekker_btn4:after,
.job_sekker_btn1:after {
  content: url(../images/icon_ch.png);
  position: absolute;
  left: 72%;
  bottom: -23px;
}

.password_show_ch {
  position: absolute;
  right: 9px;
  top: 13px;
}

.logoutApply {
  display: block;
  padding: 5px;
  text-align: center;
  background: #005696;
  color: white !important;
  font-size: 26px;
}

.logoutApply1 {
  display: block;
  padding: 5px;
  text-align: center;
  background: #2eca8b;
  color: white !important;
  font-size: 26px;
}

.auth_inputs_img2 img {
  top: 1px !important;
  left: 12px !important;
  color: #005595 !important;
  height: 40px !important;
  border-right: 1px solid #8fa8bb !important;
  width: 26px !important;
  padding-right: 10px !important;
  position: absolute;
  padding-top: 10px;
  padding-bottom: 10px;
}

.auth_inputs_img3 img {
  top: 1px !important;
  left: 7px !important;
  color: #005595 !important;
  height: 32px !important;
  border-right: 1px solid #8fa8bb !important;
  width: 24px !important;
  padding-right: 10px !important;
  position: absolute;
  padding-top: 10px;
  padding-bottom: 10px;
}

button.btn.btn-default.join_btn {
  padding: 10px 0;
  width: 100%;
}

div#tag_line_dashbord_bt_ch {
  display: none;
}

div#kt_footer .nav.nav-dark a {
  background: #005696;
  margin-left: 10px;
  padding: 0 10px !important;
  color: white !important;
}

button.custom-submit-button {
  background-color: #005696 !important;
  color: white !important;
  border-radius: 0;
  margin-right: 10px;
  font-size: 18px !important;
  padding: 20px !important;
  font-weight: 400 !important;
}

button.custom-cancel-button {
  border-radius: 0 !important;
  box-shadow: none !important;
  background-color: #b9e5fb !important;
  color: #35a2e5 !important;
  font-size: 18px !important;
  margin-left: 10px !important;
  padding: 20px !important;
  font-weight: 400 !important;
}

b.ch_link_c2 {
  font-size: 22px !important;
  margin-top: 32px !important;
}

.home_new a.ch_link_c.text-white {
  opacity: 0.7;
  border: 1.5px solid #FFFFFF;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 400 !important;
  margin-right: 10px;
  padding: 8px 16px 10px 16px;
}

.h3_by_new_home_blue {
  font-weight: 600 !important;
  font-size: 28px !important;
  color: #005696 !important;
  margin-bottom: 3px;
}

.p_by_new_home_blue {
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 21.4px;
  color: #000000 !important;
}

.row_by-ch {
  gap: 2% !important;
  width: 100% !important;
  display: grid;
  grid-template-columns: 61% 37%;
}

.row_by-ch2 {
  gap: 2% !important;
  width: 100% !important;
  display: grid;
  grid-template-columns: 70% 28%;
}

.row_by_new_city {
  gap: 2% !important;
  width: 100% !important;
  display: grid;
  grid-template-columns: 49% 49%;
}

.row_by_new_city2 {
  gap: 2% !important;
  width: 100% !important;
  display: grid;
  grid-template-columns: 32% 32% 32%;
}

.w_100_img_new_city {
  width: 100%;
  margin: 10px auto 0;
}

.city_jobs_new_home {
  font-style: normal;
  font-weight: 500;
  font-size: 21px !important;
  line-height: 26px;
  text-align: center;
  color: #263238 !important;
  display: block;
}

.col-lg-8_by-ch,
.col_by_city {
  width: 100% !important;
}

.col-lg-4-by_ch {
  width: 100% !important;
}

.img_ne_h_img {
  width: 63%;
  margin-left: auto;
}

.bg-light-new-home {
  padding: 24px 32px 24px;
  background: rgba(53, 162, 229, 0.1);
  border-radius: 32px;
}

.bg-light-new-home_4 {
  padding: 24px 32px 24px;
  background: transparent;
  border-radius: 32px;
  border: 2px solid #005696;
}

.leatext_job_heading_by_new_home {
  font-weight: 600 !important;
  font-size: 28px !important;
  padding-top: 0px !important;
  color: #005696 !important;
}

.bg-light-new-home .nav.nav-pills .nav-link {
  padding: 5px 12px 6px !important;
  opacity: 0.5 !important;
  border: 1.5px solid #35A2E5 !important;
  border-radius: 8px !important;
  font-size: 18px !important;
  color: #35A2E5 !important;
  background-color: transparent !important;
  margin: 0 4px;
}

.bg-light-new-home .nav.nav-pills .nav-link.active {
  opacity: 1 !important;
  color: #fff !important;
  background-color: #35A2E5 !important;
}

.span_verfiyd_job {
  padding: 3px;
  border-radius: 4px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0.01em;
  margin-right: 5px;
  background: #DFE7DE;
  color: #106409;
  text-align: center;
}

.span_view_d_job {
  padding: 3px 7px;
  border: 1px solid #005696;
  background: #005696;
  color: #ffffff;
  margin: 0;
  text-align: center;
}

.Full-time_ {
  background-color: rgba(53, 162, 229, 0.2);
  color: #005696;
  text-align: center;
}

.Full-time {
  background-color: rgb(150 241 67 / 38%);
  color: #066d00;
  text-align: center;
}

.Contract {
  background-color: #f4ae281c;
  color: #f4ae28;
  text-align: center;
}

.Contract_ {
  background-color: rgba(237, 54, 54, 0.15);
  color: #C03D3D;
}

.Freelancing {
  background-color: rgba(140, 140, 147, 0.15);
  color: #000000;
}

.Apprenticeship {}

.new_home_hr {
  border-top: 2px solid rgba(16, 100, 9, 0.15) !important;
  background: rgba(16, 100, 9, 0.15) !important;
}

.new_home_hr2 {
  border-top: 1.5px solid rgba(16, 100, 9, 0.15) !important;
  background: rgba(16, 100, 9, 0.15) !important;
  margin: 5px 0;
}

.blue_col_new_home {
  padding: 20px;
  background: linear-gradient(180deg, #35A2E5 0%, #005696 100%);
  border-radius: 32px;
}

.bg_blue_ch_dark {
  background-color: #005696 !important;
  background: linear-gradient(180deg, #005696 0%, #005696 100%);
}

.blue_new_home {
  font-weight: 700 !important;
  font-size: 26px !important;
  line-height: 140%;
  color: #FFFFFF !important;
}

.blue_new_home_h {
  border-top: 1.5px solid rgba(255, 255, 255, 0.15) !important;
  background: rgba(255, 255, 255, 0.15) !important;
  width: 40%;
  margin: 18px 0;
}

.blue_child_heading_new_home {
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  color: #FFFFFF;
}

.join_now_new_home {
  padding: 12px 22px;
  background: #FFFFFF;
  border-radius: 16px;
  font-weight: 600;
  font-size: 18px;
  line-height: 140%;
  color: #005696 !important;
}

.register_new_home {
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
  color: #38b3ff !important;
  text-decoration: underline !important;
  padding-left: 10px;
}

.by_chDiscription_tags * {
  color: #262525 !important;
  pointer-events: none;
}

.hero_img {
  max-width: 76%;
  width: 76% !important;
}

h5 .small_new_home23 {
  font-size: 13px !important;
}

.Featured_Recruiters {
  background: rgba(53, 162, 229, 0.1);
  padding: 48px 0 !important;
}

.fiucher_c_ne_home {
  width: 70px;
  height: 70px;
  background: transparent;
  border: 1px solid rgba(140, 140, 147, 0.25);
  border-radius: 8px !important;
}
h5.media-heading.text-primary a {
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 140% !important;
  color: #005696 !important;
}
.new_home_by_chbluebg_C {
  background-color: #005696 !important;
  color: #fff !important;
  font-size: 18px !important;
  padding: 0px 5px !important;
  border-radius: 4px !important;
  border: 0.75px solid #005696 !important;
  font-weight: 500 !important;
}
.verfiyed_compony___{
  position: absolute;
    right: 3px;
    top: -4px;
}
.verfiyed_compony___2{
  position: absolute;
    right: 20px;
    top: -3px;
}
body .chchch____{
  color: #005696 !important;
  background-color: transparent !important;
  padding: 0px 6px !important;
}
.new_home_col_jobs h5.company-name{
    display: inline-block;
    max-width: calc(100% - 0px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}
.small_new_home {
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 12px !important;
  color: #000000 !important;
}

.small_new_home2 {
  font-weight: 400 !important;
  font-size: 8px !important;
  line-height: 12px !important;
  color: #000000 !important;
  display: inline-block;
  max-width: calc(100% - 4px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.small_new_home3 {
  display: inline-block;
  max-width: calc(100% - 4px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.newst_secter_list_new_home:hover {
  border-bottom: 1px solid silver;
}

.newst_secter_list_new_home {
  border-bottom: 1px solid transparent;
  margin-bottom: 22px;
}

.border_new_home {
  border: 1.5px solid #005696;
  border-radius: 16px;
  padding: 10px;
  padding-bottom: 0;
}

.border_new_home:hover {
  background-color: #005696;
}

.border_new_home:hover .city_jobs_new_home {
  color: white !important;
}

.border_new_home:hover .dufalt {
  display: none;
}

.border_new_home:hover .hover_img {
  display: block !important;
}

.hover_img {
  width: 100% !important;
}

.row_by_new_city .col_by_city {
  height: 214px;
  overflow: hidden;
  position: relative;
}

.row_by_new_city .col_by_city img {
  /* height: 166px; */
  vertical-align: initial;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
}

.row_by_new_city .col_by_city .img2 {
  /* width: 90%; */
  bottom: -1px;
}

.row_by_new_city2 .col_by_city {
  position: relative;
  overflow: hidden;
}

.row_by_new_city2 .city_jobs_new_home img {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
}

.login_tab_hearder.login_new_home .dollg5 ul#pills-tab {
  width: 100% !important;
  border-bottom: 1px solid #349fe6;
  margin-bottom: 10px;
  background: #ffffff !important;
  border-width: 0 !important;
  /* padding: 14px; */
  border-radius: 16px !important;
}

.login_tab_hearder.login_new_home .dollg5 ul#pills-tab li.nav-item button.newest_btn.active {
  border-radius: 16px !important;
  padding: 12px 16px !important;
}

.login_tab_hearder.login_new_home .dollg5 ul#pills-tab li.nav-item button.newest_btn {
  padding: 12px 14px !important;
  border-radius: 16px !important;
}

.login_tab_hearder.login_new_home .dollg5 ul#pills-tab li.nav-item {
  width: 50% !important;
  margin: 0 !important;
}

.login_new_home_prent input,
.login_new_home_prent input:focus {
  border: 1.5px solid #ffffff61 !important;
  border-radius: 16px !important;
  background: transparent !important;
}

body .login_new_home_prent #direct_employer:focus,
body .login_new_home_prent #recruitment_agency:focus,
body .login_new_home_prent #direct_employer:checked,
body .login_new_home_prent #recruitment_agency:checked {
  border: 3.5px solid #ffffff !important;
  border-radius: 16px !important;
  background: #41a8fd !important;
}

.new_home_by_ch {
  background: #349fe6 !important;
  border-radius: 16px !important;
}

.row_by_logos_new_home {
  gap: 2% !important;
  width: 100% !important;
  display: grid;
  grid-template-columns: 18.5% 18.5% 18.5% 18.5% 18.5%;
}

.col_md_2_ch,
.col_md_2_ch img {
  width: 100%;
}

.new_home_heading_logos {
  font-weight: 600;
  font-size: 40px;
  line-height: 40px;
  color: #005696;
}

.new_home_by_chbluebg {
  background-color: #005696 !important;
  color: #fff !important;
  border-radius: 16px !important;
  padding: 14px 38px;
  font-size: 18px;
}

.new_home_by_chbluebg1 {
  font-weight: 400;
  font-size: 26px;
  line-height: 140%;
  color: #000000;
  padding: 20px 0;
}

.new_home_last_heading_ch {
  padding-top: 18%;
}

footer li i {
  color: #35A2E5 !important;
  font-size: 15px !important;
  line-height: 27px !important;
}

.footer.footer-bar {
  padding: 10px 0;
  border-top: 1px solid #B9E5FB !important;
  background-color: #B9E5FB !important;
}

footer.footer.footer-bar * {
  color: #005696 !important;
  font-weight: 600 !important;
}

.footer .foot-subscribe .form-control,
.footer .foot-subscribe .form-control:focus {
  background-color: transparent !important;
  border: 1px solid #ffffff91 !important;
  color: #f8f9fc !important;
  border-radius: 8px !important;
  padding: 6px 35px !important;
  height: 36px !important;
}

.footer input#submitsubscribe {
  height: 36px !important;
  border-radius: 8px !important;
  text-transform: uppercase;
  padding: 0;
  background: #008EE5 !important;
  border-color: #008EE5 !important;
  color: white !important;
  font-size: 14px !important;
  font-weight: 500;
}

.social-icon li a {
  display: inline-block !important;
  height: 31px !important;
  width: 31px !important;
  line-height: 24px !important;
  text-align: center !important;
  overflow: hidden !important;
  position: relative !important;
  background: #ffffff !important;
  border-radius: 4px !important;
  padding: 0px !important;
  font-size: 36px !important;
}

.social-icon li a .fea-social {
  width: 26px !important;
  height: 26px !important;
  color: #005696 !important
}

.col-lg-3.col-md-4.col-12.mt-4.mt-sm-0.pt-2.pt-sm-0 ul.list-unstyled.social-icon.social.mb-0.mt-2.text-start {
  margin-top: 20px !important;
}

.Me_side_msg {
  width: 100%;
  text-align: end;
}

.Me_side_msg .chatBox {
  background: rgb(53, 162, 229);
  width: fit-content;
  max-width: 70% !important;
  border-radius: 4px;
  padding: 4px 12px !important;
  display: inline-block;
}

.Me_side_msg .chatBox p {
  color: white;
  font-size: 13px;
  line-height: 1.1;
  margin: 0 !important;
}

.Me_side_msg p.msgTime {
  color: silver;
  font-size: 10px;
  margin-right: 2px;
  margin-bottom: 2px;
}

.you_side_msg {
  width: 100%;
}

.you_side_msg .chatBox {
  background: #848e98;
  width: fit-content;
  max-width: 70% !important;
  border-radius: 4px;
  padding: 4px 12px !important;
  display: inline-block;
}

.you_side_msg .chatBox p {
  color: white;
  font-size: 13px;
  line-height: 1.1;
}

.you_side_msg p.msgTime {
  color: silver;
  font-size: 10px;
  margin-left: 29px;
  margin-bottom: 2px;
}

.you_side_msg .profile_img_chat {
  display: unset;
  margin-right: 5px;
}

.you_side_msg .profile_img_chat img {
  width: 20px;
  height: 20px;
  border: 1px solid #ffffff00;
  border-radius: 17px;
  object-fit: contain;
  align-items: baseline !important;
}

.chat_box_whit_new_styleCH {
  padding: 6px 0px 0px !important;
  position: relative !important;
  background: #ffffff00 !important;
  border: 1px solid #ffffff;
  border-radius: 6px;
  overflow: hidden;
}
.text-black , .textblack_______ *{
  color: black !important;
}
.filter_by_ch .v-input label{
  background: #eef0f8 !important;
}
.chat_box_ch input[type="text"]:focus {
  border: 0 !important;
  outline: 0 !important;
}

.chat_box_whit_new_styleCH .chat_box_ch .v-text-field {
  padding-top: 8px;
  margin-top: 3px;
}

.chat_box_whit_new_styleCH .col-1.p-0 i.material-icons {
  color: #005696;
  margin-top: 2px !important;
}

.chat_box_whit_new_styleCH_child {
  max-width: 660px;
  min-height: 200px;
  padding: 3px 10px;
  margin-bottom: 0px !important;
  overflow-y: auto;
  max-height: 250px;
}
.count_applicant {
  font-size: 18px;
    line-height: 31px;
    margin-right: 12px;
    color: #7f7c7c;
    font-weight: 700;
}
.chat_is_not_avilable {
  font-size: 35px;
  text-align: center;
  padding: 0px;
  font-weight: bold;
  color: #848e98;
  /* text-shadow: 4px 4px #00000021; */
}

@media only screen and (max-width: 1400px) {
  img.w_100_img_new_city.dufalt.lahore_image {
    left: -16px;
  }
  .row_by_new_city .col_by_city img{
    width: 100%;
  }
  img.w_100_img_new_city.dufalt.Karachi{
    width: 60% !important;
  }
  .new_home_by_chbluebg_C{
    font-size: 12px !important;
    padding: 0px 5px !important;
    font-weight: 600 !important;
    width: fit-content;
  }
  .newst_secter_list_new_home {
    margin-bottom: 6px;
  }

  .new_home_heading_logos {
    font-size: 37px;
  }

  .span_verfiyd_job {
    padding: 3px;
    font-size: 12px;
    font-weight: 600;
  }

  .new_home_col_jobs {
    padding: 6px !important;
    border: 1.5px solid rgba(0, 86, 150, 0.5) !important;
    border-radius: 15px !important;
    margin-top: 3px;
    margin-right: 5px;
  }

  .hero_img {
    max-width: 90%;
    width: 90% !important;
  }

  .blue_col_new_home {
    padding: 22px;
  }
  .col-lg-4-by_ch.blue_col_new_home.bg_blue_ch_dark h3.text-white.text-center.font-weight-bold {
    font-size: 17px;
    font-weight: bold !important;
  }
  .register_new_home {
    font-size: 14px;
    padding-left: 5px;
  }
  .p_home_new{
    font-size: 19px;
  }
  .home_new .hero_heading{
    font-size: 3.2rem;
  }
  .join_now_new_home {
    padding: 11px 17px;
    font-size: 17px;
}
  .blue_child_heading_new_home {
    font-weight: 400;
    font-size: 15px !important;
    line-height: 20px;
    color: #FFFFFF;
    padding-top: 10px;
    padding-left: 10px;
  }
}
body .new_list_st_by_ch .change_b____ label{
  background-color: transparent !important;
  background: transparent !important;
}
body .by_top_rated_CO{
  width: 70px !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-bottom: 3px !important;
  padding: 2px !important;
}
.fucherBYCHNEWS{
  background: rgba(53, 162, 229, 0.1) !important;
  color: #35A2E5 !important;
}
h5.media-heading.text-primary.by___yes a {
  line-height: 20px !important;
}
@media (max-width: 768px) {
  body .new_home_by_chbluebg_C{
    font-size: 12px !important;
    padding: 0px 5px !important;
    font-weight: 600 !important;
    width: fit-content;
  }
  body .by_top_rated_CO {
    width: 100% !important;
    font-size: 11px !important;
  }
  body .new_home_.Featured_Recruiters {
    padding: 24px 0 !important;
    margin-bottom: 30px !important;
  }
  body .new_home_.Featured_Recruiters._2nd{
    padding-bottom: 40px !important;
  }
  .home_new .for_mobile_p_bAndch {
    padding-top: 40px !important;
    padding-bottom: 10px !important;
  }

  .home_new .for_mobile_p_bAndch1 {
    padding-top: 0px !important;
    padding-bottom: 20px !important;
  }

  .home_new .p_home_new {
    margin-top: 15px !important;
    font-size: 18px !important;
  }

  .new_home_hr2 {
    margin: 3px 0 !important;
  }

  .home_new .hero_heading {
    text-align: start !important;
    font-size: 28px !important;
  }

  section.bg-white.w-100.margin_top_page {
    overflow: hidden;
  }

  input.form-control.fieldch_new.selectch {
    border-radius: 8px !important;
  }

  b.text-white.ch_link_c2.d-block.mb-5 {
    margin: 17px 0 10px 0 !important;
    font-size: 18px !important;
    font-weight: 500;
  }

  .home_new b.text-white.ch_link_c2.d-block.mb-5 {
    margin: 0 !important;
  }

  .home_new a.ch_link_c.text-white {
    display: inline-block;
    margin-top: 7px !important;
    font-size: 11px !important;
    margin-right: 3px;
    padding: 3px;
    border-radius: 4px;
  }

  .row_by-ch {
    grid-template-columns: 100%;
  }

  body .home_fix_ch {
    padding: 0 0 35px 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }

  body .home_fix_ch2 {
    border-radius: 0 !important;
  }

  .blue_col_new_home {
    padding: 30px 30px !important;
    padding-bottom: 46px !important;
  }

  h3.leatext_job_heading_by_new_home.text-center {
    font-size: 32px !important;
    text-align: start !important;
  }

  body .home_fix_heading {
    display: block !important;
  }

  body .home_fix_heading li {
    width: 50% !important;
    margin: 0 !important;
    text-align: center !important;
  }

  body .home_fix_heading li button {
    width: 96% !important;
    margin: 0 !important;
    padding: 4% 17% !important;
  }

  body .home_fixes_new_ch {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  body .home_fixes_new_ch_34 label,
  .home_fixes_new_ch_34 input {
    color: white !important;
  }

  body .home_fixes_new_ch_34 .form-check-input:checked {
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
  }

  body .home_fixes_new_ch22 {
    padding-left: 0 !important;
  }

  body .row_by_new_city2 {
    margin-top: 20px !important;
  }

  body .city_jobs_new_home {
    font-size: 15px !important;
  }

  .login_tab_hearder.login_new_home .dollg5 ul#pills-tab li.nav-item button.newest_btn.active {
    height: 42px !important;
  }

  .text-center.new_home_heading_logos.pt-5 {
    font-size: 22px !important;
  }

  body .row_by_new_city .col_by_city {
    height: 170px !important;
  }

  body .row_by_new_city2 .city_jobs_new_home img {
    width: 100% !important;
    height: 252px !important;
  }

  body .row_by_new_city .col_by_city img {
    height: 100px !important;
    width: 100% !important;
  }

  .row_by_logos_new_home {
    grid-template-columns: 49% 49% !important;
  }

  .d_none_by_new_fix_last_tow {
    display: none !important;
  }

  body .by_header_bu_dowlance {
    display: block !important;
  }

  .new_home_ .newst_secter_list a.new_home_a span {
    max-width: calc(100% - 20px) !important;
    font-size: 16px !important;
  }

  .bg-light-new-home_4.new_home_.pb-5 {
    margin: 20px 15px !important;
    width: 92% !important;
  }

  .bg-light-new-home {
    border-radius: 0;
  }

  .leatext_job_heading_by_new_home {
    font-size: 25px !important;
  }

  .row_by-ch2 {
    grid-template-columns: 100%;
  }

  .row_by_new_city2 {
    margin-top: 19px !important;
  }

  .row_by_new_city2 .col_by_city.border_new_home {
    min-height: 333px;
  }

  .by-nine-ch {
    display: none;
  }

  div#tag_line_dashbord_bt_ch {
    position: absolute;
    display: block;
    bottom: -60rem;
    left: 0;
    right: 0;
    height: 65rem;
    overflow-x: hidden;
    overflow-y: auto;
    background: white !important;
  }

  body.header-mobile-fixed .header-mobile {
    position: relative !important;
  }

  div#tag_line_dashbord_bt_ch img {
    width: 101%;
  }

  .header-fixed.subheader-fixed.subheader-enabled .wrapper,
  .d-flex.align-items-center button#kt_aside_mobile_toggle,
  .d-flex.align-items-center button#kt_header_mobile_toggle,
  .d-flex.align-items-center button#kt_header_mobile_topbar_toggle {
    display: none !important;
  }

  .p_by_ch_b .bg-white.pb-5 .container.bg-white.my-7 .col.row.pr-0 .col-lg-2.col-4.p-0 img.img_w_h {
    padding: 3px !important;
  }

  .p_by_ch_b .bg-white.pb-5 .container.bg-white.my-7 .col.row.pr-0 {
    padding-left: 0 !important;
  }

  .col.text-center.rec_col_by_ch.rec_col_by_ch2 .bg-white {
    min-height: 199px !important;
  }

  .col_by_ch_plan_r div {
    /* margin: 0 !important; */
    font-size: 13px;
    margin-bottom: 23px !important;
  }

  .form-check.form-check-inline.text-muted.by_ch_register_plan {
    float: left;
    width: 48% !important;
    margin: 0 !important;
    margin-bottom: 30px !important;
    font-size: 13px;
  }

  .form-check.form-check-inline.mb-5.by_ch_register_plan {
    float: right;
    width: 48% !important;
    font-size: 13px;
    margin: 0 !important;
    margin-bottom: 30px !important;
  }

  .on_mobile_ch_h {
    margin: 0 13px !important;
  }

  h4.simple-heading.on_mobile_ch_h {
    margin-top: 20px !important;
  }

  button.rec_btn_phone {
    font-size: 13px;
    padding: 12px;
  }

  .row.bg-white.p-4.m-0.by_ch_job_secter .col {
    display: grid;
    text-align: center;
    margin: 5px;
  }

  .co_by_CH {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .co_by_CH .stylish-input-group span.input-group-addon {
    background: white;
  }

  .col-lg-12.pb-2.co_by_CH .simple-heading {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 10px !important;
    color: #005696;
  }

  footer.footer.mt-15 .container .row .col-lg-4.col-md-4.col-12.mt-4.mt-sm-0.pt-2.pt-sm-0 div ul.list-unstyled.footer-list.mt-4.small-text-mb.ml-20 {
    margin-left: 7.5rem !important;
  }

  footer.footer form .row .col-lg-12 {
    padding-left: 0;
  }

  .feature_job_header {
    border-bottom: 1px solid #c0c0c045;
    color: #106409;
    padding-bottom: 10px;
  }

  .bg-white.pb-5 .container.bg-white.my-7 .row .col-lg-12.pb-7 .greeen_heading {
    color: #005595;
    border-bottom: 1px solid #c0c0c033;
    padding-bottom: 10px;
    font-size: 20px;
  }

  .position_style_ch span.job_function {
    font-size: 15px;
    font-weight: 400;
    /* vertical-align: super; */
  }

  .job_list_d {
    display: none !important;
  }

  .job_list_m {
    display: block !important;
  }

  .card.my_card_imb .back_overlay .row .col-lg-6.col-10 p {
    font-size: 14px;
  }

  section div .row .left_side_filer div.card.hide_by_ch {
    display: none !important;
  }

  .row.Book_a_session.text-white .col-lg-9.col-12 {
    padding: 0;
  }

  .border-bottom.pl-lg-4.pr-lg-4.pb-lg-2.l_r_p_z.hide_on_dectop_ch .row .col.col-md-6,
  .border-bottom.pl-lg-4.pr-lg-4.pb-lg-2.l_r_p_z.hide_on_dectop_ch .row .col.col-md-12.b_p_imb {
    padding-left: 0;
  }

  .logoutApply {
    display: block;
    padding: 5px;
    text-align: center;
    background: #005696;
    color: white !important;
    font-size: 26px;
  }

  .logoutApply1 {
    display: block;
    padding: 5px;
    text-align: center;
    background: #2eca8b;
    color: white !important;
    font-size: 26px;
  }

  .job_details_btn.job_details_btn_by_ch.border-bottom.mobile_block_ch.l_r_p_z {
    border-top: 1px solid #ebedf3 !important;
    padding-top: 13px;
  }

  .blog_back {
    display: none;
  }

  img.pr-2.location_icon_ch {
    width: 20px;
  }

  section .row .col-12 div div.row .pagech1 .row .col-lg-12.col-12 {
    padding: 0;
  }

  .home_section_two_ch .container.py-8 .row .col-lg-9.row.pr-0 {
    padding-left: 0;
  }

  .chchchch {
    text-align: center !important;
    display: block !important;
  }

  .chchchch i {
    float: none !important;
  }

  .green_heding_crear.container.pt-4.pb-4.green_heding_crear_imb {
    /* margin-top: -20px !important; */
    margin-bottom: 57px !important;
  }

  .col-lg-7.bg-light.py-lg-20.pl-0.row_fix_mb .p_about2.p_about2_mb {
    padding-left: 26px !important;
  }

  .container.bg-white.p-0.my-7 .greeen_heading {
    margin-top: -8px;
  }

  .greeen_heading {
    font-size: 23px;
  }

  .rec_bg_last_img button {
    width: 46%;
  }

  .rec_col_by_ch .bg-white {
    min-height: 270px;
    position: relative;
  }

  .mt-3.font-weight-bold {
    font-size: 12px !important;
    line-height: 1.1;
  }

  .rec_col_bg_img {
    background-position: 100% 36% !important;
  }

  .top-form {
    padding: 110px 40px 20px 40px !important;
  }

  .form_heading_home {
    display: block;
  }

  .featured_box_hight {
    min-height: auto !important;
    max-height: initial !important;
  }

  .hide_on_dectop_ch__ {
    display: block !important;
  }

  .pagech1 {
    background-color: transparent !important;
    box-shadow: none !important;
  }

  /* .home_top_form {
    background-color: #86c7ef;
  } */
  .form_home_div .col-sm-12.col-md-12.col-lg-12 {
    padding: 0;
  }

  button.btn.btn-default.btn_red_redus {
    font-size: 21px;
    padding: 6px !important;
  }

  .home_new button.btn.btn-default.btn_red_redus {
    padding: 6px !important;
    width: 34% !important;
    float: right;
    font-size: 16px;
  }

  .home_new .checkboxch.chabox_ch_home {
    position: absolute;
    top: -50px;
  }

  .home_new .checkboxch.chabox_ch_home input {
    margin-top: 6px !important;
  }

  section.section_ch_p.bg-white.d-table.w-100.margin_top_page {
    margin-top: 0;
  }

  div div.section_ch_p div.hide_by_ch .h6 svg {
    color: #005696 !important;
  }

  .hide_by_ch .h6 {
    font-size: 16px !important;
    color: #005696;
    padding: 0 8px;
    font-weight: 600;
  }

  .hide_by_ch h4.co_heading {
    font-size: 35px;
    color: #005696;
  }

  .follow_button_co {
    font-size: 18px;
  }

  .follwer_posts_button_co {
    font-size: 12px;
    margin-left: 0rem;
  }

  .co_profile_pic {
    position: absolute;
    bottom: -174px;
    height: 120px;
    width: 100%;
  }

  .co_discription_by_ch {
    position: absolute;
    bottom: 0;
    left: 40%;
    width: 60% !important;
  }

  .title_job_by_ch {
    font-size: 17px;
  }

  .position_style_ch {
    border-bottom: 0px solid transparent !important;
  }

  .ch-box .job_description_style {
    display: none !important;
  }

  section.section div .hide_by_ch,
  div div.section_ch_p div.hide_by_ch {
    display: block !important;
  }

  .salary_style {
    padding-top: 10px !important;
  }

  .location_perant_div {
    padding: 0 !important;
  }

  .ch-box {
    padding: 10px 0 0px !important;
    margin-bottom: 14px !important;
  }

  .job_lit_heading {
    font-size: 25px;
    text-align: center;
    color: #005696;
    padding-bottom: 20px;
    font-weight: 600;
  }

  .stylish-input-group3_ch input.form-control.serach_i_ch {
    padding: 11px 11px !important;
    font-size: 14px;
  }

  button.job_btn_serh_list {
    width: 48%;
    padding: 6px;
    background: #35a2e5;
    color: white;
    font-size: 20px;
    margin: 14px 0;
    margin: 4% 1%;
  }

  .clear_mobile_new {
    background: #a82511 !important;
    cursor: pointer;
  }

  .pagech1 {
    padding: 14px 0px !important;
  }

  .left_side_mobile {
    display: none !important;
  }

  .fst_plan,
  .trd_plan {
    margin: 3rem 0rem;
  }

  .scnd_plan {
    margin: 0 0rem;
  }

  .col-lg-5.rec_form.text-center.rec_form_style .ml-5.p-5 {
    margin: 0 8px 34px 0 !important;
  }

  div section.section_ch_p .plan_list_ch .rec_col_by_ch .bg-white {
    background: #f0f2f7 !important;
  }

  div section.section_ch_p .plan_list_ch {
    background-color: white !important;
    background: white !important;
  }

  .plan_list_ch .rec_Recruitment {
    border-color: white;
  }

  .col.text-center.rec_col_by_ch.rec_col_by_ch2 {
    padding: 2rem 0.7rem 1rem 0;
  }

  .rec_Recruitment p {
    font-size: 10px;
    padding: 0 9px;
    text-align: left;
  }

  .rec_col_by_ch img {
    width: 70px;
    padding-bottom: 0;
  }

  .rec_Recruitment button {
    width: 100%;
    background: #e3e3e3;
    padding: 3px !important;
    font-size: 13px;
    font-weight: 500;
  }

  .rec_Recruitment h3 {
    font-size: 18px !important;
    padding-bottom: 1px !important;
  }

  div.container .row.pl-4 .rec_col_by_ch {
    text-align: start !important;
  }

  .plan_p_style {
    width: 95%;
  }

  .rec_Recruitment h2 {
    font-size: 27px !important;
    text-align: center !important;
    margin-bottom: 3rem !important;
  }

  .rec_Recruitment {
    padding-right: 0;
  }

  .mobile_bg_icon_ch {
    background: #f3f6f9 !important;
    padding: 0 1rem !important;
  }

  .mobile_bg_icon_ch img {
    width: 50px;
    image-rendering: -webkit-optimize-contrast;
  }

  .mobile_bg_icon_ch .mt-3.font-weight-bold {
    font-size: 10px;
  }
  .col-md-3.col-12.basic {
    margin-bottom: 18px;
  }
  body .mobile_p_ch_plan_home{
    padding: 0 12px !important;
  }
  .get_by_ch.col-lg-12.pk_bg_img3.text-center {
    /* position: absolute;
    top: 0;
    left: 0;
    right: 0; */
    background: white;
    padding: 2rem 0;
  }

  .still_by_ch h2 {
    font-size: 27px;
  }

  .still_by_ch {
    padding: 0 !important;
  }

  .get_by_ch h2 {
    font-size: 27px;
  }

  .bg_image_rec {
    background-image: none !important;
    background: white !important;
  }

  .rec_hero_h {
    font-size: 25px;
    font-weight: 500;
  }

  .rec_hero_h span {
    font-weight: 600;
    color: green;
  }

  button.card-headerch_btn .mt-4.py-2 {
    min-width: 44% !important;
  }

  .pk_bg_img h2,
  .pk_bg_img2 h2 {
    font-size: 19px;
    color: green;
    font-weight: 700;
  }

  .bg_image_rec .container.py-10 {
    padding: 4rem 2rem !important;
  }

  /* .rec_col_bg_img {
    background-size: 25% 58% !important;
    background-position: 50% 36% !important;
    image-rendering: -webkit-optimize-contrast !important;
  } */
  .co_name.col-lg-10.l_r_p_z {
    margin-bottom: 11px;
  }

  .pk_typrighter {
    width: 50%;
  }

  img.pk_job_img {
    display: none;
  }

  .hide_on_dectop_ch {
    display: block;
  }

  .p_by_ch_b {
    padding-bottom: 0rem !important;
  }

  .img_w_h {
    width: 100% !important;
    height: 100% !important;
    padding: 7px;
    padding-right: 10px;
  }

  .greeen_heading {
    text-align: center;
    width: 100%;
    margin-top: 1rem;
  }

  .city_section_by_ch2 .featured_box_hight_new {
    margin-bottom: 0 !important;
  }

  .city_section_by_ch,
  .city_section_by_ch2 {
    padding: 0 !important;
  }

  .feature_job_header .col-lg-9 {
    font-size: 21px;
    text-align: center;
    color: #0071bb;
  }

  .featured_box_hight_new {
    min-height: 450px;
    max-height: initial;
    margin-bottom: 3rem;
  }

  img.city_img_style {
    height: 140px;
  }

  .hide_on_mobile_ch {
    display: none !important;
  }

  .bool_section_ch {
    text-align: center !important;
  }

  .Book_a_session .firest {
    font-size: 25px;
    word-spacing: 2px;
    text-align: center;
  }

  .Book_a_session .scend {
    font-size: 18px;
    text-align: center;
  }

  .section_five_by_ch {
    padding-right: inherit !important;
  }

  .tabpanel_style {
    max-height: fit-content;
    min-height: auto;
  }

  .text-newst {
    text-align: center;
  }

  .dollg5 .newest_tabs {
    text-align: center !important;
    float: initial !important;
    width: 100%;
    display: flex;
  }

  .pt-17 .container.row .col-lg-6.pl-0 {
    padding-right: 0;
    margin-bottom: 30px;
  }

  .pt-17 .container.row .col-lg-6.pr-0 {
    padding-left: 0;
  }

  .dollg5 li.nav-item {
    width: 48% !important;
    text-align: center !important;
  }

  .dollg5 li.nav-item button {
    width: 100%;
    height: 35px !important;
    text-align: center !important;
  }

  .img_two_sction_ch {
    padding-top: 2rem;
    padding-bottom: 3rem;
  }

  .home_section_two_last_box {
    margin: 0 11px 0 11px;
    max-width: 160px !important;
    height: 207px;
  }

  .secter_box {
    margin-bottom: 2.5ch;
  }

  .py-sm-5 {
    padding-top: 3ch !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .mt-sm-4 {
    margin-top: 1ch !important;
  }

  .home_btn_col_ch {
    padding: 0 !important;
    margin-top: 10px;
  }

  .home_section_two_ch {
    margin-top: 2rem;
  }

  a.ch_link_c {
    font-size: 10px !important;
  }

  b.text-white.ch_link_c2 {
    font-size: 11px !important;
  }

  .chabox_ch_home label {
    font-size: 12px !important;
    line-height: 1.7;
  }

  .fieldch_new.selectch {
    border-radius: 0 !important;
  }

  .btn_red_redus {
    border-radius: 0 !important;
    border-color: #a9250f !important;
  }

  .blog_navbar_ch {
    position: initial;
    right: 0px;
  }

  a.logo img {
    height: 40px !important;
    padding: 5px 0;
  }

  #topnav {
    min-height: 55px !important;
    height: 55px !important;
  }

  #topnav .navbar-toggle .lines {
    margin: 20px !important;
  }

  header#topnav .buy-button {
    display: none;
  }
}

@media (min-width: 992px) {
  .brand {
    background-color: #ffffff !important;
  }
}

.aside-menu,
.aside {
  background-color: #005696 !important;
}

.aside-menu .menu-nav>.menu-item.menu-item-active>.menu-heading,
.aside-menu .menu-nav>.menu-item.menu-item-active>.menu-link {
  background-color: #0d6cb0 !important;
}

.aside-menu .menu-nav>.menu-item.menu-item-open>.menu-heading,
.aside-menu .menu-nav>.menu-item.menu-item-open>.menu-link {
  background-color: #0d6cb0 !important;
}

.bg_light_color {
  background: #0d6cb0 !important;
}

.bg_light_color span {
  color: white !important;
}

.tooltipch:hover .tooltiptextch {
  visibility: visible;
}
.tooltipch:hover .tooltiptextch1122 {
  visibility: visible;
}
.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-heading,
.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-link {
  background-color: #0d6cb0 !important;
}

.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item.menu-item-active>.menu-heading,
.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item.menu-item-active>.menu-link {
  background-color: #0d6cb0 !important;
}

.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item>.menu-heading .menu-bullet.menu-bullet-dot>span,
.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item>.menu-link .menu-bullet.menu-bullet-dot>span {
  background-color: #ffffff !important;
}

.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item>.menu-heading .menu-text,
.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item>.menu-link .menu-text {
  color: #4d89b6 !important;
}

.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item.menu-item-active>.menu-heading .menu-text,
.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item.menu-item-active>.menu-link .menu-text {
  color: #ffffff !important;
}

.aside-menu .menu-nav>.menu-item.menu-item-open>.menu-heading .menu-icon,
.aside-menu .menu-nav>.menu-item.menu-item-open>.menu-link .menu-icon {
  color: #ffffff !important;
}

.aside-menu .menu-nav>.menu-item>.menu-heading .menu-icon,
.aside-menu .menu-nav>.menu-item>.menu-link .menu-icon {
  color: #ffffff !important;
}

.aside-menu .menu-nav>.menu-item>.menu-heading .menu-text,
.aside-menu .menu-nav>.menu-item>.menu-link .menu-text {
  color: #ffffff !important;
}

.aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-heading .menu-arrow,
.aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-link .menu-arrow {
  color: #ffffff !important;
}

.aside-menu .menu-nav>.menu-item>.menu-heading .menu-arrow,
.aside-menu .menu-nav>.menu-item>.menu-link .menu-arrow {
  color: #ffffff !important;
}

.top_manu_dashbord {
  background: #b7e2f8 !important;
}

.top_manu_dashbord span {
  color: #005696 !important;
}

.aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-heading,
.aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-link {
  background-color: #0d6cb0 !important;
}

.aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-heading .menu-icon,
.aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-link .menu-icon {
  color: #ffffff !important;
}

.aside-menu .menu-nav>.menu-item.menu-item-active>.menu-heading .menu-icon,
.aside-menu .menu-nav>.menu-item.menu-item-active>.menu-link .menu-icon,
.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item>.menu-heading .menu-text,
.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item>.menu-link .menu-text {
  color: #ffffff !important;
}

.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-heading .menu-text,
.aside-menu .menu-nav>.menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-link .menu-text {
  color: #ffffff !important;
}

.card-body.job_tiles_ch {
  padding: 3.5rem 0 !important;
}

.sidebar .card-body h5 {
  padding-left: 11px !important;
  width: 92% !important;
}

.cardbodych {
  padding: 10px 0 0 0 !important;
  display: inherit !important;
  display: -webkit-box !important;
}

.cardbodych2 {
  width: 100% !important;
  overflow-x: hidden !important;
  padding: 12px !important;
  height: 63vh !important;
}

.sidebar .card-body button.badge {
  margin-right: 11px !important;
  width: 5% !important;
  height: 25px !important;
  min-height: 24px !important;
  max-height: 25px !important;
}

.multiselect__tags>input::placeholder {
  color: #3f4254 !important;
  opacity: 1;
  /* Firefox */
}

.multiselect__tags-wrap {
  display: inline !important;
}

.multiselect__tag,
span.multiselect__placeholder {
  margin-bottom: 0px !important;
}

.multiselect__select {
  z-index: 1;
  text-align: end !important;
  padding: 4px 0px !important;
}

.multiselect__tags {
  min-height: 34px !important;
  padding: 6px 12px !important;
  font-size: 14px !important;
  line-height: 1.428571 !important;
  color: #555 !important;
  background-color: #fff !important;
  background-image: none !important;
  border: 1px solid #ccc !important;
  border-radius: 20px !important;
  min-height: 34px !important;
  overflow: hidden;
}

.sidebar_btns_cls {
  border-radius: 2px !important;
  background-color: #a9250f !important;
  border-color: #a9250f !important;
  color: #fff !important;
  box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 15%) !important;
}

.sidebar_btns {
  border-radius: 2px !important;
  background-color: #005696 !important;
  color: #fff !important;
  box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 15%) !important;
}

.sidebar_btns_ch {
  border-radius: 2px !important;
  background-color: #2eca8b !important;
  color: #fff !important;
  box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 15%) !important;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #005696;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #b30000;
}

body div#floating_search {
  min-width: 15.3% !important;
}

body div#floating_search button.btn.btn-sm.btn-primary {
  width: 50%;
  background: #005696 !important;
  border-radius: 2px;
  border-color: #005696 !important;
  font-size: 12px;
}

body div#floating_search button.btn.btn-sm.btn-light {
  width: 50%;
  background: transparent !important;
  border-radius: 2px;
  border-color: #005696 !important;
  font-size: 12px;
  color: #003256 !important;
  font-weight: 600;
  margin-left: 10px;
}

ul.multiselect__content {
  position: initial !important;
  list-style: unset !important;
}

#topnav .buy-button {
  line-height: 48px !important;
}

img.ch_img_border {
  border: 1px solid #eae9e9;
  border-radius: 50%;
}

.logo {
  padding: 0px !important;
  line-height: 48px !important;
}

.bluebg {
  background-color: #005696;
  color: #fff;
  border-radius: 4px 4px 0px 0px;
}

.border__input_ch .v-input__slot {
  margin-bottom: 0 !important;
  border: 1px solid silver;
}

.border__input_ch .v-input__slot:before {
  border-width: 0 !important;
}

table.table.table-borderless tbody tr.border__ch td {
  padding: 0px !important;
}

.pic_border {
  border: 1px solid #b9e5fb;
  margin-right: 10px;
}

.ch_btn {
  box-shadow: none !important;
  background: transparent !important;
  width: 25px !important;
}

table.table.table-borderless tbody tr td {
  padding: 4px !important;
}

.img_saction_heading {
  padding-top: 11px;
  color: #303030 !important;
  font-size: 16px;
  font-weight: 600;
}

.lo_name,
.cre_name,
.sel_name {
  /* height: 44px; */
  overflow: hidden;
  /* line-height: 21px; */
}

.position_style_ch {
  font-weight: 600;
  /* font-size: 20px; */
  border-bottom: 1px solid silver;
  padding-bottom: 0.2em;
}

.ch-box {
  background-color: #f7f7f7 !important;
  box-shadow: none !important;
  padding: 15px;
}

.card {
  box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 15%);
}

p.login_secnd_h_ch {
  font-size: 17px;
  color: white;
  font-weight: 500;
}

.login_first_h_ch {
  font-size: 40px;
}

.explorech {
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 40px;
  color: #fff;
}

.outline-btnch {
  border: 1px solid #005696 !important;
  border-radius: 2px !important;
  background-color: #fff !important;
  color: #005696 !important;
  width: 162px !important;
  height: 46px !important;
}

.login_btn_widht {
  width: auto !important;
}

.ch_home_hs {
  position: absolute;
  bottom: 12%;
}

.featured-jobs {
  padding-top: 50px !important;
  padding-bottom: 60px !important;
}

.heading_featured {
  font-size: 32px;
  background: url(../images/hr-bg.png) no-repeat center 40px;
  padding-bottom: 40px;
  text-transform: none !important;
}

.heading_account {
  font-size: 32px;
  background: url(../images/hr-bg.png) no-repeat 0px 50px;
  padding-bottom: 40px;
  font-weight: 600;
}

.media-body.media-right .btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  color: #fff;
  background-color: #005696;
}

.media-body.media-right .btn-xs:hover {
  color: #fff !important;
  background-color: #005696 !important;
}

.media-body.media-right .text-muted {
  color: #777 !important;
  margin-bottom: 3px;
  font-size: 10px;
}

.media-heading {
  margin-top: 0;
  margin-bottom: 0px;
  color: black;
}

.media-object {
  display: block;
}

.spotlight .well {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 2px;
  box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 15%);
}

.media:first-child {
  margin-top: 0;
}

.media {
  margin-top: 15px;
}

.media-left,
.media>.pull-left {
  padding-right: 10px;
}

.heading-inverse {
  font-size: 40px;
  text-transform: none !important;
  padding-bottom: 48px;
  color: #fff;
}

.spotlight {
  background-size: cover !important;
  padding-top: 50px;
  padding-bottom: 60px;
}

.sector {
  padding-top: 50px !important;
  padding-bottom: 60px !important;
}

.sector .well {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 2px;
  border-color: #d8d8d8;
  color: #303030;
  height: 68px;
  padding-top: 23px;
  font-size: 16px;
}

.well {
  min-height: 20px;
  padding: 6px;
  margin-bottom: 2px;
  background-color: rgba(240, 242, 247, 0);
  border: 1px solid #f0f2f7;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
}

.well_new {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: transparent;
  border: 1px solid #005696;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
}

.checkboxch {
  position: relative;
  display: block;
}

.intro-header {
  max-height: 640px;
  text-align: center;
  color: #f8f8f8;
  /* background: url(../images/banner_bg.jpg) no-repeat center center; */
  background-size: cover;
}

.heading_h_ch {
  font-size: 32px;
  /* background: url(../images/hr-bg.png) no-repeat center 40px; */
  padding-bottom: 40px;
  text-transform: uppercase;
}

.intro-message {
  position: relative;
  padding-top: 220px !important;
  padding-bottom: 140px !important;
}

.intro-message1 {
  position: relative;
  padding-top: 257px !important;
  padding-bottom: 170px !important;
}

.intro-message1>h1 {
  margin: 0;
  font-size: 54px;
  font-weight: 900;
}

.top-form {
  margin-top: -140px;
  background-color: #f4f4f4;
  box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 15%);
  padding: 40px 40px 20px 40px;
}

.section_ch_p {
  padding-top: 2%;
}

.hrch {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}

.width_ch {
  display: inline-block;
}

.search_f_btn_ch {
  border-radius: 2px !important;
  background-color: #005696 !important;
  color: #fff !important;
  box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 15%) !important;
  width: 100% !important;
  height: 46px !important;
  outline: none !important;
  margin-top: 10px !important;
  margin-bottom: 40px !important;
  border-color: #005696 !important;
}

.btn-defaultch {
  color: #fff !important;
  padding: 7px !important;
  background-color: #005696 !important;
  border-color: none !important;
  border-radius: 2px !important;
}

.ch_cansel_btn {
  padding: 7px !important;
  border-color: none !important;
  border-radius: 2px !important;
  margin-left: 4px !important;
}

.icon_s_ch:before {
  font-size: 14px;
}

.icon_s_ch {
  font-size: 1.3rem;
  padding-right: 0 !important;
  vertical-align: middle;
  line-height: 1;
  color: white !important;
}

.browse_local_jobs_ch {
  min-height: 394px;
}

.thumbnailch {
  display: block;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff !important;
  border: 1px solid #ddd !important;
  border-radius: 0px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}

.thumbnailch #labelonech {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 5%;
  color: #fff;
  right: 0;
  left: -6%;
  z-index: 1;
  text-transform: uppercase;
}

#labeltwoch {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 13%;
  color: #fff;
  right: 0;
  left: -6%;
  z-index: 1;
  text-transform: uppercase;
}
.empty_div_jobsAdd {
    font-size: 24px;
    text-align: center;
    margin-top: 10px;
    font-weight: bold;
}
.filter_headingch {
  font-weight: 500;
  font-size: 14px;
  padding: 4px 12px !important;
  color: #005696 !important;
}
body .ql_border_r{
  border-radius: 16px 16px 0 0 !important;
}
.card-headerch {
  margin-bottom: 0;
  background-color: #ffffff;
  border-bottom: 1px solid #ebedf3;
}

.serach_i_ch {
  border-right: 0px !important;
  border-radius: 0px !important;
  padding: 5px 10px !important;
  border-width: 0 0 2px 0 !important;
  border-color: silver;
  height: auto !important;
}

button.ch_btn_submit {
  /* width: 60px; */
  border: 1px solid #e4e6ef;
  border-radius: 0px;
  padding: 0px 2px;
  height: 27px !important;
  font-size: 14px;
  border-width: 0 0 2px 0 !important;
}

.detail {
  background-color: #f1f1f1;
}

.profile_vision_text {
  color: black !important;
  font-size: 27px;
  font-weight: 700 !important;
  text-transform: capitalize !important;
}

.follw_btn {
  background-color: #349fe6 !important;
  border-color: #349fe6 !important;
  border-radius: 2px !important;
  font-weight: 600 !important;
  font-size: 12px !important;
}

a.link_clor_style,
a.link_clor_style i {
  color: #337ab7 !important;
  font-size: 13px;
}

.thumbnailch .captionch {
  padding: 5px;
  color: #333;
  text-align: left;
  border-top: 1px solid #dddddd;
}

.captionch p,
.captionch h4 {
  margin-bottom: 0;
  color: #005696;
  font-size: 13px;
  font-weight: 700;
}

.pull-right {
  float: right !important;
}

.label-primary {
  background-color: #337ab7;
}

.label-info {
  background-color: #5bc0de;
}

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

.labelch {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}

.selectch {
  -webkit-appearance: auto !important;
}

.input_ch_h {
  width: 100%;
  height: 34px !important;
  padding: 6px 12px !important;
  font-size: 14px !important;
  line-height: 1.42857143 !important;
  color: #555 !important;
  background-color: #fff !important;
  background-image: none !important;
  border: 1px solid #ccc !important;
  border-radius: 2px !important;
  min-height: 34px !important;
}
body .ch_tabs_for_cv_aop .card-header {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
body .ch_tabs_for_cv_aop a.active {
  text-align: center;
  width: 100% !important;
  display: block;
  color: white !important;
  font-size: 17px;
  font-weight: 600;
  z-index: 9;
}
body .ch_tabs_for_cv_aop .nav-pills .nav-link.active{
  background: #005696 !important;
  background-color: #005696 !important;
}
body .ch_tabs_for_cv_aop li a {
  text-align: center!important;
  width: 100% !important;
  display: block!important;
  color: black !important;
  font-size: 17px;
  font-weight: 600;
  z-index: 9;
}
body .ch_tabs_for_cv_aop ul {
  background: transparent !important;
}
body .ch_tabs_for_cv_aop li.nav-item {
  width: 48% !important;
  text-align: center !important;
}
body .back_fill_job_dark {
  background: #666666 !important;
  border-color: #666666 !important;
  color: white !important;
}
.archive_dark{
  background: rgba(92, 118, 143, 0.1) !important;
}
body button.new_details_job_dashbord_list2_dark {
  border-color: #666666 !important;
  color: #666666 !important;
}
.verticalhr {
  width: 2px !important;
  height: 100% !important;
  background: #2e292957;
  position: absolute;
  right: 14px;
  top: 0;
}
body .tooltipch .tooltiptextch.gray {
  width: 77px !important;
  background-color: rgb(93 94 95 / 55%) !important;
  top: -27px !important;
}
.border-r-16 {
  border-radius: 15px;
}

.border-t-lr-16 {
  border-radius: 16px 16px 0 0 !important;
}

.border-b-lr-16 {
  border-radius: 0 0 16px 16px !important;
}

body .bg-info-new {
  background-color: rgba(53, 162, 229, 0.1) !important;
  background: rgba(53, 162, 229, 0.1) !important;
}
.new_details_job_dashbord_list img {
  width: 20px !important;
  height: 20px !important;
}
.dashbord123 {
  width: 25px !important;
  height: 25px !important;
}
.new_details_job_dashbord_list {
  background: transparent !important;
  border: solid 1.5px rgba(53, 162, 229, 0.5) !important;
  border-radius: 5px !important;
  padding: 2px !important;
  min-width: 40px;
  position: relative;
}

.new_details_job_dashbord_list2 {
  background: rgba(53, 162, 229, 0.05) !important;
  border: solid 1.5px rgba(53, 162, 229, 0.5) !important;
  border-radius: 5px !important;
  padding: 9px 3px !important;
  min-height: 41px !important;
  width: 100% !important;
  color: #35a2e5 !important;
  font-size: 12px !important;
  font-weight: bold !important;
}

._btn_gridddd {
  display: grid !important;
  gap: 2% !important;
  grid-template-columns: 33% 46% 17% !important;
  text-align: center !important;
}
.margin_nagtive{
  margin-top: -22px !important;
}
.grid_button_by_job_add_details_1st {
  grid-template-columns: 57% 41% !important;
}
body .grid_button_by_job_add_details_2nd {
  grid-template-columns: 40% 35% 10% 11% !important;
  margin-top: 10px !important;
}
._btn_gridddd22 {
  grid-template-columns: 28% 35% 33% !important;
}
._btn_gridddd_add_jon {
  grid-template-columns: 61% 20% 15% !important;
}
._btn_gridddd_delete_saved {
  grid-template-columns: 78% 25% !important;
}
body button.archive_buton {
  border-color: #adb0b2 !important;
}
body button.back_fill_job{
  background: rgb(53, 162, 229) !important;
    color: white !important;
}
._btn_gridddd22_2 {
  grid-template-columns: 49% 49% !important;
}
body .d__none__{
  display: none !important;
}
.btn_submit__ch_____{
  border-radius: 8px !important;
}
.b_form_slecet_search_save1 .v-text-field__slot {
  padding: 7px !important;
  border: 1px solid #a19c9c !important;
  border-radius: 8px !important;
  margin-right: 13px !important;
}
.b_form_slecet_search_save11 .v-input__control{
  padding: 0px 4px !important;
  border: 1px solid #a19c9c !important;
  border-radius: 8px !important;
  margin: 0px !important;
}
.b_form_slecet_search_save11 label.v-label.v-label--active.theme--light.primary--text, 
body .b_form_slecet_search_save11 label.v-label{
  background-color: transparent !important;
  left:  auto !important;
}
body .page_id_111 .v-text-field > .v-input__control > .v-input__slot:after{
  border: none !important;
}
body .b_form_slecet_search_save11.__12 .v-input__control{
  padding: 3px 4px !important;
}
.b_form_slecet_search_save1 .v-input__slot , .b_form_slecet_search_save11 .v-input__slot{
  margin: 0 !important;
}
.b_form_slecet_search_save1 .v-input__slot::before ,.b_form_slecet_search_save11 .v-input__slot::before {
  border: none !important;
}
body .b_form_slecet_search_save1 label ,body .b_form_slecet_search_save11 label{
  left: 9px !important;
  top: 7px !important;
  font-weight: 400 !important;
}
.btn_search_save1{
    height: auto !important;
    border-radius: 8px !important;
}
.btn_search_save1.v-btn--is-elevated.v-btn--has-bg {
  background: #35A2E5!important;
  color: white!important;
  font-size: 12px!important;
  font-weight: 600 !important;
}
.btn_search_save1 {
  font-size: 12px!important;
  font-weight: 600 !important;
}
.b_form_slecet_search_save{
  height: auto !important;
    padding: 10px !important;
    border-color: #7c7979 !important;
    border-radius: 8px !important;
}
._btn_gridddd * {
  display: flex;
  justify-content: center;
  align-items: center;
}

.style_madi_star_n {
  position: absolute !important;
  left: -3px;
  bottom: -3px;
  background: white;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
}

.style_madi_star_n i {
  font-size: 18px !important;
}

.pagech {
  background-color: #fff;
  padding: 45px 30px 20px 30px !important;
  margin-top: 20px;
  margin-bottom: 20px;
}

a.btn.auth_btn_ch1 {
  margin: 0 !important;
  border-radius: 0 !important;
  background-color: #005696 !important;
  font-weight: bold;
  height: 50px !important;
  padding: 13px;
  font-size: 15px;
  color: white !important;
  border-color: #005696 !important;
}

a.btn.auth_btn_ch1:hover {
  background-color: #005696 !important;
  color: white !important;
  border-color: #005696 !important;
}

a.btn.auth_btn_ch2 {
  margin: 0 !important;
  border-radius: 0 !important;
  background-color: #349fe6 !important;
  font-weight: bold;
  border-color: #349fe6 !important;
  height: 50px !important;
  padding: 13px;
  font-size: 15px;
  color: white !important;
}

a.btn.auth_btn_ch2:hover {
  background-color: #349fe6 !important;
  color: white !important;
  border-color: #349fe6 !important;
}

a.btn.auth_btn_ch3 {
  margin: 0 !important;
  border-radius: 0 !important;
  font-weight: bold;
  background-color: #349fe6 !important;
  height: 50px !important;
  padding: 13px;
  font-size: 15px;
  color: white !important;
}

a.btn.auth_btn_ch4 {
  margin: 0 !important;
  border-radius: 0 !important;
  font-weight: bold;
  background-color: #a9250f !important;
  height: 50px !important;
  padding: 13px;
  font-size: 15px;
  color: white !important;
}

.chchch {
  display: flex;
}

.join-us {
  /* background: url(images/section_bgch.jpg) no-repeat center center; */
  background-size: cover !important;
  padding-top: 68px;
  padding-bottom: 68px;
  color: #fff;
}

.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}

.hpch {
  padding-top: 14px;
}

.join .media-left,
.media-right,
.media-body {
  vertical-align: middle;
}

.media-right,
.media>.pull-right {
  padding-left: 18px;
}

/* .fontch1{
  font-size: 24px;
}*/
.fontch2 {
  color: white;
  font-size: 16px;
}

h4.fontch2 {
  font-size: 15px;
}

.colch {
  padding-top: 25px;
  padding: 25px 0 !important;
}

/* end ch */
.bg-soft-primary {
  background-color: rgba(47, 85, 212, 0.2) !important;
  border: 1px solid rgba(47, 85, 212, 0.2) !important;
  color: #2f55d4 !important;
}

.media-body.media-right .text-primary {
  color: #337ab7 !important;
  font-size: 12px;
  margin-bottom: 0;
}

.text-primary {
  color: #337ab7 !important;
}

a {
  color: #338fd0 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #284bc1 !important;
}

.bg-secondary {
  background-color: #5a6d90 !important;
}

.bg-soft-secondary {
  background-color: rgba(90, 109, 144, 0.2) !important;
  border: 1px solid rgba(90, 109, 144, 0.2) !important;
  color: #5a6d90 !important;
}

.text-secondary {
  color: #5a6d90 !important;
}

a.text-secondary:hover,
a.text-secondary:focus {
  color: #506180 !important;
}

.bg-success {
  background-color: #2eca8b !important;
}

.bg-soft-success {
  background-color: rgba(46, 202, 139, 0.2) !important;
  border: 1px solid rgba(46, 202, 139, 0.2) !important;
  color: #2eca8b !important;
}

.text-success {
  color: #2eca8b !important;
}

a.text-success:hover,
a.text-success:focus {
  color: #29b57d !important;
}

.bg-warning {
  background-color: #f17425 !important;
}

.bg-soft-warning {
  background-color: rgba(241, 116, 37, 0.2) !important;
  border: 1px solid rgba(241, 116, 37, 0.2) !important;
  color: #f17425 !important;
}

.text-warning {
  color: #f17425 !important;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #ed650f !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

.bg-soft-info {
  background-color: rgba(23, 162, 184, 0.2) !important;
  border: 1px solid rgba(23, 162, 184, 0.2) !important;
  color: #17a2b8 !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover,
a.text-info:focus {
  color: #148ea1 !important;
}

.bg-danger {
  background-color: #e43f52 !important;
}

.bg-soft-danger {
  background-color: rgba(228, 63, 82, 0.2) !important;
  border: 1px solid rgba(228, 63, 82, 0.2) !important;
  color: #e43f52 !important;
}

.text-danger {
  color: #e43f52 !important;
}

a.text-danger:hover,
a.text-danger:focus {
  color: #e1293e !important;
}

.bg-dark {
  background-color: #3c4858 !important;
}

.bg-soft-dark {
  background-color: rgba(60, 72, 88, 0.2) !important;
  border: 1px solid rgba(60, 72, 88, 0.2) !important;
  color: #3c4858 !important;
}

.text-dark {
  color: #3c4858 !important;
}

a.text-dark:hover,
a.text-dark:focus {
  color: #323c49 !important;
}

.bg-muted {
  background-color: #8492a6 !important;
}

.bg-soft-muted {
  background-color: rgba(132, 146, 166, 0.2) !important;
  border: 1px solid rgba(132, 146, 166, 0.2) !important;
  color: #8492a6 !important;
}

.media-body.media-right {
  color: #8492a6 !important;
}

a.media-body.media-right :hover,
a.media-body.media-right :focus {
  color: #75859b !important;
}

.bg-light {
  background-color: #f8f9fc !important;
}

.bg-soft-light {
  background-color: rgba(248, 249, 252, 0.2) !important;
  border: 1px solid rgba(248, 249, 252, 0.2) !important;
  color: #f8f9fc !important;
}

.text-light {
  color: #f8f9fc !important;
}

a.text-light:hover,
a.text-light:focus {
  color: #e6eaf4 !important;
}

.bg-blue {
  background-color: #2f55d4 !important;
}

.bg-soft-blue {
  background-color: rgba(47, 85, 212, 0.2) !important;
  border: 1px solid rgba(47, 85, 212, 0.2) !important;
  color: #2f55d4 !important;
}

.text-blue {
  color: #2f55d4 !important;
}

a.text-blue:hover,
a.text-blue:focus {
  color: #284bc1 !important;
}

.bg-footer {
  background-color: #202942 !important;
}

.bg-soft-footer {
  background-color: rgba(32, 41, 66, 0.2) !important;
  border: 1px solid rgba(32, 41, 66, 0.2) !important;
  color: #202942 !important;
}

.text-footer {
  color: #202942 !important;
}

a.text-footer:hover,
a.text-footer:focus {
  color: #181e30 !important;
}

.bg-black {
  background: #161c2d !important;
}

.list-inline-item:not(:last-child) {
  margin-right: 0px;
  margin-bottom: 5px;
}

.rounded {
  border-radius: 6px !important;
}

.rounded-top {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
}

.rounded-left {
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
}

.rounded-bottom {
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}

.rounded-right {
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}

.rounded-md {
  border-radius: 10px !important;
}

.rounded-lg {
  border-radius: 30px !important;
}

.border {
  border: 1px solid #e9ecef !important;
}

.border-top {
  border-top: 1px solid #e9ecef !important;
}

.border-bottom {
  border-bottom: 1px solid #e9ecef !important;
}

.border-left {
  border-left: 1px solid #e9ecef !important;
}

.border-right {
  border-right: 1px solid #e9ecef !important;
}

.small,
small {
  font-size: 90%;
}

.card .card-body {
  padding: 10px 0;
}

.component-wrapper .title {
  font-size: 20px;
}

.component-wrapper.sticky-bar li {
  margin-bottom: 6px;
}

.component-wrapper.sticky-bar li:last-child {
  margin-bottom: 0px !important;
}

.component-wrapper.sticky-bar l .component-wrapper.sticky-bar li a:hover,
.component-wrapper.sticky-bar li a:focus {
  color: #2f55d4 !important;
}

.btn-primary {
  background-color: #2f55d4 !important;
  border: 1px solid #2f55d4 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(47, 85, 212, 0.3);
  box-shadow: 0 3px 5px 0 rgba(47, 85, 212, 0.3);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.focus {
  background-color: #2443ac !important;
  border-color: #2443ac !important;
  color: #ffffff !important;
}

.btn-soft-primary {
  background-color: rgba(47, 85, 212, 0.2) !important;
  border: 1px solid rgba(47, 85, 212, 0.2) !important;
  color: #2f55d4 !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(47, 85, 212, 0.3);
  box-shadow: 0 3px 5px 0 rgba(47, 85, 212, 0.3);
}

.btn-soft-primary:hover,
.btn-soft-primary:focus,
.btn-soft-primary:active,
.btn-soft-primary.active,
.btn-soft-primary.focus {
  background-color: #2f55d4 !important;
  border-color: #2f55d4 !important;
  color: #ffffff !important;
}

.btn-outline-primary {
  border: 1px solid #2f55d4;
  color: #2f55d4;
  background-color: transparent;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.focus,
.btn-outline-primary:not(:disabled):not(.disabled):active {
  background-color: #2f55d4;
  border-color: #2f55d4;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(47, 85, 212, 0.3);
  box-shadow: 0 3px 5px 0 rgba(47, 85, 212, 0.3);
}

.btn-secondary {
  background-color: #5a6d90 !important;
  border: 1px solid #5a6d90 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(90, 109, 144, 0.3);
  box-shadow: 0 3px 5px 0 rgba(90, 109, 144, 0.3);
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.btn-secondary.focus {
  background-color: #465571 !important;
  border-color: #465571 !important;
  color: #ffffff !important;
}

.btn-soft-secondary {
  background-color: rgba(90, 109, 144, 0.2) !important;
  border: 1px solid rgba(90, 109, 144, 0.2) !important;
  color: #5a6d90 !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(90, 109, 144, 0.3);
  box-shadow: 0 3px 5px 0 rgba(90, 109, 144, 0.3);
}

.btn-soft-secondary:hover,
.btn-soft-secondary:focus,
.btn-soft-secondary:active,
.btn-soft-secondary.active,
.btn-soft-secondary.focus {
  background-color: #5a6d90 !important;
  border-color: #5a6d90 !important;
  color: #ffffff !important;
}

.btn-outline-secondary {
  border: 1px solid #5a6d90;
  color: #5a6d90;
  background-color: transparent;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active,
.btn-outline-secondary.active,
.btn-outline-secondary.focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active {
  background-color: #5a6d90;
  border-color: #5a6d90;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(90, 109, 144, 0.3);
  box-shadow: 0 3px 5px 0 rgba(90, 109, 144, 0.3);
}

.btn-success {
  background-color: #2eca8b !important;
  border: 1px solid #2eca8b !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(46, 202, 139, 0.3);
  box-shadow: 0 3px 5px 0 rgba(46, 202, 139, 0.3);
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.focus {
  background-color: #25a06e !important;
  border-color: #25a06e !important;
  color: #ffffff !important;
}

.btn-soft-success {
  background-color: rgba(46, 202, 139, 0.2) !important;
  border: 1px solid rgba(46, 202, 139, 0.2) !important;
  color: #2eca8b !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(46, 202, 139, 0.3);
  box-shadow: 0 3px 5px 0 rgba(46, 202, 139, 0.3);
}

.btn-soft-success:hover,
.btn-soft-success:focus,
.btn-soft-success:active,
.btn-soft-success.active,
.btn-soft-success.focus {
  background-color: #2eca8b !important;
  border-color: #2eca8b !important;
  color: #ffffff !important;
}

.btn-outline-success {
  border: 1px solid #2eca8b;
  color: #2eca8b;
  background-color: transparent;
}

.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success:active,
.btn-outline-success.active,
.btn-outline-success.focus,
.btn-outline-success:not(:disabled):not(.disabled):active {
  background-color: #2eca8b;
  border-color: #2eca8b;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(46, 202, 139, 0.3);
  box-shadow: 0 3px 5px 0 rgba(46, 202, 139, 0.3);
}

.btn-warning {
  background-color: #f17425 !important;
  border: 1px solid #f17425 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(241, 116, 37, 0.3);
  box-shadow: 0 3px 5px 0 rgba(241, 116, 37, 0.3);
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.focus {
  background-color: #d55b0e !important;
  border-color: #d55b0e !important;
  color: #ffffff !important;
}

.btn-soft-warning {
  background-color: rgba(241, 116, 37, 0.2) !important;
  border: 1px solid rgba(241, 116, 37, 0.2) !important;
  color: #f17425 !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(241, 116, 37, 0.3);
  box-shadow: 0 3px 5px 0 rgba(241, 116, 37, 0.3);
}

.btn-soft-warning:hover,
.btn-soft-warning:focus,
.btn-soft-warning:active,
.btn-soft-warning.active,
.btn-soft-warning.focus {
  background-color: #f17425 !important;
  border-color: #f17425 !important;
  color: #ffffff !important;
}

.btn-outline-warning {
  border: 1px solid #f17425;
  color: #f17425;
  background-color: transparent;
}

.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-warning:active,
.btn-outline-warning.active,
.btn-outline-warning.focus,
.btn-outline-warning:not(:disabled):not(.disabled):active {
  background-color: #f17425;
  border-color: #f17425;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(241, 116, 37, 0.3);
  box-shadow: 0 3px 5px 0 rgba(241, 116, 37, 0.3);
}

.btn-info {
  background-color: #17a2b8 !important;
  border: 1px solid #17a2b8 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(23, 162, 184, 0.3);
  box-shadow: 0 3px 5px 0 rgba(23, 162, 184, 0.3);
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.focus {
  background-color: #117a8b !important;
  border-color: #117a8b !important;
  color: #ffffff !important;
}

.btn-soft-info {
  background-color: rgba(23, 162, 184, 0.2) !important;
  border: 1px solid rgba(23, 162, 184, 0.2) !important;
  color: #17a2b8 !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(23, 162, 184, 0.3);
  box-shadow: 0 3px 5px 0 rgba(23, 162, 184, 0.3);
}

.btn-soft-info:hover,
.btn-soft-info:focus,
.btn-soft-info:active,
.btn-soft-info.active,
.btn-soft-info.focus {
  background-color: #17a2b8 !important;
  border-color: #17a2b8 !important;
  color: #ffffff !important;
}

.btn-outline-info {
  border: 1px solid #17a2b8;
  color: #17a2b8;
  background-color: transparent;
}

.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info:active,
.btn-outline-info.active,
.btn-outline-info.focus,
.btn-outline-info:not(:disabled):not(.disabled):active {
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(23, 162, 184, 0.3);
  box-shadow: 0 3px 5px 0 rgba(23, 162, 184, 0.3);
}

.btn-danger {
  background-color: #e43f52 !important;
  border: 1px solid #e43f52 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(228, 63, 82, 0.3);
  box-shadow: 0 3px 5px 0 rgba(228, 63, 82, 0.3);
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.focus {
  background-color: #d21e32 !important;
  border-color: #d21e32 !important;
  color: #ffffff !important;
}

.btn-soft-danger {
  background-color: rgba(228, 63, 82, 0.2) !important;
  border: 1px solid rgba(228, 63, 82, 0.2) !important;
  color: #e43f52 !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(228, 63, 82, 0.3);
  box-shadow: 0 3px 5px 0 rgba(228, 63, 82, 0.3);
}

.btn-soft-danger:hover,
.btn-soft-danger:focus,
.btn-soft-danger:active,
.btn-soft-danger.active,
.btn-soft-danger.focus {
  background-color: #e43f52 !important;
  border-color: #e43f52 !important;
  color: #ffffff !important;
}

.btn-outline-danger {
  border: 1px solid #e43f52;
  color: #e43f52;
  background-color: transparent;
}

.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger:active,
.btn-outline-danger.active,
.btn-outline-danger.focus,
.btn-outline-danger:not(:disabled):not(.disabled):active {
  background-color: #e43f52;
  border-color: #e43f52;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(228, 63, 82, 0.3);
  box-shadow: 0 3px 5px 0 rgba(228, 63, 82, 0.3);
}

.btn-dark {
  background-color: #3c4858 !important;
  border: 1px solid #3c4858 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(60, 72, 88, 0.3);
  box-shadow: 0 3px 5px 0 rgba(60, 72, 88, 0.3);
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.btn-dark.focus {
  background-color: #272f3a !important;
  border-color: #272f3a !important;
  color: #ffffff !important;
}

.btn-soft-dark {
  background-color: rgba(60, 72, 88, 0.2) !important;
  border: 1px solid rgba(60, 72, 88, 0.2) !important;
  color: #3c4858 !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(60, 72, 88, 0.3);
  box-shadow: 0 3px 5px 0 rgba(60, 72, 88, 0.3);
}

.btn-soft-dark:hover,
.btn-soft-dark:focus,
.btn-soft-dark:active,
.btn-soft-dark.active,
.btn-soft-dark.focus {
  background-color: #3c4858 !important;
  border-color: #3c4858 !important;
  color: #ffffff !important;
}

.btn-outline-dark {
  border: 1px solid #3c4858;
  color: #3c4858;
  background-color: transparent;
}

.btn-outline-dark:hover,
.btn-outline-dark:focus,
.btn-outline-dark:active,
.btn-outline-dark.active,
.btn-outline-dark.focus,
.btn-outline-dark:not(:disabled):not(.disabled):active {
  background-color: #3c4858;
  border-color: #3c4858;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(60, 72, 88, 0.3);
  box-shadow: 0 3px 5px 0 rgba(60, 72, 88, 0.3);
}

.btn-muted {
  background-color: #8492a6 !important;
  border: 1px solid #8492a6 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(132, 146, 166, 0.3);
  box-shadow: 0 3px 5px 0 rgba(132, 146, 166, 0.3);
}

.btn-muted:hover,
.btn-muted:focus,
.btn-muted:active,
.btn-muted.active,
.btn-muted.focus {
  background-color: #68788f !important;
  border-color: #68788f !important;
  color: #ffffff !important;
}

.btn-soft-muted {
  background-color: rgba(132, 146, 166, 0.2) !important;
  border: 1px solid rgba(132, 146, 166, 0.2) !important;
  color: #8492a6 !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(132, 146, 166, 0.3);
  box-shadow: 0 3px 5px 0 rgba(132, 146, 166, 0.3);
}

.btn-soft-muted:hover,
.btn-soft-muted:focus,
.btn-soft-muted:active,
.btn-soft-muted.active,
.btn-soft-muted.focus {
  background-color: #8492a6 !important;
  border-color: #8492a6 !important;
  color: #ffffff !important;
}

.btn-outline-muted {
  border: 1px solid #8492a6;
  color: #8492a6;
  background-color: transparent;
}

.btn-outline-muted:hover,
.btn-outline-muted:focus,
.btn-outline-muted:active,
.btn-outline-muted.active,
.btn-outline-muted.focus,
.btn-outline-muted:not(:disabled):not(.disabled):active {
  background-color: #8492a6;
  border-color: #8492a6;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(132, 146, 166, 0.3);
  box-shadow: 0 3px 5px 0 rgba(132, 146, 166, 0.3);
}

.btn-light {
  background-color: #f8f9fc !important;
  border: 1px solid #f8f9fc !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(248, 249, 252, 0.3);
  box-shadow: 0 3px 5px 0 rgba(248, 249, 252, 0.3);
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active,
.btn-light.active,
.btn-light.focus {
  background-color: #d4daed !important;
  border-color: #d4daed !important;
  color: #ffffff !important;
}

.btn-soft-light {
  background-color: rgba(248, 249, 252, 0.2) !important;
  border: 1px solid rgba(248, 249, 252, 0.2) !important;
  color: #f8f9fc !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(248, 249, 252, 0.3);
  box-shadow: 0 3px 5px 0 rgba(248, 249, 252, 0.3);
}

.btn-soft-light:hover,
.btn-soft-light:focus,
.btn-soft-light:active,
.btn-soft-light.active,
.btn-soft-light.focus {
  background-color: #f8f9fc !important;
  border-color: #f8f9fc !important;
  color: #ffffff !important;
}

.btn-outline-light {
  border: 1px solid #f8f9fc;
  color: #f8f9fc;
  background-color: transparent;
}

.btn-outline-light:hover,
.btn-outline-light:focus,
.btn-outline-light:active,
.btn-outline-light.active,
.btn-outline-light.focus,
.btn-outline-light:not(:disabled):not(.disabled):active {
  background-color: #f8f9fc;
  border-color: #f8f9fc;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(248, 249, 252, 0.3);
  box-shadow: 0 3px 5px 0 rgba(248, 249, 252, 0.3);
}

.btn-blue {
  background-color: #2f55d4 !important;
  border: 1px solid #2f55d4 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(47, 85, 212, 0.3);
  box-shadow: 0 3px 5px 0 rgba(47, 85, 212, 0.3);
}

.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active,
.btn-blue.focus {
  background-color: #2443ac !important;
  border-color: #2443ac !important;
  color: #ffffff !important;
}

.btn-soft-blue {
  background-color: rgba(47, 85, 212, 0.2) !important;
  border: 1px solid rgba(47, 85, 212, 0.2) !important;
  color: #2f55d4 !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(47, 85, 212, 0.3);
  box-shadow: 0 3px 5px 0 rgba(47, 85, 212, 0.3);
}

.btn-soft-blue:hover,
.btn-soft-blue:focus,
.btn-soft-blue:active,
.btn-soft-blue.active,
.btn-soft-blue.focus {
  background-color: #2f55d4 !important;
  border-color: #2f55d4 !important;
  color: #ffffff !important;
}

.btn-outline-blue {
  border: 1px solid #2f55d4;
  color: #2f55d4;
  background-color: transparent;
}

.btn-outline-blue:hover,
.btn-outline-blue:focus,
.btn-outline-blue:active,
.btn-outline-blue.active,
.btn-outline-blue.focus,
.btn-outline-blue:not(:disabled):not(.disabled):active {
  background-color: #2f55d4;
  border-color: #2f55d4;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(47, 85, 212, 0.3);
  box-shadow: 0 3px 5px 0 rgba(47, 85, 212, 0.3);
}

.btn-footer {
  background-color: #202942 !important;
  border: 1px solid #202942 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(32, 41, 66, 0.3);
  box-shadow: 0 3px 5px 0 rgba(32, 41, 66, 0.3);
}

.btn-footer:hover,
.btn-footer:focus,
.btn-footer:active,
.btn-footer.active,
.btn-footer.focus {
  background-color: #0f131f !important;
  border-color: #0f131f !important;
  color: #ffffff !important;
}

.btn-soft-footer {
  background-color: rgba(32, 41, 66, 0.2) !important;
  border: 1px solid rgba(32, 41, 66, 0.2) !important;
  color: #202942 !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(32, 41, 66, 0.3);
  box-shadow: 0 3px 5px 0 rgba(32, 41, 66, 0.3);
}

.btn-soft-footer:hover,
.btn-soft-footer:focus,
.btn-soft-footer:active,
.btn-soft-footer.active,
.btn-soft-footer.focus {
  background-color: #202942 !important;
  border-color: #202942 !important;
  color: #ffffff !important;
}

.btn-outline-footer {
  border: 1px solid #202942;
  color: #202942;
  background-color: transparent;
}

.btn-outline-footer:hover,
.btn-outline-footer:focus,
.btn-outline-footer:active,
.btn-outline-footer.active,
.btn-outline-footer.focus,
.btn-outline-footer:not(:disabled):not(.disabled):active {
  background-color: #202942;
  border-color: #202942;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(32, 41, 66, 0.3);
  box-shadow: 0 3px 5px 0 rgba(32, 41, 66, 0.3);
}

.btn {
  padding: 8px 20px;
  outline: none;
  text-decoration: none;
  font-size: 16px;
  letter-spacing: 0.5px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-weight: 600;
  border-radius: 6px;
}

.btn:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.btn.btn-sm {
  padding: 7px 16px;
  font-size: 10px;
}

.btn.btn-lg {
  padding: 14px 30px;
  font-size: 16px;
}

.btn.searchbtn {
  padding: 6px 20px;
}

.btn.btn-pills {
  border-radius: 30px;
}

.btn.btn-light {
  color: #3c4858 !important;
  border: 1px solid #dee2e6 !important;
}

.btn.btn-light:hover,
.btn.btn-light:focus,
.btn.btn-light:active,
.btn.btn-light.active,
.btn.btn-light.focus {
  background-color: #d4daed !important;
  color: #3c4858 !important;
}

.btn.btn-soft-light {
  color: rgba(60, 72, 88, 0.5) !important;
  border: 1px solid #dee2e6 !important;
}

.btn.btn-soft-light:hover,
.btn.btn-soft-light:focus,
.btn.btn-soft-light:active,
.btn.btn-soft-light.active,
.btn.btn-soft-light.focus {
  color: #3c4858 !important;
}

.btn.btn-outline-light {
  border: 1px solid #dee2e6 !important;
  color: #3c4858 !important;
  background-color: transparent;
}

.btn.btn-outline-light:hover,
.btn.btn-outline-light:focus,
.btn.btn-outline-light:active,
.btn.btn-outline-light.active,
.btn.btn-outline-light.focus {
  background-color: #f8f9fc !important;
}

.btn.btn-icon {
  height: 36px;
  width: 36px;
  line-height: 34px;
  padding: 0;
}

.btn.btn-icon .icons {
  height: 16px;
  width: 16px;
  font-size: 16px;
}

.btn.btn-icon.btn-lg {
  height: 48px;
  width: 48px;
  line-height: 46px;
}

.btn.btn-icon.btn-lg .icons {
  height: 20px;
  width: 20px;
  font-size: 20px;
}

.btn.btn-icon.btn-sm {
  height: 30px;
  width: 30px;
  line-height: 28px;
}

button:not(:disabled) {
  outline: none;
}

.shadow {
  -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15) !important;
  box-shadow: 0 0 3px rgba(60, 72, 88, 0.15) !important;
}

.shadow-lg {
  -webkit-box-shadow: 0 10px 25px rgba(60, 72, 88, 0.15) !important;
  box-shadow: 0 10px 25px rgba(60, 72, 88, 0.15) !important;
}

.shadow-md {
  -webkit-box-shadow: 0 5px 13px rgba(60, 72, 88, 0.2) !important;
  box-shadow: 0 5px 13px rgba(60, 72, 88, 0.2) !important;
}

.badge-primary {
  background-color: #2f55d4 !important;
  color: #ffffff !important;
}

.badge-outline-primary {
  background-color: transparent !important;
  color: #2f55d4 !important;
  border: 1px solid #2f55d4 !important;
}

.badge-secondary {
  background-color: #5a6d90 !important;
  color: #ffffff !important;
}

.badge-outline-secondary {
  background-color: transparent !important;
  color: #5a6d90 !important;
  border: 1px solid #5a6d90 !important;
}

.badge-success {
  background-color: #2eca8b !important;
  color: #ffffff !important;
}

.badge-outline-success {
  background-color: transparent !important;
  color: #2eca8b !important;
  border: 1px solid #2eca8b !important;
}

.badge-warning {
  background-color: #f17425 !important;
  color: #ffffff !important;
}

.badge-outline-warning {
  background-color: transparent !important;
  color: #f17425 !important;
  border: 1px solid #f17425 !important;
}

.badge-info {
  background-color: #17a2b8 !important;
  color: #ffffff !important;
}

.badge-outline-info {
  background-color: transparent !important;
  color: #17a2b8 !important;
  border: 1px solid #17a2b8 !important;
}

.badge-danger {
  background-color: #e43f52 !important;
  color: #ffffff !important;
}

.badge-outline-danger {
  background-color: transparent !important;
  color: #e43f52 !important;
  border: 1px solid #e43f52 !important;
}

.badge-dark {
  background-color: #3c4858 !important;
  color: #ffffff !important;
}

.badge-outline-dark {
  background-color: transparent !important;
  color: #3c4858 !important;
  border: 1px solid #3c4858 !important;
}

.badge-muted {
  background-color: #8492a6 !important;
  color: #ffffff !important;
}

.badge-outline-muted {
  background-color: transparent !important;
  color: #8492a6 !important;
  border: 1px solid #8492a6 !important;
}

.badge-light {
  background-color: #f8f9fc !important;
  color: #ffffff !important;
}

.badge-outline-light {
  background-color: transparent !important;
  color: #f8f9fc !important;
  border: 1px solid #f8f9fc !important;
}

.badge-blue {
  background-color: #2f55d4 !important;
  color: #ffffff !important;
}

.badge-outline-blue {
  background-color: transparent !important;
  color: #2f55d4 !important;
  border: 1px solid #2f55d4 !important;
}

.badge-footer {
  background-color: #202942 !important;
  color: #ffffff !important;
}

.badge-outline-footer {
  background-color: transparent !important;
  color: #202942 !important;
  border: 1px solid #202942 !important;
}

.badge {
  padding: 5px 8px;
  border-radius: 3px;
  letter-spacing: 0.5px;
}

.badge.badge-light {
  color: #3c4858 !important;
  background-color: #f8f9fc !important;
}

.badge.badge-outline-light {
  color: #3c4858 !important;
  border: 1px solid #b1bcdd !important;
  background-color: transparent !important;
}

.badge.badge-pill {
  border-radius: 2px !important;
  font-size: 11px !important;
}

.ch_icon {
  font-size: 20px;
  color: #005696;
  padding: 10px;
}

.badge:focus,
.badge.focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.dropdown-primary .dropdown-menu .dropdown-item:hover,
.dropdown-primary .dropdown-menu .dropdown-item.active,
.dropdown-primary .dropdown-menu .dropdown-item:active,
.dropdown-primary .dropdown-menu .dropdown-item.focus,
.dropdown-primary .dropdown-menu .dropdown-item:focus {
  background-color: transparent;
  color: #2f55d4 !important;
}

.dropdown-secondary .dropdown-menu .dropdown-item:hover,
.dropdown-secondary .dropdown-menu .dropdown-item.active,
.dropdown-secondary .dropdown-menu .dropdown-item:active,
.dropdown-secondary .dropdown-menu .dropdown-item.focus,
.dropdown-secondary .dropdown-menu .dropdown-item:focus {
  background-color: transparent;
  color: #5a6d90 !important;
}

.dropdown-success .dropdown-menu .dropdown-item:hover,
.dropdown-success .dropdown-menu .dropdown-item.active,
.dropdown-success .dropdown-menu .dropdown-item:active,
.dropdown-success .dropdown-menu .dropdown-item.focus,
.dropdown-success .dropdown-menu .dropdown-item:focus {
  background-color: transparent;
  color: #2eca8b !important;
}

.dropdown-warning .dropdown-menu .dropdown-item:hover,
.dropdown-warning .dropdown-menu .dropdown-item.active,
.dropdown-warning .dropdown-menu .dropdown-item:active,
.dropdown-warning .dropdown-menu .dropdown-item.focus,
.dropdown-warning .dropdown-menu .dropdown-item:focus {
  background-color: transparent;
  color: #f17425 !important;
}

.dropdown-info .dropdown-menu .dropdown-item:hover,
.dropdown-info .dropdown-menu .dropdown-item.active,
.dropdown-info .dropdown-menu .dropdown-item:active,
.dropdown-info .dropdown-menu .dropdown-item.focus,
.dropdown-info .dropdown-menu .dropdown-item:focus {
  background-color: transparent;
  color: #17a2b8 !important;
}

.dropdown-danger .dropdown-menu .dropdown-item:hover,
.dropdown-danger .dropdown-menu .dropdown-item.active,
.dropdown-danger .dropdown-menu .dropdown-item:active,
.dropdown-danger .dropdown-menu .dropdown-item.focus,
.dropdown-danger .dropdown-menu .dropdown-item:focus {
  background-color: transparent;
  color: #e43f52 !important;
}

.dropdown-dark .dropdown-menu .dropdown-item:hover,
.dropdown-dark .dropdown-menu .dropdown-item.active,
.dropdown-dark .dropdown-menu .dropdown-item:active,
.dropdown-dark .dropdown-menu .dropdown-item.focus,
.dropdown-dark .dropdown-menu .dropdown-item:focus {
  background-color: transparent;
  color: #3c4858 !important;
}

.dropdown-muted .dropdown-menu .dropdown-item:hover,
.dropdown-muted .dropdown-menu .dropdown-item.active,
.dropdown-muted .dropdown-menu .dropdown-item:active,
.dropdown-muted .dropdown-menu .dropdown-item.focus,
.dropdown-muted .dropdown-menu .dropdown-item:focus {
  background-color: transparent;
  color: #8492a6 !important;
}

.dropdown-light .dropdown-menu .dropdown-item:hover,
.dropdown-light .dropdown-menu .dropdown-item.active,
.dropdown-light .dropdown-menu .dropdown-item:active,
.dropdown-light .dropdown-menu .dropdown-item.focus,
.dropdown-light .dropdown-menu .dropdown-item:focus {
  background-color: transparent;
  color: #f8f9fc !important;
}

.dropdown-blue .dropdown-menu .dropdown-item:hover,
.dropdown-blue .dropdown-menu .dropdown-item.active,
.dropdown-blue .dropdown-menu .dropdown-item:active,
.dropdown-blue .dropdown-menu .dropdown-item.focus,
.dropdown-blue .dropdown-menu .dropdown-item:focus {
  background-color: transparent;
  color: #2f55d4 !important;
}

.dropdown-footer .dropdown-menu .dropdown-item:hover,
.dropdown-footer .dropdown-menu .dropdown-item.active,
.dropdown-footer .dropdown-menu .dropdown-item:active,
.dropdown-footer .dropdown-menu .dropdown-item.focus,
.dropdown-footer .dropdown-menu .dropdown-item:focus {
  background-color: transparent;
  color: #202942 !important;
}

.btn-group .dropdown-toggle:after {
  content: "";
  position: relative;
  right: -4px;
  top: -2px;
  border: solid #ffffff;
  border-radius: 0.5px;
  border-width: 0 2px 2px 0;
  padding: 3px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-left: 0;
  vertical-align: 0;
}

.btn-group .dropdown-menu {
  margin-top: 10px;
  border: 0;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
  box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
}

.btn-group .dropdown-menu:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 45px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 7px solid #495057;
  border-radius: 0.5px;
  border-color: transparent transparent #ffffff #ffffff;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-box-shadow: -2px 2px 2px -1px rgba(22, 28, 45, 0.15);
  box-shadow: -2px 2px 2px -1px rgba(22, 28, 45, 0.15);
}

.alert-primary {
  background-color: rgba(47, 85, 212, 0.9);
  color: #ffffff;
  border-color: #2f55d4;
}

.alert-primary .alert-link {
  color: #122258;
}

.alert-outline-primary {
  background-color: #ffffff;
  color: #2f55d4;
  border-color: #2f55d4;
}

.alert-secondary {
  background-color: rgba(90, 109, 144, 0.9);
  color: #ffffff;
  border-color: #5a6d90;
}

.alert-secondary .alert-link {
  color: #1f2632;
}

.alert-outline-secondary {
  background-color: #ffffff;
  color: #5a6d90;
  border-color: #5a6d90;
}

.alert-success {
  background-color: rgba(46, 202, 139, 0.9);
  color: #ffffff;
  border-color: #2eca8b;
}

.alert-success .alert-link {
  color: #124d35;
}

.alert-outline-success {
  background-color: #ffffff;
  color: #2eca8b;
  border-color: #2eca8b;
}

.alert-warning {
  background-color: rgba(241, 116, 37, 0.9);
  color: #ffffff;
  border-color: #f17425;
}

.alert-warning .alert-link {
  color: #753208;
}

.alert-outline-warning {
  background-color: #ffffff;
  color: #f17425;
  border-color: #f17425;
}

.alert-info {
  background-color: rgba(23, 162, 184, 0.9);
  color: #ffffff;
  border-color: #17a2b8;
}

.alert-info .alert-link {
  color: #062a30;
}

.alert-outline-info {
  background-color: #ffffff;
  color: #17a2b8;
  border-color: #17a2b8;
}

.alert-danger {
  background-color: rgba(228, 63, 82, 0.9);
  color: #ffffff;
  border-color: #e43f52;
}

.alert-danger .alert-link {
  color: #79111d;
}

.alert-outline-danger {
  background-color: #ffffff;
  color: #e43f52;
  border-color: #e43f52;
}

.alert-dark {
  background-color: rgba(60, 72, 88, 0.9);
  color: #ffffff;
  border-color: #3c4858;
}

.alert-dark .alert-link {
  color: black;
}

.alert-outline-dark {
  background-color: #ffffff;
  color: #3c4858;
  border-color: #3c4858;
}

.alert-muted {
  background-color: rgba(132, 146, 166, 0.9);
  color: #ffffff;
  border-color: #8492a6;
}

.alert-muted .alert-link {
  color: #3d4654;
}

.alert-outline-muted {
  background-color: #ffffff;
  color: #8492a6;
  border-color: #8492a6;
}

.alert-light {
  background-color: rgba(248, 249, 252, 0.9);
  color: #ffffff;
  border-color: #f8f9fc;
}

.alert-light .alert-link {
  color: #8d9dce;
}

.alert-outline-light {
  background-color: #ffffff;
  color: #f8f9fc;
  border-color: #f8f9fc;
}

.alert-blue {
  background-color: rgba(47, 85, 212, 0.9);
  color: #ffffff;
  border-color: #2f55d4;
}

.alert-blue .alert-link {
  color: #122258;
}

.alert-outline-blue {
  background-color: #ffffff;
  color: #2f55d4;
  border-color: #2f55d4;
}

.alert-footer {
  background-color: rgba(32, 41, 66, 0.9);
  color: #ffffff;
  border-color: #202942;
}

.alert-footer .alert-link {
  color: black;
}

.alert-outline-footer {
  background-color: #ffffff;
  color: #202942;
  border-color: #202942;
}

.alert {
  padding: 8px 15px;
  border-radius: 6px;
  font-size: 14px;
}

.alert.alert-light {
  background-color: #f8f9fc;
  color: #3c4858;
  border-color: #dee2e6;
}

.alert.alert-dismissible {
  padding-right: 30px;
}

.alert.alert-dismissible .close {
  top: -2px;
  right: -10px;
  font-size: 16px !important;
}

.alert.alert-pills {
  border-radius: 30px;
  display: inline-block;
}

.alert.alert-pills .content {
  font-weight: 600;
}

.page-next-level .title {
  font-size: 28px;
  letter-spacing: 1px;
}

.page-next-level .page-next {
  position: relative;
  top: 110px;
  z-index: 99;
}

.breadcrumb {
  letter-spacing: 0.5px;
  padding: 8px 24px;
  display: block;
}

.breadcrumb .breadcrumb-item {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  padding-left: 0;
  display: inline-block;
}

.breadcrumb .breadcrumb-item a {
  color: #3c4858;
}

.breadcrumb .breadcrumb-item a:hover {
  color: #2f55d4;
}

.breadcrumb .breadcrumb-item.active {
  color: #2f55d4;
}

.breadcrumb .breadcrumb-item:before {
  content: "";
}

.breadcrumb .breadcrumb-item:after {
  content: "\F0142" !important;
  font-size: 14px;
  color: #3c4858;
  font-family: "Material Design Icons";
  padding-left: 5px;
}

.breadcrumb .breadcrumb-item:last-child:after {
  display: none;
}

.pagination .page-item:first-child .page-link {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}

.pagination .page-item:last-child .page-link {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}

.pagination .page-item .page-link {
  color: #3c4858;
  border: 1px solid #dee2e6;
  padding: 10px 15px;
  font-size: 14px;
}

.pagination .page-item .page-link:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.pagination .page-item .page-link:hover {
  color: #ffffff;
  background: rgba(47, 85, 212, 0.9);
  border-color: rgba(47, 85, 212, 0.9);
}

.pagination .page-item.active .page-link {
  color: #ffffff;
  background: #2f55d4 !important;
  border-color: #2f55d4;
  cursor: not-allowed;
}

.avatar.avatar-ex-sm {
  max-height: 25px;
}

.avatar.avatar-md-sm {
  height: 45px;
  width: 45px;
}

.avatar.avatar-small {
  height: 65px;
  width: 65px;
}

.avatar.avatar-md-md {
  height: 80px;
  width: 80px;
}

.avatar.avatar-medium {
  height: 110px;
  width: 110px;
}

.avatar.avatar-large {
  height: 140px;
  width: 140px;
}

.avatar.avatar-ex-large {
  height: 180px;
  width: 180px;
}

.faq-container .question {
  font-size: 20px;
}

.faq-content .card .faq .card-header {
  padding-right: 40px !important;
}

.faq-content .card a.faq[data-toggle="collapse"] {
  background-color: #ffffff;
  color: #2f55d4;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.faq-content .card a.faq[data-toggle="collapse"]:before {
  content: "\F0143";
  display: block;
  font-family: "Material Design Icons";
  font-size: 18px;
  color: #3c4858;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.faq-content .card a.faq[data-toggle="collapse"].collapsed {
  background-color: #ffffff;
  color: #3c4858 !important;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.faq-content .card a.faq[data-toggle="collapse"].collapsed:before {
  top: 15px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  color: #3c4858 !important;
}

.faq-content .card .title {
  font-size: 16px;
}

.nav-pills {
  margin-bottom: 15px;
  background: #f4f6fa;
}

.nav-pills .nav-link {
  color: #495057 !important;
  padding: 5px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.nav-pills .nav-link.active .tab-para {
  color: rgba(255, 255, 255, 0.65) !important;
}

.nav-pills a .title {
  font-size: 17px;
  font-weight: 700;
}

.progress-box .title {
  font-size: 15px;
}

.progress-box .progress {
  height: 8px;
  overflow: visible;
}

.progress-box .progress .progress-bar {
  border-radius: 6px;
  -webkit-animation: animate-positive 3s;
  animation: animate-positive 3s;
  overflow: visible !important;
}

.progress-box .progress .progress-value {
  position: absolute;
  top: -25px;
  right: -15px;
  font-size: 13px;
}

@-webkit-keyframes animate-positive {
  0% {
    width: 0;
  }
}

@keyframes animate-positive {
  0% {
    width: 0;
  }
}

.blockquote {
  border-left: 3px solid #dee2e6;
  border-radius: 6px;
  font-size: 16px;
}

.form-group {
  margin-bottom: 20px;
}

.form-group label {
  font-size: 14px;
  font-weight: 700;
}

.form-group .form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #ffffff;
  border: 1px solid #dee2e6;
  color: #3c4858;
  height: 42px;
  font-size: 13px;
  border-radius: 6px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.form-group .form-control:focus,
.form-group .form-control.active {
  border-color: #2f55d4;
}

.form-group textarea {
  height: 120px !important;
}

.form-group textarea.form-control {
  line-height: 25px;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: transparent;
  opacity: 1;
}

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

.custom-control-input:focus~.custom-control-label::before,
.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #2f55d4;
}

.custom-control-label {
  cursor: pointer;
}

.custom-control-label:before,
.custom-control-label:after {
  top: 2px;
}

.custom-switch .custom-control-label:after {
  top: 4px;
}

.subcribe-form input {
  padding: 14px 20px;
  width: 100%;
  color: #3c4858 !important;
  border: none;
  outline: none !important;
  padding-right: 160px;
  padding-left: 30px;
  background-color: rgba(255, 255, 255, 0.8);
}

.subcribe-form button {
  position: absolute;
  top: 6px;
  right: 6px;
  outline: none !important;
}

.subcribe-form form {
  position: relative;
  max-width: 600px;
  margin: 0px auto;
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive .table td,
.table-responsive .table th {
  vertical-align: middle;
}

.table-responsive .table-center th {
  vertical-align: middle !important;
}

.table-responsive .table-center tbody tr:hover {
  color: #3c4858;
  background-color: #f8f9fa;
}

.table-responsive .table-center.invoice-tb th,
.table-responsive .table-center.invoice-tb td {
  text-align: end;
}

.modal-open {
  padding-right: 0 !important;
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(45deg, #ffffff, #ffffff);
  z-index: 9999999;
}

#preloader #status {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#preloader #status .spinner {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 100px auto;
}

#preloader #status .spinner .double-bounce1,
#preloader #status .spinner .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #2f55d4;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2s infinite ease-in-out;
  animation: sk-bounce 2s infinite ease-in-out;
}

#preloader #status .spinner .double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

@-webkit-keyframes sk-bounce {

  0%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes sk-bounce {

  0%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* .social-icon li a {
  color: #3c4858;
  border: 0px solid #3c4858;
  display: inline-block;
  height: 25px;
  width: 25px;
  line-height: 24px;
  text-align: center;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  overflow: hidden;
  position: relative;
} */

.invite_apply span {
  padding-left: 10px;
}

.ch_icon1 {
  font-size: 14px !important;
  color: #005696 !important;
  padding: 2px;
  padding-right: 11px;
}

.company-name {
  font-size: 11px !important;
  font-weight: 500;
  color: #349fe6 !important;
}

.social-icon li a:hover {
  background-color: #2f55d4;
  border-color: #2f55d4 !important;
  color: #ffffff !important;
}

.social-icon li a:hover .fea-social {
  fill: #ffffff00 !important;
  color: #fff !important;
}

.back-to-top {
  z-index: 99;
  position: fixed;
  bottom: 30px;
  right: 30px;
  display: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.back-to-top .icons {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.back-to-top:hover {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.back-to-top:hover .icons {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.back-to-home {
  position: absolute;
  top: 4%;
  right: 2%;
  z-index: 1;
}

.sticky-bar {
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
}

.fea {
  stroke-width: 1.8;
}

.fea.icon-ex-md {
  height: 20px;
  width: 20px;
}

.fea.icon-m-md {
  height: 28px;
  width: 28px;
}

.fea.icon-md {
  height: 35px;
  width: 35px;
}

.fea.icon-lg {
  height: 42px;
  width: 42px;
}

.fea.icon-ex-lg {
  height: 52px;
  width: 52px;
}

.display-1 {
  font-size: 80px !important;
}

.display-2 {
  font-size: 72px !important;
}

.display-3 {
  font-size: 64px !important;
}

.display-4 {
  font-size: 56px !important;
}

[class^="uil-"]:before,
[class*=" uil-"]:before {
  margin: 0;
}

.uim-svg {
  vertical-align: 0 !important;
}

button.search__ch_btn {
  display: none;
}

button.search__ch_btn {
  color: #35a2e5;
  font-size: 24px;
  font-weight: 500;
}

.footer .form-group .icons {
  position: absolute;
  top: 31%;
  left: 3%;
  color: #349fe6;
}

@media (max-width: 768px) {
  .left_side_filer .card {
    width: 100%;
  }

  button.search__ch_btn {
    display: block;
  }

  .ToggleClass_ch {
    display: block !important;
  }

  .col-lg-2.col-md-3.left_side_filer.left_side_mobile {
    padding: 0 !important;
  }

  .page-next-level .page-next {
    top: 70px;
  }

  .display-1 {
    font-size: 56px !important;
  }

  .display-2 {
    font-size: 50px !important;
  }

  .display-3 {
    font-size: 42px !important;
  }

  .display-4 {
    font-size: 36px !important;
  }
}

body {
  font-family: "plus jakarta sans";
  overflow-x: visible !important;
  color: #161c2d;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "plus jakarta sans";
  line-height: 1.5;
  font-weight: 600;
}

::-moz-selection {
  background: rgba(47, 85, 212, 0.9);
  color: #ffffff;
}

::selection {
  background: rgba(47, 85, 212, 0.9);
  color: #ffffff;
}

a {
  text-decoration: none !important;
}

p {
  line-height: 1.6;
}

.section {
  padding: 100px 0;
  position: relative;
}

.section-two {
  padding: 60px 0;
  position: relative;
}

.bg-overlay {
  background-color: rgba(60, 72, 88, 0.7);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.bg-overlay-gradient {
  background-color: rgba(47, 85, 212, 0.6);
}

.bg-overlay-white {
  background-color: rgba(255, 255, 255, 0.5);
}

.bg-overlay-gradient2 {
  background-image: -webkit-gradient(linear,
      left top,
      right top,
      from(#2eca8b),
      color-stop(#2f55d4),
      to(#2eca8b));
  background-image: linear-gradient(90deg, #2eca8b, #2f55d4, #2eca8b);
  opacity: 0.5;
}

.title-heading {
  line-height: 26px;
}

.title-heading .heading {
  font-size: 45px;
  letter-spacing: 1px;
}

.title-heading .para-desc {
  font-size: 18px;
}

.section-title {
  position: relative;
}

.section-title .title {
  letter-spacing: 0.5px;
  font-size: 30px;
}

.text-shadow-title {
  text-shadow: 2px 0 0 #ffffff, -2px 0 0 #ffffff,
    0 4px 0 rgba(255, 255, 255, 0.4), 0 -2px 0 #ffffff, 1px 1px #ffffff,
    -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff;
}

.para-desc {
  max-width: 600px;
}

.mt-100 {
  margin-top: 100px;
}

.shape {
  position: absolute;
  pointer-events: none;
  right: 0;
  bottom: -2px;
  left: 0;
}

.shape>svg {
  -webkit-transform: scale(2);
  transform: scale(2);
  width: 100%;
  height: auto;
  -webkit-transform-origin: top center;
  transform-origin: top center;
}

.mover {
  -webkit-animation: mover 1s infinite alternate;
  animation: mover 1s infinite alternate;
}

@-webkit-keyframes mover {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
}

@keyframes mover {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
}

.feature-posts-placeholder {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  height: 66.6%;
}

.spin-anything {
  -webkit-animation: spinner-animation 5s linear infinite;
  animation: spinner-animation 5s linear infinite;
}

@-webkit-keyframes spinner-animation {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner-animation {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* mobileeeeeeeeeeeeeeeeee */
@media (min-width: 768px) {
  .margin-top-100 {
    margin-top: 100px;
  }

  .margin-top-100 .heading {
    font-size: 40px;
  }
}

@media (max-width: 768px) {
  .section {
    padding: 60px 0;
  }

  .title-heading .heading {
    font-size: 35px !important;
  }

  .title-heading .para-desc {
    font-size: 18px;
  }

  .section-title .title {
    font-size: 24px;
  }

  .mt-60 {
    margin-top: 60px;
  }
}

@media (max-width: 425px) {
  .shape {
    bottom: -4px;
  }
}

@media (max-width: 425px) {
  .feature-posts-placeholder {
    height: 80%;
  }
}

#topnav .logo {
  float: left;
  color: #3c4858 !important;
}

#topnav .logo .l-dark {
  display: none;
}

#topnav .logo .l-light {
  display: inline-block;
}

#topnav .has-submenu.active a {
  color: #ffffff;
}

#topnav .has-submenu.active .submenu li.active>a {
  color: #2f55d4 !important;
}

#topnav .has-submenu.active.active .menu-arrow {
  border-color: #2f55d4;
}

#topnav .has-submenu {
  position: relative;
}

#topnav .has-submenu .submenu .submenu-arrow {
  border: solid #3c4858;
  border-radius: 0.5px;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  right: 20px;
  top: 14px;
}

#topnav .has-submenu .submenu .has-submenu:hover .submenu-arrow {
  border-color: #2f55d4;
}

#topnav .navbar-toggle {
  border: 0;
  position: relative;
  width: 60px;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

#topnav .navbar-toggle .lines {
  width: 25px;
  display: block;
  position: relative;
  margin: 28px 20px;
  height: 18px;
}

#topnav .navbar-toggle span {
  height: 2px;
  width: 100%;
  background-color: #3c4858;
  display: block;
  margin-bottom: 5px;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

#topnav .navbar-toggle span:last-child {
  margin-bottom: 0;
}

#topnav .buy-button {
  float: right;
  /* line-height: 68px; */
}

#topnav .buy-button .login-btn-primary {
  display: none;
}

#topnav .buy-button .login-btn-light {
  display: inline-block;
}

#topnav .navbar-toggle.open span {
  position: absolute;
}

#topnav .navbar-toggle.open span:first-child {
  top: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#topnav .navbar-toggle.open span:nth-child(2) {
  visibility: hidden;
}

#topnav .navbar-toggle.open span:last-child {
  width: 100%;
  top: 6px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#topnav .navbar-toggle.open span:hover {
  background-color: #2f55d4;
}

#topnav .navbar-toggle:hover,
#topnav .navbar-toggle:focus,
#topnav .navbar-toggle .navigation-menu>li>a:hover,
#topnav .navbar-toggle:focus {
  background-color: transparent;
}

#topnav .navigation-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

#topnav .navigation-menu>li {
  float: left;
  display: block;
  position: relative;
  margin: 0;
}

#topnav .navigation-menu>li:hover>a,
#topnav .navigation-menu>li.active>a {
  color: #2f55d4 !important;
}

#topnav .navigation-menu>li>a {
  display: block;
  color: #3c4858 !important;
  font-size: 13px;
  background-color: transparent !important;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 24px !important;
  text-transform: uppercase;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-family: "plus jakarta sans";
  padding-left: 15px;
  padding-right: 15px;
}

#topnav .navigation-menu>li>a:hover,
#topnav .navigation-menu>li>a:active {
  color: #2f55d4;
}

#topnav .navigation-menu .has-submenu .menu-arrow {
  border: solid #3c4858;
  border-radius: 0.5px;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  right: -1px;
  top: 30px;
}

#topnav .navigation-menu .has-submenu:hover .menu-arrow {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}

#topnav .menu-extras {
  float: right;
}

#topnav.scroll {
  background-color: #ffffff;
  border: none;
  -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
  box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
}

#topnav.scroll .navigation-menu>li>a {
  color: #3c4858;
}

#topnav.scroll .navigation-menu>li>.menu-arrow {
  border-color: #3c4858;
}

#topnav.scroll .navigation-menu>li:hover>a,
#topnav.scroll .navigation-menu>li.active>a {
  color: #2f55d4;
}

#topnav.scroll .navigation-menu>li:hover>.menu-arrow,
#topnav.scroll .navigation-menu>li.active>.menu-arrow {
  border-color: #2f55d4;
}

#topnav.defaultscroll.dark-menubar .logo {
  line-height: 70px;
}

#topnav.defaultscroll.scroll .logo {
  line-height: 62px;
}

#topnav.defaultscroll.scroll.dark-menubar .logo {
  line-height: 62px;
}

#topnav.nav-sticky {
  background: #ffffff;
  -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
  box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
}

#topnav.nav-sticky .navigation-menu.nav-light>li>a {
  color: #3c4858;
}

#topnav.nav-sticky .navigation-menu.nav-light>li.active>a {
  color: #2f55d4 !important;
}

#topnav.nav-sticky .navigation-menu.nav-light>li:hover>.menu-arrow,
#topnav.nav-sticky .navigation-menu.nav-light>li.active>.menu-arrow {
  border-color: #2f55d4 !important;
}

#topnav.nav-sticky .navigation-menu.nav-light>li:hover>a,
#topnav.nav-sticky .navigation-menu.nav-light>li.active>a {
  color: #2f55d4 !important;
}

#topnav.nav-sticky .navigation-menu.nav-light .has-submenu .menu-arrow {
  border-color: #3c4858;
}

#topnav.nav-sticky .buy-button .login-btn-primary {
  display: inline-block;
}

#topnav.nav-sticky .buy-button .login-btn-light {
  display: none;
}

#topnav.nav-sticky .logo .l-dark {
  display: inline-block;
}

#topnav.nav-sticky .logo .l-light {
  display: none;
}

/* .logo {
  font-weight: 700;
  font-size: 24px;
  padding: 0 0 6px;
  letter-spacing: 1px;
  line-height: 68px;
} */

@media (min-width: 992px) {
  #topnav .navigation-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: right;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  #topnav .navigation-menu>.has-submenu>.submenu>.has-submenu>.submenu::before {
    top: 20px;
    margin-left: -35px;
    -webkit-box-shadow: 1px 1px 0px 0px rgba(60, 72, 88, 0.15);
    box-shadow: 1px 1px 0px 0px rgba(60, 72, 88, 0.15);
    border-color: transparent #ffffff #ffffff transparent;
  }

  #topnav .navigation-menu>.has-submenu:hover .menu-arrow {
    top: 33px !important;
  }

  #topnav .navigation-menu>.has-submenu.active .menu-arrow {
    top: 30px;
  }

  #topnav .navigation-menu>li .submenu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    padding: 15px 0;
    list-style: none;
    min-width: 180px;
    visibility: hidden;
    opacity: 0;
    margin-top: 10px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border-radius: 6px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
    box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
  }

  #topnav .navigation-menu>li .submenu:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 45px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 7px solid #495057;
    border-color: transparent transparent #ffffff #ffffff;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-box-shadow: -2px 2px 2px -1px rgba(60, 72, 88, 0.15);
    box-shadow: -2px 2px 2px -1px rgba(60, 72, 88, 0.15);
  }

  #topnav .navigation-menu>li .submenu li {
    position: relative;
  }

  #topnav .navigation-menu>li .submenu li a {
    display: block;
    padding: 10px 20px;
    clear: both;
    white-space: nowrap;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 700;
    color: #3c4858 !important;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }

  #topnav .navigation-menu>li .submenu li a:hover {
    color: #2f55d4 !important;
  }

  #topnav .navigation-menu>li .submenu li ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
  }

  #topnav .navigation-menu>li .submenu.megamenu {
    white-space: nowrap;
    width: auto;
  }

  #topnav .navigation-menu>li .submenu.megamenu>li {
    overflow: hidden;
    min-width: 180px;
    display: inline-block;
    vertical-align: top;
  }

  #topnav .navigation-menu>li .submenu.megamenu>li .submenu {
    left: 100%;
    top: 0;
    margin-left: 10px;
    margin-top: -1px;
  }

  #topnav .navigation-menu>li .submenu>li .submenu {
    left: 106%;
    top: 0;
    margin-left: 10px;
    margin-top: -1px;
  }

  #topnav .navigation-menu>li>a {
    /* padding-top: 25px;
    padding-bottom: 25px; */
    /* min-height: 62px; */
    padding: 13px 10px;
  }

  #topnav .navigation-menu>li:hover>.menu-arrow {
    border-color: #2f55d4;
  }

  #topnav .navigation-menu>li:hover>a,
  #topnav .navigation-menu>li.active>a {
    color: #2f55d4 !important;
  }

  #topnav .navigation-menu>li.last-elements .submenu {
    left: auto;
    right: 0;
  }

  #topnav .navigation-menu>li.last-elements .submenu:before {
    left: auto;
    right: 10px;
  }

  #topnav .navigation-menu>li.last-elements .submenu>li.has-submenu .submenu {
    left: auto;
    right: 100%;
    margin-left: 0;
    margin-right: 10px;
  }

  #topnav .navigation-menu.nav-light>li>a {
    color: rgba(255, 255, 255, 0.5);
  }

  #topnav .navigation-menu.nav-light>li.active>a {
    color: #ffffff !important;
  }

  #topnav .navigation-menu.nav-light>li:hover>.menu-arrow {
    border-color: #ffffff !important;
  }

  /* #topnav .navigation-menu.nav-light > li:hover > a {
    color: #ffffff !important;
  } */
  #topnav .navigation-menu.nav-light .has-submenu .menu-arrow {
    border-color: rgba(255, 255, 255, 0.5);
  }

  #topnav .navigation-menu.nav-light .has-submenu.active .menu-arrow {
    border-color: #ffffff !important;
  }

  #topnav .navigation-menu.nav-right {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  #topnav .navigation-menu.nav-left {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  #topnav .navigation-menu.nav-left>li.last-elements .submenu {
    left: 0 !important;
    right: auto !important;
  }

  #topnav .navigation-menu.nav-left>li.last-elements .submenu:before {
    left: 45px !important;
    right: auto !important;
  }

  #topnav .buy-button {
    padding-left: 8px;
    /* margin-left: 15px; */
  }

  #topnav .navbar-toggle {
    display: none;
  }

  #topnav #navigation {
    display: block !important;
  }

  #topnav.scroll {
    top: 0;
  }

  #topnav.scroll .navigation-menu>li>a {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  #topnav.scroll-active .navigation-menu>li>a {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

@media (max-width: 768px) {
  #topnav .navigation-menu .has-submenu .menu-arrow {
    right: 16px;
    top: 16px;
  }

  #topnav .buy-button {
    padding: 3px 0;
  }
}

@media (min-width: 768px) {
  #topnav .navigation-menu>li.has-submenu:hover>.submenu {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
  }

  #topnav .navigation-menu>li.has-submenu:hover>.submenu>li.has-submenu:hover>.submenu {
    visibility: visible;
    opacity: 1;
    margin-left: 0;
    margin-right: 0;
  }

  .navbar-toggle {
    display: block;
  }
}

@media (max-width: 375px) {
  #topnav .buy-button {
    display: none;
  }

  #topnav .buy-menu-btn {
    display: block !important;
    margin: 0 10px;
    padding: 10px 20px;
  }

  #topnav .navbar-toggle .lines {
    margin-right: 0 !important;
  }
}

.bg-home {
  height: 100vh;
  background-size: cover;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  position: relative;
  background-position: center center;
}

.bg-half-260 {
  padding: 260px 0;
  background-size: cover;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  position: relative;
  background-position: center center;
}

.bg-half-170 {
  padding: 170px 0;
  background-size: cover;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  position: relative;
  background-position: center center;
}

.bg-half {
  padding: 184px 0 90px;
  background-size: cover;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  position: relative;
  background-position: center center;
}

.gradient {
  background: #2f55d4 !important;
  background: linear-gradient(45deg, #2f55d4, #2f55d4) !important;
  opacity: 0.9;
}

.bg-circle-gradiant {
  background: radial-gradient(circle at 50% 50%,
      rgba(47, 85, 212, 0.1) 0%,
      rgba(47, 85, 212, 0.1) 33.333%,
      rgba(47, 85, 212, 0.3) 33.333%,
      rgba(47, 85, 212, 0.3) 66.666%,
      rgba(47, 85, 212, 0.5) 66.666%,
      rgba(47, 85, 212, 0.5) 99.999%);
}

.home-dashboard img {
  position: relative;
  top: 60px;
  z-index: 1;
}

.classic-saas-image .bg-saas-shape:after {
  bottom: 3rem;
  left: 0;
  width: 75rem;
  height: 55rem;
  border-radius: 20rem;
  opacity: 0.9;
  -webkit-transform: rotate(130deg);
  transform: rotate(130deg);
}

.studio-home {
  padding: 7%;
}

.agency-wrapper:before {
  content: "";
  position: absolute;
  bottom: 22rem;
  right: 54rem;
  width: 90rem;
  height: 35rem;
  border-radius: 17rem;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #f8f9fc;
  z-index: -1;
}

.bg-marketing {
  padding: 76px 0 120px;
  background-size: cover;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  position: relative;
  background-position: center center;
}

.home-slider .carousel-control-next,
.home-slider .carousel-control-prev {
  width: 5%;
}

.home-slider .carousel-item,
.home-slider .carousel {
  height: 100vh;
  width: 100%;
}

.home-slider .carousel-item {
  background-position: center center;
  background-size: cover;
}

.home-slider .carousel-item.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main-slider .slides .bg-slider {
  background-size: cover;
  height: 100vh;
  position: relative;
  background-size: cover;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  position: relative;
  background-position: center center;
}

.main-slider .slides .bg-slider.shopping {
  height: 75vh;
}

.flex-control-paging li a {
  background: #ffffff;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.flex-control-paging li a.flex-active {
  background: #2f55d4;
  cursor: default;
  font-size: 17px;
  width: 15px;
  height: 15px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.flex-control-nav {
  display: none;
}

.bg-animation-left:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 70%;
  height: 100%;
  background: rgba(255, 255, 255, 0.85);
  -webkit-clip-path: polygon(0 0, 90% 0, 70% 100%, 0% 100%);
  clip-path: polygon(0 0, 90% 0, 70% 100%, 0% 100%);
}

.bg-animation-left.dark-left:after {
  background: rgba(60, 72, 88, 0.6);
}

.bg-animation-left.crypto-home:after {
  background: #2f55d4;
  width: 80%;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 50% 100%, 0% 100%);
}

.bg-animation-left.task-management-home:after {
  background: url("../images/task/bg.png") #2f55d4;
  width: 100%;
  -webkit-clip-path: circle(65% at 40% 25%);
  clip-path: circle(65% at 40% 25%);
}

.bg-invoice {
  padding: 100px 0;
  background-size: cover;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  position: relative;
  background-position: center center;
}

.classic-app-image .bg-app-shape:after {
  bottom: 3rem;
  left: -8rem;
  width: 55rem;
  height: 35rem;
  border-radius: 20rem;
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
  opacity: 0.9;
}

.classic-app-image .app-images {
  position: absolute;
  bottom: 60px;
  right: -20px;
}

.classic-app-image .bg-app-shape:after,
.classic-saas-image .bg-saas-shape:after {
  content: " ";
  position: absolute;
  z-index: -1;
}

.classic-app-image .bg-app-shape:after,
.classic-saas-image .bg-saas-shape:after {
  -webkit-box-shadow: 0 0 40px rgba(47, 85, 212, 0.5);
  box-shadow: 0 0 40px rgba(47, 85, 212, 0.5);
  background-color: #2f55d4;
}

.shape-before .shape-img {
  position: absolute;
  top: -50px;
  left: -35px;
  z-index: -1;
  height: auto;
  overflow: hidden;
}

.swiper-slider-hero .swiper-container,
.swiper-slider-hero .swiper-slide .slide-inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.swiper-slider-hero .swiper-container .swiper-button-prev,
.swiper-slider-hero .swiper-container .swiper-button-next {
  background: transparent;
  width: 35px;
  height: 35px;
  line-height: 35px;
  margin-top: -30px;
}

.swiper-slider-hero .swiper-container .swiper-button-prev:before,
.swiper-slider-hero .swiper-container .swiper-button-next:before {
  font-family: "plus jakarta sans";
  font-weight: 900;
  color: #ffffff;
}

.swiper-slider-hero .swiper-container .swiper-button-prev:hover,
.swiper-slider-hero .swiper-container .swiper-button-next:hover {
  background: #2f55d4;
  border-color: #2f55d4 !important;
}

.swiper-slider-hero .swiper-container .swiper-button-prev {
  left: 10px;
}

.swiper-slider-hero .swiper-container .swiper-button-prev:before {
  content: "\f0141";
}

.swiper-slider-hero .swiper-container .swiper-button-next {
  right: 10px;
}

.swiper-slider-hero .swiper-container .swiper-button-next:before {
  content: "\f0142";
}

.swiper-slider-hero .swiper-pagination-bullet {
  color: #f8f9fa;
  background: transparent;
}

.swiper-slider-hero .swiper-pagination-bullet-active {
  color: #ffffff;
}

.swiper-slider-hero .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-slider-hero .swiper-pagination-custom,
.swiper-slider-hero .swiper-pagination-fraction {
  bottom: 45px;
}

.swiper-slider-hero .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 13px;
}

@media (min-width: 769px) {
  .bg-studio:after {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    width: 50%;
    height: 100%;
    background: #ffffff none repeat scroll 0 0;
    z-index: 2;
  }
}

@media (min-width: 768px) {
  .home-dashboard.onepage-hero {
    overflow: hidden;
  }
}

.display_img {
  display: none;
}

.icon.shadow-lg.d-inline-block,
.explore-feature:hover {
  box-shadow: none !important;
}

section.section .container .row .explore-feature:hover {
  box-shadow: none !important;
}

/* .LETSGO {
  position: absolute;
  left: 37%;
  right: 0;
  width: 53% !important;
  bottom: 17%;
}
.LETSGO2 {
  position: absolute;
  left: 10%;
  right: 0;
  width: 53% !important;
  bottom: 17%;
} */
/* aneees mbl */
@media (max-width: 768px) {

  /* .LETSGO {
    position: absolute;
    left: 14%;
    right: 0;
    width: 73% !important;
    bottom: 17%;
  }
  .LETSGO2 {
    position: absolute;
    left: 13.5%;
    right: 0;
    width: 73% !important;
    bottom: 12%;
  } */
  div#pills-profile .col-6.col-lg-4 .newst_secter_list,
  div#pills-home .col-6.col-lg-4 .newst_secter_list {
    display: list-item;
    padding-left: 0px;
    /* list-style-position: inside; */
    font-size: 14px;
  }

  div .container.row .col-lg-8.mb-17 {
    padding: 0;
  }

  div .container.row .col-lg-8.mb-17 .row .col-lg-12.tabpanel_style.p-5.text-white {
    padding: 15px 0 !important;
  }

  .hero_heading_mb {
    font-size: 2rem !important;
    text-align: center !important;
  }

  .hero_img {
    display: none;
  }

  .form_home_div .row_fix {
    padding-right: 0px !important;
  }

  .home_top_form {
    border-radius: 0px !important;
  }

  .home_top_form .__pl {
    padding-right: 3rem !important;
  }

  .__pl {
    padding-top: 2rem !important;
    padding-left: 3rem !important;
  }

  .custom_input {
    padding-right: 0px !important;
    padding-bottom: 1rem !important;
  }

  /* contact page */
  .contact_image_bg {
    background: url(../images/login_contact/Contactusbgmb.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 1.5rem;
    margin-top: 5em;
  }

  .auth_heading {
    font-size: 2rem !important;
    padding-top: 2rem !important;
    padding-bottom: 4rem !important;
  }

  .auth_title {
    font-size: 1.7rem !important;
    font-weight: 700;
    margin-bottom: 1rem !important;
  }

  .auth_disctption {
    font-size: 0.9rem !important;
    padding: 0px;

    color: grey;
  }

  .small-text-mb {
    font-size: 80%;
    font-weight: 400;
  }

  /* register */
  .rigister_image_bg {
    background: url(../images/login_contact/Signupbgmb.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    padding: 2em 0 !important;
    margin-top: 1.5em !important;
  }

  /* login */
  .login_image_bg {
    background: url(../images/login_contact/Loginbgmb.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    padding: 1em !important;
    margin-top: 1.5em !important;
    /* height: 100vh; */
  }
  ._404_background_img {
    padding: 2em 1rem !important;
    margin-top: 1.5em !important;
    min-height: 51vh;
  }
  ._404_background_img .text {
    font-size: 20px !important;
  }
  ._404_background_img img {
    width: 95%;
  }
  /* career resources */
  .change-direction-mb {
    display: flex;
    flex-direction: column-reverse;
  }

  .m_title_mb {
    text-align: center;
    font-size: 3rem !important;
  }

  .m_title_mb b {
    text-align: center;
    font-size: 3rem !important;
  }

  .p_about2 {
    font-size: 1.1rem;
    text-align: center;
  }

  .carear_img_style {
    margin-top: -5rem !important;
  }

  /* 01-12-21 */
  .row {
    margin: 0 !important;
  }

  .hide_img {
    display: none;
  }

  .display_img {
    display: block !important;
  }

  .image_on_mb {
    width: 65% !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
  }

  .row_fix_mb {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .p_about2_mb {
    padding-top: 0rem !important;
  }

  .heading_on_imb {
    text-align: left;
    padding-left: 2rem;
    margin-top: -43px;
  }

  .green_heding_crear_imb {
    text-align: left !important;
    padding-left: 3.3rem !important;
    font-size: 1.9rem !important;
    margin-bottom: 2rem !important;
  }

  .green_heding_crear_imb_2 {
    text-decoration: none !important;
    padding-left: 2.5rem !important;
  }

  .col_fix_imb {
    padding-right: 0px !important;
  }

  .my_card_imb {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .card_fix_imb {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  /* JOB CAREER */
  .section_ch_p_imb {
    margin-top: 7rem !important;
  }

  .mobile_block_ch {
    display: block !important;
  }

  .mobile_flex_ch {
    display: flex !important;
  }

  .padding_zero_imb {
    padding: 0px !important;
  }

  .l_p_z {
    padding-left: 0px !important;
  }

  .r_p_z {
    padding-right: 0px !important;
  }

  .l_r_p_z {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

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

  .m_r_1 {
    margin-right: 1rem !important;
  }

  .b_p_imb {
    padding-bottom: 1rem !important;
  }

  .t_m_imb {
    margin-top: 1rem !important;
  }

  .full_time_btn {
    display: none;
  }

  .list_style_imb li {
    list-style: none !important;
  }

  .list_style_imb li span {
    font-size: 13px !important;
  }

  .list_style_imb ul {
    padding: 0 !important;
  }

  /*  */

  .feature_label_imb {
    margin-top: 0.5rem !important;
    margin-right: 1rem !important;
  }

  .feature_label_imb_2 {
    margin-top: 0.5rem !important;
  }

  /* JOBs in Pakistan */
  .pk_dekstop {
    width: 100% !important;
  }

  .img_about_us_mb {
    background: url(/images/job_in_pk/Mainbg_mb.svg) center center no-repeat !important;
    min-height: 480px !important;
    background-size: cover !important;
  }

  .about_job4u_mb {
    background-color: rgb(46, 202, 139) !important;
    margin-top: -102px !important;
  }

  .col-md-6.form-group.mb-0.mt-2.display_img {
    padding: 7px 0;
  }

  .col-md-2.form-group.m-0.pr-0 {
    padding: 0;
  }

  .col-md-2.form-group.m-0.pr-0 button.btn.btn-default.btn_red_redus {
    border-color: #005696 !important;
  }

  .about_job4u_neg_margin_mb {
    margin-top: -74px;
  }

  .fieldch_new_imb {
    height: 38px !important;
    box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 15%) !important;
    border-radius: unset !important;
    border-color: none !important;
  }

  .multiselect__tags_imb {
    border-radius: 0 !important;
  }

  .pk_bg_img_imb {
    background-position: top !important;
  }

  .h2_job_in_pk_imb {
    font-size: 1.3rem !important;
    margin-top: 12rem;
    color: white !important;
    margin-bottom: 5rem;
  }

  .list_style_imb {
    list-style: none !important;
  }

  .pk_heading_scend_imb {
    font-size: 30px !important;
  }

  .sub_heading_imb {
    font-size: 14px !important;
  }

  /* change career */
  section.section_ch_p.bg-light.d-table.w-100.mt-10 {
    margin-top: 6rem !important;
  }

  h2.m_title {
    font-size: 1.7rem;
  }

  span.m_title {
    font-size: 11px;
    color: grey;
  }

  .row-fixed {
    margin: 0rem;
  }

  .blog_back {
    position: absolute;
    right: -33px;
    top: 3px;
    font-size: 1rem;
  }

  .blog_header {
    padding-left: 10px;
  }

  .p_about2 {
    font-size: 1.1rem !important;
    text-align: left;
  }

  button.btn.btn-default.join_btn.mb-6 {
    text-transform: capitalize;
  }

  .card-headerchch {
    font-size: medium;
  }

  label.labal_style {
    font-size: initial !important;
  }

  .green_heding_crear {
    text-align: center;
    font-size: 2rem;
  }

  .forgot-txt {
    margin-bottom: 3px;
  }

  .agency-wrapper:before {
    right: 12rem;
  }

  .bg-half {
    padding: 169px 0 50px;
  }

  .wave-one,
  .wave-three {
    background-size: 50% 50px;
  }

  .wave-two {
    background-size: 50% 70px;
  }

  .classic-saas-image .bg-saas-shape img {
    max-width: 550px;
  }
}

.apply_page_ch label {
  font-size: 12px !important;
  font-weight: 600 !important;
}

.apply_page_ch .v-input {
  padding: 0 !important;
  margin: 0 !important;
}

.apply_page_ch .v-select__slot {
  border: 1px solid #dee2e6;
  outline: 0 !important;
  /* border-bottom: 0px solid #949494; */
}

.apply_page_ch .form-group {
  margin-bottom: 1.1rem !important;
}

.apply_page_ch .theme--light.v-chip:not(.v-chip--active) {
  background: #349fe6 !important;
  color: white !important;
  border-radius: 0 !important;
  height: 24px !important;
}

.apply_page_ch .theme--light.v-text-field>.v-input__control>.v-input__slot:before {
  border-color: rgb(0 0 0 / 0%) !important;
}

.apply_page_ch button.submitBnt.btn.btn-danger {
  background: #ffc0cb00 !important;
  color: #a9250f !important;
  border: 1px solid #a9250f !important;
}

.apply_page_ch button.submitBnt.btn.btn-primary {
  background: #005595 !important;
  border-color: #005595 !important;
}

@media (max-width: 767px) {
  section.section_ch_p.bg-white.d-table.w-100 .row.container.form-section {
    padding: 0;
  }

  .bg-home,
  .bg-half-170,
  .bg-half-260,
  .main-slider .slides .bg-slider,
  .bg-marketing,
  .swiper-slider-hero .swiper-container .swiper-slide {
    padding: 150px 0;
    height: auto;
  }

  .agency-wrapper:before {
    right: 0;
  }

  .bg-animation-left:after {
    width: 100%;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }

  .classic-saas-image .bg-saas-shape img {
    max-width: 100%;
    height: auto;
  }

  .classic-saas-image .bg-saas-shape:after {
    bottom: -5rem;
    left: 10rem;
    width: 30rem;
    height: 30rem;
    border-radius: 10rem;
  }
}

.features .icon,
.features .icons {
  background: rgba(47, 85, 212, 0.1);
}

.features .icons {
  height: 80px;
  line-height: 80px;
  margin: 0 auto;
}

.features .image:before {
  content: "";
  position: absolute;
  bottom: 5px;
  right: -15px;
  width: 70px;
  height: 70px;
  border-radius: 6px;
  -webkit-transform: rotate(33.75deg);
  transform: rotate(33.75deg);
  background: linear-gradient(45deg, transparent, rgba(47, 85, 212, 0.09));
  z-index: -1;
}

.features .ride-image {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.features .ride-image img {
  border-radius: 100% 100% 100% 0;
}

.features .title-2 {
  font-size: 20px;
}

.features:hover .image:before {
  background: rgba(47, 85, 212, 0.07);
  -webkit-animation: spinner-border 5s linear infinite;
  animation: spinner-border 5s linear infinite;
}

.features.fea-primary {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.features.fea-primary .content .title {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.features.fea-primary .content .title:hover {
  color: #2f55d4 !important;
}

.features.fea-primary .big-icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  opacity: 0.015;
  font-size: 180px;
}

.features.fea-primary:hover {
  -webkit-box-shadow: 0 10px 25px rgba(60, 72, 88, 0.15);
  box-shadow: 0 10px 25px rgba(60, 72, 88, 0.15);
  background-color: #2f55d4 !important;
  color: #ffffff !important;
}

.features.fea-primary:hover .icon2,
.features.fea-primary:hover .para {
  color: rgba(255, 255, 255, 0.5) !important;
}

.features.fea-primary:hover .content,
.features.fea-primary:hover .icon2 {
  z-index: 2;
}

.features.fea-primary:hover .big-icon {
  opacity: 0.05;
}

.features .title,
.key-feature .title {
  font-size: 18px;
}

.features .icon,
.key-feature .icon {
  height: 45px;
  width: 45px;
  line-height: 45px;
}

.key-feature {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.key-feature .icon {
  background: linear-gradient(45deg, transparent, rgba(47, 85, 212, 0.15));
}

.key-feature:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-box-shadow: 0 5px 13px rgba(60, 72, 88, 0.2) !important;
  box-shadow: 0 5px 13px rgba(60, 72, 88, 0.2) !important;
}

.work-process {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.work-process .title {
  font-size: 20px;
}

.work-process .step,
.work-process .step-icon {
  opacity: 0.06;
}

.work-process a {
  font-size: 15px;
}

.work-process.process-arrow:after {
  content: "";
  position: absolute;
  width: 60%;
  height: 40px;
  top: 80px;
  left: 80%;
  background: url("../images/process.png") center center no-repeat;
  z-index: 1;
}

.work-process.process-arrow:hover {
  -webkit-transform: none !important;
  transform: none !important;
}

.work-process:hover {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

.work-process.d-none-arrow:hover {
  -webkit-transform: none !important;
  transform: none !important;
}

.course-feature .title {
  font-size: 20px;
}

.course-feature .title:hover {
  color: #2f55d4 !important;
}

.course-feature .full-img {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  margin: 0 auto;
  z-index: -2;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.course-feature:hover {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

.course-feature:hover .full-img {
  opacity: 0.08;
}

.crypto-table,
.course-feature,
.features-absolute {
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.crypto-table,
.course-feature {
  margin: -260px 0 0px;
}

.features-absolute {
  margin: -200px 0 0px;
}

.features-absolute.blog-search {
  margin: -120px 0 0px;
}

.catagories {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.catagories:hover {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
  box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
}

.catagories a:hover {
  color: #2f55d4 !important;
}

.app-feature-shape-right:after,
.app-feature-shape-left:after {
  bottom: 0rem;
  width: 30rem;
  height: 40rem;
  border-radius: 10rem;
}

.app-feature-shape-right:after {
  left: 10rem;
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
}

.app-feature-shape-left:after {
  right: 10rem;
  -webkit-transform: rotate(210deg);
  transform: rotate(210deg);
}

.app-subscribe {
  position: absolute;
  top: -200px;
}

.saas-feature-shape-left:after,
.saas-feature-shape-right:after {
  bottom: -3rem;
  width: 35rem;
  height: 35rem;
  border-radius: 15rem;
  -webkit-transform: rotate(145deg);
  transform: rotate(145deg);
}

.saas-feature-shape-left:after {
  left: -10rem;
}

.saas-feature-shape-right:after {
  right: -10rem;
}

.app-feature-shape-right:after,
.app-feature-shape-left:after,
.saas-feature-shape-left:after,
.saas-feature-shape-right:after,
.social-feature-left:after,
.social-feature-right:after {
  background: rgba(47, 85, 212, 0.1);
  -webkit-box-shadow: 0 0 40px rgba(47, 85, 212, 0.1);
  box-shadow: 0 0 40px rgba(47, 85, 212, 0.1);
}

.app-feature-shape-right:after,
.app-feature-shape-left:after,
.saas-feature-shape-left:after,
.saas-feature-shape-right:after,
.social-feature-left:after,
.social-feature-right:after {
  content: "";
  position: absolute;
  z-index: -1;
}

.social-feature-left:after,
.social-feature-right:after {
  width: 450px;
  height: 520px;
  border-radius: 30px;
  bottom: -75px;
}

.social-feature-left:after {
  right: -200px;
}

.social-feature-right:after {
  left: -200px;
}

.explore-feature {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.explore-feature .icon {
  height: 80px;
  width: 80px;
  line-height: 80px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.explore-feature:hover {
  -webkit-box-shadow: 0 10px 25px rgba(60, 72, 88, 0.15) !important;
  box-shadow: 0 10px 25px rgba(60, 72, 88, 0.15) !important;
}

.explore-feature:hover .icon,
.explore-feature:hover .title {
  color: #2f55d4 !important;
}

@media (max-width: 768px) {
  .app-feature-shape-right:after {
    left: 0;
  }

  .app-feature-shape-left:after {
    right: 0;
  }

  .social-feature-left:after,
  .social-feature-right:after {
    width: 300px;
    height: 400px;
    bottom: -65px;
  }

  .features-absolute {
    margin: -140px 0 0;
  }

  .features-absolute.blog-search {
    margin: -90px 0 0px;
  }
}

@media screen and (max-width: 767px) {
  .process-arrow:after {
    display: none;
  }

  .course-feature,
  .crypto-table {
    margin: 0 0 30px;
  }

  .app-subscribe {
    position: relative;
    top: 0;
  }

  .saas-feature-shape-left:after,
  .saas-feature-shape-right:after {
    bottom: -1rem;
    width: 25rem;
    height: 25rem;
    border-radius: 10rem;
  }
}

@media (max-width: 575px) {

  .social-feature-left:after,
  .social-feature-right:after {
    bottom: -35px;
  }

  .social-feature-left:after {
    right: 60px;
  }

  .social-feature-right:after {
    left: 60px;
  }
}

.owl-theme .owl-dots .owl-dot span {
  background: #2f55d4 !important;
}

.customer-testi {
  cursor: e-resize;
}

.customer-testi .content:before {
  content: "";
  position: absolute;
  top: 30px;
  left: 0;
  margin-left: 13px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 8px solid #3c4858;
  border-color: transparent #ffffff #ffffff transparent;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-box-shadow: 2px 2px 2px -1px rgba(60, 72, 88, 0.15);
  box-shadow: 2px 2px 2px -1px rgba(60, 72, 88, 0.15);
}

.owl-theme .owl-dots .owl-dot span {
  border-radius: 3px;
  background: rgba(47, 85, 212, 0.5) !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots.clickable .owl-dot:hover span {
  background: #2f55d4 !important;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.owl-carousel .owl-item img {
  display: block;
  width: auto;
}

.slick-slider {
  overflow-x: hidden !important;
  cursor: pointer;
}

.pricing-rates {
  position: relative;
  z-index: 1;
  border-bottom: 3px solid #adb5bd !important;
}

.pricing-rates .title {
  font-weight: 700;
  font-size: 16px;
}

.pricing-rates .price {
  font-weight: 400;
}

.pricing-rates.business-rate {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.pricing-rates.business-rate:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
  z-index: 2;
  border-color: #2f55d4;
  -webkit-box-shadow: 0 5px 13px rgba(60, 72, 88, 0.2) !important;
  box-shadow: 0 5px 13px rgba(60, 72, 88, 0.2) !important;
  background-color: #ffffff !important;
}

.pricing-rates.business-rate:hover .title {
  color: #2f55d4;
}

.pricing-rates.starter-plan {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 2;
  border-color: #2f55d4;
}

.pricing-rates.best-plan {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.pricing-rates.best-plan .lable {
  width: 200px;
  position: absolute;
  top: 15px;
  right: -65px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
}

.pricing-rates.best-plan .lable h6 {
  font-size: 12px;
}

.pricing-rates.best-plan:hover {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

.invoice-top .logo-invoice {
  font-weight: 700;
  font-size: 27px;
  letter-spacing: 1px;
}

@media (max-width: 767px) {
  .pricing-rates.starter-plan {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.watch-video a.watch {
  font-size: 14px;
  font-weight: 700;
}

.watch-video a .play-icon-circle {
  height: 36px;
  width: 36px;
  background-color: #2f55d4;
  line-height: 36px;
}

.watch-video a .play-icon-circle.play-iconbar {
  font-size: 16px;
}

.watch-video a .play-icon-circle.play {
  top: 77%;
}

.bg-cta {
  padding: 150px 0;
}

.play-btn {
  height: 78px;
  width: 78px;
  font-size: 30px;
  line-height: 76px;
  border-radius: 50%;
  display: inline-block;
  color: #ffffff;
}

.play-icon {
  position: absolute;
  bottom: 50%;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  right: 0;
  left: 0;
  text-align: center;
}

.play-icon i {
  height: 75px;
  -webkit-text-stroke: 2px #2f55d4;
  -webkit-text-fill-color: transparent;
  width: 75px;
  font-size: 25px;
  line-height: 75px;
  display: inline-block;
}

.play-icon i:hover {
  -webkit-text-stroke: 2px #2f55d4;
  -webkit-text-fill-color: #2f55d4;
}

.mfp-iframe-holder .mfp-content {
  max-width: 1110px;
}

.blog {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.blog .content h4 {
  line-height: 1.2;
}

.blog .content .title {
  font-size: 20px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.blog .content .title:hover {
  color: #2f55d4 !important;
}

.blog .content .post-meta .like,
.blog .content .post-meta .comments,
.blog .content .post-meta .readmore {
  font-size: 15px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.blog .content .post-meta .like:hover {
  color: #e43f52 !important;
}

.blog .content .post-meta .comments:hover {
  color: #2eca8b !important;
}

.blog .content .post-meta .readmore:hover {
  color: #2f55d4 !important;
}

.blog .author,
.blog .teacher,
.blog .course-fee {
  position: absolute;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.blog .author {
  top: 5%;
  left: 5%;
}

.blog .teacher {
  bottom: 6%;
  left: 5%;
}

.blog .course-fee {
  bottom: -5%;
  right: 5%;
  width: 50px;
  height: 50px;
}

.blog .course-fee .fee {
  line-height: 50px;
}

.blog.blog-detail:hover {
  -webkit-transform: translateY(0px) !important;
  transform: translateY(0px) !important;
}

.blog:hover {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

.blog:hover .overlay {
  opacity: 0.4;
}

.blog:hover .author,
.blog:hover .teacher,
.blog:hover .course-fee {
  opacity: 1;
}

.blog .blog-list-meta {
  position: absolute;
  bottom: 24px;
}

.sidebar .widget .widget-search form {
  position: relative;
}

.sidebar .widget .widget-search input[type="text"],
.sidebar .widget .searchform input[type="text"] {
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 12px 15px;
  height: 45px;
  font-size: 14px;
  display: block;
  width: 100%;
  outline: none !important;
  padding-right: 45px;
}

.sidebar .widget .widget-search input[type="submit"],
.sidebar .widget .searchform input[type="submit"] {
  position: absolute;
  top: 5px;
  right: 10px;
  opacity: 0;
  width: 40px;
  height: 40px;
}

.sidebar .widget .widget-search .searchform:after {
  content: "\F0349";
  position: absolute;
  font-family: "Material Design Icons";
  right: 16px;
  top: 15px;
  font-size: 20px;
  line-height: 20px;
  pointer-events: none;
}

.sidebar .widget .widget-title {
  font-size: 18px;
  padding-top: 2px;
  min-width: 33px;
}

.sidebar .widget .blog-catagories li {
  padding-bottom: 10px;
}

.sidebar .widget .blog-catagories li:last-child {
  padding-bottom: 0;
}

.sidebar .widget .blog-catagories li a,
.sidebar .widget .blog-catagories li span {
  font-size: 15px;
}

.sidebar .widget .blog-catagories li a {
  color: #3c4858;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.sidebar .widget .blog-catagories li a:hover {
  color: #2f55d4;
}

.sidebar .widget .post-recent {
  padding-bottom: 15px;
}

.sidebar .widget .post-recent:last-child {
  padding-bottom: 0;
}

.sidebar .widget .post-recent .post-recent-thumb {
  width: 25%;
}

.sidebar .widget .post-recent .post-recent-content {
  width: 75%;
  padding-left: 10px;
}

.sidebar .widget .post-recent .post-recent-content a {
  display: block;
  color: #3c4858;
  font-size: 15px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.sidebar .widget .post-recent .post-recent-content a:hover {
  color: #2f55d4;
}

.sidebar .widget .post-recent .post-recent-content span {
  font-size: 13px;
}

.sidebar .widget .tagcloud>a {
  background: #e9ecef;
  color: #3c4858;
  display: inline-block;
  font-size: 9px;
  letter-spacing: 1px;
  margin: 5px 10px 5px 0;
  padding: 8px 12px 7px;
  text-transform: uppercase;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  font-weight: 600;
}

.sidebar .widget .tagcloud>a:hover {
  background: #2f55d4;
  color: #ffffff;
}

.page-title {
  font-size: 20px;
}

.media-list .media .media-heading:hover {
  color: #2f55d4 !important;
}

.media-list .sub-comment {
  border-left: 2px dashed #dee2e6;
}

.blog .overlay,
.job-box .job-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.job-box {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.job-box .job-overlay {
  opacity: 0.6;
}

.job-box .head {
  position: absolute;
  top: 15px;
  right: 15px;
}

.job-box .position {
  position: absolute;
  top: 15px;
  left: 15px;
}

.job-box .positio .job-box .position a:hover {
  color: #2f55d4 !important;
}

a.logo img {
  height: 50px;
  padding: 5px 0;
}

.job-box .firm-logo {
  position: absolute;
  left: 0;
  right: 0;
  height: 60px;
  width: 60px;
  line-height: 60px;
  margin: 0 auto;
  top: -30px;
}

.job-box .company-name {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.job-box .company-name:hover {
  color: #2f55d4 !important;
}

.job-box:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}

@media (min-width: 1024px) {
  .job-profile {
    top: -378px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .job-profile {
    top: -338px;
  }
}

@media (max-width: 767px) {
  .company-logo {
    float: none !important;
    text-align: left !important;
  }
}

.work-container.work-classic .work-image {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.work-container.work-classic .work-image:hover {
  -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
  box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
}

.work-container.work-classic .content .title,
.work-container.work-grid .content .title,
.work-container.work-modern .content .title {
  font-size: 18px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.work-container.work-classic .content .title:hover,
.work-container.work-grid .content .title:hover,
.work-container.work-modern .content .title:hover {
  color: #2f55d4 !important;
}

.work-container.work-classic .content .tag,
.work-container.work-grid .content .tag,
.work-container.work-modern .content .tag {
  font-size: 15px !important;
}

.work-container.work-modern img,
.work-container.work-modern .overlay-work,
.work-container.work-modern .content,
.work-container.work-modern .client,
.work-container.work-modern .read_more,
.work-container.work-modern .icons,
.work-container.work-modern .icons .work-icon {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.work-container.work-modern .overlay-work,
.work-container.work-modern .content,
.work-container.work-modern .client,
.work-container.work-modern .read_more,
.work-container.work-modern .icons {
  position: absolute;
}

.work-container.work-modern .overlay-work {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
}

.work-container.work-modern .content {
  z-index: 1;
  bottom: 5%;
  left: 5%;
}

.work-container.work-modern .content,
.work-container.work-modern .client {
  opacity: 0;
}

.work-container.work-modern .client,
.work-container.work-modern .read_more {
  z-index: 1;
  right: 5%;
  top: 5%;
}

.work-container.work-modern .read_more {
  height: 30px;
  width: 30px;
  line-height: 30px;
}

.work-container.work-modern .icons {
  right: 0;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  opacity: 0;
}

.work-container.work-modern .icons .work-icon {
  height: 45px;
  width: 45px;
  line-height: 45px;
}

.work-container.work-modern .icons .work-icon:hover {
  background: #2f55d4 !important;
  color: #ffffff !important;
}

.work-container.work-modern:hover img {
  -webkit-transform: scale(1.1) rotate(3deg);
  transform: scale(1.1) rotate(3deg);
}

.work-container.work-modern:hover .overlay-work {
  opacity: 0.65;
}

.work-container.work-modern:hover .icons {
  opacity: 1;
}

.work-container.work-modern:hover .personal-port,
.work-container.work-modern:hover .content,
.work-container.work-modern:hover .client {
  opacity: 1;
}

.work-container.work-grid {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.work-container.work-grid img,
.work-container.work-grid .content,
.work-container.work-grid .content .title {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.work-container.work-grid .content {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  -webkit-transform: translateY(150px);
  transform: translateY(150px);
  overflow: hidden;
}

.work-container.work-grid:hover {
  -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
  box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
}

.work-container.work-grid:hover img {
  -webkit-transform: translateY(-40px);
  transform: translateY(-40px);
}

.work-container.work-grid:hover .content {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.work-details ul li b {
  max-width: 90px;
  width: 100%;
  display: inline-block;
}

.courses-desc img {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.courses-desc:hover img {
  -webkit-transform: scale(1.1) rotate(3deg);
  transform: scale(1.1) rotate(3deg);
}

.courses-desc .overlay-work,
.popular-tour .overlay-work {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.courses-desc:hover .overlay-work,
.popular-tour:hover .overlay-work {
  opacity: 0.6;
}

.event-schedule {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.event-schedule .date .day {
  font-size: 18px;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background: rgba(47, 85, 212, 0.1);
  line-height: 48px;
  border: 2px solid #ffffff;
  -webkit-box-shadow: 0px 0px 2px 0.25px rgba(47, 85, 212, 0.5);
  box-shadow: 0px 0px 2px 0.25px rgba(47, 85, 212, 0.5);
}

.event-schedule .date .month {
  font-size: 13px;
}

.event-schedule .content .title {
  font-size: 20px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.event-schedule .content .title:hover {
  color: #2f55d4 !important;
}

.event-schedule .content .location-time {
  font-size: 14px;
}

.event-schedule:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
  box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
  border-color: #2f55d4 !important;
  background: #f8f9fc !important;
}

.courses-desc {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.courses-desc .content .title {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.courses-desc .content .title:hover {
  color: #2f55d4 !important;
}

.courses-desc .collection,
.courses-desc .preview {
  position: absolute;
  opacity: 0;
  z-index: 1;
}

.courses-desc .collection {
  top: 15px;
  left: 15px;
}

.courses-desc .collection i {
  -webkit-text-stroke: 2px #e43f52;
  -webkit-text-fill-color: transparent;
}

.courses-desc .collection i:active {
  -webkit-text-stroke: 0px #e43f52;
  -webkit-text-fill-color: #e43f52;
}

.courses-desc .preview {
  bottom: 15px;
  right: 15px;
}

.courses-desc:hover {
  -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
  box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

.courses-desc:hover .collection,
.courses-desc:hover .preview {
  opacity: 1;
}

.personal-port {
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.container-filter li a {
  font-size: 13px;
  padding: 0px 15px;
  margin: 5px 3px;
  font-weight: 700;
  letter-spacing: 0.8px;
  cursor: pointer;
  line-height: 34px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.container-filter li a.active,
.container-filter li a:hover {
  color: #2f55d4 !important;
  border-color: #2f55d4 !important;
}

.spacing {
  padding-left: 7px;
  padding-right: 7px;
}

.shop-list .shop-image .overlay-work,
.shop-list .shop-image .shop-icons {
  position: absolute;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.shop-list .shop-image .overlay-work {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.shop-list .shop-image .shop-icons {
  top: 15px;
  right: 15px;
  z-index: 2;
  -webkit-transform: translateX(100px);
  transform: translateX(100px);
}

.shop-list .shop-image:hover .overlay-work,
.shop-list .shop-image:hover .shop-icons {
  opacity: 1;
}

.shop-list .shop-image:hover .shop-icons {
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}

.shop-list .content .product-name {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.shop-list .content .product-name:hover {
  color: #2f55d4 !important;
}

.popular-tour .content {
  position: absolute;
  bottom: 3%;
  left: 5%;
}

.main-icon {
  border: 2px solid #e9ecef;
  height: 40px;
  width: 40px;
  line-height: 0;
  text-align: center;
}

.main-icon .fea {
  height: 20px;
}

.timeline-page:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 95%;
  margin: auto;
  width: 2px;
  background-color: #e9ecef !important;
}

.timeline-page .timeline-item .date-label-left,
.timeline-page .timeline-item .duration-right {
  margin-right: 15px;
}

.timeline-page .timeline-item .date-label-left:after,
.timeline-page .timeline-item .duration-right:after {
  content: "";
  position: absolute;
  top: 12px;
  width: 12px;
  height: 12px;
  z-index: 1;
  background-color: #2f55d4;
  border-radius: 4px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.timeline-page .timeline-item .date-label-left {
  float: right;
  margin-right: 15px;
}

.timeline-page .timeline-item .date-label-left:after {
  right: -37px;
}

.timeline-page .timeline-item .duration-right {
  float: left;
  margin-left: 15px;
}

.timeline-page .timeline-item .duration-right:after {
  left: -37px;
}

.timeline-page .timeline-item .event {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.timeline-page .timeline-item .event.event-description-right {
  margin-left: 15px;
}

.timeline-page .timeline-item .event.event-description-left {
  margin-right: 15px;
  text-align: right;
}

@media (min-width: 768px) {
  .main-icon {
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .timeline-page {
    margin-left: 18px;
  }

  .timeline-page:after {
    margin: 0;
  }

  .timeline-page .timeline-item .duration {
    float: left !important;
    margin: 0 0 30px 15px !important;
    text-align: left !important;
  }

  .timeline-page .timeline-item .duration:after {
    left: -21px !important;
  }

  .timeline-page .timeline-item .duration .event {
    text-align: left !important;
    margin-left: 15px;
  }

  .timeline-page .timeline-item .event-description-left {
    text-align: left !important;
    margin: 0 0 0 15px;
  }
}

.team img {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.team .name:hover {
  color: #2f55d4 !important;
}

.team .team-icon {
  position: absolute;
  bottom: 10% !important;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  right: 0;
  opacity: 0;
  left: 0;
  text-align: center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.team:hover img {
  -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
  box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
  opacity: 0.2;
}

.team:hover .overlay-team {
  opacity: 0.6;
}

.team:hover .team-icon {
  opacity: 1;
}

.login-page {
  font-size: 15px;
}

.login-page .forgot-pass {
  z-index: 99;
  position: relative;
  font-size: 13px;
}

.cover-user .container-fluid {
  max-width: 100%;
}

.cover-user .container-fluid .padding-less.img {
  background: scroll center no-repeat;
  background-size: cover;
  position: absolute;
  height: 100%;
}

.cover-user .cover-user-img {
  height: 100vh;
}

.bg-profile {
  padding: 100px 0;
  background-size: cover;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  position: relative;
  background-position: center center;
}

.bg-profile .public-profile {
  top: 175px;
}

.accounts {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.accounts .pro-icons,
.accounts .title {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.accounts:hover,
.accounts.active {
  background-color: #2f55d4;
}

.accounts:hover .pro-icons,
.accounts.active .pro-icons {
  color: rgba(255, 255, 255, 0.5) !important;
}

.accounts:hover .title,
.accounts.active .title {
  color: #ffffff !important;
}

@media (min-width: 1025px) {
  .cover-user .cover-user-img {
    padding: 0px 20%;
  }
}

@media (max-width: 768px) {
  .cover-user .padding-less {
    position: relative !important;
    height: 400px !important;
  }

  .cover-user .cover-user-content {
    text-align: left !important;
  }

  .cover-user .cover-user-img {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
    height: auto !important;
  }

  .cover-user .cover-my-30 {
    margin: 30px 0;
  }
}

.coming-soon,
.maintenance,
.error-page {
  font-size: 40px;
  letter-spacing: 1px;
}

#countdown .count-down,
#eventdown .count-down {
  display: inline-block;
  margin: 30px 10px;
  color: #ffffff;
  border-radius: 50%;
  text-align: center;
  border: 4px solid #dee2e6;
  height: 130px;
  width: 130px;
}

#countdown .count-down .count-number,
#eventdown .count-down .count-number {
  font-size: 40px;
  line-height: 95px;
}

#countdown .count-down .count-head,
#eventdown .count-down .count-head {
  display: block;
  position: relative;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
}

#eventdown .count-down {
  margin: 10px !important;
  border: 0;
  height: 20px;
  width: 80px;
}

#eventdown .count-down .count-number {
  line-height: 80px;
}

#eventdown .count-down .count-head {
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px);
}

#clock {
  color: #ffffff;
}

#clock p {
  width: 80px;
}

#clock p span {
  font-size: 40px;
}

#clock p span.indicator {
  font-size: 18px;
}

@media (min-width: 200px) and (max-width: 767px) {

  .coming-soon,
  .maintenance,
  .error-page {
    font-size: 32px;
  }

  #eventdown .count-down {
    width: 60px;
  }

  #eventdown .count-down .count-number {
    font-size: 30px;
  }

  #eventdown .count-down .count-head {
    font-size: 10px;
  }
}

.contact-detail .content .title {
  font-size: 20px;
}

.form-group .icons {
  position: absolute;
  top: 57%;
  left: 5%;
  color: #349fe6;
}

.map {
  line-height: 0;
}

.map iframe {
  width: 100%;
  height: 400px;
}

.error {
  margin: 8px 0px;
  display: none;
  color: #e43f52;
}

#ajaxsuccess {
  font-size: 16px;
  width: 100%;
  display: none;
  clear: both;
  margin: 8px 0px;
}

.error_message {
  padding: 10px;
  margin-bottom: 20px;
  text-align: center;
  border: 2px solid #e43f52;
  color: #e43f52;
  border-radius: 6px;
  font-size: 14px;
}

.contact-loader {
  display: none;
}

#success_page {
  text-align: center;
  margin-bottom: 50px;
}

#success_page h3 {
  color: #2eca8b;
  font-size: 22px;
}

.flatpickr-day.selected,
.flatpickr-day.selected:hover {
  background: #2f55d4;
  border-color: #2f55d4;
}

@media (min-width: 768px) {
  .map.map-height-two iframe {
    height: 551px;
  }
}

.footer {
  background: #005595;
  padding: 28px 0;
  position: relative;
  color: #adb5bd;
}

.footer .logo-footer {
  font-size: 22px;
}

.footer .footer-head {
  font-size: 20px;
  letter-spacing: 1px;
  font-weight: 500;
}

/* .footer input#submitsubscribe {
  height: 33px !important;
  border-radius: 0 !important;
  text-transform: uppercase;
  padding: 0;
  background: #004171 !important;
  border-color: #004171 !important;
  color: silver !important;
  font-size: 14px !important;
  font-weight: 500;
} */

.footer .foot-subscribe {
  margin-bottom: 10px !important;
}

.footer .foot-subscribe.foot-white .form-control {
  color: #adb5bd;
}

.footer .foot-subscribe input::-webkit-input-placeholder {
  color: #adb5bd;
}

.footer .foot-subscribe input:-ms-input-placeholder {
  color: #adb5bd;
}

.footer .foot-subscribe input::-ms-input-placeholder {
  color: #adb5bd;
}

.footer .foot-subscribe input::placeholder {
  color: #adb5bd;
}

.footer .text-foot {
  color: #adb5bd;
}

.footer .footer-list {
  margin-bottom: 0;
}

.footer .footer-list li {
  margin-bottom: 5px;
}

.footer .footer-list l .footer .footer-list li a:hover {
  color: #e6e8ea;
}

.footer .footer-list li:last-child {
  margin-bottom: 0;
}

.foot-subscribe label {
  font-size: 0.8rem !important;
  font-weight: 400;
}

/* .footer.footer-bar {
  padding: 10px 0;
  border-top: 1px solid #004171;
  background-color: #004171 !important;
} */

#style-switcher {
  background: none repeat scroll 0 0 #ffffff;
  -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
  box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
  left: -189px;
  position: fixed;
  top: 17%;
  width: 189px;
  z-index: 9999;
  padding: 10px 5px;
}

#style-switcher .title {
  font-size: 16px;
}

#style-switcher .bottom a.settings {
  background: none repeat scroll 0 0 #ffffff;
  height: 41px;
  position: absolute;
  right: -41px;
  top: 0px;
  width: 40px;
  padding: 3px;
  border-radius: 0 30px 30px 0;
}

#style-switcher ul.pattern {
  list-style: none outside none;
  overflow: hidden;
  padding: 0;
  border-radius: 0px;
}

#style-switcher ul.pattern li.list-inline-item:not(:last-child) {
  margin-right: 0px;
  margin-bottom: 0;
}

#style-switcher ul.pattern li a {
  cursor: pointer;
  display: block;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  margin: 3px;
}

#style-switcher ul.pattern .default {
  background-color: #2f55d4;
}

#style-switcher ul.pattern .green {
  background-color: #6dc77a;
}

#style-switcher ul.pattern .red {
  background-color: #ff5b69;
}

#style-switcher ul.pattern .purple {
  background-color: #7952b3;
}

#style-switcher ul.pattern .skyblue {
  background-color: #32c2ec;
}

#style-switcher ul.pattern .skobleoff {
  background-color: #0f7173;
}

#style-switcher ul.pattern .cyan {
  background-color: #00c9a7;
}

#style-switcher ul.pattern .slateblue {
  background-color: #766df4;
}

#style-switcher .t-dark,
#style-switcher .t-rtl-light {
  display: inline-block;
}

#style-switcher .t-ltr-light,
#style-switcher .t-light,
#style-switcher .t-rtl-dark,
#style-switcher .t-ltr-dark {
  display: none;
}

@media only screen and (max-width: 425px) {
  #style-switcher {
    display: none;
  }
}

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

/* Template Name: Landrick - Saas & Software Landing Page Template
   Author: Shreethemes
   E-mail: shreethemes@gmail.com
   Created: August 2019
   Version: 2.5.1
   Updated: August 2020
   File Description: Main Css file of the template
*/
/*********************************/
/*         INDEX                 */
/*================================
 *     01.  Variables            *
 *     02.  Bootstrap Custom     *
 *     03.  Components           *
 *     04.  General              *
 *     05.  Helper               *
 *     06.  Menu                 *
 *     07.  Home / Landing       *
 *     08.  Features / Services  *
 *     09.  Testimonial          *
 *     10.  Price                *
 *     11.  C.T.A                *
 *     12.  Blog / Careers / Job *
 *     13.  Work / Projects      *
 *     14.  Team                 *
 *     15.  User Pages           *
 *     16.  Countdown            *
 *     17.  Contact              *
 *     18.  Footer               *
 ================================*/
@import url("https://fonts.googleapis.com/css?family=Nunito:300,400,600,700&display=swap");

.bg-primary {
  background-color: #2f55d4 !important;
}

.row.form-section {
  padding-top: 9%;
}

.margin_top_page {
  margin-top: 40px;
}

/* start ch */
p.login_secnd_h_ch {
  font-size: 17px;
  color: white;
  font-weight: 500;
}

.login_first_h_ch {
  font-size: 40px;
}

a.btn.btn-default.btn-lg.outline-btn-inverse {
  border: 1px solid #fff;
  border-radius: 2px;
  background-color: transparent;
  color: #fff !important;
  width: 177px;
  height: 33px;
  padding: 4px;
  text-transform: uppercase;
  font-weight: 600;
}

a.btn.btn-default.btn-lg.outline-btn-inverse:hover {
  background-color: transparent !important;
  color: #fff !important;
}

/* css updates */
.outline-btnch {
  border: 1px solid #005696 !important;
  border-radius: 2px !important;
  background-color: rgba(255, 255, 255, 0) !important;
  color: #005696 !important;
  width: 162px !important;
  height: 46px !important;
}

.Upload_Your_CV {
  padding: 9px !important;
}

.login_btn_widht {
  width: auto !important;
}

.ch_home_hs {
  position: absolute;
  bottom: 12%;
}

.media-body.media-right p {
  margin-bottom: 0;
  color: black;
  font-size: 16px;
  line-height: 15px;
  display: inline-block;
  max-width: calc(100% - 1px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.featured-jobs {
  padding-top: 50px !important;
  padding-bottom: 60px !important;
}

.heading_featured {
  font-size: 32px;
  background: url(../images/hr-bg.png) no-repeat center 40px;
  padding-bottom: 40px;
  text-transform: uppercase;
}

.heading_account {
  font-size: 32px;
  background: url(../images/hr-bg.png) no-repeat 0px 50px;
  padding-bottom: 40px;
  font-weight: 600;
}

.media-body.media-right .btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  color: #fff;
  background-color: #005696;
}

.media-body.media-right .btn-xs:hover {
  color: #fff !important;
  background-color: #005696 !important;
}

.media-heading {
  margin-top: 0;
  margin-bottom: 0px;
  color: black;
}

.spotlight .img-circle {
  border: 1px solid #d8d8d8;
  box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 15%);
}

.media-object {
  display: block;
}

.img-circle {
  border-radius: 5px;
}

.media:first-child {
  margin-top: 0;
}

.media {
  margin-top: 15px;
}

.media-left,
.media>.pull-left {
  padding-right: 10px;
}

.heading-inverse {
  font-size: 40px;
  text-transform: uppercase;
  padding-bottom: 48px;
  color: #fff;
}

.spotlight {
  background-size: cover !important;
  padding-top: 50px;
  padding-bottom: 60px;
}

.sector {
  padding-top: 50px !important;
  padding-bottom: 60px !important;
}

.well a,
.well a i {
  color: #303030 !important;
}

.well a i {
  font-size: 14px;
}

.checkboxch label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 300 !important;
  font-size: 16px !important;
}

.top-form-btn {
  border-radius: 2px !important;
  background-color: #005696 !important;
  color: #fff !important;
  box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 15%) !important;
  width: 162px;
  height: 46px;
  outline: none !important;
}

.labelch7 {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold !important;
}

.fieldch {
  height: 46px !important;
  box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 15%) !important;
  border-radius: 2px !important;
  border-color: none !important;
}

.intro-message>h1 {
  margin: 0;
  font-size: 54px;
}

.heading_h_ch {
  font-size: 32px;
  /* background: url(../images/hr-bg.png) no-repeat center 40px; */
  padding-bottom: 40px;
  text-transform: uppercase;
}

.hrch {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}

.width_ch {
  display: inline-block;
}

.btn-defaultch {
  color: #fff !important;
  padding: 7px !important;
  background-color: #005696 !important;
  border-color: none !important;
  border-radius: 2px !important;
}

.ch_cansel_btn {
  padding: 7px !important;
  border-color: none !important;
  border-radius: 2px !important;
  margin-left: 4px !important;
}

.icon_s_ch:before {
  font-size: 14px;
}

/* .chhight_col1{
  min-height: 400px;
} */
.sidbar_ch_new {
  position: sticky !important;
  height: 86vh;
  top: 4em;
  overflow: hidden;
  padding-bottom: 0;
}

.sidbar_ch_new .card.sidebar {
  margin-right: 7px;
}

.new_list_st_by_ch .theme--light.v-text-field>.v-input__control>.v-input__slot:before {
  border: 0px !important;
}

.new_list_st_by_ch .filter_by_ch .v-input .v-input__slot label {
  margin-bottom: 0ch !important;
  top: 6px !important;
  font-size: 14px !important;
}

.new_list_st_by_ch .filter_by_ch .v-input__control {
  border: 1px solid silver !important;
  border-radius: 8px !important;
  padding: 0 2px 0 10px !important;
}

.alwyes .card.sidebar {
  border-radius: 16px !important;
  padding: 5%;
  background-image: url(../images/job_application/bgIMG.svg);
  background-position: right;
  background-position-y: bottom;
  background-repeat: no-repeat;
  background-size: contain;
}

.sidbar_ch_new2 {
  position: sticky !important;
  height: 86vh;
  top: 5.8em;
  overflow: hidden;
  padding-bottom: 0;
}
.sidbar_ch_new3 {
  position: sticky !important;
  height: 86vh;
  top: 5.8em;
  overflow-y: auto !important;
  padding-bottom: 0;
}
.sidbar_ch_new .card.sidebar {
  margin-right: 7px;
}

.sidbar_ch_new1 {
  height: 86vh;
  top: 6.8em;
  overflow: hidden;
  padding-bottom: 0;
  position: fixed !important;
  right: 0;
  width: 400px !important;
  width: 30% !important;
}

.sidbar_ch_new1 .card.sidebar {
  margin-right: 7px;
}

.captionch2 {
  height: 80px !important;
  padding: 7px 7px 7px 0px;
  background: #ffffff;
  overflow: hidden;
}

.green_heding_crear.green_heding_crear_imb.green_heding_crear_imb_2 {
  padding-left: 28px;
  text-decoration: none;
}

.captionch2 h5 {
  font-weight: 700;
}

.green_heding_crear {
  font-size: 28px;
  color: green;
}

.carear_img_style {
  margin-top: -26%;
}

.small_heading {
  font-size: 17px;
  color: #005696;
  padding-bottom: 10px;
}

.captionch1 {
  padding: 9px;
  color: #333;
  background: #075a99;
}

.simple-heading2 b {
  color: #005696;
  font-size: 52px;
  font-weight: 900;
  text-transform: capitalize;
}

.pull-right {
  float: right !important;
}

.label-primary {
  background-color: #337ab7;
}

.label-info {
  background-color: #5bc0de;
}

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

.labelch {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}

.selectch {
  -webkit-appearance: auto !important;
}

.input_ch_h {
  width: 100%;
  height: 34px !important;
  padding: 6px 12px !important;
  font-size: 14px !important;
  line-height: 1.42857143 !important;
  color: #555 !important;
  background-color: #fff !important;
  background-image: none !important;
  border: 1px solid #ccc !important;
  border-radius: 2px !important;
}

.pagech {
  background-color: #fff;
  padding: 45px 30px 20px 30px !important;
  margin-top: 20px;
  margin-bottom: 20px;
}

.pagech1 {
  background-color: #fff;
  padding: 10px;
  margin-top: 9px;
  margin-bottom: 20px;
  box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 15%);
}

.crear_heading {
  font-size: 2em;
  font-weight: 500;
  letter-spacing: -0.8px;
  padding: 20px 0;
}

.simple-heading2 {
  font-size: 52px;
  font-weight: 100;
}

.simple-heading2 span {
  color: green;
  font-weight: 600;
}

.p_about2 {
  font-size: 1.1em;
  color: #3a2d2d;
  font-weight: 100;
  padding: 24px 2em 0px 0em;
}

.simple-heading {
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 10px !important;
  color: #005696;
}

a.btn.auth_btn_ch3 {
  margin: 0 !important;
  border-radius: 0 !important;
  font-weight: bold;
  background-color: #f4ae28 !important;
}

.chchch {
  display: flex;
}

.join-us {
  /* background: url(images/section_bgch.jpg) no-repeat center center; */
  background-size: cover !important;
  padding-top: 68px;
  padding-bottom: 68px;
  color: #fff;
}

.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}

.hpch {
  padding-top: 14px;
}

.join .media-left,
.media-right,
.media-body {
  vertical-align: middle;
}

.media-right,
.media>.pull-right {
  padding-left: 18px;
}

/* .fontch1{
  font-size: 24px;
}*/
.fontch2 {
  color: white;
  font-size: 16px;
}

.colch {
  padding-top: 25px;
  padding: 25px 0 !important;
}

/* end ch */
.bg-soft-primary {
  background-color: rgba(47, 85, 212, 0.2) !important;
  border: 1px solid rgba(47, 85, 212, 0.2) !important;
  color: #2f55d4 !important;
}

.text-primary {
  color: #337ab7 !important;
}

a {
  color: #338fd0 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #284bc1 !important;
}

.bg-secondary {
  background-color: #5a6d90 !important;
}

.bg-soft-secondary {
  background-color: rgba(90, 109, 144, 0.2) !important;
  border: 1px solid rgba(90, 109, 144, 0.2) !important;
  color: #5a6d90 !important;
}

.text-secondary {
  color: #5a6d90 !important;
}

a.text-secondary:hover,
a.text-secondary:focus {
  color: #506180 !important;
}

.bg-success {
  background-color: #2eca8b !important;
}

.bg-soft-success {
  background-color: rgba(46, 202, 139, 0.2) !important;
  border: 1px solid rgba(46, 202, 139, 0.2) !important;
  color: #2eca8b !important;
}

.text-success {
  color: #2eca8b !important;
}

a.text-success:hover,
a.text-success:focus {
  color: #29b57d !important;
}

.bg-warning {
  background-color: #f17425 !important;
}

.bg-soft-warning {
  background-color: rgba(241, 116, 37, 0.2) !important;
  border: 1px solid rgba(241, 116, 37, 0.2) !important;
  color: #f17425 !important;
}

.text-warning {
  color: #f17425 !important;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #ed650f !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

.bg-soft-info {
  background-color: rgba(23, 162, 184, 0.2) !important;
  border: 1px solid rgba(23, 162, 184, 0.2) !important;
  color: #17a2b8 !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover,
a.text-info:focus {
  color: #148ea1 !important;
}

.bg-danger {
  background-color: #e43f52 !important;
}

.bg-soft-danger {
  background-color: rgba(228, 63, 82, 0.2) !important;
  border: 1px solid rgba(228, 63, 82, 0.2) !important;
  color: #e43f52 !important;
}

.text-danger {
  color: #e43f52 !important;
}

a.text-danger:hover,
a.text-danger:focus {
  color: #e1293e !important;
}

.bg-dark {
  background-color: #3c4858 !important;
}

.bg-soft-dark {
  background-color: rgba(60, 72, 88, 0.2) !important;
  border: 1px solid rgba(60, 72, 88, 0.2) !important;
  color: #3c4858 !important;
}

.text-dark {
  color: #3c4858 !important;
}

a.text-dark:hover,
a.text-dark:focus {
  color: #323c49 !important;
}

.bg-muted {
  background-color: #8492a6 !important;
}

.bg-soft-muted {
  background-color: rgba(132, 146, 166, 0.2) !important;
  border: 1px solid rgba(132, 146, 166, 0.2) !important;
  color: #8492a6 !important;
}

.media-body.media-right {
  color: #8492a6 !important;
}

a.media-body.media-right :hover,
a.media-body.media-right :focus {
  color: #75859b !important;
}

.bg-light {
  background-color: #f8f9fc !important;
}

.bg-soft-light {
  background-color: rgba(248, 249, 252, 0.2) !important;
  border: 1px solid rgba(248, 249, 252, 0.2) !important;
  color: #f8f9fc !important;
}

.text-light {
  color: #f8f9fc !important;
}

a.text-light:hover,
a.text-light:focus {
  color: #e6eaf4 !important;
}

.bg-blue {
  background-color: #2f55d4 !important;
}

.bg-soft-blue {
  background-color: rgba(47, 85, 212, 0.2) !important;
  border: 1px solid rgba(47, 85, 212, 0.2) !important;
  color: #2f55d4 !important;
}

.text-blue {
  color: #2f55d4 !important;
}

a.text-blue:hover,
a.text-blue:focus {
  color: #284bc1 !important;
}

.bg-footer {
  background-color: #202942 !important;
}

.bg-soft-footer {
  background-color: rgba(32, 41, 66, 0.2) !important;
  border: 1px solid rgba(32, 41, 66, 0.2) !important;
  color: #202942 !important;
}

.text-footer {
  color: #202942 !important;
}

a.text-footer:hover,
a.text-footer:focus {
  color: #181e30 !important;
}

.bg-black {
  background: #161c2d !important;
}

.list-inline-item:not(:last-child) {
  margin-right: 0px;
  margin-bottom: 5px;
}

.rounded {
  border-radius: 6px !important;
}

.rounded-top {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
}

.rounded-left {
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
}

.rounded-bottom {
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}

.rounded-right {
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}

.rounded-md {
  border-radius: 10px !important;
}

.rounded-lg {
  border-radius: 30px !important;
}

.border {
  border: 1px solid #e9ecef !important;
}

.border-top {
  border-top: 1px solid #e9ecef !important;
}

.border-bottom {
  border-bottom: 1px solid #e9ecef !important;
}

.border-left {
  border-left: 1px solid #e9ecef !important;
}

.border-right {
  border-right: 1px solid #e9ecef !important;
}

.small,
small {
  font-size: 90%;
}

.component-wrapper .title {
  font-size: 20px;
}

.component-wrapper.sticky-bar li {
  margin-bottom: 6px;
}

.component-wrapper.sticky-bar li:last-child {
  margin-bottom: 0px !important;
}

.component-wrapper.sticky-bar l .component-wrapper.sticky-bar li a:hover,
.component-wrapper.sticky-bar li a:focus {
  color: #2f55d4 !important;
}

.btn-primary {
  background-color: #2f55d4 !important;
  border: 1px solid #2f55d4 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(47, 85, 212, 0.3);
  box-shadow: 0 3px 5px 0 rgba(47, 85, 212, 0.3);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.focus {
  background-color: #2443ac !important;
  border-color: #2443ac !important;
  color: #ffffff !important;
}

.btn-soft-primary {
  background-color: rgba(47, 85, 212, 0.2) !important;
  border: 1px solid rgba(47, 85, 212, 0.2) !important;
  color: #2f55d4 !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(47, 85, 212, 0.3);
  box-shadow: 0 3px 5px 0 rgba(47, 85, 212, 0.3);
}

.btn-soft-primary:hover,
.btn-soft-primary:focus,
.btn-soft-primary:active,
.btn-soft-primary.active,
.btn-soft-primary.focus {
  background-color: #2f55d4 !important;
  border-color: #2f55d4 !important;
  color: #ffffff !important;
}

.btn-outline-primary {
  border: 1px solid #2f55d4;
  color: #2f55d4;
  background-color: transparent;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.focus,
.btn-outline-primary:not(:disabled):not(.disabled):active {
  background-color: #2f55d4;
  border-color: #2f55d4;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(47, 85, 212, 0.3);
  box-shadow: 0 3px 5px 0 rgba(47, 85, 212, 0.3);
}

.btn-secondary {
  background-color: #5a6d90 !important;
  border: 1px solid #5a6d90 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(90, 109, 144, 0.3);
  box-shadow: 0 3px 5px 0 rgba(90, 109, 144, 0.3);
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.btn-secondary.focus {
  background-color: #465571 !important;
  border-color: #465571 !important;
  color: #ffffff !important;
}

.btn-soft-secondary {
  background-color: rgba(90, 109, 144, 0.2) !important;
  border: 1px solid rgba(90, 109, 144, 0.2) !important;
  color: #5a6d90 !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(90, 109, 144, 0.3);
  box-shadow: 0 3px 5px 0 rgba(90, 109, 144, 0.3);
}

.btn-soft-secondary:hover,
.btn-soft-secondary:focus,
.btn-soft-secondary:active,
.btn-soft-secondary.active,
.btn-soft-secondary.focus {
  background-color: #5a6d90 !important;
  border-color: #5a6d90 !important;
  color: #ffffff !important;
}

.btn-outline-secondary {
  border: 1px solid #5a6d90;
  color: #5a6d90;
  background-color: transparent;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active,
.btn-outline-secondary.active,
.btn-outline-secondary.focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active {
  background-color: #5a6d90;
  border-color: #5a6d90;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(90, 109, 144, 0.3);
  box-shadow: 0 3px 5px 0 rgba(90, 109, 144, 0.3);
}

.btn-success {
  background-color: #2eca8b !important;
  border: 1px solid #2eca8b !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(46, 202, 139, 0.3);
  box-shadow: 0 3px 5px 0 rgba(46, 202, 139, 0.3);
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.focus {
  background-color: #25a06e !important;
  border-color: #25a06e !important;
  color: #ffffff !important;
}

.btn-soft-success {
  background-color: rgba(46, 202, 139, 0.2) !important;
  border: 1px solid rgba(46, 202, 139, 0.2) !important;
  color: #2eca8b !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(46, 202, 139, 0.3);
  box-shadow: 0 3px 5px 0 rgba(46, 202, 139, 0.3);
}

.btn-soft-success:hover,
.btn-soft-success:focus,
.btn-soft-success:active,
.btn-soft-success.active,
.btn-soft-success.focus {
  background-color: #2eca8b !important;
  border-color: #2eca8b !important;
  color: #ffffff !important;
}

.btn-outline-success {
  border: 1px solid #2eca8b;
  color: #2eca8b;
  background-color: transparent;
}

.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success:active,
.btn-outline-success.active,
.btn-outline-success.focus,
.btn-outline-success:not(:disabled):not(.disabled):active {
  background-color: #2eca8b;
  border-color: #2eca8b;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(46, 202, 139, 0.3);
  box-shadow: 0 3px 5px 0 rgba(46, 202, 139, 0.3);
}

.btn-warning {
  background-color: #f17425 !important;
  border: 1px solid #f17425 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(241, 116, 37, 0.3);
  box-shadow: 0 3px 5px 0 rgba(241, 116, 37, 0.3);
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.focus {
  background-color: #d55b0e !important;
  border-color: #d55b0e !important;
  color: #ffffff !important;
}

.btn-soft-warning {
  background-color: rgba(241, 116, 37, 0.2) !important;
  border: 1px solid rgba(241, 116, 37, 0.2) !important;
  color: #f17425 !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(241, 116, 37, 0.3);
  box-shadow: 0 3px 5px 0 rgba(241, 116, 37, 0.3);
}

.btn-soft-warning:hover,
.btn-soft-warning:focus,
.btn-soft-warning:active,
.btn-soft-warning.active,
.btn-soft-warning.focus {
  background-color: #f17425 !important;
  border-color: #f17425 !important;
  color: #ffffff !important;
}

.btn-outline-warning {
  border: 1px solid #f17425;
  color: #f17425;
  background-color: transparent;
}

.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-warning:active,
.btn-outline-warning.active,
.btn-outline-warning.focus,
.btn-outline-warning:not(:disabled):not(.disabled):active {
  background-color: #f17425;
  border-color: #f17425;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(241, 116, 37, 0.3);
  box-shadow: 0 3px 5px 0 rgba(241, 116, 37, 0.3);
}

.btn-info {
  background-color: #17a2b8 !important;
  border: 1px solid #17a2b8 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(23, 162, 184, 0.3);
  box-shadow: 0 3px 5px 0 rgba(23, 162, 184, 0.3);
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.focus {
  background-color: #117a8b !important;
  border-color: #117a8b !important;
  color: #ffffff !important;
}

.btn-soft-info {
  background-color: rgba(23, 162, 184, 0.2) !important;
  border: 1px solid rgba(23, 162, 184, 0.2) !important;
  color: #17a2b8 !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(23, 162, 184, 0.3);
  box-shadow: 0 3px 5px 0 rgba(23, 162, 184, 0.3);
}

.btn-soft-info:hover,
.btn-soft-info:focus,
.btn-soft-info:active,
.btn-soft-info.active,
.btn-soft-info.focus {
  background-color: #17a2b8 !important;
  border-color: #17a2b8 !important;
  color: #ffffff !important;
}

.btn-outline-info {
  border: 1px solid #17a2b8;
  color: #17a2b8;
  background-color: transparent;
}

.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info:active,
.btn-outline-info.active,
.btn-outline-info.focus,
.btn-outline-info:not(:disabled):not(.disabled):active {
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(23, 162, 184, 0.3);
  box-shadow: 0 3px 5px 0 rgba(23, 162, 184, 0.3);
}

.btn-danger {
  background-color: #e43f52 !important;
  border: 1px solid #e43f52 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(228, 63, 82, 0.3);
  box-shadow: 0 3px 5px 0 rgba(228, 63, 82, 0.3);
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.focus {
  background-color: #d21e32 !important;
  border-color: #d21e32 !important;
  color: #ffffff !important;
}

.btn-soft-danger {
  background-color: rgba(228, 63, 82, 0.2) !important;
  border: 1px solid rgba(228, 63, 82, 0.2) !important;
  color: #e43f52 !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(228, 63, 82, 0.3);
  box-shadow: 0 3px 5px 0 rgba(228, 63, 82, 0.3);
}

.btn-soft-danger:hover,
.btn-soft-danger:focus,
.btn-soft-danger:active,
.btn-soft-danger.active,
.btn-soft-danger.focus {
  background-color: #e43f52 !important;
  border-color: #e43f52 !important;
  color: #ffffff !important;
}

.btn-outline-danger {
  border: 1px solid #e43f52;
  color: #e43f52;
  background-color: transparent;
}

.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger:active,
.btn-outline-danger.active,
.btn-outline-danger.focus,
.btn-outline-danger:not(:disabled):not(.disabled):active {
  background-color: #e43f52;
  border-color: #e43f52;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(228, 63, 82, 0.3);
  box-shadow: 0 3px 5px 0 rgba(228, 63, 82, 0.3);
}

.btn-dark {
  background-color: #3c4858 !important;
  border: 1px solid #3c4858 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(60, 72, 88, 0.3);
  box-shadow: 0 3px 5px 0 rgba(60, 72, 88, 0.3);
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.btn-dark.focus {
  background-color: #272f3a !important;
  border-color: #272f3a !important;
  color: #ffffff !important;
}

.btn-soft-dark {
  background-color: rgba(60, 72, 88, 0.2) !important;
  border: 1px solid rgba(60, 72, 88, 0.2) !important;
  color: #3c4858 !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(60, 72, 88, 0.3);
  box-shadow: 0 3px 5px 0 rgba(60, 72, 88, 0.3);
}

.btn-soft-dark:hover,
.btn-soft-dark:focus,
.btn-soft-dark:active,
.btn-soft-dark.active,
.btn-soft-dark.focus {
  background-color: #3c4858 !important;
  border-color: #3c4858 !important;
  color: #ffffff !important;
}

.btn-outline-dark {
  border: 1px solid #3c4858;
  color: #3c4858;
  background-color: transparent;
}

.btn-outline-dark:hover,
.btn-outline-dark:focus,
.btn-outline-dark:active,
.btn-outline-dark.active,
.btn-outline-dark.focus,
.btn-outline-dark:not(:disabled):not(.disabled):active {
  background-color: #3c4858;
  border-color: #3c4858;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(60, 72, 88, 0.3);
  box-shadow: 0 3px 5px 0 rgba(60, 72, 88, 0.3);
}

.btn-muted {
  background-color: #8492a6 !important;
  border: 1px solid #8492a6 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(132, 146, 166, 0.3);
  box-shadow: 0 3px 5px 0 rgba(132, 146, 166, 0.3);
}

.btn-muted:hover,
.btn-muted:focus,
.btn-muted:active,
.btn-muted.active,
.btn-muted.focus {
  background-color: #68788f !important;
  border-color: #68788f !important;
  color: #ffffff !important;
}

.btn-soft-muted {
  background-color: rgba(132, 146, 166, 0.2) !important;
  border: 1px solid rgba(132, 146, 166, 0.2) !important;
  color: #8492a6 !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(132, 146, 166, 0.3);
  box-shadow: 0 3px 5px 0 rgba(132, 146, 166, 0.3);
}

.btn-soft-muted:hover,
.btn-soft-muted:focus,
.btn-soft-muted:active,
.btn-soft-muted.active,
.btn-soft-muted.focus {
  background-color: #8492a6 !important;
  border-color: #8492a6 !important;
  color: #ffffff !important;
}

.btn-outline-muted {
  border: 1px solid #8492a6;
  color: #8492a6;
  background-color: transparent;
}

.btn-outline-muted:hover,
.btn-outline-muted:focus,
.btn-outline-muted:active,
.btn-outline-muted.active,
.btn-outline-muted.focus,
.btn-outline-muted:not(:disabled):not(.disabled):active {
  background-color: #8492a6;
  border-color: #8492a6;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(132, 146, 166, 0.3);
  box-shadow: 0 3px 5px 0 rgba(132, 146, 166, 0.3);
}

.btn-light {
  background-color: #f8f9fc !important;
  border: 1px solid #f8f9fc !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(248, 249, 252, 0.3);
  box-shadow: 0 3px 5px 0 rgba(248, 249, 252, 0.3);
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active,
.btn-light.active,
.btn-light.focus {
  background-color: #d4daed !important;
  border-color: #d4daed !important;
  color: #ffffff !important;
}

.btn-soft-light {
  background-color: rgba(248, 249, 252, 0.2) !important;
  border: 1px solid rgba(248, 249, 252, 0.2) !important;
  color: #f8f9fc !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(248, 249, 252, 0.3);
  box-shadow: 0 3px 5px 0 rgba(248, 249, 252, 0.3);
}

.btn-soft-light:hover,
.btn-soft-light:focus,
.btn-soft-light:active,
.btn-soft-light.active,
.btn-soft-light.focus {
  background-color: #f8f9fc !important;
  border-color: #f8f9fc !important;
  color: #ffffff !important;
}

.btn-outline-light {
  border: 1px solid #f8f9fc;
  color: #f8f9fc;
  background-color: transparent;
}

.btn-outline-light:hover,
.btn-outline-light:focus,
.btn-outline-light:active,
.btn-outline-light.active,
.btn-outline-light.focus,
.btn-outline-light:not(:disabled):not(.disabled):active {
  background-color: #f8f9fc;
  border-color: #f8f9fc;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(248, 249, 252, 0.3);
  box-shadow: 0 3px 5px 0 rgba(248, 249, 252, 0.3);
}

.btn-blue {
  background-color: #2f55d4 !important;
  border: 1px solid #2f55d4 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(47, 85, 212, 0.3);
  box-shadow: 0 3px 5px 0 rgba(47, 85, 212, 0.3);
}

.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active,
.btn-blue.focus {
  background-color: #2443ac !important;
  border-color: #2443ac !important;
  color: #ffffff !important;
}

.btn-soft-blue {
  background-color: rgba(47, 85, 212, 0.2) !important;
  border: 1px solid rgba(47, 85, 212, 0.2) !important;
  color: #2f55d4 !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(47, 85, 212, 0.3);
  box-shadow: 0 3px 5px 0 rgba(47, 85, 212, 0.3);
}

.btn-soft-blue:hover,
.btn-soft-blue:focus,
.btn-soft-blue:active,
.btn-soft-blue.active,
.btn-soft-blue.focus {
  background-color: #2f55d4 !important;
  border-color: #2f55d4 !important;
  color: #ffffff !important;
}

.btn-outline-blue {
  border: 1px solid #2f55d4;
  color: #2f55d4;
  background-color: transparent;
}

.btn-outline-blue:hover,
.btn-outline-blue:focus,
.btn-outline-blue:active,
.btn-outline-blue.active,
.btn-outline-blue.focus,
.btn-outline-blue:not(:disabled):not(.disabled):active {
  background-color: #2f55d4;
  border-color: #2f55d4;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(47, 85, 212, 0.3);
  box-shadow: 0 3px 5px 0 rgba(47, 85, 212, 0.3);
}

.btn-footer {
  background-color: #202942 !important;
  border: 1px solid #202942 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(32, 41, 66, 0.3);
  box-shadow: 0 3px 5px 0 rgba(32, 41, 66, 0.3);
}

.btn-footer:hover,
.btn-footer:focus,
.btn-footer:active,
.btn-footer.active,
.btn-footer.focus {
  background-color: #0f131f !important;
  border-color: #0f131f !important;
  color: #ffffff !important;
}

.btn-soft-footer {
  background-color: rgba(32, 41, 66, 0.2) !important;
  border: 1px solid rgba(32, 41, 66, 0.2) !important;
  color: #202942 !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(32, 41, 66, 0.3);
  box-shadow: 0 3px 5px 0 rgba(32, 41, 66, 0.3);
}

.btn-soft-footer:hover,
.btn-soft-footer:focus,
.btn-soft-footer:active,
.btn-soft-footer.active,
.btn-soft-footer.focus {
  background-color: #202942 !important;
  border-color: #202942 !important;
  color: #ffffff !important;
}

.btn-outline-footer {
  border: 1px solid #202942;
  color: #202942;
  background-color: transparent;
}

.btn-outline-footer:hover,
.btn-outline-footer:focus,
.btn-outline-footer:active,
.btn-outline-footer.active,
.btn-outline-footer.focus,
.btn-outline-footer:not(:disabled):not(.disabled):active {
  background-color: #202942;
  border-color: #202942;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(32, 41, 66, 0.3);
  box-shadow: 0 3px 5px 0 rgba(32, 41, 66, 0.3);
}

.btn {
  padding: 8px 20px;
  outline: none;
  text-decoration: none;
  font-size: 16px;
  letter-spacing: 0.5px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-weight: 600;
  border-radius: 6px;
}

.btn:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.btn.btn-sm {
  padding: 7px 16px;
  font-size: 10px;
}

.btn.btn-lg {
  padding: 14px 30px;
  font-size: 16px;
}

.btn.searchbtn {
  padding: 6px 20px;
}

.btn.btn-pills {
  border-radius: 30px;
}

.btn.btn-light {
  color: #3c4858 !important;
  border: 1px solid #dee2e6 !important;
}

.btn.btn-light:hover,
.btn.btn-light:focus,
.btn.btn-light:active,
.btn.btn-light.active,
.btn.btn-light.focus {
  background-color: #d4daed !important;
  color: #3c4858 !important;
}

.btn.btn-soft-light {
  color: rgba(60, 72, 88, 0.5) !important;
  border: 1px solid #dee2e6 !important;
}

.btn.btn-soft-light:hover,
.btn.btn-soft-light:focus,
.btn.btn-soft-light:active,
.btn.btn-soft-light.active,
.btn.btn-soft-light.focus {
  color: #3c4858 !important;
}

.btn.btn-outline-light {
  border: 1px solid #dee2e6 !important;
  color: #3c4858 !important;
  background-color: transparent;
}

.btn.btn-outline-light:hover,
.btn.btn-outline-light:focus,
.btn.btn-outline-light:active,
.btn.btn-outline-light.active,
.btn.btn-outline-light.focus {
  background-color: #f8f9fc !important;
}

.btn.btn-icon {
  height: 36px;
  width: 36px;
  line-height: 34px;
  padding: 0;
}

.btn.btn-icon .icons {
  height: 16px;
  width: 16px;
  font-size: 16px;
}

.btn.btn-icon.btn-lg {
  height: 48px;
  width: 48px;
  line-height: 46px;
}

.btn.btn-icon.btn-lg .icons {
  height: 20px;
  width: 20px;
  font-size: 20px;
}

.btn.btn-icon.btn-sm {
  height: 30px;
  width: 30px;
  line-height: 28px;
}

button:not(:disabled) {
  outline: none;
}

.shadow {
  -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15) !important;
  box-shadow: 0 0 3px rgba(60, 72, 88, 0.15) !important;
}

.shadow-lg {
  -webkit-box-shadow: 0 10px 25px rgba(60, 72, 88, 0.15) !important;
  box-shadow: 0 10px 25px rgba(60, 72, 88, 0.15) !important;
}

.shadow-md {
  -webkit-box-shadow: 0 5px 13px rgba(60, 72, 88, 0.2) !important;
  box-shadow: 0 5px 13px rgba(60, 72, 88, 0.2) !important;
}

.badge-primary {
  background-color: #2f55d4 !important;
  color: #ffffff !important;
}

.badge-outline-primary {
  background-color: transparent !important;
  color: #2f55d4 !important;
  border: 1px solid #2f55d4 !important;
}

.badge-secondary {
  background-color: #5a6d90 !important;
  color: #ffffff !important;
}

.badge-outline-secondary {
  background-color: transparent !important;
  color: #5a6d90 !important;
  border: 1px solid #5a6d90 !important;
}

.badge-success {
  background-color: #2eca8b !important;
  color: #ffffff !important;
}

.badge-outline-success {
  background-color: transparent !important;
  color: #2eca8b !important;
  border: 1px solid #2eca8b !important;
}

.badge-warning {
  background-color: #f17425 !important;
  color: #ffffff !important;
}

.badge-outline-warning {
  background-color: transparent !important;
  color: #f17425 !important;
  border: 1px solid #f17425 !important;
}

.badge-info {
  background-color: #17a2b8 !important;
  color: #ffffff !important;
}

.badge-outline-info {
  background-color: transparent !important;
  color: #17a2b8 !important;
  border: 1px solid #17a2b8 !important;
}

.badge-danger {
  background-color: #e43f52 !important;
  color: #ffffff !important;
}

.badge-outline-danger {
  background-color: transparent !important;
  color: #e43f52 !important;
  border: 1px solid #e43f52 !important;
}

.badge-dark {
  background-color: #3c4858 !important;
  color: #ffffff !important;
}

.badge-outline-dark {
  background-color: transparent !important;
  color: #3c4858 !important;
  border: 1px solid #3c4858 !important;
}

.badge-muted {
  background-color: #8492a6 !important;
  color: #ffffff !important;
}

.badge-outline-muted {
  background-color: transparent !important;
  color: #8492a6 !important;
  border: 1px solid #8492a6 !important;
}

.badge-light {
  background-color: #f8f9fc !important;
  color: #ffffff !important;
}

.badge-outline-light {
  background-color: transparent !important;
  color: #f8f9fc !important;
  border: 1px solid #f8f9fc !important;
}

.badge-blue {
  background-color: #2f55d4 !important;
  color: #ffffff !important;
}

.badge-outline-blue {
  background-color: transparent !important;
  color: #2f55d4 !important;
  border: 1px solid #2f55d4 !important;
}

.badge-footer {
  background-color: #202942 !important;
  color: #ffffff !important;
}

.badge-outline-footer {
  background-color: transparent !important;
  color: #202942 !important;
  border: 1px solid #202942 !important;
}

.badge {
  padding: 5px 8px;
  border-radius: 3px;
  letter-spacing: 0.5px;
}

.badge.badge-light {
  color: #3c4858 !important;
  background-color: #f8f9fc !important;
}

.badge.badge-outline-light {
  color: #3c4858 !important;
  border: 1px solid #b1bcdd !important;
  background-color: transparent !important;
}

.badge.badge-pill {
  border-radius: 12px;
}

.badge:focus,
.badge.focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.dropdown-primary .dropdown-menu .dropdown-item:hover,
.dropdown-primary .dropdown-menu .dropdown-item.active,
.dropdown-primary .dropdown-menu .dropdown-item:active,
.dropdown-primary .dropdown-menu .dropdown-item.focus,
.dropdown-primary .dropdown-menu .dropdown-item:focus {
  background-color: transparent;
  color: #2f55d4 !important;
}

.dropdown-secondary .dropdown-menu .dropdown-item:hover,
.dropdown-secondary .dropdown-menu .dropdown-item.active,
.dropdown-secondary .dropdown-menu .dropdown-item:active,
.dropdown-secondary .dropdown-menu .dropdown-item.focus,
.dropdown-secondary .dropdown-menu .dropdown-item:focus {
  background-color: transparent;
  color: #5a6d90 !important;
}

.dropdown-success .dropdown-menu .dropdown-item:hover,
.dropdown-success .dropdown-menu .dropdown-item.active,
.dropdown-success .dropdown-menu .dropdown-item:active,
.dropdown-success .dropdown-menu .dropdown-item.focus,
.dropdown-success .dropdown-menu .dropdown-item:focus {
  background-color: transparent;
  color: #2eca8b !important;
}

.dropdown-warning .dropdown-menu .dropdown-item:hover,
.dropdown-warning .dropdown-menu .dropdown-item.active,
.dropdown-warning .dropdown-menu .dropdown-item:active,
.dropdown-warning .dropdown-menu .dropdown-item.focus,
.dropdown-warning .dropdown-menu .dropdown-item:focus {
  background-color: transparent;
  color: #f17425 !important;
}

.dropdown-info .dropdown-menu .dropdown-item:hover,
.dropdown-info .dropdown-menu .dropdown-item.active,
.dropdown-info .dropdown-menu .dropdown-item:active,
.dropdown-info .dropdown-menu .dropdown-item.focus,
.dropdown-info .dropdown-menu .dropdown-item:focus {
  background-color: transparent;
  color: #17a2b8 !important;
}

.dropdown-danger .dropdown-menu .dropdown-item:hover,
.dropdown-danger .dropdown-menu .dropdown-item.active,
.dropdown-danger .dropdown-menu .dropdown-item:active,
.dropdown-danger .dropdown-menu .dropdown-item.focus,
.dropdown-danger .dropdown-menu .dropdown-item:focus {
  background-color: transparent;
  color: #e43f52 !important;
}

.dropdown-dark .dropdown-menu .dropdown-item:hover,
.dropdown-dark .dropdown-menu .dropdown-item.active,
.dropdown-dark .dropdown-menu .dropdown-item:active,
.dropdown-dark .dropdown-menu .dropdown-item.focus,
.dropdown-dark .dropdown-menu .dropdown-item:focus {
  background-color: transparent;
  color: #3c4858 !important;
}

.dropdown-muted .dropdown-menu .dropdown-item:hover,
.dropdown-muted .dropdown-menu .dropdown-item.active,
.dropdown-muted .dropdown-menu .dropdown-item:active,
.dropdown-muted .dropdown-menu .dropdown-item.focus,
.dropdown-muted .dropdown-menu .dropdown-item:focus {
  background-color: transparent;
  color: #8492a6 !important;
}

.dropdown-light .dropdown-menu .dropdown-item:hover,
.dropdown-light .dropdown-menu .dropdown-item.active,
.dropdown-light .dropdown-menu .dropdown-item:active,
.dropdown-light .dropdown-menu .dropdown-item.focus,
.dropdown-light .dropdown-menu .dropdown-item:focus {
  background-color: transparent;
  color: #f8f9fc !important;
}

.dropdown-blue .dropdown-menu .dropdown-item:hover,
.dropdown-blue .dropdown-menu .dropdown-item.active,
.dropdown-blue .dropdown-menu .dropdown-item:active,
.dropdown-blue .dropdown-menu .dropdown-item.focus,
.dropdown-blue .dropdown-menu .dropdown-item:focus {
  background-color: transparent;
  color: #2f55d4 !important;
}

.dropdown-footer .dropdown-menu .dropdown-item:hover,
.dropdown-footer .dropdown-menu .dropdown-item.active,
.dropdown-footer .dropdown-menu .dropdown-item:active,
.dropdown-footer .dropdown-menu .dropdown-item.focus,
.dropdown-footer .dropdown-menu .dropdown-item:focus {
  background-color: transparent;
  color: #202942 !important;
}

.btn-group .dropdown-toggle:after {
  content: "";
  position: relative;
  right: -4px;
  top: -2px;
  border: solid #ffffff;
  border-radius: 0.5px;
  border-width: 0 2px 2px 0;
  padding: 3px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-left: 0;
  vertical-align: 0;
}

.btn-group .dropdown-menu {
  margin-top: 10px;
  border: 0;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
  box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
}

.btn-group .dropdown-menu:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 45px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 7px solid #495057;
  border-radius: 0.5px;
  border-color: transparent transparent #ffffff #ffffff;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-box-shadow: -2px 2px 2px -1px rgba(22, 28, 45, 0.15);
  box-shadow: -2px 2px 2px -1px rgba(22, 28, 45, 0.15);
}

.alert-primary {
  background-color: rgba(47, 85, 212, 0.9);
  color: #ffffff;
  border-color: #2f55d4;
}

.alert-primary .alert-link {
  color: #122258;
}

.alert-outline-primary {
  background-color: #ffffff;
  color: #2f55d4;
  border-color: #2f55d4;
}

.alert-secondary {
  background-color: rgba(90, 109, 144, 0.9);
  color: #ffffff;
  border-color: #5a6d90;
}

.alert-secondary .alert-link {
  color: #1f2632;
}

.alert-outline-secondary {
  background-color: #ffffff;
  color: #5a6d90;
  border-color: #5a6d90;
}

.alert-success {
  background-color: rgba(46, 202, 139, 0.9);
  color: #ffffff;
  border-color: #2eca8b;
}

.alert-success .alert-link {
  color: #124d35;
}

.alert-outline-success {
  background-color: #ffffff;
  color: #2eca8b;
  border-color: #2eca8b;
}

.alert-warning {
  background-color: rgba(241, 116, 37, 0.9);
  color: #ffffff;
  border-color: #f17425;
}

.alert-warning .alert-link {
  color: #753208;
}

.alert-outline-warning {
  background-color: #ffffff;
  color: #f17425;
  border-color: #f17425;
}

.alert-info {
  background-color: rgba(23, 162, 184, 0.9);
  color: #ffffff;
  border-color: #17a2b8;
}

.alert-info .alert-link {
  color: #062a30;
}

.alert-outline-info {
  background-color: #ffffff;
  color: #17a2b8;
  border-color: #17a2b8;
}

.alert-danger {
  background-color: rgba(228, 63, 82, 0.9);
  color: #ffffff;
  border-color: #e43f52;
}

.alert-danger .alert-link {
  color: #79111d;
}

.alert-outline-danger {
  background-color: #ffffff;
  color: #e43f52;
  border-color: #e43f52;
}

.alert-dark {
  background-color: rgba(60, 72, 88, 0.9);
  color: #ffffff;
  border-color: #3c4858;
}

.alert-dark .alert-link {
  color: black;
}

.alert-outline-dark {
  background-color: #ffffff;
  color: #3c4858;
  border-color: #3c4858;
}

.alert-muted {
  background-color: rgba(132, 146, 166, 0.9);
  color: #ffffff;
  border-color: #8492a6;
}

.alert-muted .alert-link {
  color: #3d4654;
}

.alert-outline-muted {
  background-color: #ffffff;
  color: #8492a6;
  border-color: #8492a6;
}

.alert-light {
  background-color: rgba(248, 249, 252, 0.9);
  color: #ffffff;
  border-color: #f8f9fc;
}

.alert-light .alert-link {
  color: #8d9dce;
}

.alert-outline-light {
  background-color: #ffffff;
  color: #f8f9fc;
  border-color: #f8f9fc;
}

.alert-blue {
  background-color: rgba(47, 85, 212, 0.9);
  color: #ffffff;
  border-color: #2f55d4;
}

.alert-blue .alert-link {
  color: #122258;
}

.alert-outline-blue {
  background-color: #ffffff;
  color: #2f55d4;
  border-color: #2f55d4;
}

.alert-footer {
  background-color: rgba(32, 41, 66, 0.9);
  color: #ffffff;
  border-color: #202942;
}

.alert-footer .alert-link {
  color: black;
}

.alert-outline-footer {
  background-color: #ffffff;
  color: #202942;
  border-color: #202942;
}

.alert {
  padding: 8px 15px;
  border-radius: 6px;
  font-size: 14px;
}

.alert.alert-light {
  background-color: #f8f9fc;
  color: #3c4858;
  border-color: #dee2e6;
}

.alert.alert-dismissible {
  padding-right: 30px;
}

.alert.alert-dismissible .close {
  top: -2px;
  right: -10px;
  font-size: 16px !important;
}

.alert.alert-pills {
  border-radius: 30px;
  display: inline-block;
}

.alert.alert-pills .content {
  font-weight: 600;
}

.page-next-level .title {
  font-size: 28px;
  letter-spacing: 1px;
}

.page-next-level .page-next {
  position: relative;
  top: 110px;
  z-index: 99;
}

.breadcrumb {
  letter-spacing: 0.5px;
  padding: 8px 24px;
  display: block;
}

.breadcrumb .breadcrumb-item {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  padding-left: 0;
  display: inline-block;
}

.breadcrumb .breadcrumb-item a {
  color: #3c4858;
}

.breadcrumb .breadcrumb-item a:hover {
  color: #2f55d4;
}

.breadcrumb .breadcrumb-item.active {
  color: #2f55d4;
}

.breadcrumb .breadcrumb-item:before {
  content: "";
}

.breadcrumb .breadcrumb-item:after {
  content: "\F0142" !important;
  font-size: 14px;
  color: #3c4858;
  font-family: "Material Design Icons";
  padding-left: 5px;
}

.breadcrumb .breadcrumb-item:last-child:after {
  display: none;
}

.pagination .page-item:first-child .page-link {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}

.pagination .page-item:last-child .page-link {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}

.pagination .page-item .page-link {
  color: #3c4858;
  border: 1px solid #dee2e6;
  padding: 10px 15px;
  font-size: 14px;
}

.pagination .page-item .page-link:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.pagination .page-item .page-link:hover {
  color: #ffffff;
  background: rgba(47, 85, 212, 0.9);
  border-color: rgba(47, 85, 212, 0.9);
}

.pagination .page-item.active .page-link {
  color: #ffffff;
  background: #2f55d4 !important;
  border-color: #2f55d4;
  cursor: not-allowed;
}

.avatar.avatar-ex-sm {
  max-height: 25px;
}

.avatar.avatar-md-sm {
  height: 45px;
  width: 45px;
}

.avatar.avatar-small {
  height: 65px;
  width: 65px;
}

.avatar.avatar-md-md {
  height: 80px;
  width: 80px;
}

.avatar.avatar-medium {
  height: 110px;
  width: 110px;
}

.avatar.avatar-large {
  height: 140px;
  width: 140px;
}

.avatar.avatar-ex-large {
  height: 180px;
  width: 180px;
}

.faq-container .question {
  font-size: 20px;
}

.faq-content .card .faq .card-header {
  padding-right: 40px !important;
}

.faq-content .card a.faq[data-toggle="collapse"] {
  background-color: #ffffff;
  color: #2f55d4;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.faq-content .card a.faq[data-toggle="collapse"]:before {
  content: "\F0143";
  display: block;
  font-family: "Material Design Icons";
  font-size: 18px;
  color: #3c4858;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.faq-content .card a.faq[data-toggle="collapse"].collapsed {
  background-color: #ffffff;
  color: #3c4858 !important;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.faq-content .card a.faq[data-toggle="collapse"].collapsed:before {
  top: 15px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  color: #3c4858 !important;
}

.faq-content .card .title {
  font-size: 16px;
}

.nav-pills {
  margin-bottom: 15px;
  background: #f4f6fa;
}

.nav-pills .nav-link {
  color: #495057 !important;
  padding: 5px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.nav-pills .nav-link.active .tab-para {
  color: rgba(255, 255, 255, 0.65) !important;
}

.nav-pills a .title {
  font-size: 17px;
  font-weight: 700;
}

.progress-box .title {
  font-size: 15px;
}

.progress-box .progress {
  height: 8px;
  overflow: visible;
}

.progress-box .progress .progress-bar {
  border-radius: 6px;
  -webkit-animation: animate-positive 3s;
  animation: animate-positive 3s;
  overflow: visible !important;
}

.progress-box .progress .progress-value {
  position: absolute;
  top: -25px;
  right: -15px;
  font-size: 13px;
}

@-webkit-keyframes animate-positive {
  0% {
    width: 0;
  }
}

@keyframes animate-positive {
  0% {
    width: 0;
  }
}

.blockquote {
  border-left: 3px solid #dee2e6;
  border-radius: 6px;
  font-size: 16px;
}

.form-group {
  margin-bottom: 20px;
}

.form-group label {
  font-size: 14px;
  font-weight: 700;
}

.form-group .form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #ffffff;
  border: 1px solid #dee2e6;
  color: #3c4858;
  height: 42px;
  font-size: 13px;
  border-radius: 6px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.form-group .form-control:focus,
.form-group .form-control.active {
  border-color: #2f55d4;
}

.form-group textarea {
  height: 120px !important;
}

.form-group textarea.form-control {
  line-height: 25px;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: transparent;
  opacity: 1;
}

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

.custom-control-input:focus~.custom-control-label::before,
.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #2f55d4;
}

.custom-control-label {
  cursor: pointer;
}

.custom-control-label:before,
.custom-control-label:after {
  top: 2px;
}

.custom-switch .custom-control-label:after {
  top: 4px;
}

.subcribe-form input {
  padding: 14px 20px;
  width: 100%;
  color: #3c4858 !important;
  border: none;
  outline: none !important;
  padding-right: 160px;
  padding-left: 30px;
  background-color: rgba(255, 255, 255, 0.8);
}

.subcribe-form button {
  position: absolute;
  top: 6px;
  right: 6px;
  outline: none !important;
}

.subcribe-form form {
  position: relative;
  max-width: 600px;
  margin: 0px auto;
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive .table td,
.table-responsive .table th {
  vertical-align: middle;
}

.table-responsive .table-center th {
  vertical-align: middle !important;
}

.table-responsive .table-center tbody tr:hover {
  color: #3c4858;
  background-color: #f8f9fa;
}

.table-responsive .table-center.invoice-tb th,
.table-responsive .table-center.invoice-tb td {
  text-align: end;
}

.modal-open {
  padding-right: 0 !important;
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(45deg, #ffffff, #ffffff);
  z-index: 9999999;
}

#preloader #status {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#preloader #status .spinner {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 100px auto;
}

#preloader #status .spinner .double-bounce1,
#preloader #status .spinner .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #2f55d4;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2s infinite ease-in-out;
  animation: sk-bounce 2s infinite ease-in-out;
}

#preloader #status .spinner .double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

@-webkit-keyframes sk-bounce {

  0%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes sk-bounce {

  0%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.social-icon li a:hover {
  background-color: #2f55d4;
  border-color: #2f55d4 !important;
  color: #ffffff !important;
}

/* .social-icon.social li a {
  background: #004171;
  border-radius: 50% !important;
  padding: 0px !important;
} */

.social-icon.social li a:hover {
  background: #349fe6 !important;
  border-radius: 4px !important;
  padding: 1px !important;
}

.back-to-top {
  z-index: 99;
  position: fixed;
  bottom: 30px;
  right: 30px;
  display: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.back-to-top .icons {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.back-to-top:hover {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.back-to-top:hover .icons {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.back-to-home {
  position: absolute;
  top: 4%;
  right: 2%;
  z-index: 1;
}

.sticky-bar {
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
}

.fea {
  stroke-width: 1.8;
}

.fea.icon-sm {
  height: 16px;
  width: 16px;
  color: silver !important;
}

.fea.icon-ex-md {
  height: 20px;
  width: 20px;
}

.fea.icon-m-md {
  height: 28px;
  width: 28px;
}

.fea.icon-md {
  height: 35px;
  width: 35px;
}

.fea.icon-lg {
  height: 42px;
  width: 42px;
}

.fea.icon-ex-lg {
  height: 52px;
  width: 52px;
}

.display-1 {
  font-size: 80px !important;
}

.display-2 {
  font-size: 72px !important;
}

.display-3 {
  font-size: 64px !important;
}

.display-4 {
  font-size: 56px !important;
}

[class^="uil-"]:before,
[class*=" uil-"]:before {
  margin: 0;
}

.uim-svg {
  vertical-align: 0 !important;
}

@media (max-width: 768px) {
  .page-next-level .page-next {
    top: 70px;
  }

  .display-1 {
    font-size: 56px !important;
  }

  .display-2 {
    font-size: 50px !important;
  }

  .display-3 {
    font-size: 42px !important;
  }

  .display-4 {
    font-size: 36px !important;
  }
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "plus jakarta sans";
  line-height: 1.5;
  font-weight: 600;
}

::-moz-selection {
  background: rgba(47, 85, 212, 0.9);
  color: #ffffff;
}

::selection {
  background: rgba(47, 85, 212, 0.9);
  color: #ffffff;
}

a {
  text-decoration: none !important;
}

p {
  line-height: 1.6;
}

.section {
  padding: 100px 0;
  position: relative;
}

.section-two {
  padding: 60px 0;
  position: relative;
}

.bg-overlay {
  background-color: rgba(60, 72, 88, 0.7);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.bg-overlay-gradient {
  background-color: rgba(47, 85, 212, 0.6);
}

.bg-overlay-white {
  background-color: rgba(255, 255, 255, 0.5);
}

.bg-overlay-gradient2 {
  background-image: -webkit-gradient(linear,
      left top,
      right top,
      from(#2eca8b),
      color-stop(#2f55d4),
      to(#2eca8b));
  background-image: linear-gradient(90deg, #2eca8b, #2f55d4, #2eca8b);
  opacity: 0.5;
}

.title-heading {
  line-height: 26px;
}

.title-heading .heading {
  font-size: 45px;
  letter-spacing: 1px;
}

.title-heading .para-desc {
  font-size: 18px;
}

.section-title {
  position: relative;
}

.section-title .title {
  letter-spacing: 0.5px;
  font-size: 30px;
}

.text-shadow-title {
  text-shadow: 2px 0 0 #ffffff, -2px 0 0 #ffffff,
    0 4px 0 rgba(255, 255, 255, 0.4), 0 -2px 0 #ffffff, 1px 1px #ffffff,
    -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff;
}

.para-desc {
  max-width: 600px;
}

.mt-100 {
  margin-top: 100px;
}

.shape {
  position: absolute;
  pointer-events: none;
  right: 0;
  bottom: -2px;
  left: 0;
}

.shape>svg {
  -webkit-transform: scale(2);
  transform: scale(2);
  width: 100%;
  height: auto;
  -webkit-transform-origin: top center;
  transform-origin: top center;
}

.mover {
  -webkit-animation: mover 1s infinite alternate;
  animation: mover 1s infinite alternate;
}

@-webkit-keyframes mover {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
}

@keyframes mover {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
}

.feature-posts-placeholder {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  height: 66.6%;
}

.spin-anything {
  -webkit-animation: spinner-animation 5s linear infinite;
  animation: spinner-animation 5s linear infinite;
}

@-webkit-keyframes spinner-animation {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner-animation {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media (min-width: 768px) {
  .margin-top-100 {
    margin-top: 100px;
  }

  .margin-top-100 .heading {
    font-size: 40px;
  }
}

@media (max-width: 768px) {
  .section {
    padding: 60px 0;
  }

  .title-heading .heading {
    font-size: 35px !important;
  }

  .title-heading .para-desc {
    font-size: 18px;
  }

  .section-title .title {
    font-size: 24px;
  }

  .mt-60 {
    margin-top: 60px;
  }
}

@media (max-width: 425px) {
  .shape {
    bottom: -4px;
  }
}

@media (max-width: 425px) {
  .feature-posts-placeholder {
    height: 80%;
  }
}

#topnav {
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  z-index: 1030;
  background-color: white;
  border: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  box-shadow: 0 0 11px rgb(60 72 88 / 15%) !important;
}

#topnav .logo {
  float: left;
  color: #3c4858 !important;
}

#topnav .logo .l-dark {
  display: none;
}

#topnav .logo .l-light {
  display: inline-block;
}

#topnav .has-submenu.active a {
  color: #ffffff;
}

#topnav .has-submenu.active .submenu li.active>a {
  color: #2f55d4 !important;
}

#topnav .has-submenu.active.active .menu-arrow {
  border-color: #2f55d4;
}

#topnav .has-submenu {
  position: relative;
}

#topnav .has-submenu .submenu .submenu-arrow {
  border: solid #3c4858;
  border-radius: 0.5px;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  right: 20px;
  top: 14px;
}

#topnav .has-submenu .submenu .has-submenu:hover .submenu-arrow {
  border-color: #2f55d4;
}

#topnav .navbar-toggle {
  border: 0;
  position: relative;
  width: 60px;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

#topnav .navbar-toggle .lines {
  width: 25px;
  display: block;
  position: relative;
  margin: 28px 20px;
  height: 18px;
}

#topnav .navbar-toggle span {
  height: 2px;
  width: 100%;
  background-color: #3c4858;
  display: block;
  margin-bottom: 5px;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

#topnav .navbar-toggle span:last-child {
  margin-bottom: 0;
}

#topnav .buy-button {
  float: right;
  line-height: 68px;
}

#topnav .buy-button .login-btn-primary {
  display: none;
}

#topnav .buy-button .login-btn-light {
  display: inline-block;
}

#topnav .navbar-toggle.open span {
  position: absolute;
}

#topnav .navbar-toggle.open span:first-child {
  top: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#topnav .navbar-toggle.open span:nth-child(2) {
  visibility: hidden;
}

#topnav .navbar-toggle.open span:last-child {
  width: 100%;
  top: 6px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#topnav .navbar-toggle.open span:hover {
  background-color: #2f55d4;
}

#topnav .navbar-toggle:hover,
#topnav .navbar-toggle:focus,
#topnav .navbar-toggle .navigation-menu>li>a:hover,
#topnav .navbar-toggle:focus {
  background-color: transparent;
}

#topnav .navigation-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

#topnav .navigation-menu>li {
  float: left;
  display: block;
  position: relative;
  margin: 0 10px;
}

#topnav .navigation-menu>li:hover>a,
#topnav .navigation-menu>li.active>a {
  color: #2f55d4 !important;
}

#topnav .navigation-menu>li>a {
  display: block;
  color: #3c4858;
  font-size: 13px;
  background-color: transparent !important;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 24px;
  text-transform: uppercase;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-family: "plus jakarta sans";
  padding-left: 15px;
  padding-right: 15px;
}

#topnav .navigation-menu>li>a:hover,
#topnav .navigation-menu>li>a:active {
  color: #2f55d4;
}

#topnav .navigation-menu .has-submenu .menu-arrow {
  border: solid #3c4858;
  border-radius: 0.5px;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  right: -1px;
  top: 30px;
}

#topnav .navigation-menu .has-submenu:hover .menu-arrow {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}

#topnav .menu-extras {
  float: right;
}

#topnav.scroll {
  background-color: #ffffff;
  border: none;
  -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
  box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
}

#topnav.scroll .navigation-menu>li>a {
  color: #3c4858;
}

#topnav.scroll .navigation-menu>li>.menu-arrow {
  border-color: #3c4858;
}

#topnav.scroll .navigation-menu>li:hover>a,
#topnav.scroll .navigation-menu>li.active>a {
  color: #2f55d4;
}

#topnav.scroll .navigation-menu>li:hover>.menu-arrow,
#topnav.scroll .navigation-menu>li.active>.menu-arrow {
  border-color: #2f55d4;
}

#topnav.defaultscroll.dark-menubar .logo {
  line-height: 70px;
}

#topnav.defaultscroll.scroll .logo {
  line-height: 62px;
}

#topnav.defaultscroll.scroll.dark-menubar .logo {
  line-height: 62px;
}

#topnav.nav-sticky {
  background: #ffffff;
  -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
  box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
}

#topnav.nav-sticky .navigation-menu.nav-light>li>a {
  color: #3c4858;
}

#topnav.nav-sticky .navigation-menu.nav-light>li.active>a {
  color: #2f55d4 !important;
}

#topnav.nav-sticky .navigation-menu.nav-light>li:hover>.menu-arrow,
#topnav.nav-sticky .navigation-menu.nav-light>li.active>.menu-arrow {
  border-color: #2f55d4 !important;
}

#topnav.nav-sticky .navigation-menu.nav-light>li:hover>a,
#topnav.nav-sticky .navigation-menu.nav-light>li.active>a {
  color: #2f55d4 !important;
}

#topnav.nav-sticky .navigation-menu.nav-light .has-submenu .menu-arrow {
  border-color: #3c4858;
}

#topnav.nav-sticky .buy-button .login-btn-primary {
  display: inline-block;
}

#topnav.nav-sticky .buy-button .login-btn-light {
  display: none;
}

#topnav.nav-sticky .logo .l-dark {
  display: inline-block;
}

#topnav.nav-sticky .logo .l-light {
  display: none;
}

.logo {
  font-weight: 700;
  font-size: 24px;
  padding: 0 0 6px;
  letter-spacing: 1px;
  line-height: 68px;
}

@media (min-width: 992px) {
  #topnav .navigation-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  #topnav .navigation-menu>.has-submenu>.submenu>.has-submenu>.submenu::before {
    top: 20px;
    margin-left: -35px;
    -webkit-box-shadow: 1px 1px 0px 0px rgba(60, 72, 88, 0.15);
    box-shadow: 1px 1px 0px 0px rgba(60, 72, 88, 0.15);
    border-color: transparent #ffffff #ffffff transparent;
  }

  #topnav .navigation-menu>.has-submenu:hover .menu-arrow {
    top: 33px !important;
  }

  #topnav .navigation-menu>.has-submenu.active .menu-arrow {
    top: 30px;
  }

  #topnav .navigation-menu>li .submenu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    padding: 15px 0;
    list-style: none;
    min-width: 180px;
    visibility: hidden;
    opacity: 0;
    margin-top: 10px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border-radius: 6px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
    box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
  }

  #topnav .navigation-menu>li .submenu:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 45px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 7px solid #495057;
    border-color: transparent transparent #ffffff #ffffff;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-box-shadow: -2px 2px 2px -1px rgba(60, 72, 88, 0.15);
    box-shadow: -2px 2px 2px -1px rgba(60, 72, 88, 0.15);
  }

  #topnav .navigation-menu>li .submenu li {
    position: relative;
  }

  #topnav .navigation-menu>li .submenu li a {
    display: block;
    padding: 10px 20px;
    clear: both;
    white-space: nowrap;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 700;
    color: #3c4858 !important;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }

  #topnav .navigation-menu>li .submenu li a:hover {
    color: #2f55d4 !important;
  }

  #topnav .navigation-menu>li .submenu li ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
  }

  #topnav .navigation-menu>li .submenu.megamenu {
    white-space: nowrap;
    width: auto;
  }

  #topnav .navigation-menu>li .submenu.megamenu>li {
    overflow: hidden;
    min-width: 180px;
    display: inline-block;
    vertical-align: top;
  }

  #topnav .navigation-menu>li .submenu.megamenu>li .submenu {
    left: 100%;
    top: 0;
    margin-left: 10px;
    margin-top: -1px;
  }

  #topnav .navigation-menu>li .submenu>li .submenu {
    left: 106%;
    top: 0;
    margin-left: 10px;
    margin-top: -1px;
  }

  #topnav .navigation-menu>li>a {
    padding-top: 15px !important;
    padding-bottom: 0px !important;
    min-height: 48px !important;
  }

  #topnav .navigation-menu>li:hover>.menu-arrow {
    border-color: #2f55d4;
  }

  #topnav .navigation-menu>li:hover>a,
  #topnav .navigation-menu>li.active>a {
    color: #2f55d4 !important;
  }

  #topnav .navigation-menu>li.last-elements .submenu {
    left: auto;
    right: 0;
  }

  #topnav .navigation-menu>li.last-elements .submenu:before {
    left: auto;
    right: 10px;
  }

  #topnav .navigation-menu>li.last-elements .submenu>li.has-submenu .submenu {
    left: auto;
    right: 100%;
    margin-left: 0;
    margin-right: 10px;
  }

  #topnav .navigation-menu.nav-light>li>a {
    color: rgba(255, 255, 255, 0.5);
  }

  #topnav .navigation-menu.nav-light>li.active>a {
    color: #ffffff !important;
  }

  #topnav .navigation-menu.nav-light>li:hover>.menu-arrow {
    border-color: #ffffff !important;
  }

  /* #topnav .navigation-menu.nav-light > li:hover > a {
    color: #ffffff !important;
  } */
  #topnav .navigation-menu.nav-light .has-submenu .menu-arrow {
    border-color: rgba(255, 255, 255, 0.5);
  }

  #topnav .navigation-menu.nav-light .has-submenu.active .menu-arrow {
    border-color: #ffffff !important;
  }

  #topnav .navigation-menu.nav-right {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  #topnav .navigation-menu.nav-left {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  #topnav .navigation-menu.nav-left>li.last-elements .submenu {
    left: 0 !important;
    right: auto !important;
  }

  #topnav .navigation-menu.nav-left>li.last-elements .submenu:before {
    left: 45px !important;
    right: auto !important;
  }

  #topnav .buy-button {
    padding-left: 15px;
    margin-left: 15px;
  }

  #topnav .navbar-toggle {
    display: none;
  }

  #topnav #navigation {
    display: block !important;
  }

  #topnav.scroll {
    top: 0;
  }

  #topnav.scroll .navigation-menu>li>a {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  #topnav.scroll-active .navigation-menu>li>a {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

@media (max-width: 991px) {
  #topnav {
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
    box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
    min-height: 74px;
  }

  #topnav .logo .l-dark {
    display: inline-block !important;
  }

  #topnav .logo .l-light {
    display: none !important;
  }

  #topnav .container {
    width: auto;
  }

  #topnav #navigation {
    max-height: 400px;
  }

  #topnav .navigation-menu {
    float: none;
  }

  #topnav .navigation-menu>li {
    float: none;
  }

  #topnav .navigation-menu>li .submenu {
    display: none;
    list-style: none;
    padding-left: 20px;
    margin: 0;
  }

  #topnav .navigation-menu>li .submenu li a {
    display: block;
    position: relative;
    padding: 7px 15px;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.04em;
    font-weight: 700;
    color: #3c4858 !important;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }

  #topnav .navigation-menu>li .submenu.open {
    display: block;
  }

  #topnav .navigation-menu>li .submenu .submenu {
    display: none;
    list-style: none;
  }

  #topnav .navigation-menu>li .submenu .submenu.open {
    display: block;
  }

  #topnav .navigation-menu>li .submenu.megamenu>li>ul {
    list-style: none;
    padding-left: 0;
  }

  #topnav .navigation-menu>li .submenu.megamenu>li>ul>li>span {
    display: block;
    position: relative;
    padding: 10px 15px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
    color: #8492a6;
  }

  #topnav .navigation-menu>li>a {
    color: #3c4858;
    padding: 10px 20px;
  }

  #topnav .navigation-menu>li>a:after {
    position: absolute;
    right: 15px;
  }

  #topnav .navigation-menu>li>a:hover,
  #topnav .navigation-menu>li .submenu li a:hover,
  #topnav .navigation-menu>li.has-submenu.open>a {
    color: #2f55d4;
  }

  #topnav .menu-extras .menu-item {
    border-color: #8492a6;
  }

  #topnav .navbar-header {
    float: left;
  }

  #topnav .buy-button .login-btn-primary {
    display: inline-block !important;
  }

  #topnav .buy-button .login-btn-light {
    display: none;
  }

  #topnav .has-submenu .submenu .submenu-arrow {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 20px;
    top: 12px;
  }

  #topnav .has-submenu.active a {
    color: #2f55d4;
  }

  #navigation {
    position: absolute;
    top: 74px;
    left: 0;
    width: 100%;
    display: none;
    height: auto;
    padding-bottom: 0;
    overflow: auto;
    border-top: 1px solid #f1f3f9;
    border-bottom: 1px solid #f1f3f9;
    background-color: #ffffff;
  }

  #navigation.open {
    display: block;
    overflow-y: auto;
  }
}

@media (max-width: 768px) {
  #topnav .navigation-menu .has-submenu .menu-arrow {
    right: 16px;
    top: 16px;
  }

  #topnav .buy-button {
    padding: 3px 0;
  }
}

@media (min-width: 768px) {
  #topnav .navigation-menu>li.has-submenu:hover>.submenu {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
  }

  #topnav .navigation-menu>li.has-submenu:hover>.submenu>li.has-submenu:hover>.submenu {
    visibility: visible;
    opacity: 1;
    margin-left: 0;
    margin-right: 0;
  }

  .navbar-toggle {
    display: block;
  }
}

@media (max-width: 375px) {
  #topnav .buy-button {
    display: none;
  }

  #topnav .buy-menu-btn {
    display: block !important;
    margin: 0 10px;
    padding: 10px 20px;
  }

  #topnav .navbar-toggle .lines {
    margin-right: 0 !important;
  }
}

.bg-home {
  height: 100vh;
  background-size: cover;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  position: relative;
  background-position: center center;
}

.bg-half-260 {
  padding: 260px 0;
  background-size: cover;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  position: relative;
  background-position: center center;
}

.bg-half-170 {
  padding: 170px 0;
  background-size: cover;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  position: relative;
  background-position: center center;
}

.bg-half {
  padding: 184px 0 90px;
  background-size: cover;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  position: relative;
  background-position: center center;
}

.gradient {
  background: #2f55d4 !important;
  background: linear-gradient(45deg, #2f55d4, #2f55d4) !important;
  opacity: 0.9;
}

.bg-circle-gradiant {
  background: radial-gradient(circle at 50% 50%,
      rgba(47, 85, 212, 0.1) 0%,
      rgba(47, 85, 212, 0.1) 33.333%,
      rgba(47, 85, 212, 0.3) 33.333%,
      rgba(47, 85, 212, 0.3) 66.666%,
      rgba(47, 85, 212, 0.5) 66.666%,
      rgba(47, 85, 212, 0.5) 99.999%);
}

.home-dashboard img {
  position: relative;
  top: 60px;
  z-index: 1;
}

.classic-saas-image .bg-saas-shape:after {
  bottom: 3rem;
  left: 0;
  width: 75rem;
  height: 55rem;
  border-radius: 20rem;
  opacity: 0.9;
  -webkit-transform: rotate(130deg);
  transform: rotate(130deg);
}

.studio-home {
  padding: 7%;
}

.agency-wrapper:before {
  content: "";
  position: absolute;
  bottom: 22rem;
  right: 54rem;
  width: 90rem;
  height: 35rem;
  border-radius: 17rem;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #f8f9fc;
  z-index: -1;
}

.bg-marketing {
  padding: 76px 0 120px;
  background-size: cover;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  position: relative;
  background-position: center center;
}

.home-slider .carousel-control-next,
.home-slider .carousel-control-prev {
  width: 5%;
}

.home-slider .carousel-item,
.home-slider .carousel {
  height: 100vh;
  width: 100%;
}

.home-slider .carousel-item {
  background-position: center center;
  background-size: cover;
}

.home-slider .carousel-item.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main-slider .slides .bg-slider {
  background-size: cover;
  height: 100vh;
  position: relative;
  background-size: cover;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  position: relative;
  background-position: center center;
}

.main-slider .slides .bg-slider.shopping {
  height: 75vh;
}

.flex-control-paging li a {
  background: #ffffff;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.flex-control-paging li a.flex-active {
  background: #2f55d4;
  cursor: default;
  font-size: 17px;
  width: 15px;
  height: 15px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.flex-control-nav {
  display: none;
}

.bg-animation-left:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 70%;
  height: 100%;
  background: rgba(255, 255, 255, 0.85);
  -webkit-clip-path: polygon(0 0, 90% 0, 70% 100%, 0% 100%);
  clip-path: polygon(0 0, 90% 0, 70% 100%, 0% 100%);
}

.bg-animation-left.dark-left:after {
  background: rgba(60, 72, 88, 0.6);
}

.bg-animation-left.crypto-home:after {
  background: #2f55d4;
  width: 80%;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 50% 100%, 0% 100%);
}

.bg-animation-left.task-management-home:after {
  background: url("../images/task/bg.png") #2f55d4;
  width: 100%;
  -webkit-clip-path: circle(65% at 40% 25%);
  clip-path: circle(65% at 40% 25%);
}

.bg-invoice {
  padding: 100px 0;
  background-size: cover;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  position: relative;
  background-position: center center;
}

.classic-app-image .bg-app-shape:after {
  bottom: 3rem;
  left: -8rem;
  width: 55rem;
  height: 35rem;
  border-radius: 20rem;
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
  opacity: 0.9;
}

.classic-app-image .app-images {
  position: absolute;
  bottom: 60px;
  right: -20px;
}

.classic-app-image .bg-app-shape:after,
.classic-saas-image .bg-saas-shape:after {
  content: " ";
  position: absolute;
  z-index: -1;
}

.classic-app-image .bg-app-shape:after,
.classic-saas-image .bg-saas-shape:after {
  -webkit-box-shadow: 0 0 40px rgba(47, 85, 212, 0.5);
  box-shadow: 0 0 40px rgba(47, 85, 212, 0.5);
  background-color: #2f55d4;
}

.shape-before .shape-img {
  position: absolute;
  top: -50px;
  left: -35px;
  z-index: -1;
  height: auto;
  overflow: hidden;
}

.swiper-slider-hero .swiper-container,
.swiper-slider-hero .swiper-slide .slide-inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.swiper-slider-hero .swiper-container .swiper-button-prev,
.swiper-slider-hero .swiper-container .swiper-button-next {
  background: transparent;
  width: 35px;
  height: 35px;
  line-height: 35px;
  margin-top: -30px;
}

.swiper-slider-hero .swiper-container .swiper-button-prev:before,
.swiper-slider-hero .swiper-container .swiper-button-next:before {
  font-family: "Material Design Icons";
  font-weight: 900;
  color: #ffffff;
}

.swiper-slider-hero .swiper-container .swiper-button-prev:hover,
.swiper-slider-hero .swiper-container .swiper-button-next:hover {
  background: #2f55d4;
  border-color: #2f55d4 !important;
}

.swiper-slider-hero .swiper-container .swiper-button-prev {
  left: 10px;
}

.swiper-slider-hero .swiper-container .swiper-button-prev:before {
  content: "\f0141";
}

.swiper-slider-hero .swiper-container .swiper-button-next {
  right: 10px;
}

.swiper-slider-hero .swiper-container .swiper-button-next:before {
  content: "\f0142";
}

.swiper-slider-hero .swiper-pagination-bullet {
  color: #f8f9fa;
  background: transparent;
}

.swiper-slider-hero .swiper-pagination-bullet-active {
  color: #ffffff;
}

.swiper-slider-hero .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-slider-hero .swiper-pagination-custom,
.swiper-slider-hero .swiper-pagination-fraction {
  bottom: 45px;
}

.swiper-slider-hero .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 13px;
}

@media (min-width: 769px) {
  .bg-studio:after {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    width: 50%;
    height: 100%;
    background: #ffffff none repeat scroll 0 0;
    z-index: 2;
  }
}

@media (min-width: 768px) {
  .home-dashboard.onepage-hero {
    overflow: hidden;
  }
}

@media (max-width: 768px) {
  .agency-wrapper:before {
    right: 12rem;
  }

  .bg-half {
    padding: 169px 0 50px;
  }

  .wave-one,
  .wave-three {
    background-size: 50% 50px;
  }

  .wave-two {
    background-size: 50% 70px;
  }

  .classic-saas-image .bg-saas-shape img {
    max-width: 550px;
  }
}

@media (max-width: 767px) {

  .bg-home,
  .bg-half-170,
  .bg-half-260,
  .main-slider .slides .bg-slider,
  .bg-marketing,
  .swiper-slider-hero .swiper-container .swiper-slide {
    padding: 150px 0;
    height: auto;
  }

  .agency-wrapper:before {
    right: 0;
  }

  .bg-animation-left:after {
    width: 100%;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }

  .classic-saas-image .bg-saas-shape img {
    max-width: 100%;
    height: auto;
  }

  .classic-saas-image .bg-saas-shape:after {
    bottom: -5rem;
    left: 10rem;
    width: 30rem;
    height: 30rem;
    border-radius: 10rem;
  }
}

.features .icon,
.features .icons {
  background: rgba(47, 85, 212, 0.1);
}

.features .icons {
  height: 80px;
  line-height: 80px;
  margin: 0 auto;
}

.features .image:before {
  content: "";
  position: absolute;
  bottom: 5px;
  right: -15px;
  width: 70px;
  height: 70px;
  border-radius: 6px;
  -webkit-transform: rotate(33.75deg);
  transform: rotate(33.75deg);
  background: linear-gradient(45deg, transparent, rgba(47, 85, 212, 0.09));
  z-index: -1;
}

.features .ride-image {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.features .ride-image img {
  border-radius: 100% 100% 100% 0;
}

.features .title-2 {
  font-size: 20px;
}

.features:hover .image:before {
  background: rgba(47, 85, 212, 0.07);
  -webkit-animation: spinner-border 5s linear infinite;
  animation: spinner-border 5s linear infinite;
}

.features.fea-primary {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.features.fea-primary .content .title {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.features.fea-primary .content .title:hover {
  color: #2f55d4 !important;
}

.features.fea-primary .big-icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  opacity: 0.015;
  font-size: 180px;
}

.features.fea-primary:hover {
  -webkit-box-shadow: 0 10px 25px rgba(60, 72, 88, 0.15);
  box-shadow: 0 10px 25px rgba(60, 72, 88, 0.15);
  background-color: #2f55d4 !important;
  color: #ffffff !important;
}

.features.fea-primary:hover .icon2,
.features.fea-primary:hover .para {
  color: rgba(255, 255, 255, 0.5) !important;
}

.features.fea-primary:hover .content,
.features.fea-primary:hover .icon2 {
  z-index: 2;
}

.features.fea-primary:hover .big-icon {
  opacity: 0.05;
}

.features .title,
.key-feature .title {
  font-size: 18px;
}

.features .icon,
.key-feature .icon {
  height: 45px;
  width: 45px;
  line-height: 45px;
}

.key-feature {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.key-feature .icon {
  background: linear-gradient(45deg, transparent, rgba(47, 85, 212, 0.15));
}

.key-feature:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-box-shadow: 0 5px 13px rgba(60, 72, 88, 0.2) !important;
  box-shadow: 0 5px 13px rgba(60, 72, 88, 0.2) !important;
}

.work-process {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.work-process .title {
  font-size: 20px;
}

.work-process .step,
.work-process .step-icon {
  opacity: 0.06;
}

.work-process a {
  font-size: 15px;
}

.work-process.process-arrow:after {
  content: "";
  position: absolute;
  width: 60%;
  height: 40px;
  top: 80px;
  left: 80%;
  background: url("../images/process.png") center center no-repeat;
  z-index: 1;
}

.work-process.process-arrow:hover {
  -webkit-transform: none !important;
  transform: none !important;
}

.work-process:hover {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

.work-process.d-none-arrow:hover {
  -webkit-transform: none !important;
  transform: none !important;
}

.course-feature .title {
  font-size: 20px;
}

.course-feature .title:hover {
  color: #2f55d4 !important;
}

.course-feature .full-img {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  margin: 0 auto;
  z-index: -2;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.course-feature:hover {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

.course-feature:hover .full-img {
  opacity: 0.08;
}

.crypto-table,
.course-feature,
.features-absolute {
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.crypto-table,
.course-feature {
  margin: -260px 0 0px;
}

.features-absolute {
  margin: -200px 0 0px;
}

.features-absolute.blog-search {
  margin: -120px 0 0px;
}

.catagories {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.catagories:hover {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
  box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
}

.catagories a:hover {
  color: #2f55d4 !important;
}

.app-feature-shape-right:after,
.app-feature-shape-left:after {
  bottom: 0rem;
  width: 30rem;
  height: 40rem;
  border-radius: 10rem;
}

.app-feature-shape-right:after {
  left: 10rem;
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
}

.app-feature-shape-left:after {
  right: 10rem;
  -webkit-transform: rotate(210deg);
  transform: rotate(210deg);
}

.app-subscribe {
  position: absolute;
  top: -200px;
}

.saas-feature-shape-left:after,
.saas-feature-shape-right:after {
  bottom: -3rem;
  width: 35rem;
  height: 35rem;
  border-radius: 15rem;
  -webkit-transform: rotate(145deg);
  transform: rotate(145deg);
}

.saas-feature-shape-left:after {
  left: -10rem;
}

.saas-feature-shape-right:after {
  right: -10rem;
}

.app-feature-shape-right:after,
.app-feature-shape-left:after,
.saas-feature-shape-left:after,
.saas-feature-shape-right:after,
.social-feature-left:after,
.social-feature-right:after {
  background: rgba(47, 85, 212, 0.1);
  -webkit-box-shadow: 0 0 40px rgba(47, 85, 212, 0.1);
  box-shadow: 0 0 40px rgba(47, 85, 212, 0.1);
}

.app-feature-shape-right:after,
.app-feature-shape-left:after,
.saas-feature-shape-left:after,
.saas-feature-shape-right:after,
.social-feature-left:after,
.social-feature-right:after {
  content: "";
  position: absolute;
  z-index: -1;
}

.social-feature-left:after,
.social-feature-right:after {
  width: 450px;
  height: 520px;
  border-radius: 30px;
  bottom: -75px;
}

.social-feature-left:after {
  right: -200px;
}

.social-feature-right:after {
  left: -200px;
}

.explore-feature {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.explore-feature .icon {
  height: 80px;
  width: 80px;
  line-height: 80px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.explore-feature:hover {
  -webkit-box-shadow: 0 10px 25px rgba(60, 72, 88, 0.15) !important;
  box-shadow: 0 10px 25px rgba(60, 72, 88, 0.15) !important;
}

.explore-feature:hover .icon,
.explore-feature:hover .title {
  color: #2f55d4 !important;
}

@media (max-width: 768px) {
  .app-feature-shape-right:after {
    left: 0;
  }

  .app-feature-shape-left:after {
    right: 0;
  }

  .social-feature-left:after,
  .social-feature-right:after {
    width: 300px;
    height: 400px;
    bottom: -65px;
  }

  .features-absolute {
    margin: -140px 0 0;
  }

  .features-absolute.blog-search {
    margin: -90px 0 0px;
  }
}

@media screen and (max-width: 767px) {
  .process-arrow:after {
    display: none;
  }

  .course-feature,
  .crypto-table {
    margin: 0 0 30px;
  }

  .app-subscribe {
    position: relative;
    top: 0;
  }

  .saas-feature-shape-left:after,
  .saas-feature-shape-right:after {
    bottom: -1rem;
    width: 25rem;
    height: 25rem;
    border-radius: 10rem;
  }
}

@media (max-width: 575px) {

  .social-feature-left:after,
  .social-feature-right:after {
    bottom: -35px;
  }

  .social-feature-left:after {
    right: 60px;
  }

  .social-feature-right:after {
    left: 60px;
  }
}

.owl-theme .owl-dots .owl-dot span {
  background: #2f55d4 !important;
}

.customer-testi {
  cursor: e-resize;
}

.customer-testi .content:before {
  content: "";
  position: absolute;
  top: 30px;
  left: 0;
  margin-left: 13px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 8px solid #3c4858;
  border-color: transparent #ffffff #ffffff transparent;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-box-shadow: 2px 2px 2px -1px rgba(60, 72, 88, 0.15);
  box-shadow: 2px 2px 2px -1px rgba(60, 72, 88, 0.15);
}

.owl-theme .owl-dots .owl-dot span {
  border-radius: 3px;
  background: rgba(47, 85, 212, 0.5) !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots.clickable .owl-dot:hover span {
  background: #2f55d4 !important;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.owl-carousel .owl-item img {
  display: block;
  width: auto;
}

.slick-slider {
  overflow-x: hidden !important;
  cursor: pointer;
}

.pricing-rates {
  position: relative;
  z-index: 1;
  border-bottom: 3px solid #adb5bd !important;
}

.pricing-rates .title {
  font-weight: 700;
  font-size: 16px;
}

.pricing-rates .price {
  font-weight: 400;
}

.pricing-rates.business-rate {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.pricing-rates.business-rate:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
  z-index: 2;
  border-color: #2f55d4;
  -webkit-box-shadow: 0 5px 13px rgba(60, 72, 88, 0.2) !important;
  box-shadow: 0 5px 13px rgba(60, 72, 88, 0.2) !important;
  background-color: #ffffff !important;
}

.pricing-rates.business-rate:hover .title {
  color: #2f55d4;
}

.pricing-rates.starter-plan {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 2;
  border-color: #2f55d4;
}

.pricing-rates.best-plan {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.pricing-rates.best-plan .lable {
  width: 200px;
  position: absolute;
  top: 15px;
  right: -65px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
}

.pricing-rates.best-plan .lable h6 {
  font-size: 12px;
}

.pricing-rates.best-plan:hover {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

.invoice-top .logo-invoice {
  font-weight: 700;
  font-size: 27px;
  letter-spacing: 1px;
}

@media (max-width: 767px) {
  .pricing-rates.starter-plan {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.watch-video a.watch {
  font-size: 14px;
  font-weight: 700;
}

.watch-video a .play-icon-circle {
  height: 36px;
  width: 36px;
  background-color: #2f55d4;
  line-height: 36px;
}

.watch-video a .play-icon-circle.play-iconbar {
  font-size: 16px;
}

.watch-video a .play-icon-circle.play {
  top: 77%;
}

.bg-cta {
  padding: 150px 0;
}

.play-btn {
  height: 78px;
  width: 78px;
  font-size: 30px;
  line-height: 76px;
  border-radius: 50%;
  display: inline-block;
  color: #ffffff;
}

.play-icon {
  position: absolute;
  bottom: 50%;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  right: 0;
  left: 0;
  text-align: center;
}

.play-icon i {
  height: 75px;
  -webkit-text-stroke: 2px #2f55d4;
  -webkit-text-fill-color: transparent;
  width: 75px;
  font-size: 25px;
  line-height: 75px;
  display: inline-block;
}

.play-icon i:hover {
  -webkit-text-stroke: 2px #2f55d4;
  -webkit-text-fill-color: #2f55d4;
}

.mfp-iframe-holder .mfp-content {
  max-width: 1110px;
}

.blog {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.blog .content h4 {
  line-height: 1.2;
}

.blog .content .title {
  font-size: 20px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.blog .content .title:hover {
  color: #2f55d4 !important;
}

.blog .content .post-meta .like,
.blog .content .post-meta .comments,
.blog .content .post-meta .readmore {
  font-size: 15px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.blog .content .post-meta .like:hover {
  color: #e43f52 !important;
}

.blog .content .post-meta .comments:hover {
  color: #2eca8b !important;
}

.blog .content .post-meta .readmore:hover {
  color: #2f55d4 !important;
}

.blog .author,
.blog .teacher,
.blog .course-fee {
  position: absolute;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.blog .author {
  top: 5%;
  left: 5%;
}

.blog .teacher {
  bottom: 6%;
  left: 5%;
}

.blog .course-fee {
  bottom: -5%;
  right: 5%;
  width: 50px;
  height: 50px;
}

.blog .course-fee .fee {
  line-height: 50px;
}

.blog.blog-detail:hover {
  -webkit-transform: translateY(0px) !important;
  transform: translateY(0px) !important;
}

.blog:hover {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

.blog:hover .overlay {
  opacity: 0.4;
}

.blog:hover .author,
.blog:hover .teacher,
.blog:hover .course-fee {
  opacity: 1;
}

.blog .blog-list-meta {
  position: absolute;
  bottom: 24px;
}

.sidebar .widget .widget-search form {
  position: relative;
}

.sidebar .widget .widget-search input[type="text"],
.sidebar .widget .searchform input[type="text"] {
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 12px 15px;
  height: 45px;
  font-size: 14px;
  display: block;
  width: 100%;
  outline: none !important;
  padding-right: 45px;
}

.sidebar .widget .widget-search input[type="submit"],
.sidebar .widget .searchform input[type="submit"] {
  position: absolute;
  top: 5px;
  right: 10px;
  opacity: 0;
  width: 40px;
  height: 40px;
}

.sidebar .widget .widget-search .searchform:after {
  content: "\F0349";
  position: absolute;
  font-family: "Material Design Icons";
  right: 16px;
  top: 15px;
  font-size: 20px;
  line-height: 20px;
  pointer-events: none;
}

.sidebar .widget .blog-catagories li {
  padding-bottom: 10px;
}

.sidebar .widget .blog-catagories li:last-child {
  padding-bottom: 0;
}

.sidebar .widget .blog-catagories li a,
.sidebar .widget .blog-catagories li span {
  font-size: 15px;
}

.sidebar .widget .blog-catagories li a {
  color: #3c4858;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.sidebar .widget .blog-catagories li a:hover {
  color: #2f55d4;
}

.sidebar .widget .post-recent {
  padding-bottom: 15px;
}

.sidebar .widget .post-recent:last-child {
  padding-bottom: 0;
}

.sidebar .widget .post-recent .post-recent-thumb {
  width: 25%;
}

.sidebar .widget .post-recent .post-recent-content {
  width: 75%;
  padding-left: 10px;
}

.sidebar .widget .post-recent .post-recent-content a {
  display: block;
  color: #3c4858;
  font-size: 15px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.sidebar .widget .post-recent .post-recent-content a:hover {
  color: #2f55d4;
}

.sidebar .widget .post-recent .post-recent-content span {
  font-size: 13px;
}

.sidebar .widget .tagcloud>a {
  background: #e9ecef;
  color: #3c4858;
  display: inline-block;
  font-size: 9px;
  letter-spacing: 1px;
  margin: 5px 10px 5px 0;
  padding: 8px 12px 7px;
  text-transform: uppercase;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  font-weight: 600;
}

.sidebar .widget .tagcloud>a:hover {
  background: #2f55d4;
  color: #ffffff;
}

.page-title {
  font-size: 20px;
}

.media-list .media .media-heading:hover {
  color: #2f55d4 !important;
}

.media-list .sub-comment {
  border-left: 2px dashed #dee2e6;
}

.blog .overlay,
.job-box .job-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.job-box {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.job-box .job-overlay {
  opacity: 0.6;
}

.job-box .head {
  position: absolute;
  top: 15px;
  right: 15px;
}

.job-box .position {
  position: absolute;
  top: 15px;
  left: 15px;
}

.job-box .positio .job-box .position a:hover {
  color: #2f55d4 !important;
}

.job-box .firm-logo {
  position: absolute;
  left: 0;
  right: 0;
  height: 60px;
  width: 60px;
  line-height: 60px;
  margin: 0 auto;
  top: -30px;
}

.job-box .company-name {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.job-box .company-name:hover {
  color: #2f55d4 !important;
}

.job-box:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}

@media (min-width: 1024px) {
  .job-profile {
    top: -378px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .job-profile {
    top: -338px;
  }
}

@media (max-width: 767px) {
  .company-logo {
    float: none !important;
    text-align: left !important;
  }
}

.work-container.work-classic .work-image {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.work-container.work-classic .work-image:hover {
  -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
  box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
}

.work-container.work-classic .content .title,
.work-container.work-grid .content .title,
.work-container.work-modern .content .title {
  font-size: 18px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.work-container.work-classic .content .title:hover,
.work-container.work-grid .content .title:hover,
.work-container.work-modern .content .title:hover {
  color: #2f55d4 !important;
}

.work-container.work-classic .content .tag,
.work-container.work-grid .content .tag,
.work-container.work-modern .content .tag {
  font-size: 15px !important;
}

.work-container.work-modern img,
.work-container.work-modern .overlay-work,
.work-container.work-modern .content,
.work-container.work-modern .client,
.work-container.work-modern .read_more,
.work-container.work-modern .icons,
.work-container.work-modern .icons .work-icon {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.work-container.work-modern .overlay-work,
.work-container.work-modern .content,
.work-container.work-modern .client,
.work-container.work-modern .read_more,
.work-container.work-modern .icons {
  position: absolute;
}

.work-container.work-modern .overlay-work {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
}

.work-container.work-modern .content {
  z-index: 1;
  bottom: 5%;
  left: 5%;
}

.work-container.work-modern .content,
.work-container.work-modern .client {
  opacity: 0;
}

.work-container.work-modern .client,
.work-container.work-modern .read_more {
  z-index: 1;
  right: 5%;
  top: 5%;
}

.work-container.work-modern .read_more {
  height: 30px;
  width: 30px;
  line-height: 30px;
}

.work-container.work-modern .icons {
  right: 0;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  opacity: 0;
}

.work-container.work-modern .icons .work-icon {
  height: 45px;
  width: 45px;
  line-height: 45px;
}

.work-container.work-modern .icons .work-icon:hover {
  background: #2f55d4 !important;
  color: #ffffff !important;
}

.work-container.work-modern:hover img {
  -webkit-transform: scale(1.1) rotate(3deg);
  transform: scale(1.1) rotate(3deg);
}

.work-container.work-modern:hover .overlay-work {
  opacity: 0.65;
}

.work-container.work-modern:hover .icons {
  opacity: 1;
}

.work-container.work-modern:hover .personal-port,
.work-container.work-modern:hover .content,
.work-container.work-modern:hover .client {
  opacity: 1;
}

.work-container.work-grid {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.work-container.work-grid img,
.work-container.work-grid .content,
.work-container.work-grid .content .title {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.work-container.work-grid .content {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  -webkit-transform: translateY(150px);
  transform: translateY(150px);
  overflow: hidden;
}

.work-container.work-grid:hover {
  -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
  box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
}

.work-container.work-grid:hover img {
  -webkit-transform: translateY(-40px);
  transform: translateY(-40px);
}

.work-container.work-grid:hover .content {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.work-details ul li b {
  max-width: 90px;
  width: 100%;
  display: inline-block;
}

.courses-desc img {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.courses-desc:hover img {
  -webkit-transform: scale(1.1) rotate(3deg);
  transform: scale(1.1) rotate(3deg);
}

.courses-desc .overlay-work,
.popular-tour .overlay-work {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.courses-desc:hover .overlay-work,
.popular-tour:hover .overlay-work {
  opacity: 0.6;
}

.event-schedule {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.event-schedule .date .day {
  font-size: 18px;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background: rgba(47, 85, 212, 0.1);
  line-height: 48px;
  border: 2px solid #ffffff;
  -webkit-box-shadow: 0px 0px 2px 0.25px rgba(47, 85, 212, 0.5);
  box-shadow: 0px 0px 2px 0.25px rgba(47, 85, 212, 0.5);
}

.event-schedule .date .month {
  font-size: 13px;
}

.event-schedule .content .title {
  font-size: 20px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.event-schedule .content .title:hover {
  color: #2f55d4 !important;
}

.event-schedule .content .location-time {
  font-size: 14px;
}

.event-schedule:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
  box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
  border-color: #2f55d4 !important;
  background: #f8f9fc !important;
}

.courses-desc {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.courses-desc .content .title {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.courses-desc .content .title:hover {
  color: #2f55d4 !important;
}

.courses-desc .collection,
.courses-desc .preview {
  position: absolute;
  opacity: 0;
  z-index: 1;
}

.courses-desc .collection {
  top: 15px;
  left: 15px;
}

.courses-desc .collection i {
  -webkit-text-stroke: 2px #e43f52;
  -webkit-text-fill-color: transparent;
}

.courses-desc .collection i:active {
  -webkit-text-stroke: 0px #e43f52;
  -webkit-text-fill-color: #e43f52;
}

.courses-desc .preview {
  bottom: 15px;
  right: 15px;
}

.courses-desc:hover {
  -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
  box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

.courses-desc:hover .collection,
.courses-desc:hover .preview {
  opacity: 1;
}

.personal-port {
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.container-filter li a {
  font-size: 13px;
  padding: 0px 15px;
  margin: 5px 3px;
  font-weight: 700;
  letter-spacing: 0.8px;
  cursor: pointer;
  line-height: 34px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.container-filter li a.active,
.container-filter li a:hover {
  color: #2f55d4 !important;
  border-color: #2f55d4 !important;
}

.spacing {
  padding-left: 7px;
  padding-right: 7px;
}

.shop-list .shop-image .overlay-work,
.shop-list .shop-image .shop-icons {
  position: absolute;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.shop-list .shop-image .overlay-work {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.shop-list .shop-image .shop-icons {
  top: 15px;
  right: 15px;
  z-index: 2;
  -webkit-transform: translateX(100px);
  transform: translateX(100px);
}

.shop-list .shop-image:hover .overlay-work,
.shop-list .shop-image:hover .shop-icons {
  opacity: 1;
}

.shop-list .shop-image:hover .shop-icons {
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}

.shop-list .content .product-name {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.shop-list .content .product-name:hover {
  color: #2f55d4 !important;
}

.popular-tour .content {
  position: absolute;
  bottom: 3%;
  left: 5%;
}

.main-icon {
  border: 2px solid #e9ecef;
  height: 40px;
  width: 40px;
  line-height: 0;
  text-align: center;
}

.main-icon .fea {
  height: 20px;
}

.timeline-page:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 95%;
  margin: auto;
  width: 2px;
  background-color: #e9ecef !important;
}

.timeline-page .timeline-item .date-label-left,
.timeline-page .timeline-item .duration-right {
  margin-right: 15px;
}

.timeline-page .timeline-item .date-label-left:after,
.timeline-page .timeline-item .duration-right:after {
  content: "";
  position: absolute;
  top: 12px;
  width: 12px;
  height: 12px;
  z-index: 1;
  background-color: #2f55d4;
  border-radius: 4px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.timeline-page .timeline-item .date-label-left {
  float: right;
  margin-right: 15px;
}

.timeline-page .timeline-item .date-label-left:after {
  right: -37px;
}

.timeline-page .timeline-item .duration-right {
  float: left;
  margin-left: 15px;
}

.timeline-page .timeline-item .duration-right:after {
  left: -37px;
}

.timeline-page .timeline-item .event {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.timeline-page .timeline-item .event.event-description-right {
  margin-left: 15px;
}

.timeline-page .timeline-item .event.event-description-left {
  margin-right: 15px;
  text-align: right;
}

@media (min-width: 768px) {
  .main-icon {
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .timeline-page {
    margin-left: 18px;
  }

  .timeline-page:after {
    margin: 0;
  }

  .timeline-page .timeline-item .duration {
    float: left !important;
    margin: 0 0 30px 15px !important;
    text-align: left !important;
  }

  .timeline-page .timeline-item .duration:after {
    left: -21px !important;
  }

  .timeline-page .timeline-item .duration .event {
    text-align: left !important;
    margin-left: 15px;
  }

  .timeline-page .timeline-item .event-description-left {
    text-align: left !important;
    margin: 0 0 0 15px;
  }
}

.team img {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.team .name:hover {
  color: #2f55d4 !important;
}

.team .team-icon {
  position: absolute;
  bottom: 10%;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  right: 0;
  opacity: 0;
  left: 0;
  text-align: center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.team:hover img {
  -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
  box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
  opacity: 0.2;
}

.team:hover .overlay-team {
  opacity: 0.6;
}

.team:hover .team-icon {
  opacity: 1;
}

.login-page {
  font-size: 15px;
}

.login-page .forgot-pass {
  z-index: 99;
  position: relative;
  font-size: 13px;
}

.cover-user .container-fluid {
  max-width: 100%;
}

.cover-user .container-fluid .padding-less.img {
  background: scroll center no-repeat;
  background-size: cover;
  position: absolute;
  height: 100%;
}

.cover-user .cover-user-img {
  height: 100vh;
}

.bg-profile {
  padding: 100px 0;
  background-size: cover;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  position: relative;
  background-position: center center;
}

.bg-profile .public-profile {
  top: 175px;
}

.accounts {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.accounts .pro-icons,
.accounts .title {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.accounts:hover,
.accounts.active {
  background-color: #2f55d4;
}

.accounts:hover .pro-icons,
.accounts.active .pro-icons {
  color: rgba(255, 255, 255, 0.5) !important;
}

.accounts:hover .title,
.accounts.active .title {
  color: #ffffff !important;
}

@media (min-width: 1025px) {
  .cover-user .cover-user-img {
    padding: 0px 20%;
  }
}

@media (max-width: 768px) {
  .cover-user .padding-less {
    position: relative !important;
    height: 400px !important;
  }

  .cover-user .cover-user-content {
    text-align: left !important;
  }

  .cover-user .cover-user-img {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
    height: auto !important;
  }

  .cover-user .cover-my-30 {
    margin: 30px 0;
  }
}

.coming-soon,
.maintenance,
.error-page {
  font-size: 40px;
  letter-spacing: 1px;
}

#countdown .count-down,
#eventdown .count-down {
  display: inline-block;
  margin: 30px 10px;
  color: #ffffff;
  border-radius: 50%;
  text-align: center;
  border: 4px solid #dee2e6;
  height: 130px;
  width: 130px;
}

#countdown .count-down .count-number,
#eventdown .count-down .count-number {
  font-size: 40px;
  line-height: 95px;
}

#countdown .count-down .count-head,
#eventdown .count-down .count-head {
  display: block;
  position: relative;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
}

#eventdown .count-down {
  margin: 10px !important;
  border: 0;
  height: 20px;
  width: 80px;
}

#eventdown .count-down .count-number {
  line-height: 80px;
}

#eventdown .count-down .count-head {
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px);
}

#clock {
  color: #ffffff;
}

#clock p {
  width: 80px;
}

#clock p span {
  font-size: 40px;
}

#clock p span.indicator {
  font-size: 18px;
}

@media (min-width: 200px) and (max-width: 767px) {

  .coming-soon,
  .maintenance,
  .error-page {
    font-size: 32px;
  }

  #eventdown .count-down {
    width: 60px;
  }

  #eventdown .count-down .count-number {
    font-size: 30px;
  }

  #eventdown .count-down .count-head {
    font-size: 10px;
  }
}

.contact-detail .content .title {
  font-size: 20px;
}

.map {
  line-height: 0;
}

.map iframe {
  width: 100%;
  height: 400px;
}

.error {
  margin: 8px 0px;
  display: none;
  color: #e43f52;
}

#ajaxsuccess {
  font-size: 16px;
  width: 100%;
  display: none;
  clear: both;
  margin: 8px 0px;
}

.error_message {
  padding: 10px;
  margin-bottom: 20px;
  text-align: center;
  border: 2px solid #e43f52;
  color: #e43f52;
  border-radius: 6px;
  font-size: 14px;
}

.contact-loader {
  display: none;
}

#success_page {
  text-align: center;
  margin-bottom: 50px;
}

#success_page h3 {
  color: #2eca8b;
  font-size: 22px;
}

.flatpickr-day.selected,
.flatpickr-day.selected:hover {
  background: #2f55d4;
  border-color: #2f55d4;
}

@media (min-width: 768px) {
  .map.map-height-two iframe {
    height: 551px;
  }
}

.footer .logo-footer {
  font-size: 22px;
}

.footer .footer-head {
  font-size: 20px;
  letter-spacing: 1px;
  font-weight: 500;
}

.footer .foot-subscribe.foot-white .form-control {
  color: #adb5bd;
}

.footer .foot-subscribe input::-webkit-input-placeholder {
  color: #adb5bd;
}

.footer .foot-subscribe input:-ms-input-placeholder {
  color: #adb5bd;
}

.footer .foot-subscribe input::-ms-input-placeholder {
  color: #adb5bd;
}

.footer .foot-subscribe input::placeholder {
  color: #adb5bd;
}

.footer .text-foot {
  color: #adb5bd;
}

.footer .footer-list {
  margin-bottom: 0;
}

#style-switcher {
  background: none repeat scroll 0 0 #ffffff;
  -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
  box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
  left: -189px;
  position: fixed;
  top: 17%;
  width: 189px;
  z-index: 9999;
  padding: 10px 5px;
}

#style-switcher .title {
  font-size: 16px;
}

#style-switcher .bottom a.settings {
  background: none repeat scroll 0 0 #ffffff;
  height: 41px;
  position: absolute;
  right: -41px;
  top: 0px;
  width: 40px;
  padding: 3px;
  border-radius: 0 30px 30px 0;
}

#style-switcher ul.pattern {
  list-style: none outside none;
  overflow: hidden;
  padding: 0;
  border-radius: 0px;
}

#style-switcher ul.pattern li.list-inline-item:not(:last-child) {
  margin-right: 0px;
  margin-bottom: 0;
}

#style-switcher ul.pattern li a {
  cursor: pointer;
  display: block;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  margin: 3px;
}

#style-switcher ul.pattern .default {
  background-color: #2f55d4;
}

#style-switcher ul.pattern .green {
  background-color: #6dc77a;
}

#style-switcher ul.pattern .red {
  background-color: #ff5b69;
}

#style-switcher ul.pattern .purple {
  background-color: #7952b3;
}

#style-switcher ul.pattern .skyblue {
  background-color: #32c2ec;
}

#style-switcher ul.pattern .skobleoff {
  background-color: #0f7173;
}

#style-switcher ul.pattern .cyan {
  background-color: #00c9a7;
}

#style-switcher ul.pattern .slateblue {
  background-color: #766df4;
}

#style-switcher .t-dark,
#style-switcher .t-rtl-light {
  display: inline-block;
}

#style-switcher .t-ltr-light,
#style-switcher .t-light,
#style-switcher .t-rtl-dark,
#style-switcher .t-ltr-dark {
  display: none;
}

@media only screen and (max-width: 425px) {
  #style-switcher {
    display: none;
  }
}

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

.text-lg-center {
  text-align: center;
}

@media only screen and (max-width: 600px) {
  .p-smm-0 {
    padding: 0px !important;
  }

  .display-flex-on-mbl {
    display: flex !important;
  }
}