@charset "UTF-8";
.elementor-widget-civi-icon-box.civi-icon-box-style-02 .civi-icon-box:after, .elementor-widget-civi-icon-box .heading-divider:after, .elementor-widget-civi-icon-box .icon,
.elementor-widget-civi-icon-box .heading,
.elementor-widget-civi-icon-box .description,
.elementor-widget-civi-icon-box .icon-box-button, .elementor-widget-civi-icon-box .civi-icon-box:before, .elementor-widget-civi-icon-box .civi-icon-box, .svg-defs-gradient .stop-a,
.svg-defs-gradient .stop-b, .civi-icon .icon, .civi-team-member-style-03 .social-networks a, .civi-team-member-style-03 .social-networks, .civi-team-member-style-03 .info, .civi-team-member-style-03 .overlay, .civi-team-member-style-03 .photo, .civi-team-member-style-02 .social-networks a, .civi-team-member-style-02 .social-networks, .civi-team-member-style-02 .info, .civi-team-member-style-02 .overlay, .civi-team-member-style-02 .photo, .civi-team-member-style-01 .overlay, .civi-team-member-style-01 .photo, .civi-accordion .accordion-icon, .civi-accordion .accordion-title, .civi-accordion .accordion-header, .civi-gradation .count, .civi-image-box .image, .civi-image-box:before, .civi-image-box, .civi-list .text, .civi-list .icon, .civi-swiper.pagination-style-05 .swiper-pagination-bullet:after, .civi-swiper .swiper-pagination-bullet:before, .civi-swiper:hover .swiper-nav-button {
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}

body {
  font-size: 16px;
  color: var(--civi-color-text);
  font-family: "Inter";
  font-style: normal;
  font-stretch: normal;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  color: var(--civi-color-primary);
  font-family: "Inter";
  font-weight: 500;
}

h1 {
  font-size: 48px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

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

a {
  color: var(--civi-color-text);
}

a:hover {
  color: var(--civi-color-accent);
  text-decoration: none;
}

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

a,
button,
input,
svg {
  transition: all 0.3s ease 0s;
}

button:focus {
  outline: 0;
}

input[type=text],
input[type=url],
input[type=tel],
input[type=email],
input[type=password],
input[type=number],
input[type=search],
input[type=date],
input[type=file],
textarea {
  font-size: 16px;
  border: 1px solid #dddddd;
  padding: 10.5px 16px;
  color: var(--civi-color-text);
  border-radius: 4px;
  width: 100%;
  background-color: #fff;
}
input[type=text]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=date]::-moz-placeholder, input[type=file]::-moz-placeholder, textarea::-moz-placeholder {
  color: var(--civi-color-secondary);
}
input[type=text]::placeholder,
input[type=url]::placeholder,
input[type=tel]::placeholder,
input[type=email]::placeholder,
input[type=password]::placeholder,
input[type=number]::placeholder,
input[type=search]::placeholder,
input[type=date]::placeholder,
input[type=file]::placeholder,
textarea::placeholder {
  color: var(--civi-color-secondary);
}

input[type=password] {
  font: small-caption;
  font-size: 16px;
}

button,
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=date]:focus,
textarea:focus {
  border-color: var(--civi-color-accent);
  outline: none;
}

select {
  padding: 12.5px 36px 12.5px 16px;
  font-size: 16px;
  color: var(--civi-color-text);
  border: 1px solid #dddddd;
  border-radius: 4px;
}
select:focus {
  outline: none;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  border-color: #5d5d5d;
}
input:-webkit-autofill {
  -webkit-animation-name: autofill;
  -webkit-animation-fill-mode: both;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #fff inset !important;
}

figure {
  margin-bottom: 0;
}

ul {
  padding-left: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.rtl {
  direction: rtl;
}

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

.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}
@media only screen and (max-width: 1199px) {
  .container {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (max-width: 567px) {
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.mt-65 {
  margin-top: 65px;
}

.mb-65 {
  margin-bottom: 65px;
}

.pt-65 {
  padding-top: 65px;
}

.pb-65 {
  padding-bottom: 65px;
}

.font-size-12 {
  font-size: 12px;
}

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

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

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

.font-size-24 {
  font-size: 24px;
}

.font-size-28 {
  font-size: 28px;
}

.font-weight-600 {
  font-weight: 600;
}

.z-index-9999 {
  z-index: 9999 !important;
}

.page-loading-effect {
  display: block;
}
.page-loading-effect.visibility .bg-overlay,
.page-loading-effect.visibility .entry-loading {
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease 0s;
}
.page-loading-effect .bg-overlay {
  opacity: 1;
  visibility: visible;
  background: #fff;
  z-index: 999999;
  transition: all 0.5s ease 0s;
}
.page-loading-effect .entry-loading {
  opacity: 1;
  visibility: visible;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 9999999;
  transform: translate(-50%, -50%);
  transition: all 0.5s ease 0s;
}

/* calzones circle */
.civi-ldef-circle {
  display: inline-block;
  transform: translateZ(1px);
}

.civi-ldef-circle > span {
  display: inline-block;
  width: 51px;
  height: 51px;
  margin: 6px;
  border-radius: 50%;
  background: var(--civi-color-accent);
  animation: civi-ldef-circle 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

@keyframes civi-ldef-circle {
  0%, 100% {
    animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
  }
  0% {
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(1800deg);
    animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
  }
  100% {
    transform: rotateY(3600deg);
  }
}
/* calzones dual ring */
.civi-ldef-dual-ring {
  display: inline-block;
  width: 64px;
  height: 64px;
}

.civi-ldef-dual-ring:after {
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin: 1px;
  border-radius: 50%;
  border: 5px solid #fff;
  border-color: var(--civi-color-accent) transparent var(--civi-color-accent) transparent;
  animation: civi-ldef-dual-ring 1.2s linear infinite;
}

@keyframes civi-ldef-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* calzones facebook */
.civi-ldef-facebook {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}

.civi-ldef-facebook span {
  display: inline-block;
  position: absolute;
  left: 6px;
  width: 13px;
  background: var(--civi-color-accent);
  animation: civi-ldef-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

.civi-ldef-facebook span:nth-child(1) {
  left: 6px;
  animation-delay: -0.24s;
}

.civi-ldef-facebook span:nth-child(2) {
  left: 26px;
  animation-delay: -0.12s;
}

.civi-ldef-facebook span:nth-child(3) {
  left: 45px;
  animation-delay: 0;
}

@keyframes civi-ldef-facebook {
  0% {
    top: 6px;
    height: 51px;
  }
  50%, 100% {
    top: 19px;
    height: 26px;
  }
}
/* calzones heart */
.civi-ldef-heart {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
  left: 8px !important;
  top: 6px !important;
  transform: rotate(45deg) !important;
  transform-origin: 32px 32px;
}

.civi-ldef-heart span {
  top: 22px;
  left: 25px;
  position: absolute;
  width: 26px;
  height: 26px;
  background: var(--civi-color-accent);
  animation: civi-ldef-heart 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}

.civi-ldef-heart span:after,
.civi-ldef-heart span:before {
  content: " ";
  position: absolute;
  display: block;
  width: 26px;
  height: 26px;
  background: var(--civi-color-accent);
}

.civi-ldef-heart span:before {
  left: -17px;
  border-radius: 50% 0 0 50%;
}

.civi-ldef-heart span:after {
  top: -17px;
  border-radius: 50% 50% 0 0;
}

@keyframes civi-ldef-heart {
  0% {
    transform: scale(0.95);
  }
  5% {
    transform: scale(1.1);
  }
  39% {
    transform: scale(0.85);
  }
  45% {
    transform: scale(1);
  }
  60% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(0.9);
  }
}
/* calzones ring */
.civi-ldef-ring {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}

.civi-ldef-ring span {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid var(--civi-color-accent);
  border-radius: 50%;
  animation: civi-ldef-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: var(--civi-color-accent) transparent transparent transparent;
}

.civi-ldef-ring span:nth-child(1) {
  animation-delay: -0.45s;
}

.civi-ldef-ring span:nth-child(2) {
  animation-delay: -0.3s;
}

.civi-ldef-ring span:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes civi-ldef-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* calzones roller */
.civi-ldef-roller {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}

.civi-ldef-roller span {
  display: block;
  animation: civi-ldef-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 32px 32px;
}

.civi-ldef-roller span:after {
  content: " ";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--civi-color-accent);
  margin: -3px 0 0 -3px;
}

.civi-ldef-roller span:nth-child(1) {
  animation-delay: -0.036s;
}

.civi-ldef-roller span:nth-child(1):after {
  top: 50px;
  left: 50px;
}

.civi-ldef-roller span:nth-child(2) {
  animation-delay: -0.072s;
}

.civi-ldef-roller span:nth-child(2):after {
  top: 54px;
  left: 45px;
}

.civi-ldef-roller span:nth-child(3) {
  animation-delay: -0.108s;
}

.civi-ldef-roller span:nth-child(3):after {
  top: 57px;
  left: 39px;
}

.civi-ldef-roller span:nth-child(4) {
  animation-delay: -0.144s;
}

.civi-ldef-roller span:nth-child(4):after {
  top: 58px;
  left: 32px;
}

.civi-ldef-roller span:nth-child(5) {
  animation-delay: -0.18s;
}

.civi-ldef-roller span:nth-child(5):after {
  top: 57px;
  left: 25px;
}

.civi-ldef-roller span:nth-child(6) {
  animation-delay: -0.216s;
}

.civi-ldef-roller span:nth-child(6):after {
  top: 54px;
  left: 19px;
}

.civi-ldef-roller span:nth-child(7) {
  animation-delay: -0.252s;
}

.civi-ldef-roller span:nth-child(7):after {
  top: 50px;
  left: 14px;
}

.civi-ldef-roller span:nth-child(8) {
  animation-delay: -0.288s;
}

.civi-ldef-roller span:nth-child(8):after {
  top: 45px;
  left: 10px;
}

@keyframes civi-ldef-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* calzones default */
.civi-ldef-default {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}

.civi-ldef-default span {
  position: absolute;
  width: 5px;
  height: 5px;
  background: var(--civi-color-accent);
  border-radius: 50%;
  animation: civi-ldef-default 1.2s linear infinite;
}

.civi-ldef-default span:nth-child(1) {
  animation-delay: 0s;
  top: 29px;
  left: 53px;
}

.civi-ldef-default span:nth-child(2) {
  animation-delay: -0.1s;
  top: 18px;
  left: 50px;
}

.civi-ldef-default span:nth-child(3) {
  animation-delay: -0.2s;
  top: 9px;
  left: 41px;
}

.civi-ldef-default span:nth-child(4) {
  animation-delay: -0.3s;
  top: 6px;
  left: 29px;
}

.civi-ldef-default span:nth-child(5) {
  animation-delay: -0.4s;
  top: 9px;
  left: 18px;
}

.civi-ldef-default span:nth-child(6) {
  animation-delay: -0.5s;
  top: 18px;
  left: 9px;
}

.civi-ldef-default span:nth-child(7) {
  animation-delay: -0.6s;
  top: 29px;
  left: 6px;
}

.civi-ldef-default span:nth-child(8) {
  animation-delay: -0.7s;
  top: 41px;
  left: 9px;
}

.civi-ldef-default span:nth-child(9) {
  animation-delay: -0.8s;
  top: 50px;
  left: 18px;
}

.civi-ldef-default span:nth-child(10) {
  animation-delay: -0.9s;
  top: 53px;
  left: 29px;
}

.civi-ldef-default span:nth-child(11) {
  animation-delay: -1s;
  top: 50px;
  left: 41px;
}

.civi-ldef-default span:nth-child(12) {
  animation-delay: -1.1s;
  top: 41px;
  left: 50px;
}

@keyframes civi-ldef-default {
  0%, 20%, 80%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
}
/* calzones ellipsis */
.civi-ldef-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}

.civi-ldef-ellipsis span {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: var(--civi-color-accent);
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.civi-ldef-ellipsis span:nth-child(1) {
  left: 6px;
  animation: civi-ldef-ellipsis1 0.6s infinite;
}

.civi-ldef-ellipsis span:nth-child(2) {
  left: 6px;
  animation: civi-ldef-ellipsis2 0.6s infinite;
}

.civi-ldef-ellipsis span:nth-child(3) {
  left: 26px;
  animation: civi-ldef-ellipsis2 0.6s infinite;
}

.civi-ldef-ellipsis span:nth-child(4) {
  left: 45px;
  animation: civi-ldef-ellipsis3 0.6s infinite;
}

@keyframes civi-ldef-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes civi-ldef-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes civi-ldef-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}
/* calzones grid */
.civi-ldef-grid {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}

.civi-ldef-grid span {
  position: absolute;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--civi-color-accent);
  animation: civi-ldef-grid 1.2s linear infinite;
}

.civi-ldef-grid span:nth-child(1) {
  top: 6px;
  left: 6px;
  animation-delay: 0s;
}

.civi-ldef-grid span:nth-child(2) {
  top: 6px;
  left: 26px;
  animation-delay: -0.4s;
}

.civi-ldef-grid span:nth-child(3) {
  top: 6px;
  left: 45px;
  animation-delay: -0.8s;
}

.civi-ldef-grid span:nth-child(4) {
  top: 26px;
  left: 6px;
  animation-delay: -0.4s;
}

.civi-ldef-grid span:nth-child(5) {
  top: 26px;
  left: 26px;
  animation-delay: -0.8s;
}

.civi-ldef-grid span:nth-child(6) {
  top: 26px;
  left: 45px;
  animation-delay: -1.2s;
}

.civi-ldef-grid span:nth-child(7) {
  top: 45px;
  left: 6px;
  animation-delay: -0.8s;
}

.civi-ldef-grid span:nth-child(8) {
  top: 45px;
  left: 26px;
  animation-delay: -1.2s;
}

.civi-ldef-grid span:nth-child(9) {
  top: 45px;
  left: 45px;
  animation-delay: -1.6s;
}

@keyframes civi-ldef-grid {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
/* calzones hourglass */
.civi-ldef-hourglass {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}

.civi-ldef-hourglass:after {
  content: " ";
  display: block;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: 6px;
  box-sizing: border-box;
  border: 26px solid var(--civi-color-accent);
  border-color: var(--civi-color-accent) transparent var(--civi-color-accent) transparent;
  animation: civi-ldef-hourglass 1.2s infinite;
}

@keyframes civi-ldef-hourglass {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(900deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: rotate(1800deg);
  }
}
/* calzones ripple */
.civi-ldef-ripple {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}

.civi-ldef-ripple span {
  position: absolute;
  border: 4px solid var(--civi-color-accent);
  opacity: 1;
  border-radius: 50%;
  animation: civi-ldef-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.civi-ldef-ripple span:nth-child(2) {
  animation-delay: -0.5s;
}

@keyframes civi-ldef-ripple {
  0% {
    top: 28px;
    left: 28px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: -1px;
    left: -1px;
    width: 58px;
    height: 58px;
    opacity: 0;
  }
}
/* calzones spinner */
.civi-ldef-spinner {
  color: official;
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}

.civi-ldef-spinner span {
  display: block;
  transform-origin: 32px 32px;
  animation: civi-ldef-spinner 1.2s linear infinite;
}

.civi-ldef-spinner span:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 29px;
  width: 5px;
  height: 14px;
  border-radius: 20%;
  background: var(--civi-color-accent);
}

.civi-ldef-spinner span:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}

.civi-ldef-spinner span:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}

.civi-ldef-spinner span:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}

.civi-ldef-spinner span:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}

.civi-ldef-spinner span:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}

.civi-ldef-spinner span:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}

.civi-ldef-spinner span:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}

.civi-ldef-spinner span:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}

.civi-ldef-spinner span:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}

.civi-ldef-spinner span:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}

.civi-ldef-spinner span:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}

.civi-ldef-spinner span:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}

@keyframes civi-ldef-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.body {
  height: 100%;
}

body.open-popup .site-header {
  z-index: 1;
}

body.demo_01 .jobs-type.list-item b,
body.demo_02 .jobs-type.list-item b,
body.demo_03 .jobs-type.list-item b,
body.demo_04 .jobs-type.list-item b {
  display: none;
}

body.demo_05 .jobs-term .jobs-type {
  display: none;
}
body.demo_05 .jobs-term .jobs-city:before {
  content: "";
  display: none;
}
body.demo_05 .jobs-item .entry-head .jobs-type + .jobs-city {
  margin-left: 0;
  padding-left: 0;
}

#home-blog .post-categories li a,
#home-blog .post-categories li a:hover {
  color: #fff;
  border-color: #fff;
}

#blog-background {
  position: absolute;
  z-index: 1;
  bottom: 0;
}

.grid {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  list-style-type: none;
}

.lazy-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
}
.lazy-grid .grid-sizer {
  display: none;
}
.lazy-grid.loaded {
  display: block;
}
.lazy-grid.loaded .grid-sizer {
  display: block;
}

.select-arrow {
  position: relative;
}
.select-arrow:before {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  top: 15px;
  right: 18px;
}
.select-arrow select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.modern-grid {
  display: grid;
}

.columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gap-xl-60 {
  margin-left: -30px;
  margin-right: -30px;
}
.gap-xl-60 .col-gap {
  padding-left: 30px;
  padding-right: 30px;
}

.container-fluid {
  padding-left: 25px;
  padding-right: 25px;
}

footer.site-footer .container-fluid {
  padding-left: 50px;
  padding-right: 50px;
}

.glf-repeater {
  width: 100%;
}

.site-layout.has-sidebar {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.site-layout.has-sidebar #primary,
.site-layout.has-sidebar aside#secondary {
  padding-left: 15px;
  padding-right: 15px;
}
.site-layout.has-sidebar #primary {
  flex: 1;
  max-width: calc(100% - 400px);
  padding-right: 15px;
}
.site-layout.has-sidebar aside#secondary {
  flex: 0 0 400px;
  max-width: 400px;
}
.site-layout.has-sidebar.left-sidebar aside#secondary {
  order: 1;
  padding-right: 30px;
}
.site-layout.has-sidebar.left-sidebar #primary {
  order: 2;
}
.site-layout.has-sidebar.right-sidebar aside#secondary {
  padding-left: 30px;
}

.site-layout.no-sidebar aside#secondary {
  display: none;
}

.main-content .site-layout.has-sidebar.right-sidebar #primary {
  padding-right: 45px;
}
.main-content .site-layout.has-sidebar.left-sidebar #primary {
  padding-left: 45px;
}

.site-footer {
  overflow: hidden;
}

.show {
  display: block !important;
}

.hide {
  display: none !important;
}

#wrapper {
  margin: 0 auto;
  overflow-x: hidden;
}

.search-results #wrapper,
body.tax-jobs-city #wrapper,
.single.single-jobs #wrapper {
  overflow: inherit;
}

.page-dashboard {
  background-color: #fafafa;
}

#wrapper.container .container,
#wrapper.container .container-fluid {
  padding-left: 15px;
  padding-right: 15px;
}

.main-content {
  position: relative;
  z-index: 3;
  padding-top: 50px;
  padding-bottom: 70px;
}

.elementor-page .main-content {
  padding-top: 0;
  padding-bottom: 0;
}

body:not(.elementor-page) .content-page article .entry-content {
  margin-bottom: 20px;
  line-height: 28px;
}

.bg-overlay {
  background: rgba(17, 17, 17, 0.8);
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease 0s;
}

.open .bg-overlay {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease 0s;
}

.list-item a,
.list-item span {
  display: inline-block;
}

.list-item a:after,
.list-item span:after {
  content: ",";
}

.list-item a:last-child:after,
.list-item span:last-child:after {
  content: "";
}

.btn-civi {
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  border-radius: 20px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  padding: 9px 25px;
  color: #fff;
  background: var(--civi-color-accent);
  border: solid 1px var(--civi-color-accent);
  outline: 0;
  cursor: pointer;
}
.btn-civi:hover {
  background: transparent;
  color: var(--civi-color-accent);
}
.btn-civi:focus {
  outline: 0;
}

.dropdown-select {
  color: var(--civi-color-primary);
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.dropdown-select .entry-show {
  font-weight: 500;
}
.dropdown-select .entry-show i {
  font-size: 12px;
}
.dropdown-select .entry-select {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: 4;
  top: 100%;
  left: -10px;
  right: 0;
  min-width: 150px;
  max-width: 200px;
  max-height: 370px;
  margin-top: 50px;
  background: #fff;
  padding: 5px 10px;
  border-radius: 3px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  font-size: 15px;
  overflow: auto;
  box-shadow: 0px 5px 30px -5px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease 0s;
}
.dropdown-select ul li {
  list-style: none;
  margin-bottom: 0;
}
.dropdown-select ul li a {
  padding: 8px 10px;
  display: block;
}
.dropdown-select ul li.active a {
  color: var(--civi-color-accent);
}
.dropdown-select.active .entry-select {
  opacity: 1;
  visibility: visible;
  margin-top: 10px;
  transition: all 0.3s ease 0s;
}

.gl-button,
.wpcf7-submit {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  border-radius: 30px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  padding: 9px 26px;
  color: #fff;
  outline: 0;
  cursor: pointer;
  border: solid 1px var(--civi-color-accent);
  background-color: var(--civi-color-accent);
  transition: all 0.3s ease 0s;
}
.gl-button i,
.wpcf7-submit i {
  margin-right: 10px;
  font-size: 15px;
}
.gl-button:focus,
.wpcf7-submit:focus {
  color: #fff;
}

.gl-button:hover,
.wpcf7-submit:hover {
  color: var(--civi-color-accent);
  background-color: transparent;
  transition: all 0.3s ease 0s;
}
.gl-button:hover svg path,
.wpcf7-submit:hover svg path {
  fill: var(--civi-color-accent);
  transition: all 0.3s ease 0s;
}

.page-title {
  display: flex;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 10px;
  min-height: 150px;
}
.page-title .entry-detail .entry-title {
  font-size: 46px;
  line-height: 1.2;
  font-weight: 500;
  color: #fff;
  margin-bottom: 0;
}
.page-title .entry-detail .entry-title + .sub-title {
  margin-top: 5px;
}
.page-title .entry-detail p {
  line-height: 22px;
  margin-bottom: 0;
}

.civi_breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
  margin-bottom: 5px;
  padding-left: 0;
}
.civi_breadcrumb li a,
.civi_breadcrumb .current {
  color: var(--civi-color-secondary);
}
.civi_breadcrumb a:hover {
  color: var(--civi-color-primary);
}
.civi_breadcrumb li:not(:first-child)::before {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  padding-left: 10px;
  padding-right: 10px;
  color: var(--civi-color-secondary);
}

.slick-carousel {
  visibility: hidden;
}

.slick-carousel.slick-initialized {
  visibility: visible;
}

.slick-carousel .slick-list {
  margin-left: -15px;
  margin-right: -15px;
}

.slick-carousel .slick-track {
  margin-left: unset;
  margin-right: unset;
}

.slick-slider .slick-track {
  display: flex;
}

.slick-arrow {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 36px;
  background-color: rgba(255, 255, 255, 0.8);
  line-height: 36px;
  color: var(--civi-color-secondary);
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  opacity: 1;
  visibility: visible;
  z-index: 1;
  transform: translateY(-50%);
}
.slick-arrow i.la.large {
  font-size: 20px;
  vertical-align: middle;
}
.slick-arrow.slick-disabled {
  opacity: 0;
  visibility: hidden;
}
.slick-arrow.gl-prev {
  left: 15px;
  transform: translate(-50%, -50%);
}
.slick-arrow.gl-next {
  right: 15px;
  transform: translate(50%, -50%);
}
.slick-arrow:hover {
  color: var(--civi-color-accent);
}

.slick-nav .slick-arrow {
  width: 36px;
  height: 36px;
  line-height: 36px;
  background-color: rgba(255, 255, 255, 0.8);
  color: var(--civi-color-secondary);
}
.slick-nav .slick-arrow.gl-prev {
  left: 20px;
  transform: translate(0%, -50%);
}
.slick-nav .slick-arrow.gl-next {
  right: 20px;
  transform: translate(0%, -50%);
}
.slick-nav .slick-arrow i {
  vertical-align: -3px;
}

.slick-dots li {
  display: inline-block;
}

.slick-dots li button:before {
  font-size: 8px;
}

.block-heading {
  margin-bottom: 30px;
}

.block-heading .entry-title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  margin-bottom: 0;
}

.block-panel + .block-panel {
  margin-top: 15px;
}

.block-panel {
  background: #f9f9f9;
  border-radius: 5px;
}
.block-panel .block-tab {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 55px 15px 20px;
  position: relative;
  cursor: pointer;
}
.block-panel .block-tab:after {
  content: "\f107";
  font-size: 16px;
  font-weight: 900;
  line-height: 1;
  font-family: "Line Awesome Free";
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 20px;
}
.block-panel.active .block-tab:after {
  content: "\f106";
}
.block-panel .block-panel:first-child .block-content {
  display: block;
}
.block-panel .block-panel:first-child .block-tab {
  border-top: 0;
}
.block-panel .block-tab h4 {
  font-size: 16px;
  line-height: 1.44;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 0;
}
.block-panel .block-content {
  padding: 0 55px 20px 20px;
  display: none;
}
.block-panel .block-content p:last-child {
  margin-bottom: 0;
}

.toggle-social {
  position: relative;
  cursor: pointer;
}
.toggle-social .social-share {
  display: none;
  position: absolute;
  z-index: 3;
  left: 50%;
  margin-top: 10px;
  background: rgba(255, 255, 255, 0.4);
  transform: translateX(-50%);
}
.toggle-social .list-social-icon a {
  font-size: 18px;
  color: #fff;
  display: block;
  text-align: center;
  padding: 8px 10px;
}
.toggle-social .list-social-icon a:last-child {
  margin-bottom: 0;
}

a.facebook {
  background: #3b5999;
  color: #fff;
}
a.twitter {
  background: #55acee;
  color: #fff;
}
a.whatapp {
  background-color: blueviolet;
  color: #fff;
}
a.google-plus {
  background: #dd4b39;
  color: #fff;
}
a.linkedin {
  background-color: #0077b5;
  color: #fff;
}
a.tumblr {
  background-color: #34465d;
  color: #fff;
}
a.pinterest {
  background-color: #bd081c;
  color: #fff;
}
a.instagram {
  background-color: #e4405f;
  color: #fff;
}
a.youtube {
  background-color: #cd201f;
  color: #fff;
}
a.skype {
  background-color: #00aff0;
  color: #fff;
}

.block-heading .entry-count {
  color: var(--civi-color-accent);
}

.civi-pagination {
  margin-top: 32px;
}
.civi-pagination .pagination {
  list-style: none;
  display: flex;
  align-items: center;
}
.civi-pagination .pagination.loadmore {
  justify-content: center;
}
.civi-pagination .pagination.loadmore .page-numbers {
  height: inherit;
  width: inherit;
  line-height: inherit;
  border-radius: 25px;
  border: 1px solid var(--civi-color-accent);
  padding: 8px 25px;
  background-color: transparent;
  color: var(--civi-color-accent);
}
.civi-pagination .pagination.loadmore .page-numbers.current.next {
  border: 1px solid var(--civi-color-accent);
  background-color: transparent;
  color: var(--civi-color-accent);
}
.civi-pagination .pagination.loadmore .page-numbers:hover {
  background-color: var(--civi-color-accent);
  color: #fff;
}
.civi-pagination .pagination.loadmore .btn-loading {
  display: none;
  margin-left: 5px;
  position: relative;
  top: 2px;
}
.civi-pagination .page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  line-height: 40px;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  margin-right: 7px;
  font-weight: 500;
  color: var(--civi-color-secondary);
}
.civi-pagination .page-numbers i {
  position: relative;
  top: -1px;
}
.civi-pagination .page-numbers:last-child {
  margin-right: 0;
}
.civi-pagination .page-numbers.current {
  background: var(--civi-color-accent);
  color: #fff;
}
.civi-pagination .page-numbers.current.next, .civi-pagination .page-numbers.current.prev {
  background: unset;
  color: unset;
}

.posts-pagination {
  display: flex;
  margin-top: 50px;
  text-align: center;
}
.posts-pagination ul {
  list-style-type: none;
  border: 0;
  margin: 0;
  padding-left: 0;
}
.posts-pagination ul li {
  border: 0;
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
}
.posts-pagination ul li .page-numbers {
  font-size: 15px;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  color: var(--civi-color-text);
}
.posts-pagination ul li .page-numbers.current {
  min-width: 40px;
  background: var(--civi-color-accent);
  color: #fff;
  border-radius: 30px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}
.posts-pagination ul li .page-numbers.current:hover {
  background: var(--civi-color-accent);
  color: #fff;
}
.posts-pagination ul li .page-numbers:hover, .posts-pagination ul li .page-numbers:focus {
  background: inherit;
  color: var(--civi-color-accent);
}

i.small {
  font-size: 12px;
  font-style: normal;
}

i.medium {
  font-size: 16px;
  font-style: normal;
}

i.large {
  font-size: 18px;
  font-style: normal;
}

i.fa-trash-alt {
  font-size: 14px;
  padding: 0 3px;
}

i.fa-spin.large {
  font-size: 16px;
}

.icon-small {
  font-size: 12px;
}

.icon-medium {
  font-size: 16px;
}

.icon-large {
  font-size: 18px;
}

.custom-checkbox, .custom-radio {
  position: relative;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 15px;
  width: 15px;
  margin-bottom: 0;
  margin-right: 0 !important;
  vertical-align: -2px;
  border: 2px solid #aaa;
  background-color: #fff;
  color: #565a5c;
  box-sizing: border-box;
}

.custom-radio {
  border-radius: 50%;
}

.custom-checkbox[type=checkbox]:checked:before {
  content: "\f00c";
  top: -1px;
  font-size: 14px;
  line-height: 1;
  width: 14px;
  display: inline-block;
  font-weight: 700;
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  color: var(--civi-color-accent);
}

.custom-radio[type=radio]:checked:before {
  content: "•";
  text-indent: -9999px;
  border-radius: 50px;
  font-size: 24px;
  width: 7px;
  height: 7px;
  margin: 4px;
  line-height: 16px;
  background-color: #007456;
  position: absolute;
  left: -2px;
  top: -2px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 5px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}

.custom-scrollbar::-webkit-scrollbar {
  width: 6px;
  background-color: #f5f5f5;
  border-radius: 5px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: #eee;
  border-radius: 5px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}

.civi-marker .jobs-cate a:hover {
  color: var(--civi-color-accent);
}

/* ire dual ring */
.civi-dual-ring {
  display: inline-block;
  width: 50px;
  height: 50px;
  z-index: 15;
}

.civi-dual-ring:after {
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin: 1px;
  border-radius: 50%;
  border: 5px solid var(--civi-color-accent);
  border-color: var(--civi-color-accent) transparent var(--civi-color-accent) transparent;
  animation: civi-dual-ring 1.2s linear infinite;
}

@keyframes civi-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes civi-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.loading-effect {
  display: none;
  position: relative;
  bottom: -2px;
}
.loading-effect .civi-dual-ring {
  width: 28px;
  height: 28px;
}
.loading-effect .civi-dual-ring:after {
  width: 24px;
  height: 24px;
  border-width: 3px;
}

.civi-dual-ring.small {
  width: 28px;
  height: 28px;
}
.civi-dual-ring.small:after {
  width: 24px;
  height: 24px;
  border-width: 3px;
}

.civi-dual-ring {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.text-success {
  color: #20d706 !important;
}

.text-warning {
  color: #f2d23d !important;
}

.text-error,
.text-danger {
  color: #e74807 !important;
}

/* account */
.popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 20;
  transition: all 0.3s ease 0s;
}
.popup .inner-popup {
  position: fixed;
  z-index: 5;
  top: 150px;
  left: 15px;
  right: 15px;
  margin: 0 auto;
  background: #fff;
  padding: 30px;
  border-radius: 3px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease 0s;
}
.popup.open {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease 0s;
}
.popup.open .inner-popup {
  top: 100px;
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease 0s;
  max-height: calc(100vh - 200px);
  overflow: auto;
}

.logged-in .popup-account.open .inner-popup {
  top: 112px;
}

.form-search-canvas {
  position: relative;
  z-index: 9;
  background-color: #fff;
  border-radius: 16px;
  width: 320px;
  border: 1px solid var(--civi-color-border);
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.03);
}
.form-search-canvas .form-group:last-child {
  padding: 20px;
}
.form-search-canvas i:not(.fa-times) {
  font-size: 20px;
  color: var(--civi-color-secondary);
  font-weight: normal;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}
.form-search-canvas input {
  border-radius: 16px 16px 0 0;
  border: 0;
}
.form-search-canvas input {
  height: 72px;
  line-height: 72px;
  padding-left: 50px;
}
.form-search-canvas .civi-button {
  width: 100%;
}

.popup-account input.input-field {
  border-radius: 8px;
}
.popup-account .row {
  margin-left: -8px;
  margin-right: -8px;
}
.popup-account .col-6 {
  padding-left: 8px;
  padding-right: 8px;
}
.popup-account .demo-sign-in {
  font-size: 15px;
  padding: 15px 20px;
  background-color: #edf2f1;
  margin-bottom: 24px;
  border-radius: 8px;
}
.popup-account .demo-sign-in p {
  margin-bottom: 0;
}
.popup-account .demo-sign-in p:first-child {
  margin-bottom: 5px;
}
.popup-account .demo-sign-in span {
  color: var(--civi-color-accent);
  font-weight: 500;
}
.popup-account .civi-new-password-wrap form {
  text-align: center;
}
.popup-account .civi-new-password-wrap input {
  border-radius: 5px;
  border: 1px solid #333;
  padding: 8px 50px 8px 15px;
  width: 100%;
  font: inherit;
  font-size: 15px;
}
.popup-account .civi-new-password-wrap .button-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.popup-account .civi-new-password-wrap .generate-password {
  border: 1px solid var(--civi-color-accent);
  border-radius: 25px;
  padding: 9px 25px;
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  color: var(--civi-color-accent);
}
.popup-account .civi-new-password-wrap .generate-password:hover {
  color: #ffffff;
  background-color: var(--civi-color-accent);
}
.popup-account .civi-new-password-wrap .control-password {
  position: relative;
  margin-bottom: 25px;
}
.popup-account .civi-new-password-wrap .control-password span {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  line-height: 25px;
  padding: 0 10px;
  cursor: pointer;
}
.popup-account .civi-new-password-wrap .control-password span i {
  vertical-align: -10px;
}
.popup-account .civi-new-password-wrap .control-password span.active i:before {
  content: "\f070";
}
.popup-account .civi-new-password-wrap p.msg {
  display: none;
  text-align: center;
  margin: 20px auto 0;
}
.popup-account .inner-popup {
  max-width: 400px;
  width: 100%;
}
.popup-account .btn-close {
  position: absolute;
  right: 30px;
}
.popup-account .head-popup .tabs-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 30px;
}
.popup-account .head-popup .tabs-form a {
  color: #8d8d8d;
  font-size: 20px;
  font-weight: 500;
  padding-bottom: 3px;
  border-bottom: 2px solid transparent;
  margin-right: 20px;
}
.popup-account .head-popup .tabs-form a.active {
  color: var(--civi-color-primary);
  border-color: var(--civi-color-primary);
}
.popup-account .head-popup .tabs-form a:last-child {
  margin-right: 0;
}
.popup-account .head-popup p.notice {
  padding: 15px 15px 15px 45px;
}
.popup-account .head-popup p.notice i {
  top: 16px;
  left: 12px;
}
.popup-account .head-popup > p {
  position: relative;
  font-size: 15px;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.popup-account .head-popup > p span {
  padding-right: 23px;
}
.popup-account .accept-account {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.popup-account .accept-account label {
  font-size: 15px;
  margin-bottom: 0;
  margin-left: 10px;
}
.popup-account .accept-account a {
  color: var(--civi-color-accent);
}
.popup-account .accept-account .custom-checkbox {
  top: -1px;
  border-radius: 3px;
  border: solid 1px #dddddd;
}
.popup-account .accept-account label.error {
  flex: 0 0 100%;
  order: 3;
  margin-left: 0;
}
.popup-account .form-group + .form-group {
  margin-top: 24px;
}
.popup-account .forgot-password {
  font-size: 15px;
}
.popup-account .forgot-password a {
  color: var(--civi-color-accent);
}

.addon-login-wrap {
  text-align: center;
  margin-top: 18px;
}
.addon-login-wrap .addon-login {
  margin-bottom: 10px;
}
.addon-login-wrap ul {
  padding: 0;
}
.addon-login-wrap ul li {
  list-style: none;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
}
.addon-login-wrap ul a {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 50%;
}
.addon-login-wrap ul .facebook-login {
  background-color: #4267b2;
}
.addon-login-wrap ul .google-login {
  background-color: #ea4335;
}
.addon-login-wrap ul .linkedin-login {
  background-color: #0077b5;
}

.form-account {
  display: none;
}
.form-account.active {
  display: block;
}
.form-account p {
  margin-bottom: 10px;
}
.form-account p.msg {
  display: none;
  color: #20d706;
  margin-bottom: 0;
  margin-top: 10px;
}
.form-account p.msg + .form-group {
  margin-top: 15px;
}
.form-account label.radio-field {
  position: static;
  display: block;
}
.form-account label.radio-field span {
  height: 48px;
  line-height: 48px;
  display: block;
  border-radius: 4px;
  background-color: #f2f2f2;
  text-align: center;
  cursor: pointer;
}
.form-account label.radio-field i {
  margin-right: 5px;
}
.form-account label.radio-field input {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.form-account label.radio-field input:checked ~ span {
  background-color: var(--civi-color-accent);
  color: #fff;
}
.form-account label[for=civi_user_candidate],
.form-account label[for=civi_user_employer] {
  margin-bottom: 0;
}

.elementor-element .form-account p {
  margin-bottom: 10px;
}

p.notice {
  font-family: "Inter";
  font-weight: 500;
  padding: 22px 22px 22px 66px;
  border: solid 1px #ffe180;
  border-radius: 3px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  position: relative;
  margin-top: 32px;
}
p.notice i {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 23px;
  left: 22px;
  font-size: 20px;
  color: #ffe180;
}
p.notice a {
  color: var(--civi-color-accent);
}
p.notice.success {
  border-color: green;
}
p.notice.success i {
  color: green;
}

.sign-in-demo-notice {
  display: block;
  padding: 13px 20px;
  margin: -5px 0 25px 0;
  font-size: 14px;
  line-height: 22px;
  background-color: #d5f3f3;
  color: #5d5d5d;
  border-radius: 4px;
}
.sign-in-demo-notice b {
  color: var(--civi-color-accent);
  font-weight: 500;
}

.form-group {
  position: relative;
}
.form-group .col-group {
  position: relative;
}
.form-group label.error {
  font-size: 12px;
  color: #ea4335 !important;
  margin-bottom: 0 !important;
  margin-top: 5px !important;
  display: block;
}
.form-group .label-field {
  color: var(--civi-color-primary);
  font-weight: 500;
  margin-bottom: 8px;
}
.form-group .btn.button {
  width: 100%;
}

input.input-field.error {
  border-color: #ea4335;
}

.error404 .main-content {
  padding-top: 100px;
  padding-bottom: 130px;
  background-color: #fff;
}

.area-404 h2 {
  font-size: 46px;
  font-weight: 600;
  margin-bottom: 15px;
}
.area-404 p {
  font-size: 24px;
  margin-bottom: 58px;
}
.area-404 img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
}
.area-404 .civi-button i {
  font-size: 12px;
}

.page-title-other {
  background-image: url(/images/banner-other.png?2cb5795757fe895d3b17595430065818);
  background-size: auto;
  background-repeat: no-repeat;
  background-position: right center;
  background-attachment: scroll;
}

.civi-popup {
  opacity: 0;
  visibility: hidden;
  position: relative;
  z-index: 5;
  transition: all 0.3s ease 0s;
}
.civi-popup .inner-popup {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  max-width: 570px;
  background: #fff;
  top: 100%;
  left: 20px;
  right: 20px;
  z-index: 5;
  padding: 30px;
  margin: 0 auto;
  transform: translate(0, -50%);
  transition: all 0.3s ease 0s;
}
.civi-popup .inner-popup .btn-close {
  position: absolute;
  right: 30px;
}
.civi-popup.active {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease 0s;
}
.civi-popup.active .bg-overlay {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease 0s;
}
.civi-popup.active .inner-popup {
  top: 50%;
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease 0s;
}

.copyright .area-copyright {
  padding-top: 32px;
  padding-bottom: 32px;
  border-top: 1px solid #eee;
  color: var(--civi-color-secondary);
  text-align: right;
}

.civi-form {
  position: relative;
}

.civi-field label span.menu-541,
.wpcf7 .civi-field label span.menu-541 {
  margin-top: 10px;
  display: block;
}
.civi-field input,
.civi-field textarea,
.civi-field select,
.wpcf7 .civi-field input,
.wpcf7 .civi-field textarea,
.wpcf7 .civi-field select {
  font-size: 15px;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 2px solid #2d2d2d;
  border-radius: 0 !important;
  margin-top: 0 !important;
  padding: 0 0 5px;
}
.civi-field input:focus, .civi-field input:visited,
.civi-field textarea:focus,
.civi-field textarea:visited,
.civi-field select:focus,
.civi-field select:visited,
.wpcf7 .civi-field input:focus,
.wpcf7 .civi-field input:visited,
.wpcf7 .civi-field textarea:focus,
.wpcf7 .civi-field textarea:visited,
.wpcf7 .civi-field select:focus,
.wpcf7 .civi-field select:visited {
  outline: 0;
  border-color: var(--civi-color-accent);
}
.civi-field textarea,
.wpcf7 .civi-field textarea {
  max-height: 100px;
}

.civi-submit {
  margin-top: 30px;
}

.civi-field + .civi-field {
  margin-top: 30px;
}

.chosen-container {
  width: 100% !important;
}

.icon-search {
  cursor: pointer;
}
.icon-search i {
  font-size: 20px;
  font-weight: 500;
}

.canvas-search {
  opacity: 0;
  visibility: hidden;
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  align-items: center;
  justify-content: center;
}
.canvas-search .bg-overlay {
  background: rgba(0, 0, 0, 0.9);
}
.canvas-search .search-form {
  position: relative;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  top: -20px;
  width: 100%;
  max-width: 600px;
  margin-left: 25px;
  margin-right: 25px;
  transition: all 0.5s ease 0s;
}
.canvas-search .search-form input {
  width: 100%;
  height: 50px;
  border-radius: 30px;
  padding: 8px 60px 8px 20px;
  text-overflow: ellipsis;
}
.canvas-search .search-form .icon-search {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  background: none;
  border: 0;
  height: 50px;
  width: 55px;
  border-radius: 30px;
}
.canvas-search .btn-close {
  position: absolute;
  top: 3px;
  right: 10px;
  z-index: 9;
  font-size: 20px;
}
.canvas-search.on {
  display: flex;
  opacity: 1;
  visibility: visible;
  transition: all 0.5s ease 0s;
}
.canvas-search.on .bg-overlay {
  opacity: 1;
  visibility: visible;
}
.canvas-search.on .search-form {
  top: -50px;
  opacity: 1;
  visibility: visible;
  transition: all 0.5s ease 0s;
}
.canvas-search.civi-ajax-search .search-result ul {
  max-height: 210px;
}
.canvas-search.civi-ajax-search .civi-loading-effect {
  right: 60px;
}
.canvas-search ~ .select2-container {
  z-index: 99999;
}

.block-search.search-icon {
  line-height: 1;
}

.civi-ajax-search .civi-loading-effect {
  opacity: 0;
  visibility: hidden;
  left: inherit;
  right: 35px;
}

.civi-loading-effect {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 15;
}

.civi-loading-effect:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.6);
}

.civi-reset-password-wrap {
  display: none;
  margin-top: 30px;
  text-align: center;
}
.civi-reset-password-wrap.active {
  display: block;
}
.civi-reset-password-wrap input#user_login {
  border-radius: 5px;
  border: 1px solid #333;
  padding: 8px 15px;
  width: 100%;
  margin-bottom: 25px;
}
.civi-reset-password-wrap p.msg {
  margin-top: 0;
  margin-bottom: 20px;
}
.civi-reset-password-wrap button {
  margin-left: auto;
  margin-right: auto;
}
.civi-reset-password-wrap .back-to-login {
  display: flex;
  align-items: center;
  margin-top: 25px;
  color: var(--civi-color-accent);
}
.civi-reset-password-wrap .back-to-login i {
  margin-right: 8px;
}

.form-captcha {
  display: flex;
  flex-wrap: nowrap;
  height: 42px;
}
.form-captcha .civi-captcha {
  height: 42px;
  border-radius: 4px 0 0 4px;
}
.form-captcha img {
  height: 42px;
  border-radius: 0 4px 4px 0;
}

.wpcf7 .wpcf7-response-output {
  margin-top: 0;
}

@keyframes effect_radius {
  0% {
    opacity: 1;
    transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
#growls-br {
  bottom: 50px;
  right: 15px;
  left: 15px;
  z-index: 999;
}

.growl.growl-default {
  color: #111;
  background: #fff;
  max-width: 1070px;
  opacity: 1;
  box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.05);
  border: 1px solid #eeeeee;
  border-radius: 50px;
  padding: 19px 28px;
  margin: 0 auto;
  width: 100%;
}
.growl.growl-default .growl-close,
.growl.growl-default .growl-title {
  opacity: 0;
  position: absolute;
  visibility: hidden;
}
.growl.growl-default .growl-message {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  line-height: 1.2;
  color: #555555;
}
.growl.growl-default .growl-message p {
  margin: 0 12px;
  flex: 1;
}
.growl.growl-default .growl-message a {
  color: #111;
}
.growl.growl-default .growl-message a:hover {
  text-decoration: underline;
}
.growl.growl-default .civi-button {
  font-size: 16px;
}
.growl.growl-default .civi-button.text {
  background-color: transparent;
  color: #555555;
  padding: 0;
  border: 0;
}
.growl.growl-default .civi-button.text:hover {
  color: #111;
  background-color: transparent;
  border-color: transparent;
  text-decoration: none;
  background-image: none;
}
.growl.growl-default .civi-button.full-filled {
  color: #fff;
}
.growl.growl-default .civi-button.full-filled:hover {
  color: #fff;
  text-decoration: none;
}
.growl.growl-default .civi-button + .civi-button {
  margin-left: 24px;
}

section.is-relative .elementor-container,
section.is-relative .elementor-column,
section.is-relative .elementor-widget-wrap {
  position: static;
}

@media only screen and (min-width: 1200px) {
  .hidden-lg-up {
    display: none !important;
  }
}
@media only screen and (max-width: 1199px) {
  .hidden-lg-down {
    display: none !important;
  }
  .site-layout.has-sidebar #primary {
    max-width: calc(100% - 400px);
  }
  .site-layout.has-sidebar aside#secondary {
    flex: 0 0 400px;
    max-width: 400px;
  }
  header.site-header {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
@media only screen and (max-width: 991px) {
  .columns-md-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .copyright .area-copyright {
    padding-left: 15px;
    padding-right: 15px;
  }
  .main-content .site-layout.has-sidebar {
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
  .main-content .site-layout.has-sidebar #primary {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .main-content .site-layout.has-sidebar aside#secondary {
    max-width: inherit;
    padding-left: 0;
    padding-right: 0;
    margin-top: 24px;
  }
  .main-content .site-layout.has-sidebar.right-sidebar #primary, .main-content .site-layout.has-sidebar.left-sidebar #primary {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .main-content .site-layout.has-sidebar.right-sidebar aside#secondary, .main-content .site-layout.has-sidebar.left-sidebar aside#secondary {
    max-width: inherit;
    padding-left: 0;
    padding-right: 0;
    margin-top: 40px;
  }
  .page-title {
    background-image: none !important;
  }
  footer.site-footer .container-fluid {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .columns-sm-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  #popup-amenities .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 30px;
  }
  #popup-amenities .grid li {
    margin-right: 0;
  }
  #growls-br {
    bottom: 20px;
  }
  .growl.growl-default {
    padding: 20px;
    border-radius: 20px;
  }
  .growl.growl-default .growl-message {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .growl.growl-default .growl-message p {
    margin: 12px 0;
  }
  .form-search-canvas .select2-field .select2.select2-container .select2-selection {
    padding-left: 45px;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    height: 72px;
  }
}
@media only screen and (max-width: 650px) {
  .grid {
    grid-column-gap: 15px;
  }
}
@media only screen and (max-width: 600px) {
  .popup.open .inner-popup {
    top: 30px;
    max-height: calc(100vh - 60px);
  }
}
@media only screen and (max-width: 479px) {
  .columns-xs-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .columns-xs-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .page-title .entry-detail .entry-title {
    font-size: 32px;
    line-height: 46px;
  }
  .popup-account .inner-popup {
    max-width: inherit;
    width: inherit;
  }
  .popup.open .inner-popup {
    top: 20px;
    padding: 20px 15px;
  }
  .site-header.float-header + .popup.open .inner-popup {
    top: 100px;
  }
}
@media only screen and (max-width: 374px) {
  .grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.mapboxgl-map .marker {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
}

.mapboxgl-popup-content {
  font-size: 16px;
  font-weight: 500;
  font-family: "Inter";
  padding: 0;
  background-color: transparent;
  border: 0;
  border-radius: 16px;
}
.mapboxgl-popup-content .jobs-archive-header {
  display: flex;
  flex-direction: row-reverse;
}
.mapboxgl-popup-content .civi-jobs-item.layout-grid .jobs-logo-company-warpper {
  margin-bottom: 0;
}
.mapboxgl-popup-content .civi-jobs-item.layout-grid .days {
  margin-top: 20px;
  margin-bottom: 0;
}
.mapboxgl-popup-content .civi-jobs-featured {
  border-color: var(--civi-color-border);
}
.mapboxgl-popup-content .civi-jobs-item .logo-comnpany {
  display: none;
}
.mapboxgl-popup-content .civi-jobs-item.layout-grid {
  border: 0;
}
.mapboxgl-popup-content .civi-jobs-item.layout-grid .jobs-logo-company-warpper {
  justify-content: right;
  margin-bottom: -20px;
}
.mapboxgl-popup-content .civi-jobs-item .jobs-title {
  padding-right: 60px;
}

.mapboxgl-popup-close-button {
  font-size: 20px;
  top: 5px;
  right: 5px;
}

.mapboxgl-map .mapboxgl-popup {
  max-width: 386px !important;
}

#geocoder {
  position: absolute;
  top: 31px;
  left: 25px;
  right: 40px;
  bottom: 0;
}

#geocoder .mapboxgl-ctrl-geocoder {
  width: 100%;
  max-width: 100%;
  box-shadow: none;
}

.mapboxgl-ctrl-geocoder--icon-search,
.mapboxgl-ctrl-geocoder--pin-right {
  display: none;
}

.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
  height: 60px;
}

#geocoder .mapboxgl-ctrl-geocoder--input[type=text] {
  border: 0;
  padding: 0;
  height: 42px;
}

.leaflet-popup-content-wrapper {
  border-radius: 0 !important;
}

.leaflet-popup-content {
  width: 325px !important;
  margin: 0 !important;
}

.leaflet-popup-content .entry-thumbnail {
  flex: 0 0 120px;
  max-width: 120px;
}

.archive-layout .leaflet-container {
  z-index: 1;
}

div[title]:after,
.marker.mapboxgl-marker:after,
.leaflet-marker-icon-wrap:after,
.leaflet-marker-icon:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.1);
  transition: all 0.3s;
  border-radius: 50%;
  width: 0;
  height: 0;
}

div[title].zoom:after,
.marker.mapboxgl-marker.zoom:after,
.leaflet-marker-icon-wrap.zoom:after,
.leaflet-marker-icon.zoom:after {
  width: 60px;
  height: 60px;
}

.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
  width: 100%;
}

@media only screen and (max-width: 567px) {
  .civi-pagination .page-numbers {
    margin-right: 2px;
  }
  .area-404 h2 {
    font-size: 32px;
  }
  .area-404 p {
    font-size: 20px;
  }
}
body.elementor-page .main-content .container {
  padding-left: 0;
  padding-right: 0;
}
body.elementor-page .main-content .elementor-section.elementor-section-boxed:not(.elementor-inner-section) > .elementor-container {
  max-width: 1200px !important;
}

/* Headings */
.bypostauthor {
  font-weight: 500;
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6,
.post-content .h1,
.post-content .h2,
.post-content .h3,
.post-content .h4,
.post-content .h5,
.post-content .h6,
.comment-list h1,
.comment-list h2,
.comment-list h3,
.comment-list h4,
.comment-list h5,
.comment-list h6,
.comment-list .h1,
.comment-list .h2,
.comment-list .h3,
.comment-list .h4,
.comment-list .h5,
.comment-list .h6,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content .h1,
.entry-content .h2,
.entry-content .h3,
.entry-content .h4,
.entry-content .h5,
.entry-content .h6 {
  margin-bottom: 1.425rem;
}

.entry-content h2 {
  line-height: 1.3;
}

.post-content:not(.elementor-content) a,
.page .entry-content a {
  font-weight: 500;
  text-decoration: none;
}

hr {
  margin-bottom: 1.125em;
  height: 1px;
  border: 0;
  background-color: #cccccc;
}

/* Text elements */
p {
  margin-bottom: 1.725em;
}

ul,
ol {
  margin: 0 0 1.625em 0;
  padding-left: 1.625rem;
}

li {
  line-height: 1.8;
}

li > ul,
li > ol {
  margin-top: 10px;
  padding-left: 2rem;
}

ul {
  list-style: square;
}

ol {
  list-style-type: decimal;
}

ol ol {
  list-style: upper-alpha;
}

ol ol ol {
  list-style: lower-roman;
}

ol ol ol ol {
  list-style: lower-alpha;
}

ul ul,
ol ol,
ul ol,
ol ul {
  margin-bottom: 0;
}

.comment-list ul,
.comment-list ol,
.comment-list ol,
.comment-list ul {
  margin: 0 0 1.625em 2.5em;
}
.comment-list ul ul,
.comment-list ol ol,
.comment-list ul ol,
.comment-list ol ul {
  margin-bottom: 0;
}
.comment-list ul {
  list-style: square;
}
.comment-list ol {
  list-style-type: decimal;
}
.comment-list ol ol {
  list-style: upper-alpha;
}
.comment-list ol ol ol {
  list-style: lower-roman;
}
.comment-list ol ol ol ol {
  list-style: lower-alpha;
}

dt {
  color: var(--civi-color-primary);
  font-weight: 500;
}

dd {
  margin: 0 0 1.625rem;
}

strong {
  color: var(--civi-color-primary);
}

cite,
em,
i {
  font-style: italic;
}

cite {
  border: 0;
}

big {
  font-size: 131.25%;
}

.wp-block-button,
.wp-block-cover,
.wp-block-media-text {
  margin-bottom: 1.125em;
}

.wp-block-cover p:not(.has-text-color),
.wp-block-cover.has-left-content .wp-block-cover-text strong {
  color: #fff;
}

.wp-block-gallery {
  margin-left: 0;
}

.wp-block-gallery:not(.has-nested-images).alignleft {
  margin-right: 15px;
}

.wp-block-group.has-background {
  padding: 20px;
  margin-bottom: 1.125em;
}

.post-content a.wp-block-button__link {
  text-decoration: none;
}

.wp-block-button__link {
  color: #fff !important;
}

.wp-block-button.is-style-squared .wp-block-button__link {
  border-radius: 0;
}

.post-content figcaption.blocks-gallery-caption {
  margin-bottom: 15px;
}

.post-content figure {
  margin-bottom: 1.625em;
}

.post-content figure.wp-block-pullquote.has-background {
  padding: 3em 0;
}

.wp-block-pullquote {
  border: 4px solid;
}

.post-content select {
  height: 42px;
  padding: 7px;
  border-radius: 5px;
}

.wp-block-archives-dropdown,
.wp-block-categories-list {
  margin-bottom: 1rem;
}
.wp-block-archives-dropdown ul.children,
.wp-block-categories-list ul.children {
  margin-top: 0.625rem;
}

.wp-block-archives-list li + li,
.wp-block-categories-list li + li {
  margin-top: 0.825rem;
}

.wp-block-archives-list li a,
.wp-block-categories-list li a {
  text-decoration: none;
}

.gallery {
  margin-bottom: 1.6em;
  margin-left: -10px;
  margin-right: -10px;
}

.gallery-item {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin-bottom: 1.125em;
  padding-left: 10px;
  padding-right: 10px;
}
.gallery-item .gallery-icon img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
  margin-top: 0.8em;
}

.mceContentBody blockquote,
.mceContentBody blockquote p {
  margin: 0 3em;
  font-weight: normal;
  font-style: italic !important;
  font-family: Georgia, "Bitstream Charter", serif !important;
}

.mceContentBody blockquote em,
.mceContentBody blockquote i,
.mceContentBody blockquote cite {
  font-style: normal;
}

.mceContentBody blockquote cite {
  color: #666666;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
  clear: both;
  margin-top: 0.4em;
  margin-bottom: 1.6em;
}

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
  margin: 0.4em 1.6em 1.6em 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
  margin: 0.4em 0 1.6em 1.6em;
}

blockquote {
  font-weight: normal;
  background: #f8f8f8;
  font-size: 18px;
  font-style: italic;
  line-height: 30px;
  background: none;
  padding: 5px 20px;
  position: relative;
  margin-bottom: 0;
}
blockquote cite {
  font-style: normal;
  margin-top: 1.4rem;
  display: block;
}

blockquote > p:last-child {
  margin-bottom: 0;
}

blockquote,
q {
  -webkit-hyphens: none;
  hyphens: none;
  quotes: none;
}

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
  margin-bottom: 1.125em;
}

pre {
  margin-top: 1.125em;
  margin-bottom: 1.125em;
  padding: 1.625em;
  background: #f4f4f4;
  font: 13px "Courier 10 Pitch", Courier, monospace;
  line-height: 1.5;
}

code,
kbd,
samp,
var {
  font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym,
dfn {
  border-bottom: 1px dotted #666666;
  cursor: help;
}

address {
  display: block;
  margin: 0 0 1.125em;
}

sup,
sub {
  position: relative;
  height: 0;
  vertical-align: baseline;
  font-size: 10px;
  line-height: 1;
}

sup {
  bottom: 1ex;
}

sub {
  top: 0.5ex;
}

dt {
  margin-bottom: 0.3rem;
}

/* Alignment */
.alignleft {
  float: left;
  margin-right: 1.125em;
}

.alignright {
  float: right;
  margin-left: 1.125em;
}

.aligncenter {
  display: block;
  clear: both;
  margin-right: auto;
  margin-left: auto;
}

/* Tables */
table {
  margin: 0 0 1.625em;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  border: 1px solid #eee;
  text-align: left;
}

tr th {
  font-weight: 500;
  border: 1px solid #eee;
  padding: 10px;
}

td {
  padding: 10px;
  border: 1px solid #eee;
}

/* Images */
img[class*=wp-image-] {
  height: auto;
}

img.size-full {
  width: auto; /* Prevent stretching of full-size images in IE8 */
}

img.wp-smiley {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  border: 0;
}

.wp-caption {
  margin-top: 0.4em;
}

img.alignleft,
img.alignright,
img.aligncenter {
  margin-top: 1.125em;
  margin-bottom: 1.625em;
}

.wp-caption {
  max-width: 100%;
  margin-bottom: 1.125em;
  border: 0;
}

.wp-caption img {
  display: block;
}

.wp-caption .wp-caption-text,
.wp-caption-dd {
  position: relative;
  margin: 0.6em 0 0.6em 0;
  text-align: left;
}

.post-content .wp-caption .wp-caption-text,
.post-content .wp-caption-dd,
.post-content figcaption,
.entry-content .wp-caption .wp-caption-text,
.entry-content .wp-caption-dd,
.entry-content figcaption {
  margin-top: 0;
  margin-bottom: 0;
  padding: 6px 10px;
  text-align: center;
  background: #f5f5f5;
}

.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {
  border-color: #eee;
  background: #ffffff;
}

.entry-content:before {
  content: "";
  display: table;
}

.entry-content:after {
  content: "";
  display: table;
  clear: both;
}

.page-links {
  clear: both;
}

.page-links .post-page-numbers {
  font-size: 15px;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  text-align: center;
}

.page-links .post-page-numbers.current {
  min-width: 40px;
  background: var(--civi-color-accent);
  color: #fff;
  border-radius: 30px;
}
.page-links .post-page-numbers.current:hover {
  background: var(--civi-color-accent);
  color: #fff;
}

.post-password-form input {
  height: 40px;
}

.post-password-form input[type=submit] {
  background: var(--civi-color-accent);
  border: 1px solid var(--civi-color-accent);
  color: #fff;
  vertical-align: top;
  padding-left: 15px;
  padding-right: 15px;
  font-weight: 500;
  cursor: pointer;
}

.post-password-form p:last-child {
  display: flex;
  align-items: end;
}
.post-password-form label {
  margin-bottom: 0;
}
.post-password-form label input {
  border-color: var(--civi-color-accent);
  background: #f8f8f8;
  outline: 0;
  border-radius: 4px 0 0 4px;
}

#comments .comments-title {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 30px;
}
#comments .comment-list {
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
}
#comments .comment-list li.comment,
#comments .comment-list li.trackback,
#comments .comment-list li.pingback {
  padding-top: 25px;
  padding-bottom: 25px;
  border-top: 1px solid #eee;
}
#comments .comment-list > li.comment:first-child,
#comments .comment-list > li.trackback:first-child,
#comments .comment-list > li.pingback:first-child {
  border-top: 0;
  padding-top: 0;
}
#comments .comment-list > li.comment:last-child,
#comments .comment-list > li.trackback:last-child,
#comments .comment-list > li.pingback:last-child {
  border-bottom: 1px solid #eee;
}
#comments .comment-list ol.children {
  margin: 0 0 0 60px;
  padding-left: 0;
  list-style-type: none;
}
#comments .comment-list + #respond,
#comments .comment-list #respond {
  margin-top: 30px;
}
#comments .comment-author {
  display: flex;
  align-items: center;
}
#comments .comment-author .entry-avatar img {
  border-radius: 50%;
}
#comments .comment-author .entry-avatar + .entry-detail {
  padding-left: 15px;
}
#comments .comment-author .entry-detail .author-name {
  font-size: 15px;
  font-weight: 500;
}
#comments .comment-author .entry-detail .comment-time {
  font-size: 13px;
  color: #9d9d9d;
  font-style: italic;
}
#comments .comment-content {
  margin-top: 20px;
}
#comments .comment-content p:last-child {
  margin-bottom: 0;
}
#comments .comment-content ul,
#comments .comment-content ol {
  margin-left: 0;
}
#comments .comment-meta {
  display: flex;
  font-size: 15px;
  margin-top: 20px;
}
#comments .comment-meta > a {
  display: flex;
  align-items: center;
  margin-right: 20px;
}
#comments .comment-meta > a:last-child {
  margin-right: 0;
}
#comments .comment-meta i {
  font-size: 24px;
  font-style: normal;
  margin-right: 5px;
}
#comments .no-comments {
  margin-top: 30px;
  margin-bottom: 0;
  text-align: center;
}

#respond .comment-reply-title {
  font-size: 18px;
  margin-bottom: 15px;
}
#respond .comment-reply-title small {
  margin-left: 5px;
}

#commentform p {
  margin-bottom: 20px;
}
#commentform label {
  margin-bottom: 0;
}
#commentform .comment-form-comment {
  display: flex;
}
#commentform textarea,
#commentform input[type=text],
#commentform input[type=email] {
  width: 100%;
  border-color: #ccc;
}
#commentform .form-submit {
  margin-bottom: 0;
}
#commentform .logged-in-as,
#commentform .comment-notes,
#commentform .comment-form-cookies-consent,
#commentform .form-submit {
  padding-left: 15px;
  padding-right: 15px;
}
#commentform .comment-form-cookies-consent {
  display: flex;
}
#commentform .comment-form-cookies-consent #wp-comment-cookies-consent {
  margin-top: 3px;
}
#commentform #wp-comment-cookies-consent {
  position: relative;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 15px;
  width: 15px;
  margin-bottom: 0;
  margin-right: 5px;
  vertical-align: -2px;
  border: 1px solid #ddd;
  background-color: #fff;
  color: #565a5c;
}
#commentform #wp-comment-cookies-consent:checked:before {
  content: "\f00c";
  position: absolute;
  top: -1px;
  font-size: 14px;
  width: 14px;
  display: inline-block;
  font-weight: 700;
  font-family: "Font Awesome 5 Pro";
  color: var(--civi-color-accent);
}
#commentform .form-submit {
  flex: 0 0 100%;
}

.wp-block-latest-comments {
  padding-left: 0;
}
.wp-block-latest-comments li {
  margin-bottom: 1.125em;
}
.wp-block-latest-comments .avatar {
  margin-right: 20px;
}
.wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt {
  margin-left: 60px;
}

.wp-block-latest-posts.is-grid li {
  margin-bottom: 1.325rem;
}

.wp-block-latest-posts {
  padding-left: 0;
}
.wp-block-latest-posts li + li {
  margin-top: 1.125em;
}

.wp-block-calendar {
  font-weight: 500;
  text-align: center;
  max-width: 420px;
}
.wp-block-calendar thead tr th {
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 500;
  background: var(--civi-color-accent);
}
.wp-block-calendar thead th,
.wp-block-calendar tbody td {
  text-align: center;
  border: none;
}
.wp-block-calendar tbody tr > td#today {
  color: #fff;
  background: var(--civi-color-accent);
}
.wp-block-calendar table caption {
  color: #fff;
  font-weight: 500;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  background: var(--civi-color-accent);
}

.wp-block-categories-dropdown,
.wp-block-archives-dropdown,
.wp-block-categories-list {
  margin-bottom: 1.125em;
}
.wp-block-categories-dropdown select,
.wp-block-archives-dropdown select,
.wp-block-categories-list select {
  max-width: 320px;
}

.wp-block-latest-comments__comment-date {
  font-size: 13px;
  margin-top: 5px;
}

.wp-block-latest-comments__comment-excerpt p {
  font-size: 15px;
}

.wp-block-search {
  max-width: 400px;
  margin-bottom: 1.125em;
}
.wp-block-search label {
  display: none;
}
.wp-block-search .wp-block-search__input {
  height: 50px;
  border: 0;
  background: #f8f8f8;
  padding-left: 15px;
  padding-right: 15px;
}
.wp-block-search .wp-block-search__button {
  color: #fff;
  margin-left: 0;
  background: var(--civi-color-accent);
  padding-left: 20px;
  padding-right: 20px;
}

.wp-block-tag-cloud a {
  font-size: 16px !important;
  padding: 8px;
  font-weight: normal !important;
  border-radius: 4px;
  border: 1px solid #eee;
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 6px;
}
.wp-block-tag-cloud a:hover {
  background: var(--civi-color-accent);
  color: #fff !important;
}

form p label:last-child {
  margin-bottom: 0;
}
form select[name=select_element] {
  max-width: 400px;
}
form #text_field,
form #text_area {
  max-width: 400px;
  width: 100%;
}

.block-editor-block-list__block a {
  font-weight: 500;
  color: #555;
}

.custom-form-search {
  position: relative;
  max-width: 420px;
  width: 100%;
  margin: 0 auto;
}
.custom-form-search .ip-search {
  width: 100%;
  height: 50px;
  border-color: #eee;
  background: #eee;
  border-radius: 30px;
  padding-left: 20px;
  padding-right: 75px;
}
.custom-form-search button.search-submit {
  color: #fff;
  border: 0;
  background: var(--civi-color-accent);
  border-radius: 30px;
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  padding-left: 20px;
  padding-right: 20px;
  cursor: pointer;
}
.custom-form-search button.search-submit span {
  display: none;
}
.custom-form-search button.search-submit i {
  vertical-align: -3px;
}

@media only screen and (max-width: 767px) {
  .has-large-font-size {
    font-size: 20px;
  }
}
section.widget:not(.widget_elementor-library) {
  max-width: 420px;
}

.widget + .widget {
  margin-top: 32px;
}

.widget a {
  font-weight: 500;
  color: var(--civi-color-text);
}
.widget ul,
.widget ol {
  padding-left: 0;
  margin-bottom: 0;
}
.widget .widget-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 24px;
}
.widget select {
  height: 42px;
  padding: 7px 20px 7px 7px;
  border-radius: 5px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  max-width: 300px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 7px;
}
.widget .screen-reader-text {
  display: none;
}
.widget .cat-item a {
  color: var(--civi-color-text);
}
.widget .current-cat a {
  color: var(--civi-color-primary);
}

.widget .slick-dots {
  position: static;
  margin-top: 20px;
}

.widget .slick-dots li {
  display: inline-block;
  margin: 0;
}

.listing-posts .post + .post {
  margin-top: 20px;
}
.listing-posts .post .inner-post-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.listing-posts .post .inner-post-wrap .post-categories {
  margin-bottom: 0;
}
.listing-posts .post .entry-post-thumbnail {
  flex: 0 0 100px;
}
.listing-posts .post .entry-post-thumbnail + .entry-post-detail {
  padding-left: 12px;
}
.listing-posts .post .entry-post-detail {
  flex: 1;
}
.listing-posts .post .post-date {
  margin-bottom: 4px;
  color: var(--civi-color-secondary);
  font-weight: 500;
}
.listing-posts .post .post-categories li {
  margin-bottom: 0;
}
.listing-posts .post .post-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--civi-color-primary);
}
.listing-posts .post .post-title a {
  display: inline-block;
}
.listing-posts .post .post-title a:hover {
  color: var(--civi-color-accent);
}

.civi-widget-popular_posts .listing-posts .post .inner-post-wrap .post-categories {
  margin-bottom: 10px;
}
.civi-widget-popular_posts .listing-posts .post .inner-post-wrap .post-categories li {
  display: inline-block;
  margin-bottom: 8px;
}

.gallery-columns-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.widget_product_tag_cloud .tagcloud a,
.widget_tag_cloud .tagcloud a {
  font-size: 15px !important;
  padding: 8px 15px;
  border-radius: 3px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  background-color: #f8f8f8;
  color: #7e7e7e;
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 6px;
}
.widget_product_tag_cloud .tagcloud a:hover,
.widget_tag_cloud .tagcloud a:hover {
  background: var(--civi-color-accent);
  color: #fff !important;
}

/**
 * WIDGET DEFAULT
 * ----------------------------------------------------------------------------
 */
.widget ul > li {
  display: block;
  position: relative;
  margin-bottom: 14px;
  line-height: 1.3;
  transition: all 0.3s ease 0s;
  padding-left: 0;
}
.widget ul > li a {
  transition: all 0.3s ease 0s;
}
.widget ul > li a:hover {
  color: var(--civi-color-accent);
  transition: all 0.3s ease 0s;
}
.widget ul > li:last-child {
  margin-bottom: 0;
}
.widget ul > li.active > .icon-right-menu {
  transition: all 0.3s ease;
  transform: rotate(90deg);
}
.widget ul > li.menu-item-has-children > a {
  padding-right: 30px;
}
.widget ul > li .icon-right-menu {
  width: 20px;
  height: 20px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  z-index: 1;
  transition: all 0.3s ease;
}
.widget ul > li .icon-right-menu:hover {
  color: var(--civi-color-accent);
}
.widget ul > li .children,
.widget ul > li .sub-menu {
  padding-left: 25px;
}
.widget ul > li .children li,
.widget ul > li .sub-menu li {
  margin-top: 10px;
  position: relative;
}
.widget ins {
  text-decoration: none;
  font-size: 18px;
}
.widget del span.amount {
  font-weight: normal;
}
.widget ul.product_list_widget li {
  text-align: left;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 20px;
}
.widget ul.product_list_widget li a img {
  float: left;
  margin-left: 0;
  margin-right: 20px;
  width: 70px;
}
.widget ul.product_list_widget li ins {
  float: left;
  margin-right: 7px;
}
.widget .star-rating {
  color: var(--civi-color-accent);
  font-size: 10px;
  margin-top: 7px;
  margin-bottom: 7px;
}
.widget .star-rating:before {
  color: var(--civi-color-accent);
}
.widget .screen-reader-text {
  margin-bottom: 10px;
}

.widget_search .search-form {
  height: 50px;
  line-height: 50px;
  position: relative;
  border-radius: 30px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  overflow: hidden;
  max-width: 420px;
}
.widget_search .search-form label {
  width: 100%;
  margin-bottom: 0;
}
.widget_search .search-form label span {
  display: none;
}
.widget_search .search-form input.search-field {
  height: 50px;
  border: 0;
  background: #f8f8f8;
  width: 100%;
  padding-left: 20px;
  padding-right: 90px;
  padding-top: 10px;
  padding-bottom: 10px;
  outline: 0;
}
.widget_search .search-form input.search-submit {
  position: absolute;
  height: 50px;
  padding-left: 35px;
  padding-right: 35px;
  border: 0;
  top: 0;
  right: 0;
  outline: 0;
  background: var(--civi-color-accent);
  color: #fff;
  cursor: pointer;
  font-size: 0;
  border-radius: 30px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}
.widget_search .search-form:after {
  content: "\f002";
  font-family: "Line Awesome Free";
  display: inline-block;
  position: absolute;
  font-weight: 900;
  font-size: 24px;
  top: 0;
  right: 22px;
  color: #fff;
}

.widget_rss .widget-title a {
  font-size: 21px;
}
.widget_rss .widget-title a .rss-widget-icon {
  margin-right: 5px;
}
.widget_rss ul li {
  margin-bottom: 20px;
}
.widget_rss ul li a {
  display: block;
  color: var(--civi-color-primary);
  margin-bottom: 5px;
}
.widget_rss ul li .rss-date {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  font-style: italic;
  color: #ababab;
}
.widget_rss ul li cite {
  display: block;
  text-align: right;
  margin-top: 8px;
  color: var(--civi-color-accent);
}

.main-sidebar .widget_rss .rssSummary {
  color: var(--civi-color-text);
}

.dark-scheme .widget_rss .rsswidget {
  color: #fff !important;
}
.dark-scheme .widget_rss .rss-date {
  color: var(--civi-color-text) !important;
}
.dark-scheme .widget_rss ul li cite {
  color: #fff;
}

.widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li {
  padding: 0;
  margin-bottom: 20px;
}
.widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li a {
  margin-bottom: 5px;
}
.widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li a img {
  margin-right: 18px;
}
.widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li a.remove {
  color: #fff !important;
  margin-bottom: 0;
  background: var(--civi-color-primary);
  border-radius: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  visibility: hidden;
  transition: all 0.3s ease 0s;
}
.widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li a.remove:hover {
  background: var(--civi-color-accent);
  border-radius: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  color: #fff !important;
}
.widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li .variation {
  padding-left: 0;
  border-left: 0;
  display: table-cell;
  margin-bottom: 15px;
}
.widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li .variation .variation-SoldBy {
  margin-bottom: 0;
}
.widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li .quantity {
  display: block;
  padding-left: 88px;
}
.widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li .quantity span.amount {
  font-size: 14px;
  color: var(--civi-color-primary);
}
.widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li .quantity span.amount > span {
  position: relative;
  top: 0;
}
.widget_shopping_cart .widget_shopping_cart_content ul.product_list_widget li:hover a.remove {
  transition: all 0.3s ease 0s;
  visibility: visible;
}
.widget_shopping_cart .widget_shopping_cart_content .total {
  text-align: right;
  font-size: 14px;
  margin-top: 0;
  padding-top: 10px;
}
.widget_shopping_cart .widget_shopping_cart_content .total span {
  color: var(--civi-color-accent);
  position: relative;
}
.widget_shopping_cart .widget_shopping_cart_content .total span > span {
  position: relative;
  font-size: 14px;
  top: 0;
}
.widget_shopping_cart .widget_shopping_cart_content .buttons {
  margin-top: 10px;
}
.widget_shopping_cart .widget_shopping_cart_content .buttons a {
  float: right;
  width: 100px;
  height: 35px;
  text-align: center;
  padding: 0 10px;
  border-radius: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  line-height: 35px;
  font-weight: normal;
  background: var(--civi-color-primary);
  color: #fff !important;
  margin-right: 0;
  margin-left: 5px;
  transition: all 0.3s ease;
}
.widget_shopping_cart .widget_shopping_cart_content .buttons a:hover {
  background: var(--civi-color-accent);
  color: #fff;
}

.widget_pages a {
  color: var(--civi-color-text);
}

.widget_media_gallery .gallery {
  margin-right: -6px;
}
.widget_media_gallery .gallery .gallery-item {
  margin-top: 0 !important;
  padding-right: 6px;
  padding-bottom: 6px;
}
.widget_media_gallery .gallery .gallery-item a {
  display: block;
  overflow: hidden;
}
.widget_media_gallery .gallery .gallery-item img {
  border: 0 !important;
  transition: all 0.3s ease 0s;
}
.widget_media_gallery .gallery .gallery-item:hover img {
  transform: scale(1.2, 1.2);
}

.attachment-template-default .inner-content {
  padding-top: 40px;
  padding-bottom: 40px;
}
.attachment-template-default .attachment {
  line-height: normal;
  display: inline-block;
  float: left;
}
.attachment-template-default .comments-area {
  display: inline-block;
  float: left;
  width: 100%;
  background: #fff;
}
.attachment-template-default .comments-area .comment-reply-title {
  font-size: 18px;
}
.attachment-template-default .comments-area .comment-form .logged-in-as {
  padding-top: 5px;
  padding-bottom: 5px;
}
.attachment-template-default .comments-area .comment-form .comment-form-comment label {
  font-size: 18px;
  display: block;
  margin-bottom: 5px;
}
.attachment-template-default .comments-area .comment-form .comment-form-comment textarea {
  display: block;
  width: 100%;
}
.attachment-template-default .comments-area .comment-form .form-submit input {
  float: right;
  margin-top: 10px;
  width: 150px;
  height: 50px;
  text-transform: uppercase;
  color: #fff;
  background: #103243;
  font-weight: normal;
  border: none;
}
.attachment-template-default .comments-area .comment-form .form-submit input:hover {
  background: var(--civi-color-accent);
  color: #fff;
}

.widget_price_filter .price_slider .ui-slider-range,
.widget_price_filter .price_slider .ui-state-default {
  background-color: var(--civi-color-accent) !important;
  border: none !important;
}
.widget_price_filter .price_slider_amount .button {
  padding: 11px 25px;
  background: var(--civi-color-primary);
  color: #fff;
}
.widget_price_filter .price_slider_amount .button:hover {
  color: #fff;
  background: var(--civi-color-accent);
}
.widget_price_filter .price_slider_amount .price_label span {
  color: var(--civi-color-primary);
}

.widget_calendar {
  width: 100%;
}
.widget_calendar .calendar_wrap {
  max-width: 420px;
}
.widget_calendar caption {
  font-weight: 500;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  background: var(--civi-color-accent);
  color: #fff;
}
.widget_calendar thead th {
  font-weight: 500;
  text-align: center;
  border: none;
  border-bottom: 1px solid #eee;
}
.widget_calendar tfoot td {
  border: none;
}
.widget_calendar tfoot td#prev a, .widget_calendar tfoot td#next a {
  color: var(--civi-color-text);
  font-weight: 500;
  position: relative;
  text-transform: uppercase;
  display: block;
  transition: all 0.3s ease 0s;
}
.widget_calendar tfoot td#prev a:hover, .widget_calendar tfoot td#next a:hover {
  color: var(--civi-color-accent);
  transition: all 0.3s ease 0s;
}
.widget_calendar tfoot td#prev a {
  text-align: left;
}
.widget_calendar tfoot td#next a {
  text-align: right;
}
.widget_calendar tbody tr {
  margin: 5px 0;
}
.widget_calendar tbody tr > td {
  text-align: center;
  padding: 10px;
  color: var(--civi-color-text);
  border: none;
}
.widget_calendar tbody tr > td a {
  color: var(--civi-color-primary);
}
.widget_calendar tbody tr > td.pad {
  border: none;
}
.widget_calendar tbody tr > td#today {
  font-weight: bold;
  color: #fff;
  background: var(--civi-color-accent);
}
.widget_calendar tbody tr > td#today a {
  color: #fff;
}
.widget_calendar tbody tr > td:hover {
  color: var(--civi-color-accent);
}

.dark-scheme .widget_calendar thead th {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.1);
}

.widget_rating_filter ul .wc-layered-nav-rating .star-rating,
.widget_rating_filter ul .wc-layered-nav-rating .star-rating:before {
  color: var(--civi-color-accent);
}
.widget_rating_filter ul .wc-layered-nav-rating .star-rating {
  top: 2px;
  font-size: 12px;
  margin-top: 0;
  margin-bottom: 0;
}

.widget_categories ul {
  list-style-type: circle;
}

.widget_categories li {
  color: var(--civi-color-accent);
  font-weight: 500;
  padding-left: 20px;
}
.widget_categories li a {
  display: inline-block;
}
.widget_categories li a::after {
  content: "";
  height: 1px;
  transition: width 0.3s;
  width: 0;
  display: block;
  background-color: var(--civi-color-accent);
}
.widget_categories li a:hover::after {
  width: 100%;
}
.widget_categories li a,
.widget_categories li i {
  color: var(--civi-color-text);
}
.widget_categories li li {
  padding-left: 0;
}

.widget_archive li {
  font-weight: 500;
  color: var(--civi-color-accent);
}

.widget_categories ul,
.widget_pages ul,
.widget_nav_menu ul {
  max-width: 420px;
}
.widget_categories ul li,
.widget_pages ul li,
.widget_nav_menu ul li {
  position: relative;
}
.widget_categories li > i,
.widget_pages li > i,
.widget_nav_menu li > i {
  position: absolute;
  top: 3px;
  right: 0;
  font-size: 18px;
}
.widget_categories .children,
.widget_categories .sub-menu,
.widget_pages .children,
.widget_pages .sub-menu,
.widget_nav_menu .children,
.widget_nav_menu .sub-menu {
  display: none;
}
.widget_categories li.active .children,
.widget_categories li.active .sub-menu,
.widget_pages li.active .children,
.widget_pages li.active .sub-menu,
.widget_nav_menu li.active .children,
.widget_nav_menu li.active .sub-menu {
  display: block;
}
.widget_categories li.active i:before,
.widget_pages li.active i:before,
.widget_nav_menu li.active i:before {
  content: "\f068";
}

.widget_text p {
  margin-bottom: 20px;
}
.widget_text strong {
  display: inline-block;
  margin-bottom: 15px;
  margin-top: 15px;
}
.widget_text strong:first-child {
  margin-top: 0;
}
.widget_text strong:last-child {
  margin-bottom: 0;
}
.widget_text form select,
.widget_text option {
  width: 100%;
}

.widget_recent_reviews .product_list_widget li {
  padding-top: 0;
  padding-bottom: 20px;
}
.widget_recent_reviews .product_list_widget li:last-child {
  padding-bottom: 0;
}
.widget_recent_reviews .product_list_widget li a {
  font-weight: normal !important;
  margin-bottom: 5px;
}
.widget_recent_reviews .product_list_widget li .reviewer {
  font-size: 14px;
  float: right;
}

.widget_recent_comments ul li span a {
  color: var(--civi-color-text);
}
.widget_recent_comments ul li a {
  color: var(--civi-color-primary);
  font-weight: 500;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-word;
  word-break: break-word;
}
.widget_recent_comments ul li a:hover {
  color: var(--civi-color-accent);
  text-decoration: underline;
}

.footer.dark-scheme .widget_recent_comments ul li {
  color: var(--civi-color-text);
}

.widget_recent_entries ul li a {
  display: block;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.widget_recent_entries ul li a:hover {
  color: var(--civi-color-accent);
}
.widget_recent_entries ul li .post-date {
  color: var(--civi-color-accent);
}

.newsletter-area {
  display: block;
  padding: 40px 35px 175px 35px;
  background-image: url(/images/new-sletter.png?071a6af4aa051b0f40cec27f2cdc4425);
  background-repeat: no-repeat;
  background-position: bottom;
  border-radius: 3px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}
.newsletter-area > h3 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 30px;
}
.newsletter-area input {
  width: 100%;
  height: 40px;
  border-radius: 30px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  padding: 10px 20px;
}
.newsletter-area .input-control {
  width: 100%;
  background: #fff;
}
.newsletter-area .input-control::-webkit-input-placeholder {
  font-style: italic;
  font-size: 14px;
}
.newsletter-area .submit-control {
  background-color: var(--civi-color-accent);
  color: #fff;
  border: 0;
  text-align: center;
}
.newsletter-area .form-control + .form-control {
  margin-top: 20px;
}
.newsletter-area.dark-scheme {
  color: #fff;
  background-color: var(--civi-color-primary);
}
.newsletter-area.dark-scheme h3 {
  color: #fff;
}

.widget .mc4wp-response {
  margin-top: 10px;
}
.widget .mc4wp-response p {
  margin-bottom: 0;
}

.wp-block-group__inner-container > h2 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 24px;
}

.widget_block > h2 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 24px;
}

.civi-swiper {
  position: relative;
  z-index: 1;
}
.civi-swiper:hover .swiper-nav-button {
  opacity: 1;
  visibility: visible;
}
.civi-swiper .swiper-inner {
  position: relative;
}
.civi-swiper .swiper-container {
  width: 100%;
}
.civi-swiper .swiper-slide {
  box-sizing: border-box;
  text-align: left;
  overflow: visible;
}
.civi-swiper.v-stretch > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide {
  height: auto;
}
.civi-swiper.v-stretch > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide > div {
  height: 100%;
}
.civi-swiper.v-top > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide {
  display: flex;
  align-self: start;
}
.civi-swiper.v-middle > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide {
  display: flex;
  align-self: center;
}
.civi-swiper.v-bottom > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide {
  display: flex;
  align-self: flex-end;
}
.civi-swiper.h-left > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide {
  display: flex;
  justify-content: flex-start;
}
.civi-swiper.h-center > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide {
  display: flex;
  justify-content: center;
}
.civi-swiper.h-right > .swiper-inner > .swiper-container > .swiper-wrapper > .swiper-slide {
  display: flex;
  justify-content: flex-end;
}
.civi-swiper[data-autoplay="1"] .swiper-wrapper {
  transition-timing-function: linear !important;
}
.civi-swiper.highlight-centered-items .swiper-slide {
  transition: opacity 0.25s linear;
}
.civi-swiper.highlight-centered-items .swiper-slide:not(.swiper-slide-active) {
  opacity: 0.4;
}
.civi-swiper:not(.bullets-v-align-below) .swiper-pagination-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.civi-swiper .swiper-pagination-container .container,
.civi-swiper .swiper-pagination-container .row,
.civi-swiper .swiper-pagination-container .col-md-12 {
  height: 100%;
}
.civi-swiper .swiper-pagination-wrap {
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.civi-swiper .swiper-pagination-inner {
  pointer-events: auto;
}
.civi-swiper .swiper-pagination {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  outline: none;
  width: auto;
}
.civi-swiper .swiper-pagination.swiper-pagination-progressbar {
  width: 100%;
  height: 3px;
  left: 0;
  top: 0;
  background: #bbb;
}
.civi-swiper .swiper-pagination.swiper-pagination-custom {
  top: auto;
  left: auto;
  bottom: auto;
  right: auto;
}
.civi-swiper.bullets-v-align-below .swiper-pagination-wrap {
  position: static;
  margin-top: 40px;
}
.civi-swiper .swiper-pagination-bullets {
  font-size: 0;
}
.civi-swiper .swiper-pagination-bullet {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 2px;
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 0;
  background: transparent;
  opacity: 1;
  position: relative;
  outline: none;
  color: #d8d8d8;
}
.civi-swiper .swiper-pagination-bullet:hover:before, .civi-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  border-color: var(--civi-color-accent);
  background-color: var(--civi-color-accent);
}
.civi-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  cursor: default;
}
.civi-swiper .swiper-pagination-bullet:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 100%;
  width: 8px;
  height: 8px;
  border: 1px solid var(--civi-color-primary);
  background: transparent;
  z-index: 1;
}
.civi-swiper .swiper-pagination-bullet:only-child {
  visibility: hidden;
}
.civi-swiper .fraction {
  display: inline-block;
}
.civi-swiper.bullets-vertical .swiper-pagination-bullet {
  display: block;
  margin: 0;
}
.civi-swiper.bullets-vertical .swiper-pagination-bullet + .swiper-pagination-bullet {
  margin-top: 10px;
}
.civi-swiper.pagination-style-02 .swiper-pagination-bullet {
  width: 22px;
  margin: 0 4px;
}
.civi-swiper.pagination-style-02 .swiper-pagination-bullet:before {
  border-radius: 0;
  width: 22px;
  height: 4px;
}
.civi-swiper.pagination-style-03 .fraction {
  font-size: 18px;
  font-weight: 500;
  color: #2d2d2d;
}
.civi-swiper.pagination-style-03 .fraction * {
  display: inline-block;
  vertical-align: middle;
}
.civi-swiper.pagination-style-03 .fraction .separator {
  width: 40px;
  height: 1px;
  background: #ababab;
  margin-left: 13px;
  margin-right: 13px;
}
.civi-swiper.pagination-style-04 .swiper-pagination-inner {
  width: 94px;
  height: 94px;
  line-height: 94px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05);
}
.civi-swiper.pagination-style-04 .fraction {
  font-size: 17px;
  font-weight: 500;
  color: var(--civi-color-accent);
  letter-spacing: 1.31px;
}
.civi-swiper.pagination-style-04 .fraction div {
  display: inline-block;
}
.civi-swiper.pagination-style-04 .swiper-pagination-inner {
  position: relative;
}
.civi-swiper.pagination-style-04 .swiper-alt-arrow-button {
  position: absolute;
  width: 21px;
  height: 21px;
  left: 50%;
  top: 50%;
  z-index: 12;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.civi-swiper.pagination-style-04 .swiper-alt-arrow-prev {
  transform: translate(-10px, -35px);
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAHCAYAAADebrddAAAAAXNSR0IArs4c6QAAAJZJREFUGBltjUEKwyAURNVCs4klTREUWnsAz5P75LRZZCMFCVoj1lkk2LSz8H/nzfAJOWgYhpNS6ol5QOTHsNZq7/1lmqbGOfeqC19hKaUIIdwQWNe16boul8KyFfawEKKNMT42gJlSajnnS9Ebf4bHGHMuQGM/Cj44fDaOI5vnWeec9yt1AT44crTv+3sxrnXg304ptR/PET/We1JFoAAAAABJRU5ErkJggg==");
}
.civi-swiper.pagination-style-04 .swiper-alt-arrow-next {
  transform: translate(-10px, 15px);
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAHCAYAAADebrddAAAAAXNSR0IArs4c6QAAAKBJREFUGBmFjb0KwyAUhWsaqoUMUcgQ6FLo5iv4TL6tW6FLiWKGhiIWgmK9BUNxaO9y7s93zkWMsVNKie7+FELo0Ugpp7ZtX79YuAOHAOKcH7TWl/xhX5tyYhzH8aqUWj8wAMMwdCGEcw3n1Ns8zw72W5L3fu37PsUYu2LAGBtr7VLmDYaFc85TSo/5AyaEPI0xUwFBm+8BeiHEHUDQ+vYGfjU7ajWU+XYAAAAASUVORK5CYII=");
}
.civi-swiper.pagination-style-04.bullets-horizontal .swiper-alt-arrow-prev {
  transform: translate(-40px, -11px) rotate(-90deg);
}
.civi-swiper.pagination-style-04.bullets-horizontal .swiper-alt-arrow-next {
  transform: translate(20px, -11px) rotate(-90deg);
}
.civi-swiper.pagination-style-05 .swiper-pagination-bullet {
  width: 32px;
  height: 32px;
  margin: 0 4px;
  color: #2d2d2d;
}
.civi-swiper.pagination-style-05 .swiper-pagination-bullet:before {
  width: 6px;
  height: 6px;
}
.civi-swiper.pagination-style-05 .swiper-pagination-bullet:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  opacity: 0;
  border: 1px solid transparent;
  border-radius: 50%;
}
.civi-swiper.pagination-style-05 .swiper-pagination-bullet:hover:after, .civi-swiper.pagination-style-05 .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  opacity: 1;
  border-color: var(--civi-color-accent);
}
.civi-swiper.pagination-style-05 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  color: var(--civi-color-accent);
}
.civi-swiper.pagination-style-05 .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  opacity: 0.5;
  width: 100%;
  height: 100%;
}
.civi-swiper.pagination-style-06 .fraction {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 3.2px;
  color: var(--civi-color-accent);
}
.civi-swiper.pagination-style-06 .fraction * {
  display: inline-block;
  vertical-align: top;
}
.civi-swiper.pagination-style-06 .fraction .current {
  font-size: 60px;
  line-height: 1;
}
.civi-swiper .swiper-nav-buttons-wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.civi-swiper .swiper-nav-buttons-wrap .container,
.civi-swiper .swiper-nav-buttons-wrap .row,
.civi-swiper .swiper-nav-buttons-wrap .col-md-12 {
  height: 100%;
}
.civi-swiper .swiper-nav-buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
.civi-swiper .swiper-nav-button {
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.25s linear 2s, opacity 0.25s linear 2s;
  background-image: none;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  outline: none;
  width: 48px;
  height: 48px;
  font-size: 24px;
  color: var(--civi-color-primary);
  border: 1px solid var(--civi-color-primary);
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.01);
  opacity: 0;
  visibility: hidden;
  transform: none;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  margin: 10px;
  pointer-events: auto;
}
.civi-swiper .swiper-nav-button.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.civi-swiper .swiper-nav-button:hover {
  border-color: var(--civi-color-accent);
  background: var(--civi-color-accent);
  color: #fff;
}
.civi-swiper .swiper-nav-button i {
  font-family: "Font Awesome 5 Pro";
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.civi-swiper .swiper-nav-button:after {
  display: none;
}
.civi-swiper.nav-show-always .swiper-nav-button {
  opacity: 1;
  visibility: visible;
}
.civi-swiper .swiper-button-prev i:before {
  content: "\f104";
}
.civi-swiper .swiper-button-next i:before {
  content: "\f105";
}
.civi-swiper .nav-button-text {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.civi-swiper.nav-style-02 .swiper-nav-button {
  border: 1px solid #eee;
  height: 50px;
  width: 60px;
  border-radius: 0;
}
.civi-swiper.nav-style-02 .nav-button-text {
  display: block;
}
.civi-swiper.nav-style-02 .nav-button-icon {
  display: none;
}
.civi-swiper.nav-style-03 .swiper-nav-button {
  border: 0;
  height: 48px;
  width: 48px;
  background-color: #fff;
}
.civi-swiper.nav-style-03 .swiper-nav-button:hover {
  background-color: var(--civi-color-accent);
}

@media (max-width: 1199px) {
  .swiper-nav-buttons-wrap {
    display: none;
  }
}
@media (max-width: 766px) {
  .civi-swiper[data-sm-items=auto] .swiper-slide {
    width: auto !important;
  }
  .civi-swiper[data-sm-items=auto] .swiper-slide img {
    width: auto;
  }
}
@media (min-width: 767px) {
  .civi-swiper[data-md-items=auto] .swiper-slide {
    width: auto !important;
  }
  .civi-swiper[data-md-items=auto] .swiper-slide img {
    width: auto;
  }
}
@media (min-width: 1024px) {
  .civi-swiper[data-lg-items=auto] .swiper-slide {
    width: auto !important;
  }
  .civi-swiper[data-lg-items=auto] .swiper-slide img {
    width: auto;
  }
}
body:not(.elementor-page) .content-page article .entry-content {
  padding-bottom: 0;
  margin-bottom: 0;
}

.main-content.page-control {
  padding-top: 0;
  padding-bottom: 0;
}

.content-page article .entry-content {
  padding-bottom: 0;
}

.main-area {
  padding-top: 50px;
  padding-bottom: 70px;
}

.page-control .heading-page {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}

.page-control .heading-page .entry-title {
  font-size: 28px;
  margin-bottom: 0;
}

.page-control .heading-page .entry-alert {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.banner-alert {
  position: relative;
  padding: 30px 50px;
  background: #ffd54f;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  background-image: url(/images/people-alert.png?beb02c2dcc4555f7788f85e40b67f8a9);
  background-repeat: no-repeat;
  background-position: 92% 0;
}

.banner-alert .btn-close {
  position: absolute;
  top: 25px;
  right: 25px;
}

.banner-alert .entry-detail h2 {
  margin-bottom: 5px;
  line-height: 50px;
}

.banner-alert .entry-detail h5 {
  margin-bottom: 0;
  line-height: 25px;
}

.banner-alert .entry-detail .civi-button {
  margin-top: 20px;
}

.place-manager-form .form-group input.form-control,
.place-manager-form .form-group select.form-control,
.place-manager-form .form-group .chosen-choices,
.civi-my-profile .form-group input.form-control {
  height: 30px;
  line-height: 30px;
}

.place-manager-form .form-group textarea.form-control {
  border: 1px solid #eee;
  border-bottom: 2px solid #2d2d2d;
  padding: 10px 15px;
}

.page-control .form-control {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  outline: 0;
  border-bottom: 2px solid #2d2d2d !important;
  padding: 0 0 6px;
}

.place-manager-form .form-group .form-control,
.place-manager-form .form-group .chosen-choices,
.civi-my-profile .form-group input.form-control {
  order: 1;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  outline: 0;
  border-bottom: 2px solid #2d2d2d;
  font-style: normal;
  padding: 0 0 6px;
  width: 100%;
  box-shadow: inherit;
  background-image: initial;
}

#wrapper .page-control .form-control.error {
  border-color: #ff2d55;
}

.civi-my-profile .form-group input.form-control {
  background: 0;
}

.place-fields-wrap .place-description {
  margin-top: 10px;
}

.page-control .chosen-container-multi .chosen-choices li.search-field input[type=text] {
  font-size: 15px;
  line-height: 20px;
  color: #8d8d8d;
  font-style: normal;
  margin: 0;
}

.page-control .chosen-container-multi .chosen-choices li.search-choice {
  font-size: 15px;
  border: 0;
  padding: 0 15px 0 0;
  margin: 0 10px 0 0;
  background-color: transparent;
  color: #8d8d8d;
  background-image: initial;
  line-height: inherit;
  box-shadow: inherit;
}

.page-control .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  right: 0;
  top: 7px;
}

.page-control .search-choice-close:before {
  content: "";
  height: 10px;
  width: 10px;
  background-image: url(/images/icon-close-select.svg?6976774588e53e63269829836f348c2a);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}

.page-control .form-select i {
  position: absolute;
  bottom: 13px;
  top: inherit;
  right: 0;
  z-index: 1;
}

.page-control .place-amenities .form-check ul {
  display: grid;
  grid-column-gap: 10px;
  grid-row-gap: 25px;
  grid-template-columns: repeat(4, 1fr);
  padding-left: 0;
  margin-bottom: 0;
}

.page-control .place-amenities .form-check ul li {
  display: flex;
  font-size: 15px;
  font-weight: 500;
  color: #2d2d2d;
  font-weight: 500;
  margin-bottom: 0;
}

.page-control .place-amenities .form-check ul li label {
  margin-top: -3px;
  margin-bottom: 0;
  padding-left: 10px;
  flex: 1;
  cursor: pointer;
}

.page-control .place-amenities .form-check ul li .custom-checkbox {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  border: solid 2px #8d8d8d;
  top: 2px;
}

.page-control .place-amenities .form-check ul li .custom-checkbox:checked {
  border: solid 2px #2a2a2a;
  background: #2a2a2a;
}

.page-control .place-amenities .form-check ul li .custom-checkbox:checked:before {
  display: flex;
  justify-content: center;
  color: #fff;
  left: -1px;
  top: 0;
  font-size: 10px;
  font-weight: 300;
}

.page-control .place-map {
  position: relative;
}

.page-control .place-map #pac-input {
  top: 20px !important;
  left: 20px !important;
  max-width: 300px;
  width: 100%;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  border: solid 1px #eeeeee;
  box-shadow: none;
}

.page-control .place-map .gm-style .gm-style-iw-c {
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

.page-control .place-map .gm-style .gm-style-iw-d {
  padding: 15px 20px;
  font-weight: 500;
  line-height: 20px;
}

.page-control .place-fields-map .place-fields-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.page-control .control-marker {
  display: flex;
  align-items: center;
}

.page-control .control-marker a {
  display: table;
  vertical-align: middle;
}

.page-control .control-marker i {
  margin-right: 5px;
  vertical-align: -1px;
}

.page-control .control-marker #unlock-pin {
  display: none;
}

.control-marker.lock-marker #lock-pin {
  display: none;
}

.page-control .control-marker.lock-marker #unlock-pin {
  display: table;
}

.page-control .place-map {
  position: relative;
}

.page-control .place-map.lock-marker:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1111;
  background: rgba(0, 0, 0, 0.6);
}

.page-control .add-additional-detail {
  font-size: 15px;
  font-weight: 500;
  height: 40px;
  color: #2d2d2d;
  background: transparent;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  border: solid 2px #2d2d2d;
  padding: 6px 20px;
  outline: 0;
  cursor: pointer;
}

.page-control .add-additional-detail svg {
  vertical-align: -2px;
  margin-right: 3px;
}

.page-control table.additional-block {
  width: 100%;
}

.page-control table.additional-block label.place-fields-title {
  margin-bottom: 0;
}

.page-control table.additional-block thead td {
  padding: 0 15px;
}

.page-control table.additional-block td {
  padding: 10px 15px;
}

.page-control table.additional-block td .sort-additional-row {
  font-size: 16px;
  color: #2d2d2d;
  cursor: all-scroll;
}

.page-control table.additional-block td svg {
  cursor: pointer;
}

.page-control table.additional-block td.action-field,
table.additional-block td.delete-field {
  width: 15px;
  padding: 0;
}

.page-control .place-fields-file .preview {
  display: block;
  width: 151px;
  height: 151px;
  border: dashed 1px #979797;
  background-color: #f9f9f9;
  margin-bottom: 0;
  position: relative;
  cursor: pointer;
}

.page-control .place-fields-file .preview input {
  opacity: 0;
  position: absolute;
}

.page-control .place-fields-file .preview button {
  margin-top: 0;
}

.page-control .place-fields-file .preview img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
}

.page-control .place-fields-file .preview .civi_featured_image svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.page-control .place-fields-file .field-note {
  font-size: 12px;
  font-style: italic;
  color: #8d8d8d;
  margin-top: 6px;
}

.page-control .place-fields-media .place-fields-title {
  margin-bottom: 10px;
}

.page-control .media-item-actions a {
  line-height: 0;
  display: block;
}

.page-control .btn-submit-place {
  margin-top: 30px;
}

.page-control .btn-submit-place a {
  color: #fff;
}

.entry-my-page .btn-loading {
  display: none;
  margin-left: 5px;
}

.page-control .entry-my-page > h2 {
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 30px;
}

.page-control .civi-my-profile form > h3 {
  font-size: 15px;
  font-weight: 500;
  color: #8d8d8d;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.page-control .civi-my-profile form button {
  margin-top: 30px;
}

.page-control.civi-my-profile form + form {
  margin-top: 40px;
}

.page-control .civi-my-wishlist .archive-place .place-item.removed-wishlist {
  display: none;
}

#featured_image_url-error {
  position: absolute;
  top: 101%;
  right: -95%;
}

.page-control .form-change-password {
  margin-top: 40px;
}

.form-change-password .civi-toggle-password {
  position: absolute;
  bottom: 15px;
  right: 25px;
  cursor: pointer;
}

.form-change-password .message {
  color: red;
  font-size: 14px;
  margin-top: -10px;
  margin-bottom: 15px;
}

.add-menu,
.add-faqs {
  border: solid 2px #2d2d2d;
  color: #2d2d2d;
  background-color: #ffffff;
  font-family: "Inter";
  font-size: 15px;
  font-weight: 500;
  transition: inherit;
  border-radius: 20px;
  height: 40px;
  line-height: 40px;
  padding: 0 25px;
  outline: 0;
  outline-offset: 0;
  display: inline-block;
  margin-top: 20px;
}

.add-menu.disabled {
  pointer-events: none;
  cursor: default;
}

.add-menu svg,
.add-faqs svg {
  vertical-align: -2px;
}

.add-menu:focus,
.add-menu:hover,
.add-faqs:focus,
.add-faqs:hover {
  background-color: #2d2d2d;
  color: #ffffff;
}

.add-menu:focus svg > *,
.add-menu:hover svg > *,
.add-faqs:focus svg > *,
.add-faqs:hover svg > * {
  fill: #ffffff;
}

.field-menu-clone .remove-menu,
.field-faqs-clone .remove-faqs {
  display: none;
}

.remove-menu,
.remove-faqs {
  margin-top: 15px;
  display: inline-block;
}

.remove-menu i,
.remove-faqs i {
  font-size: 24px;
}

.menu-flex,
.faqs-flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 20px;
}

.add-menu-list .remove-menu,
.add-faqs-list .remove-faqs {
  display: block;
}

.post-wrapper,
.post-wrapper .post-feature {
  height: 100%;
}

.post-wrapper .post-feature img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

.add-faqs-list .clone-wrap {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #cccccc;
}

@media only screen and (max-width: 991px) {
  .page-control .civi-place-multi-step .civi-steps-content {
    padding: 30px 20px;
    flex: 1;
  }
  .page-control .civi-place-multi-step .civi-steps .listing-menu {
    margin-top: 25px;
  }
  .place-amenities .form-check ul {
    grid-template-columns: repeat(3, 1fr);
  }
  .page-control .heading-page {
    display: block;
  }
  .page-control .heading-page .entry-title {
    margin-bottom: 15px;
  }
  .banner-alert {
    background-image: none;
    padding: 20px;
  }
  .banner-alert .entry-detail h2 {
    font-size: 28px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 575px) {
  .page-control .place-amenities .form-check ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 375px) {
  .page-control .place-amenities .form-check ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
/*RTL FIX*/
@media (max-width: 1199px) {
  .archive-layout.layout-column .inner-content .archive-filter .inner-filter,
  .archive-layout.layout-top-filter .inner-content .archive-filter .inner-filter {
    transform: translate3d(100%, 0, 0);
  }
}
@media (max-width: 767px) {
  .site-footer .elementor-column {
    width: 100% !important;
  }
  .civi-menu-filter ul.filter-control {
    max-height: 100%;
  }
}
@media (max-width: 479px) {
  .civi-page-title.block-left .entry-detail ul.info li + li {
    margin-right: 0;
    margin-top: 20px;
  }
}
.grid.columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.grid.columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.grid.columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.grid.columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.grid.columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.grid.columns-1 {
  grid-template-columns: repeat(1, 1fr);
}

@media only screen and (max-width: 1199px) {
  .grid.columns-lg-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid.columns-lg-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid.columns-lg-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid.columns-lg-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid.columns-lg-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid.columns-lg-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (max-width: 991px) {
  .grid.columns-md-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid.columns-md-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid.columns-md-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid.columns-md-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid.columns-md-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid.columns-md-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .grid.columns-sm-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid.columns-sm-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid.columns-sm-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid.columns-sm-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid.columns-sm-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid.columns-sm-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (max-width: 479px) {
  .grid.columns-xs-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid.columns-xs-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid.columns-xs-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid.columns-xs-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid.columns-xs-2 {
    grid-template-columns: repeat(1, 1fr);
  }
  .grid.columns-xs-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  list-style-type: none;
}

.col-double {
  grid-column: 1/span 2;
}

.popup-account input.input-field {
  border-radius: 8px;
  height: auto;
}

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

.hidden {
  display: none;
}

.elementor-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.margin-0 {
  margin: 0 !important;
}

.list-item a,
.list-item span {
  display: inline-block;
}

.list-item a:after,
.list-item span:after {
  content: ",";
}

.list-item a:last-child:after,
.list-item span:last-child:after {
  content: "";
}

.accent-color {
  color: var(--civi-color-accent) !important;
}

.error-color {
  color: #e74807 !important;
}

.main-content {
  padding-top: 40px;
  padding-bottom: 60px;
}

.pd-top-50 {
  padding-top: 50px;
}

.pd-bottom-40 {
  padding-bottom: 40px;
}

.offset-item {
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0, 30px, 0);
  -webkit-transform: translate3d(0, 30px, 0);
  transition: all 1s ease-in-out 0s;
  -webkit-transition: all 1s ease-in-out 0s;
}

.offset-item.animate,
.elementor-editor-active .offset-item {
  opacity: 1;
  visibility: visible;
  transform: none;
  -webkit-transform: none;
  transition: all 1s ease-in-out 0s;
  -webkit-transition: all 1s ease-in-out 0s;
}

.access-denied {
  padding-top: 50px;
  padding-bottom: 70px;
}

.block-heading {
  margin-bottom: 20px;
}

.block-heading .entry-title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  margin-bottom: 0;
}

.block-heading .entry-count {
  font-size: 16px;
  line-height: 25px;
  font-weight: 500;
  align-self: flex-end;
}

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

.page .entry-content .dropdown-select li {
  margin-bottom: 0;
}

.civi-menu-filter ul.filter-control li.active a:after {
  content: "";
  background-image: url(/images/icon-close.svg?1fe101f873148b48c53fa1533b9e6344);
  background-size: 10px 10px;
  background-repeat: no-repeat;
  background-position: center;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 4px;
  right: -15px;
}

.civi-nav-filter {
  display: flex;
  align-items: center;
}

.logged-in .pswp.pswp--open {
  margin-top: 32px;
}

.civi-map-filter .default-result {
  padding: 15px 30px;
}

.civi-marker .inner-marker {
  display: flex;
}

.civi-marker .inner-marker .entry-thumbnail img {
  width: 120px;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
}

.civi-marker .entry-detail {
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  min-width: 205px;
}

.civi-marker .place-cate {
  line-height: 18px;
  margin-bottom: 3px;
  padding-right: 20px;
}

.civi-marker .entry-detail .entry-head,
.civi-marker .entry-detail .entry-bottom {
  width: 100%;
}

.civi-marker .place-cate a {
  font-size: 12px;
  color: #8d8d8d;
  margin-right: 3px;
}

.civi-marker .place-cate a:last-child {
  margin-right: 0;
}

.civi-marker .place-title {
  margin-bottom: 3px;
}

.civi-marker .place-title .entry-title {
  font-size: 20px;
  font-weight: normal;
  line-height: 25px;
  margin-top: 0;
  margin-bottom: 0;
  opacity: 0.8;
}

.civi-marker .entry-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.civi-marker .place-price {
  font-size: 16px;
}

.civi-marker .place-location a {
  color: #222;
}

.civi-marker .place-location a i {
  margin-right: 3px;
}

.civi-marker .place-location a:hover {
  color: #00aeef;
}

.civi-marker .place-preview {
  display: flex;
  font-size: 15px;
}

.civi-marker .place-preview.hidden {
  display: none;
}

.civi-marker .place-rating {
  display: table;
  font-weight: 500;
  margin-right: 3px;
}

.civi-marker .place-rating i {
  margin-left: 3px;
}

.gm-style .gm-style-iw-c {
  padding: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  max-width: 325px !important;
  max-height: inherit !important;
}

.gm-style .gm-style-iw-c button {
  top: 0 !important;
  right: 0 !important;
}

.gm-style .gm-style-iw-d {
  overflow: auto !important;
  max-height: inherit !important;
  max-width: inherit !important;
}

.poi-info-window {
  padding: 15px;
  line-height: 23px;
}

.duplicate-form-reply {
  display: none;
}

.rate {
  display: inline-block;
  border: 0;
  cursor: pointer;
}

.rate > input {
  display: block;
  opacity: 0;
  position: absolute;
  visibility: hidden;
}

.rate > label#rating-error {
  margin-top: 2px;
  margin-left: 5px;
  float: none;
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
}

.rate > label#rating-error:before {
  content: "";
  display: none;
}

.rate > label {
  padding: 3px;
}

.rate > label,
.rate > span {
  float: right;
  color: #dddddd;
}

.rate label + label {
  margin-left: 10px;
}

.rate > label:before {
  content: "\f005";
  width: 16px;
  height: 16px;
  font-size: 16px;
  display: inline-block;
  cursor: pointer;
  font-family: "Font Awesome 5 Pro";
}

.author-rating .star i {
  color: #dddddd;
}

.author-rating .star.checked i {
  color: #F2B827;
}

input:checked ~ label:before,
label:hover:before,
label:hover ~ label:before {
  color: #F2B827;
}

.no-result {
  display: none;
}

.table-dashboard-wapper .civi-loading-effect {
  display: none;
}

.civi-loading-effect {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 15;
}

.civi-loading-effect:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.6);
}

.area-civi-loading-effect:before {
  background: none;
}

#pac-input {
  position: absolute;
  top: 30px !important;
  right: 20px !important;
  height: 40px;
  border-color: #eee;
  padding: 5px 20px;
  min-width: 240px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.site-content {
  position: relative;
  z-index: 1;
}

.nav-place-map {
  position: absolute;
  top: 30px;
  left: 50px;
  z-index: 1;
  display: flex;
}

.add-menu-list .place-fields-wrap:first-child {
  margin-top: 20px;
}

.form-2-col {
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
}

.form-2-col .form-group {
  padding-left: 15px;
  padding-right: 15px;
  flex: 0 0 50%;
  max-width: 50%;
}

.group-field + .group-field {
  margin-top: 15px;
}

.civi-steps-content .place-map {
  position: relative;
  z-index: 1;
}

.civi-steps-content .place-map #pac-input {
  top: 20px !important;
  left: 20px !important;
  max-width: 300px;
  width: 100%;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  border: solid 1px #eeeeee;
  box-shadow: none;
}

.civi-table {
  position: relative;
  width: 100%;
  background-color: #fff;
  font-size: 15px;
  border: 0;
  margin: 0;
}

.civi-table tbody {
  position: relative;
}

.civi-table tbody > span {
  position: absolute;
  font-size: 16px;
  font-weight: 500;
  left: 50%;
  margin-top: 40px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}

.list-item a.mb-intro,
.list-item span.mb-intro,
.mb-intro {
  display: none;
  font-weight: 500;
  color: #2d2d2d;
}

.mb-intro:after {
  display: none;
}

.entry-my-table {
  position: relative;
  border: solid 1px #eeeeee;
  background: #fff;
}

.entry-my-table .civi-loading-effect {
  display: none;
}

.entry-my-table .civi-table > tbody span.civi-dual-ring {
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  margin-top: 30px;
}

.entry-my-table .civi-loading-effect.loading {
  display: flex;
  align-items: center;
  justify-content: center;
}

.civi-table > tbody > tr,
.civi-table > tfoot > tr,
.civi-table > thead > tr {
  border-bottom: solid 1px #eeeeee;
}

.civi-table > tbody > tr:last-child {
  border-bottom: 0;
}

.civi-table td,
.civi-table th {
  padding: 20px 15px;
  border: 0;
}

.civi-table td.hidden {
  display: table-cell;
}

.civi-table th {
  font-size: 15px;
  font-weight: 500;
  color: #5d5d5d;
  text-transform: uppercase;
}

.civi-table tr td:first-child,
.civi-table tr th:first-child {
  padding-left: 30px;
}

.civi-table tr td:last-child,
.civi-table tr th:last-child {
  padding-right: 30px;
}

.civi-table td.place-id {
  color: #2d2d2d;
}

.civi-table td.place-thumb {
  width: 100px;
}

.civi-table td.place-thumb img {
  width: 70px;
  height: 70px;
  -o-object-fit: cover;
     object-fit: cover;
}

.civi-table td.place-control a {
  color: #5d5d5d;
}

.civi-table td.place-control a:hover {
  color: var(--civi-color-accent);
}

.civi-table td.place-control a + a {
  margin-left: 20px;
}

.civi-table td.booking-action a {
  margin-left: 20px;
}

.civi-table td.booking-action a:first-child {
  margin-left: 0;
}

.civi-table td.place-status {
  display: table-cell;
}

.civi-table .has-featured {
  color: #fb6a19;
}

.civi-table td.status div {
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  text-transform: capitalize;
}

.civi-table td.publish div {
  color: #20d706;
}

.civi-table td.pending div {
  color: #f2d23d;
}

.civi-table td.expired div,
.civi-table td.canceled div {
  color: #e74807;
}

.page-control .agent-nav {
  background-color: #1d1d1d;
}

.page-control .agent-nav ul {
  display: flex;
  flex-wrap: wrap;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  text-transform: uppercase;
}

.page-control .agent-nav ul li {
  display: inline-block;
  margin-right: 30px;
}

.page-control .agent-nav ul li a {
  border-bottom: 1px solid transparent;
}

.page-control .agent-nav ul li.active a,
.page-control .agent-nav ul li a:hover {
  border-color: #fff;
}

.page-control .agent-nav ul li:last-child {
  margin-right: 0;
}

.page-control .agent-nav ul li a {
  color: #fff;
}

.civi-my-panel-head > h2 {
  font-size: 28px;
  line-height: 39px;
  margin-bottom: 30px;
}

.civi-my-place-filter {
  color: #2d2d2d;
}

.page-control .block-search.search-input {
  max-width: 200px;
  background: none;
}

.page-control .block-search.search-input .input-search {
  padding-top: 0;
  padding-bottom: 5px;
  border-bottom: 2px solid #2d2d2d;
}

.page-control .block-search.search-input .icon-search {
  top: calc(50% - 2px);
}

.page-control .place-filter {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

.page-control .place-filter .left-filter > div {
  display: inline-block;
}

.page-control .place-filter .left-filter > div + div {
  margin-left: 30px;
}

.alert {
  margin-bottom: 30px;
}

.civi-message,
.alert {
  display: flex;
  flex-wrap: nowrap;
  font-size: 15px;
  font-weight: 500;
  padding: 22px;
  color: #5a6570;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}

.civi-message .icon-message {
  margin-right: 22px;
  line-height: 0;
}

.civi-message.account a {
  color: #007456;
}

.civi-message p {
  margin-bottom: 0;
}

.civi-message.alert-success,
.alert.alert-success {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  border: solid 1px #20d706;
  background-color: #ffffff;
}

.civi-message.alert-success i {
  color: #20d706;
}

.civi-message.alert-warning,
.alert.alert-warning {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  border: solid 1px #f2d23d;
  background-color: #ffffff;
}

.civi-message.alert-warning i {
  color: #f2d23d;
}

.civi-message.alert-error,
.alert.alert-error {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  border: solid 1px #ff2d55;
  background-color: #ffffff;
}

.civi-message.alert-error i {
  color: #ff2d55;
}

.form-error {
  text-align: left;
  color: #ff2d55;
  margin-top: 5px;
}

.civi-ajax-search .area-search {
  position: relative;
}

.civi-ajax-search .area-result,
.civi-ajax-search .list-categories,
.civi-ajax-search .focus-result {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 4;
  margin-top: 2px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
  font-weight: 500;
}

.civi-ajax-search .area-result ul,
.civi-ajax-search .list-categories ul,
.civi-ajax-search .focus-result ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  padding: 10px 0;
  max-height: 370px;
  overflow: auto;
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none; /* Firefox */
}

.block-search .list-categories,
.block-search .search-result,
.block-search .area-result,
.block-search .focus-result {
  display: none;
  top: 100%;
  margin-top: 2px;
  text-align: left;
}

.civi-form .form-group .form-control {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  outline: 0;
  border-bottom: 2px solid #2d2d2d;
  font-style: normal;
  padding: 0 0 6px;
  width: 100%;
  box-shadow: inherit;
  background-image: initial;
}

.civi-form .form-icon {
  position: relative;
}

.civi-form .form-icon .form-control {
  padding: 10px 15px 10px 30px;
  margin-bottom: 0;
}

.civi-form .form-group + .form-group {
  margin-top: 20px;
}

.civi-form .form-icon .left {
  font-size: 24px;
  position: absolute;
  bottom: 13px;
  left: 0;
}

.civi-form .form-icon .right {
  font-size: 12px;
  position: absolute;
  bottom: 16px;
  right: 0;
}

.form-toggle {
  position: relative;
}

.form-toggle .open-toggle {
  display: block;
  text-align: left;
  cursor: pointer;
}

.form-toggle .inner-toggle {
  display: none;
  padding: 30px;
  background-color: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1;
}

.form-toggle.active .inner-toggle {
  display: block;
}

.form-toggle .inner-toggle > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.form-toggle .inner-toggle .adult {
  margin-bottom: 20px;
}

.form-toggle .inner-toggle span {
  font-size: 15px;
  color: #2a2a2a;
}

.xdsoft_datetimepicker .xdsoft_calendar table {
  border: none;
}

.btn-control {
  display: flex;
  align-items: center;
}

.btn-control > span {
  margin-right: 10px;
  color: #2d2d2d;
}

.btn-control .switch {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 24px;
  margin-bottom: 0;
}

.btn-control .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.btn-control .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #2d2d2d;
  transition: 0.4s;
}

.btn-control .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  transition: 0.4s;
}

.inner-content.has-map .btn-control .slider,
.nav-bar.has-map .btn-control .slider {
  background-color: var(--civi-color-accent);
}

.inner-content.has-map .btn-control .slider:before,
.nav-bar.has-map .btn-control .slider:before {
  transform: translateX(22px);
}

/* Rounded sliders */
.btn-control .slider.round {
  border-radius: 15px;
}

.btn-control .slider.round:before {
  border-radius: 50%;
}

/*Mega menu*/
.has-mega-menu.elementor-column,
.has-mega-menu .elementor-column-wrap,
.has-mega-menu .elementor-widget-wrap {
  position: unset;
}

.elementor-widget.elementor-widget-civi-nav-menu {
  position: unset;
}

.mega-menu-full-width .elementor-nav-menu--dropdown {
  background: inherit;
}

.elementor-widget-civi-nav-menu .elementor-nav-menu,
.elementor-widget-civi-nav-menu .elementor-nav-menu li.mega-menu-full-width,
.elementor-widget-civi-nav-menu .elementor-nav-menu li.mega-menu-container {
  position: unset;
}

.elementor-widget-civi-nav-menu .elementor-nav-menu .sub-menu {
  display: block;
  opacity: 0;
  visibility: hidden;
  min-width: 240px;
  width: auto;
  margin-top: 50px;
  z-index: 1;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}

.elementor-widget-civi-nav-menu .mega-menu-default .sub-menu,
.elementor-widget-civi-nav-menu .mega-menu-default .children {
  background: #fff;
  box-shadow: 0 2px 30px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, 0.05);
  padding: 18px 20px;
}

.elementor-widget-civi-nav-menu .mega-menu-full-width .sub-menu,
.elementor-widget-civi-nav-menu .mega-menu-full-width .children,
.elementor-widget-civi-nav-menu .mega-menu-container .sub-menu,
.elementor-widget-civi-nav-menu .mega-menu-container .children {
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.elementor-widget-civi-nav-menu .mega-menu-container .sub-menu,
.elementor-widget-civi-nav-menu .mega-menu-container .children {
  background: no-repeat;
  box-shadow: none;
  padding: 0;
}

.elementor-widget-civi-nav-menu .mega-menu-full-width .mega-menu-content.container {
  max-width: 100%;
  box-shadow: 0 2px 30px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, 0.05);
  padding-left: 0;
  padding-right: 0;
}

.elementor-widget-civi-nav-menu .elementor-nav-menu li:hover > .sub-menu,
.elementor-widget-civi-nav-menu .elementor-nav-menu li:hover > .children {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
  z-index: 2;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}

.elementor-widget-civi-nav-menu .mega-menu-default .container,
.elementor-widget-civi-nav-menu .mega-menu-custom .container {
  padding-left: 0;
  padding-right: 0;
}

.popup.popup-custom .inner-popup {
  top: 50%;
  max-width: 340px;
  left: 20px;
  right: 20px;
  margin: 50px auto 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
}

.popup.open.popup-custom .inner-popup {
  top: 50%;
  margin-top: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
}

.popup.popup-custom .inner-popup .btn-close {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 2;
}

.civi-slick-carousel .slick-dots {
  position: inherit;
}

.apply-inline .civi-jobs .civi-jobs-item.layout-list .jobs-archive-footer {
  display: flex;
}

.apply-inline .civi-jobs .civi-jobs-item.layout-list .jobs-footer-right {
  margin-top: 0;
}

@media only screen and (max-width: 991px) {
  #place-search-map #pac-input {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) {
  .hidden-md-up {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .hidden-md-down {
    display: none !important;
  }
  .civi-table,
  .civi-table thead,
  .civi-table tbody,
  .civi-table th,
  .civi-table td,
  .civi-table tr {
    display: block;
  }
  .civi-table > thead > tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .civi-table > tbody > tr {
    border-top: 1px solid #ccc;
    border-bottom: 0;
  }
  .civi-table > tbody > tr:nth-child(2n) {
    background-color: #f5f5f5;
  }
  .civi-table > tbody > tr:first-child {
    border-radius: 3px 3px 0 0;
    border-top: none;
  }
  .civi-table > tbody > tr:last-child {
    border-radius: 0 0 3px 3px;
    border-bottom: none;
  }
  .civi-table > tbody > tr td {
    border: none;
    border-bottom: 1px solid #ccc;
    position: relative;
    padding-left: 30% !important;
    width: 100%;
    overflow: hidden;
    text-align: right;
  }
  .civi-table > tbody > tr td:before {
    content: attr(data-title);
    position: absolute;
    top: 22px;
    left: 14px;
    width: 30%;
    padding-right: 10px;
    white-space: nowrap;
    font-size: 14px;
    text-align: left;
  }
  .civi-table.table-order > tbody > tr:nth-child(-n+3) > td:first-child {
    padding: 25px 0 25px 30% !important;
    background-position: left 32% center;
  }
  .civi-table.table-order > tbody > tr:nth-child(-n+3) > td:first-child span {
    left: 32%;
  }
  .civi-table td.place-thumb {
    width: 100%;
  }
  .civi-table td.place-status {
    display: block;
  }
  .page-control .place-filter .left-filter > div,
  .page-control .block-search.search-input {
    width: 50%;
    max-width: inherit;
  }
  .page-control .block-search.search-input {
    padding-right: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .nav-place-map {
    left: 25px;
  }
  #place-search-map #pac-input {
    top: 90px !important;
    right: inherit !important;
    left: 25px !important;
  }
}
@media only screen and (max-width: 479px) {
  .page-control .agent-nav ul {
    font-size: 14px;
    text-transform: inherit;
  }
  .page-control .agent-nav ul li {
    margin-right: 20px;
  }
  #pac-input {
    min-width: 150px;
  }
  .group-field + .group-field {
    margin-top: 40px;
  }
  .civi-place-multi-step .civi-steps-content > h2,
  .main-content .entry-my-page > h2 {
    font-size: 24px;
    line-height: 32px;
  }
  .form-2-col {
    display: block;
  }
  .form-2-col .form-group {
    max-width: 100%;
  }
  .form-2-col .form-group + .form-group {
    margin-top: 20px;
  }
  .page-control .block-search.search-input {
    width: 100%;
    padding-right: 0;
  }
  .civi-ajax-search .civi-ajax-result {
    font-size: 13px;
  }
  .civi-ajax-search .search-result ul {
    padding: 5px 0;
  }
  .civi-ajax-search .search-result ul li {
    font-size: 14px;
  }
}
.dropdown-toggle::after {
  display: none !important;
}

.civi-payment-for .civi-package-item .civi-package-title {
  margin-bottom: 20px;
}
.civi-payment-for .civi-package-item .civi-package-title .entry-title {
  margin-top: 0 !important;
}
.civi-payment-for .civi-package-item .civi-total-price {
  margin-top: 30px;
  padding-top: 30px;
  border-top: solid 1px var(--civi-color-border);
}
.civi-payment-for .civi-package-item .civi-total-price span {
  display: block;
  margin-bottom: 5px;
}
.civi-payment-for .civi-package-item .civi-total-price .price {
  display: block;
  font-size: 22px;
  font-weight: 600;
  color: var(--civi-color-primary);
}
.civi-payment-for .civi-package-item .civi-total-price sup {
  font-size: 18px;
  top: 0;
}
.civi-payment-for .civi-package-item .civi-button {
  margin-top: 20px;
}

.payment-wrap .entry-title {
  font-size: 24px;
  margin-top: 25px !important;
  margin-bottom: 30px;
}

.civi-payment-method-wrap .radio {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  border: solid 1px #d8d8d8;
  background-color: #fff;
}
.civi-payment-method-wrap .radio.active {
  border-color: var(--civi-color-accent);
  background: var(--civi-color-accent);
  color: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
}
.civi-payment-method-wrap .radio + .radio {
  margin-top: 20px;
}
.civi-payment-method-wrap .radio.wire-transfer label {
  padding: 29px 15px;
}
.civi-payment-method-wrap .radio.wire-transfer label i {
  margin-right: 10px;
}
.civi-payment-method-wrap .radio label {
  display: block;
  padding: 15px;
  margin-bottom: 0;
  cursor: pointer;
}
.civi-payment-method-wrap .radio img {
  width: 80px;
  height: 48px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 10px;
}
.civi-payment-method-wrap .radio input {
  display: none;
}

.payment-wrap .terms-conditions {
  margin-top: 20px;
  margin-bottom: 20px;
}
.payment-wrap .terms-conditions strong {
  color: var(--civi-color-accent);
}

.civi-payment-completed-wrap .inner-payment-completed {
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.civi-payment-completed-wrap .inner-payment-completed .panel-heading {
  margin-top: 25px;
  margin-bottom: 25px;
}
.civi-payment-completed-wrap .inner-payment-completed h3 {
  font-size: 24px;
  margin-bottom: 20px;
}
.civi-payment-completed-wrap .list-group {
  padding-left: 0;
  margin-bottom: 0;
  border: 1px solid var(--civi-color-border);
  border-radius: 5px;
}
.civi-payment-completed-wrap .list-group li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
}
.civi-payment-completed-wrap .list-group li strong {
  color: #2a2a2a;
  font-weight: 500;
}
.civi-payment-completed-wrap .list-group li + li {
  border-top: 1px solid var(--civi-color-border);
}
.civi-payment-completed-wrap .civi-button {
  display: inline-block;
  margin-top: 30px;
}
.civi-payment-completed-wrap .card-info table th,
.civi-payment-completed-wrap .card-info table td {
  padding: 20px;
  font-weight: 400;
  color: #2d2d2d;
}

.civi-payment-completed-wrap {
  padding-top: 50px;
}

#civi_payment_package:hover .civi-dual-ring:after {
  border-color: var(--civi-color-accent) transparent var(--civi-color-accent);
}
#civi_payment_package .civi-loading-effect {
  position: sticky;
}
#civi_payment_package .civi-loading-effect:before {
  background-color: transparent;
}
#civi_payment_package .civi-dual-ring {
  position: static;
  transform: none;
  width: 16px;
  height: 16px;
}
#civi_payment_package .civi-dual-ring:after {
  height: 16px;
  border-width: 2px;
  margin-left: 8px;
  border-color: #fff transparent #fff;
  width: 16px;
}

@media only screen and (max-width: 575px) {
  .civi-payment-for.civi-package-wrap {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 479px) {
  .civi-payment-completed-wrap .list-group li {
    padding: 20px;
  }
}
.civi-package-wrap .row {
  margin-left: -8px;
  margin-right: -8px;
}
.civi-package-wrap .row .col-md-4 {
  margin-bottom: 30px;
}
.civi-package-wrap .entry-title {
  margin: 32px 0;
}
.civi-package-wrap .choose-package {
  text-align: center;
  margin-bottom: 30px;
}
.civi-package-wrap .choose-package h4 {
  font-size: 24px;
  margin-bottom: 11px;
}
.civi-package-wrap .choose-package p {
  margin-bottom: 0;
}
.civi-package-wrap .civi-package-thumbnail {
  margin-bottom: 15px;
}
.civi-package-wrap .civi-package-item {
  border-radius: 8px;
  border: solid 1px var(--civi-color-border);
  background-color: #ffffff;
  padding: 32px;
  transition: box-shadow 0.3s;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.01);
}
.civi-package-wrap .civi-package-item .civi-package-title {
  margin-bottom: 10px;
}
.civi-package-wrap .civi-package-item .civi-package-title .entry-title {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
  color: var(--civi-color-accent);
}
.civi-package-wrap .civi-package-item .civi-package-title span {
  font-size: 14px;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 6px;
  background-color: #ffe180;
  color: var(--civi-color-primary);
}
.civi-package-wrap .civi-package-item .civi-package-price {
  font-size: 46px;
  font-weight: 600;
  color: var(--civi-color-primary);
  padding-bottom: 30px;
  border-bottom: 1px solid var(--civi-color-border);
}
.civi-package-wrap .civi-package-item .civi-package-price sup {
  font-size: 18px;
  vertical-align: 8px;
  margin-right: 3px;
}
.civi-package-wrap .civi-package-item .civi-package-choose {
  margin-top: 30px;
}
.civi-package-wrap .civi-package-item ul.list-group {
  font-size: 16px;
  line-height: 1.5;
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  margin-top: 32px;
}
.civi-package-wrap .civi-package-item ul.list-group li {
  font-weight: 500;
}
.civi-package-wrap .civi-package-item ul.list-group li i {
  color: var(--civi-color-accent);
  margin-right: 10px;
}
.civi-package-wrap .civi-package-item ul.list-group li + li {
  margin-top: 20px;
}
.civi-package-wrap .civi-package-item:hover {
  cursor: pointer;
  box-shadow: 0 18px 22px 5px rgba(0, 0, 0, 0.05);
}
.civi-package-wrap .civi-package-item.active {
  border-color: var(--civi-color-accent);
}
.civi-package-wrap .civi-package-item.active .civi-button {
  color: #fff !important;
  background-color: var(--civi-color-accent) !important;
  border-color: var(--civi-color-accent) !important;
}
.civi-package-wrap .civi-package-item.active .civi-button:hover {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2) 0 0);
  color: #fff !important;
}
.civi-package-wrap .civi-package-item.active .civi-package-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.civi-package-wrap .civi-package-item.current {
  border-color: var(--civi-color-accent);
}
.civi-package-wrap .civi-package-item.current .civi-button {
  pointer-events: none;
  cursor: default;
}
.civi-package-wrap .civi-package-item.current .entry-title {
  position: relative;
  display: inline-block;
}
.civi-package-wrap .civi-package-item.current .entry-title:before {
  content: "\f058";
  font-family: "Font Awesome 5 Pro";
  color: var(--civi-color-accent);
  margin-right: 10px;
}
.civi-package-wrap .civi-package-item.current .recommended {
  display: none;
}

.civi-new-package {
  margin-top: 32px;
}

.package-out-stock .civi-button {
  display: block;
  margin-top: 20px;
}
.package-out-stock .civi-button a {
  display: inline-block;
}
.package-out-stock span {
  color: red;
}

@media only screen and (max-width: 1199px) {
  .civi-package-wrap .civi-package-item {
    padding: 30px;
  }
  .civi-package-wrap .civi-package-item .civi-package-price {
    font-size: 32px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .civi-package-wrap .row > div {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .civi-package-wrap .civi-heading .entry-title {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.4;
  }
}
.submit-jobs-dashboard .widget-area-init {
  margin-top: 108px;
}
.submit-jobs-dashboard .submit-jobs-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 32px 0;
}
.submit-jobs-dashboard .submit-jobs-header .entry-title h4 {
  font-size: 24px;
}
.submit-jobs-dashboard .submit-jobs-header .button-warpper {
  margin-top: 0;
}
.submit-jobs-dashboard .button-warpper .civi-button + .civi-button {
  margin-left: 12px;
}
.submit-jobs-dashboard .button-warpper .button-link {
  margin-right: 12px;
}
.submit-jobs-dashboard .civi-section-salary-select {
  width: 100%;
}
.submit-jobs-dashboard #range {
  display: flex;
}
.submit-jobs-dashboard #jobs_gallery_thumbs_container {
  display: flex;
  flex-wrap: wrap;
}
.submit-jobs-dashboard #jobs-submit-company .civi-button {
  margin-top: 24px;
}
.submit-jobs-dashboard .header-about {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.submit-jobs-dashboard .header-about .civi-button {
  margin-bottom: 24px;
}
.submit-jobs-dashboard .header-about .civi-button i {
  margin-left: 5px;
  margin-right: 0;
}

.about-jobs-dashboard {
  border: 1px solid var(--civi-color-border);
  background-color: #fff;
  border-radius: 16px;
  padding: 28px;
}
.about-jobs-dashboard .info-jobs-warpper {
  line-height: 1.5;
}
.about-jobs-dashboard .img-company {
  width: 54px;
  height: 54px;
  background-color: #f9f9f9;
  line-height: 54px;
  text-align: center;
  color: var(--civi-color-secondary);
  border-radius: 50%;
  margin-bottom: 16px;
}
.about-jobs-dashboard .img-company img {
  border-radius: inherit;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.about-jobs-dashboard h4 {
  font-size: 18px;
  margin-bottom: 7px;
}
.about-jobs-dashboard .name-company {
  font-weight: 500;
  color: var(--civi-color-primary);
}
.about-jobs-dashboard .cate-about {
  font-weight: 500;
  color: var(--civi-color-accent);
}
.about-jobs-dashboard .label-warpper {
  margin-top: 18px;
}

.label-price {
  background: rgba(0, 116, 86, 0.05);
  color: var(--civi-color-accent);
}
.label-price i {
  padding-right: 7px;
  font-weight: normal;
}

.title-jobs-about {
  font-size: 24px;
  margin-bottom: 20px;
}
.title-jobs-about.edit-jobs {
  margin-top: 106px;
}

.my-location {
  position: absolute;
  right: 20px;
  bottom: 14px;
}

input#search-location {
  padding-right: 40px;
  height: 45px;
  background-color: #fff;
}

.jobs-fields-map .jobs-fields-title {
  display: flex;
  justify-content: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.jobs-fields-map .jobs-fields-title h3 {
  font-size: 16px;
}
.jobs-fields-map .control-marker a {
  color: var(--civi-color-accent);
  font-weight: 500;
}
.jobs-fields-map .control-marker #unlock-pin {
  display: none;
}
.jobs-fields-map .control-marker.lock-marker #unlock-pin {
  display: block;
}
.jobs-fields-map .control-marker.lock-marker #lock-pin {
  display: none;
}

@media (max-width: 767px) {
  .submit-jobs-dashboard .widget-area-init {
    margin-top: 50px;
  }
}
@media (max-width: 480px) {
  .submit-jobs-dashboard .button-warpper .btn-submit-draft {
    display: none;
  }
}
.civi_alert_message {
  position: fixed;
  right: 10px;
  top: 45%;
  transition: all 0.3s;
  z-index: 999;
  background-color: crimson;
  padding: 20px;
  border-radius: 10px;
  font-size: 14px;
  color: #fff;
  animation-duration: 1.25s;
  animation-duration: 1s;
  animation-fill-mode: both;
  opacity: 0;
}
.civi_alert_message.show {
  animation-delay: 2s;
}

.alert-form {
  position: fixed;
  right: 50px;
  bottom: 50px;
  z-index: 1000;
  background: #FFFFFF;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.05);
  border-radius: 16px;
  max-width: 370px;
  padding: 24px;
  display: none;
}
.alert-form .close {
  position: absolute;
  top: 24px;
  right: 24px;
}
.alert-form .head {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.alert-form .head svg {
  margin-right: 12px;
}
.alert-form .head span {
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
}
.alert-form .desc {
  margin-bottom: 20px;
}
.alert-form .civi-button {
  width: 100%;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .alert-form {
    right: 15px;
    left: 15px;
    bottom: 20px;
  }
}
.form-popup-apply {
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  z-index: 8;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.form-popup-apply .form-group + .form-group {
  margin-top: 20px;
}
.form-popup-apply .btn-loading {
  display: none;
}
.form-popup-apply .bg-overlay {
  opacity: 1;
  visibility: unset;
}
.form-popup-apply .apply-popup {
  padding: 32px;
  background-color: #fff;
  border-radius: 4px;
  max-width: 450px;
  z-index: 9;
  position: relative;
  margin: 0 auto;
  top: 100px;
  max-height: calc(100vh - 200px);
  overflow: auto;
}
@media (max-width: 640px) {
  .form-popup-apply .apply-popup {
    max-width: 90%;
  }
}
.form-popup-apply .btn-close {
  font-size: 20px;
  position: absolute !important;
  right: 35px;
}
.form-popup-apply h5 {
  font-size: 24px;
  margin-bottom: 25px;
  text-align: center;
}
.form-popup-apply p {
  color: var(--civi-color-secondary);
  margin-bottom: 35px;
}
.form-popup-apply label {
  font-weight: 500;
  margin-bottom: 14px;
  color: var(--civi-color-primary);
}
.form-popup-apply .civi-button.button-link {
  margin-top: 24px;
  margin-bottom: 24px;
}
.form-popup-apply .button-warpper {
  display: flex;
  margin-top: 24px;
}
.form-popup-apply .button-warpper .civi-button {
  text-align: center;
}
.form-popup-apply .button-warpper .civi-button + .civi-button {
  margin-left: 16px;
}
.form-popup-apply .message_error {
  margin-bottom: 15px;
  margin-top: 15px;
  color: red;
}
.form-popup-apply .message_error.true {
  color: lawngreen;
}
.form-popup-apply #civi_drop_cv {
  position: relative;
  margin-bottom: 0;
}
.form-popup-apply #civi_drop_cv .cv-icon-delete {
  position: absolute;
  right: 10px;
  z-index: 2;
  top: 10px;
}
.form-popup-apply #civi_select_cv {
  position: relative;
  z-index: 1;
  height: 100px;
  background-color: #f9f9f9;
  border: 1px dashed #ddd;
  width: 100%;
  color: var(--civi-color-secondary);
  cursor: pointer;
}
.form-popup-apply #civi_select_cv i {
  color: var(--civi-color-accent);
}
.form-popup-apply.form-call-to .apply-popup {
  max-width: 300px;
  padding: 24px;
  top: 50%;
  height: auto;
  transform: translateY(-50%);
}
.form-popup-apply.form-call-to .phone-apply {
  display: block;
  text-align: center;
  font-size: 20px;
}

.civi-jobs-header-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.civi-jobs-header-top .logo-comnpany {
  height: 84px;
  width: 84px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  margin-right: 16px;
  margin-top: 10px;
}
.civi-jobs-header-top .civi-header-left {
  display: flex;
  margin-right: 15px;
}
.civi-jobs-header-top .civi-header-left .authour {
  color: var(--civi-color-primary);
  font-weight: 500;
}
.civi-jobs-header-top .civi-header-left .title-wapper {
  margin-bottom: 5px;
}
.civi-jobs-header-top .civi-header-left .title-wapper h1 {
  font-size: 28px;
  margin-bottom: 0;
}
.civi-jobs-header-top .civi-header-left .title-wapper .featured {
  margin-left: 5px;
  display: inline-block;
  height: 20px;
  line-height: 20px;
}
.civi-jobs-header-top .civi-header-left .title-wapper .featured:before {
  top: -0.2em;
}
.civi-jobs-header-top .civi-header-left .cate-warpper .cate {
  color: var(--civi-color-accent);
  font-weight: 500;
}
.civi-jobs-header-top .civi-header-left .categories-warpper {
  display: inline-flex;
  flex-wrap: wrap;
}
.civi-jobs-header-top .civi-header-left .categories-warpper .cate-warpper:not(:first-child):before {
  content: ",";
}
.civi-jobs-header-top .civi-header-right {
  display: flex;
}
.civi-jobs-header-top .civi-header-right .toggle-social {
  margin-right: 25px;
}
.civi-jobs-header-top .civi-header-right .toggle-social .list-social-icon i {
  color: #fff;
}
.civi-jobs-header-top .civi-header-right .added .icon-heart i {
  color: var(--civi-color-accent);
}
.civi-jobs-header-top .civi-header-right a:hover i {
  color: var(--civi-color-accent);
}
.civi-jobs-header-top .jobs-view {
  display: inline-block;
  position: relative;
  padding-left: 20px;
}
.civi-jobs-header-top .jobs-view:before {
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  background-color: var(--civi-color-secondary);
  border-radius: 50%;
  left: 4px;
  transform: translateY(-50%);
}
.civi-jobs-header-top .jobs-view i {
  font-weight: 400;
}
.civi-jobs-header-top .jobs-view .count {
  font-weight: 500;
}

.civi-jobs-header-bottom {
  display: flex;
  flex-wrap: wrap;
  margin-top: 24px;
}

@media (max-width: 1199px) {
  .jobs-head-details .title-wapper h1 {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .civi-jobs-header-top .civi-header-right {
    display: none;
  }
  .civi-jobs-header-top .civi-header-left .categories-warpper {
    margin-top: 5px;
  }
  .civi-jobs-header-top .logo-comnpany {
    display: none;
  }
}
.civi-header-right .tooltip {
  opacity: 1;
}

.block-archive-inner.jobs-insights-details {
  padding-bottom: 8px;
}

.list-jobs-insights {
  line-height: 1.8;
}

.list-jobs-insights,
.list-jobs-insights-sidebar {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.list-jobs-insights p,
.list-jobs-insights-sidebar p {
  margin-bottom: 0;
}
.list-jobs-insights .list-item,
.list-jobs-insights-sidebar .list-item {
  display: flex;
  margin-bottom: 24px;
}
.list-jobs-insights .list-item.salary .details-info,
.list-jobs-insights-sidebar .list-item.salary .details-info {
  text-transform: none;
}
.list-jobs-insights .title-info,
.list-jobs-insights-sidebar .title-info {
  color: var(--civi-color-primary);
  font-weight: 500;
  margin-bottom: 0;
}
.list-jobs-insights .info,
.list-jobs-insights-sidebar .info {
  margin-left: 12px;
}
.list-jobs-insights .details-info,
.list-jobs-insights-sidebar .details-info {
  text-transform: capitalize;
}
.list-jobs-insights .icon-jobs,
.list-jobs-insights-sidebar .icon-jobs {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  background-color: rgba(0, 116, 86, 0.05);
  color: var(--civi-color-accent);
  margin-top: 2px;
}
.list-jobs-insights .icon-jobs span,
.list-jobs-insights-sidebar .icon-jobs span {
  color: var(--civi-color-accent);
}
.list-jobs-insights .icon-jobs path,
.list-jobs-insights-sidebar .icon-jobs path {
  fill: currentColor;
}
.list-jobs-insights .icon-jobs svg,
.list-jobs-insights-sidebar .icon-jobs svg {
  color: var(--civi-color-accent);
}

.list-jobs-insights-sidebar .list-item {
  max-width: 100%;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 24px;
  line-height: 1.8;
}
.list-jobs-insights-sidebar .list-item:last-child {
  margin-bottom: 0;
}

.toggle-insights,
.toggle-insights-sidebar {
  margin-bottom: 30px;
}
.toggle-insights i,
.toggle-insights-sidebar i {
  margin-left: 8px;
}
.toggle-insights a,
.toggle-insights-sidebar a {
  font-size: 18px;
  color: var(--civi-color-accent);
  font-weight: 500;
}

@media (min-width: 577px) {
  .toggle-insights,
  .toggle-insights-sidebar {
    display: none;
  }
}
@media (max-width: 576px) {
  .jobs-insights-details.on.active .list-jobs-insights {
    overflow: hidden;
    height: 325px;
  }
  .jobs-insights-details.on.active .hide-all-insights {
    display: none;
  }
  .jobs-insights-details:not(.active) .toggle-insights {
    display: none;
  }
  .jobs-insights-sidebar.on.active .list-jobs-insights-sidebar {
    overflow: hidden;
    height: 325px;
  }
  .jobs-insights-sidebar.on.active .hide-all-insights-sidebar {
    display: none;
  }
  .jobs-insights-sidebar:not(.active) .toggle-insights-sidebar {
    display: none;
  }
}
.jobs-description-details h4,
.jobs-description-details h5,
.jobs-description-details h6 {
  font-size: 18px;
  margin-bottom: 16px;
}
.jobs-description-details p {
  margin-bottom: 24px;
  line-height: 1.5;
}
.jobs-description-details li + li {
  margin-top: 16px;
}
.jobs-description-details ul {
  list-style: disc;
}
.jobs-description-details ul:last-child {
  margin-bottom: 0;
}

.civi-description-details .toggle-description {
  margin-top: 15px;
}
.civi-description-details .toggle-description i {
  margin-left: 8px;
}
.civi-description-details .toggle-description a {
  font-size: 16px;
  color: var(--civi-color-accent);
  font-weight: 500;
}

@media (min-width: 576px) {
  .civi-description-details .toggle-description {
    display: none;
  }
}
@media (max-width: 576px) {
  .civi-description-details.on .civi-description {
    overflow: hidden;
    max-height: 330px;
  }
  .civi-description-details.on .hide-all-description {
    display: none;
  }
}
div.jobs-apply-details {
  margin-top: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(0, 116, 86, 0.05);
  border: 1px solid rgba(0, 116, 86, 0.07);
  border-radius: 16px;
}
div.jobs-apply-details h4 {
  font-size: 24px;
  margin-bottom: 0;
}
div.jobs-apply-details p {
  margin-bottom: 0;
}
div.jobs-apply-details .days {
  font-weight: 500;
  margin-top: 8px;
}
div.jobs-apply-details .days span {
  color: red;
}
div.jobs-apply-details .civi-button {
  padding-top: 12px;
  padding-bottom: 12px;
  min-width: 270px;
  text-align: center;
}

.apply-job-form .select-cv {
  text-align: center;
  margin-bottom: 30px;
}
.apply-job-form .wrapper-file-action {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  margin-left: -15px;
  margin-right: -15px;
}
.apply-job-form .wrapper-file-action .item-file-cv {
  margin-bottom: 10px;
  font-weight: 400;
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
}
.apply-job-form .wrapper-file-action .item-file-cv [type=radio] {
  display: none;
}
.apply-job-form .wrapper-file-action .item-file-cv .candidate-detail-cv {
  padding: 10px 15px;
  cursor: pointer;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  color: #007456;
  font-weight: 400;
  background-color: rgba(25, 103, 210, 0.15);
  border-radius: 4px;
  transition: all 0.4s ease-in-out 0s;
}
.apply-job-form .wrapper-file-action .item-file-cv .candidate-detail-cv .icon_type {
  font-size: 32px;
  float: right;
  display: inline-block;
  padding-top: 10px;
  position: relative;
  right: -5px;
}
.apply-job-form .wrapper-file-action .item-file-cv .candidate-detail-cv .filename {
  display: block;
}
.apply-job-form .wrapper-file-action .item-file-cv .candidate-detail-cv .extension {
  font-weight: 500;
  font-size: 15px;
  text-transform: uppercase;
}
.apply-job-form .wrapper-file-action .item-file-cv [type=radio]:checked + .candidate-detail-cv {
  background-color: #007456;
  color: #fff;
}
.apply-job-form input[type=checkbox]:checked:before {
  display: none;
}
.apply-job-form button[type=submit] {
  width: 100%;
  display: block;
}
.apply-job-form .icon-loading {
  display: none;
}
.apply-job-form .loading .icon-loading {
  display: inline-block;
}
.apply-job-form .apply-alert {
  padding: 15px 30px;
  min-height: auto;
  justify-content: center;
}

.bc-drag-area {
  border: 2px dashed rgba(25, 103, 210, 0.15);
  text-align: center;
  cursor: pointer;
  background: #fcfcfc;
  margin-bottom: 30px;
  transition: all 0.3s;
  position: relative;
}
.bc-drag-area button[type=button] {
  padding: 25px;
  width: 100%;
  border: none;
}
.bc-drag-area .remove-file {
  display: none;
}
.bc-drag-area.active {
  background: #F0F5F7;
}
.bc-drag-area.has-file .remove-file {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  font-size: 20px;
}

.civi-apply-bottombar .tooltip:before,
.civi-apply-bottombar .tooltip:after {
  display: none !important;
}

.civi-apply-bottombar .loading-icon {
  width: 20px;
}

.bc-apply-job-button.disabled {
  pointer-events: none;
}

@media (max-width: 576px) {
  div.jobs-apply-details {
    display: block;
  }
  div.jobs-apply-details .civi-button {
    margin-top: 15px;
  }
}
.jobs-related-details .header-related {
  padding-top: 32px;
  padding-bottom: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.jobs-related-details .title-jobs {
  margin-bottom: 0;
  font-size: 24px;
}

.block-archive-sidebar {
  padding: 28px;
  border: 1px solid var(--civi-color-border);
  border-radius: 16px;
  background-color: #fff;
}
.block-archive-sidebar + .block-archive-sidebar {
  margin-top: 16px;
}
.block-archive-sidebar h4 {
  font-size: 24px;
}

div.jobs-apply-sidebar {
  background: rgba(0, 116, 86, 0.05);
  border: 1px solid rgba(0, 116, 86, 0.07);
  padding: 28px;
  border-radius: 16px;
  text-align: center;
}
div.jobs-apply-sidebar .days {
  font-weight: 500;
  margin-bottom: 18px;
}
div.jobs-apply-sidebar .days span {
  color: red;
}
div.jobs-apply-sidebar .civi-button {
  width: 100%;
}
div.jobs-apply-sidebar .account a:hover {
  color: #fff !important;
}

.jobs-insights-sidebar {
  border: 1px solid var(--civi-color-border);
  padding: 28px 28px 8px;
  border-radius: 16px;
}
.jobs-insights-sidebar .title-jobs {
  margin-bottom: 24px;
}

.jobs-company-sidebar .company-header {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.jobs-company-sidebar .company-header img {
  width: 54px;
  height: 54px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.jobs-company-sidebar .company-header .civi-check-company:after {
  top: -3px;
}
.jobs-company-sidebar .company-phone i {
  margin-left: 7px;
  cursor: pointer;
}
.jobs-company-sidebar .name {
  margin-left: 16px;
}
.jobs-company-sidebar .name h2 {
  font-size: 18px;
  margin-bottom: 3px;
  display: inline-block;
}
.jobs-company-sidebar .name h2 a {
  color: var(--civi-color-primary);
}
.jobs-company-sidebar .name h2 a:hover {
  color: var(--civi-color-accent);
}
.jobs-company-sidebar .name h2 i {
  font-size: 8px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: var(--civi-color-accent);
  line-height: 15px;
  text-align: center;
  color: #fff;
  margin-left: 5px;
}
.jobs-company-sidebar .name p {
  margin-bottom: 0;
}
.jobs-company-sidebar .name p a {
  font-weight: 500;
  color: var(--civi-color-accent);
}
.jobs-company-sidebar p {
  line-height: 1.5em;
}
.jobs-company-sidebar .tab-company {
  list-style: none;
  padding-left: 0;
  display: flex;
  margin-bottom: 20px;
}
.jobs-company-sidebar .tab-company li + li {
  margin-left: 24px;
}
.jobs-company-sidebar .tab-company li span {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background-color: rgba(0, 116, 86, 0.05);
  color: var(--civi-color-accent);
  margin-left: 2px;
  font-size: 16px;
  display: inline-block;
  text-align: center;
}
.jobs-company-sidebar .tab-company li:after {
  content: "";
  bottom: 0;
  height: 2px;
  width: 100%;
  display: block;
  background-color: transparent;
  width: 0;
  transition: all 0.3s;
}
.jobs-company-sidebar .tab-company li:hover:after, .jobs-company-sidebar .tab-company li.active:after {
  background-color: var(--civi-color-primary);
  width: 100%;
}
.jobs-company-sidebar .tab-company li:hover a, .jobs-company-sidebar .tab-company li.active a {
  color: var(--civi-color-primary);
}
.jobs-company-sidebar .tab-company a {
  font-size: 18px;
  font-weight: 500;
  color: var(--civi-color-secondary);
}
.jobs-company-sidebar .title-info {
  font-weight: 500;
  color: var(--civi-color-primary);
  margin-bottom: 3px;
}
.jobs-company-sidebar .list-cate {
  padding-left: 0;
  margin-bottom: 0;
}
.jobs-company-sidebar .list-cate .cate {
  font-weight: 500;
  color: var(--civi-color-accent);
}
.jobs-company-sidebar .details-info span:not(:first-child):before,
.jobs-company-sidebar .list-cate .cate:not(:first-child):before {
  content: ",";
}
.jobs-company-sidebar .content {
  margin-bottom: 20px;
}
.jobs-company-sidebar .content p {
  margin-bottom: 0;
  display: none;
}
.jobs-company-sidebar .content p:first-child {
  display: inline-block;
}
.jobs-company-sidebar .content.is-active p {
  display: inline-block;
  margin-bottom: 12px;
}
.jobs-company-sidebar .content a {
  color: #007456;
}
.jobs-company-sidebar .content a:hover {
  text-decoration: underline;
}
.jobs-company-sidebar .details-info {
  margin-bottom: 0;
}
.jobs-company-sidebar .details-info.email a {
  color: var(--civi-color-accent);
}
.jobs-company-sidebar .info {
  margin-bottom: 15px;
}
.jobs-company-sidebar .civi-button i {
  font-size: 14px;
  font-weight: 500;
  padding-left: 10px;
}
.jobs-company-sidebar .button-visit {
  margin-top: 20px;
}
.jobs-company-sidebar .button-send {
  margin-top: 10px;
}
.jobs-company-sidebar .button-send.button-outline {
  border-color: var(--civi-color-accent);
  color: var(--civi-color-accent);
}
.jobs-company-sidebar .list-social {
  margin-bottom: 0;
  list-style: none;
  padding-left: 0;
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.jobs-company-sidebar .list-social li + li {
  margin-left: 16px;
}
.jobs-company-sidebar .list-social a {
  font-weight: 500;
  color: var(--civi-color-secondary);
  font-size: 20px;
}
.jobs-company-sidebar .list-social a:hover {
  color: var(--civi-color-accent);
}
.jobs-company-sidebar .list-jobs {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.jobs-company-sidebar .list-jobs li:not(:first-child) {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--civi-color-border);
}
.jobs-company-sidebar .list-jobs .title {
  line-height: 0.8;
}
.jobs-company-sidebar .list-jobs .title a {
  color: var(--civi-color-primary);
  font-size: 18px;
}
.jobs-company-sidebar .list-jobs .info-company > span + span:before {
  content: "/";
}
.jobs-company-sidebar .list-jobs .categories span {
  color: var(--civi-color-accent);
  font-weight: 500;
}
.jobs-company-sidebar .list-jobs .categories span + span:before,
.jobs-company-sidebar .list-jobs .cate-skills span + span:before {
  content: ",";
}
.jobs-company-sidebar .civi-send-mess {
  margin-top: 10px;
  width: 100%;
  background-color: transparent;
  text-align: center;
  color: var(--civi-color-accent);
}
.jobs-company-sidebar .civi-send-mess:hover {
  background-color: var(--civi-color-accent);
  color: #fff;
}
.jobs-company-sidebar .civi-send-mess:after {
  content: "\f1d8";
  font-family: "Font Awesome 5 Pro";
  margin-left: 5px;
}

#tab-sidebar-jobs .civi-button {
  border-color: var(--civi-color-accent);
  color: var(--civi-color-accent);
  margin-top: 32px;
}
#tab-sidebar-jobs .civi-button:hover {
  color: #fff;
}
#tab-sidebar-jobs .cate-warpper a {
  color: var(--civi-color-accent);
  font-weight: 500;
}

.jobs-gallery-details .slick-dots li button:before {
  font-size: 8px;
  content: "";
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: var(--civi-color-border);
  opacity: 1;
}
.jobs-gallery-details .slick-dots li.slick-active button:before {
  background-color: var(--civi-color-accent);
}
.jobs-gallery-details .slick-dotted.slick-slider {
  margin-bottom: 15px;
}
.jobs-gallery-details figure img {
  height: 230px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.jobs-gallery-details .slick-nav .slick-arrow {
  top: calc(50% - 15px);
}

.jobs-thumbnail-details {
  background-color: #fff;
}
.jobs-thumbnail-details img {
  border-radius: 6px 6px 0 0;
}
.jobs-thumbnail-details .logo-comnpany {
  border: 4px solid #fff;
  border-radius: 50%;
  margin-top: -37px;
  margin-left: 32px;
  margin-bottom: -16px;
}

@media (max-width: 480px) {
  .jobs-thumbnail-details img {
    height: 150px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.block-archive-top {
  border: 1px solid var(--civi-color-border);
  border-radius: 16px;
}
.block-archive-top .block-archive-inner:first-child {
  border-radius: 16px 16px 0 0;
}
.block-archive-top .block-archive-inner:last-child {
  border-radius: 0 0 16px 16px;
}
.block-archive-top .logo-comnpany {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

.block-jobs-details {
  border: 1px solid var(--civi-color-border);
  border-radius: 16px;
}

.block-archive-inner {
  padding: 32px;
  background-color: #fff;
}
.block-archive-inner + .block-archive-inner {
  border-top: 1px solid var(--civi-color-border);
}
.block-archive-inner .title-jobs {
  font-size: 24px;
  margin-bottom: 24px;
}

.civi-apply-bottombar {
  display: flex;
  align-items: center;
  box-shadow: 8px 0px 10px rgba(0, 0, 0, 0.15);
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 9;
  background-color: #fff;
  padding: 12px 24px;
}
.civi-apply-bottombar .jobs-share {
  padding-left: 26px;
  padding-right: 26px;
}
.civi-apply-bottombar .jobs-share:hover i {
  color: var(--civi-color-accent);
}
.civi-apply-bottombar .civi-button {
  width: 100%;
  display: block;
  text-align: center;
}
.civi-apply-bottombar .account {
  width: 100%;
}
.civi-apply-bottombar .toggle-social .social-share {
  bottom: 100%;
  margin-bottom: 8px;
}

.label-type {
  color: #6c4cbe;
  background-color: #f5ecff;
}

.label-location {
  color: var(--civi-color-accent);
  background-color: rgba(0, 116, 86, 0.05);
}
.label-location i {
  padding-right: 5px;
  font-weight: normal;
}

.label-skills {
  color: var(--civi-color-accent);
  background-color: rgba(0, 116, 86, 0.05);
}

body.single-jobs .widget-area-init.has-sticky {
  position: sticky;
  top: 30px;
  z-index: 2;
}

body.admin-bar.single-jobs .widget-area-init.has-sticky {
  position: sticky;
  top: 60px;
  z-index: 2;
}

.jobs-share i {
  font-weight: 500;
  font-size: 20px;
}

.related-inner .civi-jobs-item + .civi-jobs-item {
  margin-top: 16px;
}

.label {
  font-size: 14px;
  font-weight: 500;
  padding: 5px 12px;
  border-radius: 50px;
  display: inline-block;
  margin-right: 4px;
  margin-bottom: 4px;
}

.single-jobs {
  background-color: #f9f9f9;
}

@media (min-width: 576px) {
  .civi-apply-bottombar {
    display: none;
  }
}
@media (max-width: 767px) {
  .block-archive-inner {
    padding-left: 16px;
    padding-right: 16px;
  }
  .block-archive-inner .label {
    margin-top: 8px;
  }
  .jobs-skills-details .title-jobs {
    margin-bottom: 16px;
  }
  .jobs-gallery-details.block-archive-inner {
    padding-bottom: 32px;
  }
  div.jobs-apply-details {
    text-align: center;
  }
  .jobs-related-details .header-related .civi-button {
    display: none;
  }
  .site-layout:not(.type-1) .single-jobs-area .block-archive-top .logo-comnpany {
    margin-left: 16px;
  }
  .jobs-share i {
    color: var(--civi-color-text);
  }
}
@media (max-width: 576px) {
  body.single-jobs .jobs-apply-sidebar,
  body.single-jobs .jobs-apply-details {
    display: none;
  }
}
.civi-jobs-item.layout-list {
  padding-bottom: 20px;
}
.civi-jobs-item.layout-list .jobs-archive-header {
  display: flex;
  justify-content: space-between;
}
.civi-jobs-item.layout-list .jobs-header-left {
  display: flex;
  align-items: center;
  margin-right: 15px;
}
.civi-jobs-item.layout-list .jobs-header-right {
  display: flex;
  align-items: center;
  height: 24px;
}
.civi-jobs-item.layout-list .jobs-archive-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.civi-jobs-item.layout-list .jobs-footer-left {
  margin-right: 15px;
}
.civi-jobs-item.layout-list .logo-comnpany {
  margin-right: 16px;
}

@media (max-width: 767px) {
  .civi-jobs-item.layout-list .jobs-archive-header {
    position: relative;
  }
  .civi-jobs-item.layout-list .logo-comnpany {
    margin-bottom: 25px;
    margin-right: 0;
  }
  .civi-jobs-item.layout-list .jobs-header-left {
    display: block;
  }
  .civi-jobs-item.layout-list .jobs-header-left h3 {
    margin-bottom: 12px;
  }
  .civi-jobs-item.layout-list .jobs-header-right {
    position: absolute;
    right: 0;
  }
  .civi-jobs-item.layout-list .jobs-left-inner {
    margin-left: 0;
  }
  .civi-jobs-item.layout-list .jobs-archive-footer {
    display: block;
  }
  .civi-jobs-item.layout-list .jobs-footer-right {
    margin-top: 10px;
  }
}
.civi-jobs-item.layout-grid .jobs-logo-company {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.civi-jobs-item.layout-grid .info-jobs-cate {
  margin-top: 24px;
}
.civi-jobs-item.layout-grid .days {
  margin-top: 32px;
}

.civi-jobs-item {
  padding: 28px;
  border-radius: 16px;
  border: 1px solid var(--civi-color-border);
  background-color: #fff;
  transition: box-shadow 0.3s;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.01);
  cursor: pointer;
  position: relative;
}
.civi-jobs-item.active {
  border-color: var(--civi-color-accent) !important;
}
.civi-jobs-item:hover {
  box-shadow: 0 18px 22px -5px rgba(0, 0, 0, 0.05);
}
.civi-jobs-item a:not(.civi-link-item) {
  position: relative;
  z-index: 2;
}
.civi-jobs-item h4 {
  margin-bottom: 5px;
}
.civi-jobs-item h4 a {
  font-size: 18px;
  color: var(--civi-color-primary);
}
.civi-jobs-item h4 a:hover {
  color: var(--civi-color-accent);
}
.civi-jobs-item .authour {
  color: var(--civi-color-primary);
  font-weight: 500;
}
.civi-jobs-item .categories-warpper {
  display: inline-flex;
  flex-wrap: wrap;
}
.civi-jobs-item .categories-warpper a {
  font-weight: 500;
  color: var(--civi-color-accent);
}
.civi-jobs-item .categories-warpper .cate-warpper:not(:first-child):before {
  content: ",";
}
.civi-jobs-item .jobs-archive-footer {
  margin-top: 24px;
}
.civi-jobs-item .logo-comnpany {
  height: 54px;
  width: 54px;
  -o-object-fit: cover;
     object-fit: cover;
  background-color: #f9f9f9;
  border-radius: 50%;
  text-align: center;
  line-height: 54px;
}
.civi-jobs-item .btn-add-to-wishlist {
  top: 3px;
  position: relative;
}
.civi-jobs-item .label {
  font-size: 14px;
  font-weight: 500;
  padding: 5px 12px;
  border-radius: 50px;
  display: inline-block;
}
.civi-jobs-item .label-type {
  color: #6c4cbe;
  background-color: #f5ecff;
}
.civi-jobs-item .label-price {
  background-color: rgba(0, 116, 86, 0.05);
  color: var(--civi-color-accent);
}
.civi-jobs-item .days {
  margin-bottom: 8px;
  font-weight: 500;
  white-space: nowrap;
}
.civi-jobs-item .days span {
  color: var(--civi-color-accent);
}
.civi-jobs-item .jobs-title {
  font-size: 18px;
  margin-bottom: 0;
}
.civi-jobs-item .jobs-title a {
  color: var(--civi-color-primary);
}
.civi-jobs-item .jobs-title a:hover {
  color: var(--civi-color-accent);
}
.civi-jobs-item .jobs-des {
  margin-top: 24px;
}
.civi-jobs-item .jobs-status {
  display: flex;
}
.civi-jobs-item .jobs-status .tooltip {
  margin-right: 15px;
  display: block;
  width: -moz-max-content;
  width: max-content;
}

.icon-location {
  background-image: none;
}

.archive-layout .archive-filter-top .form-group i:not(.la-spin) {
  color: var(--civi-color-secondary);
  font-size: 18px;
  position: absolute;
  top: 50%;
  z-index: 2;
  left: 20px;
  font-weight: 400;
  transform: translateY(-50%);
}

.civi-form-location i.fa-chevron-down {
  right: 20px;
  cursor: pointer;
  font-weight: bold !important;
  left: auto !important;
  font-size: 14px !important;
}

.archive-jobs {
  background-color: #f9f9f9;
}

.form-archive-top-filter .smart-search {
  background-color: #FFF;
  padding-left: 0;
  padding-right: 0;
}
.form-archive-top-filter .smart-search .smart-search-location {
  height: 100%;
  width: 100%;
  border: 0;
  font-size: 16px;
  line-height: 70px;
  padding-left: 55px;
  border-radius: 0;
  color: #111111;
}
@media (max-width: 992px) {
  .form-archive-top-filter .smart-search .smart-search-location {
    height: 70px;
  }
}
.form-archive-top-filter .smart-search .bravo-autocomplete {
  top: 105%;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
}
.form-archive-top-filter .smart-search .bravo-autocomplete .list-item .item {
  transition: all 0.3s;
  font-size: 14px;
}
.form-archive-top-filter .smart-search .bravo-autocomplete .list-item .item:hover {
  background-color: rgba(0, 116, 86, 0.05);
  font-weight: normal;
  color: var(--civi-color-accent);
}
@media (max-width: 767px) {
  .form-archive-top-filter .smart-search:after {
    right: 20px;
  }
}

.ui-autocomplete {
  position: absolute;
  padding-left: 0;
  margin-left: 0;
  top: 100%;
  left: 0;
  z-index: 9999;
  float: left;
  display: none;
  min-width: 160px;
  margin: 0 0 10px 25px;
  list-style: none;
  background-color: #ffffff;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  border-radius: 5px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  max-height: 185px;
  overflow: auto;
  font-size: 14px;
}
.ui-autocomplete::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 5px;
}
.ui-autocomplete::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
  border-radius: 5px;
}
.ui-autocomplete::-webkit-scrollbar-thumb {
  background-color: #eee;
  border-radius: 5px;
}
.ui-autocomplete > a.ui-corner-all {
  transition: all 0.1s ease 0s;
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: var(--civi-color-text);
  white-space: nowrap;
  text-decoration: none;
}
.ui-autocomplete .ui-menu-item {
  padding: 5px 15px;
  font-size: 15px;
}
.ui-autocomplete .ui-menu-item .ui-state-active {
  cursor: pointer;
  background-color: transparent !important;
  border: 0 !important;
}
.ui-autocomplete .ui-menu-item:hover {
  background-color: rgba(0, 116, 86, 0.05) !important;
  cursor: pointer;
}
.ui-autocomplete .ui-menu-item:hover .ui-state-active {
  cursor: pointer;
  color: var(--civi-color-accent);
  background-color: inherit;
  border: 0 !important;
}
.ui-autocomplete .ui-state-focus {
  border: 0 !important;
  color: var(--civi-color-text) !important;
  margin: 0 !important;
  background: #fff !important;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.job-expired {
  color: red !important;
}

.company-head-details .civi-company-header-top {
  display: flex;
  align-items: center;
}
.company-head-details .civi-company-header-top .logo-comnpany {
  width: 64px;
  height: 64px;
}
.company-head-details .civi-company-header-top .logo-comnpany img {
  border-radius: 50%;
  height: 100%;
}
.company-head-details .title-wapper {
  display: flex;
  align-items: center;
}
.company-head-details .title-wapper h1 {
  font-size: 28px;
  font-weight: 500;
}
.company-head-details .title-wapper i {
  font-size: 8px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: var(--civi-color-accent);
  line-height: 15px;
  text-align: center;
  color: #fff;
  margin-left: 5px;
}
.company-head-details .logo-comnpany {
  margin-right: 16px;
}
.company-head-details .company-info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.company-head-details .company-warpper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.company-head-details .company-warpper .cate-warpper {
  font-weight: 500;
  margin-right: 8px;
}
.company-head-details .company-warpper .cate-warpper:not(:nth-child(2)):before {
  content: ",";
}
.company-head-details .company-warpper i {
  font-size: 18px;
  color: var(--civi-color-secondary);
  margin-right: 8px;
  font-weight: 400;
}
.company-head-details .civi-company-header-bottom {
  display: flex;
  flex-wrap: wrap;
  margin-top: 32px;
}
.company-head-details .civi-company-header-bottom a {
  margin-right: 8px;
}
.company-head-details .civi-company-header-bottom .btn-webs {
  border-color: var(--civi-color-primary);
}

.company-overview-details {
  line-height: 1.5;
}

@media (min-width: 577px) {
  .company-overview-details {
    padding-bottom: 8px;
  }
}
.company-related-details {
  border: 1px solid var(--civi-color-border);
  border-radius: 16px;
  margin-top: 16px;
}
.company-related-details .related-inner {
  position: relative;
}
.company-related-details .civi-loading-effect {
  display: none;
}

.company-review-details {
  border: 1px solid var(--civi-color-border);
  border-radius: 16px;
  margin-top: 16px;
}
.company-review-details .entry-heading {
  align-items: center;
  display: flex;
}
.company-review-details .rating-count {
  font-size: 20px;
  color: #fff;
  background-color: var(--civi-color-accent);
  padding: 5px 16px;
  border-radius: 8px;
}
.company-review-details .rating-count i {
  font-size: 18px;
}
.company-review-details .review-count {
  color: var(--civi-color-secondary);
  margin-left: 12px;
}
.company-review-details .entry-overview {
  padding-top: 15px;
  padding-bottom: 15px;
}

.reviews-list {
  padding-left: 0;
  list-style: none;
}
.reviews-list .entry-avatar img {
  width: 54px;
  height: 54px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  max-width: -moz-max-content;
  max-width: max-content;
}
.reviews-list .entry-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.reviews-list .entry-info {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-left: 16px;
}
.reviews-list .author-name {
  font-size: 16px;
  margin-bottom: 0;
}
.reviews-list .review-date {
  color: var(--civi-color-secondary);
}
.reviews-list .review-content {
  line-height: 1.5;
  margin-top: 11px;
  margin-bottom: 11px;
}
.reviews-list .review-title {
  font-size: 22px;
  margin-bottom: 0;
}
.reviews-list .entry-comment ul {
  padding-left: 0;
  margin-bottom: 10px;
}
.reviews-list .entry-comment li {
  list-style: none;
}
.reviews-list .entry-comment img {
  width: 70px;
  height: 70px;
  -o-object-fit: cover;
     object-fit: cover;
}
.reviews-list ol {
  list-style: none;
}
.reviews-list .author-review {
  padding-top: 24px;
  margin-top: 24px;
  border-top: 1px solid var(--civi-color-border);
}

.add-new-review {
  padding-top: 24px;
  border-top: 1px solid var(--civi-color-border);
}
.add-new-review .form-group + .form-group {
  margin-top: 20px;
}
.add-new-review .form-media input {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.add-new-review .civi-submit-company-rating {
  margin-top: 24px;
}
.add-new-review .login-for-review {
  font-weight: 500;
}
.add-new-review .login-for-review a {
  color: var(--civi-color-accent);
}
.add-new-review label span.name {
  height: 36px;
  line-height: 36px;
  padding: 0 14px;
  border-radius: 20px;
  background-color: #ededed;
  display: inline-block;
  font-weight: 500;
  cursor: pointer;
  font-size: 14px;
}
.add-new-review label span.name:before {
  content: "\f03e";
  font-size: 18px;
  font-family: "Font Awesome 5 Pro";
  margin-right: 10px;
  vertical-align: -2px;
}
.add-new-review .form-media {
  display: none;
}
.add-new-review .review-title {
  font-size: 24px;
}
.add-new-review .custom-area .current-user-avatar {
  position: absolute;
  top: 35px;
  left: 35px;
}
.add-new-review .custom-area .current-user-avatar img {
  width: 50px;
  height: 50px;
  border-radius: 30px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  -o-object-fit: cover;
     object-fit: cover;
}
.add-new-review .custom-area textarea {
  border-color: #ccc;
  border-radius: 3px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  padding: 35px 35px 35px 105px;
  max-height: 150px;
  resize: none;
}
.add-new-review .star-rating {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  width: 49%;
}
.add-new-review .rate-title {
  display: block;
  width: 100%;
  margin-bottom: 3px;
  font-weight: 500;
}
.add-new-review .rate-title span {
  display: inline-block;
  vertical-align: middle;
}

.add-new-review .tip,
.rating-bars .tip {
  background-color: var(--civi-color-secondary);
  height: 15px;
  width: 15px;
  display: inline-block;
  font-size: 11px;
  border-radius: 50%;
  cursor: help;
  text-align: center;
  position: relative;
  vertical-align: -1px;
  margin-left: 3px;
  line-height: 20px;
}
.add-new-review .tip:hover .tip-content,
.rating-bars .tip:hover .tip-content {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, calc(-100% - 13px));
}
.add-new-review .tip:after,
.rating-bars .tip:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f12a";
  display: inline-block;
  position: relative;
  text-align: center;
  font-size: 7px;
  line-height: normal;
  vertical-align: 3px;
  font-style: normal;
  color: #fff;
}
.add-new-review .tip .tip-content,
.rating-bars .tip .tip-content {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, calc(-100% - 20px));
  background: #333;
  color: #fff;
  padding: 13px 15px;
  min-width: 200px;
  max-width: 200px;
  font-size: 13px;
  border-radius: 4px;
  line-height: 19px;
  pointer-events: none;
  z-index: 999;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.add-new-review .tip .tip-content:after,
.rating-bars .tip .tip-content:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f0dd";
  position: absolute;
  bottom: 3px;
  left: 50%;
  font-size: 22px;
  color: #333;
  transform: translate(-50%, 50%);
}

.rating-bars {
  display: flex;
  flex-wrap: wrap;
  margin-left: -30px;
  margin-right: -30px;
}
.rating-bars .rating-bars-item {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 15px 30px;
}
.rating-bars .rating-bars-item .value-rating {
  color: var(--civi-color-secondary);
  font-weight: 500;
}
.rating-bars .rating-bars-name {
  font-weight: 500;
  display: block;
}
.rating-bars .rating-bars-inner {
  display: flex;
}
.rating-bars .rating-bars-rating {
  display: inline-block;
  vertical-align: baseline;
  background: #efefef;
  width: 100%;
  height: 6px;
  margin-right: 10px;
  border-radius: 3px;
  overflow: hidden;
  background-color: var(--civi-color-border);
  align-self: center;
}
.rating-bars .rating-bars-rating.high .rating-bars-rating-inner {
  background-color: var(--civi-color-accent);
}
.rating-bars .rating-bars-rating-inner {
  height: 6px;
  display: block;
  background-color: var(--civi-color-accent);
  position: relative;
  width: 0;
  transition: width 0.5s;
}

.repreviewForm {
  margin-bottom: 15px;
}
.repreviewForm .civi-button i {
  margin-left: 8px;
}

.civi-review-details .toggle-review {
  margin-top: 10px;
  margin-bottom: 10px;
}
.civi-review-details .toggle-review i {
  margin-left: 8px;
}
.civi-review-details .toggle-review a {
  font-size: 18px;
  color: var(--civi-color-accent);
  font-weight: 500;
}

@media (min-width: 576px) {
  .civi-review-details .toggle-review {
    display: none;
  }
}
@media (max-width: 576px) {
  .civi-review-details.on .civi-review {
    overflow: hidden;
    max-height: 120px;
  }
  .civi-review-details.on .hide-all-review {
    display: none;
  }
}
.has-large-thumbnail.company-thumbnail-details img {
  border-radius: 16px;
  width: 100%;
}

.company-thumbnail-details:not(.has-large-thumbnail) .container {
  padding-right: 0;
  padding-left: 0;
}
.company-thumbnail-details img {
  border-radius: 16px 16px 0 0;
}

@media (max-width: 576px) {
  .has-large-thumbnail.company-thumbnail-details {
    margin-top: 25px;
    margin-bottom: -30px;
  }
}
.title-company {
  font-size: 24px;
  margin-bottom: 24px;
}

.company-sidebar .list-social {
  justify-content: flex-start;
}
.company-sidebar .civi-location {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
.company-sidebar .civi-location h3 {
  font-size: 24px;
  margin-bottom: 0;
}

.civi-rating-warpper .rating-count {
  position: relative;
  padding-left: 15px;
}
.civi-rating-warpper .rating-count:before {
  content: "";
  width: 6px;
  height: 6px;
  display: block;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  background-color: #d9d9d9;
  border-radius: 50%;
  left: 2px;
}
.civi-rating-warpper .rating-count i {
  color: var(--civi-color-accent);
  font-weight: bold;
  margin-right: 0;
}
.civi-rating-warpper .rating-count span {
  font-weight: 500;
  color: var(--civi-color-accent);
  margin-right: 3px;
}
.civi-rating-warpper .review-count {
  color: var(--civi-color-secondary);
  font-weight: 500;
}

@media (max-width: 576px) {
  .company-info {
    display: block;
  }
  .civi-rating-warpper {
    margin-top: 10px;
  }
  .company-head-details .civi-company-header-bottom a {
    margin-bottom: 8px;
  }
  .rating-bars .rating-bars-item {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .add-new-review .star-rating {
    width: 100%;
  }
}
.civi-company-item.layout-list {
  padding-bottom: 20px;
}
.civi-company-item.layout-list .company-header-right {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .civi-company-item.layout-list .company-header-right {
    display: block;
  }
  .civi-company-item.layout-list .company-title {
    margin-top: 14px;
  }
}
@media (max-width: 576px) {
  .civi-company-item.layout-list .company-bottom {
    display: block;
  }
  .civi-company-item.layout-list .company-available {
    margin-top: 15px;
  }
}
.civi-company-item.layout-grid .company-title {
  margin-top: 14px;
}
.civi-company-item.layout-grid .review-count {
  display: none;
}
.civi-company-item.layout-grid .company-bottom {
  display: block;
}
.civi-company-item.layout-grid .company-available {
  margin-top: 15px;
}

.civi-company-item.layout-thumbnail-grid .company-title {
  margin-bottom: 5px;
}
.civi-company-item.layout-thumbnail-grid .company-top {
  display: flex;
}
.civi-company-item.layout-thumbnail-grid .company-thumbnail {
  border-radius: 16px 16px 0 0;
  margin: -28px -28px 24px -28px;
}
.civi-company-item.layout-thumbnail-grid .company-thumbnail img {
  border-radius: 16px 16px 0 0;
}
.civi-company-item.layout-thumbnail-grid.civi-company-item .company-bottom {
  display: block;
}
.civi-company-item.layout-thumbnail-grid .company-available {
  margin-top: 24px;
}
.civi-company-item.layout-thumbnail-grid .review-count {
  display: none;
}

.archive-layout .inner-content.layout-thumbnail-list .area-archive {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-columns: repeat(1, 1fr);
}

.layout-thumbnail-list .company-content-wrapper {
  display: flex;
}
.layout-thumbnail-list .company-pos {
  width: 100%;
}
.layout-thumbnail-list .company-thumbnail {
  width: 260px;
  margin: -28px 24px -28px -28px;
  border-radius: 16px 0 0 16px;
  flex-shrink: 0;
}
.layout-thumbnail-list .company-thumbnail img {
  border-radius: 16px 0 0 16px;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.layout-thumbnail-list .company-top {
  display: flex;
}

.layout-thumbnail-grid img,
.layout-thumbnail-list img {
  transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
}
.layout-thumbnail-grid .company-thumbnail,
.layout-thumbnail-list .company-thumbnail {
  overflow: hidden;
}
.layout-thumbnail-grid.civi-company-item:hover .company-thumbnail img,
.layout-thumbnail-list.civi-company-item:hover .company-thumbnail img {
  transform: scale3d(1.1, 1.1, 1.1);
}

@media (max-width: 767px) {
  .layout-thumbnail-list.civi-company-item .company-bottom {
    display: block;
  }
  .layout-thumbnail-list .company-available {
    margin-top: 24px;
  }
}
@media (max-width: 576px) {
  .layout-thumbnail-list .company-content-wrapper {
    display: block;
  }
  .layout-thumbnail-list .company-thumbnail {
    width: auto;
    margin: -28px -28px 24px -28px;
    border-radius: 16px 16px 0 0;
  }
  .layout-thumbnail-list .company-thumbnail img {
    border-radius: 16px 16px 0 0;
  }
}
.civi-company-item.layout-follow-bottom .company-header-right {
  display: flex;
}
.civi-company-item.layout-follow-bottom .company-header-right .review-count {
  display: none;
}
.civi-company-item.layout-follow-bottom .des-company {
  margin-top: 16px;
}
.civi-company-item.layout-follow-bottom .company-cate {
  margin-top: 15px;
}
.civi-company-item.layout-follow-bottom .company-bottom {
  margin-top: 16px;
  align-items: center;
}

@media (max-width: 767px) {
  .civi-company-item.layout-follow-bottom .company-status-inner {
    position: static;
  }
}
@media (max-width: 375px) {
  .civi-company-item.layout-follow-bottom .company-bottom {
    display: block;
  }
  .civi-company-item.layout-follow-bottom .company-status-inner {
    margin-top: 16px;
  }
}
.civi-company-item.layout-button-jobs {
  padding: 20px;
  text-align: center;
}
.civi-company-item.layout-button-jobs .logo-comnpany {
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 80px;
}
.civi-company-item.layout-button-jobs .des-company {
  margin-top: 9px;
}
.civi-company-item.layout-button-jobs .civi-rating-warpper .review-count {
  display: none;
}
.civi-company-item.layout-button-jobs .company-inner {
  justify-content: center;
}
.civi-company-item.layout-button-jobs .company-available {
  margin-top: 14px;
}
.civi-company-item.layout-button-jobs .company-img {
  margin-right: 0;
  margin-bottom: 8px;
}
.civi-company-item.layout-button-jobs .civi-button {
  margin-top: 8px;
}
.civi-company-item.layout-button-jobs .civi-button i {
  font-size: 14px;
}

.civi-company-item {
  padding: 28px;
  border-radius: 16px;
  border: 1px solid var(--civi-color-border);
  background-color: #fff;
  position: relative;
  transition: box-shadow 0.3s;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.01);
  cursor: pointer;
}
.civi-company-item:hover {
  box-shadow: 0 18px 22px -5px rgba(0, 0, 0, 0.05);
}
.civi-company-item a:not(.civi-link-item) {
  position: relative;
  z-index: 2;
}
.civi-company-item .company-header,
.civi-company-item .company-bottom {
  display: flex;
  justify-content: space-between;
}
.civi-company-item .company-status-inner .civi-button {
  min-width: 135px;
}
.civi-company-item .company-inner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.civi-company-item .company-bottom {
  margin-top: 24px;
}
.civi-company-item .company-available {
  font-weight: 500;
}
.civi-company-item .company-available span {
  color: var(--civi-color-accent);
}
.civi-company-item .logo-comnpany {
  height: 54px;
  width: 54px;
  -o-object-fit: cover;
     object-fit: cover;
  background-color: #f9f9f9;
  border-radius: 50%;
  text-align: center;
  line-height: 54px;
  max-width: none;
}
.civi-company-item .company-img {
  margin-right: 16px;
  display: block;
}
.civi-company-item .company-size,
.civi-company-item .company-location {
  margin-right: 15px;
}
.civi-company-item .company-size a,
.civi-company-item .company-location a {
  color: var(--civi-color-secondary);
  font-weight: 500;
}
.civi-company-item .company-size i,
.civi-company-item .company-location i {
  font-size: 18px;
  font-weight: 400;
  margin-right: 7px;
}
.civi-company-item .civi-rating-warpper .rating-count {
  padding-left: 0;
}
.civi-company-item .civi-rating-warpper .rating-count:before {
  content: none;
}
.civi-company-item .company-title {
  font-size: 18px;
  display: inline-block;
  margin-bottom: 5px;
}
.civi-company-item .company-title a {
  color: var(--civi-color-primary);
}
.civi-company-item .company-title a:hover {
  color: var(--civi-color-accent);
}
.civi-company-item .company-title i {
  font-size: 8px;
  width: 15px;
  height: 15px;
  background-color: #3ab446;
  line-height: 15px;
  text-align: center;
  border-radius: 50%;
  margin-left: 5px;
  color: #fff;
}
.civi-company-item .label-categories {
  color: var(--civi-color-accent);
  background-color: rgba(0, 116, 86, 0.05);
}
.civi-company-item .label-categories i {
  padding-right: 5px;
  font-weight: normal;
}
.civi-company-item .des-company {
  margin-top: 22px;
  line-height: 1.5;
}
.civi-company-item .civi-check-company:after {
  top: -3px;
}

.company-status-inner .civi-dual-ring,
.civi-company-header-bottom .civi-dual-ring,
.candidate-status-inner .civi-dual-ring,
.civi-candidate-header-bottom .civi-dual-ring {
  width: 16px;
  height: 16px;
  position: static;
  transform: none;
  margin-bottom: -2px;
  margin-right: 10px;
}
.company-status-inner .civi-dual-ring:after,
.civi-company-header-bottom .civi-dual-ring:after,
.candidate-status-inner .civi-dual-ring:after,
.civi-candidate-header-bottom .civi-dual-ring:after {
  width: 16px;
  height: 16px;
  border-width: 2px;
}

.civi-add-to-follow:hover .civi-dual-ring:after,
.civi-add-to-follow-candidate:hover .civi-dual-ring:after {
  border-color: #fff transparent #fff transparent;
}
.civi-add-to-follow.added .fa-plus:before,
.civi-add-to-follow-candidate.added .fa-plus:before {
  content: "\f00c";
}
.civi-add-to-follow.removed .fa-check:before,
.civi-add-to-follow-candidate.removed .fa-check:before {
  content: "\f067";
}

@media (max-width: 576px) {
  .civi-company-item .company-header {
    position: relative;
  }
  .civi-company-item .company-status-inner {
    position: absolute;
    right: 0;
  }
  .civi-company-item .review-count {
    display: none;
  }
  .civi-company-item .civi-rating-warpper {
    margin-top: 0;
  }
}
/***

==================================================================
Call To Action Four
==================================================================

***/
.call-to-action-four {
  position: relative;
  background-color: rgba(25, 103, 210, 0.07);
  padding: 15px;
  padding-right: 90px;
  border-radius: 10px;
  overflow: hidden;
}
.call-to-action-four h5 {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #202124;
  margin-bottom: 17px;
}
.call-to-action-four p {
  font-size: 14px;
  line-height: 24px;
  color: #696969;
  margin-bottom: 25px;
}
.call-to-action-four .image {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 140px;
  background-repeat: no-repeat;
  background-position: center left;
  background-size: cover;
}

.call-to-action-four.style-two {
  padding: 50px 50px;
}
.call-to-action-four.style-two h5 {
  font-weight: 500;
  font-size: 30px;
  line-height: 41px;
  color: #202124;
}
.call-to-action-four.style-two p {
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 25px;
}
.call-to-action-four.style-two .image {
  width: 350px;
}

.open-canvas .call-to-action-four {
  display: none;
}

#jobs_type-error,
#jobs_skills-error {
  position: absolute;
  z-index: 2;
  bottom: -23px;
}

.submit-company-header h4 {
  font-size: 28px;
}
.submit-company-header .button-warpper {
  margin-top: 0;
}

#company-submit-video .col-md-12 {
  padding-left: 0;
  padding-right: 0;
}

.about-company-dashboard .title-company-about {
  font-size: 24px;
  margin-bottom: 24px;
}
.about-company-dashboard .img-company {
  width: 64px;
  height: 64px;
  background-color: #f9f9f9;
  text-align: center;
  line-height: 64px;
  border-radius: 50%;
}
.about-company-dashboard .img-company i {
  font-size: 20px;
  color: var(--civi-color-secondary);
}
.about-company-dashboard .img-company img {
  width: inherit;
  height: inherit;
  border-radius: inherit;
}
.about-company-dashboard .title-about {
  font-size: 16px;
}
.about-company-dashboard .company-right {
  margin-left: 15px;
}
.about-company-dashboard .company-right i {
  color: var(--civi-color-secondary);
  font-weight: 400;
  margin-right: 5px;
}
.about-company-dashboard .company-right .title-about {
  display: inline-block;
}
.about-company-dashboard .info-company {
  display: flex;
  align-items: center;
}
.about-company-dashboard .des-about {
  margin-bottom: 0;
  margin-top: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 25px;
  -webkit-line-clamp: 3;
  max-height: 75px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.submit-company-dashboard .widget-area-init {
  margin-top: 100px;
}
.submit-company-dashboard .button-warpper {
  display: flex;
  justify-content: flex-end;
  margin-top: 0;
}
.submit-company-dashboard .button-warpper .civi-button + .civi-button {
  margin-left: 15px;
}

@media (max-width: 576px) {
  .submit-company-dashboard .submit-company-header {
    display: block;
  }
  .submit-company-dashboard .submit-company-header .entry-title {
    margin-bottom: 20px;
  }
  .submit-company-dashboard .button-warpper {
    justify-content: flex-start;
  }
  #company-submit-media .company-fields-warpper {
    display: block;
  }
  #company-submit-media .company-fields-thumbnail {
    margin-top: 30px;
  }
}
body.admin-bar.single-company .widget-area-init.has-sticky {
  position: sticky;
  top: 60px;
  z-index: 2;
}

body.single-company #wrapper {
  overflow: inherit;
}
body.single-company .widget-area-init.has-sticky {
  position: sticky;
  top: 30px;
  z-index: 2;
}

.civi-check-company {
  background-color: var(--civi-color-secondary);
  height: 15px;
  width: 15px;
  display: inline-block;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  text-align: center;
  margin-left: 5px;
  line-height: 15px;
  z-index: 2;
}
.civi-check-company.active {
  background-color: #3ab446;
}
.civi-check-company:hover .tip-content {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, calc(-100% - 13px));
}
.civi-check-company:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f00c";
  position: relative;
  font-size: 8px;
  color: #fff;
  top: -2px;
}
.civi-check-company .tip-content {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, calc(-100% - 20px));
  background: #333;
  color: #fff;
  padding: 10px;
  min-width: 200px;
  line-height: 1.5;
  font-size: 12px;
  border-radius: 4px;
  pointer-events: none;
  z-index: 999;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.civi-check-company .tip-content:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f0dd";
  position: absolute;
  bottom: 3px;
  left: 50%;
  font-size: 22px;
  color: #333;
  transform: translate(-50%, 50%);
}
.civi-check-company .tip-content h4 {
  font-size: 13px;
  color: #fff;
}
.civi-check-company .tip-content .list-check {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.civi-check-company .tip-content .list-check li {
  display: flex;
  align-items: center;
}
.civi-check-company .tip-content .list-check li.active i.fa-check {
  background-color: #3ab446;
}
.civi-check-company .tip-content .list-check i.fa-check {
  font-size: 8px;
  width: 15px;
  height: 15px;
  background-color: var(--civi-color-secondary);
  line-height: 15px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  margin-left: 0;
  margin-right: 5px;
}

.company-gallery-details figure img {
  height: 230px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.company-gallery-details .slick-nav .slick-arrow {
  top: calc(50% - 15px);
}

#company-submit-media #civi_thumbnail_container {
  height: 150px;
}
#company-submit-media #civi_add_thumbnail {
  width: 100%;
}
#company-submit-media .company-fields-warpper {
  display: flex;
}
#company-submit-media .company-fields-thumbnail {
  width: 100%;
}

.site-layout.has-large-thumbnail {
  margin-top: 24px;
}

.ui-widget.ui-widget-content {
  border: 0 !important;
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.03);
}

#slider-range {
  background-color: var(--civi-color-border);
  height: 4px;
  border: none;
  cursor: pointer;
}
#slider-range .ui-state-default, #slider-range .ui-widget-content .ui-state-default, #slider-range .ui-widget-header .ui-state-default {
  border: 3px solid var(--civi-color-accent);
  border-radius: 50%;
  width: 14px;
  height: 14px;
  background-color: var(--civi-color-border);
  cursor: pointer;
}
#slider-range .ui-state-default:focus-visible {
  outline: var(--civi-color-accent);
}

#range-slider {
  padding-top: 18px;
}
#range-slider #amount {
  background-color: transparent;
  text-align: center;
  margin-top: 10px;
  border: 0 !important;
}

.ui-slider .ui-slider-range {
  background-color: var(--civi-color-accent);
}

@media (max-width: 576px) {
  #company-submit-media .company-fields-warpper {
    display: block;
  }
}
.civi-candidates-item.layout-list {
  padding-bottom: 20px;
}
.civi-candidates-item.layout-list .candidates-header-right {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .civi-candidates-item.layout-list .candidates-header-right {
    display: block;
  }
  .civi-candidates-item.layout-list .candidates-title {
    margin-top: 14px;
  }
}
@media (max-width: 576px) {
  .civi-candidates-item.layout-list .candidate-bottom {
    display: block;
  }
  .civi-candidates-item.layout-list .candidate-salary {
    margin-top: 15px;
  }
}
.civi-candidates-item.layout-grid .candidates-title {
  margin-top: 14px;
}
.civi-candidates-item.layout-grid .review-count {
  display: none;
}
.civi-candidates-item.layout-grid .candidate-salary {
  margin-top: 24px;
}

.civi-candidates-item {
  position: relative;
  padding: 28px;
  border-radius: 16px;
  border: 1px solid var(--civi-color-border);
  background-color: #fff;
  transition: box-shadow 0.3s;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.01);
  cursor: pointer;
}
.civi-candidates-item:hover {
  box-shadow: 0 18px 22px -5px rgba(0, 0, 0, 0.05);
}
.civi-candidates-item a:not(.civi-link-item) {
  position: relative;
  z-index: 2;
}
.civi-candidates-item .candidate-header,
.civi-candidates-item .candidate-bottom {
  display: flex;
  justify-content: space-between;
}
.civi-candidates-item .candidate-inner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.civi-candidates-item .candidate-bottom {
  margin-top: 24px;
}
.civi-candidates-item h4 {
  margin-bottom: 5px;
}
.civi-candidates-item h4 a {
  font-size: 18px;
  color: var(--civi-color-primary);
}
.civi-candidates-item h4 a:hover {
  color: var(--civi-color-accent);
}
.civi-candidates-item .authour {
  color: var(--civi-color-primary);
  font-weight: 500;
}
.civi-candidates-item .categories-warpper {
  display: inline-flex;
  flex-wrap: wrap;
}
.civi-candidates-item .categories-warpper a {
  font-weight: 500;
  color: var(--civi-color-accent);
}
.civi-candidates-item .categories-warpper .cate-warpper:not(:first-child):before {
  content: ",";
}
.civi-candidates-item .candidate-avatar {
  height: 54px;
  width: 54px;
  -o-object-fit: cover;
     object-fit: cover;
  background-color: #f9f9f9;
  border-radius: 50%;
  text-align: center;
  line-height: 54px;
  margin-right: 16px;
}
.civi-candidates-item .candidate-category {
  margin-right: 15px;
}
.civi-candidates-item .candidate-category a {
  color: var(--civi-color-accent);
  font-weight: 500;
}
.civi-candidates-item .candidate-location {
  margin-right: 15px;
}
.civi-candidates-item .candidate-location a {
  color: var(--civi-color-secondary);
  font-weight: 500;
}
.civi-candidates-item .candidate-location i {
  font-size: 18px;
  font-weight: 400;
  margin-right: 7px;
}
.civi-candidates-item .candidate-rating-warpper .rating-count {
  padding-left: 0;
}
.civi-candidates-item .candidate-rating-warpper .rating-count:before {
  content: none;
}
.civi-candidates-item .civi-add-to-wishlist {
  top: 3px;
  position: relative;
}
.civi-candidates-item .label {
  font-size: 14px;
  font-weight: 500;
  padding: 5px 12px;
  border-radius: 50px;
  display: inline-block;
}
.civi-candidates-item .label-type {
  color: #6c4cbe;
  background-color: #f5ecff;
}
.civi-candidates-item .label-price {
  background-color: rgba(0, 116, 86, 0.05);
  color: var(--civi-color-accent);
}
.civi-candidates-item .days {
  margin-bottom: 8px;
  font-weight: 500;
}
.civi-candidates-item .days span {
  color: var(--civi-color-accent);
}
.civi-candidates-item .candidates-header-right img + img {
  margin-left: 15px;
}
.civi-candidates-item .candidates-title {
  font-size: 18px;
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.civi-candidates-item .candidates-title .tooltip {
  display: inline-flex;
}
.civi-candidates-item .candidates-title a {
  color: var(--civi-color-primary);
}
.civi-candidates-item .candidates-title a:hover {
  color: var(--civi-color-accent);
}
.civi-candidates-item .candidates-title i {
  font-size: 8px;
  width: 15px;
  height: 15px;
  background-color: #3ab446;
  line-height: 15px;
  text-align: center;
  border-radius: 50%;
  margin-left: 5px;
  color: #fff;
}
.civi-candidates-item .candidates-status img {
  margin-right: 15px;
}
.civi-candidates-item .label-skills {
  color: var(--civi-color-accent);
  background-color: rgba(0, 116, 86, 0.05);
}
.civi-candidates-item .label-skills i {
  padding-right: 5px;
  font-weight: normal;
}
.civi-candidates-item .des-candidate {
  margin-top: 22px;
}
.civi-candidates-item .candidate-salary {
  font-size: 24px;
  font-weight: 500;
}
.civi-candidates-item .candidate-salary span {
  color: var(--civi-color-accent);
}

.archive-candidates .civi-candidates-featured {
  border-color: #ffd75e;
}
.archive-candidates .filter-warpper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
.archive-candidates .filter-warpper .entry-filter {
  display: flex;
  align-items: center;
}
.archive-candidates .filter-warpper .entry-left {
  display: flex;
}
.archive-candidates .filter-warpper .result-count {
  color: var(--civi-color-primary);
  font-size: 18px;
  font-weight: 500;
}
.archive-candidates .filter-warpper .candidate-layout a + a {
  margin-left: 8px;
}
.archive-candidates .filter-warpper .candidate-layout i {
  color: var(--civi-color-secondary);
}
.archive-candidates .filter-warpper .candidate-layout a:hover i,
.archive-candidates .filter-warpper .candidate-layout a.active i {
  color: var(--civi-color-primary);
}
.archive-candidates .filter-warpper .text-sort-by {
  font-weight: 500;
  color: var(--civi-color-secondary);
  margin-left: 20px;
}
.archive-candidates .filter-warpper .sort-by {
  font-weight: 500;
  border: 0;
  font-size: 16px;
  color: var(--civi-color-text);
  padding-right: 18px;
  padding-left: 8px;
  background-color: transparent;
}
.archive-candidates .civi-clear-filter {
  cursor: pointer;
  font-size: 14px;
  color: var(--civi-color-accent);
  font-weight: 500;
}
.archive-candidates .inner-content.has-map {
  display: flex;
}
.archive-candidates .inner-content .area-candidates {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  list-style-type: none;
  grid-template-columns: repeat(2, 1fr);
}
.archive-candidates .inner-content.layout-list .area-candidates {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-columns: repeat(1, 1fr);
}
.archive-candidates .inner-content .col-right {
  flex: 0 0 475px;
  max-width: 475px;
  padding-top: 68px;
  margin-left: 60px;
}
.archive-candidates .filter-candidates-search {
  display: block;
  height: 100vh;
  position: sticky;
  top: 0;
}
.archive-candidates .filter-candidates-search .entry-map {
  height: 100vh;
  position: relative;
}
.archive-candidates #pac-input {
  display: none;
}
.archive-candidates .archive-candidates-top .form-candidates-top-filter {
  margin-left: 15px;
  margin-right: 15px;
}
.archive-candidates .archive-candidates-top .form-group {
  border-top: 1px solid var(--civi-color-border);
  border-bottom: 1px solid var(--civi-color-border);
  flex-grow: 1;
}
.archive-candidates .archive-candidates-top .form-group + .form-group {
  border-left: 1px solid var(--civi-color-border);
}
.archive-candidates .archive-candidates-top .form-group:last-child {
  background-color: #fff;
  text-align: right;
  padding-right: 15px;
  border-radius: 0 50px 50px 0;
  border: 1px solid var(--civi-color-border) !important;
  max-width: 210px;
}
.archive-candidates .archive-candidates-top .form-group:last-child, .archive-candidates .archive-candidates-top .form-group:first-child {
  border: 0;
}
.archive-candidates .archive-candidates-top h2 {
  margin-top: 52px;
  margin-bottom: 32px;
  text-align: center;
}
.archive-candidates .archive-candidates-top .btn-filter-search,
.archive-candidates .archive-candidates-top .select-arrow i {
  color: var(--civi-color-secondary);
  font-size: 18px;
  position: absolute;
  top: 50%;
  z-index: 2;
  left: 20px;
  font-weight: 400;
  transform: translateY(-50%);
}
.archive-candidates .archive-candidates-top .form-select i.fa-angle-down {
  right: 25px;
  left: auto;
}
.archive-candidates .archive-candidates-top .candidates-search-control,
.archive-candidates .archive-candidates-top .select-arrow select {
  padding-left: 50px;
  border: 0;
  height: 70px;
  width: 100%;
  border-radius: 0;
}
.archive-candidates .archive-candidates-top .candidates-search-control {
  border-radius: 50px 0 0 50px;
  border-width: 1px 0 1px 1px !important;
  border-color: var(--civi-color-border) !important;
  border-style: solid !important;
  line-height: 70px;
  height: 72px;
}
.archive-candidates .archive-candidates-top .select2-container--default .select2-selection--multiple {
  padding-top: 10px;
  padding-bottom: 10px;
}
.archive-candidates .archive-candidates-top .btn-top-filter {
  margin-top: 14px;
}
.archive-candidates .archive-candidates-top .btn-top-filter .btn-loading {
  display: none;
}
.archive-candidates .archive-candidates-top .civi-clear-top-filter {
  color: var(--civi-color-secondary);
  padding-right: 10px;
  cursor: pointer;
}
.archive-candidates .archive-candidates-top .civi-clear-top-filter:hover {
  color: var(--civi-color-accent);
}

@media (max-width: 576px) {
  .civi-candidates-item .candidate-header {
    position: relative;
  }
  .civi-candidates-item .candidate-status-inner {
    position: absolute;
    right: 0;
  }
  .civi-candidates-item .review-count {
    display: none;
  }
  .civi-candidates-item .candidate-rating-warpper {
    margin-top: 0;
  }
}
.has-large-thumbnail.candidate-thumbnail-details img {
  border-radius: 16px;
  width: 100%;
}

.candidate-thumbnail-details:not(.has-large-thumbnail) .container {
  padding-right: 0;
  padding-left: 0;
}
.candidate-thumbnail-details img {
  border-radius: 16px 16px 0 0;
}

@media (max-width: 576px) {
  .has-large-thumbnail.candidate-thumbnail-details {
    margin-top: 25px;
    margin-bottom: -30px;
  }
}
.candidate-head-details .civi-candidate-header-top {
  display: flex;
}
.candidate-head-details .civi-candidate-header-top .image-candidates {
  width: 64px;
  height: 64px;
  -o-object-fit: cover;
     object-fit: cover;
  background-color: #f9f9f9;
  text-align: center;
  line-height: 60px;
  border-radius: 50%;
  margin-right: 16px;
}
.candidate-head-details .civi-candidate-header-top .image-candidates i {
  font-size: 18px;
  color: var(--civi-color-secondary);
}
.candidate-head-details .title-wapper {
  display: flex;
  align-items: center;
}
.candidate-head-details .title-wapper h1 {
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}
.candidate-head-details .title-wapper i {
  font-size: 8px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: var(--civi-color-accent);
  line-height: 15px;
  text-align: center;
  color: #fff;
  margin-left: 5px;
}
.candidate-head-details .title-wapper .tooltip {
  display: inline-flex;
}
.candidate-head-details .logo-comnpany {
  margin-right: 16px;
}
.candidate-head-details .candidate-info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.candidate-head-details .candidate-category a {
  color: var(--civi-color-accent);
  font-weight: 500;
}
.candidate-head-details .candidate-warpper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.candidate-head-details .candidate-warpper .cate-warpper {
  font-weight: 500;
  margin-right: 8px;
}
.candidate-head-details .candidate-warpper i {
  font-size: 18px;
  color: var(--civi-color-secondary);
  margin-right: 8px;
  font-weight: 400;
}
.candidate-head-details .candidate-warpper:before {
  content: "";
  width: 6px;
  height: 6px;
  top: 50%;
  background-color: #d9d9d9;
  border-radius: 50%;
  margin-right: 10px;
}
.candidate-head-details .civi-candidate-header-bottom {
  display: flex;
  flex-wrap: wrap;
  margin-top: 32px;
}
.candidate-head-details .civi-candidate-header-bottom a {
  margin-right: 8px;
}
.candidate-head-details .civi-candidate-header-bottom .btn-webs {
  border-color: var(--civi-color-primary);
}
.candidate-head-details .candidate-current-position {
  color: var(--civi-color-accent);
  font-weight: 500;
}

.candidate-overview-details {
  line-height: 1.5;
  padding-bottom: 8px;
}

.single.candidate-experience {
  margin-top: 21px;
}
.single.candidate-experience .experience-title {
  position: relative;
  margin-left: 34px;
  color: var(--civi-color-primary);
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}
.single.candidate-experience .experience-title.time-dot::before {
  left: -34px;
}
.single.candidate-experience .experience-details {
  position: relative;
  height: 100%;
  margin-top: 4px;
  margin-left: 34px;
}
.single.candidate-experience .experience-details.time-line::before {
  left: -30px;
}
.single.candidate-experience .experience-details span:first-child {
  color: var(--civi-color-accent);
  font-weight: 500;
}
.single.candidate-experience .experience-details span:not(:first-child) {
  color: var(--civi-color-text);
  font-weight: 400;
}
.single.candidate-experience .experience-details span:nth-child(2)::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  top: 50%;
  background-color: #D9D9D9;
  border-radius: 50%;
  margin-right: 8px;
  margin-left: 8px;
  margin-bottom: 4px;
}
.single.candidate-experience .experience-details span:last-child {
  display: block;
  margin-top: 16px;
}
.single.candidate-experience .description {
  margin-top: 16px;
  color: var(--civi-color-text);
  font-weight: 400;
}

.single.candidate-education {
  margin-top: 21px;
}
.single.candidate-education .education-title {
  position: relative;
  margin-left: 34px;
  color: var(--civi-color-primary);
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}
.single.candidate-education .education-title.time-dot::before {
  left: -34px;
}
.single.candidate-education .time-dot:before {
  border-color: #FFD75E;
}
.single.candidate-education .education-details {
  position: relative;
  height: 100%;
  margin-top: 4px;
  margin-left: 34px;
}
.single.candidate-education .education-details.time-line:before {
  left: -30px;
  border-color: #FFD75E;
}
.single.candidate-education .education-details span:first-child {
  color: var(--civi-color-accent);
  font-weight: 500;
}
.single.candidate-education .education-details span:not(:first-child) {
  color: var(--civi-color-text);
  font-weight: 400;
}
.single.candidate-education .education-details span:nth-child(2)::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  top: 50%;
  background-color: #D9D9D9;
  border-radius: 50%;
  margin-right: 8px;
  margin-left: 8px;
  margin-bottom: 4px;
}
.single.candidate-education .education-details span:last-child {
  display: block;
  margin-top: 16px;
}
.single.candidate-education .description {
  margin-top: 16px;
  color: var(--civi-color-text);
  font-weight: 400;
}

.single.candidate-award {
  margin-top: 21px;
}
.single.candidate-award .award-title {
  position: relative;
  color: var(--civi-color-primary);
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  margin-left: 34px;
}
.single.candidate-award .award-title.time-dot::before {
  left: -34px;
}
.single.candidate-award .award-details {
  position: relative;
  height: 100%;
  margin-top: 4px;
  margin-left: 34px;
}
.single.candidate-award .award-details span:not(:first-child) {
  color: var(--civi-color-text);
  font-weight: 400;
}
.single.candidate-award .award-details span:last-child {
  display: block;
  margin-top: 16px;
}
.single.candidate-award .award-details.time-line:before {
  left: -30px;
}
.single.candidate-award .description {
  margin-top: 16px;
  color: var(--civi-color-text);
  font-weight: 400;
}

.candidate-project-details {
  margin-top: 16px;
  border: 1px solid var(--civi-color-border);
  border-radius: 16px;
}
.candidate-project-details figure {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}
.candidate-project-details figure:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  background: linear-gradient(180deg, rgba(30, 30, 30, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
}
.candidate-project-details figure:before {
  content: "";
  display: block;
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  transition: all 0.6s;
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
  z-index: 3;
}
.candidate-project-details figure:hover .content-project {
  transition: transform 0.5s;
  transform: translateY(0);
}
.candidate-project-details figure:hover .project-inner {
  opacity: 1;
}
.candidate-project-details figure:hover img {
  transform: scale(1.2);
}
.candidate-project-details figure:hover:before {
  opacity: 1;
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
}
.candidate-project-details figure:hover:after {
  background: linear-gradient(180deg, rgba(30, 30, 30, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
}
.candidate-project-details figure img {
  border-radius: 8px;
  height: 280px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  transition: opacity 0.5s, transform 0.5s;
}
.candidate-project-details .civi-slick-carousel {
  margin-left: -12px;
  margin-right: -12px;
}
.candidate-project-details .civi-slick-carousel .slick-slide {
  padding-left: 12px;
  padding-right: 12px;
}
.candidate-project-details .content-project {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 32px;
  z-index: 2;
  transition: transform 0.5s;
  transform: translateY(115px);
}
.candidate-project-details .content-project * {
  color: #fff !important;
}
.candidate-project-details .content-project h4 {
  font-size: 18px;
  line-height: 1.3;
}
.candidate-project-details .content-project p {
  margin-bottom: 16px;
}
.candidate-project-details .content-project .civi-button.button-border-bottom:after {
  background-color: #fff;
}
.candidate-project-details .project-inner {
  opacity: 0;
  transition: opacity 0.3s;
}

.block-archive-sidebar {
  padding: 28px;
  border: 1px solid var(--civi-color-border);
  border-radius: 16px;
  background-color: #fff;
}
.block-archive-sidebar + .block-archive-sidebar {
  margin-top: 16px;
}
.block-archive-sidebar h4 {
  font-size: 24px;
}

.candidate-sidebar .candidate-header {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.candidate-sidebar .candidate-header img {
  width: 54px;
  height: 54px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.candidate-sidebar .name {
  margin-left: 16px;
}
.candidate-sidebar .name h2 {
  font-size: 24px;
}
.candidate-sidebar .name h2 a {
  display: flex;
  align-items: center;
  color: var(--civi-color-primary);
}
.candidate-sidebar .name h2 i {
  font-size: 8px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: var(--civi-color-accent);
  line-height: 15px;
  text-align: center;
  color: #fff;
  margin-left: 5px;
}
.candidate-sidebar .name p {
  margin-bottom: 0;
}
.candidate-sidebar .name p a {
  font-weight: 500;
  color: var(--civi-color-accent);
}
.candidate-sidebar p {
  line-height: 1.5em;
}
.candidate-sidebar .title-info {
  font-weight: 500;
  color: var(--civi-color-primary);
  margin-bottom: 3px;
}
.candidate-sidebar .list-cate {
  padding-left: 0;
  margin-bottom: 0;
}
.candidate-sidebar .list-cate .cate {
  font-weight: 500;
  color: var(--civi-color-accent);
}
.candidate-sidebar .content {
  overflow: hidden;
  display: block;
  height: 72px;
  overflow: hidden;
  margin-bottom: 20px;
}
.candidate-sidebar .content p {
  margin-bottom: 0;
}
.candidate-sidebar .details-info {
  margin-bottom: 0;
}
.candidate-sidebar .details-info.email a {
  color: var(--civi-color-accent);
}
.candidate-sidebar .details-info.salary {
  color: var(--civi-color-accent);
  font-weight: 500;
}
.candidate-sidebar .info {
  margin-bottom: 15px;
}
.candidate-sidebar .list-social {
  margin-bottom: 0;
  list-style: none;
  padding-left: 0;
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.candidate-sidebar .list-social li + li {
  margin-left: 16px;
}
.candidate-sidebar .list-social a {
  font-weight: 500;
  color: var(--civi-color-secondary);
  font-size: 20px;
}
.candidate-sidebar .list-social a:hover {
  color: var(--civi-color-accent);
}

.cover-wrapper {
  width: 100%;
  margin-bottom: 24px;
  padding-right: 15px;
  padding-left: 15px;
}
.cover-wrapper .cover {
  -webkit-mask-image: linear-gradient(rgba(17, 17, 17, 0.7), rgba(17, 17, 17, 0.7));
  mask-image: linear-gradient(rgb(17, 17, 17), rgb(17, 17, 17));
}
.cover-wrapper img {
  border-radius: 16px;
}

.candidate-review-details {
  border: 1px solid var(--civi-color-border);
  border-radius: 16px;
  margin-top: 16px;
}
.candidate-review-details .entry-heading {
  align-items: center;
  display: flex;
  padding-bottom: 24px;
}
.candidate-review-details .rating-count {
  font-size: 20px;
  color: #fff;
  background-color: var(--civi-color-accent);
  padding: 5px 16px;
  border-radius: 8px;
}
.candidate-review-details .review-count {
  color: var(--civi-color-secondary);
  margin-left: 12px;
}
.candidate-review-details .entry-overview {
  padding-top: 15px;
  padding-bottom: 15px;
}

.reviews-list {
  padding-left: 0;
  list-style: none;
}
.reviews-list .entry-avatar img {
  width: 54px;
  height: 54px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  max-width: -moz-max-content;
  max-width: max-content;
}
.reviews-list .entry-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.reviews-list .entry-info {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-left: 16px;
}
.reviews-list .author-name {
  font-size: 16px;
  margin-bottom: 0;
}
.reviews-list .review-date {
  color: var(--civi-color-secondary);
}
.reviews-list .review-content {
  line-height: 1.5;
  margin-top: 11px;
  margin-bottom: 11px;
}
.reviews-list .review-title {
  font-size: 22px;
  margin-bottom: 0;
}
.reviews-list .entry-comment ul {
  padding-left: 0;
  margin-bottom: 10px;
}
.reviews-list .entry-comment li {
  list-style: none;
}
.reviews-list .entry-comment img {
  width: 70px;
  height: 70px;
  -o-object-fit: cover;
     object-fit: cover;
}
.reviews-list ol {
  list-style: none;
}
.reviews-list .author-review {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid var(--civi-color-border);
}

.add-new-review {
  padding-top: 24px;
  border-top: 1px solid var(--civi-color-border);
}
.add-new-review .form-group + .form-group {
  margin-top: 20px;
}
.add-new-review .form-media input {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.add-new-review .civi-submit-candidate-rating {
  margin-top: 24px;
}
.add-new-review .login-for-review {
  font-weight: 500;
}
.add-new-review .login-for-review a {
  color: var(--civi-color-accent);
}
.add-new-review label span.name {
  height: 36px;
  line-height: 36px;
  padding: 0 14px;
  border-radius: 20px;
  background-color: #ededed;
  display: inline-block;
  font-weight: 500;
  cursor: pointer;
  font-size: 14px;
}
.add-new-review label span.name:before {
  content: "\f03e";
  font-size: 18px;
  font-family: "Font Awesome 5 Pro";
  margin-right: 10px;
  vertical-align: -2px;
}
.add-new-review .form-media {
  display: none;
}
.add-new-review .review-title {
  font-size: 24px;
}
.add-new-review .custom-area .current-user-avatar {
  position: absolute;
  top: 35px;
  left: 35px;
}
.add-new-review .custom-area .current-user-avatar img {
  width: 50px;
  height: 50px;
  border-radius: 30px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  -o-object-fit: cover;
     object-fit: cover;
}
.add-new-review .custom-area textarea {
  border-color: #ccc;
  border-radius: 3px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  padding: 35px 35px 35px 105px;
  max-height: 150px;
  resize: none;
}
.add-new-review .star-rating {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  width: 49%;
}
.add-new-review .rate-title {
  display: block;
  width: 100%;
  margin-bottom: 3px;
  font-weight: 500;
}
.add-new-review .rate-title span {
  display: inline-block;
  vertical-align: middle;
}

.add-new-review .tip,
.rating-bars .tip {
  background-color: var(--civi-color-secondary);
  height: 15px;
  width: 15px;
  display: inline-block;
  font-size: 11px;
  border-radius: 50%;
  cursor: help;
  text-align: center;
  position: relative;
  vertical-align: -1px;
  margin-left: 3px;
  line-height: 20px;
}
.add-new-review .tip:hover .tip-content,
.rating-bars .tip:hover .tip-content {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, calc(-100% - 13px));
}
.add-new-review .tip:after,
.rating-bars .tip:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f12a";
  display: inline-block;
  position: relative;
  text-align: center;
  font-size: 7px;
  line-height: normal;
  vertical-align: 3px;
  font-style: normal;
  color: #fff;
}
.add-new-review .tip .tip-content,
.rating-bars .tip .tip-content {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, calc(-100% - 20px));
  background: #333;
  color: #fff;
  padding: 13px 15px;
  min-width: 200px;
  max-width: 200px;
  font-size: 13px;
  border-radius: 4px;
  line-height: 19px;
  pointer-events: none;
  z-index: 999;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.add-new-review .tip .tip-content:after,
.rating-bars .tip .tip-content:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f0dd";
  position: absolute;
  bottom: 3px;
  left: 50%;
  font-size: 22px;
  color: #333;
  transform: translate(-50%, 50%);
}

.rating-bars {
  display: flex;
  flex-wrap: wrap;
  margin-left: -30px;
  margin-right: -30px;
}
.rating-bars .rating-bars-item {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 15px 30px;
}
.rating-bars .rating-bars-item .value-rating {
  color: var(--civi-color-secondary);
  font-weight: 500;
}
.rating-bars .rating-bars-name {
  font-weight: 500;
  display: block;
}
.rating-bars .rating-bars-inner {
  display: flex;
}
.rating-bars .rating-bars-rating {
  display: inline-block;
  vertical-align: baseline;
  background: #efefef;
  width: 100%;
  height: 6px;
  margin-right: 10px;
  border-radius: 3px;
  overflow: hidden;
  background-color: var(--civi-color-border);
  align-self: center;
}
.rating-bars .rating-bars-rating.high .rating-bars-rating-inner {
  background-color: var(--civi-color-accent);
}
.rating-bars .rating-bars-rating-inner {
  height: 6px;
  display: block;
  background-color: var(--civi-color-accent);
  position: relative;
  width: 0;
  transition: width 0.5s;
}

.repreviewForm {
  margin-bottom: 15px;
}
.repreviewForm .civi-button i {
  margin-left: 8px;
}

.candidate-gallery-details figure img {
  height: 230px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.candidate-gallery-details .slick-nav .slick-arrow {
  top: calc(50% - 15px);
}

#form-invite-popup {
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  z-index: 8;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
#form-invite-popup .bg-overlay {
  opacity: 1;
  visibility: unset;
}
#form-invite-popup .invite-popup {
  padding: 32px;
  background-color: #fff;
  border-radius: 4px;
  max-width: 400px;
  z-index: 9;
  position: relative;
  margin: 0 auto;
  top: 15%;
}
#form-invite-popup .btn-close {
  font-size: 20px;
  position: absolute;
  right: 35px;
}
#form-invite-popup ul.custom-scrollbar {
  padding-left: 0;
  padding-right: 15px;
  list-style: none;
  margin-bottom: 0;
  max-height: 175px;
  overflow: auto;
}
#form-invite-popup ul.custom-scrollbar input {
  border: 2px solid var(--civi-color-secondary);
  margin-top: 7px;
  margin-right: 3px !important;
  min-width: 14px;
}
#form-invite-popup ul.custom-scrollbar label {
  margin-bottom: 0;
  margin-left: 5px;
}
#form-invite-popup li {
  display: flex;
}
#form-invite-popup li + li {
  margin-top: 5px;
}
#form-invite-popup h5 {
  font-size: 24px;
}
#form-invite-popup p {
  color: var(--civi-color-secondary);
}
#form-invite-popup input + input {
  margin-top: 24px;
}
#form-invite-popup .button-warpper {
  display: flex;
  align-items: center;
  margin-top: 15px;
}
#form-invite-popup .button-warpper .civi-button {
  text-align: center;
}
#form-invite-popup .button-warpper .civi-button + .civi-button {
  margin-left: 16px;
}
#form-invite-popup .button-warpper .btn-loading {
  display: none;
}

.title-candidate {
  font-size: 24px;
  margin-bottom: 24px;
}

.candidate-sidebar .list-social {
  justify-content: flex-start;
}
.candidate-sidebar .civi-location {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
.candidate-sidebar .civi-location h3 {
  font-size: 24px;
  margin-bottom: 0;
}

.candidate-single-field {
  border: 1px solid var(--civi-color-border);
  border-radius: 16px;
  margin-top: 16px;
}
.candidate-single-field .additional-warpper:first-child {
  padding-top: 0 !important;
  margin-top: 0 !important;
  border-top: 0 !important;
}

.block-candidate-warrper .block-archive-top .additional-warpper,
.block-candidate-warrper .candidate-single-field .additional-warpper,
.block-candidate-warrper .block-archive-inner .additional-warpper {
  padding-top: 24px;
  margin-top: 24px;
  border-top: 1px solid var(--civi-color-border);
}

.candidate-rating-warpper .rating-count {
  position: relative;
  padding-left: 15px;
}
.candidate-rating-warpper .rating-count:before {
  content: "";
  width: 6px;
  height: 6px;
  display: block;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  background-color: #d9d9d9;
  border-radius: 50%;
  left: 2px;
}
.candidate-rating-warpper .rating-count i {
  color: var(--civi-color-accent);
  font-weight: bold;
  margin-right: 0;
}
.candidate-rating-warpper .rating-count span {
  font-weight: 500;
  color: var(--civi-color-accent);
  margin-right: 3px;
}
.candidate-rating-warpper .review-count {
  color: var(--civi-color-secondary);
  font-weight: 500;
}

.time-dot::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  border: 2px solid var(--civi-color-accent);
  border-radius: 50%;
}

.time-line::before {
  content: "";
  position: absolute;
  width: 1px;
  top: 0px;
  bottom: 0;
  margin: auto 0;
  border: 1px dashed var(--civi-color-accent);
}

.slick-align-left .slick-track {
  margin-left: 0;
}

@media (max-width: 576px) {
  .candidate-info {
    display: block;
  }
  .candidate-rating-warpper {
    margin-top: 10px;
  }
  .candidate-head-details .civi-candidate-header-bottom a {
    margin-bottom: 8px;
  }
  .rating-bars .rating-bars-item {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .add-new-review .star-rating {
    width: 100%;
  }
}
.video-box .image a {
  position: relative;
  display: block;
}
.video-box .image .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 90px;
  height: 90px;
  background: #fff;
  border-radius: 50%;
  line-height: 90px;
  text-align: center;
  color: #000;
  font-size: 44px;
  transform: translate(-50%, -50%);
}

body.single-candidate #wrapper {
  overflow: inherit;
}
body.single-candidate .widget-area-init.has-sticky {
  position: sticky;
  top: 30px;
  z-index: 2;
}

.archive-layout {
  padding-bottom: 80px;
}
.archive-layout.map-top .col-left {
  width: 100%;
}
.archive-layout.map-top .archive-filter-top {
  background-image: none !important;
  background-color: transparent !important;
  padding: 0 !important;
}
.archive-layout.map-top .archive-filter-top .container > h2 {
  display: none;
}
.archive-layout .archive-filter .show-result {
  position: fixed;
  z-index: 99999;
  width: 330px;
  left: 0;
  transform: translate3d(-100%, 0, 0);
  transition: all 0.3s ease 0s;
  padding: 15px 25px;
  bottom: 0;
  background-color: #fff;
  border-top: 1px solid;
  border-color: var(--civi-color-border);
}
.archive-layout input.archive-search-location {
  height: 70px;
  border: 0;
  padding-left: 50px;
  padding-right: 50px;
  border-radius: 0;
}
.archive-layout .entry-mobie {
  margin-bottom: 24px;
  display: none;
}
.archive-layout .entry-mobie .result-count {
  color: var(--civi-color-primary);
  font-size: 18px;
  font-weight: 500;
}
.archive-layout .civi-jobs-featured {
  border-color: #ffd75e;
}
.archive-layout .filter-rating i {
  color: var(--civi-color-accent);
  font-size: 14px;
}
.archive-layout .filter-warpper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
.archive-layout .filter-warpper .entry-filter {
  display: flex;
  align-items: center;
}
.archive-layout .filter-warpper .entry-filter .civi-clear-filter {
  margin-right: 10px;
}
.archive-layout .filter-warpper .entry-left {
  display: flex;
}
.archive-layout .filter-warpper .switch-layout a + a {
  margin-left: 8px;
}
.archive-layout .filter-warpper .switch-layout i {
  color: var(--civi-color-secondary);
}
.archive-layout .filter-warpper .switch-layout a:hover i,
.archive-layout .filter-warpper .switch-layout a.active i {
  color: var(--civi-color-primary);
}
.archive-layout .filter-warpper .text-sort-by {
  font-weight: 500;
  color: var(--civi-color-secondary);
  margin-left: 20px;
}
.archive-layout .filter-warpper .select2 {
  margin-left: 20px;
}
.archive-layout .filter-warpper .sort-by {
  font-weight: 500;
  border: 0;
  font-size: 16px;
  color: var(--civi-color-text);
  padding-right: 18px;
  padding-left: 8px;
  background-color: transparent;
  width: auto;
}
.archive-layout .filter-warpper .result-count {
  color: var(--civi-color-primary);
  font-size: 18px;
  font-weight: 500;
}
.archive-layout .civi-clear-filter {
  cursor: pointer;
  font-size: 14px;
  color: var(--civi-color-accent);
  font-weight: 500;
  display: none;
}
.archive-layout .inner-content.has-map {
  display: flex;
}
.archive-layout .inner-content .area-archive {
  display: grid;
}
.archive-layout .inner-content .area-archive.grid-view {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  list-style-type: none;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 576px) {
  .archive-layout .inner-content .area-archive.grid-view {
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: 16px;
  }
}
.archive-layout .inner-content .area-archive.list-view {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-columns: repeat(1, 1fr);
}
.archive-layout .inner-content .col-right {
  flex: 0 0 475px;
  max-width: 475px;
  padding-top: 68px;
  margin-left: 60px;
}
.archive-layout .inner-content.layout-full {
  display: flex;
}
.archive-layout .inner-content.layout-full .col-left {
  flex: 0 0 40%;
  max-width: 40%;
  padding-right: 15px;
  position: sticky;
  z-index: 3;
  top: 30px;
  padding-top: 0;
  margin-top: 60px;
  height: calc(100vh - 50px);
  overflow: auto;
}
.archive-layout .inner-content.layout-full .col-right {
  flex: 0 0 60%;
  max-width: 60%;
  padding-left: 15px;
  margin: 0;
}
.archive-layout .inner-content.layout-full .block-archive-top {
  overflow: hidden;
}
.archive-layout .inner-content.layout-full .area-archive.column-1 {
  display: block;
}
.archive-layout .inner-content.layout-full .area-archive.column-1 .civi-jobs-item {
  margin-bottom: 20px;
}
.archive-layout .inner-content.layout-full .area-archive.column-1 .civi-jobs-item a {
  pointer-events: none;
  cursor: default;
}
.archive-layout .inner-content.layout-full .area-archive.column-1 .jobs-footer-left {
  margin: 0 0 10px 0;
}
.archive-layout .inner-content.layout-full .area-archive.column-1 .jobs-archive-footer {
  display: block;
}
.archive-layout .inner-content.layout-full .civi-jobs-header-bottom {
  line-height: normal;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.archive-layout .inner-content.layout-full .civi-jobs-header-bottom .label {
  display: flex;
  align-items: center;
}
.archive-layout .inner-content.layout-full .civi-jobs-header-bottom .left {
  flex: 1;
  margin-right: 30px;
}
.archive-layout .inner-content.layout-full .civi-jobs-header-bottom .left .label {
  display: inline-flex;
}
.archive-layout .inner-content.layout-full .civi-jobs-item .jobs-title {
  font-size: 16px;
}
.archive-layout .inner-content.layout-full .civi-jobs-item .info-company {
  font-size: 14px;
}
.archive-layout .inner-content.layout-full .civi-jobs-item.layout-list .jobs-header-left {
  align-items: flex-start;
}
.archive-layout .preview-tabs .tab-nav {
  list-style: none;
  padding: 0 32px;
  border-bottom: 2px solid #f9f9f9;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
}
.archive-layout .preview-tabs .tab-nav li {
  margin-right: 8px;
}
.archive-layout .preview-tabs .tab-nav a {
  text-transform: uppercase;
  font-weight: 600;
  color: #999;
  padding: 12px;
  line-height: 1.2;
  border-bottom: 2px solid #f9f9f9;
  display: block;
  margin-bottom: -2px;
}
.archive-layout .preview-tabs .tab-nav a.is-active {
  border-bottom-color: #111;
  color: #111;
}
.archive-layout .preview-tabs .tab-content {
  display: none;
  background-color: #fff;
}
.archive-layout .preview-tabs .tab-content.is-active {
  display: block;
}
.archive-layout .preview-tabs .company-overview,
.archive-layout .preview-tabs .company-jobs {
  padding: 32px 32px 0;
}
.archive-layout .preview-tabs .company-overview .title,
.archive-layout .preview-tabs .company-jobs .title {
  font-size: 24px;
  margin-bottom: 24px;
}
.archive-layout .preview-tabs .company-jobs {
  padding-bottom: 32px;
}
.archive-layout .preview-tabs .company-overview {
  display: flex;
  flex-wrap: wrap;
}
.archive-layout .preview-tabs .company-overview .title,
.archive-layout .preview-tabs .company-overview .content {
  flex: 0 0 100%;
  max-width: 100%;
}
.archive-layout .preview-tabs .company-overview .info {
  flex: 0 0 33.33%;
  max-width: 33.33%;
}
.archive-layout .preview-tabs .company-overview .content {
  margin-bottom: 20px;
}
.archive-layout .preview-tabs .company-overview .content p {
  margin-bottom: 0;
  display: none;
}
.archive-layout .preview-tabs .company-overview .content p:first-child {
  display: inline-block;
}
.archive-layout .preview-tabs .company-overview .content.is-active p {
  display: inline-block;
  margin-bottom: 12px;
}
.archive-layout .preview-tabs .company-overview .content a {
  color: #007456;
}
.archive-layout .preview-tabs .company-overview .content a:hover {
  text-decoration: underline;
}
.archive-layout .preview-tabs .info .title-info {
  color: #111;
  font-weight: 500;
  margin-bottom: 4px;
}
.archive-layout .preview-tabs .info a {
  color: #007456;
}
.archive-layout .preview-tabs .info .salary-info {
  white-space: nowrap;
}
.archive-layout .preview-tabs .info .list-cate a {
  display: inline-flex;
  justify-content: flex-start;
}
.archive-layout .preview-tabs .info .list-cate a:last-child:before {
  content: "";
}
.archive-layout .preview-tabs .info .list-cate a:before {
  content: ",";
  order: 2;
}
.archive-layout .preview-tabs .info .company-phone i {
  margin-left: 7px;
  cursor: pointer;
}
.archive-layout .preview-tabs .list-social,
.archive-layout .preview-tabs .list-jobs {
  padding: 0;
  margin: 0 0 24px 0;
  list-style: none;
  flex: 0 0 100%;
  max-width: 100%;
}
.archive-layout .preview-tabs .list-social li,
.archive-layout .preview-tabs .list-jobs li {
  display: inline-block;
  margin-right: 16px;
}
.archive-layout .preview-tabs .civi-button.button-block {
  width: auto;
  margin-right: 20px;
}
.archive-layout .preview-tabs .civi-button.button-block i,
.archive-layout .preview-tabs .civi-button.button-block svg {
  margin: 0 0 0 10px;
}
.archive-layout .preview-tabs .list-jobs li {
  display: block;
  margin: 0 0 16px 0;
  padding-bottom: 16px;
  border-bottom: 1px solid #eee;
}
.archive-layout .preview-tabs .list-jobs li .title {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 4px;
}
.archive-layout .preview-tabs .list-jobs li .title a {
  color: #111;
}
.archive-layout .preview-tabs .list-jobs li .title a:hover {
  color: #007456;
}
.archive-layout .preview-tabs .list-jobs li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}
.archive-layout .preview-tabs .list-jobs {
  margin: 0;
}
.archive-layout .preview-tabs .list-jobs + .civi-button {
  width: auto;
  display: inline-block;
}
.archive-layout .civi-filter-search-map {
  display: block;
  height: 100vh;
  position: sticky;
  top: 0;
}
.archive-layout .civi-filter-search-map .entry-map {
  height: 100vh;
  position: relative;
}
.archive-layout .civi-filter-search-map .mapboxgl-popup {
  z-index: 3;
}
.archive-layout .civi-filter-search-map .mapboxgl-popup-content,
.archive-layout .civi-filter-search-map .civi-openstreetmap-filter {
  box-shadow: none;
  background-color: transparent;
  padding: 0;
}
.archive-layout .civi-filter-search-map .mapboxgl-popup-content .mapboxgl-popup-close-button,
.archive-layout .civi-filter-search-map .civi-openstreetmap-filter .mapboxgl-popup-close-button {
  margin-top: 10px;
  margin-right: 10px;
}
.archive-layout .civi-filter-search-map .mapboxgl-popup-content .des-company, .archive-layout .civi-filter-search-map .mapboxgl-popup-content .company-size,
.archive-layout .civi-filter-search-map .mapboxgl-popup-content .des-candidate, .archive-layout .civi-filter-search-map .mapboxgl-popup-content .candidate-category,
.archive-layout .civi-filter-search-map .civi-openstreetmap-filter .des-company,
.archive-layout .civi-filter-search-map .civi-openstreetmap-filter .company-size,
.archive-layout .civi-filter-search-map .civi-openstreetmap-filter .des-candidate,
.archive-layout .civi-filter-search-map .civi-openstreetmap-filter .candidate-category {
  display: none;
}
.archive-layout .civi-filter-search-map .mapboxgl-popup-content .civi-company-item,
.archive-layout .civi-filter-search-map .mapboxgl-popup-content .civi-candidates-item,
.archive-layout .civi-filter-search-map .civi-openstreetmap-filter .civi-company-item,
.archive-layout .civi-filter-search-map .civi-openstreetmap-filter .civi-candidates-item {
  border: none;
  max-width: 330px;
}
.archive-layout .civi-filter-search-map .mapboxgl-popup-content .civi-company-item .candidates-title,
.archive-layout .civi-filter-search-map .mapboxgl-popup-content .civi-candidates-item .candidates-title,
.archive-layout .civi-filter-search-map .civi-openstreetmap-filter .civi-company-item .candidates-title,
.archive-layout .civi-filter-search-map .civi-openstreetmap-filter .civi-candidates-item .candidates-title {
  margin-bottom: 10px;
}
.archive-layout #pac-input {
  display: none;
}
.archive-layout .salary-filter {
  display: flex;
}
.archive-layout .salary-filter .filter {
  margin-right: 10px;
  display: flex;
}
.archive-layout .salary-filter .filter span {
  line-height: 47px;
  padding-right: 5px;
  padding-left: 5px;
  background-color: var(--civi-color-accent);
  color: #fff;
  border-radius: 4px;
}
.archive-layout .salary-filter .filter input {
  border-radius: 4px;
  min-width: 80px;
}
.archive-layout .salary-filter .select2 {
  border-radius: 4px;
  border: 1px solid #ddd;
  padding: 10.5px 16px;
}
.archive-layout .salary-filter select {
  background-color: transparent;
}
.archive-layout .salary-filter input::-webkit-outer-spin-button,
.archive-layout .salary-filter input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.archive-layout .salary-filter input[type=number] {
  -moz-appearance: textfield;
}
.archive-layout .archive-filter-top.has-bg {
  padding-top: 100px;
  padding-bottom: 100px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.archive-layout .archive-filter-top.has-bg h2 {
  margin-top: 0;
  color: #fff;
}
.archive-layout .archive-filter-top .form-archive-top-filter {
  margin-left: 15px;
  margin-right: 15px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.03);
}
.archive-layout .archive-filter-top .form-archive-top-filter .ui-helper-hidden-accessible {
  display: none;
}
.archive-layout .archive-filter-top .form-archive-top-filter .select2.select2-container {
  height: 100%;
  width: 100% !important;
  border: 0;
  font-size: 16px;
  line-height: 70px;
  border-radius: 0;
  padding-left: 24px;
  padding-right: 24px;
}
.archive-layout .archive-filter-top .form-archive-top-filter .select2.select2-container .selection,
.archive-layout .archive-filter-top .form-archive-top-filter .select2.select2-container .select2-selection {
  width: 100%;
}
.archive-layout .archive-filter-top .form-archive-top-filter i ~ .select2.select2-container {
  padding-left: 55px;
}
.archive-layout .archive-filter-top .form-group {
  border-top: 1px solid var(--civi-color-border);
  border-bottom: 1px solid var(--civi-color-border);
  margin-bottom: 0px;
  flex-grow: 1;
}
.archive-layout .archive-filter-top .form-group + .form-group {
  border-left: 1px solid var(--civi-color-border);
}
.archive-layout .archive-filter-top .form-group:last-child {
  background-color: #fff;
  text-align: right;
  padding-right: 15px;
  border-radius: 0 50px 50px 0;
  border: 1px solid var(--civi-color-border) !important;
  max-width: 210px;
}
@media (max-width: 767px) {
  .archive-layout .archive-filter-top .form-group:last-child {
    text-align: center;
    display: flex;
    flex-direction: column;
  }
}
.archive-layout .archive-filter-top .form-group:last-child, .archive-layout .archive-filter-top .form-group:first-child {
  border: 0;
}
@media (max-width: 992px) {
  .archive-layout .archive-filter-top .form-group {
    margin-bottom: 0;
  }
}
.archive-layout .archive-filter-top h2 {
  margin-top: 52px;
  margin-bottom: 32px;
  text-align: center;
}
.archive-layout .archive-filter-top .form-group i:not(.fa-spin) {
  color: var(--civi-color-secondary);
  font-size: 18px;
  position: absolute;
  top: 50%;
  z-index: 2;
  left: 20px;
  font-weight: 400;
  transform: translateY(-50%);
}
.archive-layout .archive-filter-top .form-select i.fa-angle-down {
  right: 25px;
  left: auto;
}
.archive-layout .archive-filter-top .archive-search-control {
  padding-left: 50px;
  border: 0;
  height: 70px;
  width: 100%;
  border-radius: 0;
}
.archive-layout .archive-filter-top .archive-search-control {
  border-radius: 50px 0 0 50px;
  border-width: 1px 0 1px 1px !important;
  border-color: var(--civi-color-border) !important;
  border-style: solid !important;
  line-height: 70px;
  height: 72px;
}
.archive-layout .archive-filter-top .select2-container--default .select2-selection--multiple {
  padding-top: 10px;
  padding-bottom: 10px;
}
.archive-layout .archive-filter-top .btn-top-filter {
  margin-top: 14px;
}
.archive-layout .archive-filter-top .btn-top-filter .btn-loading {
  display: none;
}
.archive-layout .archive-filter-top .civi-clear-top-filter {
  color: var(--civi-color-secondary);
  padding-right: 10px;
  cursor: pointer;
}
.archive-layout .archive-filter-top .civi-clear-top-filter:hover {
  color: var(--civi-color-accent);
}
.archive-layout.filter-right .inner-filter {
  margin-right: 0;
  margin-left: 70px;
}
.archive-layout.filter-active .civi-clear-filter {
  display: block !important;
}
.archive-layout .inner-filter {
  width: 330px;
  margin-right: 70px;
}
.archive-layout .col-left {
  display: flex;
  padding-top: 68px;
}
.archive-layout #primary {
  flex: auto;
}
.archive-layout .civi-filter-toggle > span {
  font-size: 18px;
  color: var(--civi-color-primary);
}
.archive-layout .civi-nav-filter {
  display: flex;
  justify-content: space-between;
}
.archive-layout .civi-nav-filter.active .civi-clear-filter {
  display: block;
}
.archive-layout .inner-filter .entry-filter {
  padding-top: 24px;
  border-top: 1px solid var(--civi-color-border);
  margin-top: 24px;
}
.archive-layout .inner-filter .entry-filter h4 {
  font-size: 16px;
  font-weight: 600;
  color: var(--civi-color-secondary);
  text-transform: uppercase;
  margin-bottom: 17px;
}
.archive-layout .inner-filter .entry-filter ul.custom-scrollbar {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  max-height: 185px;
  overflow: auto;
}
.archive-layout .inner-filter .entry-filter ul.custom-scrollbar label {
  margin-bottom: 0;
  margin-left: 5px;
}
.archive-layout .inner-filter .entry-filter ul.custom-scrollbar input {
  border: 2px solid var(--civi-color-secondary);
}
.archive-layout .inner-filter .entry-filter ul.custom-scrollbar input[type=radio] {
  border-radius: 50%;
}
.archive-layout .inner-filter .entry-filter ul.custom-scrollbar li + li {
  margin-top: 10px;
}
.archive-layout .inner-filter .entry-filter ul.custom-scrollbar ul {
  list-style: none;
}
.archive-layout .jobs-status-inner {
  display: flex;
  align-items: flex-start;
}
.archive-layout .jobs-status-inner .logged-out {
  display: grid;
}
.archive-layout .inner-content.no-map .col-right {
  flex: 0;
  max-width: 0;
  opacity: 0;
  visibility: hidden;
  height: 0;
  padding: 0;
  transform: translateX(100%);
  transition: transform 0.3s ease 0s;
}
.archive-layout .inner-content.has-map .col-right {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  transition: transform 0.3s ease 0s;
}
.archive-layout .btn-switch {
  margin-left: 28px;
}
.archive-layout .btn-switch span.slider {
  background-color: var(--civi-color-secondary);
}
.archive-layout .btn-switch .text-switch {
  margin-right: 10px;
  color: var(--civi-color-secondary);
}

.btn-add-to-wishlist i {
  font-size: 20px;
}
.btn-add-to-wishlist i, .btn-add-to-wishlist.removed i {
  font-weight: 400;
}
.btn-add-to-wishlist.added i {
  font-weight: 900;
  color: var(--civi-color-accent);
}

.civi-link-item {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.icon-heart .civi-dual-ring {
  width: auto;
  height: auto;
  position: static;
  transform: translate(0);
}
.icon-heart .civi-dual-ring:after {
  width: 20px;
  height: 20px;
  border-width: 2px;
}

.btn-canvas-filter {
  margin-right: 24px;
  font-weight: 500;
}
.btn-canvas-filter i {
  font-size: 14px;
  margin-right: 8px;
  font-weight: 500;
  color: var(--civi-color-secondary);
}

#jobs-result-filter {
  position: absolute;
  background-color: #fff;
  border-radius: 8px;
  top: 110%;
  width: 100%;
  max-height: 206px;
  overflow-y: auto;
  z-index: 2;
}
#jobs-result-filter .title-jobs-filter {
  font-size: 16px;
  margin: 0;
  padding: 10px 25px 10px 25px;
  text-align: left;
  display: block;
}
#jobs-result-filter .title-jobs-filter + .title-jobs-filter {
  border-top: 1px solid var(--civi-color-border);
}

input[type=radio]:checked:before {
  content: "•";
  text-indent: -9999px;
  border-radius: 50px;
  font-size: 24px;
  width: 7px;
  height: 7px;
  margin: 4px;
  line-height: 16px;
  background-color: #007456;
  position: absolute;
  left: -2px;
  top: -2px;
}

body.post-type-archive-jobs #wrapper,
body.post-type-archive-company #wrapper,
body.post-type-archive-candidate #wrapper {
  overflow: inherit;
}

body.admin-bar .archive-layout .archive-filter .inner-filter {
  top: 32px;
}

@media (max-width: 991px) and (min-width: 768px) {
  .archive-layout .archive-filter-top .form-group:first-child {
    flex-basis: 160px;
  }
}
@media (min-width: 1200px) {
  .filter-canvas:not(.map-right) .inner-content .area-archive {
    grid-template-columns: repeat(3, 1fr);
  }
  .filter-canvas:not(.map-right) .inner-content.layout-list .area-archive {
    grid-template-columns: repeat(2, 1fr);
  }
  .filter-canvas .archive-filter.open-canvas .bg-overlay {
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease 0s;
  }
  .filter-canvas .archive-filter.open-canvas .inner-filter {
    transform: translate3d(0, 0, 0);
    transition: all 0.3s ease 0s;
    width: 330px;
  }
  .filter-canvas .archive-filter .inner-filter {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    background: #fff;
    z-index: 99999;
    padding: 25px;
    overflow-x: hidden;
    overflow-y: auto;
    transform: translate3d(-100%, 0, 0);
    transition: all 0.3s ease 0s;
  }
  .filter-canvas .archive-filter .civi-menu-filter {
    padding-bottom: 80px;
  }
  .form-archive-top-filter .form-group:not(:last-child):not(:first-child) {
    width: 250px;
  }
  .archive-layout .salary-filter .filter {
    min-width: 80px;
  }
}
.civi-form-location select {
  padding: 0;
}
.civi-form-location .select2 {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
}
.civi-form-location i.fa-angle-down {
  right: 24px;
  cursor: pointer;
  font-weight: 400 !important;
  left: auto !important;
  font-size: 16px !important;
}
.civi-form-location .icon-location {
  position: absolute;
  bottom: 23px;
  left: 16px;
}
.civi-form-location .icon-location .tooltip[data-title]:after,
.civi-form-location .icon-location .tooltip[data-title]:before {
  left: 0;
}
.civi-form-location .icon-location svg {
  color: var(--civi-color-secondary);
  cursor: pointer;
  animation: load_infinite_360 5s 5s ease-in-out infinite;
  -webkit-animation: load_infinite_360 5s 5s ease-in-out infinite;
  -moz-animation: load_infinite_360 5s 5s ease-in-out infinite;
}
.civi-form-location .icon-location svg:hover {
  color: var(--civi-color-accent);
}

@media (min-width: 992px) {
  .archive-layout.map-right .inner-content {
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
  .archive-layout.map-right .inner-content.no-map .col-left {
    max-width: 100%;
    flex: 0 0 100%;
    padding-right: 50px;
  }
  .archive-layout.map-right .col-left {
    padding-left: 50px;
    max-width: 60%;
    flex: 0 0 60%;
  }
  .archive-layout.map-right .col-right {
    max-width: 40%;
    flex: 1 1 40%;
  }
}
@media (min-width: 768px) {
  .archive-layout.map-top .archive-filter-top {
    position: absolute;
    top: 35px;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .archive-layout {
    padding-bottom: 80px;
  }
  .archive-layout.filter-right .archive-filter .inner-filter {
    left: auto;
    right: 0;
    transform: translate3d(100%, 0, 0);
  }
  .archive-layout .archive-filter {
    width: auto;
  }
  .archive-layout .archive-filter.open-canvas .bg-overlay {
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease 0s;
  }
  .archive-layout .archive-filter.open-canvas .inner-filter {
    transform: translate3d(0, 0, 0);
    transition: all 0.3s ease 0s;
    width: 370px;
  }
  .archive-layout .archive-filter.open-canvas .show-result {
    transform: translate3d(0, 0, 0);
  }
  .archive-layout .archive-filter .inner-filter {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    background: #fff;
    z-index: 99999;
    padding: 25px;
    overflow-x: hidden;
    overflow-y: auto;
    transform: translate3d(-100%, 0, 0);
    transition: all 0.3s ease 0s;
  }
  .archive-layout .archive-filter .civi-menu-filter {
    padding-bottom: 80px;
    position: relative;
  }
}
@media (max-width: 991px) {
  .archive-layout.map-right .col-right,
  .archive-layout.map-right .btn-hide-map {
    display: none;
  }
  .archive-layout .inner-content.layout-full .preview-job-wrapper {
    display: none;
  }
  .archive-layout .inner-content.layout-full .col-left {
    flex: 0 0 100%;
    max-width: 100%;
    overflow: auto;
    height: 100%;
  }
  .archive-layout .inner-content.layout-full .area-archive.column-1 .civi-jobs-item {
    cursor: inherit;
  }
  .archive-layout .inner-content.layout-full .area-archive.column-1 .civi-jobs-item a {
    pointer-events: all;
    cursor: pointer;
  }
}
@media (max-width: 767px) {
  .archive-layout .archive-filter-top.has-bg {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .archive-layout.map-top .archive-filter-top {
    margin-top: 40px;
  }
  .archive-layout .col-left {
    padding-top: 32px;
  }
  .archive-layout .archive-filter-top h2 {
    font-size: 28px;
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .archive-layout .archive-filter-top .form-group {
    width: 100%;
    border-bottom: 0;
    border-right: 1px solid var(--civi-color-border);
  }
  .archive-layout .archive-filter-top .form-group:last-child {
    max-width: 100%;
    border-radius: 0 0 16px 16px;
    padding-left: 15px;
  }
  .archive-layout .archive-filter-top .archive-search-control {
    border-radius: 16px 16px 0 0;
    border-width: 1px 1px 0 1px !important;
  }
  .archive-layout .archive-filter-top .civi-clear-top-filter {
    position: relative;
    top: -12px;
    order: 2;
  }
  .archive-layout .archive-filter-top .btn-top-filter {
    width: 100%;
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .archive-layout .archive-filter-top .btn-top-filter:hover {
    background-color: var(--civi-color-accent) !important;
    color: #fff !important;
  }
  .archive-layout .entry-filter .switch-layout,
  .archive-layout .entry-filter .text-sort-by {
    display: none;
  }
  .archive-layout .salary-filter {
    display: block;
  }
  .archive-layout .salary-filter .filter {
    margin-bottom: 10px;
    margin-right: 0;
  }
}
@media (max-width: 576px) {
  .archive-layout .inner-content .area-archive {
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: 16px;
  }
  .archive-layout .inner-content .archive-filter.open-canvas .inner-filter {
    width: 270px;
  }
  .archive-layout .archive-filter .show-result {
    width: 270px;
  }
  .archive-layout .filter-warpper {
    margin-bottom: 5px;
  }
  .archive-layout .entry-mobie {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .archive-layout .entry-left .result-count,
  .archive-layout .entry-right .civi-clear-filter {
    display: none !important;
  }
}
@keyframes load_infinite_360 {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
#company-submit-social .civi-button,
#candidate-submit-social .civi-button {
  padding-left: 8px;
  padding-bottom: 24px;
}
#company-submit-social .field-social-clone,
#candidate-submit-social .field-social-clone {
  display: none;
}
#company-submit-social .soical-remove-inner,
#candidate-submit-social .soical-remove-inner {
  display: flex;
  align-items: center;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--civi-color-border);
  margin-bottom: 24px;
  cursor: pointer;
}
#company-submit-social .soical-remove-inner span,
#candidate-submit-social .soical-remove-inner span {
  color: var(--civi-color-primary);
  margin-left: 10px;
  font-weight: 500;
  font-size: 18px;
}
#company-submit-social .soical-remove-inner i,
#candidate-submit-social .soical-remove-inner i {
  color: var(--civi-color-primary);
}

.civi-fields-gallery .civi-gallery-inner {
  width: 150px;
  height: 150px;
}
.civi-fields-gallery #civi_gallery_container {
  border: dashed 1px #ddd;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  background-color: #f9f9f9;
}
.civi-fields-gallery #civi_select_gallery {
  background-color: transparent;
  border: 0;
  height: 100%;
  width: 100%;
  color: var(--civi-color-accent);
  font-weight: 500;
}
.civi-fields-gallery #civi_select_gallery i {
  display: block;
  margin-bottom: 10px;
  color: var(--civi-color-secondary);
}
.civi-fields-gallery .field-note {
  max-width: 90px;
  margin: 8px 25px 20px;
  text-align: center;
  font-size: 14px;
  color: var(--civi-color-secondary);
  line-height: 1.5;
}
.civi-fields-gallery #civi_gallery_thumbs {
  display: flex;
  flex-wrap: wrap;
}
.civi-fields-gallery .media-thumb {
  position: relative;
  margin-right: 15px;
  margin-bottom: 15px;
  width: 100px;
  height: 100px;
}
.civi-fields-gallery .media-thumb .media-item-actions {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #fff;
}
.civi-fields-gallery .media-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.civi-fields-thumbnail #civi_thumbnail_container {
  width: 100%;
  height: 220px;
  overflow: hidden;
  border-radius: 6px;
  position: relative;
}
.civi-fields-thumbnail #civi_thumbnail_view {
  border-radius: 6px;
  border: 1px dashed #ddd;
  background-color: #f9f9f9;
  width: 100%;
  height: 100%;
}
.civi-fields-thumbnail #civi_thumbnail_view img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.civi-fields-thumbnail #civi_add_thumbnail {
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: var(--civi-color-primary);
}
.civi-fields-thumbnail #civi_add_thumbnail #civi_select_thumbnail {
  background-color: transparent;
  border: 0;
  color: var(--civi-color-accent);
  font-weight: 500;
  cursor: pointer;
}
.civi-fields-thumbnail #civi_add_thumbnail p {
  margin-bottom: 0;
  margin-top: 10px;
}
.civi-fields-thumbnail .media-item-actions {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #fff;
}
.civi-fields-thumbnail #civi_thumbnail_errors {
  font-size: 10px;
  color: red;
  margin-bottom: 5px;
}
.civi-fields-thumbnail i.la-upload {
  color: var(--civi-color-secondary);
}

.civi-thumbnail-size {
  margin-top: 8px;
  color: var(--civi-color-secondary);
  font-size: 14px;
  text-align: center;
}

.civi-map-warpper {
  height: 300px;
  width: 100%;
}

#jobs-map-filter {
  height: 100%;
}

#geocoder .mapboxgl-ctrl-geocoder--icon-search {
  display: none;
}

.leaflet-marker-icon img {
  border-radius: 50%;
}

div.leaflet-popup .leaflet-popup-content-wrapper {
  background-color: transparent;
  box-shadow: none;
}
div.leaflet-popup .leaflet-popup-content-wrapper a {
  color: var(--civi-color-accent);
}

.mapboxgl-map .mapboxgl-marker:after,
.civi-openstreetmap-filter .leaflet-marker-icon:after {
  background-color: transparent !important;
}
.civi-openstreetmap-filter * {
  font-family: inherit;
}
.civi-openstreetmap-filter .leaflet-popup-tip {
  width: 0;
  height: 0;
}

.mapboxgl-map .mapboxgl-marker.mouseenter:before, .mapboxgl-map .mapboxgl-marker.mouseenter:after,
.civi-openstreetmap-filter .leaflet-marker-icon.mouseenter:before,
.civi-openstreetmap-filter .leaflet-marker-icon.mouseenter:after,
.page-dashboard .mapboxgl-map .mapboxgl-marker:before,
.page-dashboard .mapboxgl-map .mapboxgl-marker:after,
.page-dashboard .civi-openstreetmap-filter .leaflet-marker-icon:before,
.page-dashboard .civi-openstreetmap-filter .leaflet-marker-icon:after,
body.single-jobs .mapboxgl-map .mapboxgl-marker:before,
body.single-jobs .mapboxgl-map .mapboxgl-marker:after,
body.single-jobs .civi-openstreetmap-filter .leaflet-marker-icon:before,
body.single-jobs .civi-openstreetmap-filter .leaflet-marker-icon:after,
body.single-company .mapboxgl-map .mapboxgl-marker:before,
body.single-company .mapboxgl-map .mapboxgl-marker:after,
body.single-company .civi-openstreetmap-filter .leaflet-marker-icon:before,
body.single-company .civi-openstreetmap-filter .leaflet-marker-icon:after,
body.single-candidate .mapboxgl-map .mapboxgl-marker:before,
body.single-candidate .mapboxgl-map .mapboxgl-marker:after,
body.single-candidate .civi-openstreetmap-filter .leaflet-marker-icon:before,
body.single-candidate .civi-openstreetmap-filter .leaflet-marker-icon:after {
  width: 150px;
  height: 150px;
  border: 2px solid transparent;
  background-clip: padding-box;
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0;
  border-radius: 50%;
  animation: animationSignal linear 2s;
  animation-iteration-count: infinite;
  display: block;
  content: "";
  transform: translate(-50%, -50%);
  box-shadow: inset 0 0 35px 10px var(--civi-color-accent);
}

@keyframes animationSignal {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.3);
  }
  1% {
    transform: translate(-50%, -50%) scale(0.32);
    opacity: 0.1;
  }
  20% {
    opacity: 0.5;
    transform: translate(-50%, -50%) scale(0 0.45);
  }
  60% {
    transform: translate(-50%, -50%) scale(0.75);
    opacity: 0.35;
  }
}
.civi-fields-avatar button {
  background-color: transparent;
  border: 0;
  color: var(--civi-color-accent);
  font-weight: 500;
  cursor: pointer;
}
.civi-fields-avatar #civi_avatar_container {
  border-radius: 6px;
  border: 1px dashed #ddd;
  background-color: #f9f9f9;
  width: 150px;
  height: 150px;
  position: relative;
  margin-right: 16px;
  overflow: hidden;
}
.civi-fields-avatar #civi_drop_avatar {
  margin-bottom: 0;
}
.civi-fields-avatar #civi_avatar_view {
  width: 100%;
  height: 100%;
}
.civi-fields-avatar .media-thumb {
  height: 100%;
  width: 100%;
}
.civi-fields-avatar .media-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.civi-fields-avatar #civi_add_avatar {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  text-align: center;
  cursor: pointer;
}
.civi-fields-avatar #civi_add_avatar #civi_drop_avatar {
  margin-bottom: 0;
}
.civi-fields-avatar .media-item-actions {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #fff;
}
.civi-fields-avatar i.la-upload {
  color: var(--civi-color-secondary);
}
.civi-fields-avatar .field-note {
  max-width: 90px;
  font-size: 14px;
  margin-top: 8px;
  margin-left: 25px;
  color: var(--civi-color-secondary);
}
.civi-fields-avatar #civi_avatar_errors {
  font-size: 10px;
  color: red;
  margin-bottom: 5px;
}

.civi-form-popup {
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  z-index: 8;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.civi-form-popup .bg-overlay {
  opacity: 1;
  visibility: unset;
}
.civi-form-popup .inner-popup {
  padding: 32px;
  background-color: #fff;
  border-radius: 4px;
  max-width: 450px;
  z-index: 9;
  position: relative;
  margin: 0 auto;
  top: 15%;
  max-height: calc(100vh - 200px);
  overflow: auto;
}
.civi-form-popup .btn-close {
  font-size: 20px;
  position: absolute;
  right: 35px;
}
.civi-form-popup .message_error {
  color: red;
  margin-top: 15px;
}
.civi-form-popup .message_error.true {
  color: lawngreen;
}
.civi-form-popup .form-group {
  margin-top: 24px;
}
.civi-form-popup h5 {
  font-size: 24px;
  margin-bottom: 0;
}
.civi-form-popup h5 span {
  color: var(--civi-color-accent);
}
.civi-form-popup p {
  color: var(--civi-color-secondary);
  margin-bottom: 35px;
}
.civi-form-popup label {
  font-weight: 500;
  margin-bottom: 14px;
  color: var(--civi-color-primary);
}
.civi-form-popup label sup {
  color: red;
  font-size: 12px;
  top: -0.2em;
}
.civi-form-popup input + input {
  margin-top: 24px;
}
.civi-form-popup .button-warpper {
  display: flex;
  align-items: center;
  margin-top: 15px;
}
.civi-form-popup .button-warpper .civi-button {
  text-align: center;
  padding-left: 12px;
  padding-right: 12px;
}
.civi-form-popup .button-warpper .civi-button + .civi-button {
  margin-left: 16px;
}
.civi-form-popup .button-warpper .btn-loading {
  display: none;
}
.civi-form-popup .civi-message-error {
  color: red;
  margin-top: 15px;
}
.civi-form-popup .civi-message-error.true {
  color: lawngreen;
}

.form-group select {
  display: block;
  width: 100%;
}
.civi-form-meetings {
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  z-index: 8;
  opacity: 1;
  visibility: hidden;
  transition: all 0.3s;
}
.civi-form-meetings label sup {
  color: red;
  font-size: 12px;
  top: -0.2em;
}
.civi-form-meetings .bg-overlay {
  opacity: 1;
  visibility: unset;
}
.civi-form-meetings .meetings-popup {
  padding: 32px;
  background-color: #fff;
  border-radius: 4px;
  max-width: 450px;
  z-index: 9;
  position: relative;
  margin: 0 auto;
  top: 100px;
  max-height: calc(100vh - 200px);
  overflow: auto;
}
.civi-form-meetings .meetings-popup span[toggle="#zoompw"] {
  position: absolute;
  right: 30px;
  bottom: 15px;
  cursor: pointer;
}
.civi-form-meetings .meetings-popup span.btn-loading {
  display: none;
  padding-left: 3px !important;
}
.civi-form-meetings .meetings-popup span.btn-loading i {
  padding-left: 0 !important;
}
.civi-form-meetings .btn-close {
  font-size: 20px;
  position: absolute;
  right: 35px;
}
.civi-form-meetings h5 {
  font-size: 24px;
}
.civi-form-meetings p {
  color: var(--civi-color-secondary);
  margin-bottom: 35px;
}
.civi-form-meetings label {
  font-weight: 500;
  margin-bottom: 14px;
  color: var(--civi-color-primary);
}
.civi-form-meetings .form-group {
  margin-top: 24px;
}
.civi-form-meetings .civi-button.button-link {
  margin-top: 24px;
  margin-bottom: 24px;
}
.civi-form-meetings .button-warpper {
  margin-top: 20px;
  display: flex;
}
.civi-form-meetings .button-warpper .civi-button {
  text-align: center;
}
.civi-form-meetings .button-warpper .civi-button + .civi-button {
  margin-left: 16px;
}
.civi-form-meetings .tab-popup:not(:first-child) {
  display: none;
}
.civi-form-meetings .message_error {
  color: red;
  margin-top: 15px;
}
.civi-form-meetings .message_error.true {
  color: lawngreen;
}

@media (max-width: 576px) {
  .civi-form-meetings .button-warpper {
    display: block;
  }
  .civi-form-meetings #btn-meetings-reschedule,
  .civi-form-meetings #btn-saved-meetings {
    margin-left: 0;
    margin-top: 15px;
  }
}
.tooltip[data-title] {
  position: relative;
  z-index: 2;
}
.tooltip[data-title]:after {
  content: attr(data-title);
  position: absolute;
  top: -2.5em;
  left: 50%;
  transform: translateX(-50%);
  background-color: #000;
  color: #fff;
  font-size: 14px;
  padding: 4px 10px;
  border-radius: 4px;
  white-space: nowrap;
}
.tooltip[data-title]:before {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #000;
  top: -0.5em;
}
.tooltip[data-title]:after, .tooltip[data-title]:before {
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
}
.tooltip[data-title]:hover:after, .tooltip[data-title]:hover:before {
  opacity: 1;
  transition: all 0.1s ease 0.2s;
  visibility: visible;
}

.tab-dashboard .tab-list, .tab-dashboard .tab-list-popup, .tab-popup-warpper .tab-list, .tab-popup-warpper .tab-list-popup {
  list-style: none;
  display: flex;
  align-items: center;
  padding-left: 0;
}
.tab-dashboard .tab-item, .tab-popup-warpper .tab-item {
  position: relative;
}
.tab-dashboard .tab-item:before, .tab-popup-warpper .tab-item:before {
  content: "";
  height: 2px;
  background-color: var(--civi-color-accent);
  bottom: 0;
  display: block;
  position: absolute;
  width: 0;
  transition: width 0.3s;
}
.tab-dashboard .tab-item:hover a, .tab-dashboard .tab-item.active a, .tab-popup-warpper .tab-item:hover a, .tab-popup-warpper .tab-item.active a {
  color: var(--civi-color-accent);
}
.tab-dashboard .tab-item:hover:before, .tab-dashboard .tab-item.active:before, .tab-popup-warpper .tab-item:hover:before, .tab-popup-warpper .tab-item.active:before {
  width: 100%;
}
.tab-dashboard .tab-item a, .tab-popup-warpper .tab-item a {
  font-size: 18px;
  color: var(--civi-color-secondary);
  font-weight: 500;
}
.tab-dashboard .tab-item + .tab-item, .tab-popup-warpper .tab-item + .tab-item {
  margin-left: 32px;
}

@media (max-width: 672px) {
  .candidate-profile-tab {
    overflow: scroll;
  }
  .candidate-profile-tab li {
    white-space: nowrap;
  }
}
.nav-dashboard-wapper {
  padding: 24px 32px;
  background-color: #fff;
  border-right: 1px solid var(--civi-color-border);
  position: fixed;
  width: 260px;
  z-index: 2;
  overflow-y: auto;
  height: 100%;
}
.nav-dashboard-wapper .list-nav-dashboard {
  margin-left: -18px;
}
.nav-dashboard-wapper.close {
  padding: 20px 0;
}
.nav-dashboard-wapper.close .site-logo,
.nav-dashboard-wapper.close .text-logo,
.nav-dashboard-wapper.close .list-nav-dashboard .nav-item span:not(.image),
.nav-dashboard-wapper.close .nav-dashboard-footer {
  display: none;
}
.nav-dashboard-wapper.close .nav-dashboard-header {
  justify-content: center;
}
.nav-dashboard-wapper.close .list-nav-dashboard .nav-item a:hover, .nav-dashboard-wapper.close .list-nav-dashboard .nav-item.active a {
  background-color: transparent;
}
.nav-dashboard-wapper.close .list-nav-dashboard .nav-item object,
.nav-dashboard-wapper.close .list-nav-dashboard .nav-item img {
  padding-right: 0;
}

.nav-dashboard {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.nav-dashboard .tooltip[data-title]:before {
  top: 44%;
  transform: translateY(-50%);
  right: 0;
  left: auto;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #000;
}
.nav-dashboard .tooltip[data-title]:after {
  top: 0;
  left: 100%;
  transform: none;
}
.nav-dashboard .list-nav-dashboard {
  list-style: none;
  padding-left: 0;
}
.nav-dashboard .list-nav-dashboard img {
  filter: invert(54%) sepia(57%) saturate(0%) hue-rotate(241deg) brightness(99%) contrast(101%);
}
.nav-dashboard .list-nav-dashboard .civi-svg {
  display: block;
  line-height: 24px;
}
.nav-dashboard .list-nav-dashboard .nav-item a:hover, .nav-dashboard .list-nav-dashboard .nav-item.active a {
  background-color: rgba(0, 116, 86, 0.05);
  color: var(--civi-color-accent);
}
.nav-dashboard .list-nav-dashboard .nav-item a:hover i, .nav-dashboard .list-nav-dashboard .nav-item.active a i {
  color: var(--civi-color-accent);
}
.nav-dashboard .list-nav-dashboard .nav-item a:hover img, .nav-dashboard .list-nav-dashboard .nav-item.active img {
  filter: invert(14%) sepia(14%) saturate(3183%) hue-rotate(120deg) brightness(69%) contrast(100%);
}
.nav-dashboard .list-nav-dashboard .nav-item .image {
  min-width: 24px;
  margin-right: 12px;
  text-align: center;
}
.nav-dashboard .list-nav-dashboard .nav-item .image i {
  font-size: 20px;
  margin-right: 0;
  height: auto;
  color: #777;
}
.nav-dashboard .nav-item {
  font-size: 16px;
  font-weight: 500;
}
.nav-dashboard .nav-item + .nav-item {
  margin-top: 5px;
}
.nav-dashboard .nav-item a {
  display: flex;
  align-items: center;
  transition: all 0.3s;
  padding: 5px 15px;
  background-color: transparent;
  border-radius: 30px;
  font-size: 15px;
  text-align: left;
}
.nav-dashboard .nav-item .badge {
  height: 20px;
  width: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  background-color: #d63638;
  color: #fff;
  margin-left: 8px;
  font-size: 12px;
}
.nav-dashboard .nav-dashboard-header {
  margin-bottom: 25px;
  display: flex;
  justify-content: space-between;
}
.nav-dashboard .nav-dashboard-header .text-logo {
  padding-left: 74px;
  font-size: 10px;
  margin-top: -3px;
  color: #000;
}
.nav-dashboard .nav-dashboard-header .closebtn {
  margin-top: 10px;
}
.nav-dashboard .nav-dashboard-footer {
  text-align: center;
  background: rgba(0, 116, 86, 0.05);
  border: 1px solid rgba(0, 116, 86, 0.07);
  padding: 15px;
  border-radius: 16px;
  margin-top: auto;
}
.nav-dashboard .nav-dashboard-footer h4 {
  font-size: 17px;
  margin-bottom: 10px;
}
.nav-dashboard .nav-dashboard-footer p {
  max-width: 140px;
  margin: 0 auto;
  text-align: center;
  line-height: 1.5;
  color: #000;
}
.nav-dashboard .nav-dashboard-footer .civi-button {
  margin-top: 25px;
}

.nav-dashboard-inner .icon-nav-mobie {
  display: none;
  font-size: 24px;
  position: fixed;
  left: 0;
  width: 70px;
  height: 60px;
  background-color: var(--civi-color-accent);
  color: #fff;
  border-radius: 0 5px 5px 0;
  top: 50%;
  z-index: 9;
  transition: all 0.3s;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
  transform: translateY(-50%);
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.nav-dashboard-inner .icon-nav-mobie span {
  font-size: 14px;
  font-weight: 500;
  margin-top: 0;
  display: block;
}

@media (max-width: 991px) {
  .nav-dashboard-inner.open-nav .nav-dashboard-wapper {
    transform: translateX(0);
  }
  .nav-dashboard-inner.open-nav .bg-overlay {
    visibility: unset;
    opacity: 1;
  }
  .nav-dashboard-wapper {
    transform: translateX(-100%);
    transition: transform 0.3s;
    z-index: 10;
  }
  .nav-dashboard-inner .icon-nav-mobie {
    display: flex;
  }
  .nav-dashboard-header .closebtn {
    display: none;
  }
}
.civi-slick-carousel {
  margin-left: -4px;
  margin-right: -4px;
}
.civi-slick-carousel .slick-slide {
  padding-left: 4px;
  padding-right: 4px;
}

.slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.slick-arrow svg {
  vertical-align: middle;
}
.slick-arrow.slick-disabled {
  opacity: 0;
  visibility: hidden;
}
.slick-arrow.gl-prev {
  left: 15px;
  transform: translate(-50%, -50%);
}
.slick-arrow.gl-next {
  right: 15px;
  transform: translate(-50%, -50%);
}

header.site-header {
  padding: 7px 0;
  font-weight: 500;
  color: var(--civi-color-primary);
  background-color: #fff;
  border-bottom: 1px solid #eee;
  z-index: 4;
  position: relative;
}
header.site-header.rtl .right-header {
  justify-content: flex-start;
  margin-right: auto;
  margin-left: 0;
}
header.site-header.rtl .right-header .account {
  margin-left: 0;
  margin-right: 25px;
}
header.site-header.rtl .right-header .add-job {
  margin-left: 0;
  margin-right: 25px;
}
header.site-header.rtl .left-header .site-logo {
  margin-right: 0;
  margin-left: 25px;
}
header.site-header.rtl .site-menu .menu li i {
  padding: 5px 5px 5px 0;
}
header.site-header.rtl .site-menu.desktop-menu .sub-menu,
header.site-header.rtl .site-menu.desktop-menu .children {
  left: auto;
  right: 0;
}
header.site-header.rtl .site-menu.desktop-menu.main-menu .sub-menu.mega-menu {
  left: auto !important;
  right: 0;
}
header.site-header.rtl .site-menu.desktop-menu.main-menu .sub-menu.mega-menu .civi-modern-heading {
  text-align: right;
}
header.site-header.rtl .account .user-show a.avatar img {
  margin-right: 0;
  margin-left: 8px;
}
header.site-header.rtl .mb-menu {
  margin-right: 0;
  margin-left: 25px;
}
header.site-header.rtl .area-menu .btn-close {
  right: 0;
  left: 25px;
}
header.site-header .row {
  align-items: center;
}
header.site-header.header-light .right-header .add-job,
header.site-header.header-light .right-header .btn-login.add-job-login {
  color: var(--civi-color-accent) !important;
  background-color: #fff;
  border-color: #fff;
}
header.site-header.header-light .right-header .add-job:hover,
header.site-header.header-light .right-header .btn-login.add-job-login:hover {
  background-image: none;
}
header.site-header.header-light .site-menu.desktop-menu.main-menu .menu > li > a,
header.site-header.header-light .right-header .account .avatar,
header.site-header.header-light .right-header .icon-search,
header.site-header.header-light .right-header .icon-noti,
header.site-header.header-light .canvas-menu a.icon-menu,
header.site-header.header-light .account.logged-out .btn-login {
  color: #fff;
}
header.site-header.sticky-header.on {
  background: #fff !important;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
  box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease 0s;
}
header.site-header.sticky-header.on.has-wpadminbar {
  top: 32px;
}
header.site-header.sticky-header.on .main-header {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
header.site-header.float-header {
  z-index: 20;
  background: transparent !important;
  position: absolute;
  width: 100%;
  border-bottom: 0;
  transition: all 0.3s ease 0s;
}
header.site-header .left-header,
header.site-header .right-header {
  display: flex;
  align-items: center;
}
header.site-header .right-header {
  margin-left: auto;
}
header.site-header .left-header .site-logo {
  margin-right: 25px;
}
header.site-header .left-header .site-logo img {
  max-height: 32px;
}
header.site-header .left-header .site-logo p {
  margin-bottom: 0;
}
header.site-header .right-header {
  justify-content: flex-end;
}
header.site-header .right-header .account {
  display: flex;
  align-items: center;
  margin-left: 25px;
}
header.site-header .right-header .account a {
  margin-right: 25px;
  display: flex;
  align-items: center;
}
header.site-header .right-header .account a::hover i {
  color: var(--civi-color-accent);
}
header.site-header .right-header .account a:last-child {
  margin-right: 0;
}
header.site-header .right-header .account i {
  font-weight: 500;
  font-size: 15px;
  margin-right: 5px;
}
header.site-header .right-header .civi-notification {
  position: relative;
}
header.site-header .right-header .icon-noti {
  font-size: 22px;
  color: var(--civi-color-secondary);
  position: relative;
}
header.site-header .right-header .icon-noti span {
  height: 18px;
  width: 18px;
  background-color: #d63638;
  display: block;
  position: absolute;
  line-height: 18px;
  font-size: 11px;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  top: -3px;
  right: -8px;
}
header.site-header .right-header .content-noti {
  position: absolute;
  top: calc(100% + 12px);
  right: calc(100% - 20px);
  z-index: 4;
  min-width: 370px;
  background: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 8px;
  transition: all 0.5s ease 0s;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
  font-size: 14px;
  font-weight: 500;
  color: var(--civi-color-secondary);
  max-height: 300px;
  overflow: auto;
  opacity: 0;
  margin-top: 50px;
  visibility: hidden;
}
header.site-header .right-header .content-noti.active {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
  transition: all 0.5s ease 0s;
}
header.site-header .right-header .content-noti .empty {
  display: block;
  text-align: center;
  font-size: 16px;
  color: #d63638;
}
header.site-header .right-header .content-noti ul {
  list-style: none;
  margin-bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
}
header.site-header .right-header .content-noti li {
  line-height: 1.6;
  position: relative;
  display: flex;
  padding: 7px 10px;
  border-radius: 8px;
  background-color: transparent;
  transition: background-color 0.3s;
}
header.site-header .right-header .content-noti li:hover {
  cursor: pointer;
  background-color: rgba(0, 116, 86, 0.05);
}
header.site-header .right-header .content-noti li:hover .action-setting {
  opacity: 1;
}
header.site-header .right-header .content-noti li .link-page {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
header.site-header .right-header .content-noti li .content-wrapper a,
header.site-header .right-header .content-noti li .icon-setting {
  position: relative;
  z-index: 2;
}
header.site-header .right-header .content-noti .action-setting {
  margin-left: auto;
  position: relative;
  opacity: 0;
}
header.site-header .right-header .content-noti .action-setting .icon-setting {
  padding-left: 10px;
  font-size: 24px;
  cursor: pointer;
}
header.site-header .right-header .content-noti .action-setting i {
  margin-right: 0;
}
header.site-header .right-header .content-noti .action {
  font-size: 18px;
}
header.site-header .right-header .content-noti .action + .action {
  margin-left: 30px;
}
header.site-header .right-header .content-noti .action-dropdown {
  display: none;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
  list-style: none;
  right: 100%;
  top: 7px;
  text-align: right;
  z-index: 2;
  padding-left: 0;
  border: 1px solid var(--civi-color-border);
  margin-bottom: 0;
}
header.site-header .right-header .content-noti .action-dropdown a {
  padding: 5px 15px;
  font-size: 14px;
}
header.site-header .right-header .content-noti .action-dropdown a:hover {
  background-color: rgba(0, 116, 86, 0.05);
  cursor: pointer;
}
header.site-header .right-header .content-noti .head-noti {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 15px 12px;
  padding-left: 10px;
  padding-right: 10px;
}
header.site-header .right-header .content-noti .noti-refresh,
header.site-header .right-header .content-noti .noti-clear {
  color: var(--civi-color-accent);
  font-size: 14px;
  cursor: pointer;
}
header.site-header .right-header .content-noti .noti-clear {
  padding-left: 15px;
}
header.site-header .right-header .content-noti .close-noti i {
  font-size: 16px;
}
header.site-header .right-header .content-noti .close-noti:hover {
  cursor: pointer;
  color: var(--civi-color-accent);
}
header.site-header .right-header .content-noti .date {
  font-style: italic;
  font-size: 13px;
}
header.site-header .right-header .content-noti .content {
  display: block;
}
header.site-header .right-header .content-noti .athour {
  color: var(--civi-color-accent);
}
header.site-header .right-header .content-noti .avatar {
  flex: 0 0 48px;
  min-width: 48px;
  line-height: 48px;
  height: 48px;
  -o-object-fit: cover;
     object-fit: cover;
  text-align: center;
  background-color: #f8f8f8;
  border-radius: 50%;
  margin-right: 12px;
}
header.site-header .right-header .dropdown-categories {
  margin-left: 25px;
}
header.site-header .right-header .add-job {
  margin-left: 25px;
}
header.site-header .right-header .add-job svg {
  position: relative;
  bottom: -2px;
}
header.site-header .right-header .add-job-login {
  color: #fff !important;
}

header.site-header.show-popup {
  z-index: -1;
}

.dropdown-categories .entry-show {
  display: flex;
  align-items: center;
}
.dropdown-categories .entry-show i {
  margin-left: 6px;
}

.account {
  position: relative;
}
.account .user-show {
  display: flex;
  align-items: center;
}
.account .user-show a.avatar {
  margin-right: 8px;
}
.account .user-show a.avatar img {
  width: 30px;
  height: 30px;
  margin-right: 8px;
  border-radius: 30px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-object-fit: cover;
     object-fit: cover;
}
.account .user-show a.avatar i.fa-chevron-down {
  display: none;
}
.account .user-show a.username {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-left: 0;
}
.account .user-control {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 4;
  text-align: right;
  font-size: 15px;
  font-weight: 500;
  opacity: 0;
  visibility: hidden;
  padding-top: 30px;
  min-width: 240px;
  transition: all 0.3s ease 0s;
}
.account .user-control .inner-control {
  background: #fff;
  border-radius: 3px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  height: auto;
}
.account .user-control ul {
  padding: 20px;
  margin-bottom: 0;
}
.account:hover .user-control {
  opacity: 1;
  visibility: visible;
  padding-top: 10px;
  transition: all 0.3s ease 0s;
}

.block-search {
  position: relative;
}
.block-search .search-form {
  margin-bottom: 0;
}
.block-search.search-input {
  min-width: 270px;
  width: 100%;
}
.block-search.search-input .icon-search {
  display: inline-block;
  position: absolute;
  font-size: 24px;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}
.block-search.search-input .icon-clear {
  display: none !important;
}
.block-search.search-input .icon-clear a {
  color: #686868;
}
.block-search.search-input .input-search {
  background: 0;
  text-overflow: ellipsis;
}
.block-search.search-input .input-search:focus {
  border-color: var(--civi-color-accent);
}
.block-search.has-clear .icon-clear {
  display: inline-block;
}

.site-header .block-search.search-input.civi-ajax-search .search-result {
  font-weight: normal;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.site-header .block-search.search-input.civi-ajax-search .search-result ul {
  font-size: 15px;
  font-weight: 500;
  padding-top: 5px;
  padding-bottom: 5px;
  max-height: 298px;
}
.site-header .block-search.search-input.civi-ajax-search .search-result ul li a i {
  top: -1px;
}
.site-header .block-search.search-input.civi-ajax-search .civi-loading-effect {
  right: 0;
  left: inherit;
}
.site-header .block-search.search-input.civi-ajax-search .civi-loading-effect .civi-dual-ring {
  width: 22px;
  height: 22px;
  left: inherit;
}
.site-header .block-search.search-input.civi-ajax-search .civi-loading-effect .civi-dual-ring:after {
  width: 18px;
  height: 18px;
  border-width: 2px;
}
.site-header .container > .row {
  position: relative;
  margin-left: 0;
  margin-right: 0;
}
.site-header .container > .row > div {
  position: static;
}

.notify-item .content-wrapper .content, .notify-item .content-wrapper .date {
  color: #999999;
}
.notify-item.active .content-wrapper .content, .notify-item.active .content-wrapper .date {
  color: #121212;
}

.dropdown-notifications .markAllAsRead {
  color: #007456 !important;
}
.dropdown-notifications .markAllAsRead i {
  display: none;
}
.dropdown-notifications .markAllAsRead.loading i {
  display: inline-block;
}

.dropdown-notifications .notification {
  border-bottom: 0;
}

@media only screen and (max-width: 1199px) {
  header.site-header .right-header .icon-noti {
    margin-right: 25px;
  }
  header.site-header.rtl .right-header .icon-noti {
    margin-right: 0;
    margin-left: 25px;
  }
}
@media only screen and (max-width: 991px) {
  header.site-header .container-fluid {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (max-width: 567px) {
  header.site-header .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 420px) {
  header.site-header .right-header .content-noti {
    min-width: 320px;
    right: calc(100% - 60px);
    max-height: 330px;
  }
  header.site-header.rtl .right-header .content-noti {
    left: calc(100% - 60px);
    right: auto;
  }
}
@media only screen and (max-width: 320px) {
  header.site-header .right-header .content-noti {
    right: calc(100% - 80px);
  }
  header.site-header.rtl .right-header .content-noti {
    left: calc(100% - 80px);
    right: auto;
  }
}
.site-menu .menu li i {
  font-size: 12px;
}
.site-menu .menu li a {
  display: block;
}
.site-menu .menu .menu-item-has-children > a,
.site-menu .menu .page_item_has_children > a {
  display: flex;
  align-items: center;
}

.menu {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.site-menu.desktop-menu .menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.site-menu.desktop-menu .menu > li {
  display: inline-block;
}
.site-menu.desktop-menu .menu > li > a {
  font-weight: 500;
  padding: 18px 10px;
}
.site-menu.desktop-menu .menu > li > a i {
  font-weight: bold;
}
.site-menu.desktop-menu .menu li .sub-menu,
.site-menu.desktop-menu .menu li .children {
  display: block;
  opacity: 0;
  visibility: hidden;
  margin-top: 50px;
  z-index: 5;
  transition: all 0.5s ease 0s;
  pointer-events: none;
}
.site-menu.desktop-menu .menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
  transition: all 0.5s ease 0s;
  pointer-events: all;
}
.site-menu.desktop-menu .sub-menu,
.site-menu.desktop-menu .children {
  display: block;
  position: absolute;
  left: 0;
  z-index: 2;
}
.site-menu.desktop-menu.main-menu li {
  position: relative;
}
.site-menu.desktop-menu.main-menu li a {
  display: flex;
  line-height: 23px;
}
.site-menu.desktop-menu.main-menu .menu > li > a .chevron {
  padding-left: 5px;
}
.site-menu.desktop-menu.main-menu .menu > li > a i {
  top: -1px;
  position: relative;
  transition: transform 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.site-menu.desktop-menu.main-menu .menu > li > a:hover i {
  transform: rotate(180deg);
}
.site-menu.desktop-menu.main-menu .sub-menu {
  font-size: 15px;
  min-width: 240px;
  background: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 8px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
}
.site-menu.desktop-menu.main-menu .sub-menu li {
  padding: 6px 15px;
}
.site-menu.desktop-menu.main-menu .sub-menu li a {
  position: relative;
}
.site-menu.desktop-menu.main-menu .sub-menu li i {
  transform: rotate(-90deg);
  top: 8px;
  position: absolute;
  right: 0;
  transform: rotate(-90deg);
}
.site-menu.desktop-menu.main-menu .sub-menu .menu-item-title {
  display: inline-block;
  position: relative;
}
.site-menu.desktop-menu.main-menu .sub-menu .menu-item-title:after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  border-top: 1px solid var(--civi-color-accent);
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.site-menu.desktop-menu.main-menu .sub-menu .menu-item-title:hover:after {
  transform: scaleX(1);
  transform-origin: left center;
}
.site-menu.desktop-menu.main-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
}
.site-menu.desktop-menu .sub-menu.mega-menu {
  position: absolute;
  left: 0;
  width: -moz-max-content;
  width: max-content;
  background-color: transparent;
  box-shadow: none;
}
.site-menu.desktop-menu .sub-menu.mega-menu .row {
  align-items: center;
  flex-wrap: wrap;
  margin: 0 auto;
}
.site-menu.desktop-menu .sub-menu.mega-menu .col-xs-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.site-menu.desktop-menu .sub-menu.mega-menu .elementor-section {
  padding-bottom: 10px;
}
.site-menu.desktop-menu .sub-menu.mega-menu .civi-link-item {
  position: absolute;
}
.site-menu.desktop-menu .sub-menu.mega-menu .elementor-widget-civi-jobs-category .civi-layout-01 .icon-cate {
  margin-bottom: 0 !important;
}
.site-menu.desktop-menu .sub-menu.mega-menu .elementor-widget-civi-jobs-category .cate-inner:hover {
  background-color: rgba(0, 116, 86, 0.05);
  box-shadow: none;
}
.site-menu.desktop-menu .sub-menu.mega-menu .modern-tabs-item .elementor-section {
  box-shadow: none;
}
.site-menu.desktop-menu .sub-menu.mega-menu .nav-modern-tabs {
  border-bottom: 2px solid var(--civi-color-border);
}
.site-menu.desktop-menu .sub-menu.mega-menu .nav-modern-tabs .nav-item {
  padding: 0;
}
.site-menu.desktop-menu .sub-menu.mega-menu .nav-modern-tabs .nav-item a {
  padding: 16px;
}
.site-menu.desktop-menu .sub-menu.mega-menu .nav-modern-tabs .nav-item a:before {
  left: 0;
  bottom: -2px;
}
.site-menu.desktop-menu .sub-menu.mega-menu .elementor-widget-civi-companies-category .cate-content:hover {
  background-color: rgba(0, 116, 86, 0.05);
}
.site-menu.desktop-menu .mega-menu {
  position: relative;
}
.site-menu.desktop-menu .mega-menu .sub-menu,
.site-menu.desktop-menu .mega-menu .children {
  right: 0;
  min-width: 240px;
  width: auto;
}
.site-menu.desktop-menu .mega-menu .elementor-section {
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
  border-radius: 16px;
}
.site-menu.desktop-menu .mega-menu .container {
  padding-left: 0;
  padding-right: 0;
}
.site-menu.desktop-menu .mega-menu.mega-menu-default .sub-menu,
.site-menu.desktop-menu .mega-menu.mega-menu-default .children {
  padding: 20px 15px;
  background: #fff;
  box-shadow: 0 2px 30px rgba(0, 0, 0, 0.05);
}
.site-menu.desktop-menu .mega-menu.mega-menu-full-width .mega-menu-content.container {
  max-width: 100%;
}
.site-menu.desktop-menu .mega-menu.mega-menu-full-width .sub-menu,
.site-menu.desktop-menu .mega-menu.mega-menu-full-width .children {
  box-shadow: 0 2px 30px rgba(0, 0, 0, 0.05);
}
.site-menu.desktop-menu .mega-menu.mega-menu-full-width, .site-menu.desktop-menu .mega-menu.mega-menu-container {
  position: inherit;
}
.site-menu.desktop-menu .mega-menu.mega-menu-container .container {
  padding-left: 15px;
  padding-right: 15px;
}

.site-header .row .site-menu.desktop-menu .mega-menu-full-width .sub-menu,
.site-header .row .site-menu.desktop-menu .mega-menu-full-width .children,
.site-header .row .site-menu.desktop-menu .mega-menu-container .sub-menu,
.site-header .row .site-menu.desktop-menu .mega-menu-container .children {
  margin-left: 15px;
  margin-right: 15px;
}

.mb-menu {
  margin-right: 25px;
}

.canvas-menu {
  display: inline-block;
}
.canvas-menu a.icon-menu {
  font-size: 24px;
  display: flex;
}
.canvas-menu.canvas-left .area-menu {
  left: 0;
  transform: translateX(-100%);
}
.canvas-menu.canvas-right .area-menu {
  right: 0;
  transform: translateX(100%);
}
.canvas-menu.active .bg-overlay {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease 0s;
}
.canvas-menu.active .area-menu {
  transform: translateX(0);
  transition: all 0.3s ease 0s;
}
.canvas-menu.d-hidden {
  display: none;
}

.area-menu {
  position: fixed;
  top: 0;
  z-index: 6;
  height: 100vh;
  width: 320px;
  z-index: 5;
  font-size: 15px;
  font-weight: 500;
  color: #2d2d2d;
  transition: all 0.3s ease 0s;
}
.area-menu .btn-close {
  position: absolute;
  top: 25px;
  right: 25px;
  font-size: 24px;
  line-height: 1;
  z-index: 1;
}
.area-menu .inner-menu {
  position: relative;
  top: 0;
  left: 0;
  z-index: 6;
  background: #fff;
  padding-bottom: 60px;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  touch-action: auto;
}
.area-menu .menu {
  padding: 30px 25px;
  margin-bottom: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
}
.area-menu .menu ul {
  margin: 0;
  padding: 0;
}
.area-menu .menu li {
  list-style: none;
  display: block;
  margin-bottom: 25px;
  line-height: inherit;
}
.area-menu .menu li:last-child {
  margin-bottom: 0;
}
.area-menu .menu li a {
  display: block;
}
.area-menu .menu .sub-menu,
.area-menu .menu .children {
  margin-top: 25px;
  padding-left: 22px;
  display: none;
}
.area-menu .top-mb-menu {
  display: flex;
  padding: 25px;
}
.area-menu .account a + a {
  margin-left: 25px;
}
.area-menu .account .user-control {
  display: none;
  position: relative;
  top: 0;
  opacity: 1;
  visibility: visible;
  padding-top: 0;
}
.area-menu .account .user-control .inner-control {
  box-shadow: none;
  padding: 0;
}
.area-menu .account .user-control .inner-control ul li {
  padding-left: 0;
  padding-right: 0;
}
.area-menu .account .user-control .inner-control .logout {
  display: inline-block;
  padding: 0;
  border: 0;
}
.area-menu .account.active .user-control {
  display: block;
}
.area-menu .mb-destinations {
  padding: 25px;
}
.area-menu .add-jobs {
  padding-top: 25px;
  padding-left: 25px;
  padding-right: 25px;
}
.area-menu .add-jobs svg {
  position: relative;
  bottom: -2px;
}
.area-menu .dropdown-select {
  display: block;
}
.area-menu .dropdown-select ul li a {
  padding-top: 10px;
  padding-bottom: 10px;
}
.area-menu .dropdown-select ul li:last-child a {
  padding-bottom: 0;
}
.area-menu .dropdown-select .entry-select {
  display: none;
  position: relative;
  margin-top: 0;
  padding: 0;
  opacity: 1;
  visibility: visible;
  max-width: inherit;
  min-width: inherit;
  box-shadow: none;
}
.area-menu .dropdown-select.active .entry-select {
  margin-top: 10px;
  margin-bottom: 0;
  display: block;
}

.site-menu.mobile-menu .account .user-control {
  text-align: left;
}
.site-menu.mobile-menu .account .user-control ul {
  padding-left: 0;
}
.site-menu.mobile-menu .account .user-show i.fa-chevron-down {
  display: inline-block;
  font-size: 12px;
  margin-left: 3px;
}
.site-menu.mobile-menu .account.active .user-show i.fa-chevron-down::before {
  content: "\f077";
}
.site-menu.mobile-menu .dropdown-categories ul.entry-select {
  padding-left: 10px;
}
.site-menu.mobile-menu .site-logo {
  padding: 25px;
  margin-right: 0;
}
.site-menu.mobile-menu .site-logo img {
  max-width: 100px;
}
.site-menu.mobile-menu .add-job,
.site-menu.mobile-menu .add-job-login {
  margin: 25px;
}

#menu-mobie-menu .chevron {
  padding-left: 5px;
}
#menu-mobie-menu .chevron i {
  top: -1px;
  position: relative;
  transition: transform 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
#menu-mobie-menu li.active > a i {
  transform: rotate(180deg);
}

.admin-bar .area-menu .inner-menu {
  top: 32px;
}

.mobile-menu .menu li a {
  gap: 10px;
}

.site-menu.desktop-menu .mega-menu {
  background-color: #FFF !important;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05) !important;
  border-radius: 10px;
  padding: 10px;
}
.site-menu.desktop-menu .mega-menu .mega-menu-content {
  width: 600px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
}
.site-menu.desktop-menu .mega-menu .mega-menu-content .mega-image {
  max-width: 150px;
  padding-bottom: 20px;
}
.site-menu.desktop-menu .mega-menu .mega-menu-content .mega-image img {
  width: 100%;
  height: auto;
}
.site-menu.desktop-menu .mega-menu .mega-menu-content .mega-columns {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  flex: 1;
}
.site-menu.desktop-menu .mega-menu .mega-menu-content .mega-columns > li {
  width: 33.33%;
}
.site-menu.desktop-menu .mega-menu .mega-menu-content .mega-columns > li > a {
  font-weight: bold;
}
.site-menu.desktop-menu .mega-menu .mega-menu-content .mega-columns > li > a .chevron {
  display: none;
}
.site-menu.desktop-menu .mega-menu .mega-menu-content .mega-columns > li > a .menu-item-title:after {
  display: none;
}
.site-menu.desktop-menu .mega-menu .mega-menu-content .mega-columns > li .sub-menu {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
  position: relative;
  left: 0;
  box-shadow: none;
  background-color: transparent;
  min-width: 170px !important;
  width: 100%;
}
.site-menu.desktop-menu .mega-menu .mega-menu-content .mega-columns > li .sub-menu > li {
  padding-left: 0;
  padding-right: 0;
}
.site-menu.desktop-menu .mega-menu.column-2 .mega-menu-content {
  width: 400px;
}
.site-menu.desktop-menu .mega-menu.column-2 .mega-menu-content .mega-columns > li {
  width: 50%;
}
.site-menu.desktop-menu .mega-menu.column-4 .mega-menu-content {
  width: 700px;
}
.site-menu.desktop-menu .mega-menu.column-4 .mega-menu-content .mega-columns > li {
  width: 25%;
}
.site-menu.desktop-menu .mega-menu.--has-mega-image .mega-menu-content {
  width: 800px;
}
.site-menu.desktop-menu .mega-menu.--has-mega-image.column-2 .mega-menu-content {
  width: 600px;
}
.site-menu.desktop-menu .mega-menu.--has-mega-image.column-4 .mega-menu-content {
  width: 900px;
}

@media only screen and (max-width: 374px) {
  .area-menu {
    width: 270px;
  }
}
@media only screen and (max-width: 1199px) {
  .canvas-menu.d-hidden {
    display: block;
  }
}
.civi-top-bar {
  background-color: #000;
  color: #ddd;
  padding-top: 10px;
  padding-bottom: 2px;
  font-size: 14px;
}
.civi-top-bar.rtl .right-top-bar {
  text-align: left;
}
.civi-top-bar.rtl .top-bar-email {
  margin-right: 25px;
  margin-left: 0;
}
.civi-top-bar.rtl i {
  margin-left: 10px;
}
.civi-top-bar.rtl .left-top-bar {
  text-align: right;
}
.civi-top-bar i {
  margin-right: 10px;
  font-weight: 500;
}
.civi-top-bar .top-bar-email {
  margin-left: 25px;
}
.civi-top-bar .right-top-bar {
  text-align: right;
}
.civi-top-bar p {
  display: inline-block;
  margin-bottom: 0;
}
.civi-top-bar .top-bar-text i {
  display: none;
}
.civi-top-bar .top-bar-text a {
  display: flex;
  align-items: center;
  color: #ddd;
}
.civi-top-bar .top-bar-text a:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.7042 19.316C21.5254 17.691 24.5704 12.5448 21.9617 9.08601C21.6917 8.71101 22.0667 7.92351 22.3179 7.39226C22.9279 6.10726 22.7979 5.05726 21.5792 4.42976C20.3604 3.80226 19.4192 4.37976 18.7042 5.42976C18.3667 5.92976 17.8192 6.67976 17.4317 6.64101C13.1442 6.36726 10.5267 11.716 9.08041 12.4498C7.37041 13.3173 3.45541 13.896 2.79416 16.2735C1.93291 19.346 4.65666 22.4085 10.2367 25.446C15.8167 28.4835 19.8617 29.1035 21.9492 26.696C23.5679 24.8373 21.9154 21.2298 21.7042 19.316Z' fill='%23191919'%3E%3C/path%3E%3Cpath d='M18.3748 29.1702C18.01 29.1692 17.6456 29.1467 17.2835 29.1027C15.2048 28.8527 12.7435 27.9452 9.7585 26.3202C6.7735 24.6952 4.67225 23.1252 3.331 21.5089C1.821 19.6914 1.316 17.8377 1.831 16.0002C2.46225 13.7502 5.10725 12.8327 7.03975 12.1664C7.57981 11.994 8.10909 11.7895 8.62475 11.5539C8.87475 11.4289 9.466 10.7327 9.93975 10.1789C11.5223 8.32016 13.886 5.53766 17.2798 5.62516C17.5019 5.39094 17.7011 5.13603 17.8748 4.86391C18.9848 3.23891 20.4998 2.75391 22.0323 3.54141C22.8098 3.94141 24.481 5.15891 23.2173 7.82266C23.0819 8.08965 22.9686 8.36724 22.8785 8.65266C24.8473 11.4552 23.8135 14.9902 23.1285 17.3439C22.9223 18.0477 22.666 18.9227 22.6985 19.2064C22.7847 19.7692 22.9041 20.3264 23.056 20.8752C23.5823 22.9739 24.2373 25.5864 22.7048 27.3477C21.6535 28.5614 20.1998 29.1702 18.3748 29.1702ZM17.1248 7.62516C14.7385 7.62516 12.8573 9.83766 11.471 11.4689C10.7323 12.3439 10.1485 13.0252 9.536 13.3352C8.93867 13.6139 8.32408 13.8539 7.696 14.0539C6.0985 14.6052 4.10975 15.2927 3.761 16.5377C3.07725 18.9764 5.4185 21.6764 10.7198 24.5627C16.021 27.4489 19.5423 27.9377 21.1985 26.0389C22.046 25.0639 21.5323 23.0139 21.1185 21.3652C20.942 20.7278 20.8063 20.0798 20.7123 19.4252C20.6373 18.7427 20.8898 17.8764 21.2123 16.7814C21.8373 14.6427 22.6948 11.7139 21.1673 9.68766L21.156 9.67266C20.5385 8.81891 21.0685 7.70266 21.4185 6.96391C21.9885 5.76266 21.4898 5.50641 21.126 5.31891C20.8123 5.15766 20.2873 4.88766 19.536 5.98891C18.9673 6.82391 18.286 7.70766 17.3635 7.63391C17.2798 7.62516 17.1998 7.62516 17.1248 7.62516Z' fill='%23191919'%3E%3C/path%3E%3Cpath d='M21.7042 19.316C21.5254 17.691 24.5704 12.5448 21.9617 9.08601C21.6917 8.71101 22.0667 7.92351 22.3179 7.39226C22.9279 6.10726 22.7979 5.05726 21.5792 4.42976C20.3604 3.80226 19.4192 4.37976 18.7042 5.42976C18.3667 5.92976 17.8192 6.67976 17.4317 6.64101C13.1442 6.36726 10.5267 11.716 9.08041 12.4498C7.37041 13.3173 3.45541 13.896 2.79416 16.2735C1.93291 19.346 4.65666 22.4085 10.2367 25.446C15.8167 28.4835 19.8617 29.1035 21.9492 26.696C23.5679 24.8373 21.9154 21.2298 21.7042 19.316Z' fill='%23FFD75E'%3E%3C/path%3E%3Cpath d='M10.3053 18.8889C10.7028 18.9151 15.759 21.6839 16.1065 21.9589C16.454 22.2339 15.559 23.3851 14.019 23.4989C12.479 23.6126 10.2765 22.6939 9.83403 21.9351C9.39153 21.1764 9.90778 18.8626 10.3053 18.8889Z' fill='%23ED0006'%3E%3C/path%3E%3Cpath d='M15.8232 21.8089C15.5807 21.8227 13.9344 23.5302 12.1982 22.6277C9.79315 21.3777 10.7394 19.2852 10.5732 19.0027C10.4069 18.7202 5.79565 17.0727 5.26815 17.9502C4.7844 18.7564 7.4194 21.6139 11.2369 23.5902C15.1232 25.6014 18.6632 26.3127 19.1244 25.4927C19.6707 24.5102 16.0644 21.7952 15.8232 21.8089Z' fill='white'%3E%3C/path%3E%3Cpath d='M2.48001 9.8367C2.99126 7.8892 5.09001 6.0042 6.98001 5.52795C7.45001 5.41045 7.11126 4.2867 6.58126 4.40295C4.50876 4.86545 2.28251 6.6017 1.26001 9.3567C1.00001 10.0442 2.38376 10.2055 2.48001 9.8367Z' fill='%23191919'%3E%3C/path%3E%3Cpath d='M5.84292 9.59303C6.68542 8.36053 7.80417 8.07803 8.86667 7.96803C9.33667 7.92053 9.33667 6.71803 8.84542 6.75678C7.54792 6.86053 6.02917 7.11428 4.79292 8.82053C4.37542 9.39178 5.60292 9.94553 5.84292 9.59303Z' fill='%23191919'%3E%3C/path%3E%3Cpath d='M27.699 14.6729C29.2715 16.0091 30.074 18.7841 29.679 20.7454C29.579 21.2316 30.7202 21.5954 30.8465 21.0529C31.3465 18.9279 30.7215 15.8654 28.6365 13.6979C28.1152 13.1566 27.4015 14.4204 27.699 14.6729Z' fill='%23191919'%3E%3C/path%3E%3Cpath d='M26.4837 18.0432C27.17 19.4107 26.8675 20.5532 26.4362 21.5607C26.2462 22.0057 27.3337 22.542 27.5425 22.0832C28.135 20.7795 28.5875 19.427 27.6475 17.417C27.3425 16.762 26.2887 17.6532 26.4837 18.0432Z' fill='%23191919'%3E%3C/path%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: 4px;
  background-size: 24px;
  background-repeat: no-repeat;
  -webkit-animation: ring 4s 0.7s ease-in-out infinite;
  -webkit-transform-origin: 50% 4px;
  -moz-animation: ring 4s 0.7s ease-in-out infinite;
  -moz-transform-origin: 50% 4px;
  animation: ring 4s 0.7s ease-in-out infinite;
}
.civi-top-bar .top-bar-text p {
  font-size: 14px;
}

.bc-language {
  margin: 0;
  padding: 0;
}
.bc-language a.dropdown-toggle {
  color: #ddd;
}
.bc-language a.dropdown-toggle i {
  font-size: 12px;
}
.bc-language .dropmenu-right .dropdown-menu {
  z-index: 999;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  border: 0;
  margin-top: 12px;
}
.bc-language .dropmenu-right .dropdown-menu:before {
  display: none;
}
.bc-language .dropmenu-right .dropdown-menu li {
  padding: 0 15px;
}
.bc-language .dropmenu-right .dropdown-menu li a {
  padding: 5px 15px;
  border-radius: 20px;
  color: #555555;
  font-weight: 500;
  font-size: 14px;
  display: block;
}
.bc-language .dropmenu-right .dropdown-menu li a:hover {
  background-color: rgba(0, 116, 86, 0.05);
  color: #007456;
}
@media (max-width: 1199px) {
  .bc-language {
    padding: 0 25px;
  }
  .bc-language a.dropdown-toggle {
    color: #111;
    padding: 15px 0;
  }
}
@keyframes ring {
  0% {
    transform: rotate(0);
  }
  1% {
    transform: rotate(30deg);
  }
  3% {
    transform: rotate(-28deg);
  }
  5% {
    transform: rotate(34deg);
  }
  7% {
    transform: rotate(-32deg);
  }
  9% {
    transform: rotate(30deg);
  }
  11% {
    transform: rotate(-28deg);
  }
  13% {
    transform: rotate(26deg);
  }
  15% {
    transform: rotate(-24deg);
  }
  17% {
    transform: rotate(22deg);
  }
  19% {
    transform: rotate(-20deg);
  }
  21% {
    transform: rotate(18deg);
  }
  23% {
    transform: rotate(-16deg);
  }
  25% {
    transform: rotate(14deg);
  }
  27% {
    transform: rotate(-12deg);
  }
  29% {
    transform: rotate(10deg);
  }
  31% {
    transform: rotate(-8deg);
  }
  33% {
    transform: rotate(6deg);
  }
  35% {
    transform: rotate(-4deg);
  }
  37% {
    transform: rotate(2deg);
  }
  39% {
    transform: rotate(-1deg);
  }
  41% {
    transform: rotate(1deg);
  }
  43% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(0);
  }
}
@media (max-width: 991px) {
  .civi-top-bar {
    text-align: center !important;
  }
  .civi-top-bar .left-top-bar {
    margin-bottom: 10px;
    text-align: center !important;
  }
  .civi-top-bar .right-top-bar {
    display: none;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .civi-top-bar .bc-language {
    display: none !important;
  }
}
.main-footer {
  border-top: 1px solid #EEEEEE;
  background-color: #FFF;
}
.main-footer .civi-modern-heading {
  margin-bottom: 30px;
}
.main-footer .civi-modern-heading h4 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 25px;
}
.main-footer .civi-modern-heading p {
  font-size: 16px;
  line-height: 1.5em;
  color: #555555;
  margin-bottom: 20px;
}
.main-footer .civi-modern-heading a {
  display: block;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
  color: #555555;
  margin-top: 12px;
  line-height: 1.5;
}
.main-footer .civi-modern-heading a:hover {
  color: #007456;
}
.main-footer .widgets-section {
  padding: 65px 0 40px;
}
.main-footer .widgets-section .big-column {
  margin-bottom: 15px;
}
.main-footer .widgets-section .big-column:last-child {
  margin-bottom: 0;
}
.main-footer .widgets-section .footer-column {
  margin-bottom: 0;
}
.main-footer .widgets-section .heading {
  margin-bottom: 30px;
  cursor: pointer;
  font-size: 16px;
}
.main-footer .widgets-section .heading i {
  transition: all 0.2s;
}
.main-footer .widgets-section .civi-list {
  margin-bottom: 15px;
  font-size: 16px;
}
.main-footer .widgets-section .civi-list.toggle .heading i {
  display: none;
}
.main-footer .widgets-section .civi-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.main-footer .widgets-section .civi-list ul li {
  margin-top: 12px;
}
.main-footer .widgets-section .civi-list ul li a {
  color: #555555;
  line-height: 1.5;
}
.main-footer .widgets-section .civi-list ul li a i {
  color: rgb(153, 153, 153);
  margin-right: 12px;
}
.main-footer .widgets-section .civi-list ul li a:hover {
  color: #007456;
}
.main-footer .widgets-section .civi-list ul li a:hover i {
  color: #007456;
}
@media (max-width: 767px) {
  .main-footer .widgets-section .civi-list {
    border-top: 1px solid #EEEEEE;
    margin-bottom: 0;
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .main-footer .widgets-section .civi-list .heading {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .main-footer .widgets-section .civi-list .widget-content {
    display: none;
    padding-top: 20px;
  }
  .main-footer .widgets-section .civi-list.toggle .heading i {
    display: block;
  }
  .main-footer .widgets-section .civi-list.active .heading i {
    transform: rotateX(180deg);
  }
  .main-footer .widgets-section .civi-list.active .widget-content {
    display: block;
  }
}
.main-footer .footer-bottom {
  padding: 30px 0;
  min-height: 0;
  border-top: 1px solid #EEEEEE;
}
.main-footer .footer-bottom .outer-box {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
@media (max-width: 767px) {
  .main-footer .footer-bottom .outer-box {
    flex-wrap: wrap;
    justify-content: center;
  }
  .main-footer .footer-bottom .outer-box .copyright-text {
    width: 100%;
    order: 2;
    text-align: center;
  }
}
.main-footer .footer-bottom p {
  color: #555555;
  font-size: 16px;
}
.main-footer .footer-bottom p:last-child {
  margin-bottom: 0;
}
.main-footer .footer-bottom .footer-bottom-right a {
  color: #555555;
  margin-left: 5px;
}
.main-footer .footer-bottom .footer-bottom-right a:hover {
  color: #007456;
}

.bc-newsletter-form {
  padding: 50px 0;
  border-top: 1px solid #EEEEEE;
  background-color: #FFF;
}
.bc-newsletter-form .newsletter-heading .icon {
  margin-right: 24px;
}
.bc-newsletter-form .newsletter-heading .title {
  font-size: 28px;
  font-weight: 500;
  line-height: 1.5;
  color: #111111;
}
.bc-newsletter-form .newsletter-heading .sub-text {
  font-size: 16px;
}
@media (max-width: 991px) {
  .bc-newsletter-form .newsletter-heading {
    margin-bottom: 25px;
  }
}
@media (max-width: 767px) {
  .bc-newsletter-form .newsletter-heading {
    flex-wrap: wrap;
    justify-content: center;
  }
  .bc-newsletter-form .newsletter-heading .icon {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .bc-newsletter-form .newsletter-heading .text {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .bc-newsletter-form {
    padding: 30px 0;
  }
}

.bc-subscribe-form {
  width: 100%;
}
.bc-subscribe-form .form-inline {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 15px;
}
.bc-subscribe-form .email {
  font-size: 16px;
  padding: 10.5px 16px;
  border-radius: 30px;
  border: 1px solid #eee;
  background-color: transparent;
  color: #999;
  flex: 1;
}
.bc-subscribe-form .btn-subscribe {
  margin-bottom: 0;
  padding: 12px 36px;
  border-radius: 50px;
  border: 1px solid #007456;
  background-color: #007456;
  color: #fff;
  font-weight: 500;
  cursor: pointer;
  text-align: center;
  min-width: 152px;
}
@media (max-width: 767px) {
  .bc-subscribe-form .form-inline {
    flex-wrap: wrap;
  }
  .bc-subscribe-form .email {
    width: 100%;
  }
  .bc-subscribe-form .btn-subscribe {
    width: 100%;
  }
}

.form-account .icon-loading {
  display: none;
}

.twitter-login {
  background-color: #1D9BF0;
}

.addon-login-wrap ul {
  margin-bottom: 0;
}

.account-section {
  min-height: 100vh;
  display: flex;
  align-items: center;
  background-color: #f9f9f9;
}
.account-section .account-form-box {
  padding: 30px;
  border-radius: 8px;
  background-color: #FFF;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);
}
.account-section .account-form-box .title {
  padding-top: 10px;
  font-weight: 600;
}
.account-section .site-logo {
  margin-bottom: 30px;
}
.account-section .site-logo img {
  max-height: 50px;
  width: auto;
}

.bc-login-page {
  padding-top: 50px;
  padding-bottom: 50px;
}

.archive-layout .archive-filter-top .form-archive-top-filter .nice-select {
  height: 100%;
  width: 100%;
  border: 0;
  font-size: 16px;
  line-height: 70px;
  padding-left: 55px;
  border-radius: 0;
}

.nice-select {
  height: 47px;
  line-height: 47px;
  font-size: 16px;
  color: var(--civi-color-text);
  padding-left: 16px;
  padding-right: 45px;
  float: none;
}

.nice-select:after {
  content: "\f078";
  font-size: 12px;
  font-weight: bold;
  font-family: "Font Awesome 5 Pro";
  color: var(--civi-color-secondary);
  font-style: normal;
  right: 18px;
  width: auto;
  height: auto;
  margin-top: 0;
  border: 0;
  transform: rotate(0) translateY(-50%);
}

.archive-layout .archive-filter-top .form-archive-top-filter .nice-select:after {
  font-size: 14px;
}

.archive-layout .archive-filter-top .form-archive-top-filter .nice-select .list {
  width: 100%;
}

.nice-select.open:after {
  transform: rotate(0) translateY(-50%);
}

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
  background-color: rgba(0, 116, 86, 0.05);
  font-weight: normal;
  color: var(--civi-color-accent);
}

.form-select {
  position: relative;
}
.form-select .select2.select2-container {
  width: 100% !important;
}
.form-select select.civi-select2 {
  width: 100% !important;
}
.form-select .select2-container {
  min-height: 47px;
  font-size: 16px;
  color: var(--civi-color-text);
  padding-left: 16px;
  padding-right: 45px;
  float: none;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
}
.form-select i.fa-angle-down {
  position: absolute;
  top: 15px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  font-size: 14px;
  color: var(--civi-color-accent);
  background: rgba(0, 116, 86, 0.05);
  border-radius: 30px;
  padding: 2px 12px;
  border: 0;
}

.select2.select2-container .select2-selection__rendered {
  flex-wrap: wrap;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  margin-bottom: 2px;
  color: var(--civi-color-accent);
  margin-right: 5px;
}

.select2-container .select2-search--inline .select2-search__field {
  margin-top: 8px;
}

.archive-post .post .entry-post-thumbnail + .entry-post-detail {
  margin-top: 20px;
}
.archive-post .post .entry-title {
  margin-bottom: 12px;
}
.archive-post .post .post-title {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 500;
  margin-bottom: 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-word;
  word-break: break-word;
  display: inline-block;
}
.archive-post .post .post-date {
  font-weight: 500;
  color: var(--civi-color-accent);
  margin-bottom: 8px;
}
.archive-post .post .post-date .post-categories {
  display: inline-block;
}
.archive-post .post .post-date .post-categories li::after {
  content: "";
  height: 1px;
  transition: width 0.3s;
  width: 0;
  display: block;
  background-color: var(--civi-color-accent);
}
.archive-post .post .post-date .post-categories li:hover::after {
  width: 100%;
}
.archive-post .post .post-date .post-categories a {
  color: var(--civi-color-accent);
}
.archive-post .post .post-date span:not(.text) {
  color: var(--civi-color-secondary);
  position: relative;
  display: inline-block;
  padding-left: 15px;
}
.archive-post .post .post-date span:not(.text)::after {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #ddd;
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
}
.archive-post .post .is-sticky {
  background: var(--civi-color-accent);
  color: #fff;
  padding: 2px 10px;
  border-radius: 3px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  display: inline-block;
  margin-left: 5px;
}
.archive-post .post .post-meta {
  font-size: 15px;
  line-height: 23px;
  font-style: italic;
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  color: #8d8d8d;
}
.archive-post .post .post-meta > div {
  margin-right: 24px;
  position: relative;
}
.archive-post .post .post-meta > div:last-child {
  margin-right: 0;
}
.archive-post .post .post-meta > div:last-child:after {
  display: none;
}
.archive-post .post .post-meta > div:after {
  content: "";
  width: 4px;
  height: 4px;
  background-color: #d8d8d8;
  border-radius: 30px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  display: block;
  position: absolute;
  right: -14px;
  top: 50%;
  margin-top: -2px;
}
.archive-post .post .post-meta .post-time {
  display: none;
}
.archive-post .post .post-meta .post-author span {
  margin-right: 5px;
}
.archive-post .post .post-meta .post-author a {
  font-weight: 600;
  color: var(--civi-color-text);
}
.archive-post .post .post-meta .post-author a:hover {
  color: var(--civi-color-accent);
}
.archive-post .post .post-excerpt {
  margin-bottom: 22px;
}
.archive-post .post .post-excerpt p {
  margin-bottom: 0;
  line-height: 1.8;
}
.archive-post .post .btn-readmore a {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 3px;
  color: var(--civi-color-accent);
}
.archive-post .post .btn-readmore a::after, .archive-post .post .btn-readmore a::before {
  content: "";
  height: 1px;
  display: block;
  position: absolute;
  background-color: var(--civi-color-accent);
  transition: width 0.3s;
}
.archive-post .post .btn-readmore a::after {
  right: 0;
  width: 100%;
  bottom: 0;
}
.archive-post .post .btn-readmore a::before {
  left: 0;
  bottom: 0;
  width: 0;
  transition-delay: 0.3s;
}
.archive-post .post .btn-readmore a:hover {
  background-image: none;
}
.archive-post .post .btn-readmore a:hover::after {
  width: 0;
}
.archive-post .post .btn-readmore a:hover::before {
  width: 100%;
}

.post-categories {
  margin-bottom: 10px;
  padding-left: 0;
  display: table;
  line-height: 28px;
}

.post-categories li {
  display: inline-block;
  margin-right: 10px;
}
.post-categories li:last-child {
  margin-right: 0;
}

#civi-custom-blog .post-caption {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 30px 40px 30px;
  border-radius: 10px;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 2%, #000000 200%);
}

.list-posts .post {
  padding-left: 15px;
  padding-right: 15px;
}

.count-posts {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
}

.archive-post.grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.archive.category .main-content {
  padding-top: 60px;
}

.civi-categories {
  padding-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
}

.civi-categories .list-categories,
.civi-categories .civi-list-categories {
  font-size: 15px;
  line-height: 32px;
  text-transform: uppercase;
  list-style-type: none;
  display: table;
  padding-left: 0;
  margin-bottom: 0;
  margin-left: -16px;
  margin-right: -16px;
}
.civi-categories .list-categories li,
.civi-categories .civi-list-categories li {
  display: inline-block;
  padding-left: 16px;
  padding-right: 16px;
}
.civi-categories .list-categories li.active a,
.civi-categories .civi-list-categories li.active a {
  color: var(--civi-color-primary);
}
.civi-categories .list-categories li a,
.civi-categories .civi-list-categories li a {
  font-weight: 500;
  font-size: 18px;
  text-transform: capitalize;
}
.civi-categories .list-categories li a:hover,
.civi-categories .civi-list-categories li a:hover {
  color: var(--civi-color-primary);
}

.archive-post.layout-list .inner-post-wrap {
  display: flex;
  align-items: center;
}
.archive-post.layout-list .entry-post-thumbnail {
  flex: 0 0 42%;
}
.archive-post.layout-list .entry-post-detail {
  padding-left: 40px;
  margin-top: 0;
}
.archive-post.layout-list .post + .post {
  margin-top: 40px;
}

.no-results .page-header {
  margin-bottom: 15px;
}
.no-results .page-content > p {
  margin-bottom: 30px;
}
.no-results .screen-reader-text {
  display: none;
}

.news-pages {
  background-color: #f9f9f9;
}
.news-pages .page-title .entry-detail .entry-title {
  color: #111;
}

.search-box form .form-group {
  position: relative;
}
.search-box form .form-group i, .search-box form .form-group span {
  position: absolute;
  left: 15px;
  top: 15px;
}
.search-box form .form-group input[type=search] {
  padding-left: 40px;
}

.widget_bloglist .thumb-list .post-item {
  display: flex;
  gap: 15px;
  margin-bottom: 24px;
}
.widget_bloglist .thumb-list .post-item .post-thumb {
  width: 35%;
}
.widget_bloglist .thumb-list .post-item .caption {
  flex: 1;
}
.widget_bloglist .thumb-list .post-item .caption .post-info {
  font-size: 80%;
}
.widget_bloglist .thumb-list .post-item .caption a:hover {
  color: #007456;
}
.widget_bloglist .thumb-list .post-item:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 991px) {
  .main-content.content-blog .site-layout.has-sidebar {
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
  .main-content.content-blog .site-layout.has-sidebar #primary {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .main-content.content-blog .site-layout.has-sidebar aside#secondary {
    max-width: inherit;
    padding-left: 0;
    padding-right: 0;
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .archive-post.layout-list .inner-post-wrap {
    display: block;
  }
  .archive-post.layout-list .entry-post-detail {
    padding-left: 0;
  }
}
.single .site-layout.has-thumbnail #primary #main {
  padding-right: 30px;
  background: #fff;
}
.single .post-thumbnail figure {
  margin-bottom: 0;
}
.single .post-thumbnail img {
  width: 100%;
  min-height: 400px;
  max-height: 450px;
  -o-object-fit: cover;
     object-fit: cover;
}
.single .post .inner-post-wrap .post-categories {
  display: table;
  margin-bottom: 15px;
}
.single .post .inner-post-wrap .post-categories li {
  display: inline-block;
  margin-right: 10px;
}
.single .post .inner-post-wrap .post-categories li:last-child {
  margin-right: 0;
}
.single .post .inner-post-wrap .post-categories a {
  font-size: 14px;
  line-height: 19px;
  text-transform: uppercase;
  border-bottom: 1px solid var(--civi-color-accent);
}
.single .post .inner-post-wrap .post-title {
  margin-bottom: 20px;
}
.single .post .inner-post-wrap .post-title .entry-title {
  font-size: 36px;
  font-weight: 500;
  margin-bottom: 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.single .post .inner-post-wrap .post-meta {
  font-size: 15px;
  line-height: 23px;
  font-style: italic;
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
  color: #8d8d8d;
}
.single .post .inner-post-wrap .post-meta > div {
  margin-right: 24px;
  position: relative;
}
.single .post .inner-post-wrap .post-meta > div:last-child {
  margin-right: 0;
}
.single .post .inner-post-wrap .post-meta > div:last-child:after {
  display: none;
}
.single .post .inner-post-wrap .post-meta > div:after {
  content: "";
  width: 4px;
  height: 4px;
  background-color: #d8d8d8;
  border-radius: 30px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  display: block;
  position: absolute;
  right: -14px;
  top: 50%;
  margin-top: -2px;
}
.single .post .inner-post-wrap .post-meta .post-author span {
  margin-right: 5px;
}
.single .post .inner-post-wrap .post-meta .post-author a {
  font-weight: 600;
  color: #2d2d2d;
}
.single .post .inner-post-wrap .post-meta .post-author a:hover {
  color: var(--civi-color-accent);
}
.single .post .inner-post-wrap .post-content {
  padding-bottom: 40px;
  line-height: 1.625;
}
.single .post .inner-post-wrap .post-content p:last-child {
  margin-bottom: 0;
}
.single .post .inner-post-wrap .post-content:after {
  content: "";
  clear: both;
  display: block;
}
.single .post .inner-post-wrap .post-tags {
  display: flex;
  padding-bottom: 30px;
}
.single .post .inner-post-wrap .post-tags i {
  font-size: 18px;
  position: relative;
  bottom: -4px;
}
.single .post .inner-post-wrap .post-tags .entry-tag {
  display: table;
  padding-left: 10px;
  line-height: 1.8;
}
.single .post .inner-post-wrap .post-tags .entry-tag a {
  margin-right: 6px;
}
.single .post .inner-post-wrap .post-author {
  display: flex;
}
.single .post .inner-post-wrap .post-author .entry-avatar {
  display: inline-block;
  overflow: hidden;
}
.single .post .inner-post-wrap .post-author .entry-avatar img {
  border-radius: 50%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
}
.single .post .inner-post-wrap .post-author .inner-left {
  display: inline-flex;
  flex: 0 0 100px;
}
.single .post .inner-post-wrap .post-author .inner-left + .inner-right {
  padding-left: 20px;
}
.single .post .inner-post-wrap .post-author .head-author {
  display: flex;
  align-items: center;
}
.single .post .inner-post-wrap .post-author .head-author .entry-title {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 0;
}
.single .post .inner-post-wrap .post-author .head-author .entry-title a {
  color: var(--civi-color-primary);
}
.single .post .inner-post-wrap .post-author .head-author .entry-title a:hover {
  color: var(--civi-color-accent);
}
.single .post .inner-post-wrap .post-author .author-socials-profile {
  margin-left: 20px;
}
.single .post .inner-post-wrap .post-author .author-socials-profile ul {
  display: flex;
  line-height: 28px;
  padding-left: 0;
  margin-bottom: 0;
}
.single .post .inner-post-wrap .post-author .author-socials-profile li {
  display: inline-block;
  margin-right: 20px;
  font-size: 24px;
  line-height: 1;
}
.single .post .inner-post-wrap .post-author .author-socials-profile li:last-child {
  margin-right: 0;
}
.single .post .inner-post-wrap .post-author .entry-bio {
  margin-bottom: 0;
}
.single .post .inner-post-wrap .post-author .head-author + .entry-bio {
  margin-top: 15px;
}
.single .post .inner-post-wrap .related-post .entry-post-thumbnail img {
  border-radius: 8px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}
.single .post .inner-post-wrap .related-post .entry-post-thumbnail + .entry-post-detail {
  margin-top: 20px;
}
.single .post .inner-post-wrap .related-post .post-title {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 0;
}
.single .block-line {
  border-top: 1px solid #eeeeee;
  padding-top: 40px;
  padding-bottom: 40px;
}

.related-post .entry-title {
  font-size: 34px;
}

@media only screen and (max-width: 479px) {
  .single .post .inner-post-wrap .post-author {
    align-items: inherit;
  }
  .single .post .inner-post-wrap .post-author .inner-left {
    flex: 0 0 50px;
    position: absolute;
  }
  .single .post .inner-post-wrap .post-author .inner-left + .inner-right {
    padding-left: 0;
  }
  .single .post .inner-post-wrap .post-author .entry-avatar img {
    width: 50px;
    height: 50px;
  }
  .single .post .inner-post-wrap .post-author .head-author {
    display: block;
    padding-left: 70px;
  }
  .single .post .inner-post-wrap .post-author .author-socials-profile {
    margin-left: 0;
    margin-top: 10px;
  }
  .single .post .inner-post-wrap .related-post .post-title {
    font-size: 16px;
    line-height: 25px;
  }
  .related-post .entry-title {
    font-size: 24px;
  }
  .related-post .post {
    margin-bottom: 30px;
  }
}
/***

====================================================================
Pricing Section
====================================================================

***/
.tabs-box {
  position: relative;
}

.tabs-box .tab {
  display: none;
}

.tabs-box .active-tab {
  display: block;
}

.tabs-box .tab-btn {
  cursor: pointer;
}

.pricing-section {
  position: relative;
  padding: 100px 0 70px;
}

.pricing-tabs {
  position: relative;
}

.pricing-tabs .tab-buttons {
  text-align: center;
  position: relative;
  margin-bottom: 30px;
}

.pricing-tabs .tab-buttons h4 {
  display: block;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #202124;
  margin-bottom: 15px;
}

.pricing-tabs .tab-btns {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pricing-tabs .tab-btns:before {
  position: absolute;
  top: 0;
  left: 50%;
  width: 60px;
  height: 30px;
  transform: translateX(-50%);
  background: #1967D2;
  border: 1px solid #E7E7EC;
  box-sizing: border-box;
  box-shadow: 0px 8px 15px rgba(140, 152, 164, 0.1);
  border-radius: 30px;
  content: "";
  transition: all 300ms linear;
}

.pricing-tabs .tab-btns li {
  list-style: none;
  position: relative;
  font-size: 14px;
  line-height: 30px;
  color: #696969;
  cursor: pointer;
  z-index: 8;
  padding: 0 48px 0;
  min-width: 196px;
  transition: all 300ms ease;
}

.pricing-tabs .tab-btns li:before {
  position: absolute;
  right: -10px;
  height: 20px;
  width: 20px;
  top: 5px;
  background: #ffffff;
  content: "";
  border-radius: 50%;
  transition: all 300ms ease;
}

.pricing-tabs .tab-btns li.active-btn:before {
  right: 15px;
}

.pricing-tabs .tab-btns li:last-child:before {
  display: none;
}

.pricing-table {
  position: relative;
  margin-bottom: 30px;
}

.pricing-table .inner-box {
  position: relative;
  background: #FFFFFF;
  border: 1px solid #ECEDF2;
  box-sizing: border-box;
  border-radius: 8px;
  padding: 40px 40px;
  overflow: hidden;
  transition: all 300ms ease;
}

.pricing-table .inner-box:hover,
.pricing-table.tagged .inner-box {
  border: 1px solid #1967D2;
  box-shadow: 0px 6px 15px rgba(64, 79, 104, 0.05);
}

.pricing-table .tag {
  position: absolute;
  right: 30px;
  top: 30px;
  overflow: hidden;
  border-radius: 30px;
  font-size: 13px;
  line-height: 20px;
  color: #34A853;
  padding: 5px 25px;
}

.pricing-table .tag:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #34A853;
  opacity: 0.15;
  content: "";
  border-radius: 30px;
}

.pricing-table .title {
  display: block;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #1967D2;
  margin-bottom: 10px;
}

.pricing-table .price {
  position: relative;
  display: flex;
  align-items: flex-end;
  font-size: 30px;
  line-height: 41px;
  color: #202124;
  font-weight: 500;
  margin-bottom: 40px;
  transition: all 300ms ease;
}

.pricing-table .duration {
  position: relative;
  font-size: 18px;
  line-height: 1em;
  color: #202124;
  font-weight: 400;
  bottom: 7px;
  margin-left: 7px;
}

.pricing-table .table-content {
  position: relative;
  margin-bottom: 50px;
}

.pricing-table .table-content ul {
  position: relative;
  list-style: none;
  padding: 0;
}

.pricing-table .table-content ul li {
  position: relative;
  font-size: 14px;
  line-height: 25px;
  color: #696969;
  font-weight: 400;
  margin-bottom: 20px;
  padding-left: 30px;
}

.pricing-table .table-content ul li:before {
  position: absolute;
  left: 0;
  top: 0;
  font-family: Flaticon;
  font-size: 16px;
  color: #202124;
  content: "\f172";
}

.pricing-table .table-footer {
  position: relative;
}

.pricing-table .table-footer a {
  position: relative;
  display: block;
  width: 100%;
}

.payment-list {
  list-style: none;
  padding-left: 0;
}

@media (max-width: 767px) {
  .checkout-page .title {
    font-size: 24px;
  }
}
.order-confirmation {
  padding-top: 80px;
  padding-bottom: 65px;
}
.order-confirmation .container {
  max-width: 900px;
}
.order-confirmation .upper-box {
  margin-bottom: 50px;
  text-align: center;
}
.order-confirmation .upper-box .title {
  margin-bottom: 15px;
  margin-top: 15px;
  font-size: 30px;
}
.order-confirmation .upper-box .icon {
  display: inline-flex;
  width: 70px;
  height: 70px;
  align-items: center;
  justify-content: center;
  color: #FFF;
  background-color: var(--civi-color-accent);
  border-radius: 50%;
  font-size: 36px;
  margin-bottom: 10px;
}
.order-confirmation .upper-box .icon.fa-info {
  background-color: #0d95e8;
}
@media (max-width: 767px) {
  .order-confirmation {
    padding-top: 60px;
    padding-bottom: 40px;
  }
  .order-confirmation .upper-box .title {
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 24px;
  }
  .order-confirmation .upper-box .icon {
    width: 60px;
    height: 60px;
    font-size: 30px;
  }
}

.order-box {
  margin-top: 30px;
}
.order-box .title {
  font-size: 28px;
}

.order-info {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 40px 40px 0;
  background: #ecf2f0;
  border-radius: 8px;
  margin-bottom: 60px;
  justify-content: space-between;
}
.order-info li {
  position: relative;
  margin-right: 40px;
  flex-direction: column;
  display: flex;
  font-size: 15px;
  line-height: 20px;
  color: #696969;
  margin-bottom: 40px;
  gap: 5px;
}
@media (max-width: 767px) {
  .order-info {
    padding: 25px 25px 0;
    margin-bottom: 40px;
  }
  .order-info li {
    margin-bottom: 25px;
    margin-right: 25px;
  }
}

.payment-box .gateway_name {
  display: none;
}

.payment-box .card_stripe {
  width: auto;
  max-width: 500px;
  position: relative;
  border: solid 1px #d9d9d9;
  padding: 20px 20px 10px;
  border-radius: 5px;
}

.payment-box .card_stripe label {
  display: inline-block;
  width: 100%;
  position: relative;
}

.payment-box .card_stripe label span {
  min-width: 150px;
  display: inline-block;
}

.payment-box .card_stripe label:not(:last-child) {
  border-bottom: 1px solid #f0f5fa;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.payment-box .card_stripe label i {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 24px;
  color: #ccc;
}

.payment-box .card_stripe input {
  border: none;
  box-shadow: none;
  outline: none;
}

.payment-box .card_stripe .input {
  display: inline-block;
  width: 200px;
  position: relative;
  top: 5px;
}

.payment-box .card_stripe i.bg {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 100px;
  color: #ccc;
  transform: rotate(0deg);
  z-index: 1;
}

:root {
  --civi-color-text: #555555;
  --civi-color-accent: #007456;
  --main-color: #007456;
  --civi-color-primary: #111111;
  --civi-color-secondary: #999;
  --civi-color-border: #eee;
  --civi-color-bg: #f9f9f9;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  animation-name: fadeOutRight;
}

.skeleton-loading .jobs-archive-header,
.skeleton-loading .jobs-archive-footer,
.skeleton-loading .jobs-des,
.skeleton-loading .days,
.skeleton-loading .company-top,
.skeleton-loading .des-company,
.skeleton-loading .company-header,
.skeleton-loading .company-bottom,
.skeleton-loading .company-thumbnail,
.skeleton-loading .candidate-top,
.skeleton-loading .des-candidate,
.skeleton-loading .candidate-header,
.skeleton-loading .candidate-bottom,
.skeleton-loading .candidate-salary,
.skeleton-loading .jobs-thumbnail-details,
.skeleton-loading .block-archive-inner > *,
.skeleton-loading .preview-tabs .tab-nav li,
.skeleton-loading .company-overview > *,
.skeleton-loading .company-jobs > * {
  position: relative;
  overflow: hidden;
  background-color: #dddbdd;
}
.skeleton-loading .jobs-archive-header:before,
.skeleton-loading .jobs-archive-footer:before,
.skeleton-loading .jobs-des:before,
.skeleton-loading .days:before,
.skeleton-loading .company-top:before,
.skeleton-loading .des-company:before,
.skeleton-loading .company-header:before,
.skeleton-loading .company-bottom:before,
.skeleton-loading .company-thumbnail:before,
.skeleton-loading .candidate-top:before,
.skeleton-loading .des-candidate:before,
.skeleton-loading .candidate-header:before,
.skeleton-loading .candidate-bottom:before,
.skeleton-loading .candidate-salary:before,
.skeleton-loading .jobs-thumbnail-details:before,
.skeleton-loading .block-archive-inner > *:before,
.skeleton-loading .preview-tabs .tab-nav li:before,
.skeleton-loading .company-overview > *:before,
.skeleton-loading .company-jobs > *:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #dddbdd;
  z-index: 3;
}
.skeleton-loading .jobs-archive-header::after,
.skeleton-loading .jobs-archive-footer::after,
.skeleton-loading .jobs-des::after,
.skeleton-loading .days::after,
.skeleton-loading .company-top::after,
.skeleton-loading .des-company::after,
.skeleton-loading .company-header::after,
.skeleton-loading .company-bottom::after,
.skeleton-loading .company-thumbnail::after,
.skeleton-loading .candidate-top::after,
.skeleton-loading .des-candidate::after,
.skeleton-loading .candidate-header::after,
.skeleton-loading .candidate-bottom::after,
.skeleton-loading .candidate-salary::after,
.skeleton-loading .jobs-thumbnail-details::after,
.skeleton-loading .block-archive-inner > *::after,
.skeleton-loading .preview-tabs .tab-nav li::after,
.skeleton-loading .company-overview > *::after,
.skeleton-loading .company-jobs > *::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  z-index: 3;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  animation: shimmer 3s infinite;
}

@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}
body.single-jobs .site-content, body.single-jobs .site-header {
  position: static;
}

body.single-jobs .civi_breadcrumb,
body.single-company .civi_breadcrumb,
body.single-candidate .civi_breadcrumb {
  margin-top: 24px;
  margin-bottom: 24px;
}
body.single-jobs .main-content,
body.single-company .main-content,
body.single-candidate .main-content {
  padding-top: 0;
}

select.civi-select2 {
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.select2.select2-container {
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.select2.select2-container .selection {
  display: block;
  height: 100%;
}
.select2.select2-container .select2-selection {
  border: 0;
  height: 100%;
  margin: 0;
  display: flex;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
.select2.select2-container .select2-selection__rendered {
  line-height: normal;
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
}
.select2.select2-container .select2-selection__arrow {
  position: static;
  height: auto;
  width: auto;
  display: flex;
  align-items: center;
  margin-left: 10px;
}
.select2.select2-container .select2-selection__arrow b {
  display: none;
}
.select2.select2-container .select2-selection__arrow:after {
  font-weight: bold;
  content: "\f17c";
  font-family: "Flaticon";
  font-size: 10px;
  color: var(--civi-color-secondary);
  font-style: normal;
  right: 18px;
  width: auto;
  height: auto;
  margin-top: 0;
  border: 0;
}

.select2-container .select2-dropdown {
  border: 0;
  top: 0;
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.03);
}
.select2-container .select2-dropdown .select2-results__option {
  padding: 4px 16px;
  font-size: 15px;
}
.select2-container .select2-dropdown .select2-results__options::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 5px;
}
.select2-container .select2-dropdown .select2-results__options::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
  border-radius: 5px;
}
.select2-container .select2-dropdown .select2-results__options::-webkit-scrollbar-thumb {
  background-color: #eee;
  border-radius: 5px;
}
.select2-container .select2-results__option[aria-selected=true],
.select2-container .select2-results__option[data-selected=true] {
  background-color: rgba(0, 116, 86, 0.05);
  font-weight: 400;
  color: var(--civi-color-accent);
}
.select2-container .select2-results__option--highlighted[aria-selected],
.select2-container .select2-results__option--highlighted[data-selected] {
  background-color: rgba(0, 116, 86, 0.05);
  color: var(--civi-color-accent);
}

body.admin-bar .select2-container .select2-dropdown {
  top: 32px;
}

.select2-field .select2.select2-container {
  width: 100% !important;
}
.select2-field .select2.select2-container .select2-selection {
  font-size: 16px;
  border: 1px solid #ddd;
  padding: 10.5px 16px;
  border-radius: 4px;
}
.select2-field .select2.select2-container .select2-selection--multiple {
  padding: 0 16px;
  height: 47px;
  line-height: 47px;
}
.select2-field .select2.select2-container .select2-selection .select2-selection__rendered li {
  margin: 5px 5px 5px 0;
}

.form-select div.select2-multiple + i {
  right: 16px;
}

.bc-form-order .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--civi-color-accent) !important;
}

#geocoder {
  top: 36px !important;
}

body.civi-ltw {
  overflow: hidden !important;
}

@media (min-width: 768px) {
  body.single-jobs .elementor-lightbox,
  body.single-company .elementor-lightbox,
  body.single-candidate .elementor-lightbox {
    display: none !important;
  }
}
@media (max-width: 576px) {
  body.single-jobs .civi_breadcrumb,
  body.single-company .civi_breadcrumb,
  body.single-candidate .civi_breadcrumb {
    display: none;
  }
  body.single-jobs .main-content,
  body.single-company .main-content,
  body.single-candidate .main-content {
    padding-top: 30px;
  }
}
a.label {
  transition: all 0.3s;
}
a.label:hover {
  background-image: linear-gradient(rgba(0, 0, 0, 0.05) 0 0);
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.civi-link-bottom {
  position: relative;
}
.civi-link-bottom:after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  height: 1px;
  bottom: -3px;
  background-color: currentColor;
  width: 0;
  transition: all 0.3s;
}
.civi-link-bottom:hover:after {
  width: 100%;
}

.mega-menu-content .civi-modern-tabs .button-border-bottom {
  display: inline-block !important;
}
.mega-menu-content .elementor-widget-civi-jobs-category.civi-layout-01 .icon-cate {
  margin-bottom: 0;
}
.mega-menu-content .civi-list .text {
  position: relative;
  display: inline-block;
}
.mega-menu-content .civi-list .text:after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  border-top: 1px solid var(--civi-color-accent);
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.mega-menu-content .civi-list .text:hover:after {
  transform: scaleX(1);
  transform-origin: left center;
}

.civi-email-html {
  background-color: #f2f2f2;
  padding: 10px;
  border-radius: 5px;
  margin: 10px;
}
.civi-email-html .text {
  color: #666;
  font-size: 16px;
  margin-bottom: 10px;
}

.additional-warpper .entry-thumbnail {
  position: relative;
}
.additional-warpper .view-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.additional-warpper .view-video i {
  color: red;
  font-size: 60px;
}

.elementor-section.rtl .jobs-archive-header,
.elementor-section.rtl .jobs-header-left, .elementor-section.rtl .company-header .elementor-section.rtl,
.elementor-section.rtl .company-bottom {
  flex-direction: row-reverse;
}
.elementor-section.rtl .company-inner {
  justify-content: flex-end;
}
.elementor-section.rtl .company-img,
.elementor-section.rtl .layout-list .jobs-footer-left,
.elementor-section.rtl .layout-list .jobs-header-left,
.elementor-section.rtl .civi-jobs-item .logo-comnpany {
  margin-right: 0;
  margin-left: 16px;
}
.elementor-section.rtl .jobs-footer-left, .elementor-section.rtl .jobs-footer-right, .elementor-section.rtl .jobs-header-left,
.elementor-section.rtl .civi-company-item, .elementor-section.rtl .testimonial-item .content, .elementor-section.rtl .cite {
  text-align: right;
}
.elementor-section.rtl .civi-testimonial-style-03 .info .testimonial-logo {
  left: 0;
  right: auto;
}
.elementor-section.rtl .civi-testimonial-style-03 .image {
  margin-left: 20px !important;
  margin-right: 0 !important;
}
.elementor-section.rtl .civi-blog .top-blog .post-categories {
  padding-right: 0;
}

.civi-button, .theme-btn {
  display: inline-block;
  background-color: var(--civi-color-accent);
  border: solid 1px var(--civi-color-accent);
  color: #fff;
  transition: all 0.3s;
  padding: 10px 26px;
  font-size: 16px;
  border-radius: 3em;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  font-weight: 500;
  cursor: pointer;
}
.civi-button:hover, .theme-btn:hover {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2) 0 0);
  color: #fff;
}
.civi-button.button-outline, .theme-btn.button-outline {
  background-color: transparent;
  color: var(--civi-color-primary);
  border-color: #ddd;
}
.civi-button.button-outline:hover, .theme-btn.button-outline:hover {
  background-image: none;
  background-color: var(--civi-color-accent);
  color: #fff;
  border-color: var(--civi-color-accent);
}
.civi-button.button-outline-accent, .theme-btn.button-outline-accent {
  background-color: transparent;
  color: var(--civi-color-accent);
  border-color: var(--civi-color-accent);
}
.civi-button.button-outline-accent:hover, .theme-btn.button-outline-accent:hover {
  background-image: none;
  background-color: var(--civi-color-accent);
  color: #fff;
  border-color: var(--civi-color-accent);
}
.civi-button.button-link, .theme-btn.button-link {
  color: var(--civi-color-accent);
  background-color: transparent;
  border-width: 0;
  text-decoration: none;
  border-radius: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  padding: 0;
  line-height: 1.3;
}
.civi-button.button-link::after, .theme-btn.button-link::after {
  content: "";
  height: 1px;
  transition: width 0.3s;
  width: 0;
  display: block;
  background-color: var(--civi-color-accent);
}
.civi-button.button-link:hover, .theme-btn.button-link:hover {
  background-image: none;
}
.civi-button.button-link:hover::after, .theme-btn.button-link:hover::after {
  width: 100%;
}
.civi-button.button-border-bottom, .theme-btn.button-border-bottom {
  color: var(--civi-color-accent);
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  padding: 0;
  line-height: 1.3;
  position: relative;
}
.civi-button.button-border-bottom::after, .civi-button.button-border-bottom::before, .theme-btn.button-border-bottom::after, .theme-btn.button-border-bottom::before {
  content: "";
  height: 1px;
  display: block;
  position: absolute;
  background-color: var(--civi-color-accent);
  transition: width 0.3s;
}
.civi-button.button-border-bottom::after, .theme-btn.button-border-bottom::after {
  right: 0;
  width: 100%;
  bottom: 0;
}
.civi-button.button-border-bottom::before, .theme-btn.button-border-bottom::before {
  left: 0;
  bottom: 0;
  width: 0;
  transition-delay: 0.3s;
}
.civi-button.button-border-bottom:hover, .theme-btn.button-border-bottom:hover {
  background-image: none;
}
.civi-button.button-border-bottom:hover::after, .theme-btn.button-border-bottom:hover::after {
  width: 0;
}
.civi-button.button-border-bottom:hover::before, .theme-btn.button-border-bottom:hover::before {
  width: 100%;
}
.civi-button.button-block, .theme-btn.button-block {
  display: block;
  width: 100%;
  text-align: center;
}
.civi-button.button-disbale, .theme-btn.button-disbale {
  cursor: not-allowed;
}
.civi-button.button-disbale:hover, .theme-btn.button-disbale:hover {
  background-color: var(--civi-color-accent);
  color: #fff;
}
.civi-button.button-xs, .theme-btn.button-xs {
  padding: 6px 22px;
  font-size: 12px;
}
.civi-button.button-sm, .theme-btn.button-sm {
  padding: 8px 24px;
  font-size: 14px;
}
.civi-button.button-lg, .theme-btn.button-lg {
  padding: 12px 28px;
  font-size: 18px;
}
.civi-button.button-xl, .theme-btn.button-xl {
  padding: 14px 30px;
  font-size: 20px;
}
.civi-button.button-rounded, .theme-btn.button-rounded {
  border-radius: 8px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}
.civi-button.button-square, .theme-btn.button-square {
  border-radius: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}
.civi-button i:not(.fa-spin),
.civi-button svg, .theme-btn i:not(.fa-spin),
.theme-btn svg {
  margin-right: 10px;
}
.civi-button.button-icon-right i,
.civi-button.button-icon-right svg, .theme-btn.button-icon-right i,
.theme-btn.button-icon-right svg {
  margin-left: 10px;
}

.pt-70 {
  padding-top: 70px;
}

.mb-24 {
  margin-bottom: 24px;
}

.h-300 {
  height: 300px;
}

.map-marker-container {
  position: absolute;
  margin-top: 10px;
  transform: translate3d(-50%, -100%, 0);
}

.marker-container {
  position: relative;
  margin: 10px auto;
  top: -5px;
  width: 46px;
  height: 46px;
  z-index: 1;
  border-radius: 50%;
  cursor: pointer;
  -webkit-perspective: 1000;
}

.face {
  position: absolute;
  width: 46px;
  height: 46px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  z-index: 100;
  background: #4cbfd8;
  font-size: 24px;
  box-sizing: content-box;
  background-clip: content-box;
  line-height: 46px;
}

.face:before {
  position: absolute;
  left: -7px;
  top: -7px;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  border: 7px solid rgba(255, 255, 255, 0.4);
  box-shadow: 0 7px 30px rgba(33, 33, 33, 0.1);
  content: "";
}

.face > div {
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.map-marker-container:hover .marker-container .marker-card,
.clicked .marker-container .marker-card,
.map-marker-container.clicked .marker-card {
  transform: rotateY(360deg);
  transition: all 0.4s ease-in-out;
}

/*==========================
Map Listing Item
===========================*/
#map .infoBox {
  margin-left: -45px;
  margin-bottom: 15px;
}

.map-listing-item {
  position: relative;
}
.map-listing-item .infoBox-close {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 24px;
  height: 24px;
  background: #F0F5F7;
  color: #202124;
  line-height: 24px;
  font-size: 12px;
  border-radius: 8px;
  z-index: 9;
  text-align: center;
  cursor: pointer;
  transition: all 300ms ease;
}
.map-listing-item .infoBox-close:hover {
  background-color: #1967D2;
  color: #ffffff;
}
.map-listing-item .inner-box {
  position: relative;
  padding: 20px 20px;
  padding-left: 90px;
  border-radius: 10px;
  background: #ffffff;
  min-width: 358px;
}
.map-listing-item .inner-box:before {
  position: absolute;
  left: 50%;
  top: 100%;
  margin-left: -9px;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid #ffffff;
  content: "";
}
.map-listing-item .image-box {
  position: absolute;
  left: 20px;
  top: 20px;
}
.map-listing-item .image {
  display: block;
  height: 50px;
  width: 50px;
  overflow: hidden;
  margin-bottom: 0;
}
.map-listing-item .image img {
  display: block;
  max-width: 100%;
  height: auto;
  transition: all 500ms ease;
}
.map-listing-item .content {
  position: relative;
  min-height: 50px;
}
.map-listing-item .title {
  color: #ffffff;
  opacity: 0.6;
  margin-left: 3px;
}
.map-listing-item h3 {
  position: relative;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #202124;
  margin-bottom: 4px;
}
.map-listing-item h3 a {
  color: #202124;
  transition: all 300ms ease;
}
.map-listing-item h3 a:hover {
  color: #202124;
}
.map-listing-item .job-info {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.map-listing-item .job-info li {
  position: relative;
  font-size: 14px;
  line-height: 22px;
  color: #696969;
  font-weight: 400;
  padding-left: 25px;
  margin-right: 20px;
}
.map-listing-item .job-info li .icon {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  line-height: 22px;
  color: #696969;
}
.map-listing-item .job-info li a {
  color: #696969;
}

.cat-faq-item {
  background: #efeff0;
  border-color: #efeff0;
  margin: 0 6px 16px;
  padding: 3px 12px;
  color: #7a7d85;
  display: inline-block;
  border-radius: 999px;
}

.category-banner {
  height: 240px;
}
.category-banner .title {
  font-size: 32px;
}
.category-banner .subtitle {
  font-size: 20px;
}

.category-page-title {
  font-weight: 500;
}

.category-faqs-accordion .card {
  height: auto;
  font-size: 16px;
  box-shadow: none;
  border: none;
  background: transparent;
}
.category-faqs-accordion .card .card-header {
  padding-left: 0px;
  padding-right: 0px;
  background: transparent;
  border-bottom-color: #efeff0;
}
.category-faqs-accordion .card .card-header .btn {
  padding-left: 0px;
  padding-right: 0px;
  font-size: 16px;
  color: #404145;
}
.category-faqs-accordion .card .card-header .btn.collapsed .las::before {
  content: "\f107";
}
.category-faqs-accordion .card .card-header .btn:hover, .category-faqs-accordion .card .card-header .btn:active {
  text-decoration: none;
}

.category-block .bg-cover, .category-block-three .bg-cover {
  background-position: center !important;
}
.category-block .inner-box:hover .bg-cover, .category-block-three .inner-box:hover .bg-cover {
  background-color: transparent;
}

.category-children .category-block-three .inner-box {
  padding: 15px;
}
.category-children .category-block-three .inner-box .icon {
  width: 48px;
  height: 48px;
  background-size: cover !important;
}
.category-children .category-block-three .inner-box h4 {
  font-size: 16px;
  line-height: normal;
}
.category-children .row {
  margin-left: -7px;
  margin-right: -7px;
}
.category-children .row > div {
  padding-left: 7px;
  padding-right: 7px;
}

.gig-item {
  border: 1px solid #e4e5e7;
  background-color: #fff;
}
.gig-item .gig-author-img {
  width: 24px;
  height: 24px;
  overflow: hidden;
  border-radius: 100%;
}
.gig-item .gig-author-img img {
  width: 24px;
  height: auto;
  display: block;
}
.gig-item .g-title a {
  display: block;
  cursor: pointer;
  color: #222325;
  height: 40px;
  overflow: hidden;
  margin-top: 5px;
  word-wrap: break-word;
  word-break: break-word;
  transition: 0.15s ease-in-out;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.gig-item .gig-content {
  padding: 10px 15px;
}
.gig-item .gig-footer {
  padding: 8px 10px;
  border-top: 1px solid #efeff0;
}
.gig-item .gig-img {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  height: 166px;
  overflow: hidden;
  background: #e7e7e7;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  color: #000;
}
.gig-item .gig-img img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}
.gig-item .rating {
  font-size: 11px;
  position: relative;
  color: #dcdee2;
}
.gig-item .rating .rating-active {
  color: #FFC78B;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
  font-size: 11px;
  white-space: normal;
}
.gig-item .rating .rating-active .inner {
  width: 87px;
}
@media (max-width: 767px) {
  .gig-item {
    border: 0;
    border-radius: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #efeff0;
  }
  .gig-item .gig-thumb-title {
    display: flex;
    position: relative;
  }
  .gig-item .gig-thumb-title .gig-img {
    width: 40%;
    height: auto;
    border-radius: 4px;
  }
  .gig-item .gig-thumb-title .gig-img img {
    border-radius: 4px;
  }
  .gig-item .gig-thumb-title .gig-content {
    width: 60%;
    padding-right: 0;
    padding-top: 0;
  }
  .gig-item .rating {
    font-size: 11px;
  }
  .gig-item .gig-review {
    font-size: 14px;
  }
  .gig-item .gig-footer {
    border-top: 0;
    padding: 8px 0;
  }
}

.bravo_detail_gig .service-review .list-star {
  display: inline-block;
  line-height: 13px;
  position: relative;
}
.bravo_detail_gig .service-review .list-star .item-rating-stars {
  padding: 0;
  margin-right: 10px;
}
.bravo_detail_gig .service-review .list-star .item-rating-stars:before, .bravo_detail_gig .service-review .list-star .item-rating-stars:after {
  content: "";
  display: table;
  clear: both;
}
.bravo_detail_gig .service-review .list-star .item-rating-stars li {
  list-style: none;
  float: left;
  margin-right: 5px;
}
.bravo_detail_gig .service-review .list-star .item-rating-stars li:last-child {
  margin-right: 0;
}
.bravo_detail_gig .service-review .list-star .item-rating-stars li .fas, .bravo_detail_gig .service-review .list-star .item-rating-stars li .far {
  font-size: 15px;
  color: #FFDC00;
}
.bravo_detail_gig .service-review .list-star .item-rating-stars-active {
  position: absolute;
  width: 0;
  top: 0;
  left: 0;
  overflow: hidden;
}
.bravo_detail_gig .service-review .review {
  position: relative;
  top: -2px;
  font-size: 13px;
  color: #768092;
  margin-left: 10px;
}
.bravo_detail_gig .profile-card {
  order: 100;
}
.bravo_detail_gig .profile-card .seller-card {
  position: relative;
  line-height: 130%;
}
.bravo_detail_gig .profile-card .seller-card .status {
  font-size: 14px;
  border-radius: 12px;
  margin-bottom: 5px;
  padding: 0 6px;
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
}
@media only screen and (min-width: 600px) {
  .bravo_detail_gig .profile-card .seller-card .status {
    position: static;
    margin-left: 30px;
    line-height: 18px;
  }
}
.bravo_detail_gig .profile-card .seller-card .one-liner {
  text-align: center;
}
@media only screen and (min-width: 600px) {
  .bravo_detail_gig .profile-card .seller-card .one-liner {
    text-align: left;
  }
}
.bravo_detail_gig .profile-card .seller-card .profile-info {
  padding-bottom: 24px;
}
.bravo_detail_gig .profile-card .seller-card .profile-info {
  display: flex;
  align-items: center;
}
.bravo_detail_gig .profile-card .seller-card .profile-info .user-profile-image {
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}
.bravo_detail_gig .profile-card .seller-card .profile-info .user-profile-image .profile-pict {
  margin-bottom: 0;
}
.bravo_detail_gig .profile-card .seller-card .profile-info .user-profile-image img {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 600px) {
  .bravo_detail_gig .profile-card .seller-card .profile-info .user-profile-image {
    justify-content: flex-start;
    margin-bottom: 0;
  }
}
.bravo_detail_gig .profile-card .seller-card .profile-info .user-profile-label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 15px;
}
.bravo_detail_gig .profile-card .seller-card .profile-info .username-line {
  padding-bottom: 10px;
}
@media only screen and (min-width: 600px) {
  .bravo_detail_gig .profile-card .seller-card .profile-info .username-line {
    display: flex;
    line-height: 20px;
    padding-bottom: 5px;
  }
}
.bravo_detail_gig .profile-card .seller-card .profile-info .seller-link {
  display: block;
  text-align: center;
  color: #62646a;
  font-weight: 700;
}
.bravo_detail_gig .profile-card .seller-card .profile-info .one-liner-rating-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bravo_detail_gig .profile-card .seller-card .profile-info .one-liner-rating-wrapper .seller-rating {
  padding-top: 5px;
}
@media only screen and (min-width: 600px) {
  .bravo_detail_gig .profile-card .seller-card .profile-info .one-liner-rating-wrapper {
    align-items: stretch;
  }
}
.bravo_detail_gig .profile-card .seller-card .user-stats {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 600px) {
  .bravo_detail_gig .profile-card .seller-card .user-stats {
    flex-flow: row wrap;
  }
}
.bravo_detail_gig .profile-card .seller-card .user-stats li {
  color: #7a7d85;
  box-sizing: border-box;
  padding-bottom: 16px;
}
@media only screen and (min-width: 600px) {
  .bravo_detail_gig .profile-card .seller-card .user-stats li {
    width: 50%;
  }
}
.bravo_detail_gig .profile-card .seller-card .user-stats li strong {
  display: block;
  padding-top: 4px;
  color: #62646a;
}
.bravo_detail_gig .profile-card .seller-card.pro .seller-desc .read-more {
  color: #02c2a9;
}
.bravo_detail_gig .profile-card .seller-card .seller-desc {
  line-height: 150%;
  text-align: left;
  border-top: 1px solid #dadbdd;
  padding-top: 15px;
  margin: 0;
}
.bravo_detail_gig .profile-card .seller-card .seller-desc.expanded .inner {
  max-height: none;
  overflow: visible;
}
.bravo_detail_gig .profile-card .seller-card .seller-desc .inner {
  max-height: 70px;
  overflow: hidden;
  white-space: pre-line;
}
@media only screen and (min-width: 600px) {
  .bravo_detail_gig .profile-card .seller-card .seller-desc .inner {
    max-height: none;
  }
}
.bravo_detail_gig .profile-card .seller-card .seller-desc .translated-badge {
  padding-top: 14px;
}
.bravo_detail_gig .profile-card .seller-card .seller-desc .read-more {
  background: none;
  border: 0;
  font-size: 14px;
  display: block;
  margin-top: 15px;
  color: #4a73e8;
}
@media only screen and (min-width: 600px) {
  .bravo_detail_gig .profile-card .seller-card .seller-desc .read-more {
    display: none;
  }
}
.bravo_detail_gig .profile-card .seller-card .stats-desc {
  border: 1px solid #dadbdd;
  margin-top: 0;
  border-radius: 5px;
  padding: 24px;
}
.bravo_detail_gig .profile-card .seller-card {
  position: relative;
  line-height: 130%;
}
@media only screen and (min-width: 600px) {
  .bravo_detail_gig .profile-card .seller-card {
    position: static;
  }
}
.bravo_detail_gig .profile-card .seller-card .pro-wrapper + .stats-desc {
  margin-top: 0;
  border-top: 0;
}
.bravo_detail_gig .profile-card .seller-card a:hover {
  text-decoration: none;
}
.bravo_detail_gig .gig-page-packages-table .recommended-badge, .bravo_detail_gig .gig-page-packages-table .gig-page .recommended-badge {
  display: flex;
  width: 150px;
}
.bravo_detail_gig .gig-page-packages-table .package-type .recommended-badge {
  position: absolute;
  top: -20px;
  right: 0;
}
.bravo_detail_gig .gig-page-packages-table .package-type .price, .bravo_detail_gig .gig-page-packages-table .package-type .type {
  font-size: 19px;
  line-height: 26px;
}
.bravo_detail_gig .gig-page-packages-table .package-type .price {
  padding-bottom: 8px;
}
.bravo_detail_gig .gig-page-packages-table .package-type b {
  display: block;
}
.bravo_detail_gig .gig-page-packages-table .package-type .title {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 150%;
  padding-bottom: 8px;
}
.bravo_detail_gig .gig-page-packages-table .package-type .translated-badge {
  padding-top: 4px;
}
.bravo_detail_gig .gig-page-packages-table .description {
  word-break: break-word;
}
.bravo_detail_gig .gig-page-packages-table table {
  width: 100%;
  font-size: 14px;
  line-height: 21px;
  border: 1px solid #efeff0;
}
.bravo_detail_gig .gig-page-packages-table col {
  border-right: 1px solid #efeff0;
}
.bravo_detail_gig .gig-page-packages-table tr:nth-child(2n+3):not(.select-package):not(.description) {
  background-color: #fafafa;
}
.bravo_detail_gig .gig-page-packages-table tr td {
  width: 25%;
  vertical-align: middle;
  text-align: center;
}
.bravo_detail_gig .gig-page-packages-table tr.description td, .bravo_detail_gig .gig-page-packages-table tr.package-type td {
  vertical-align: text-top;
  text-align: left;
  padding-left: 16px;
  padding-right: 16px;
}
.bravo_detail_gig .gig-page-packages-table tr.package-type td {
  padding-top: 24px;
  position: relative;
}
.bravo_detail_gig .gig-page-packages-table tr.description td {
  padding-bottom: 24px;
}
.bravo_detail_gig .gig-page-packages-table tr.select-package {
  border-top: 1px solid #efeff0;
}
.bravo_detail_gig .gig-page-packages-table tr.select-package td {
  padding: 12px 16px;
}
.bravo_detail_gig .gig-page-packages-table tr.calculator-row td {
  padding-left: 16px;
  padding-right: 16px;
}
.bravo_detail_gig .gig-page-packages-table tr th {
  color: #7a7d85;
  font-weight: 400;
  text-align: left;
  padding: 12px 16px;
  vertical-align: text-top;
}
.bravo_detail_gig .gig-page-packages-table .flaticon-checked {
  color: #ccc;
  font-weight: bold;
  font-size: 16px;
}
.bravo_detail_gig .gig-page-packages-table .flaticon-checked.active {
  color: #28a745;
}
.bravo_detail_gig .overview {
  border-top: solid 1px #ECEDF2;
  border-bottom: solid 1px #ECEDF2;
  padding: 30px 0;
}
.bravo_detail_gig .left-sidebar .tabs-box {
  padding: 30px;
  border-radius: 5px;
  background: #F5F7FC;
}
.bravo_detail_gig .left-sidebar .tabs-box .tab-buttons {
  background: transparent;
}
.bravo_detail_gig .left-sidebar .tabs-box .tab-buttons li {
  margin-right: 0;
  flex: 0 0 33%;
  text-align: center;
}
.bravo_detail_gig .left-sidebar .tabs-box .tab-buttons li.active-btn {
  color: #28a745;
  border-bottom: 2px solid #28a745;
  font-weight: 500;
}
.bravo_detail_gig .left-sidebar .tabs-box .include .flaticon-checked {
  color: #ccc;
}
.bravo_detail_gig .left-sidebar .tabs-box .include .flaticon-checked.active {
  color: #28a745;
}
.bravo_detail_gig .left-sidebar .tabs-box .compare_packages {
  outline: none !important;
  box-shadow: none !important;
}
.bravo_detail_gig .g-gallery {
  margin: 10px 0;
  position: relative;
  min-height: 75px;
}
.bravo_detail_gig .g-gallery .fotorama__img {
  border-radius: 8px !important;
}
.bravo_detail_gig .extra ul li label {
  color: #363636;
}
.bravo_detail_gig p {
  margin-bottom: 20px;
}

.fotorama__thumb,
.fotorama__thumb-border {
  border-radius: 5px;
}

.seller-gig-item .inner-box {
  padding: 20px 20px 10px 20px;
  border-radius: 5px;
}
.seller-gig-item .inner-box .job-info .view-order {
  padding-left: 0;
}
.seller-gig-item .inner-box .content {
  padding-left: 100px;
}
.seller-gig-item .inner-box .content .company-logo {
  width: 85px;
}

.left-sidebar .sidebar {
  position: sticky;
  top: 110px;
}

.user-profile-label .contact-me {
  background: #1967D2;
  color: #FFF;
}

@media (max-width: 767px) {
  .top-filters {
    flex-direction: row;
  }
  .top-filters .form-group {
    width: 50%;
    padding-right: 5px;
  }
}
.bc-gig-order-details {
  padding-top: 40px;
  padding-bottom: 80px;
  background: #f3f5f7;
}
.bc-gig-order-details .default-tabs .tab-buttons {
  background: transparent;
}
.bc-gig-order-details .default-tabs .tab-buttons li {
  padding-left: 0;
  padding-right: 0;
}
.bc-gig-order-details .default-tabs .tab-buttons li a {
  text-transform: uppercase;
  font-weight: 500;
  color: #696969;
  letter-spacing: 0;
  font-size: 16px;
}
.bc-gig-order-details .default-tabs .tab-buttons li.active-btn {
  border-bottom-color: #1967D2;
}
.bc-gig-order-details .default-tabs .tab-buttons li.active-btn a {
  color: #1967D2;
}
.bc-gig-order-details .order-flex {
  display: flex;
  flex-wrap: wrap;
}
.bc-gig-order-details .order-flex .col-order-left {
  width: 68%;
}
.bc-gig-order-details .order-flex .col-order-right {
  width: 29%;
  margin-left: 3%;
  padding-top: 83px;
}
.bc-gig-order-details .order-flex .col-order-right.has-countdown {
  padding-top: 0;
}
@media (max-width: 991px) {
  .bc-gig-order-details .order-flex .col-order-left {
    width: 100%;
  }
  .bc-gig-order-details .order-flex .col-order-right {
    width: 100%;
    margin-left: 0;
    padding-top: 30px;
  }
}

.order-status-wrap {
  position: relative;
  z-index: 1;
  background: #FFF;
  top: 1px;
  padding: 12px 0;
  box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.1);
  border-top: 1px solid #eee;
}
.order-status-wrap .order-details {
  display: inline-block;
  padding: 0 10px;
  border-radius: 5px;
  border: 1px solid #ddd;
  font-weight: 500;
}
.order-status-wrap .order-status {
  font-weight: 500;
}
.order-status-wrap .order-status .status-completed {
  color: #1dbf73;
}

.bc-order-panel {
  padding: 30px;
  border-radius: 2px;
  background: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.04);
  margin-top: 40px;
}
.bc-order-panel.bc-order-completed {
  padding-bottom: 0;
}
@media (max-width: 767px) {
  .bc-order-panel {
    margin-bottom: 30px;
    padding: 20px 15px;
  }
}

.delivery-list .delivery-item {
  margin-bottom: 25px;
}

.bc-order-overview {
  padding: 25px 20px;
  border-radius: 2px;
  background: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.04);
}
.bc-order-overview .title {
  font-size: 20px;
  font-weight: 500;
  color: #000;
  margin-bottom: 20px;
}
.bc-order-overview .order-gig-item {
  display: flex;
  margin-bottom: 20px;
}
.bc-order-overview .order-gig-item .thumb {
  width: 35%;
}
.bc-order-overview .order-gig-item .caption {
  width: 65%;
  padding-left: 10px;
}
.bc-order-overview .order-gig-item .caption .gig-title {
  font-size: 16px;
  font-weight: 500;
  max-height: 4.4rem;
  overflow: hidden;
  display: block;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}
.bc-order-overview .order-gig-item .caption .gig-title a {
  color: #121212;
}
.bc-order-overview .order-gig-item .caption .status-label {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 5px;
  background: #f1f1f1;
  font-size: 12px;
  line-height: 1.5;
}
.bc-order-overview .order-gig-item .caption .status-label.delivered {
  background: #1967D2;
  color: #FFF;
}
.bc-order-overview .order-gig-item .caption .status-label.completed {
  background: #1dbf73;
  color: #FFF;
}
.bc-order-overview .order-list-details {
  list-style: none;
}
.bc-order-overview .order-list-details li {
  display: flex;
  margin-bottom: 5px;
}
.bc-order-overview .order-list-details li span {
  width: 50%;
  display: block;
}
.bc-order-overview .order-list-details li .lb {
  color: #696969;
}
.bc-order-overview .order-list-details li .val {
  text-align: right;
  height: 28px;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  display: block;
}

.bc-order-cancel {
  margin-bottom: 20px;
}
.bc-order-cancel .form-title {
  font-size: 24px;
  margin-bottom: 30px;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .bc-order-cancel {
    margin-bottom: 10px;
  }
  .bc-order-cancel .form-title {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 20px;
  }
}

.order-activity-list .activity-date {
  display: inline-block;
  background: #f3f5f7;
  padding: 5px 20px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  position: relative;
  left: -30px;
  min-width: 90px;
  text-align: center;
  line-height: 1;
  font-size: 14px;
  margin-top: 15px;
}
.order-activity-list .activity-date:first-child {
  margin-top: 0;
}

.activity-item {
  padding: 15px 0 0;
  display: flex;
}
.activity-item .avatar {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: rgba(81, 145, 250, 0.2);
  text-align: center;
  line-height: 35px;
  font-size: 18px;
  position: relative;
}
.activity-item .avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}
.activity-item .avatar .icon {
  color: #1967D2;
}
.activity-item .item-body {
  width: calc(100% - 60px);
  margin-left: 20px;
  border-bottom: 1px solid #f3f5f7;
  padding-bottom: 15px;
}
.activity-item .item-body .item-title {
  font-weight: 500;
}
.activity-item .item-body .activity-time {
  font-size: 13px;
  font-style: italic;
  margin-left: 10px;
  font-weight: normal;
  color: #999999;
}
.activity-item .item-body .message-body {
  font-size: 15px;
  line-height: 1.75;
  color: #555;
  margin-top: 5px;
}
.activity-item.order-started > .avatar, .activity-item.delivery-date > .avatar, .activity-item.delivered > .avatar, .activity-item.order-completed > .avatar {
  background: rgba(29, 191, 115, 0.2);
}
.activity-item.order-started > .avatar .icon, .activity-item.delivery-date > .avatar .icon, .activity-item.delivered > .avatar .icon, .activity-item.order-completed > .avatar .icon {
  color: #1dbf73;
}
.activity-item.user-message .avatar {
  background: #ECF0F1;
  color: #999999;
  font-size: 16px;
}
.activity-item.revision > .avatar {
  background: rgba(217, 79, 9, 0.2);
}
.activity-item.revision > .avatar .icon {
  color: #d94f09;
}
.activity-item:last-child .item-body {
  border-bottom: 0;
  padding-bottom: 0;
}

.delivery-item {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.delivery-item .delivery-heading {
  padding: 10px 15px;
  text-transform: uppercase;
  border-bottom: 1px solid #e7e7e7;
  line-height: 1.2;
  background: #f5f7f9;
  font-size: 16px;
}
.delivery-item .delivery-body {
  padding: 0 15px 15px;
}

.order-bottom-status {
  width: calc(100% + 60px);
  position: relative;
  left: -30px;
  padding: 0 30px 15px;
  border-top: 1px solid #e7e7e7;
  border-left: 5px solid #1967D2;
  margin-top: 20px;
}
.order-bottom-status.cancelled {
  border-left-color: #000;
}
.order-bottom-status.cancelled .activity-item .item-body .item-title {
  color: #000;
}
.order-bottom-status .activity-item {
  align-items: center;
}
.order-bottom-status .activity-item .item-body .item-title {
  color: #1dbf73;
}

.activity-attachments {
  margin-top: 20px;
}
.activity-attachments .a-title {
  font-size: 15px;
  color: #000;
  text-transform: uppercase;
  margin-bottom: 15px;
  font-weight: 500;
}
.activity-attachments .list-files {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.activity-attachments .list-files .attach-item {
  margin-right: 10px;
  margin-bottom: 7px;
}

.attach-item {
  width: 160px;
}
.attach-item .thumb {
  width: 100%;
  height: 100px;
  border: 1px solid #f1f1f1;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.attach-item .thumb img {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}
.attach-item .caption {
  display: flex;
  position: relative;
  border: 1px solid #f1f1f1;
  border-top: 0;
  overflow: hidden;
  padding: 3px 8px;
  padding-right: 20px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  color: #555;
  font-size: 13px;
  display: flex;
}
.attach-item .caption .f-name {
  max-width: 62px;
  display: -webkit-box;
  max-height: 22px;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-line-clamp: 1;
}
.attach-item .caption .f-size {
  margin-left: 2px;
  color: #999;
}
.attach-item .caption .down-icon {
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  color: #1967D2;
}
@media (max-width: 767px) {
  .attach-item {
    width: 140px;
  }
}

.delivery-item .activity-item .avatar {
  background-color: #ECF0F1;
}

.bc-model.modal-normal {
  max-width: 600px;
}
.bc-model .popup-wrapper {
  max-width: 700px;
  padding: 40px;
  overflow: visible;
  background: #fff;
  border-radius: 8px;
  box-shadow: none;
  min-height: 400px;
}

.no-revision {
  text-align: center;
  font-size: 20px;
  margin-top: 30px;
}

.requirement-item {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #f1f1f1;
  display: flex;
}
.requirement-item .index {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #bbb;
  color: #FFF;
  line-height: 25px;
  text-align: center;
  font-size: 14px;
}
.requirement-item .r-right {
  width: calc(100% - 25px);
  padding-left: 15px;
}
.requirement-item .question {
  font-size: 16px;
  margin-bottom: 15px;
}
.requirement-item .answer {
  color: #777;
  font-size: 14px;
}
.requirement-item:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}

.order-countdown {
  margin-bottom: 12px;
}
.order-countdown .tick-credits {
  display: none;
}
.order-countdown .tick-group {
  text-align: center;
  padding: 0 8px;
  width: 25%;
}
.order-countdown .tick-group .tick-label {
  font-size: 16px;
  position: relative;
  top: -5px;
}
.order-countdown .tick-flip-panel {
  color: #FFF;
  background-color: #00448d;
}
.order-countdown .tick {
  width: 100%;
}
.order-countdown .tick > div {
  font-size: 25px !important;
  width: 100%;
}

.sticky-order-right {
  position: sticky;
  top: 120px;
}

.gig-item {
  font-size: 14px;
  border-radius: 5px;
}
.gig-item .gig-footer {
  display: flex;
  align-items: center;
  padding-top: 0 !important;
  border: none !important;
}
.gig-item .gig-review {
  font-size: 12px;
}
.gig-item .rating .rating-active {
  color: var(--main-color) !important;
}

.category-page-title {
  font-size: 30px;
}

.category-types .category-block h4 {
  font-size: 16px;
}
.category-types .c-type-item {
  font-size: 14px;
}

.gig_category_level1 h1 {
  font-size: 2.5rem;
}

.bravo_detail_gig {
  padding: 50px 0;
  font-size: 14px;
  color: #000;
}
.bravo_detail_gig .service-review .list-star {
  display: inline-block;
  line-height: 13px;
  position: relative;
}
.bravo_detail_gig .service-review .list-star .item-rating-stars {
  padding: 0;
  margin: 0;
  padding-right: 10px;
  display: flex;
}
.bravo_detail_gig .service-review .list-star .item-rating-stars:before, .bravo_detail_gig .service-review .list-star .item-rating-stars:after {
  content: "";
  display: table;
  clear: both;
}
.bravo_detail_gig .service-review .list-star .item-rating-stars li {
  list-style: none;
  float: left;
  margin-right: 5px;
}
.bravo_detail_gig .service-review .list-star .item-rating-stars li:last-child {
  margin-right: 0;
}
.bravo_detail_gig .service-review .list-star .item-rating-stars li .fas, .bravo_detail_gig .service-review .list-star .item-rating-stars li .far {
  color: var(--main-color);
  font-size: 13px;
}
.bravo_detail_gig .service-review .list-star .item-rating-stars-active {
  position: absolute;
  width: 0;
  top: 0;
  left: 0;
  overflow: hidden;
}
.bravo_detail_gig .service-review .review {
  position: relative;
  top: -2px;
  font-size: 13px;
  color: #768092;
  margin-left: 10px;
}
.bravo_detail_gig p {
  color: #000;
}
.bravo_detail_gig .profile-card .seller-card .profile-info .seller-link {
  color: #000 !important;
  font-size: 16px;
}
.bravo_detail_gig .job-block-seven .inner-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}
.bravo_detail_gig .job-block-seven h4 {
  position: relative;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.3em;
  color: #202124;
  top: -3px;
  margin-bottom: 10px;
}
.bravo_detail_gig .job-info {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
.bravo_detail_gig .job-info li {
  position: relative;
  font-size: 14px;
  line-height: 22px;
  color: #696969;
  font-weight: 400;
  padding-left: 25px;
  margin-right: 20px;
  margin-bottom: 3px;
}
.bravo_detail_gig .job-info li .icon {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  line-height: 22px;
  color: #696969;
}
.bravo_detail_gig .profile-card .seller-card .user-stats {
  list-style: none;
  padding: 0;
}
.bravo_detail_gig .default-tabs .tab-buttons {
  position: relative;
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0;
}
.bravo_detail_gig .default-tabs .tab-buttons li {
  position: relative;
  font-size: 15px;
  line-height: 20px;
  color: #202124;
  flex: none;
  order: 0;
  flex-grow: 0;
  line-height: 20px;
  padding: 5px 20px;
  background: #f0f5f7;
  border: 1px solid #f0f5f7;
  border-radius: 8px;
  cursor: pointer;
  margin: 0 7px;
  transition: all 300ms ease;
}
.bravo_detail_gig .default-tabs .tab-buttons li.active-btn {
  background-color: transparent;
  border: 1px solid #ecedf2;
  color: #202124;
}
.bravo_detail_gig .default-tabs .tabs-content {
  position: relative;
  width: 100%;
}
.bravo_detail_gig .default-tabs .tabs-content p {
  margin-bottom: 24px;
}
.bravo_detail_gig .default-tabs .tabs-content p:last-child {
  margin-bottom: 0;
}
.bravo_detail_gig .default-tabs.style-two .tab-buttons {
  background: #fff;
  border-bottom: 1px solid #e7e7ec;
}
.bravo_detail_gig .default-tabs.style-two .tab-buttons li {
  padding: 9px 10px;
  border-radius: 0;
  border: 0;
  font-size: 16px;
  color: #696969;
  border-bottom: 3px solid transparent;
  background: 0 0;
  margin: 0;
}
.bravo_detail_gig .default-tabs.style-two .tab-buttons li.active-btn {
  color: #1967d2;
  border-bottom: 3px solid #5c6770;
}
.bravo_detail_gig .tabs-box .tab {
  display: none;
}
.bravo_detail_gig .tabs-box .active-tab {
  display: block;
}
.bravo_detail_gig .job-detail-section .other-options {
  position: relative;
  margin-bottom: 50px;
  margin-top: 50px;
}
.bravo_detail_gig .job-detail-section .social-share {
  display: flex;
  align-items: center;
}
@media (max-width: 766px) {
  .bravo_detail_gig .job-detail-section .social-share {
    flex-wrap: wrap;
  }
}
.bravo_detail_gig .social-share h5 {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #202124;
  margin-right: 20px;
}
@media (max-width: 766px) {
  .bravo_detail_gig .social-share h5 {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
}
.bravo_detail_gig .social-share a {
  padding: 10px 25px;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  background: #222;
  border-radius: 8px;
  transition: all 300ms ease;
  margin: 5px 0;
  margin-right: 10px;
}
.bravo_detail_gig .social-share a span {
  display: none !important;
}
.bravo_detail_gig .social-share a.facebook {
  background: #3b5998;
}
.bravo_detail_gig .social-share a.twitter {
  background: #55acee;
}
.bravo_detail_gig .social-share a.linkedin {
  background: #007bb5;
}
.bravo_detail_gig .social-share a.youtube {
  background: #b00;
}
.bravo_detail_gig .social-share a.instagram {
  background: #125688;
}
.bravo_detail_gig .social-share a.pinterest {
  background: #cb2027;
}
.bravo_detail_gig .social-share a:hover {
  opacity: 0.8;
}
.bravo_detail_gig .btn-style-two {
  display: inline-block;
  background-color: var(--civi-color-text);
  border: solid 1px var(--civi-color-text);
  color: #fff;
  transition: all 0.3s;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
}
@media (max-width: 1023px) {
  .bravo_detail_gig .btn-style-two {
    padding: 10px 15px;
  }
}
.bravo_detail_gig .related-jobs {
  padding-top: 15px;
}
.bravo_detail_gig .related-jobs .title-box h3 {
  font-size: 24px;
  margin-bottom: 20px;
}

.gig_listings {
  font-size: 14px;
}
.gig_listings .page-title {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  text-align: center;
  padding: 50px 0 40px;
  background: #f5f7fc;
}
.gig_listings .page-title h1 {
  font-size: 30px;
}
.gig_listings .page-breadcrumb {
  font-size: 15px;
  line-height: initial;
  margin: 5px -15px 10px;
}
.gig_listings .page-breadcrumb li {
  position: relative;
  display: inline-block;
  font-size: 15px;
  line-height: 20px;
  color: #696969;
  padding: 0 8px;
  text-transform: capitalize;
}
.gig_listings .page-breadcrumb li a {
  color: rgba(0, 0, 0, 0.75);
  text-transform: capitalize;
  transition: all 0.3s ease;
}
.gig_listings .page-breadcrumb li a:hover {
  opacity: 0.9;
  color: #1370b5;
}
.gig_listings .page-breadcrumb li:after {
  position: absolute;
  top: 2px;
  right: -5px;
  content: "/";
  font-size: 15px;
  line-height: 20px;
  color: #696969;
}
.gig_listings .page-breadcrumb li:last-child::after {
  display: none;
}
.gig_listings .chosen-select {
  font-size: 14px;
}
.gig_listings .ls-section .call-to-action .image-column {
  background-size: 100%;
  width: 50%;
}
.gig_listings .ls-section .ls-outer {
  position: relative;
}
.gig_listings .ls-switcher {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.gig_listings .ls-switcher select {
  padding: 14px 36px 14px 8px;
}
@media (max-width: 766px) {
  .gig_listings .ls-switcher {
    justify-content: center;
  }
}
.gig_listings .ls-switcher .showing-result {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
@media (max-width: 766px) {
  .gig_listings .ls-switcher .showing-result {
    width: 100%;
    margin-bottom: 0;
  }
}
.gig_listings .sort-by-right {
  margin-bottom: 20px;
}
.gig_listings .ls-switcher .showing-result .text {
  font-size: 16px;
  color: #1b2032;
}
.gig_listings .ls-switcher .arrange {
  position: relative;
  display: flex;
  margin-right: 20px;
}
.gig_listings .ls-switcher .arrange a {
  margin-right: 10px;
}
.gig_listings .ls-switcher .arrange .icon {
  position: relative;
  display: block;
  height: 40px;
  width: 40px;
  border: 2px solid #d7dbe4;
  border-radius: 50%;
  line-height: 36px;
  text-align: center;
  color: #a3acc2;
  font-size: 16px;
}
.gig_listings .ls-switcher .arrange .active .icon {
  color: #a3acc2;
  border-color: #a3acc2;
}
.gig_listings .top-filters {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.gig_listings .top-filters .select2.select2-container {
  min-width: 280px;
  border: solid 1px #ccc;
  padding: 9px;
  border-radius: 5px;
}
.gig_listings .top-filters .select2.select2-container .select2-selection__rendered {
  color: var(--civi-color-text) !important;
  font-size: 14px;
}
.gig_listings .top-filters .select2.select2-container .select2-selection__arrow {
  height: 100%;
}
@media (max-width: 1023px) {
  .gig_listings .top-filters .select2.select2-container {
    min-width: 100%;
  }
}
.gig_listings .top-filters .form-group {
  position: relative;
  margin-right: 20px;
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  .gig_listings .top-filters .form-group {
    margin-bottom: 15px;
    width: 45%;
    margin-right: 10px;
  }
}
.gig_listings .chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  zoom: 1;
}
.gig_listings .chosen-container .chosen-single {
  position: relative;
  width: 100%;
  font-size: 14px;
  line-height: 27px;
  padding: 10px 22px 10px 8px;
  background: none;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--civi-color-text);
  border: 1px solid #dddddd;
  border-radius: 5px;
}
.gig_listings .chosen-container .chosen-single div:after {
  right: -2px;
  position: relative;
  width: auto;
  height: auto;
  display: inline-block;
  color: #000;
  float: right;
  font-weight: 900;
  transition: transform 0.3s;
  transform: rotate(0deg);
}
.gig_listings .chosen-container .chosen-single div:after {
  content: "\f17c";
  font-family: flaticon;
  font-size: 9px;
}
.gig_listings .chosen-container .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  width: 18px;
  height: 100%;
  display: flex;
  align-items: center;
}
.gig_listings .chosen-container .dropdown-menu {
  right: 0;
  top: 50px !important;
  left: auto !important;
  transform: none !important;
}
.gig_listings .range-slider-one {
  position: relative;
  min-height: 48px;
  padding-top: 10px;
}
.gig_listings .v4_conpany_founded_date {
  min-width: 250px;
}
.gig_listings .range-slider-one .ui-widget.ui-widget-content, .gig_listings .range-slider-tyle-4 .ui-widget.ui-widget-content {
  height: 5px;
  border: none;
  margin-bottom: 20px;
  border-radius: 30px;
  background: #d4e1f6;
}
.gig_listings .range-slider-one .ui-slider .ui-slider-range, .gig_listings .range-slider-tyle-4 .ui-slider .ui-slider-range {
  top: 0;
  height: 5px;
  background: var(--main-color);
}
.gig_listings .range-slider-one .ui-state-default, .gig_listings .range-slider-one .ui-widget-content .ui-state-default, .gig_listings .range-slider-tyle-4 .ui-state-default, .gig_listings .range-slider-tyle-4 .ui-widget-content .ui-state-default {
  position: absolute;
  top: -7px;
  width: 17px;
  height: 17px;
  background: #fff;
  border: 2px solid var(--main-color);
  box-sizing: border-box;
  border-radius: 20px;
  cursor: pointer;
}
.gig_listings .range-slider-one .input-outer, .gig_listings .range-slider-tyle-4 .input-outer {
  display: flex;
  justify-content: center;
}
.gig_listings .range-slider-one .amount-outer, .gig_listings .range-slider-tyle-4 .amount-outer {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 70px;
  padding: 0 10px;
  height: 30px;
  text-align: center;
  background: #d4e1f6;
  border-radius: 8px;
  font-size: 14px;
  line-height: 19px;
  color: var(--main-color);
}
.gig_listings .range-slider-one .amount, .gig_listings .range-slider-tyle-4 .amount {
  margin-right: 5px;
}
.gig_listings .range-slider-one .ui-state-default:last-child, .gig_listings .range-slider-tyle-4 .ui-state-default:last-child {
  display: block !important;
}
.gig_listings .range-slider-one.salary-range .ui-state-default, .gig_listings .range-slider-tyle-4.salary-range .ui-state-default {
  display: block !important;
}

.gig_category_level1 .category-block {
  position: relative;
  margin-bottom: 30px;
}
.gig_category_level1 .category-block .inner-box {
  position: relative;
  background: #fff;
  border: 1px solid #ecedf2;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 19px;
  transition: all 300ms ease;
}
.gig_category_level1 .category-block .inner-box:hover {
  box-shadow: 0 7px 18px rgba(64, 79, 104, 0.05);
}
.gig_category_level1 .category-block .content {
  position: relative;
  display: flex;
  justify-content: center;
  padding-left: 90px;
  min-height: 70px;
  flex-direction: column;
}
.gig_category_level1 .category-block .icon {
  position: absolute;
  left: 0;
  top: 0;
  height: 70px;
  width: 70px;
  background: #ecedf2;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #1967d2;
  font-size: 36px;
  border-radius: 10px;
  transition: all 300ms ease;
}
.gig_category_level1 .category-block .inner-box:hover .icon {
  color: #fff;
  background: #1967d2;
}
.gig_category_level1 .category-block h4 {
  font-size: 18px;
  color: #202124;
  font-weight: 500;
  line-height: 29px;
  margin-bottom: 4px;
}
.gig_category_level1 .category-block h4 a {
  color: #202124;
  transition: all 300ms ease;
}
.gig_category_level1 .category-block h4 a:hover {
  color: #1967d2;
}
.gig_category_level1 .category-block p {
  font-size: 14px;
  color: #696969;
  font-weight: 400;
}
.gig_category_level1 .div-16-9 {
  padding-top: 56.25%;
}
.gig_category_level1 .border-radius-8 {
  border-radius: 8px;
}
.gig_category_level1 .bg-cover {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.gig_category_level1 .category-block-three {
  position: relative;
  margin-bottom: 30px;
}
.gig_category_level1 .category-block-three .inner-box {
  position: relative;
  background: #fff;
  border: 1px solid #ecedf2;
  border-radius: 8px;
  padding: 40px 20px;
  text-align: center;
  transition: all 300ms ease;
}
.gig_category_level1 .category-block-three .inner-box:hover {
  box-shadow: 0 6px 15px rgba(64, 79, 104, 0.05);
}
.gig_category_level1 .category-block-three .content {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.gig_category_level1 .category-block-three .icon {
  position: relative;
  display: inline-block;
  height: 70px;
  width: 70px;
  background: #ecedf2;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #1967d2;
  font-size: 36px;
  border-radius: 10px;
  margin-bottom: 20px;
  transition: all 300ms ease;
}
.gig_category_level1 .category-block-three h4 {
  font-size: 18px;
  color: #202124;
  font-weight: 500;
  line-height: 29px;
}
.gig_category_level1 .category-block-three h4 a {
  color: #202124;
  transition: all 300ms ease;
}
.gig_category_level1 .category-block-three h4 a:hover {
  color: #1967d2;
}
.gig_category_level1 .category-block-three p {
  font-size: 14px;
  color: #696969;
  font-weight: 400;
}
.gig_category_level1 .category-block-three:nth-child(1) .icon {
  background: #d4f4f8;
  color: #1967d2;
}
.gig_category_level1 .category-block-three:nth-child(2) .icon {
  background: #feddd8;
  color: #f20;
}
.gig_category_level1 .category-block-three:nth-child(3) .icon {
  background: #f2e0fe;
  color: #90f;
}
.gig_category_level1 .category-block-three:nth-child(4) .icon {
  background: #ffeee2;
  color: #f20;
}
.gig_category_level1 .category-block-three:nth-child(5) .icon {
  background: #d4efdf;
  color: #00ca52;
}
.gig_category_level1 .category-block-three:nth-child(6) .icon {
  background: #fcf4db;
  color: #ecb300;
}
.gig_category_level1 .category-block-three:nth-child(7) .icon {
  background: #dad9f8;
  color: #0800ed;
}
.gig_category_level1 .category-block-three:nth-child(8) .icon {
  background: #d4f4f8;
  color: #00d0ea;
}

.video-outer {
  position: relative;
  margin-bottom: 50px;
}

.video-outer h4 {
  margin-bottom: 30px;
}

.video-box {
  position: relative;
}

.video-box .image {
  position: relative;
  margin-bottom: 30px;
}

.video-box .image img {
  display: block;
  width: 100%;
}

.video-box .image a {
  position: relative;
  display: block;
}

.video-box .image .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 90px;
  height: 90px;
  background: #fff;
  border-radius: 50%;
  line-height: 90px;
  text-align: center;
  color: #000;
  font-size: 44px;
  transform: translate(-50%, -50%);
}

/*======================
Checkbox
=======================*/
.checkbox-outer {
  position: relative;
  margin-bottom: 30px;
  margin-top: 10px;
}

.checkboxes {
  list-style: none;
  padding: 0;
}

.checkboxes.inline {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.checkboxes li {
  margin-right: 20px;
  margin-bottom: 10px;
}

.checkboxes label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 28px;
  margin-bottom: 0;
  font-size: 15px;
  line-height: 20px;
  color: #696969;
}

.checkboxes label span {
  color: #909090;
}

.checkboxes input[type=checkbox] {
  display: none;
}

.checkboxes label:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: 2px;
  background-color: #fff;
  border: 1px solid #ECEDF2;
  border-radius: 10px;
  box-sizing: border-box;
  transition: all 0.25s;
  font-family: "Font Awesome 5 Pro";
  color: #fff;
  font-size: 9px;
  font-weight: 900;
  text-align: center;
  line-height: 17px;
}

.checkboxes input[type=checkbox]:checked + label:before {
  content: "\f00c";
  background-color: #1967D2;
  border: 1px solid #1967D2;
}

.checkboxes.square label:before {
  border-radius: 2px;
}

.checkboxes.two-column:after {
  display: table;
  clear: both;
  content: "";
}

.checkboxes.two-column li {
  display: flex;
  position: relative;
  float: left;
  margin: 0;
  min-width: 50%;
  padding-right: 10px;
}

.checkbox-outer .view-more {
  position: relative;
}

.checkbox-outer .view-more {
  font-size: 13px;
  line-height: 20px;
  color: #1967D2;
  font-weight: 400;
  display: flex;
  align-items: center;
}

.checkbox-outer .view-more .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 25px;
  width: 25px;
  font-weight: 900;
  font-size: 10px;
  border-radius: 50%;
  margin-right: 10px;
  background: rgba(25, 103, 210, 0.15);
  border-radius: 60px;
}

.civi-search-horizontal .popular-categories {
  margin-top: 18px;
  display: inline-block;
}
.civi-search-horizontal .list-category {
  margin-bottom: 0;
  list-style: none;
  padding-left: 0;
  display: inline-flex;
  flex-wrap: wrap;
}
.civi-search-horizontal .list-category li:not(:last-child) a:after {
  content: ",";
  padding-right: 6px;
}
.civi-search-horizontal .search-horizontal-inner {
  display: inline-flex;
  border-radius: 50px;
  border: 1px solid var(--civi-color-border);
  background-color: #fff;
  box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.03);
  width: 100%;
}
.civi-search-horizontal .search-horizontal-inner .form-group {
  margin-bottom: 0 !important;
}
.civi-search-horizontal .form-group {
  flex-grow: 1;
}
.civi-search-horizontal .form-group i {
  position: absolute;
  top: 50%;
  left: 18px;
  transform: translateY(-50%);
  color: var(--civi-color-secondary);
  font-size: 20px;
  font-weight: 400;
}
.civi-search-horizontal .form-group select, .civi-search-horizontal .form-group .nice-select {
  display: block;
  width: 100%;
}
.civi-search-horizontal .form-group:first-child input {
  max-width: 250px;
  border-radius: 50px 0 0 50px;
}
.civi-search-horizontal .form-group:last-child {
  display: flex;
  align-items: center;
}
.civi-search-horizontal .form-group .btn-search-horizontal {
  margin-right: 14px;
}
.civi-search-horizontal input {
  height: 70px;
  border: 0;
  padding-left: 48px;
}
.civi-search-horizontal .nice-select {
  height: 70px;
  line-height: 70px;
  border-width: 0 0 0 1px;
  border-radius: 0;
  border-color: var(--civi-color-border);
  padding-left: 48px;
  padding-right: 45px;
}

.elementor-counter .elementor-counter-number-wrapper {
  color: #007456;
  font-size: 34px;
}
.elementor-counter .elementor-counter-number-prefix {
  text-align: right;
}
.elementor-counter .elementor-counter-number-prefix, .elementor-counter .elementor-counter-number-suffix {
  flex-grow: 1;
  white-space: pre-wrap;
}
.elementor-counter .elementor-counter-number-suffix {
  text-align: left;
}
.elementor-counter .elementor-counter-title {
  margin: -3px 0px 0px 0px;
  color: #555555;
  font-size: 18px;
}

.service-wishlist {
  line-height: 1.4;
}
.service-wishlist .loading-icon {
  display: none;
  width: 20px;
  height: 20px;
}
.service-wishlist.loading .icon-heart {
  display: none;
}
.service-wishlist.loading .loading-icon {
  display: inline-flex;
  padding-bottom: 2px;
}
.service-wishlist.active .icon-heart .fa-heart:before {
  font-weight: 900;
  color: #007456;
}

.input-with-icon {
  position: relative;
}
.input-with-icon .icon {
  position: absolute;
  top: 24px;
  left: 15px;
  color: #999999;
}
.input-with-icon input {
  padding-left: 38px;
}

.archive-layout .filter-warpper .nice-select:after {
  right: 0;
}

.civi-pagination .page-numbers.disabled {
  opacity: 0.5;
  cursor: default;
}

.home3-container {
  max-width: 1200px !important;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

.home3-widget-container {
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s, transform var(--e-transform-transition-duration, 0.4s);
}

.home3-widget-container-call-action {
  display: flex;
  justify-content: center;
}

.home3-column {
  position: relative;
  min-height: 1px;
  display: flex;
}

.home3-widget-wrap {
  padding: 15px;
  display: flex;
  position: relative;
  width: 100%;
  flex-wrap: wrap;
  align-content: flex-start;
}

.civi-heading {
  text-align: center;
  margin-bottom: 20px;
}
.civi-heading .civi-modern-heading {
  width: 520px;
  max-width: 100%;
}
.civi-heading .civi-modern-heading .civi-modern-heading .heading-secondary-wrap {
  margin-bottom: 10px;
}
.civi-heading .civi-modern-heading .civi-modern-heading .heading-primary-wrap, .civi-heading .civi-modern-heading .civi-modern-heading .heading-secondary-wrap {
  line-height: 1;
}
.civi-heading .civi-modern-heading .heading-description, .civi-heading .civi-modern-heading .heading-divider, .civi-heading .civi-modern-heading .heading-primary, .civi-heading .civi-modern-heading .heading-secondary {
  display: inline-block;
  margin-bottom: 0;
}
.civi-heading .civi-modern-heading .heading-secondary {
  font-size: 16px;
}
.civi-heading .civi-modern-heading .elementor-heading-title {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.3;
}
.civi-heading .civi-modern-heading .heading-secondary {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  color: #FFFFFF;
}
.civi-heading .civi-modern-heading .heading-primary {
  font-size: 46px;
  font-weight: 500;
  color: #FFFFFF;
}
.civi-heading .civi-modern-heading .heading-description-wrap {
  margin-top: 12px;
}
.civi-heading .civi-modern-heading .heading-description-wrap .heading-description {
  color: #FFFFFF;
  font-size: 18px;
  line-height: 1.44;
}

.home3-grid {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-columns: repeat(6, 1fr);
}
.home3-grid .list-cate-item {
  text-align: center;
}
.home3-grid .list-cate-item .cate-inner {
  background: rgba(0, 116, 86, 0.05);
  padding: 24px;
  border: 1px solid var(--civi-color-border);
  border-radius: 16px;
  position: relative;
  transition: box-shadow 0.3s;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
}
.home3-grid .list-cate-item .cate-inner .icon-cate {
  width: 54px;
  height: 54px;
  font-size: 27px;
  border-radius: 50%;
  margin-bottom: 16px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: var(--civi-color-accent);
  color: #fff;
  display: inline-flex;
}
.home3-grid .list-cate-item .cate-inner a {
  font-weight: 500;
  text-decoration: none;
}
.home3-grid .list-cate-item .cate-inner .civi-link-item {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.home3-grid .list-cate-item .cate-inner p {
  margin: 0;
  font-weight: 500;
}
.home3-grid .list-cate-item .cate-inner .civi-button.button-border-bottom::before {
  left: 0;
  bottom: 0;
  width: 0;
  transition-delay: 0.3s;
}
.home3-grid .list-cate-item .cate-inner .civi-button.button-border-bottom::after {
  right: 0;
  width: 100%;
  bottom: 0;
}
.home3-grid .list-cate-item .cate-inner .civi-button.button-border-bottom::after, .home3-grid .list-cate-item .cate-inner .civi-button.button-border-bottom::before {
  content: "";
  height: 1px;
  display: block;
  position: absolute;
  background-color: var(--civi-color-accent);
  transition: width 0.3s;
}
.home3-grid .list-cate-item .cate-inner .cate-title {
  font-size: 18px;
  margin-bottom: 2px;
  line-height: 1.3;
}

.alert.alert-block {
  justify-content: space-between;
}
.alert.alert-block .close {
  order: 2;
}

#review-form #submit {
  display: inline-block;
  background-color: var(--civi-color-accent);
  border: solid 1px var(--civi-color-accent);
  color: #fff;
  transition: all 0.3s;
  padding: 10px 26px;
  font-size: 16px;
  border-radius: 3em;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  font-weight: 500;
  cursor: pointer;
}
#review-form .review-user-name {
  color: var(--civi-color-accent);
}

.home3-grid-job {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-columns: repeat(2, 1fr);
}
.home3-grid-job .civi-jobs-item {
  padding: 20px;
  border-radius: 16px;
  border: 1px solid var(--civi-color-border);
  background-color: #fff;
  transition: box-shadow 0.3s;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.01);
  cursor: pointer;
  position: relative;
}
.home3-grid-job .civi-jobs-featured {
  border-color: #ffd75e;
}
.home3-grid-job .civi-jobs-item:hover {
  box-shadow: 0 5px 12px 2px rgba(0, 0, 0, 0.05);
}
.home3-grid-job .civi-jobs-item.layout-list .jobs-archive-header {
  display: flex;
  justify-content: space-between;
}
.home3-grid-job .civi-jobs-item.layout-list .jobs-header-left {
  display: flex;
  align-items: center;
  margin-right: 15px;
}
.home3-grid-job .civi-jobs-item.layout-list .logo-comnpany {
  margin-right: 16px;
}
.home3-grid-job .civi-jobs-item .logo-comnpany {
  height: 54px;
  width: 54px;
  -o-object-fit: cover;
     object-fit: cover;
  background-color: #f9f9f9;
  border-radius: 50%;
  text-align: center;
  line-height: 54px;
}
.home3-grid-job img {
  height: auto;
  max-width: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.home3-grid-job .civi-jobs-item .jobs-title {
  font-size: 18px;
  margin-bottom: 0;
}
.home3-grid-job .civi-jobs-item .jobs-title a {
  color: var(--civi-color-primary);
}
.home3-grid-job .civi-jobs-item a:not(.civi-link-item) {
  position: relative;
  z-index: 2;
}
.home3-grid-job .civi-jobs-item .categories-warpper {
  display: inline-flex;
  flex-wrap: wrap;
}
.home3-grid-job .civi-jobs-item .categories-warpper a {
  font-weight: 500;
  color: var(--civi-color-accent);
}
.home3-grid-job .civi-link-bottom:after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  height: 1px;
  bottom: -3px;
  background-color: currentColor;
  width: 0;
  transition: all 0.3s;
}
.home3-grid-job .civi-jobs-item.layout-list .jobs-header-right {
  display: flex;
  align-items: center;
  height: 24px;
}
.home3-grid-job .civi-jobs-item .jobs-status {
  display: flex;
}
.home3-grid-job .civi-jobs-item .jobs-status .tooltip {
  margin-right: 15px;
  display: block;
  width: -moz-max-content;
  width: max-content;
}
.home3-grid-job .tooltip[data-title] {
  position: relative;
  z-index: 2;
}
.home3-grid-job .tooltip[data-title]:after, .home3-grid-job .tooltip[data-title]:before {
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
}
.home3-grid-job .tooltip[data-title]:before {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #000;
  top: -0.5em;
}
.home3-grid-job .tooltip[data-title]:after, .home3-grid-job .tooltip[data-title]:before {
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
}
.home3-grid-job .tooltip[data-title]:after {
  content: attr(data-title);
  position: absolute;
  top: -2.5em;
  left: 50%;
  transform: translateX(-50%);
  background-color: #000;
  color: #fff;
  font-size: 14px;
  padding: 4px 10px;
  border-radius: 4px;
  white-space: nowrap;
}
.home3-grid-job .jobs-archive-footer {
  display: block !important;
  margin-top: 24px;
}
.home3-grid-job .civi-jobs-item.layout-list .jobs-footer-left {
  margin-right: 15px;
}
.home3-grid-job .civi-jobs-item .label {
  font-size: 14px;
  font-weight: 500;
  padding: 5px 12px;
  border-radius: 50px;
  display: inline-block;
}
.home3-grid-job .label-price {
  background: rgba(0, 116, 86, 0.05);
  color: var(--civi-color-accent);
}
.home3-grid-job .label-location i {
  padding-right: 5px;
  font-weight: normal;
}

.btn-primary {
  margin-bottom: 0;
  padding: 12px 36px;
  border-radius: 50px;
  border: 1px solid #007456;
  background-color: #007456;
  color: #fff;
  font-weight: 500;
  cursor: pointer;
  text-align: center;
}

.slick-dots li.slick-active button:before {
  color: #007456;
  opacity: 1;
}

.civi-form-popup form.loading .button-warpper .btn-loading {
  display: inline !important;
}

.civi-review .star_review .fa.hovered,
.civi-review .star_review .fa.selected {
  color: #f2b827;
}

.civi-list-star {
  display: inline-block;
  line-height: 13px;
  position: relative;
}
.civi-list-star .civi-item-rating-stars {
  padding: 0;
  margin: 0;
}
.civi-list-star .civi-item-rating-stars:before, .civi-list-star .civi-item-rating-stars:after {
  content: "";
  display: table;
  clear: both;
}
.civi-list-star .civi-item-rating-stars li {
  list-style: none;
  float: left;
  margin-right: 5px;
}
.civi-list-star .civi-item-rating-stars li:last-child {
  margin-right: 0;
}
.civi-list-star .civi-item-rating-stars li .fa {
  font-size: 15px;
  color: #ccc;
}
.civi-list-star .civi-item-rating-stars-active {
  position: absolute;
  width: 0;
  top: 0;
  left: 0;
  overflow: hidden;
}
.civi-list-star .civi-item-rating-stars-active .fa {
  font-size: 15px;
  color: #FFDC00 !important;
}

.tooltip {
  opacity: 1;
}

.checkbox-inline {
  display: inline-flex;
}
.checkbox-inline label {
  flex: 1;
  margin-left: 5px;
  margin-bottom: 0 !important;
}
.checkbox-inline input[type=checkbox] {
  margin-top: 5px;
}

.service-wishlist .civi-dual-ring:after {
  width: 20px;
  height: 20px;
}

.bc-alert-popup {
  position: fixed;
  z-index: 999;
  top: 120px;
  right: 20px;
  font-size: 14px;
  transition: all 0.4s ease-in-out 0s;
  transform: translateX(140%);
}
.bc-alert-popup.active {
  transform: translateX(0);
}
.bc-alert-popup .message-box {
  padding: 15px 30px;
  min-height: 60px;
}

.message-box {
  position: relative;
  padding: 25px 30px;
  display: flex;
  align-items: center;
  min-height: 75px;
  border-radius: 4px;
  margin-bottom: 20px;
}

.message-box p {
  color: inherit;
  font-size: 16px;
  line-height: 25px;
}

.message-box a {
  color: inherit;
  text-decoration: underline;
  transition: all 300ms ease;
}

/* Message Info */
.message-box.info {
  background-color: #CDE9F6;
  color: #4780AA;
}

/* Message warning */
.message-box.warning {
  background-color: #F7F3D7;
  color: #927238;
}

/* Message success */
.message-box.success {
  background-color: #DEF2D7;
  color: #5B7052;
}

/* Message Error */
.message-box.error {
  background-color: #ECC8C5;
  color: #AB3331;
}

.apply-job-form .custom-checkbox {
  border: 2px solid var(--civi-color-secondary);
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
}

.booking_cookie_agreement {
  background: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.booking_cookie_agreement p {
  margin-bottom: 8px;
  margin-top: 8px;
}

@media (max-width: 767px) {
  html, body {
    overflow-x: hidden;
  }
}
body {
  background-color: var(--background-color);
}

.ja-container .container {
  max-width: 400px;
}

@media (max-width: 767px) {
  .home3-grid, .home3-grid-job {
    grid-template-columns: repeat(1, 1fr);
  }
  .home3-grid-job .civi-jobs-item.layout-list .jobs-header-left {
    display: block !important;
  }
  .home3-testomonial .civi-slick-testimonial .testimonial-inner .testimonial-item {
    width: 100% !important;
  }
  .hero-banner-content {
    padding: 15px;
  }
  .civi-search-horizontal .form-group:last-child {
    padding: 0 24px;
  }
  .banner-section-three .counter-hero-banner {
    padding-bottom: 2rem !important;
    width: 100% !important;
  }
  .banner-section-three .counter-hero-banner .col-50:first-child {
    width: 48%;
  }
}
.civi-modern-heading {
  max-width: 100%;
}
.civi-modern-heading .civi-heading-title {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.3;
}
.civi-modern-heading .heading-secondary {
  font-size: 16px;
}
.civi-modern-heading .heading-description {
  font-size: 18px;
  line-height: 1.44;
}
.civi-modern-heading .heading-primary-wrap,
.civi-modern-heading .heading-secondary-wrap {
  line-height: 1;
}
.civi-modern-heading .heading-primary,
.civi-modern-heading .heading-secondary,
.civi-modern-heading .heading-description,
.civi-modern-heading .heading-divider {
  display: inline-block;
  margin-bottom: 0;
}
.civi-modern-heading a {
  display: block;
  color: inherit;
  font-size: inherit;
}
.civi-modern-heading a:hover {
  color: inherit;
  font-size: inherit;
}
.civi-modern-heading mark {
  background-color: transparent;
  padding: 0;
}
.civi-modern-heading mark span {
  margin-left: 5px;
}
.civi-modern-heading .heading-description-wrap {
  margin-top: 12px;
}
.civi-modern-heading .heading-description-wrap:first-child {
  margin-top: 0;
}
.civi-modern-heading .heading-secondary-wrap {
  margin-bottom: 10px;
}
.civi-modern-heading .heading-divider-wrap {
  line-height: 0;
  margin-top: 10px;
}
.civi-modern-heading .heading-divider {
  height: 2px;
  width: 100px;
  background: var(--civi-color-primary);
}

.custom-mark .civi-modern-heading mark {
  position: relative;
  z-index: 2;
  font-style: italic;
}
.custom-mark .civi-modern-heading mark::before {
  content: "";
  width: 100%;
  position: absolute;
  background-size: 100%;
  background-repeat: no-repeat;
  top: 70%;
  height: 100%;
  z-index: -1;
}
.custom-mark.top90 .civi-modern-heading mark::before {
  top: 90%;
}

.civi-link-animate-border .heading-primary a:hover mark:before {
  transform: scaleX(0) translateZ(0);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.civi-link-animate-border .heading-primary a:hover mark:after {
  transform: scaleX(1) translateZ(0);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;
}
.civi-link-animate-border .heading-primary a mark {
  position: relative;
  display: inline-block;
  line-height: 1;
  padding: 3px 0;
}
.civi-link-animate-border .heading-primary a mark:before, .civi-link-animate-border .heading-primary a mark:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #e0e0e0;
  transform-origin: right;
  transform: scaleX(1) translateZ(0);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;
}
.civi-link-animate-border .heading-primary a mark:after {
  transform-origin: left;
}
.civi-link-animate-border .heading-primary a mark:after {
  transform: scaleX(0) translateZ(0);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.civi-link-animate-border-02 .heading-primary a:hover mark:before {
  width: 100%;
  left: 0;
  right: auto;
}
.civi-link-animate-border-02 .heading-primary a mark {
  position: relative;
  display: inline-block;
  line-height: 1;
  padding: 3px 0;
}
.civi-link-animate-border-02 .heading-primary a mark:before {
  content: "";
  width: 0;
  height: 1px;
  position: absolute;
  left: auto;
  right: 0;
  bottom: 0;
  transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  background: #e0e0e0;
}

.elementor-widget-civi-icon-box.civi-icon-box-style-02 .civi-icon-box:after, .elementor-widget-civi-icon-box .heading-divider:after, .elementor-widget-civi-icon-box .icon,
.elementor-widget-civi-icon-box .heading,
.elementor-widget-civi-icon-box .description,
.elementor-widget-civi-icon-box .icon-box-button, .elementor-widget-civi-icon-box .civi-icon-box:before, .elementor-widget-civi-icon-box .civi-icon-box, .svg-defs-gradient .stop-a,
.svg-defs-gradient .stop-b, .civi-icon .icon, .civi-team-member-style-03 .social-networks a, .civi-team-member-style-03 .social-networks, .civi-team-member-style-03 .info, .civi-team-member-style-03 .overlay, .civi-team-member-style-03 .photo, .civi-team-member-style-02 .social-networks a, .civi-team-member-style-02 .social-networks, .civi-team-member-style-02 .info, .civi-team-member-style-02 .overlay, .civi-team-member-style-02 .photo, .civi-team-member-style-01 .overlay, .civi-team-member-style-01 .photo, .civi-accordion .accordion-icon, .civi-accordion .accordion-title, .civi-accordion .accordion-header, .civi-gradation .count, .civi-image-box .image, .civi-image-box:before, .civi-image-box, .civi-list .text, .civi-list .icon, .civi-swiper:hover .swiper-nav-button, .civi-swiper .swiper-pagination-bullet:before, .civi-swiper.pagination-style-05 .swiper-pagination-bullet:after {
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.civi-client-logo .image {
  transition: all 0.3s linear;
}
.civi-client-logo .grid-item {
  display: flex;
  flex-wrap: wrap;
}
.civi-client-logo.hover-grayscale .image {
  filter: grayscale(100%);
  opacity: 0.3;
}
.civi-client-logo.hover-grayscale .item:hover .image {
  filter: none;
  opacity: 1;
}
.civi-client-logo.hover-opacity .image {
  opacity: 0.23;
}
.civi-client-logo.hover-opacity .item:hover .image {
  opacity: 1;
}
.civi-client-logo.hover-faded .item:hover .image {
  opacity: 0.2;
}

.civi-image-animation {
  --civi-animation-transformX-0: 20px;
  --civi-animation-transformY-0: 60px;
  --civi-animation-transformX-100: 160px;
  --civi-animation-transformY-100: -40px;
  --civi-animation-delay: 2000ms;
  --civi-animation-jump-top: 3%;
  --civi-animation-jump-left: 3%;
}
.civi-image-animation.civi-style-jump.jump-top .civi-image {
  animation: jump_top var(--civi-animation-delay) infinite ease-in-out alternate;
}
.civi-image-animation.civi-style-jump.jump-left .civi-image {
  animation: jump_left var(--civi-animation-delay) infinite ease-in-out alternate;
}
.civi-image-animation.civi-style-circular-motion {
  animation: translateAnimation var(--civi-animation-delay) infinite ease-in-out alternate, zindexAnimation calc(var(--civi-animation-delay) * 2) infinite ease-in-out;
}
.civi-image-animation.civi-style-circular-motion .civi-image {
  animation: scaleAnimation var(--civi-animation-delay) infinite ease-in-out alternate;
  transform: scale(0.5);
  animation-delay: calc(var(--civi-animation-delay) / -2);
}

@keyframes translateAnimation {
  0% {
    transform: translateX(var(--civi-animation-transformX-0)) translateY(var(--civi-animation-transformY-0));
  }
  100% {
    transform: translateX(var(--civi-animation-transformX-100)) translateY(var(--civi-animation-transformY-100));
  }
}
@keyframes scaleAnimation {
  100% {
    transform: scale(1);
  }
}
@keyframes zindexAnimation {
  25% {
    z-index: 1;
  }
  75% {
    z-index: -1;
  }
}
@keyframes jump_left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(var(--civi-animation-jump-left));
  }
}
@keyframes jump_top {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(var(--civi-animation-jump-top));
  }
}
.civi-search-horizontal .search-horizontal-inner {
  display: inline-flex;
  border-radius: 50px;
  border: 1px solid var(--civi-color-border);
  background-color: #fff;
  box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.03);
}
.civi-search-horizontal:not(.has-arrow) .nice-select:after {
  content: none;
}
.civi-search-horizontal input {
  height: 70px;
  border: 0;
  padding-left: 48px;
}
.civi-search-horizontal .form-group {
  flex-grow: 1;
}
.civi-search-horizontal .form-group:first-child input {
  border-radius: 50px 0 0 50px;
}
.civi-search-horizontal .form-group i {
  position: absolute;
  top: 50%;
  left: 18px;
  transform: translateY(-50%);
  color: var(--civi-color-secondary);
  font-size: 20px;
  font-weight: 400;
}
.civi-search-horizontal .civi-form-location {
  border-left: 1px solid var(--civi-color-border);
}
.civi-search-horizontal .nice-select {
  height: 70px;
  line-height: 70px;
  border-width: 0 0 0 1px;
  border-radius: 0;
  border-color: var(--civi-color-border);
  padding-left: 48px;
}
.civi-search-horizontal .btn-search-horizontal {
  margin-right: 14px;
}
.civi-search-horizontal .popular-categories {
  margin-top: 18px;
  display: inline-block;
}
.civi-search-horizontal .civi-clear-top-filter {
  color: var(--civi-color-secondary);
  padding-right: 16px;
  padding-left: 20px;
  cursor: pointer;
  height: 70px;
  line-height: 70px;
  border-left: 1px solid var(--civi-color-border);
}
.civi-search-horizontal .civi-clear-top-filter:hover {
  color: var(--civi-color-accent);
}
.civi-search-horizontal .form-group:last-child {
  display: flex;
  align-items: center;
}
.civi-search-horizontal .list-category {
  margin-bottom: 0;
  list-style: none;
  padding-left: 0;
  display: inline-flex;
  flex-wrap: wrap;
}
.civi-search-horizontal .list-category a {
  font-weight: 400;
  color: var(--civi-color-primary);
}
.civi-search-horizontal .list-category a:hover {
  color: var(--civi-color-accent);
}
.civi-search-horizontal .list-category li:not(:last-child) a:after {
  content: ",";
  padding-right: 6px;
}

.civi-search-horizontal-layout-01 .form-group:first-child input {
  max-width: 250px;
}

.ui-helper-hidden-accessible {
  display: none;
}

@media (max-width: 567px) {
  .civi-search-horizontal input {
    padding-left: 56px;
  }
  .civi-search-horizontal .search-horizontal-inner {
    display: block;
    border-radius: 16px;
  }
  .civi-search-horizontal .form-group:not(:last-child) {
    border-bottom: 1px solid var(--civi-color-border);
  }
  .civi-search-horizontal .form-group i {
    left: 26px;
  }
  .civi-search-horizontal .nice-select {
    border: none;
    padding-left: 56px;
  }
  .civi-search-horizontal .btn-search-horizontal {
    width: 100%;
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .civi-search-horizontal-layout-01 .form-group:first-child input {
    max-width: 100%;
    border-radius: 16px 16px 0 0;
  }
  .civi-search-horizontal-layout-01 .form-group:last-child {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.elementor-widget-civi-icon-box.civi-icon-box-style-02 .civi-icon-box:after, .elementor-widget-civi-icon-box .heading-divider:after, .elementor-widget-civi-icon-box .icon,
.elementor-widget-civi-icon-box .heading,
.elementor-widget-civi-icon-box .description,
.elementor-widget-civi-icon-box .icon-box-button, .elementor-widget-civi-icon-box .civi-icon-box:before, .elementor-widget-civi-icon-box .civi-icon-box, .svg-defs-gradient .stop-a,
.svg-defs-gradient .stop-b, .civi-icon .icon, .civi-team-member-style-03 .social-networks a, .civi-team-member-style-03 .social-networks, .civi-team-member-style-03 .info, .civi-team-member-style-03 .overlay, .civi-team-member-style-03 .photo, .civi-team-member-style-02 .social-networks a, .civi-team-member-style-02 .social-networks, .civi-team-member-style-02 .info, .civi-team-member-style-02 .overlay, .civi-team-member-style-02 .photo, .civi-team-member-style-01 .overlay, .civi-team-member-style-01 .photo, .civi-accordion .accordion-icon, .civi-accordion .accordion-title, .civi-accordion .accordion-header, .civi-gradation .count, .civi-image-box .image, .civi-image-box:before, .civi-image-box, .civi-list .text, .civi-list .icon, .civi-swiper:hover .swiper-nav-button, .civi-swiper .swiper-pagination-bullet:before, .civi-swiper.pagination-style-05 .swiper-pagination-bullet:after {
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.civi-fancy-heading {
  margin: 0 !important;
  line-height: 1.25;
}
.civi-fancy-heading .civi-fancy-heading-before,
.civi-fancy-heading .civi-fancy-heading-animated b {
  line-height: inherit;
}

.civi-fancy-heading-animated {
  position: relative;
}
.civi-fancy-heading-animated b {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  left: 0;
  top: 0;
}
.civi-fancy-heading-animated .civi-fancy-heading-show {
  position: relative;
}

.civi-fancy-heading-loading .civi-fancy-heading-animated {
  overflow: hidden;
  vertical-align: top;
}
.civi-fancy-heading-loading .civi-fancy-heading-animated:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 0;
  background: currentColor;
  z-index: 2;
  transition: width 0.3s -0.1s;
}
.civi-fancy-heading-loading .is-loading::after {
  width: 100%;
  transition: width 3s;
}
.civi-fancy-heading-loading b {
  top: 0.2em;
  opacity: 0;
  transition: opacity 0.3s;
}
.civi-fancy-heading-loading .civi-fancy-heading-show {
  opacity: 1;
  top: 0;
}

.civi-fancy-heading-typing .civi-fancy-heading-animated {
  font-weight: bolder;
}
.civi-fancy-heading-typing .typed-cursor {
  vertical-align: text-bottom;
}

.civi-fancy-heading-zoom-in .civi-fancy-heading-animated {
  perspective: 300px;
}
.civi-fancy-heading-zoom-in b {
  opacity: 0;
}
.civi-fancy-heading-zoom-in .civi-fancy-heading-show {
  opacity: 1;
  animation: zoom-in 0.8s;
}
.civi-fancy-heading-zoom-out b {
  opacity: 0;
}
.civi-fancy-heading-zoom-out .civi-fancy-heading-show {
  opacity: 1;
  animation: star-zoom-out 0.8s;
}

@keyframes star-zoom-out {
  0% {
    opacity: 0.4;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.civi-fancy-heading-slider-right b {
  opacity: 0;
}
.civi-fancy-heading-slider-right .civi-fancy-heading-show {
  opacity: 1;
  animation: slider-right-in 0.6s;
}
.civi-fancy-heading-slider-right .civi-fancy-heading-hidden {
  animation: slider-right-out 0.6s;
}
@keyframes slider-right-in {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  60% {
    opacity: 1;
    transform: translateX(10%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slider-right-out {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  60% {
    opacity: 0;
    transform: translateX(110%);
  }
  100% {
    opacity: 0;
    transform: translateX(100%);
  }
}
.civi-fancy-heading-slider-left b {
  opacity: 0;
}
.civi-fancy-heading-slider-left .civi-fancy-heading-show {
  opacity: 1;
  animation: slider-left-in 0.6s;
}
.civi-fancy-heading-slider-left .civi-fancy-heading-hidden {
  animation: slider-left-out 0.6s;
}

@keyframes slider-left-in {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  60% {
    opacity: 1;
    transform: translateX(-10%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slider-left-out {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  60% {
    opacity: 0;
    transform: translateX(-110%);
  }
  100% {
    opacity: 0;
    transform: translateX(-100%);
  }
}
.civi-fancy-heading-slider-top b {
  opacity: 0;
}
.civi-fancy-heading-slider-top .civi-fancy-heading-show {
  opacity: 1;
  animation: slider-top-in 0.6s;
}
.civi-fancy-heading-slider-top .civi-fancy-heading-hidden {
  animation: slider-top-out 0.6s;
}

@keyframes slider-top-in {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  60% {
    opacity: 1;
    transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slider-top-out {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  60% {
    opacity: 0;
    transform: translateY(-110%);
  }
  100% {
    opacity: 0;
    transform: translateY(-100%);
  }
}
.civi-fancy-heading-slider-bottom b {
  opacity: 0;
}
.civi-fancy-heading-slider-bottom .civi-fancy-heading-show {
  opacity: 1;
  animation: slider-bottom-in 0.6s;
}
.civi-fancy-heading-slider-bottom .civi-fancy-heading-hidden {
  animation: slider-bottom-out 0.6s;
}

@keyframes slider-bottom-in {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    transform: translateY(10%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slider-bottom-out {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  60% {
    opacity: 0;
    transform: translateY(110%);
  }
  100% {
    opacity: 0;
    transform: translateY(100%);
  }
}
.civi-fancy-heading-rotate .civi-fancy-heading-animated {
  perspective: 300px;
}
.civi-fancy-heading-rotate b {
  opacity: 0;
  transform-origin: 50% 100%;
  transform: rotateX(180deg);
}
.civi-fancy-heading-rotate .civi-fancy-heading-show {
  opacity: 1;
  transform: rotateX(0deg);
  animation: cd-rotate-1-in 1.2s;
}
.civi-fancy-heading-rotate .civi-fancy-heading-hidden {
  transform: rotateX(180deg);
  animation: cd-rotate-1-out 1.2s;
}
@keyframes cd-rotate-1-in {
  0% {
    transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    transform: rotateX(360deg);
    opacity: 1;
  }
}
@keyframes cd-rotate-1-out {
  0% {
    transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    transform: rotateX(180deg);
    opacity: 0;
  }
}
.elementor-widget-civi-icon-box.civi-icon-box-style-02 .civi-icon-box:after, .elementor-widget-civi-icon-box .heading-divider:after, .elementor-widget-civi-icon-box .icon,
.elementor-widget-civi-icon-box .heading,
.elementor-widget-civi-icon-box .description,
.elementor-widget-civi-icon-box .icon-box-button, .elementor-widget-civi-icon-box .civi-icon-box:before, .elementor-widget-civi-icon-box .civi-icon-box, .svg-defs-gradient .stop-a,
.svg-defs-gradient .stop-b, .civi-icon .icon, .civi-team-member-style-03 .social-networks a, .civi-team-member-style-03 .social-networks, .civi-team-member-style-03 .info, .civi-team-member-style-03 .overlay, .civi-team-member-style-03 .photo, .civi-team-member-style-02 .social-networks a, .civi-team-member-style-02 .social-networks, .civi-team-member-style-02 .info, .civi-team-member-style-02 .overlay, .civi-team-member-style-02 .photo, .civi-team-member-style-01 .overlay, .civi-team-member-style-01 .photo, .civi-accordion .accordion-icon, .civi-accordion .accordion-title, .civi-accordion .accordion-header, .civi-gradation .count, .civi-image-box .image, .civi-image-box:before, .civi-image-box, .civi-list .text, .civi-list .icon, .civi-swiper:hover .swiper-nav-button, .civi-swiper .swiper-pagination-bullet:before, .civi-swiper.pagination-style-05 .swiper-pagination-bullet:after {
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.civi-image-rotate {
  width: 100%;
}
.civi-image-rotate .layer {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all 0.6s ease-in-out;
  text-align: center;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  perspective: 1000px;
}
.civi-image-rotate .content-wrap {
  height: 230px;
  perspective: 1000px;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.civi-image-rotate .civi-image {
  transform: none;
  z-index: 1;
  animation-duration: 15s;
  animation-delay: 4s;
  animation-duration: 12s;
  animation-delay: 1s;
  animation-iteration-count: infinite;
}
.civi-image-rotate .civi-image img {
  height: 230px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.civi-image-rotate .content {
  animation-duration: 15s;
  animation-delay: 4s;
  animation-duration: 12s;
  animation-delay: 1s;
  animation-iteration-count: infinite;
  background: var(--civi-color-accent);
  color: #fff;
  padding: 16px;
}
.civi-image-rotate .content .title {
  color: #fff;
}
.civi-image-rotate.postion-top .civi-image {
  animation-name: rotateUp;
}
.civi-image-rotate.postion-top .content {
  animation-name: rotateDown;
}
.civi-image-rotate.postion-left .civi-image {
  animation-name: rotateLeft;
}
.civi-image-rotate.postion-left .content {
  animation-name: rotateRight;
}

@keyframes rotateLeft {
  0% {
    transform: rotateY(0);
  }
  30% {
    transform: rotateY(0);
  }
  50% {
    transform: rotateY(-180deg);
  }
  65% {
    transform: rotateY(-190deg);
  }
  80% {
    transform: rotateY(-180deg);
  }
  100% {
    transform: rotateY(0);
  }
}
@keyframes rotateRight {
  0% {
    transform: rotateY(190deg);
  }
  15% {
    transform: rotateY(180deg);
  }
  30% {
    transform: rotateY(180deg);
  }
  50% {
    transform: rotateY(-10deg);
  }
  65% {
    transform: rotateY(0);
  }
  80% {
    transform: rotateY(0);
  }
  100% {
    transform: rotateY(180deg);
  }
}
@keyframes rotateUp {
  0% {
    transform: rotateX(0);
  }
  30% {
    transform: rotateX(0);
  }
  50% {
    transform: rotateX(180deg);
  }
  65% {
    transform: rotateX(170deg);
  }
  80% {
    transform: rotateX(180deg);
  }
  100% {
    transform: rotateX(0);
  }
}
@keyframes rotateDown {
  0% {
    transform: rotateX(-190deg);
  }
  15% {
    transform: rotateX(-180deg);
  }
  30% {
    transform: rotateX(-180deg);
  }
  50% {
    transform: rotateX(10deg);
  }
  65% {
    transform: rotateX(0);
  }
  80% {
    transform: rotateX(0);
  }
  100% {
    transform: rotateX(-180deg);
  }
}
.hero-banner {
  position: relative;
}
.hero-banner .search-horizontal-inner .form-group {
  margin-bottom: 0;
}
.hero-banner.style-1 {
  padding: 120px 0 50px 0;
}
.hero-banner.style-1 .right-banner {
  display: flex;
  position: relative;
  justify-content: center;
  flex-wrap: wrap;
}
.hero-banner.style-1 .right-banner .banner-img-2 {
  position: absolute;
  max-height: 70px;
  width: auto;
  left: 30px;
  top: 47%;
}
.hero-banner.style-1 .right-banner .banner-img-3 {
  position: absolute;
  max-height: 125px;
  width: auto;
  right: -13px;
  bottom: 13%;
}
.hero-banner.style-1 .civi-modern-heading {
  margin-bottom: 20px;
}
.hero-banner.style-1 .civi-modern-heading .heading-primary {
  font-size: 46px;
  line-height: 1.24;
  font-weight: 600;
}
.hero-banner.style-1 .civi-modern-heading .heading-description-wrap {
  margin-top: 12px;
  padding-bottom: 10px;
}
.hero-banner.style-1 .civi-modern-heading .heading-description-wrap .heading-description {
  color: #111111;
}
.hero-banner.style-1 .civi-search-horizontal {
  margin-bottom: 85px;
}
.hero-banner.style-1 .civi-search-horizontal .civi-form-location {
  border-left: 0;
  border-right: 1px solid var(--civi-color-border);
}
.hero-banner.style-1 .civi-search-horizontal .form-group:last-child {
  padding-left: 14px;
}
.hero-banner.style-1 .civi-search-horizontal .nice-select {
  min-width: 230px;
}
.hero-banner.style-1 .brands-list-wrap .brands-title {
  font-size: 18px;
  margin-bottom: -30px;
}
.hero-banner.style-1 .brands-list-wrap .brands-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.hero-banner.style-1 .brands-list-wrap .brands-list .brand-item {
  width: 88px;
  height: 88px;
  margin-right: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-banner.style-1 .brands-list-wrap .brands-list .brand-item img {
  max-width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .hero-banner.style-1 {
    padding: 115px 0 50px 0;
  }
  .hero-banner.style-1 .civi-modern-heading .heading-primary {
    font-size: 34px;
  }
  .hero-banner.style-1 .civi-search-horizontal {
    margin-bottom: 20px;
  }
  .hero-banner.style-1 .civi-search-horizontal .search-horizontal-inner {
    flex-wrap: wrap;
    width: 100%;
    border-radius: 16px;
  }
  .hero-banner.style-1 .civi-search-horizontal .search-horizontal-inner .form-group {
    border-bottom: 1px solid #eee;
    border-left: 0;
    width: 100%;
  }
  .hero-banner.style-1 .civi-search-horizontal .search-horizontal-inner .form-group:first-child input {
    max-width: 100%;
    border-radius: 16px;
  }
  .hero-banner.style-1 .civi-search-horizontal .search-horizontal-inner .form-group:last-child {
    border-bottom: none;
    padding: 24px;
  }
  .hero-banner.style-1 .civi-search-horizontal .search-horizontal-inner .form-group i {
    left: 18px;
  }
  .hero-banner.style-1 .civi-search-horizontal .search-horizontal-inner .nice-select {
    border-left: 0;
  }
  .hero-banner.style-1 .civi-search-horizontal .search-horizontal-inner .btn-search-horizontal {
    width: 100%;
    margin: 0;
  }
  .hero-banner.style-1 .right-banner {
    margin-top: 30px;
  }
  .hero-banner.style-1 .right-banner .banner-img-2, .hero-banner.style-1 .right-banner .banner-img-3 {
    display: none;
  }
}
.hero-banner.style-2 .hero-banner-content {
  padding: 125px 0;
  color: white;
}
.hero-banner.style-2 .hero-banner-content .civi-search-horizontal {
  padding-bottom: 55px;
}
@media (max-width: 767px) {
  .hero-banner.style-2 .hero-banner-content .civi-search-horizontal .form-group:first-child input {
    max-width: 100%;
    border-radius: 16px 16px 0 0;
  }
}
.hero-banner.style-2 .hero-banner-content .civi-search-horizontal .form-search-horizontal .civi-form-location {
  border-right: 1px solid var(--civi-color-border);
  border-left: 0;
  margin-right: 15px;
}
@media (max-width: 767px) {
  .hero-banner.style-2 .hero-banner-content .civi-search-horizontal .form-search-horizontal .civi-form-location {
    margin-right: 0;
  }
  .hero-banner.style-2 .hero-banner-content .civi-search-horizontal .form-search-horizontal .civi-form-location .nice-select .list {
    width: 100%;
  }
}
.hero-banner.style-2 .hero-banner-content .civi-search-horizontal .form-search-horizontal .civi-form-location .icon-location {
  background-image: none;
}
@media (max-width: 767px) {
  .hero-banner.style-2 .hero-banner-content .civi-search-horizontal .form-search-horizontal .civi-button {
    margin: 24px;
  }
}
.hero-banner.style-2 .hero-banner-content .content-column .inner-column .civi-fancy-heading {
  font-size: 46px;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 20px;
}
.hero-banner.style-2 .hero-banner-content .popular-categories .list-category li a {
  color: #fff;
}
.hero-banner.style-2 .hero-banner-content .candidates-list .candidates-title {
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}
.hero-banner.style-2 .banner-footer {
  transform: rotate(180deg);
  overflow: hidden;
  position: absolute;
  left: 0;
  width: 100%;
  line-height: 0;
  direction: ltr;
  bottom: -1px;
}
.hero-banner.style-2 .banner-footer svg {
  height: 80px;
  display: block;
  width: calc(100% + 1.3px);
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.hero-banner.style-2 .banner-footer svg path {
  fill: #f9f9f9;
  transform-origin: center;
  transform: rotateY(0deg);
}
@keyframes translateinfinite {
  0% {
    transform: translateY(0);
  }
  to {
    transform: translateY(calc((var(--civi-jobs-height) + var(--civi-jobs-spacing)) * var(--civi-jobs-item) * -1));
  }
}
.hero-banner.style-4 .civi-jobs-animation {
  --civi-jobs-height: 113px;
  --civi-jobs-spacing: 60px;
  --civi-jobs-item: 4;
  overflow: hidden;
  height: calc((var(--civi-jobs-height) + var(--civi-jobs-spacing)) * var(--civi-jobs-item));
  padding-left: 75px;
}
.hero-banner.style-4 .civi-jobs-animation:hover .civi-jobs-item {
  animation-play-state: paused;
}
.hero-banner.style-4 .civi-jobs-animation .jobs-inner {
  height: calc((var(--civi-jobs-height) + var(--civi-jobs-spacing)) * var(--civi-jobs-item) * 2);
}
.hero-banner.style-4 .civi-jobs-animation .civi-jobs-item {
  padding: 24px;
  border-radius: 20px;
  max-width: 450px;
  animation: translateinfinite 15s linear infinite;
  /* margin-top:var(--civi-jobs-spacing); */
  margin-bottom: var(--civi-jobs-spacing);
}
.hero-banner.style-4 .civi-jobs-animation .civi-jobs-item.color-1 {
  background: #FFFFFF;
}
.hero-banner.style-4 .civi-jobs-animation .civi-jobs-item.color-2 {
  background: rgba(249, 168, 128, 0.9490196078);
}
.hero-banner.style-4 .civi-jobs-animation .civi-jobs-item.color-3 {
  background: rgba(225, 234, 241, 0.9490196078);
}
.hero-banner.style-4 .civi-jobs-animation .civi-jobs-item.color-4 {
  background: rgba(255, 215, 94, 0.9490196078);
}
.hero-banner.style-4 .civi-jobs-animation .jobs-title {
  font-size: 22px;
}
.hero-banner.style-4 .civi-jobs-animation .cate-wapprer {
  font-weight: 500;
  margin-bottom: 8px;
}
@media (min-width: 1025px) {
  .hero-banner.style-4 .civi-jobs-animation .civi-jobs-item:nth-child(even) {
    margin-left: 50px;
  }
}
.hero-banner.style-4 .heading-description {
  font-size: 18px;
  margin-bottom: 25px;
  color: #000;
}
.hero-banner.style-4 .heading-description span {
  font-weight: 600;
}
.hero-banner.style-4 .heading-primary {
  font-size: 46px;
  margin-bottom: 25px;
}
.hero-banner.style-4 .heading-primary span {
  color: var(--main-color);
}
@media (max-width: 1023px) {
  .hero-banner.style-4 {
    padding: 30px 0;
  }
  .hero-banner.style-4 .right-banner {
    display: none;
  }
  .hero-banner.style-4 .heading-primary {
    font-size: 28px;
  }
}
.hero-banner.style-5 {
  padding: 160px 0 40px 0;
  position: relative;
  color: #fff;
  height: 100vh;
}
@media (max-width: 767px) {
  .hero-banner.style-5 {
    height: auto;
  }
}
.hero-banner.style-5 .background-video-container {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  overflow: hidden;
  z-index: 0;
  direction: ltr;
  transition: opacity 1s;
  pointer-events: none;
}
.hero-banner.style-5 .background-overlay {
  opacity: 0.8;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.hero-banner.style-5 .hero-banner-content {
  height: 100%;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .hero-banner.style-5 .hero-banner-content {
    padding: 0;
  }
}
.hero-banner.style-5 .hero-banner-content .civi-fancy-heading {
  text-align: center;
  color: #fff;
  margin-bottom: 20px;
  padding-bottom: 8px;
}
.hero-banner.style-5 .hero-banner-content .civi-fancy-heading mark {
  background: transparent;
  padding: 0;
  color: #FFD75E;
}
.hero-banner.style-5 .hero-banner-content .civi-search-horizontal {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .hero-banner.style-5 .hero-banner-content .civi-search-horizontal {
    padding-bottom: 65px;
  }
}
.hero-banner.style-5 .hero-banner-content .civi-search-horizontal .search-horizontal-inner {
  max-width: 970px;
}
.hero-banner.style-5 .hero-banner-content .civi-search-horizontal .popular-categories .list-category li a {
  color: #fff;
}
@media (max-width: 767px) {
  .hero-banner.style-5 .hero-banner-content .civi-search-horizontal .form-search-horizontal input[name=s] {
    max-width: 100%;
    border-radius: 50%;
  }
}
.hero-banner.style-5 .counter-hero-banner {
  max-width: 680px;
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
.hero-banner.style-5 .counter-hero-banner .civi-icon-box {
  padding: 15px;
  flex: 1;
}
.hero-banner.style-5 .counter-hero-banner .civi-icon-box .icon-box-wrapper {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .hero-banner.style-5 .counter-hero-banner .civi-icon-box .icon-box-wrapper {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .hero-banner.style-5 .counter-hero-banner .civi-icon-box .icon-box-wrapper .civi-icon-wrap {
    margin-right: 12px;
  }
}
@media (max-width: 767px) {
  .hero-banner.style-5 .counter-hero-banner .civi-icon-box .icon-box-wrapper .civi-icon-wrap {
    margin-bottom: 12px;
  }
}
.hero-banner.style-5 .counter-hero-banner .civi-icon-box .icon-box-wrapper .civi-icon-wrap .civi-icon-view .civi-icon svg {
  width: 50px;
  height: 50px;
}
@media (max-width: 767px) {
  .hero-banner.style-5 .counter-hero-banner .civi-icon-box .icon-box-wrapper .icon-box-content {
    text-align: center;
  }
}
.hero-banner.style-5 .counter-hero-banner .civi-icon-box .icon-box-wrapper .icon-box-content .heading-wrap .heading {
  font-size: 18px;
  color: #FFFFFF;
}
.hero-banner.style-6 .hero-banner-content {
  position: relative;
}
.hero-banner.style-6 .hero-banner-content .banner-left-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(50% + 300px);
  height: 100%;
}
.hero-banner.style-6 .hero-banner-content .hero-content-left {
  padding-top: 125px;
}
.hero-banner.style-6 .hero-banner-content .civi-modern-heading {
  max-width: 420px;
  margin-bottom: 30px;
}
.hero-banner.style-6 .hero-banner-content .civi-modern-heading .heading-primary {
  font-size: 46px;
  line-height: 1.25em;
}
.hero-banner.style-6 .hero-banner-content .civi-modern-heading .heading-primary span, .hero-banner.style-6 .hero-banner-content .civi-modern-heading .heading-primary mark {
  position: relative;
  z-index: 2;
}
.hero-banner.style-6 .hero-banner-content .civi-modern-heading .heading-primary span:before, .hero-banner.style-6 .hero-banner-content .civi-modern-heading .heading-primary mark:before {
  background-image: url("/themes/civi/images/mark-heading.png");
  content: "";
  width: 100%;
  position: absolute;
  background-size: 100%;
  background-repeat: no-repeat;
  top: 70%;
  height: 100%;
  z-index: -1;
}
.hero-banner.style-6 .hero-banner-content .hero-banner-right {
  padding-left: 95px;
  margin-top: 55px;
}
.hero-banner.style-6 .hero-banner-content .hero-banner-right .art {
  max-width: 116px;
  position: absolute;
  top: 175px;
  left: 40px;
  z-index: 1;
}
.hero-banner.style-6 .hero-banner-content .hero-banner-right .banner-img {
  position: relative;
  bottom: -115px;
  border-radius: 16px;
  width: 100%;
  height: auto;
}
.hero-banner.style-6 .hero-banner-content .hero-banner-right .banner-img-2 {
  position: absolute;
  max-width: 276px;
  height: auto;
  left: 50px;
  bottom: 230px;
}
.hero-banner.style-6 .hero-banner-content .hero-banner-right .banner-img-3 {
  position: absolute;
  max-width: 276px;
  height: auto;
  left: 50px;
  bottom: 80px;
}
@media (max-width: 1024px) {
  .hero-banner.style-6 .hero-banner-content .banner-left-overlay {
    width: 100%;
  }
  .hero-banner.style-6 .hero-banner-content .civi-modern-heading .heading-primary {
    font-size: 34px;
  }
  .hero-banner.style-6 .hero-banner-content .hero-content-left {
    padding-bottom: 30px;
  }
  .hero-banner.style-6 .hero-banner-content .hero-banner-right {
    display: none;
  }
}
.hero-banner.style-6 .civi-search-horizontal .civi-form-location {
  border-left: 0;
  border-right: 1px solid var(--civi-color-border);
}
@media (min-width: 568px) {
  .hero-banner.style-6 .civi-search-horizontal .form-group:last-child {
    padding-left: 14px;
  }
}
@media (max-width: 567px) {
  .hero-banner.style-6 .civi-search-horizontal .civi-form-location {
    border-right: 0;
  }
}
.hero-banner.style-6 .hero-content-bottom {
  padding-top: 30px;
  margin-bottom: 20px;
}
.hero-banner.style-6 .hero-content-bottom .brands-list-wrap .brands-title {
  font-size: 18px;
}
.hero-banner.style-6 .hero-content-bottom .brands-list-wrap .brands-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  margin-bottom: 15px;
}
.hero-banner.style-6 .hero-content-bottom .brands-list-wrap .brands-list .brand-item {
  width: 88px;
  height: 50px;
  margin-right: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-banner.style-6 .hero-content-bottom .brands-list-wrap .brands-list .brand-item img {
  max-width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .hero-banner.style-6 .hero-banner-content {
    padding: 0;
  }
  .hero-banner.style-6 .hero-content-bottom .brands-list-wrap .brands-title {
    font-size: 16px;
  }
}
.hero-banner.style-7 {
  z-index: 1;
}
@media (max-width: 1023px) {
  .hero-banner.style-7 {
    background: none !important;
  }
}
.hero-banner.style-7 .height-100vh {
  min-height: 100vh;
}
@media (max-width: 1023px) {
  .hero-banner.style-7 .height-100vh {
    min-height: 50vh;
  }
}
.hero-banner.style-7 .heading-primary {
  font-size: 56px;
  font-weight: 700;
  font-style: normal;
}
@media (max-width: 1023px) {
  .hero-banner.style-7 .heading-primary {
    font-size: 28px;
  }
}
.hero-banner.style-7 .heading-description {
  font-size: 18px;
  margin-bottom: 30px;
}
.hero-banner.style-7 .z-index-10 {
  z-index: 10;
}
.hero-banner.style-7 .bounce {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 0;
  background: #ccc;
  border-radius: 50%;
  top: 50%;
  opacity: 0.7;
}
.hero-banner.style-7 .bounce.bounce-1 {
  width: 300px;
  height: 300px;
  left: 0;
  transform: translate(-50%, -50%);
  top: 50%;
  background: #f9e8ae;
}
.hero-banner.style-7 .bounce.bounce-2 {
  width: 120px;
  height: 120px;
  left: 24%;
  bottom: 22%;
  top: auto;
  background: #c3d8d1;
}
.hero-banner.style-7 .bounce.bounce-3 {
  width: 80px;
  height: 80px;
  left: 30%;
  top: 22%;
  background: #c3d8d1;
}
.hero-banner.style-7 .bounce.bounce-4 {
  width: 200px;
  height: 200px;
  left: 50%;
  bottom: 20%;
  top: auto;
  background: #f9e8ae;
}
.hero-banner.style-9 .hero-banner-content {
  padding: 42px 0 95px 0;
}
@media (max-width: 767px) {
  .hero-banner.style-9 .hero-banner-content {
    padding: 40px 0 10px 0;
  }
}
.hero-banner.style-9 .hero-banner-content .row {
  align-items: center;
}
.hero-banner.style-9 .hero-banner-content .content-column, .hero-banner.style-9 .hero-banner-content .image-column {
  padding: 15px;
}
.hero-banner.style-9 .hero-banner-content .civi-header-title {
  color: #111111;
  font-weight: 500;
  margin-bottom: 10px;
}
.hero-banner.style-9 .hero-banner-content .civi-fancy-heading {
  width: 100%;
  max-width: 440px;
  font-size: 56px;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 20px !important;
}
@media (max-width: 767px) {
  .hero-banner.style-9 .hero-banner-content .civi-fancy-heading {
    font-size: 34px;
    max-width: 300px;
  }
}
.hero-banner.style-9 .hero-banner-content .civi-fancy-heading .civi-fancy-heading-animated b {
  font-weight: 600;
  color: #007456;
}
@media (max-width: 767px) {
  .hero-banner.style-9 .hero-banner-content .image-column {
    display: none;
  }
}
.hero-banner.style-9 .hero-banner-content .image-column .image-content {
  position: relative;
  height: 100%;
  text-align: right;
}
.hero-banner.style-9 .hero-banner-content .image-column .image-content .dots-background {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}
.hero-banner.style-9 .hero-banner-content .image-column .image-content .dots-background > * {
  position: absolute;
}
.hero-banner.style-9 .hero-banner-content .image-column .image-content .dots-background .dots-1 {
  top: 55px;
  left: 30px;
}
.hero-banner.style-9 .hero-banner-content .image-column .image-content .dots-background .dots-2 {
  bottom: -10px;
  left: 25px;
}
.hero-banner.style-9 .hero-banner-content .image-column .image-content .dots-background .dots-3 {
  bottom: 40px;
  right: 35px;
}
.hero-banner.style-9 .hero-banner-content .image-column .image-content .image-counter-list {
  position: relative;
  z-index: 1;
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 510px;
}
.hero-banner.style-9 .hero-banner-content .image-column .image-content .image-counter-list .image-item {
  flex: 0 0 50%;
  padding: 12px;
}
.hero-banner.style-9 .hero-banner-content .image-column .image-content .image-counter-list .image-item .civi-box .content-wrap .content {
  border-radius: 50%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: rgba(0, 116, 86, 0.0509803922);
}
.hero-banner.style-9 .hero-banner-content .image-column .image-content .image-counter-list .image-item .civi-box .content-wrap .content .title {
  color: #111111;
  font-size: 46px;
}
.hero-banner.style-9 .hero-banner-content .image-column .image-content .image-counter-list .image-item .civi-box .content-wrap .content .description {
  margin-top: -10px;
  color: #EC0808;
  font-size: 20px;
}
.hero-banner.style-9 .hero-banner-content .image-column .image-content .image-counter-list .image-item:last-child .civi-box .content-wrap .content {
  border-radius: 0 0 50% 0;
}

.banner-section-three {
  padding-top: 130px;
}
.banner-section-three .civi-sub-title {
  color: #111111;
  font-size: 18px;
  max-width: 425px;
}
.banner-section-three .civi-fancy-heading .civi-fancy-heading-before {
  font-size: 46px;
  font-weight: 600;
}
.banner-section-three .civi-fancy-heading .civi-fancy-heading-before span {
  color: #007456;
}
.banner-section-three .image-column {
  text-align: right;
}
.banner-section-three .image-column img {
  vertical-align: middle;
  display: inline-block;
  height: auto;
  max-width: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none;
  width: auto;
}
.banner-section-three .CiviFadeInRight.animated {
  animation-duration: 1s;
}
.banner-section-three .counter-hero-banner {
  width: 60%;
  display: flex;
  position: relative;
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 768px) {
  .banner-section-three .counter-hero-banner .col-50 {
    width: 50%;
    --widgets-spacing: 20px;
  }
}
.banner-section-three .counter-hero-banner .counter {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: none;
  padding: 0;
}
.banner-section-three .counter-hero-banner .counter .counter-number-wrapper {
  display: flex;
  font-weight: 600;
  line-height: 1;
}
.banner-section-three .counter-hero-banner .counter .counter-number-wrapper .counter-number, .banner-section-three .counter-hero-banner .counter .counter-number-wrapper .counter-number-suffix {
  font-size: 34px;
  color: #007456;
}
.banner-section-three .counter-hero-banner .counter .counter-title {
  text-align: center;
  font-weight: 400;
  line-height: 2.5;
}
.banner-section-three .counter-hero-banner .col-50:last-child {
  padding: 0px 0px 0px 35px;
  border-style: solid;
  border-width: 0px 0px 0px 1px;
  border-color: #DDDDDD;
}

.banner-section-eight {
  padding-top: 100px;
  padding-bottom: 50px;
}
.banner-section-eight .civi-sub-title {
  color: #111111;
  font-size: 18px;
}
.banner-section-eight .civi-title {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.3;
}
.banner-section-eight .civi-fancy-heading .civi-fancy-heading-before {
  font-size: 56px;
  font-weight: 600;
}
.banner-section-eight .civi-fancy-heading .civi-fancy-heading-before span {
  color: #007456;
}
@media (max-width: 766px) {
  .banner-section-eight .civi-fancy-heading .civi-fancy-heading-before {
    font-size: 34px;
    margin-top: 20px;
  }
}
.banner-section-eight .image-column {
  text-align: center;
}
.banner-section-eight .image-column img {
  vertical-align: middle;
  display: inline-block;
  height: auto;
  max-width: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none;
  width: auto;
}
.banner-section-eight .image-column .absolute_image_2, .banner-section-eight .image-column .absolute_image_3 {
  position: absolute;
}
.banner-section-eight .image-column .absolute_image_2 {
  max-height: 70px;
  width: auto;
  right: 20%;
  bottom: 5%;
}
@media (max-width: 766px) {
  .banner-section-eight .image-column .absolute_image_2 {
    right: 0 !important;
  }
}
.banner-section-eight .image-column .absolute_image_3 {
  max-height: 70px;
  width: auto;
  left: 0;
  top: 60%;
}
.banner-section-eight .CiviFadeInRight {
  animation-name: CiviAnimationFadeInRight;
}
.banner-section-eight .CiviFadeInRight.animated {
  animation-duration: 1s;
}
.banner-section-eight .civi-list, .banner-section-eight .civi-list .item {
  font-size: 0;
}
.banner-section-eight .civi-list {
  max-width: 100%;
  margin-top: 50px;
}
.banner-section-eight .civi-list .link {
  display: inline-block;
  padding: 0;
  transition: none;
}
.banner-section-eight .civi-list .link .list-header {
  display: flex;
  align-items: center;
}
.banner-section-eight .civi-list .link .list-header .icon {
  flex-shrink: 0;
  font-size: 14px;
  margin-right: 10px;
  line-height: 1;
}
.banner-section-eight .civi-list .link .list-header .icon, .banner-section-eight .civi-list .link .list-header .text {
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.banner-section-eight .civi-list .link .list-header .text {
  font-size: 18px;
  font-weight: 600;
  color: #111111;
}
@media (max-width: 766px) {
  .banner-section-eight {
    padding-top: 80px;
  }
}

.banner-section-ten {
  padding-top: 200px;
}
@media (max-width: 766px) {
  .banner-section-ten {
    padding-top: 80px;
  }
}
.banner-section-ten .civi-sub-title {
  color: #111111;
  font-size: 18px;
  margin: 20px 0;
}
.banner-section-ten .civi-title {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.3;
}
.banner-section-ten .civi-fancy-heading {
  padding-right: 40px;
}
.banner-section-ten .civi-fancy-heading .civi-fancy-heading-before {
  font-size: 56px;
  font-weight: 600;
}
.banner-section-ten .civi-fancy-heading .civi-fancy-heading-before span {
  color: #007456;
}
@media (max-width: 766px) {
  .banner-section-ten .civi-fancy-heading .civi-fancy-heading-before {
    font-size: 34px;
    margin-top: 20px;
  }
}
.banner-section-ten .image-column {
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s, transform var(--e-transform-transition-duration, 0.4s);
}
@media (max-width: 766px) {
  .banner-section-ten .image-column {
    display: none;
  }
}
.banner-section-ten .image-column img {
  vertical-align: middle;
  display: inline-block;
  height: auto;
  max-width: 100%;
  border: none;
  box-shadow: none;
  border-radius: 16px;
}
.banner-section-ten .image-column .main-image-container {
  padding: 100px 0px 60px 70px;
  text-align: center;
  position: relative;
  z-index: 1;
}
.banner-section-ten .image-column .main-image-container .main-image {
  width: auto;
}
.banner-section-ten .image-column .sub_image_1 {
  position: absolute;
  width: auto;
  max-width: 100%;
  bottom: 24px;
  z-index: 0;
  left: 160px;
  margin-bottom: 0;
}
.banner-section-ten .image-column .sub_image_2 {
  position: absolute;
  width: auto;
  max-width: 100%;
  z-index: 0;
  margin-bottom: 0;
  right: 60px;
  bottom: 265px;
  border-radius: 0;
}
.banner-section-ten .image-column .absolute_image_2 {
  left: 0px;
  width: auto;
  bottom: 250px;
  position: absolute;
  z-index: 1;
  max-width: 100%;
}
.banner-section-ten .image-column .absolute_image_3 {
  right: 15px;
  width: auto;
  bottom: 15px;
  z-index: 0;
  position: absolute;
  max-width: 100%;
}
.banner-section-ten .image-column .civi-style-circular-motion {
  --civi-animation-jump-top: 3%;
  --civi-animation-jump-left: 3%;
  z-index: 1;
  animation: translateAnimation var(--civi-animation-delay) infinite ease-in-out alternate, zindexAnimation infinite ease-in-out;
  max-width: 100%;
  margin-bottom: 0;
}
.banner-section-ten .image-column .civi-style-circular-motion .civi-image {
  animation: scaleAnimation var(--civi-animation-delay) infinite ease-in-out alternate;
  transform: scale(0.5);
  animation-delay: calc(var(--civi-animation-delay) / -2);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.banner-section-ten .image-column .civi-style-circular-motion .civi-image img {
  vertical-align: middle;
  display: inline-block;
}
.banner-section-ten .image-column .civi-style-circular-motion.sub-1 {
  --civi-animation-transformX-0: 0px;
  --civi-animation-transformY-0: 0px;
  --civi-animation-transformX-100: -300px;
  --civi-animation-transformY-100: 350px;
  --civi-animation-delay: 3500ms;
  right: 90px;
  width: auto;
  top: 60px;
}
.banner-section-ten .image-column .civi-style-circular-motion.sub-2 {
  --civi-animation-transformX-0: -50px;
  --civi-animation-transformY-0: 0px;
  --civi-animation-transformX-100: 200px;
  --civi-animation-transformY-100: -300px;
  --civi-animation-delay: 2000ms;
  width: auto;
  bottom: 120px;
  left: 30px;
}
.banner-section-ten .image-column .civi-style-circular-motion.sub-3 {
  --civi-animation-transformX-0: 0px;
  --civi-animation-transformY-0: 0px;
  --civi-animation-transformX-100: 150px;
  --civi-animation-transformY-100: -250px;
  --civi-animation-delay: 2500ms;
  width: auto;
  left: 30px;
  bottom: 120px;
}
.banner-section-ten .image-column .civi-style-circular-motion.sub-4 {
  --civi-animation-transformX-0: 0px;
  --civi-animation-transformY-0: 0px;
  --civi-animation-transformX-100: 300px;
  --civi-animation-transformY-100: -200px;
  --civi-animation-delay: 3000ms;
  width: auto;
  bottom: 0px;
  right: 300px;
}

.hero-banner.style-12 {
  padding-top: 155px;
  padding-bottom: 130px;
}
.hero-banner.style-12 .civi-modern-heading {
  max-width: 460px;
  margin-bottom: 20px;
}
.hero-banner.style-12 .civi-modern-heading .civi-fancy-heading {
  font-size: 56px;
  font-weight: 600;
  line-height: 1.3;
}
.hero-banner.style-12 .civi-modern-heading .civi-fancy-heading .civi-fancy-heading-animated {
  color: var(--civi-color-accent);
}
.hero-banner.style-12 .civi-modern-heading .civi-fancy-heading .civi-fancy-heading-animated b {
  font-weight: 600;
}
.hero-banner.style-12 .right-banner {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.hero-banner.style-12 .right-banner .banner-image {
  position: absolute;
  left: -170px;
  bottom: -130px;
}
.hero-banner.style-12 .right-banner .banner-image .banner-img {
  max-width: 470px;
  height: auto;
}
.hero-banner.style-12 .right-banner .banner-image .art {
  position: absolute;
  top: 80px;
  right: 70px;
}
.hero-banner.style-12 .civi-search-vertical {
  background-color: #fff;
  border-radius: 16px;
  padding: 16px;
  width: 100%;
  max-width: 370px;
  position: relative;
  z-index: 1;
}
.hero-banner.style-12 .civi-search-vertical .tab-dashboard .tab-list {
  display: inline-flex;
  padding-top: 8px;
  margin-bottom: 26px;
  width: 100%;
}
.hero-banner.style-12 .civi-search-vertical .tab-dashboard .tab-list .tab-item {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 10px;
  margin-left: 0;
  width: 50%;
}
.hero-banner.style-12 .civi-search-vertical .tab-dashboard .tab-list .tab-item:before {
  left: 0;
}
@media (max-width: 767px) {
  .hero-banner.style-12 .civi-search-vertical .tab-dashboard .tab-list .tab-item {
    padding-left: 8px;
    padding-right: 8px;
  }
  .hero-banner.style-12 .civi-search-vertical .tab-dashboard .tab-list .tab-item a {
    font-size: 16px;
  }
}
.hero-banner.style-12 .civi-search-vertical .form-group {
  position: relative;
}
.hero-banner.style-12 .civi-search-vertical .form-group input[name=s], .hero-banner.style-12 .civi-search-vertical .form-group .input-search-location {
  padding-left: 45px;
}
.hero-banner.style-12 .civi-search-vertical .form-group i {
  position: absolute;
  top: 50%;
  left: 18px;
  transform: translateY(-50%);
  color: var(--civi-color-secondary);
  font-size: 20px;
  font-weight: 400;
  z-index: 1;
}
.hero-banner.style-12 .civi-search-vertical .form-group .nice-select {
  padding-left: 45px;
}
.hero-banner.style-12 .civi-search-vertical .form-group .icon-location {
  bottom: 11px;
}
.hero-banner.style-12 .civi-search-vertical .form-group:last-child {
  margin-bottom: 0;
}
.hero-banner.style-12 .civi-search-vertical .btn-search-vertical {
  width: 100%;
}
@media (max-width: 1199px) {
  .hero-banner.style-12 {
    padding-top: 125px;
  }
  .hero-banner.style-12 .inner-column {
    position: relative;
    z-index: 1;
  }
}
@media (max-width: 1023px) {
  .hero-banner.style-12 .inner-column {
    margin-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .hero-banner.style-12 {
    padding-top: 100px;
    padding-bottom: 60px;
  }
  .hero-banner.style-12 .hero-banner-content {
    padding-left: 0;
    padding-right: 0;
  }
  .hero-banner.style-12 .inner-column {
    margin-bottom: 40px;
  }
  .hero-banner.style-12 .civi-modern-heading .civi-fancy-heading {
    font-size: 34px;
  }
  .hero-banner.style-12 .right-banner {
    justify-content: center;
  }
  .hero-banner.style-12 .right-banner .banner-image {
    display: none;
  }
}

.list-brands {
  padding-top: 45px;
}
.list-brands .list-brands-wrap {
  padding: 15px 0;
}
.list-brands .list-brands-wrap .civi-modern-heading {
  text-align: center;
  margin-bottom: 20px;
}
.list-brands .list-brands-wrap .civi-modern-heading .heading-primary-wrap {
  padding-bottom: 15px;
}
.list-brands .list-brands-wrap .civi-modern-heading .heading-primary-wrap .heading-primary {
  font-size: 24px;
  font-weight: 500;
  color: #999999;
}
.list-brands .list-brands-wrap .civi-client-logo .modern-grid {
  grid-template-columns: repeat(6, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}
@media (max-width: 1024px) {
  .list-brands .list-brands-wrap .civi-client-logo .modern-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .list-brands .list-brands-wrap .civi-client-logo .modern-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.list-brands .list-brands-wrap .civi-client-logo .modern-grid .grid-item {
  display: flex;
  align-items: center;
  justify-content: center;
}

.job-section {
  padding: 25px 0 45px 0;
}
.job-section .civi-modern-heading {
  padding-bottom: 20px;
}
.job-section .civi-jobs .job-block {
  padding: 15px;
}
.job-section .civi-jobs .job-block .civi-jobs-item {
  border-color: #ffd75e;
}
.job-section .civi-jobs .job-block .civi-jobs-item .jobs-archive-header .jobs-status-inner {
  display: flex;
}
.job-section .civi-jobs .job-block .civi-jobs-item .jobs-archive-header .jobs-title-inner .jobs-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.job-section .civi-jobs .slick-arrow {
  width: 46px;
  height: 46px;
  line-height: 1;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  opacity: 0.8;
  top: calc(50% - 20px);
  border: none;
  font-size: 0;
}
.job-section .civi-jobs .slick-arrow:before {
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  color: #111;
  opacity: 1;
}
.job-section .civi-jobs .slick-arrow:hover {
  border-color: var(--civi-color-accent);
  background-color: var(--civi-color-accent);
  opacity: 1;
  color: var(--civi-color-accent);
}
.job-section .civi-jobs .slick-arrow:hover:before {
  color: #fff;
}
.job-section .civi-jobs .slick-arrow.slick-prev {
  left: -10px;
}
.job-section .civi-jobs .slick-arrow.slick-prev:before {
  content: "\f053";
}
.job-section .civi-jobs .slick-arrow.slick-next {
  right: -10px;
}
.job-section .civi-jobs .slick-arrow.slick-next:before {
  content: "\f054";
}
.job-section .civi-jobs .civi-grid-job {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-columns: repeat(2, 1fr);
}
.job-section .btn-box {
  padding-top: 15px;
}
.job-section .btn-box .civi-button {
  fill: #007456;
  color: #007456;
  border-color: #007456;
}
.job-section .btn-box .civi-button:hover {
  color: #fff;
}
.job-section.style-1, .job-section.style-3 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.job-section.style-1 .civi-jobs-item .jobs-archive-footer, .job-section.style-3 .civi-jobs-item .jobs-archive-footer {
  flex-wrap: wrap;
}
.job-section.style-1 .civi-jobs-item .jobs-archive-footer .jobs-footer-right, .job-section.style-3 .civi-jobs-item .jobs-archive-footer .jobs-footer-right {
  margin-top: 24px;
  width: 100%;
}
.job-section.style-1 .civi-slick-carousel, .job-section.style-3 .civi-slick-carousel {
  margin-left: -15px;
  margin-right: -15px;
}
.job-section.style-1 .civi-slick-carousel .slick-dots, .job-section.style-3 .civi-slick-carousel .slick-dots {
  position: relative;
  top: 15px;
}
.job-section.style-1 {
  background-color: #FFF;
}
.job-section.style-8 {
  background-color: #f2f8f6;
  padding: 45px 0;
}
.job-section.style-9 {
  padding: 105px 0px 85px 0px;
}
.job-section.style-9 .civi-modern-heading {
  text-align: center;
  margin-bottom: 20px;
}
.job-section.style-9 .civi-modern-heading .heading-primary-wrap, .job-section.style-9 .civi-modern-heading .heading-secondary-wrap {
  line-height: 1;
}
.job-section.style-9 .civi-modern-heading .heading-description-wrap {
  margin-top: 12px;
}
.job-section.style-9 .home3-grid-job {
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 20px;
}
.job-section.style-9 .home3-grid-job .jobs-status-inner {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .job-section.style-9 .home3-grid-job {
    grid-template-columns: repeat(1, 1fr);
    padding: 0;
  }
}
.job-section.style-9 .civi-button {
  padding: 15px 0px 0px 0px;
}
.job-section.style-9 .civi-button:hover {
  color: #007456;
}
.job-section.style-4 {
  background: #FAF6EB;
}
.job-section.style-5 {
  padding: 70px 0;
  background: #f9f9f9;
}
.job-section.style-5 .list-logos .item {
  margin: 0px 0px 12px 0px;
  padding: 24px 24px 24px 24px;
  background-color: rgba(0, 116, 86, 0.0509803922);
  border-radius: 16px 16px 16px 16px;
  text-align: center;
}
.job-section.custom-homepage-5 {
  padding: 40px 0 50px;
}

.block-job-6 .civi-pagination .pagination.loadmore .page-numbers {
  color: var(--civi-color-accent);
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  padding: 0;
  line-height: 1.3;
  position: relative;
  font-weight: 500;
}
.block-job-6 .civi-pagination .pagination.loadmore .page-numbers:before, .block-job-6 .civi-pagination .pagination.loadmore .page-numbers:after {
  content: "";
  height: 1px;
  display: block;
  position: absolute;
  background-color: var(--civi-color-accent);
  transition: width 0.3s;
}
.block-job-6 .civi-pagination .pagination.loadmore .page-numbers:before {
  left: 0;
  bottom: 0;
  width: 0;
  transition-delay: 0.3s;
}
.block-job-6 .civi-pagination .pagination.loadmore .page-numbers:after {
  right: 0;
  width: 100%;
  bottom: 0;
}
.block-job-6 .civi-pagination .pagination.loadmore .page-numbers:hover:before {
  width: 100%;
}
.block-job-6 .civi-pagination .pagination.loadmore .page-numbers:hover:after {
  width: 0;
}

.job-section.block-job-7 {
  background-color: #FFF !important;
  padding-bottom: 80px;
}
.job-section.block-job-7 .civi-pagination .pagination.loadmore .page-numbers {
  color: var(--civi-color-accent);
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  padding: 0;
  line-height: 1.3;
  position: relative;
  font-weight: 500;
}
.job-section.block-job-7 .civi-pagination .pagination.loadmore .page-numbers:before, .job-section.block-job-7 .civi-pagination .pagination.loadmore .page-numbers:after {
  content: "";
  height: 1px;
  display: block;
  position: absolute;
  background-color: var(--civi-color-accent);
  transition: width 0.3s;
}
.job-section.block-job-7 .civi-pagination .pagination.loadmore .page-numbers:before {
  left: 0;
  bottom: 0;
  width: 0;
  transition-delay: 0.3s;
}
.job-section.block-job-7 .civi-pagination .pagination.loadmore .page-numbers:after {
  right: 0;
  width: 100%;
  bottom: 0;
}
.job-section.block-job-7 .civi-pagination .pagination.loadmore .page-numbers:hover:before {
  width: 100%;
}
.job-section.block-job-7 .civi-pagination .pagination.loadmore .page-numbers:hover:after {
  width: 0;
}

.civi-jobs-category.elementor-position-left .icon-cate {
  margin-right: 18px;
}
.civi-jobs-category.elementor-position-right .cate-inner {
  flex-direction: row-reverse;
}
.civi-jobs-category.elementor-position-right .icon-cate {
  margin-left: 18px;
}
.civi-jobs-category.elementor-position-right .cate-content {
  text-align: right;
}
.civi-jobs-category.elementor-position-right .cate-inner, .civi-jobs-category.elementor-position-left .cate-inner {
  display: flex;
  align-items: center;
}
.civi-jobs-category.elementor-position-right .icon-cate, .civi-jobs-category.elementor-position-left .icon-cate {
  margin-bottom: 0;
}
.civi-jobs-category.elementor-position-right .cate-title, .civi-jobs-category.elementor-position-left .cate-title {
  margin-bottom: 2px;
}
.civi-jobs-category.elementor-position-right .cate-count, .civi-jobs-category.elementor-position-left .cate-count {
  margin-bottom: 0;
}
.civi-jobs-category .icon-cate {
  display: block;
}
.civi-jobs-category .icon-cate svg * {
  fill: currentColor;
}
.civi-jobs-category .cate-inner {
  background: rgba(0, 116, 86, 0.05);
  padding: 24px;
  border: 1px solid var(--civi-color-border);
  border-radius: 16px;
  position: relative;
  transition: box-shadow 0.3s;
  background-size: cover;
  background-repeat: no-repeat;
}
.civi-jobs-category .cate-inner:hover {
  box-shadow: 0 5px 12px 2px rgba(0, 0, 0, 0.05);
}
.civi-jobs-category .cate-inner:hover .icon-arrow {
  width: 90%;
  transition: width 0.3s;
}
.civi-jobs-category .cate-inner:hover .icon-arrow span {
  transition: opacity 0.3s;
  opacity: 1;
  font-size: 14px;
  padding-left: 15px;
}
.civi-jobs-category .cate-inner.view-cate {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.civi-jobs-category .cate-title {
  font-size: 18px;
  margin-bottom: 8px;
  line-height: 1.6;
}
.civi-jobs-category .cate-count {
  font-weight: 500;
}
.civi-jobs-category .cate-des {
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.civi-jobs-category .has-image .cate-inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--civi-color-accent);
  opacity: 0.8;
  border-radius: inherit;
}
.civi-jobs-category .has-image .icon-cate,
.civi-jobs-category .has-image .cate-content {
  position: relative;
  z-index: 2;
}
.civi-jobs-category .list-cate-item.text-style .cate-inner {
  background-color: transparent !important;
  border: 0;
  padding: 0;
  margin-top: 40px;
}
.civi-jobs-category .list-cate-item.text-style .cate-inner:hover {
  box-shadow: none;
}
.civi-jobs-category .icon-arrow {
  height: 42px;
  line-height: 42px;
  color: #fff;
  background-color: var(--civi-color-accent);
  margin-top: 50px;
  text-align: center;
  margin-top: 50px;
  border-radius: 100px;
  transition: width 0.3s;
  display: inline-flex;
  overflow: hidden;
  width: 42px;
}
.civi-jobs-category .icon-arrow span {
  opacity: 0;
  font-size: 0;
  transition: opacity 0.3s;
  display: inline-block;
}
.civi-jobs-category .icon-arrow i {
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  line-height: 42px;
  width: 42px;
}
.civi-jobs-category.civi-layout-01 .icon-cate {
  width: 54px;
  height: 54px;
  background-color: var(--civi-color-accent);
  font-size: 20px;
  border-radius: 50%;
  margin-bottom: 16px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.civi-jobs-category.civi-layout-02 .cate-inner {
  border-radius: 150px;
  padding: 50px 45px 32px;
  position: static;
}
.civi-jobs-category.civi-layout-02 .civi-image {
  border-radius: 150px;
  position: relative;
}
.civi-jobs-category.civi-layout-02 .civi-image .image {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  border-radius: 150px;
}
.civi-jobs-category.civi-layout-02 .civi-image .image img {
  height: 100%;
}
.civi-jobs-category.civi-layout-02 .cate-title {
  line-height: 1.45;
}
.civi-jobs-category.civi-layout-02 .icon-cate {
  background-color: transparent;
  font-size: 18px;
  margin-bottom: 24px;
}
.civi-jobs-category.civi-layout-02 .civi-link-item {
  z-index: 3;
}
.civi-jobs-category.civi-layout-02 .slick-list {
  padding-top: 30px;
}

.elementor-widget-civi-jobs-category.civi-layout-01 .elementor-carousel .slick-dots {
  position: relative;
  top: 15px;
}
.elementor-widget-civi-jobs-category.civi-layout-01 .elementor-carousel .slick-arrow {
  top: calc(50% - 20px);
}

.civi-jobs-list-multi {
  background-color: #FAF6EB;
  padding: 50px 0;
  position: relative;
}
.civi-jobs-list-multi .shape {
  z-index: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  width: 100%;
  line-height: 0;
  direction: ltr;
  top: 0;
}
.civi-jobs-list-multi .shape svg {
  width: calc(146% + 1.3px);
  height: 365px;
  display: block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.civi-jobs-list-multi .shape .shape-fill {
  fill: #F9F9F9;
  transform-origin: center;
  transform: rotateY(0deg);
}
.civi-jobs-list-multi .content {
  background: #fff;
}
.civi-jobs-list-multi .inner {
  border-radius: 10px;
  overflow: hidden;
}
.civi-jobs-list-multi .job-search-box {
  padding: 30px 0;
}
.civi-jobs-list-multi .job-search-box .content {
  padding: 24px;
}
.civi-jobs-list-multi .job-search-box .thumbnail img {
  width: 100%;
}
.civi-jobs-list-multi .job-search-box .title {
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  .civi-jobs-list-multi .job-search-box .title {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.civi-jobs-list-multi .job-search-box .list {
  padding: 0;
  margin: 0 0 24px;
  list-style: none;
}
.civi-jobs-list-multi .job-search-box .list li {
  margin-bottom: 6px;
}
.civi-jobs-list-multi .job-search-box .list li:last-child {
  margin-bottom: 0;
}
.civi-jobs-list-multi .job-search-box .list li span {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #007456;
  margin-left: 8px;
}
.civi-jobs-list-multi .job-search-box .civi-button {
  width: 100%;
  text-align: center;
}
@media (max-width: 1023px) {
  .civi-jobs-list-multi .civi-button {
    padding: 5px 10px;
    font-size: 14px;
  }
}

.job-categories {
  padding: 45px 0;
}
.job-categories .civi-modern-heading {
  padding-bottom: 45px;
}
.job-categories .civi-modern-heading .heading-primary-wrap, .job-categories .civi-modern-heading .heading-secondary-wrap {
  line-height: 1;
}
.job-categories .civi-modern-heading .heading-title {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.3;
}
.job-categories .civi-modern-heading .heading-description, .job-categories .civi-modern-heading .heading-divider, .job-categories .civi-modern-heading .heading-primary, .job-categories .civi-modern-heading .heading-secondary {
  display: inline-block;
  margin-bottom: 0;
}
.job-categories .civi-modern-heading .heading-description-wrap {
  margin-top: 12px;
}
.job-categories .civi-modern-heading .heading-description-wrap .heading-description {
  font-size: 18px;
  line-height: 1.44;
}
.job-categories .civi-jobs-category .list-cate-item {
  margin-bottom: 30px;
}
.job-categories .civi-jobs-category .list-cate-item .cate-inner {
  background-color: rgba(0, 116, 86, 0.05);
  padding: 24px;
  border: 1px solid var(--civi-color-border);
  border-radius: 16px;
  position: relative;
  transition: box-shadow 0.3s;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}
.job-categories .civi-jobs-category .list-cate-item .cate-inner .icon-cate {
  width: 54px;
  height: 54px;
  font-size: 27px;
  border-radius: 50%;
  margin-right: 18px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: var(--civi-color-accent);
  color: #fff;
  display: inline-flex;
}
.job-categories .civi-jobs-category .list-cate-item .cate-inner .cate-content .cate-title {
  font-size: 18px;
  margin-bottom: 2px;
  line-height: 1.6;
}
.job-categories.style-4 {
  background: #FAF6EB;
}
.job-categories.style-4 .cate-inner {
  background-color: #FFFFFF;
  padding: 24px;
  border: 1px solid var(--civi-color-border);
  border-radius: 16px;
  position: relative;
  transition: box-shadow 0.3s;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 30px;
}
@media (max-width: 766px) {
  .job-categories.style-4 .cate-inner {
    padding: 20px;
  }
}
.job-categories.style-4 .cate-inner:hover {
  box-shadow: 0 5px 12px 2px rgba(0, 0, 0, 0.05);
}
.job-categories.style-4 .cate-inner:hover .icon-arrow {
  width: 90%;
  transition: width 0.3s;
}
.job-categories.style-4 .cate-inner:hover .icon-arrow span {
  transition: opacity 0.3s;
  opacity: 1;
  font-size: 14px;
  padding-left: 15px;
}
.job-categories.style-4 .cate-inner.view-cate {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.job-categories.style-4 .cate-title {
  font-size: 18px;
  margin-bottom: 8px;
  line-height: 1.6;
}
.job-categories.style-4 .cate-count {
  font-weight: 500;
}
.job-categories.style-4 .cate-des {
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.job-categories.style-4 .icon-cate {
  width: 60px;
  height: 60px;
  font-size: 25px;
  border-radius: 50%;
  margin-bottom: 16px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #007456;
  background-color: rgba(0, 116, 86, 0.0509803922);
  display: flex;
}
.job-categories.style-5 {
  padding: 45px 0 0;
}
.job-categories.style-5 .civi-modern-heading {
  padding-bottom: 0;
}
.job-categories.style-5 .civi-modern-heading .heading-primary-wrap .civi-heading-title {
  font-size: 34px;
}
.job-categories.style-5 .civi-jobs-category-wrap {
  margin: 0 -15px;
}
.job-categories.style-5 .civi-jobs-category-wrap .civi-jobs-category .list-cate-item {
  padding: 15px;
  margin-bottom: 0;
}
.job-categories.style-5 .civi-jobs-category-wrap .civi-jobs-category .list-cate-item:hover .civi-image img {
  transform: scale3d(1.1, 1.1, 1.1);
}
.job-categories.style-5 .civi-jobs-category-wrap .civi-jobs-category .list-cate-item .civi-image {
  overflow: hidden;
  border-radius: 150px;
  position: relative;
}
.job-categories.style-5 .civi-jobs-category-wrap .civi-jobs-category .list-cate-item .civi-image img {
  transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
}
.job-categories.style-5 .civi-jobs-category-wrap .civi-jobs-category .list-cate-item .civi-image .cate-inner {
  padding: 40px 30px;
  border-radius: 150px;
  position: static;
  display: block;
}
.job-categories.style-5 .civi-jobs-category-wrap .civi-jobs-category .list-cate-item .civi-image .cate-inner .icon-cate {
  width: 100%;
  height: auto;
  background: transparent;
  margin-right: 0;
}
.job-categories.style-5 .civi-jobs-category-wrap .civi-jobs-category .list-cate-item .civi-image .cate-inner .cate-content {
  color: #fff;
  text-align: center;
}
.job-categories.style-5 .civi-jobs-category-wrap .civi-jobs-category .list-cate-item .civi-image .cate-inner .cate-content .cate-title {
  color: white;
  line-height: 1.3em;
  min-height: 47px;
  margin-bottom: 8px;
}
.job-categories.style-5 .civi-jobs-category-wrap .civi-jobs-category .list-cate-item .civi-image .cate-inner .cate-content .cate-count {
  margin: 0;
  min-height: 24px;
}
.job-categories.style-5 .civi-jobs-category-wrap .civi-jobs-category .slick-arrow {
  width: 46px;
  height: 46px;
  line-height: 1;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  opacity: 0.8;
  top: calc(50% - 20px);
  border: none;
  font-size: 0;
}
.job-categories.style-5 .civi-jobs-category-wrap .civi-jobs-category .slick-arrow:before {
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  color: #111;
  opacity: 1;
}
.job-categories.style-5 .civi-jobs-category-wrap .civi-jobs-category .slick-arrow:hover {
  border-color: var(--civi-color-accent);
  background-color: var(--civi-color-accent);
  opacity: 1;
  color: var(--civi-color-accent);
}
.job-categories.style-5 .civi-jobs-category-wrap .civi-jobs-category .slick-arrow:hover:before {
  color: #fff;
}
.job-categories.style-5 .civi-jobs-category-wrap .civi-jobs-category .slick-arrow.slick-prev {
  left: -10px;
}
.job-categories.style-5 .civi-jobs-category-wrap .civi-jobs-category .slick-arrow.slick-prev:before {
  content: "\f053";
}
.job-categories.style-5 .civi-jobs-category-wrap .civi-jobs-category .slick-arrow.slick-next {
  right: -10px;
}
.job-categories.style-5 .civi-jobs-category-wrap .civi-jobs-category .slick-arrow.slick-next:before {
  content: "\f054";
}
.job-categories.style-9 .job-cate-heading-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.job-categories.style-9 .job-cate-heading-wrap .civi-modern-heading {
  width: 570px;
  padding: 0;
}
.job-categories.style-9 .civi-jobs-grid {
  padding: 20px 0px 0px 0px;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  display: grid;
}
.job-categories.style-9 .civi-jobs-grid .list-cate-item-6 .cate-inner {
  background: #FFFFFF;
}
.job-categories.style-9 .civi-jobs-grid .list-cate-item-6 .cate-count {
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .job-categories.style-9 .civi-jobs-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}

.bc-slide-categories.style-1, .bc-slide-categories.style-8 {
  padding-top: 45px;
}
.bc-slide-categories.style-1 .civi-slick-carousel.slick-dotted, .bc-slide-categories.style-8 .civi-slick-carousel.slick-dotted {
  margin-bottom: 30px;
}
.bc-slide-categories.style-1 .civi-slick-carousel, .bc-slide-categories.style-8 .civi-slick-carousel {
  margin-left: -15px;
  margin-right: -15px;
  padding-top: 25px;
}
.bc-slide-categories.style-1 .civi-slick-carousel .slick-dots, .bc-slide-categories.style-8 .civi-slick-carousel .slick-dots {
  top: 0;
}
.bc-slide-categories.style-1 .list-cate-item, .bc-slide-categories.style-8 .list-cate-item {
  padding: 15px;
}
.bc-slide-categories.style-1 .list-cate-item .cate-inner, .bc-slide-categories.style-8 .list-cate-item .cate-inner {
  background: rgba(0, 116, 86, 0.05);
  padding: 24px;
  border: 1px solid var(--civi-color-border);
  border-radius: 16px;
  position: relative;
  transition: box-shadow 0.3s;
  background-size: cover;
  background-repeat: no-repeat;
}
.bc-slide-categories.style-1 .list-cate-item .cate-inner .icon-cate, .bc-slide-categories.style-8 .list-cate-item .cate-inner .icon-cate {
  background-color: var(--civi-color-accent);
  color: #fff;
  display: inline-flex;
  width: 54px;
  height: 54px;
  font-size: 20px;
  border-radius: 50%;
  margin-bottom: 16px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.bc-slide-categories.style-1 .list-cate-item .cate-inner .cate-title, .bc-slide-categories.style-8 .list-cate-item .cate-inner .cate-title {
  font-size: 18px;
  margin-bottom: 8px;
  line-height: 1.6;
}
.bc-slide-categories.style-1 .list-cate-item .cate-inner .cate-count, .bc-slide-categories.style-8 .list-cate-item .cate-inner .cate-count {
  font-weight: 500;
  margin-bottom: 0;
}
.bc-slide-categories.style-1 .list-cate-item .cate-inner .cate-des, .bc-slide-categories.style-8 .list-cate-item .cate-inner .cate-des {
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.bc-slide-categories.style-1 .slick-arrow, .bc-slide-categories.style-8 .slick-arrow {
  top: calc(50% - 20px);
  width: 46px;
  height: 46px;
  line-height: 1;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  opacity: 0.8;
  font-size: 18px;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}
.bc-slide-categories.style-1 .slick-arrow.gl-next, .bc-slide-categories.style-8 .slick-arrow.gl-next {
  right: -25px;
}
.bc-slide-categories.style-1 .slick-arrow:hover, .bc-slide-categories.style-8 .slick-arrow:hover {
  color: #FFF;
  background-color: var(--civi-color-accent);
}
@media (max-width: 767px) {
  .bc-slide-categories.style-1 .slick-arrow, .bc-slide-categories.style-8 .slick-arrow {
    display: none !important;
  }
}

.bc-slide-categories.style-8 {
  padding: 105px 0;
}
@media (max-width: 766px) {
  .bc-slide-categories.style-8 {
    padding: 80px 0 0 0;
  }
}
.bc-slide-categories.style-8 .cate-inner {
  display: flex;
  padding: 16px !important;
}
.bc-slide-categories.style-8 .cate-inner .icon-cate {
  margin-right: 18px;
}
.bc-slide-categories.style-8 .job-banner-image {
  width: 40%;
  display: flex;
  padding: 15px;
  align-content: center;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
  min-height: 1px;
}
@media (max-width: 766px) {
  .bc-slide-categories.style-8 .job-banner-image {
    width: 100%;
  }
}
.bc-slide-categories.style-8 .job-banner-image .image-main {
  padding-left: 100px;
}
.bc-slide-categories.style-8 .job-banner-image img {
  height: auto;
  max-width: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.bc-slide-categories.style-8 .job-banner-image .civi-style-circular-motion {
  --civi-animation-jump-top: 3%;
  --civi-animation-jump-left: 3%;
  z-index: 1;
  animation: translateAnimation var(--civi-animation-delay) infinite ease-in-out alternate, zindexAnimation infinite ease-in-out;
  max-width: 100%;
  margin-bottom: 0;
}
.bc-slide-categories.style-8 .job-banner-image .civi-style-circular-motion .civi-image {
  animation: scaleAnimation var(--civi-animation-delay) infinite ease-in-out alternate;
  transform: scale(0.5);
  animation-delay: calc(var(--civi-animation-delay) / -2);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.bc-slide-categories.style-8 .job-banner-image .civi-style-circular-motion .civi-image img {
  vertical-align: middle;
  display: inline-block;
}
.bc-slide-categories.style-8 .job-banner-image .civi-style-circular-motion.sub-0 {
  top: 0;
  right: 20%;
}
.bc-slide-categories.style-8 .job-banner-image .civi-style-circular-motion.sub-1 {
  --civi-animation-transformX-0: 100px;
  --civi-animation-transformY-0: -100px;
  --civi-animation-transformX-100: 300px;
  --civi-animation-transformY-100: -195px;
  --civi-animation-delay: 3500ms;
  left: 0;
  width: auto;
  bottom: 0;
}
@media (max-width: 766px) {
  .bc-slide-categories.style-8 .job-banner-image .civi-style-circular-motion.sub-1 {
    display: none;
  }
}
.bc-slide-categories.style-8 .job-banner-image .civi-style-circular-motion.sub-2 {
  --civi-animation-transformX-0: 150px;
  --civi-animation-transformY-0: -100px;
  --civi-animation-transformX-100: 400px;
  --civi-animation-transformY-100: -185px;
  --civi-animation-delay: 2500ms;
  left: -100px;
  top: 50%;
  width: auto;
}
@media (max-width: 766px) {
  .bc-slide-categories.style-8 .job-banner-image .civi-style-circular-motion.sub-2 {
    display: none;
  }
}
.bc-slide-categories.style-8 .job-banner-image .civi-style-circular-motion.sub-3 {
  --civi-animation-transformX-0: 100px;
  --civi-animation-transformY-0: -50px;
  --civi-animation-transformX-100: 300px;
  --civi-animation-transformY-100: -185px;
  --civi-animation-delay: 3500ms;
  width: auto;
  top: 50%;
  left: -100px;
}
@media (max-width: 766px) {
  .bc-slide-categories.style-8 .job-banner-image .civi-style-circular-motion.sub-3 {
    display: none;
  }
}
.bc-slide-categories.style-8 .job-banner-image .civi-style-circular-motion.sub-4 {
  --civi-animation-transformX-0: 50px;
  --civi-animation-transformY-0: -100px;
  --civi-animation-transformX-100: 300px;
  --civi-animation-transformY-100: -95px;
  --civi-animation-delay: 3000ms;
  width: auto;
  bottom: 49.991px;
  left: 51.454px;
}
@media (max-width: 766px) {
  .bc-slide-categories.style-8 .job-banner-image .civi-style-circular-motion.sub-4 {
    display: none;
  }
}
.bc-slide-categories.style-8 .job-information-list {
  width: 60%;
}
@media (max-width: 766px) {
  .bc-slide-categories.style-8 .job-information-list {
    width: 100%;
    padding: 20px;
  }
}

.civi-modern-heading .heading-primary {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.3;
}
.civi-modern-heading .heading-description-wrap {
  margin-top: 12px;
}
.civi-modern-heading .heading-description-wrap .heading-description {
  font-size: 18px;
  line-height: 1.44;
}

.job-categories.style-6 {
  padding-top: 70px;
  padding-bottom: 105px;
}
.job-categories.style-6 .list-categories-6 {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 991px) {
  .job-categories.style-6 {
    padding-top: 40px;
    padding-bottom: 60px;
  }
  .job-categories.style-6 .list-categories-6 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 567px) {
  .job-categories.style-6 .list-categories-6 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.list-cate-item-6 {
  text-align: left;
}
.list-cate-item-6 .cate-inner {
  height: 100%;
  background: rgba(0, 116, 86, 0.05);
  padding: 24px;
  border: 1px solid var(--civi-color-border);
  border-radius: 16px;
  position: relative;
  transition: box-shadow 0.3s;
  background-size: cover;
  background-repeat: no-repeat;
}
.list-cate-item-6 .cate-inner .icon-cate {
  display: inline-flex;
  background-color: var(--civi-color-accent);
  color: #fff;
  width: 54px;
  height: 54px;
  font-size: 20px;
  border-radius: 50%;
  margin-bottom: 16px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.list-cate-item-6 .cate-inner .cate-content .cate-title {
  font-size: 18px;
  margin-bottom: 8px;
  line-height: 1.6;
}
.list-cate-item-6 .cate-inner .cate-content .cate-count {
  font-weight: 500;
  margin-bottom: 0;
}
.list-cate-item-6 .cate-inner .civi-link-item {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.list-locations {
  padding: 60px 0;
}
.list-locations .civi-modern-heading {
  margin-bottom: 40px;
}
.list-locations .civi-jobs-location .list-cate-item {
  padding-left: 15px;
  padding-right: 15px;
}
.list-locations .civi-jobs-location .list-cate-item .cate-inner {
  text-align: center;
}
.list-locations .civi-jobs-location .list-cate-item .cate-inner .feature-block .inner-box .image {
  width: 100%;
  height: 350px;
  border-radius: 16px;
  overflow: hidden;
}
.list-locations .civi-jobs-location .list-cate-item .cate-inner .feature-block .inner-box .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.list-locations .civi-jobs-location .list-cate-item .cate-inner .feature-block .inner-box .overlay-box {
  margin-top: 20px;
}
.list-locations .civi-jobs-location .slick-arrow {
  width: 46px;
  height: 46px;
  line-height: 1;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  opacity: 0.8;
  top: calc(50% - 20px);
  border: none;
  font-size: 0;
}
.list-locations .civi-jobs-location .slick-arrow:before {
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  color: #111;
  opacity: 1;
}
.list-locations .civi-jobs-location .slick-arrow:hover {
  border-color: var(--civi-color-accent);
  background-color: var(--civi-color-accent);
  opacity: 1;
  color: var(--civi-color-accent);
}
.list-locations .civi-jobs-location .slick-arrow:hover:before {
  color: #fff;
}
.list-locations .civi-jobs-location .slick-arrow.slick-prev {
  left: -10px;
}
.list-locations .civi-jobs-location .slick-arrow.slick-prev:before {
  content: "\f053";
}
.list-locations .civi-jobs-location .slick-arrow.slick-next {
  right: -10px;
}
.list-locations .civi-jobs-location .slick-arrow.slick-next:before {
  content: "\f054";
}
.list-locations.style_2 .civi-jobs-list-item {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}
@media (max-width: 767px) {
  .list-locations.style_2 .civi-jobs-list-item {
    grid-template-columns: repeat(1, 1fr);
  }
}
.list-locations.style_2 .civi-jobs-list-item .list-cate-item {
  position: relative;
  margin-bottom: 20px;
}
.list-locations.style_2 .civi-jobs-list-item .list-cate-item:hover .cate-inner .feature-block .inner-box .image img {
  transform: scale3d(1.1, 1.1, 1.1);
}
.list-locations.style_2 .civi-jobs-list-item .list-cate-item .cate-inner .feature-block .inner-box {
  padding: 24px 24px 24px 32px;
  border-radius: 16px;
  border: 1px solid #EEEEEE;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.list-locations.style_2 .civi-jobs-list-item .list-cate-item .cate-inner .feature-block .inner-box .image {
  order: 2;
  width: 84px;
  height: 84px;
  border-radius: 50%;
  overflow: hidden;
}
.list-locations.style_2 .civi-jobs-list-item .list-cate-item .cate-inner .feature-block .inner-box .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
}
.list-locations.style_2 .civi-jobs-list-item .list-cate-item .cate-inner .feature-block .inner-box .overlay-box .overlay-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.list-locations.style_2 .civi-btn {
  padding-top: 20px;
  text-align: center;
}
.list-locations.style_2 .civi-btn .civi-button {
  fill: #007456;
  color: #007456;
  border-color: #007456;
}
.list-locations.style_2 .civi-btn .civi-button:hover {
  color: #fff;
}

.civi-pricing-section {
  padding: 60px 0 35px;
}
.civi-pricing-section .civi-modern-heading {
  margin-bottom: 40px;
}
.civi-pricing-section .civi-package-wrap .civi-package-item.active {
  border-color: #ffe180;
}
.civi-pricing-section .civi-package-wrap .civi-package-item .civi-package-price sup {
  margin-right: -7px;
}
.civi-pricing-section .civi-package-wrap .civi-package-item .list-featured ul, .civi-pricing-section .civi-package-wrap .civi-package-item .list-featured ol {
  font-size: 16px;
  line-height: 1.5;
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  margin-top: 32px;
}
.civi-pricing-section .civi-package-wrap .civi-package-item .list-featured ul li, .civi-pricing-section .civi-package-wrap .civi-package-item .list-featured ol li {
  font-weight: 500;
}
.civi-pricing-section .civi-package-wrap .civi-package-item .list-featured ul li:before, .civi-pricing-section .civi-package-wrap .civi-package-item .list-featured ol li:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  color: var(--civi-color-accent);
  margin-right: 10px;
  font-weight: 900;
}
.civi-pricing-section .civi-package-wrap .civi-package-item .list-featured ul li + li, .civi-pricing-section .civi-package-wrap .civi-package-item .list-featured ol li + li {
  margin-top: 20px;
}
.civi-pricing-section.style-2 .civi-package-wrap .civi-package-item .civi-package-price {
  border-bottom: none;
}
.civi-pricing-section.style-2 .civi-package-wrap .civi-package-item .civi-package-choose {
  margin-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 32px;
}
.civi-pricing-section.style-2 .civi-package-item.active {
  background-color: #007456;
  border-color: #ffe180;
}
.civi-pricing-section.style-2 .civi-package-item.active .civi-package-title .entry-title, .civi-pricing-section.style-2 .civi-package-item.active ul.list-group li i {
  color: #ffd75e;
}
.civi-pricing-section.style-2 .civi-package-item.active .civi-package-choose .civi-button {
  color: #007456 !important;
  background-color: #ffd75e !important;
}
.civi-pricing-section.style-2 .civi-package-item.active .civi-package-price, .civi-pricing-section.style-2 .civi-package-item.active .list-featured {
  color: #fff;
}
.civi-pricing-section.style-2 .civi-package-item.active .list-featured ul li:before, .civi-pricing-section.style-2 .civi-package-item.active .list-featured ol li:before {
  color: #ffd75e;
}

.civi-testimonial.style_2 {
  padding: 60px 0;
  background: #FAF6EB;
}
.civi-testimonial.style_2 .civi-modern-heading {
  max-width: 475px;
  margin: 0 auto 38px;
}
.civi-testimonial.style_2 .civi-modern-heading .civi-heading-title {
  font-size: 34px;
}
.civi-testimonial.style_2 .civi-testimonial-style-03 .testimonial-inner {
  padding-left: 15px;
  padding-right: 15px;
  background: #FAF6EB;
}
.civi-testimonial.style_2 .civi-testimonial-style-03 .testimonial-inner .testimonial-item .info {
  padding: 20px 0 0;
}
.civi-testimonial.style_2 .civi-testimonial-style-03 .testimonial-inner .testimonial-item .info .image img {
  width: 64px;
  height: 64px;
}
.civi-testimonial.style_2 .civi-testimonial-style-03 .slick-arrow {
  width: 46px;
  height: 46px;
  line-height: 1;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  opacity: 0.8;
  border: none;
  font-size: 0;
}
@media (max-width: 767px) {
  .civi-testimonial.style_2 .civi-testimonial-style-03 .slick-arrow {
    display: none !important;
  }
}
.civi-testimonial.style_2 .civi-testimonial-style-03 .slick-arrow:before {
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  color: #111;
  opacity: 1;
}
.civi-testimonial.style_2 .civi-testimonial-style-03 .slick-arrow:hover {
  border-color: var(--civi-color-accent);
  background-color: var(--civi-color-accent);
  opacity: 1;
  color: var(--civi-color-accent);
}
.civi-testimonial.style_2 .civi-testimonial-style-03 .slick-arrow:hover:before {
  color: #fff;
}
.civi-testimonial.style_2 .civi-testimonial-style-03 .slick-arrow.slick-prev {
  left: -10px;
}
.civi-testimonial.style_2 .civi-testimonial-style-03 .slick-arrow.slick-prev:before {
  content: "\f053";
}
.civi-testimonial.style_2 .civi-testimonial-style-03 .slick-arrow.slick-next {
  right: -10px;
}
.civi-testimonial.style_2 .civi-testimonial-style-03 .slick-arrow.slick-next:before {
  content: "\f054";
}
.civi-testimonial.style_2 .civi-testimonial-style-03 .slick-dots {
  bottom: -50px;
}
.civi-testimonial.style-5 {
  padding: 100px 0;
  background: #f9f9f9;
}
.civi-testimonial.style-5 h2 {
  color: #007456;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.civi-testimonial.style-5 .testimonial-main-content {
  display: flex;
  justify-content: center;
}
.civi-testimonial.style-5 .content-wrap {
  text-align: left;
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
}
.civi-testimonial.style-5 .text {
  color: #111111;
  font-size: 24px;
  line-height: 1.2em;
}
.civi-testimonial.style-5 .info {
  padding: 20px 0 0;
  display: inline-flex;
  align-items: center;
  text-align: left;
}
.civi-testimonial.style-5 .image {
  flex-shrink: 0;
  margin: 0 10px 0 0;
}
.civi-testimonial.style-5 .image img {
  width: 65px;
  height: 65px;
  border-radius: 50%;
}
.civi-testimonial.style-5 .cite {
  font-style: normal;
}
.civi-testimonial.style-5 .name {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
}
.civi-testimonial.style-5 .position {
  display: block;
}
@media (max-width: 1023px) {
  .civi-testimonial.style-5 .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .civi-testimonial.style-5 .col-md-6:last-child {
    display: none;
  }
}

.home3-testomonial {
  background-color: #FAF6EB;
  background-image: url(/images/bg-home-03-3.webp?0cdfd5b7e9a44fdd6966c1645e6bff97);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  padding: 65px 0 45px 0;
  position: relative;
  width: 100%;
}
.home3-testomonial .home3-widget-civi-heading .home3-widget-container {
  display: flex;
  justify-content: center;
  padding: 0px 0px 10px 0px;
}
.home3-testomonial .home3-widget-civi-heading .home3-widget-container .civi-modern-heading {
  width: 500px;
}
.home3-testomonial .home3-widget-civi-heading .home3-widget-container .civi-modern-heading .heading-primary {
  font-size: 34px;
  font-weight: 600;
  line-height: 1.3;
}
.home3-testomonial .civi-slick-testimonial .testimonial-inner {
  padding-left: 15px;
  padding-right: 15px;
}
.home3-testomonial .civi-slick-testimonial .testimonial-inner .testimonial-item {
  position: relative;
  display: inline-block;
  width: 50%;
  max-width: 100%;
}
.home3-testomonial .civi-slick-testimonial .testimonial-inner .testimonial-item .testimonial-main-content {
  display: flex;
  justify-content: center;
}
.home3-testomonial .civi-slick-testimonial .testimonial-inner .testimonial-item .testimonial-main-content .content-wrap {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  text-align: center;
}
.home3-testomonial .civi-slick-testimonial .testimonial-inner .testimonial-item .testimonial-main-content .content-wrap .cite {
  font-style: normal;
}
.home3-testomonial .civi-slick-testimonial .testimonial-inner .testimonial-item .testimonial-main-content .content-wrap .name {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
}
.home3-testomonial .civi-slick-testimonial .testimonial-inner .testimonial-item .testimonial-main-content .content-wrap .position {
  margin-top: 8px;
  display: block;
}
.home3-testomonial .civi-slick-testimonial .testimonial-inner .testimonial-item .testimonial-main-content .content-wrap .content {
  margin-top: 24px;
}
.home3-testomonial .civi-slick-testimonial .testimonial-inner .testimonial-item .testimonial-main-content .content-wrap .content .text {
  font-size: 20px;
}
.home3-testomonial .civi-slick-testimonial .testimonial-inner .testimonial-item .testimonial-main-content .content-wrap .image {
  padding-top: 40px;
}
.home3-testomonial .civi-slick-testimonial .testimonial-inner .testimonial-item .testimonial-main-content .content-wrap .image img {
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
}
.home3-testomonial .slick-arrow {
  width: 46px;
  height: 46px;
  line-height: 1;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  opacity: 0.8;
  border: none;
  font-size: 0;
}
@media (max-width: 767px) {
  .home3-testomonial .slick-arrow {
    display: none !important;
  }
}
.home3-testomonial .slick-arrow:before {
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  color: #111;
  opacity: 1;
}
.home3-testomonial .slick-arrow:hover {
  border-color: var(--civi-color-accent);
  background-color: var(--civi-color-accent);
  opacity: 1;
  color: var(--civi-color-accent);
}
.home3-testomonial .slick-arrow:hover:before {
  color: #fff;
}
.home3-testomonial .slick-arrow.slick-prev {
  left: -10px;
}
.home3-testomonial .slick-arrow.slick-prev:before {
  content: "\f053";
}
.home3-testomonial .slick-arrow.slick-next {
  right: -10px;
}
.home3-testomonial .slick-arrow.slick-next:before {
  content: "\f054";
}
.home3-testomonial .slick-dots {
  bottom: -50px;
}

.block--testimonials {
  background-color: #FAF6EB;
  background-image: url("/themes/civi/images/world-maps-3.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto;
  padding: 60px 0;
}
.block--testimonials .civi-modern-heading {
  margin-bottom: 43px;
}
.block--testimonials .civi-slick-carousel {
  margin-left: -15px;
  margin-right: -15px;
}
.block--testimonials .civi-slick-carousel .slick-arrow {
  top: calc(50% - 20px);
  width: 46px;
  height: 46px;
  line-height: 1;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  opacity: 0.8;
  font-size: 18px;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}
.block--testimonials .civi-slick-carousel .slick-arrow.gl-next {
  right: -25px;
}
.block--testimonials .civi-slick-carousel .slick-arrow:hover {
  color: #FFF;
  background-color: var(--civi-color-accent);
}
@media (max-width: 767px) {
  .block--testimonials .civi-slick-carousel .slick-arrow {
    display: none !important;
  }
}
.block--testimonials .civi-slick-carousel .testimonial-inner {
  padding-left: 15px;
  padding-right: 15px;
}
.block--testimonials .testimonial-item {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  background-color: #fff;
  border-radius: 16px;
  padding: 40px 32px;
  border: 0;
}
.block--testimonials .testimonial-item .content-wrap {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  text-align: left;
}
.block--testimonials .testimonial-item .content-wrap .info {
  display: flex !important;
  align-items: center;
  position: relative;
  padding: 0 0 24px;
}
.block--testimonials .testimonial-item .content-wrap .info .testimonial-logo {
  content: "";
  position: absolute;
  right: 0;
}
.block--testimonials .testimonial-item .content-wrap .info .image {
  margin: 0 0 28px;
  margin-right: 20px !important;
  margin-bottom: 0 !important;
}
.block--testimonials .testimonial-item .content-wrap .info .image img {
  width: 64px;
  height: 64px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.block--testimonials .testimonial-item .content-wrap .info .cite {
  font-weight: normal;
}
.block--testimonials .testimonial-item .content-wrap .info .cite .name {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
}
.block--testimonials .testimonial-item .content-wrap .info .cite .position {
  margin-top: 3px;
  display: block;
}
.block--testimonials .testimonial-item .content-wrap .content .title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 14px;
}
.block--testimonials .testimonial-item .content-wrap .content .text {
  text-align: left;
}

.elementor-widget-civi-icon-box.civi-icon-box-style-02 .civi-icon-box:after, .elementor-widget-civi-icon-box .heading-divider:after, .elementor-widget-civi-icon-box .icon,
.elementor-widget-civi-icon-box .heading,
.elementor-widget-civi-icon-box .description,
.elementor-widget-civi-icon-box .icon-box-button, .elementor-widget-civi-icon-box .civi-icon-box:before, .elementor-widget-civi-icon-box .civi-icon-box, .svg-defs-gradient .stop-a,
.svg-defs-gradient .stop-b, .civi-icon .icon, .civi-team-member-style-03 .social-networks a, .civi-team-member-style-03 .social-networks, .civi-team-member-style-03 .info, .civi-team-member-style-03 .overlay, .civi-team-member-style-03 .photo, .civi-team-member-style-02 .social-networks a, .civi-team-member-style-02 .social-networks, .civi-team-member-style-02 .info, .civi-team-member-style-02 .overlay, .civi-team-member-style-02 .photo, .civi-team-member-style-01 .overlay, .civi-team-member-style-01 .photo, .civi-accordion .accordion-icon, .civi-accordion .accordion-title, .civi-accordion .accordion-header, .civi-gradation .count, .civi-image-box .image, .civi-image-box:before, .civi-image-box, .civi-list .text, .civi-list .icon, .civi-swiper:hover .swiper-nav-button, .civi-swiper .swiper-pagination-bullet:before, .civi-swiper.pagination-style-05 .swiper-pagination-bullet:after {
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.civi-list {
  font-size: 0;
  max-width: 100%;
}
.civi-list.toggle .heading {
  font-size: 16px;
  margin-bottom: 0;
}
.civi-list.toggle .heading i {
  display: none;
}
.civi-list.toggle .list-inner {
  margin-top: 30px;
}
.civi-list .item {
  font-size: 0;
}
.civi-list .list-header {
  display: flex;
  align-items: center;
}
.civi-list .link {
  display: inline-block;
  padding: 0;
  transition: none;
}
.civi-list .icon {
  flex-shrink: 0;
  font-size: 14px;
  margin-right: 10px;
  line-height: 1;
}
.civi-list .text {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
}
.civi-list .badge {
  font-size: 12px;
  padding: 2px 6px 3px;
  color: #fff;
  background-color: #ef2107;
  margin-left: 3px;
  border-radius: 3px;
  position: relative;
  bottom: 2px;
}

.civi-list-layout-block .item + .item {
  margin-top: 20px;
}

.civi-list-layout-inline .civi-list {
  margin-left: -15px;
  margin-right: -15px;
}
.civi-list-layout-inline .civi-list .item {
  display: inline-block;
  padding: 0 15px;
  margin-bottom: 12px;
}

.civi-list-layout-columns .civi-list {
  position: relative;
  min-height: 1px;
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.civi-list-layout-columns .item {
  padding: 0 15px;
  flex-grow: 1;
  flex: 1 1 50%;
}
.civi-list-layout-columns .item:nth-child(2) ~ .item {
  margin-top: 11px;
}

.civi-list-style-icon-border .civi-icon {
  border: 2px solid currentColor;
  border-radius: 50%;
  padding: 0.313em;
}

@media (max-width: 576px) {
  .civi-list.toggle {
    padding-top: 18px;
    padding-bottom: 18px;
    border-top: 1px solid var(--civi-color-border);
  }
  .civi-list.toggle .heading {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .civi-list.toggle .heading i {
    display: block;
    font-size: 14px;
  }
  .civi-list.toggle .list-inner {
    display: none;
  }
}
.elementor-widget-civi-icon-box.civi-icon-box-style-02 .civi-icon-box:after, .elementor-widget-civi-icon-box .heading-divider:after, .elementor-widget-civi-icon-box .icon,
.elementor-widget-civi-icon-box .heading,
.elementor-widget-civi-icon-box .description,
.elementor-widget-civi-icon-box .icon-box-button, .elementor-widget-civi-icon-box .civi-icon-box:before, .elementor-widget-civi-icon-box .civi-icon-box, .svg-defs-gradient .stop-a,
.svg-defs-gradient .stop-b, .civi-icon .icon, .civi-team-member-style-03 .social-networks a, .civi-team-member-style-03 .social-networks, .civi-team-member-style-03 .info, .civi-team-member-style-03 .overlay, .civi-team-member-style-03 .photo, .civi-team-member-style-02 .social-networks a, .civi-team-member-style-02 .social-networks, .civi-team-member-style-02 .info, .civi-team-member-style-02 .overlay, .civi-team-member-style-02 .photo, .civi-team-member-style-01 .overlay, .civi-team-member-style-01 .photo, .civi-accordion .accordion-icon, .civi-accordion .accordion-title, .civi-accordion .accordion-header, .civi-gradation .count, .civi-image-box .image, .civi-image-box:before, .civi-image-box, .civi-swiper:hover .swiper-nav-button, .civi-swiper .swiper-pagination-bullet:before, .civi-swiper.pagination-style-05 .swiper-pagination-bullet:after, .civi-list .icon, .civi-list .text {
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.civi-image-box {
  position: relative;
  display: block;
  width: 100%;
}
.civi-image-box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
  border-radius: inherit;
}
.civi-image-box:hover:before {
  visibility: visible;
  opacity: 1;
}
.civi-image-box .content-wrap {
  position: relative;
  z-index: 1;
}
.civi-image-box.image-position-top {
  text-align: center;
}
.civi-image-box.image-position-top .image {
  margin-bottom: 29px;
}
.civi-image-box.image-position-left .content-wrap, .civi-image-box.image-position-right .content-wrap {
  display: flex;
}
.civi-image-box.image-position-left .image, .civi-image-box.image-position-right .image {
  flex-shrink: 0;
  max-width: 50%;
}
.civi-image-box.image-position-left .content, .civi-image-box.image-position-right .content {
  flex-grow: 1;
}
.civi-image-box.image-position-left {
  text-align: left;
}
.civi-image-box.image-position-left .image {
  margin-right: 20px;
}
.civi-image-box.image-position-right {
  text-align: right;
}
.civi-image-box.image-position-right .content-wrap {
  flex-direction: row-reverse;
}
.civi-image-box.image-position-right .image {
  margin-left: 20px;
}
.civi-image-box.content-alignment-middle .content-wrap {
  align-items: center;
}
.civi-image-box.content-alignment-bottom .content-wrap {
  align-items: flex-end;
}
.civi-image-box .image {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.civi-image-box .content {
  width: 100%;
}
.civi-image-box .title {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 0;
}
.civi-image-box .description {
  line-height: 1.6;
  margin-top: 14px;
}
.civi-image-box .civi-button-wrapper {
  margin: 15px 0 0;
}
.civi-image-box .civi-button.style-text {
  color: #8c89a2;
}
.civi-image-box.style-01 {
  padding: 38px 30px 29px;
  border-radius: 5px;
  background: #fff;
}
.civi-image-box.style-01:hover {
  z-index: 1;
  box-shadow: 0 0 40px rgba(51, 51, 51, 0.1);
}
.civi-image-box.style-02 {
  padding: 39px 30px 30px;
  border-radius: 10px;
  background: #f8f8f8;
}
.civi-image-box.style-02:before {
  background: #fff;
}
.civi-image-box.style-02:hover {
  z-index: 1;
  box-shadow: 0 14px 40px rgba(51, 51, 51, 0.1);
}
.civi-image-box.style-02 .title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.625;
}
.civi-image-box.style-02.image-position-top .image {
  margin-bottom: 17px;
}

.elementor-widget-civi-icon-box.civi-icon-box-style-02 .civi-icon-box:after, .elementor-widget-civi-icon-box .heading-divider:after, .elementor-widget-civi-icon-box .icon,
.elementor-widget-civi-icon-box .heading,
.elementor-widget-civi-icon-box .description,
.elementor-widget-civi-icon-box .icon-box-button, .elementor-widget-civi-icon-box .civi-icon-box:before, .elementor-widget-civi-icon-box .civi-icon-box, .svg-defs-gradient .stop-a,
.svg-defs-gradient .stop-b, .civi-icon .icon, .civi-team-member-style-03 .social-networks a, .civi-team-member-style-03 .social-networks, .civi-team-member-style-03 .info, .civi-team-member-style-03 .overlay, .civi-team-member-style-03 .photo, .civi-team-member-style-02 .social-networks a, .civi-team-member-style-02 .social-networks, .civi-team-member-style-02 .info, .civi-team-member-style-02 .overlay, .civi-team-member-style-02 .photo, .civi-team-member-style-01 .overlay, .civi-team-member-style-01 .photo, .civi-accordion .accordion-icon, .civi-accordion .accordion-title, .civi-accordion .accordion-header, .civi-gradation .count, .civi-swiper:hover .swiper-nav-button, .civi-swiper .swiper-pagination-bullet:before, .civi-swiper.pagination-style-05 .swiper-pagination-bullet:after, .civi-list .icon, .civi-list .text, .civi-image-box, .civi-image-box:before, .civi-image-box .image {
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}

@keyframes gradationSignal {
  0% {
    opacity: 1;
    transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
.civi-gradation .count-wrap {
  position: relative;
  width: 46px;
  height: 46px;
}
.civi-gradation .count-wrap:before, .civi-gradation .count-wrap:after {
  content: "";
  position: absolute;
  left: -25px;
  top: -25px;
  opacity: 0;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  pointer-events: none;
  border: 1px solid var(--civi-color-accent);
  transform-origin: 50% 50%;
  animation-timing-function: cubic-bezier(0, 0.55, 0.55, 1);
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
}
.civi-gradation .count-wrap:after {
  animation-delay: 0.75s;
}
.civi-gradation .content-wrap {
  margin-left: 60px;
}
.civi-gradation .count {
  position: absolute;
  top: 50%;
  left: 0;
  width: 50px;
  height: 50px;
  line-height: 48px;
  border-radius: 50%;
  text-align: center;
  transform: translate(0, -50%);
  z-index: 3;
  background: #f2f8f7;
  border: 1px solid #f2f8f7;
  color: var(--civi-color-accent);
  font-size: 24px;
  font-weight: 600;
}
.civi-gradation .item {
  display: flex;
}
.civi-gradation .item:last-child .line:before {
  display: none;
}
.civi-gradation .item:hover .count {
  border-color: transparent;
}
.civi-gradation .item:hover .count-wrap:before, .civi-gradation .item:hover .count-wrap:after {
  animation-name: gradationSignal;
}
.civi-gradation .item + .item {
  margin-top: 38px;
}
.civi-gradation .line:before {
  content: "";
  position: absolute;
  top: 70px;
  left: 23px;
  border-left: 2px solid #ffd75e;
  width: 2px;
  height: 60px;
  display: inline-block;
}
.civi-gradation .title {
  font-size: 24px;
  line-height: 1.25;
  margin-bottom: 8px;
}
.civi-gradation .title mark {
  color: var(--civi-color-accent);
  background-color: transparent;
}

.list-call-to-action {
  padding-top: 40px;
}
.list-call-to-action .call-to-action-item {
  padding: 48px 0px 48px 48px;
  background-color: #FDE7DE;
  border-radius: 16px;
  position: relative;
  margin-bottom: 15px;
}
.list-call-to-action .call-to-action-item .cta-left {
  width: 240px;
  position: relative;
  z-index: 1;
}
.list-call-to-action .call-to-action-item .civi-modern-heading {
  margin-bottom: 20px;
}
.list-call-to-action .call-to-action-item .civi-modern-heading .heading-primary {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}
.list-call-to-action .call-to-action-item .civi-modern-heading .heading-description-wrap {
  margin-top: 10px;
}
.list-call-to-action .call-to-action-item .civi-modern-heading .heading-description-wrap .heading-description {
  font-size: 16px;
  color: #111;
  line-height: 1.5;
}
.list-call-to-action .call-to-action-item .cta-right {
  position: absolute;
  top: 14px;
  right: 0;
  max-width: 70%;
}
.list-call-to-action .call-to-action-item .cta-right .civi-image-animation .civi-image {
  animation: jump_top var(--civi-animation-delay) infinite ease-in-out alternate;
}
@media (max-width: 767px) {
  .list-call-to-action .call-to-action-item {
    max-width: 100%;
    padding: 48px 0px 48px 20px;
  }
  .list-call-to-action .call-to-action-item .cta-right {
    padding-left: 20%;
    top: 40px;
  }
}
.list-call-to-action.style_2 {
  padding-top: 65px;
}
.list-call-to-action.style_2 .call-to-action-item {
  background-color: #FAF6EB;
  padding: 80px 45px;
  border-radius: 16px;
}
.list-call-to-action.style_2 .call-to-action-item .civi-modern-heading .heading-primary {
  font-size: 34px;
  color: var(--civi-color-accent);
  font-weight: 600;
}
.list-call-to-action.style_2 .call-to-action-item .cta-right {
  top: auto;
  bottom: 65px;
  right: 25px;
}
@media (max-width: 567px) {
  .list-call-to-action.style_2 .call-to-action-item {
    padding: 50px 25px;
  }
  .list-call-to-action.style_2 .call-to-action-item .cta-right {
    top: auto;
    bottom: 40px;
    right: 15px;
    padding-left: 25%;
  }
}
.list-call-to-action.style_3 {
  padding: 0;
}
.list-call-to-action.style_3 .action-container {
  display: flex;
}
@media (max-width: 767px) {
  .list-call-to-action.style_3 .action-container {
    flex-direction: column;
  }
}
.list-call-to-action.style_3 .action-container .list-item-wrap {
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  padding: 100px 0;
}
@media (max-width: 767px) {
  .list-call-to-action.style_3 .action-container .list-item-wrap {
    padding: 60px 0;
  }
}
.list-call-to-action.style_3 .action-container .list-item-wrap:nth-child(2) .list-item {
  justify-content: flex-start;
  padding-left: 115px;
}
@media (max-width: 767px) {
  .list-call-to-action.style_3 .action-container .list-item-wrap:nth-child(2) .list-item {
    padding-left: 0;
  }
}
.list-call-to-action.style_3 .action-container .list-item-wrap .civi-background-overlay {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-color: #000000;
  opacity: 0.3;
}
.list-call-to-action.style_3 .action-container .list-item-wrap .list-item {
  display: flex;
  justify-content: flex-end;
  position: relative;
  color: #fff;
}
.list-call-to-action.style_3 .action-container .list-item-wrap .list-item > .item {
  width: 100%;
  max-width: 600px;
  padding: 15px;
}
.list-call-to-action.style_3 .action-container .list-item-wrap .list-item > .item .civi-modern-heading {
  margin-bottom: 20px;
}
.list-call-to-action.style_3 .action-container .list-item-wrap .list-item > .item .civi-modern-heading .civi-heading-title {
  color: #fff;
}
.list-call-to-action.style_3 .action-container .list-item-wrap .list-item > .item .civi-list-layout-block {
  margin-bottom: 20px;
}
.list-call-to-action.style_3 .action-container .list-item-wrap .list-item > .item .civi-list-layout-block .civi-icon {
  color: #fff;
}
.list-call-to-action.style_5 {
  padding: 0 0 40px;
}
.list-call-to-action.style_5 .image-list-wrap {
  display: flex;
  align-items: center;
}
.list-call-to-action.style_5 .image-list-wrap .image-list {
  padding: 15px;
}
.list-call-to-action.style_5 .image-list-wrap .image-list .image:not(:last-child) {
  padding-bottom: 20px;
}
.list-call-to-action.style_5 .action-content {
  display: flex;
  align-items: center;
}
.list-call-to-action.style_5 .action-content .action-wrap {
  padding-left: 90px;
}
@media (max-width: 767px) {
  .list-call-to-action.style_5 .action-content .action-wrap {
    padding-left: 0;
  }
}
.list-call-to-action.style_5 .action-content .action-wrap .civi-modern-heading {
  margin-bottom: 20px;
}
.list-call-to-action.style_5 .action-content .action-wrap .civi-modern-heading .heading-primary {
  font-size: 34px;
  font-weight: 500;
}
.list-call-to-action.style_5 .action-content .action-wrap .civi-modern-heading .heading-primary mark {
  color: #007456;
}
.list-call-to-action.style_4 {
  padding: 80px 0;
}
.list-call-to-action.style_4 .col-md-6 {
  border-right: solid 1px #efefef;
}
.list-call-to-action.style_4 .col-md-6:last-child {
  border: none;
}

.civi-companies {
  padding: 60px 0;
}
.civi-companies .list-cate-item {
  padding-left: 15px;
  padding-right: 15px;
}
.civi-companies .list-cate-item .logo-comnpany {
  height: 54px;
  width: 54px;
  -o-object-fit: cover;
     object-fit: cover;
  background-color: #f9f9f9;
  border-radius: 50%;
  text-align: center;
  line-height: 54px;
  max-width: none;
}
.civi-companies .slick-arrow {
  width: 46px;
  height: 46px;
  line-height: 1;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  opacity: 0.8;
  top: calc(50% - 20px);
  border: none;
  font-size: 0;
}
.civi-companies .slick-arrow:before {
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  color: #111;
  opacity: 1;
}
.civi-companies .slick-arrow:hover {
  border-color: var(--civi-color-accent);
  background-color: var(--civi-color-accent);
  opacity: 1;
  color: var(--civi-color-accent);
}
.civi-companies .slick-arrow:hover:before {
  color: #fff;
}
.civi-companies .slick-arrow.slick-prev {
  left: -10px;
}
.civi-companies .slick-arrow.slick-prev:before {
  content: "\f053";
}
.civi-companies .slick-arrow.slick-next {
  right: -10px;
}
.civi-companies .slick-arrow.slick-next:before {
  content: "\f054";
}

.block--list-companies.style-1 {
  background-color: #FAF6EB;
  padding-top: 60px;
  padding-bottom: 40px;
}
.block--list-companies.style-1 .civi-companies-wrap {
  margin-top: 40px;
}
.block--list-companies.style-1 .civi-companies-wrap .civi-slick-carousel {
  margin-left: -15px;
  margin-right: -15px;
}
.block--list-companies.style-1 .civi-companies-wrap .companies-item-inner {
  padding-left: 15px;
  padding-right: 15px;
}
.block--list-companies.style-8 {
  padding: 105px 0px 105px 0px;
}
.block--list-companies.style-8 .civi-companies-wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}
@media (max-width: 767px) {
  .block--list-companies.style-8 .civi-companies-wrap {
    grid-template-columns: repeat(1, 1fr);
  }
}
.block--list-companies.style-8 .civi-companies-wrap .civi-company-item {
  padding: 20px !important;
  text-align: center;
  border-radius: 16px;
  border: 1px solid var(--civi-color-border);
  background-color: #fff;
  position: relative;
  transition: box-shadow 0.3s;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.01);
  cursor: pointer;
}
.block--list-companies.style-5 {
  background-color: #FAF6EB;
  padding: 65px 0;
}
.block--list-companies.style-5 .civi-companies-wrap .slick-dots {
  display: none !important;
}
.block--list-companies.style-5 .civi-button {
  color: #007456;
  border-color: #007456;
}
.block--list-companies.style-5 .civi-button:hover {
  color: #fff;
}
.block--list-companies.style-4 {
  padding: 80px 0;
}
.block--list-companies.style-4 .civi-modern-heading {
  margin-bottom: 35px;
}
.block--list-companies.style-4 .widget-civi-button {
  padding-top: 18px;
}
.block--list-companies.style-4 .civi-companies-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.block--list-companies.style-4 .civi-companies-wrap .civi-company-item {
  height: 100%;
}
@media (max-width: 1023px) {
  .block--list-companies.style-4 .civi-companies-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .block--list-companies.style-4 {
    padding: 60px 0;
  }
  .block--list-companies.style-4 .civi-companies-wrap {
    grid-template-columns: repeat(1, 1fr);
  }
}

.block--how-it-works {
  background-color: #FFF;
  padding: 60px 0 35px;
}
.block--how-it-works .civi-icon-box-wrap {
  margin-top: 50px;
}
.block--how-it-works .work-block {
  display: flex;
  justify-content: center;
}
.block--how-it-works .civi-icon-box {
  max-width: 276px;
  margin-bottom: 20px;
}
.block--how-it-works .civi-icon-box .civi-icon {
  width: 60px;
  height: 60px;
  margin-bottom: 40px;
}
.block--how-it-works .civi-icon-box .civi-icon img {
  width: 100%;
  height: auto;
}
.block--how-it-works .civi-icon-box .icon-box-content .heading {
  font-size: 20px;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .block--how-it-works .civi-icon-box {
    max-width: 300px;
  }
}
.block--how-it-works.style-2 {
  background: #f9f9f9;
  padding: 60px 0;
}
.block--how-it-works.style-2 .number-box {
  text-align: center;
}
@media (max-width: 766px) {
  .block--how-it-works.style-2 .number-box {
    margin-bottom: 15px;
  }
}
.block--how-it-works.style-2 .number-box .number {
  margin-bottom: 16px;
}
.block--how-it-works.style-2 .number-box .icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 116, 86, 0.05);
  color: #007456;
  position: absolute;
  right: -48px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
}
.block--how-it-works.style-2 .col-lg-4:last-child .icon {
  display: none;
}
.block--how-it-works.style-3 .main-color {
  color: #007456;
}
.block--how-it-works.style-3 .heading_wrap {
  padding: 0px 0px 40px 0px;
  display: flex;
  justify-content: center;
  width: 100%;
}
.block--how-it-works.style-3 .heading_wrap .civi-modern-heading {
  width: 570px;
}
.block--how-it-works.style-3 .step-item-wrap {
  width: 100%;
}
.block--how-it-works.style-3 .step-item-wrap .step_item {
  padding-top: 40px;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
@media (max-width: 766px) {
  .block--how-it-works.style-3 .step-item-wrap .step_item {
    flex-wrap: wrap;
  }
}
.block--how-it-works.style-3 .step-item-wrap .step_item .item-wrap {
  display: flex;
  position: relative;
  width: 100%;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  padding: 15px;
}
.block--how-it-works.style-3 .step-item-wrap .step_item .item-image {
  width: 40%;
  position: relative;
  min-height: 1px;
  display: flex;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s, transform var(--e-transform-transition-duration, 0.4s);
}
@media (max-width: 766px) {
  .block--how-it-works.style-3 .step-item-wrap .step_item .item-image {
    width: 100%;
  }
}
.block--how-it-works.style-3 .step-item-wrap .step_item .item-image img {
  vertical-align: middle;
  display: inline-block;
  height: auto;
  max-width: 100%;
  border: none;
  box-shadow: none;
  border-radius: 16px;
}
.block--how-it-works.style-3 .step-item-wrap .step_item .item-image .main-image-container {
  padding: 40px 0;
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 1;
}
.block--how-it-works.style-3 .step-item-wrap .step_item .item-image .main-image-container .main-image {
  width: auto;
}
.block--how-it-works.style-3 .step-item-wrap .step_item .item-image .civi-style-circular-motion {
  --civi-animation-jump-top: 3%;
  --civi-animation-jump-left: 3%;
  z-index: 1;
  animation: translateAnimation var(--civi-animation-delay) infinite ease-in-out alternate, zindexAnimation infinite ease-in-out;
  max-width: 100%;
  margin-bottom: 0;
}
.block--how-it-works.style-3 .step-item-wrap .step_item .item-image .civi-style-circular-motion .civi-image {
  animation: scaleAnimation var(--civi-animation-delay) infinite ease-in-out alternate;
  transform: scale(0.5);
  animation-delay: calc(var(--civi-animation-delay) / -2);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.block--how-it-works.style-3 .step-item-wrap .step_item .item-image .civi-style-circular-motion .civi-image img {
  vertical-align: middle;
  display: inline-block;
}
.block--how-it-works.style-3 .step-item-wrap .step_item .item-image .type-left .sub_image_1 {
  position: absolute;
  width: auto;
  max-width: 100%;
  z-index: 0;
  top: 20px;
  left: 70px;
  margin-bottom: 0;
}
.block--how-it-works.style-3 .step-item-wrap .step_item .item-image .type-left .sub_image_2 {
  position: absolute;
  width: auto;
  max-width: 100%;
  z-index: 0;
  margin-bottom: 0;
  right: 60px;
  bottom: 0;
  border-radius: 0;
}
.block--how-it-works.style-3 .step-item-wrap .step_item .item-image .type-left .sub_image_3 {
  position: absolute;
  width: auto;
  max-width: 100%;
  z-index: 0;
  margin-bottom: 0;
  right: 15px;
  top: -20px;
  border-radius: 0;
}
.block--how-it-works.style-3 .step-item-wrap .step_item .item-image .type-left .civi-style-circular-motion.sub-2 {
  --civi-animation-transformX-0: 20px;
  --civi-animation-transformY-0: 0px;
  --civi-animation-transformX-100: 320px;
  --civi-animation-transformY-100: -370px;
  --civi-animation-delay: 2500ms;
  width: auto;
  bottom: 0px;
  left: 0px;
}
.block--how-it-works.style-3 .step-item-wrap .step_item .item-image .type-left .civi-style-circular-motion.sub-3 {
  --civi-animation-transformX-0: 0px;
  --civi-animation-transformY-0: 0px;
  --civi-animation-transformX-100: -400px;
  --civi-animation-transformY-100: 80px;
  --civi-animation-delay: 3000ms;
  width: auto;
  right: -20px;
  top: 50px;
}
.block--how-it-works.style-3 .step-item-wrap .step_item .item-image .type-right .sub_image_1 {
  position: absolute;
  width: auto;
  max-width: 100%;
  z-index: 0;
  margin-bottom: 0;
  right: 70px;
  bottom: 25px;
  border-radius: 0;
}
.block--how-it-works.style-3 .step-item-wrap .step_item .item-image .type-right .sub_image_2 {
  position: absolute;
  width: auto;
  max-width: 100%;
  z-index: 0;
  margin-bottom: 0;
  left: 35px;
  bottom: 25px;
  border-radius: 0;
}
.block--how-it-works.style-3 .step-item-wrap .step_item .item-image .type-right .sub_image_3 {
  position: absolute;
  width: auto;
  max-width: 100%;
  z-index: 0;
  margin-bottom: 0;
  right: 15px;
  top: -20px;
  border-radius: 0;
}
.block--how-it-works.style-3 .step-item-wrap .step_item .item-image .type-right .civi-style-circular-motion.sub-1 {
  --civi-animation-transformX-0: 0px;
  --civi-animation-transformY-0: 0px;
  --civi-animation-transformX-100: 400px;
  --civi-animation-transformY-100: 150px;
  --civi-animation-delay: 3000ms;
  width: auto;
  top: 102.345px;
  left: 10.175px;
}
.block--how-it-works.style-3 .step-item-wrap .step_item .item-image .type-right .civi-style-circular-motion.sub-3 {
  --civi-animation-transformX-0: 0px;
  --civi-animation-transformY-0: 0px;
  --civi-animation-transformX-100: -400px;
  --civi-animation-transformY-100: 90px;
  --civi-animation-delay: 2500ms;
  width: auto;
  top: 100px;
  right: 0px;
}
.block--how-it-works.style-3 .step-item-wrap .step_item .item-content {
  width: 60%;
  position: relative;
  min-height: 1px;
  display: flex;
}
@media (max-width: 766px) {
  .block--how-it-works.style-3 .step-item-wrap .step_item .item-content {
    width: 100%;
  }
}
.block--how-it-works.style-3 .step-item-wrap .step_item .item-content .type-left {
  padding-left: 110px;
  max-width: 470px;
}
@media (max-width: 766px) {
  .block--how-it-works.style-3 .step-item-wrap .step_item .item-content .type-left {
    padding-left: 0;
  }
}
.block--how-it-works.style-3 .step-item-wrap .step_item .item-content .type-right {
  padding-left: 90px;
}
@media (max-width: 766px) {
  .block--how-it-works.style-3 .step-item-wrap .step_item .item-content .type-right {
    padding-left: 0;
  }
}
.block--how-it-works.style-3 .step-item-wrap .step_item .item-content .description, .block--how-it-works.style-3 .step-item-wrap .step_item .item-content .title {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
.block--how-it-works.style-3 .step-item-wrap .step_item .item-content .title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
}
.block--how-it-works.style-3 .step-item-wrap .step_item .item-content .description {
  margin-top: 22px;
  font-size: 16px;
  line-height: 1.5em;
}

.block--app-download {
  background-color: #007456;
  background-image: url("/themes/civi/images/wave-bg-1.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  color: #FFF;
  padding: 60px 0;
}
.block--app-download .civi-modern-heading .heading-primary {
  color: #FFF;
}
.block--app-download .civi-modern-heading .heading-description-wrap {
  margin-bottom: 30px;
}
.block--app-download .description {
  margin-bottom: 37px;
}
.block--app-download .description ul {
  list-style: none;
  font-size: 20px;
  margin: 0;
  padding: 0;
}
.block--app-download .description ul li {
  margin-top: 20px;
}
.block--app-download .description ul li:first-child {
  margin-top: 0;
}
.block--app-download .description ul li i {
  margin-right: 10px;
}
.block--app-download .image-column {
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .block--app-download .image-column {
    margin-bottom: 30px;
  }
  .block--app-download .image-column .image {
    max-width: 80%;
  }
}
.block--app-download .download-btn a {
  margin-right: 10px;
  margin-bottom: 10px;
  display: inline-flex;
}
.block--app-download .download-btn a img {
  border-radius: 10px;
}
.block--app-download.style-2 {
  background-image: url("/themes/civi/images/image-home09-20.webp");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0;
  position: relative;
}
@media (max-width: 766px) {
  .block--app-download.style-2 {
    padding-top: 80px;
  }
}
.block--app-download.style-2 .item_wrap {
  display: flex;
  position: relative;
  width: 100%;
  flex-wrap: wrap;
  padding: 15px 0px 0px 15px;
  align-content: center;
  align-items: center;
}
@media (max-width: 766px) {
  .block--app-download.style-2 .item_wrap {
    padding: 0;
  }
}
.block--app-download.style-2 .image-column {
  position: relative;
  min-height: 1px;
  display: flex;
}
@media (max-width: 766px) {
  .block--app-download.style-2 .image-column {
    margin-bottom: 0;
  }
}
.block--app-download.style-2 .image-column .image {
  width: 100%;
  padding: 28px 0px 0px 0px;
  text-align: center;
}
@media (max-width: 766px) {
  .block--app-download.style-2 .image-column .image {
    max-width: 100% !important;
  }
}
.block--app-download.style-2 .image-column .image img {
  height: auto;
  max-width: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none;
  vertical-align: middle;
  display: inline-block;
  width: auto;
}
@media (max-width: 766px) {
  .block--app-download.style-2 .content-column {
    padding-bottom: 40px;
  }
}
.block--app-download.style-2 .content-column .civi-modern-heading {
  max-width: 100%;
}
.block--app-download.style-2 .content-column .civi-modern-heading .heading-secondary-wrap {
  margin-bottom: 10px;
}
.block--app-download.style-2 .content-column .civi-modern-heading .heading-primary-wrap, .block--app-download.style-2 .content-column .civi-modern-heading .heading-secondary-wrap {
  line-height: 1;
}
.block--app-download.style-2 .content-column .civi-modern-heading .heading-secondary {
  color: #FFFFFF;
}
.block--app-download.style-2 .content-column .civi-modern-heading .heading-description, .block--app-download.style-2 .content-column .civi-modern-heading .heading-divider, .block--app-download.style-2 .content-column .civi-modern-heading .heading-primary, .block--app-download.style-2 .content-column .civi-modern-heading .heading-secondary {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
.block--app-download.style-2 .content-column .civi-modern-heading .heading-primary {
  font-size: 46px;
  color: #FFFFFF;
}
.block--app-download.style-2 .content-column .civi-modern-heading .heading-description-wrap {
  margin-top: 20px;
}
.block--app-download.style-2 .content-column .civi-modern-heading .heading-description {
  color: #FFFFFF;
}
.block--app-download.style-2 .content-column .civi-modern-heading p {
  margin-bottom: 0;
}

.civi-accordion .accordion-section.active > .accordion-header .closed-icon {
  display: block;
}
.civi-accordion .accordion-section.active > .accordion-header .opened-icon {
  display: none;
}
.civi-accordion .accordion-header {
  display: flex;
  align-items: center;
  min-height: 60px;
  cursor: pointer;
}
.civi-accordion .accordion-title-wrapper {
  font-size: 0;
  flex-grow: 1;
}
.civi-accordion .accordion-title {
  display: inline-block;
  margin-bottom: 0;
  color: inherit;
  font-size: 18px;
}
.civi-accordion .accordion-icons {
  font-size: 16px;
  flex-shrink: 0;
  margin: 0 0 0 10px;
  line-height: 0;
}
.civi-accordion .accordion-icons .closed-icon {
  display: none;
}
.civi-accordion .accordion-content {
  display: none;
  color: #7e7e7e;
}
.civi-accordion.civi-accordion-icon-left .accordion-header {
  flex-direction: row-reverse;
}
.civi-accordion.civi-accordion-icon-left .accordion-icons {
  margin-left: 0;
  margin: 0 10px 0 0;
}

.civi-accordion-style-01 .civi-accordion .accordion-section {
  border-radius: 5px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 15px 50px rgba(51, 51, 51, 0.1);
}
.civi-accordion-style-01 .civi-accordion .accordion-section + .accordion-section {
  margin: 30px 0 0;
}
.civi-accordion-style-01 .civi-accordion .accordion-header {
  padding: 10px 20px;
}
.civi-accordion-style-01 .civi-accordion .accordion-content {
  line-height: 1.6;
  padding: 25px 30px;
}

.civi-accordion-style-02 .widget-container {
  padding: 0px 200px 0px 200px;
}
@media (max-width: 1023px) {
  .civi-accordion-style-02 .widget-container {
    padding: 0;
  }
}
.civi-accordion-style-02 .civi-accordion .accordion-section {
  border: 1px solid #eee;
  border-radius: 24px;
  overflow: hidden;
}
.civi-accordion-style-02 .civi-accordion .accordion-section + .accordion-section {
  margin: 24px 0 0;
}
.civi-accordion-style-02 .civi-accordion .accordion-header {
  padding: 24px;
}
.civi-accordion-style-02 .civi-accordion .accordion-content {
  padding: 0 24px 24px 24px;
  margin-top: -10px;
}

.civi-accordion-style-03 .civi-accordion .accordion-section {
  border-bottom: 2px solid #eee;
  padding: 9px 0;
}
.civi-accordion-style-03 .civi-accordion .accordion-header {
  min-height: 64px;
}
.civi-accordion-style-03 .civi-accordion .accordion-title {
  font-size: 24px;
  font-weight: 600;
}
.civi-accordion-style-03 .civi-accordion .accordion-icons {
  color: #ababab;
  font-size: 24px;
}
.civi-accordion-style-03 .civi-accordion .accordion-content {
  padding: 0 0 25px;
}

@media (max-width: 1024px) {
  .civi-accordion-style-03 .civi-accordion .accordion-title {
    font-size: 21px;
  }
}
@media (max-width: 767px) {
  .civi-accordion-style-03 .civi-accordion .accordion-title {
    font-size: 18px;
  }
}
.civi-team-member .name a {
  color: inherit;
}

.civi-team-member-style-01 .civi-team-member:hover .overlay,
.civi-team-member-style-01 .civi-team-member:hover .social-networks {
  opacity: 1;
  visibility: visible;
}
.civi-team-member-style-01 .photo {
  position: relative;
  border-radius: 5px;
  text-align: center;
}
.civi-team-member-style-01 .photo img {
  width: 100%;
  border-radius: inherit;
}
@media (max-width: 766px) {
  .civi-team-member-style-01 .photo img {
    max-width: 150px;
  }
}
.civi-team-member-style-01 .overlay {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 0;
}
.civi-team-member-style-01 .info {
  text-align: center;
  padding: 24px 0 0;
}
.civi-team-member-style-01 .name {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
}
.civi-team-member-style-01 .position {
  margin-top: 10px;
  font-size: 18px;
}
.civi-team-member-style-01 .description {
  margin-top: 10px;
}
.civi-team-member-style-01 .social-networks {
  margin-top: 23px;
}
.civi-team-member-style-01 .social-networks a {
  font-size: 20px;
}
.civi-team-member-style-01 .social-networks a + a {
  margin-left: 20px;
}

.civi-team-member-style-02 .civi-team-member {
  position: relative;
}
.civi-team-member-style-02 .civi-team-member:hover .photo {
  box-shadow: 0 55px 40px -40px rgba(51, 51, 51, 0.25);
}
.civi-team-member-style-02 .civi-team-member:hover .overlay,
.civi-team-member-style-02 .civi-team-member:hover .info,
.civi-team-member-style-02 .civi-team-member:hover .social-networks {
  opacity: 1;
  visibility: visible;
}
.civi-team-member-style-02 .photo {
  position: relative;
}
.civi-team-member-style-02 .photo img {
  width: 100%;
}
.civi-team-member-style-02 .overlay {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  background: rgba(17, 17, 17, 0.8);
  z-index: 0;
}
.civi-team-member-style-02 .info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 30px 30px 27px;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
}
.civi-team-member-style-02 .name {
  font-size: 20px;
  color: #fff;
  margin-bottom: 0;
}
.civi-team-member-style-02 .position {
  margin-top: 8px;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.38px;
  color: rgba(255, 255, 255, 0.4);
}
.civi-team-member-style-02 .description {
  color: #fff;
  margin-top: 10px;
}
.civi-team-member-style-02 .social-networks {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  text-align: right;
  opacity: 0;
  visibility: hidden;
}
.civi-team-member-style-02 .social-networks a {
  display: inline-block;
  font-size: 18px;
  line-height: 0;
  color: #fff;
  padding: 10px 8px;
}

.civi-team-member-style-03 .civi-team-member {
  position: relative;
}
.civi-team-member-style-03 .civi-team-member:hover .overlay,
.civi-team-member-style-03 .civi-team-member:hover .info,
.civi-team-member-style-03 .civi-team-member:hover .social-networks {
  opacity: 1;
  visibility: visible;
}
.civi-team-member-style-03 .photo {
  position: relative;
}
.civi-team-member-style-03 .photo img {
  width: 100%;
}
.civi-team-member-style-03 .overlay {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.7);
  z-index: 0;
}
.civi-team-member-style-03 .info {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  padding: 30px 30px 27px;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  text-align: center;
}
.civi-team-member-style-03 .name {
  font-size: 24px;
  color: #fff;
  margin-bottom: 0;
}
.civi-team-member-style-03 .position {
  margin: 0 0 8px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1.38px;
  color: #fff;
}
.civi-team-member-style-03 .description {
  color: #fff;
  margin-top: 10px;
}
.civi-team-member-style-03 .social-networks {
  position: absolute;
  bottom: 33px;
  left: 0;
  width: 100%;
  text-align: center;
  opacity: 0;
  visibility: hidden;
}
.civi-team-member-style-03 .social-networks a {
  display: inline-block;
  font-size: 20px;
  line-height: 0;
  color: #fff;
  padding: 10px 8px;
}

.elementor-widget-civi-testimonial {
  text-align: center;
}
.elementor-widget-civi-testimonial .testimonial-item {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
}
.elementor-widget-civi-testimonial .elementor-carousel .slick-list {
  margin-left: -15px;
  margin-right: -15px;
}
.elementor-widget-civi-testimonial .elementor-carousel .testimonial-inner {
  padding-left: 15px;
  padding-right: 15px;
}
.elementor-widget-civi-testimonial.align-left {
  text-align: left;
}
.elementor-widget-civi-testimonial.align-right {
  text-align: right;
}
.elementor-widget-civi-testimonial .testimonial-main-content {
  display: flex;
  justify-content: center;
}
.elementor-widget-civi-testimonial .content-wrap {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
}
.elementor-widget-civi-testimonial.layout-image-bottom.align-center .image img {
  margin-left: auto;
  margin-right: auto;
}
.elementor-widget-civi-testimonial.layout-image-bottom .position {
  margin-top: 8px;
}
.elementor-widget-civi-testimonial.layout-image-bottom .content {
  margin-top: 24px;
}
.elementor-widget-civi-testimonial.layout-image-bottom .content .text {
  font-size: 20px;
}
.elementor-widget-civi-testimonial.layout-image-bottom .image {
  padding-top: 40px;
}
.elementor-widget-civi-testimonial.layout-image-bottom .nav-style-03 .swiper-nav-button {
  opacity: 1;
  visibility: unset;
  height: 36px;
  width: 36px;
  margin: 8px;
  font-size: 16px;
}
.elementor-widget-civi-testimonial.layout-image-bottom .nav-style-03 .swiper-nav-buttons {
  justify-content: center !important;
  margin-top: 32px;
}
.elementor-widget-civi-testimonial.layout-image-bottom .nav-style-03 .swiper-nav-buttons-wrap {
  position: static;
}
.elementor-widget-civi-testimonial.layout-image-inline .image {
  flex-shrink: 0;
  margin: 0 10px 0 0;
}
.elementor-widget-civi-testimonial.layout-image-inline .info {
  display: inline-flex;
  align-items: center;
  text-align: left;
}
.elementor-widget-civi-testimonial.layout-image-inline .testimonial-rating {
  margin-bottom: 20px;
}
.elementor-widget-civi-testimonial.layout-image-inline.align-right .info {
  text-align: right;
  flex-direction: row-reverse;
}
.elementor-widget-civi-testimonial.layout-image-inline.align-right .image {
  flex-shrink: 0;
  margin: 0 0 0 30px;
}
.elementor-widget-civi-testimonial.layout-image-inline.align-right .testimonial-item {
  text-align: right;
}
.elementor-widget-civi-testimonial.layout-image-stacked .image {
  margin: 0 0 28px;
}
.elementor-widget-civi-testimonial.layout-image-stacked .info {
  display: inline-block;
}
.elementor-widget-civi-testimonial.layout-image-stacked .position {
  margin-top: 3px;
}
.elementor-widget-civi-testimonial.layout-image-above .image {
  margin-bottom: 20px;
}
.elementor-widget-civi-testimonial.layout-image-above .image:before {
  display: none;
}
.elementor-widget-civi-testimonial.layout-image-above .cite {
  display: block;
  margin-top: 46px;
}
.elementor-widget-civi-testimonial.layout-image-above .position {
  margin-top: 11px;
}
.elementor-widget-civi-testimonial.layout-image-top .swiper-slide {
  padding: 70px 0 0;
}
.elementor-widget-civi-testimonial.layout-image-top .testimonial-item {
  padding-top: 100px !important;
}
.elementor-widget-civi-testimonial.layout-image-top .image {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.elementor-widget-civi-testimonial.layout-image-top .image img {
  width: 140px;
  height: 140px;
}
.elementor-widget-civi-testimonial.layout-image-top .info {
  padding: 34px 0 0;
}
.elementor-widget-civi-testimonial.layout-image-top-02 .image {
  margin: 0 0 30px;
}
.elementor-widget-civi-testimonial.layout-image-top-02 .image img {
  width: 124px;
  height: 124px;
}
.elementor-widget-civi-testimonial.layout-image-top-02 .info {
  padding: 21px 0 0;
}
.elementor-widget-civi-testimonial.layout-image-left .testimonial-item {
  display: flex;
}
.elementor-widget-civi-testimonial.layout-image-left .image {
  flex-shrink: 0;
  margin: 0 30px 0 0;
}
.elementor-widget-civi-testimonial.layout-image-left .image img {
  width: 70px;
  height: 70px;
}
.elementor-widget-civi-testimonial.layout-image-left .info {
  padding: 25px 0 0;
}
.elementor-widget-civi-testimonial.image-position-above .info {
  padding: 0 0 24px;
}
.elementor-widget-civi-testimonial.image-position-below .info {
  padding: 20px 0 0;
}
.elementor-widget-civi-testimonial.image-position-bottom .testimonial-main-content {
  height: 100%;
}
.elementor-widget-civi-testimonial.image-position-bottom .content-wrap {
  display: inline-flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.elementor-widget-civi-testimonial.image-position-bottom .content {
  flex-grow: 1;
}
.elementor-widget-civi-testimonial.image-position-bottom .info {
  padding: 55px 0 0;
  flex-shrink: 0;
}
.elementor-widget-civi-testimonial.image-position-bottom.align-center .info {
  justify-content: center;
}
.elementor-widget-civi-testimonial .image img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
}
.elementor-widget-civi-testimonial .cite {
  font-style: normal;
}
.elementor-widget-civi-testimonial .title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 14px;
}
.elementor-widget-civi-testimonial .testimonial-rating {
  font-size: 14px;
  color: #fb0;
  letter-spacing: 2px;
  margin-bottom: 10px;
}
.elementor-widget-civi-testimonial .name {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
}
.elementor-widget-civi-testimonial .position {
  display: block;
}

.civi-testimonial-cite-layout-inline .name {
  display: inline-block;
}
.civi-testimonial-cite-layout-inline .position {
  display: inline-block;
  margin: 0 0 0 13px;
}
.civi-testimonial-cite-layout-inline .position:before {
  content: "";
  width: 4px;
  height: 4px;
  background-color: #d8d8d8;
  display: inline-block;
  vertical-align: 3px;
  margin-right: 10px;
  border-radius: 10px;
}

.civi-testimonial-style-01 .testimonial-item {
  position: relative;
  padding: 77px 80px 106px;
  background-image: linear-gradient(235deg, #e6eef5 0%, #edeff6 100%);
  border-radius: 5px;
}
.civi-testimonial-style-01 .testimonial-item .testimonial-logo {
  content: "";
  position: absolute;
  top: 58px;
  right: 49px;
}
.civi-testimonial-style-01 .image img {
  width: 90px;
  height: 90px;
}
.civi-testimonial-style-01 .text {
  font-size: 24px;
  line-height: 1.5;
  font-weight: 400;
  color: #333;
}
.civi-testimonial-style-01.image-position-below .info {
  padding: 40px 0 0;
}

.civi-testimonial-style-02 .testimonial-item {
  position: relative;
  padding: 56px 40px 55px;
  background-color: #f6fafe;
  border-radius: 5px;
}
.civi-testimonial-style-02 .testimonial-item .testimonial-logo {
  content: "";
  position: absolute;
  top: 44px;
  right: 38px;
}
.civi-testimonial-style-02 .image img {
  width: 90px;
  height: 90px;
}
.civi-testimonial-style-02 .title {
  margin-bottom: 21px;
}
.civi-testimonial-style-02 .text {
  font-size: 18px;
  line-height: 1.67;
  font-weight: 400;
  color: #333;
}
.civi-testimonial-style-02.image-position-below .info {
  padding: 32px 0 0;
}

.civi-testimonial-style-03 {
  background: #F8F9FC;
}
.civi-testimonial-style-03 > ul.slick-dots {
  display: none !important;
}
.civi-testimonial-style-03.image-position-above .info:before {
  top: 8px;
  bottom: auto;
}
.civi-testimonial-style-03.image-position-bottom .text {
  font-size: 24px;
  line-height: 1.25;
  color: var(--civi-color-primary);
  padding-right: 70px;
}
.civi-testimonial-style-03.image-position-bottom .name {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
}
.civi-testimonial-style-03.image-position-bottom .position {
  display: block;
  font-size: 18px;
}
.civi-testimonial-style-03 .info {
  display: flex !important;
  align-items: center;
  position: relative;
}
.civi-testimonial-style-03 .info .testimonial-logo {
  content: "";
  position: absolute;
  right: 0;
}
.civi-testimonial-style-03 .image {
  margin-right: 20px !important;
  margin-bottom: 0 !important;
}
.civi-testimonial-style-03 .image img {
  width: 72px;
  height: 72px;
}
.civi-testimonial-style-03 .testimonial-item {
  background-color: #fff;
  border-radius: 16px;
  padding: 40px 32px;
  border: 1px solid var(--civi-color-border);
}

.civi-testimonial-pagination.style-01 {
  display: inline-block;
  width: 315px;
  max-width: 100%;
  margin-top: 30px;
}
.civi-testimonial-pagination.style-01 .swiper-slide .image {
  margin-bottom: 0;
}
.civi-testimonial-pagination.style-01 .swiper-slide .image img {
  width: 85px;
  height: 85px;
  border-radius: 50%;
}
.civi-testimonial-pagination.style-01 .swiper-slide:not(.swiper-slide-thumb-active) {
  cursor: pointer;
}
.civi-testimonial-pagination.style-01 .swiper-slide:not(.swiper-slide-thumb-active) img {
  opacity: 0.4;
}

@media (max-width: 766px) {
  .civi-client-feedback .civi-modern-heading {
    text-align: center;
  }
}
@media (max-width: 766px) {
  .civi-client-feedback h4 {
    font-size: 16px;
  }
}

@media (max-width: 1024px) {
  .elementor-widget-civi-testimonial.civi-testimonial-style-01 .testimonial-item {
    padding: 77px 40px 106px;
  }
  .elementor-widget-civi-testimonial.civi-testimonial-style-01 .text {
    font-size: 21px;
  }
}
@media only screen and (max-width: 991px) {
  .testimonial-logo {
    display: none !important;
  }
}
@media only screen and (max-width: 550px) {
  .elementor-widget-civi-testimonial.layout-image-left .testimonial-item {
    display: block;
    text-align: center;
  }
  .elementor-widget-civi-testimonial.layout-image-left .testimonial-item .image {
    display: inline-block;
    margin: 0 auto 20px;
  }
}
@media (max-width: 767px) {
  .elementor-widget-civi-testimonial.civi-testimonial-style-01 .testimonial-item {
    padding: 77px 30px 106px;
  }
  .elementor-widget-civi-testimonial.civi-testimonial-style-01 .text {
    font-size: 18px;
  }
  .elementor-widget-civi-testimonial.civi-testimonial-style-02 .testimonial-item {
    padding: 46px 30px 45px;
  }
}
.civi-client-feedback.style-2 {
  background: #FAF6EB;
}
.civi-client-feedback.style-2 img {
  width: 64px;
  height: 64px;
  border-radius: 50%;
}
.civi-client-feedback.style-2 .name {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
}
.civi-client-feedback.style-2 .position {
  display: block;
}
.civi-client-feedback.style-2 .content-wrap {
  background: #fff;
  padding: 25px;
  margin: 15px;
  border-radius: 10px;
}

.bc-contact-block {
  padding: 65px 0;
  background: #fff;
}
.bc-contact-block .civi-modern-heading {
  text-align: left;
  margin-bottom: 32px;
}
.bc-contact-block .heading-390 {
  max-width: 390px;
}
.bc-contact-block .form-group {
  margin-bottom: 24px;
}
.bc-contact-block .form-group .form-control {
  border-radius: 16px;
  border-color: #ddd;
  height: 60px;
}
.bc-contact-block .form-group textarea {
  height: auto !important;
}
.bc-contact-block .civi-contact-form-7 {
  padding: 40px 35px 15px 35px;
  background-color: #F8F9FC;
  border-radius: 16px 16px 16px 16px;
}
.bc-contact-block .civi-contact-form-7 .fa-spinner {
  display: none;
}
.bc-contact-block .civi-contact-form-7 .bravo-contact-block-form.loading .fa-spinner {
  display: inline-block;
}
.bc-contact-block img {
  max-width: 35px;
}
.bc-contact-block iframe {
  height: 250px !important;
}

.civi-counter {
  padding: 65px 0;
}
.civi-counter .civi-modern-heading {
  max-width: 650px !important;
  margin-bottom: 45px !important;
}
.civi-counter .civi-modern-heading .heading-primary {
  color: var(--civi-color-primary);
  font-weight: 400;
  font-style: italic;
  line-height: 1.3;
}
.civi-counter .counter {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  border: dashed 1px #DDDDDD;
  padding: 30px 0;
  border-radius: 10px;
}
@media (max-width: 766px) {
  .civi-counter .counter {
    margin-bottom: 15px;
  }
}
.civi-counter .counter .counter-number, .civi-counter .counter .counter-number-suffix {
  font-size: 56px;
  color: var(--main-color);
  font-weight: bold;
}
@media (max-width: 1023px) {
  .civi-counter .counter .counter-number, .civi-counter .counter .counter-number-suffix {
    font-size: 42px;
  }
}
.civi-counter .counter .counter-number-wrapper {
  flex: 0 0 100%;
  text-align: center;
}
.civi-counter .counter .counter-title {
  color: var(--e-global-color-primary);
  font-size: 18px;
  font-weight: 500;
}
.civi-counter.style_2 {
  background-color: #FAF6EB;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.civi-counter.style_2 .civi-modern-heading {
  margin-bottom: 20px !important;
}
.civi-counter.style_2 .civi-modern-heading .heading-primary {
  font-size: 28px;
  font-weight: 600;
  color: var(--civi-color-primary);
  font-style: normal;
}
.civi-counter.style_2 .civi-counter-list {
  display: flex;
  flex-wrap: wrap;
}
.civi-counter.style_2 .civi-counter-list .counter {
  flex: 0 0 50%;
  border: none;
  padding: 15px;
  justify-content: flex-start;
}
@media (max-width: 766px) {
  .civi-counter.style_2 .civi-counter-list .counter {
    flex: auto;
  }
}
.civi-counter.style_2 .civi-counter-list .counter .counted {
  text-align: left;
  line-height: 1;
}
.civi-counter.style_2 .civi-counter-list .counter .counted > * {
  font-size: 46px;
  font-weight: 600;
}
.civi-counter.style_2 .civi-counter-list .counter .counter-title {
  line-height: 2.5;
  font-size: 18px;
  font-weight: normal;
}

.call-to-action.style_2 {
  background: var(--main-color);
  display: flex;
}
.call-to-action.style_2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}
@media (max-width: 767px) {
  .call-to-action.style_2 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.call-to-action.style_2 .action-content-wrap {
  padding: 15px;
  display: flex;
  justify-content: flex-end;
}
.call-to-action.style_2 .action-content-wrap .action-content {
  padding: 65px 15px;
  width: 570px;
}
@media (max-width: 767px) {
  .call-to-action.style_2 .action-content-wrap .action-content {
    padding: 40px 0;
    width: 100%;
  }
}
.call-to-action.style_2 .action-content-wrap .action-content .civi-modern-heading {
  margin-bottom: 20px;
  max-width: 370px;
}
.call-to-action.style_2 .action-content-wrap .action-content .civi-modern-heading * {
  color: #ffffff;
}
.call-to-action.style_2 .action-content-wrap .action-content .civi-modern-heading .heading-secondary {
  text-transform: uppercase;
}
.call-to-action.style_2 .action-content-wrap .action-content .civi-modern-heading .heading-primary {
  font-size: 34px;
  font-weight: 600;
}
.call-to-action.style_2 .action-content-wrap .action-content .civi-modern-heading .heading-description {
  font-size: 16px;
}
.call-to-action.style_2 .action-content-wrap .action-content .civi-button {
  color: #fff;
}
.call-to-action.style_2 .action-content-wrap .action-content .civi-button:hover {
  fill: var(--e-global-color-primary);
  color: var(--e-global-color-primary);
  background-color: #FFFFFF;
}
.call-to-action.style_2 .action-background {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  .call-to-action.style_2 .action-background {
    display: none;
  }
}
.call-to-action.style_3 {
  margin: 80px 0;
}
@media (max-width: 1023px) {
  .call-to-action.style_3 {
    margin: 0 15px 50px;
  }
}
.call-to-action.style_3 .content {
  padding: 100px 30px 100px 50px;
  background-position: center;
  background-size: cover;
  border-radius: 20px;
}
.call-to-action.style_3 .heading-description {
  font-size: 16px;
}
.call-to-action.style_4 {
  padding-top: 140px;
  margin-bottom: 40px;
}
.call-to-action.style_4 .action-content-wrap {
  background-color: #FAF6EB;
  padding: 20px 20px 45px;
}
.call-to-action.style_4 .action-content-wrap .cta-left {
  position: relative;
  text-align: center;
}
.call-to-action.style_4 .action-content-wrap .cta-left .art {
  position: absolute;
  max-width: 192px;
  height: auto;
  z-index: 1;
  left: 20px;
  top: -65px;
}
.call-to-action.style_4 .action-content-wrap .cta-left .cta-img {
  border-radius: 16px;
  margin-top: -75px;
}
.call-to-action.style_4 .action-content-wrap .action-content {
  padding-top: 45px;
}
.call-to-action.style_4 .action-content-wrap .action-content .civi-modern-heading {
  max-width: 470px;
  margin-bottom: 30px;
}
.call-to-action.style_4 .action-content-wrap .action-content .civi-modern-heading .heading-primary {
  color: var(--civi-color-accent);
}
.call-to-action.style_4 .action-content-wrap .action-content .civi-modern-heading .heading-description {
  font-size: 16px;
  font-weight: 500;
}
@media (max-width: 1024px) {
  .call-to-action.style_4 {
    padding-top: 100px;
  }
}
@media (max-width: 767px) {
  .call-to-action.style_4 {
    padding-top: 80px;
  }
  .call-to-action.style_4 .action-content-wrap .cta-left .art {
    max-width: 96px;
  }
  .call-to-action.style_4 .action-content-wrap .action-content {
    padding-top: 35px;
  }
}
.call-to-action.style_5 {
  padding: 30px 0;
  background: #f9f9f9;
}
@media (max-width: 766px) {
  .call-to-action.style_5 {
    text-align: center;
  }
}
.call-to-action.style_6 .content {
  background: #FAF6EB;
  border-radius: 16px;
  overflow: hidden;
  margin: 15px 0;
}
.call-to-action.style_6 .content .context {
  padding-left: 80px;
  width: 90%;
}
@media (max-width: 767px) {
  .call-to-action.style_6 .content .context {
    padding: 40px 0 40px 14px;
    width: 100%;
  }
}
.call-to-action.style_6 .content .context .civi-modern-heading {
  padding-bottom: 20px;
}
.call-to-action.style_6 .content .context .civi-modern-heading .heading-primary {
  font-size: 34px;
}
.call-to-action.style_7 {
  padding: 80px 0 65px;
}
.call-to-action.style_7 .cta-image-wrap {
  padding-bottom: 140px;
  position: relative;
  text-align: center;
}
.call-to-action.style_7 .cta-image-wrap .art-1, .call-to-action.style_7 .cta-image-wrap .art-2, .call-to-action.style_7 .cta-image-wrap .art-3, .call-to-action.style_7 .cta-image-wrap .art-4 {
  position: absolute;
}
.call-to-action.style_7 .cta-image-wrap .art-1 {
  z-index: 1;
  left: 14%;
  top: 20px;
}
.call-to-action.style_7 .cta-image-wrap .art-4 {
  z-index: 1;
  right: 14%;
  bottom: 120px;
}
.call-to-action.style_7 .cta-image-wrap .art-3 {
  right: 0;
  top: 40px;
  z-index: 1;
}
.call-to-action.style_7 .cta-image-wrap .art-2 {
  left: 0;
  top: 40px;
}
.call-to-action.style_7 .cta-image-wrap .cta-img {
  position: relative;
  max-width: 370px;
  height: auto;
  width: 100%;
}
.call-to-action.style_7 .cta-right-content {
  padding-left: 115px;
}
.call-to-action.style_7 .civi-modern-heading {
  margin-bottom: 25px;
}
.call-to-action.style_7 .civi-modern-heading .heading-primary {
  font-size: 34px;
  color: var(--civi-color-accent);
}
.call-to-action.style_7 .civi-modern-heading .heading-description {
  font-size: 16px;
  font-weight: 600;
}
.call-to-action.style_7 .civi-button.button-outline {
  border-color: var(--civi-color-accent);
  color: var(--civi-color-accent);
}
.call-to-action.style_7 .civi-button.button-outline:hover {
  color: #FFF;
}
@media (max-width: 1199px) {
  .call-to-action.style_7 .cta-right-content {
    padding-left: 0;
  }
  .call-to-action.style_7 .civi-modern-heading .heading-primary {
    font-size: 26px;
  }
  .call-to-action.style_7 .cta-image-wrap {
    padding-bottom: 40px;
  }
  .call-to-action.style_7 .cta-image-wrap .art-4 {
    bottom: 20px;
    right: -15px;
  }
  .call-to-action.style_7 .cta-image-wrap .art-1 {
    left: -15px;
  }
}
@media (max-width: 767px) {
  .call-to-action.style_7 {
    padding-top: 60px;
  }
}
.call-to-action.style_9 {
  padding: 80px 0;
  position: relative;
}
.call-to-action.style_9:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--civi-color-accent);
  opacity: 0.8;
}
.call-to-action.style_9 .cta-content {
  position: relative;
}
.call-to-action.style_9 .cta-content .civi-modern-heading {
  margin-bottom: 35px;
}
.call-to-action.style_9 .cta-content .civi-modern-heading .heading-primary {
  font-size: 34px;
  color: #FFFFFF;
}
.call-to-action.style_9 .cta-content .civi-modern-heading .heading-description {
  font-size: 16px;
  font-weight: 500;
  color: #FFF;
}
.call-to-action.style_9 .cta-content .civi-button {
  background-color: #FFF;
  color: var(--civi-color-accent);
  transition: all 0.3s;
}
.call-to-action.style_9 .cta-content .civi-button:hover {
  fill: #FFFFFF;
  color: #FFFFFF;
  border-color: #FFFFFF;
  background-color: rgba(2, 1, 1, 0);
}
@media (max-width: 767px) {
  .call-to-action.style_9 {
    padding: 60px 0;
  }
  .call-to-action.style_9 .cta-content .civi-modern-heading .heading-primary {
    font-size: 28px;
  }
}

.call-to-action-three {
  padding: 100px 0;
}
.call-to-action-three .background-video-container {
  transition: opacity 1s;
  pointer-events: none;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  overflow: hidden;
  z-index: 0;
  direction: ltr;
}
.call-to-action-three .background-video-container .background-video-embed {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: none;
}
.call-to-action-three embed, .call-to-action-three iframe, .call-to-action-three object, .call-to-action-three video {
  max-width: none;
  margin: 0;
  line-height: 1;
  border: none;
}
.call-to-action-three .background-overlay {
  background-color: #111111;
  opacity: 0.5;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.call-to-action-eight {
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  padding: 80px 0;
}
.call-to-action-eight .background-overlay {
  background-color: #007456;
  opacity: 0.8;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.call-to-action-eight .civi-modern-heading {
  max-width: 100%;
  position: relative;
  text-align: center;
}
.call-to-action-eight .civi-modern-heading .heading-description, .call-to-action-eight .civi-modern-heading .heading-divider, .call-to-action-eight .civi-modern-heading .heading-primary, .call-to-action-eight .civi-modern-heading .heading-secondary {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
.call-to-action-eight .civi-modern-heading .heading-primary-wrap {
  line-height: 1;
}
.call-to-action-eight .civi-modern-heading .heading-primary-wrap .heading-primary {
  font-size: 34px;
  color: #FFFFFF;
  font-weight: 600;
  line-height: 1.3;
}
.call-to-action-eight .civi-modern-heading .heading-description-wrap {
  margin-top: 12px;
}
.call-to-action-eight .civi-modern-heading .heading-description {
  font-size: 16px;
  color: #FFFFFF;
  line-height: 1.44;
}
.call-to-action-eight .civi-button {
  margin-top: 50px;
  fill: #007456;
  color: #007456;
  border-color: #FFFFFF;
  background-color: #FFFFFF;
}
.call-to-action-eight .civi-button:hover {
  fill: #FFFFFF;
  color: #FFFFFF;
  background-color: rgba(2, 1, 1, 0);
}

.civi-icon-wrap {
  line-height: 0;
}

.civi-icon-view {
  display: inline-block;
  font-size: 60px;
}

.civi-icon {
  display: inline-block;
  text-align: center;
  font-size: 60px;
  line-height: 1;
  transition: all 0.3s;
  color: #818a91;
}
.civi-icon i,
.civi-icon svg {
  width: 1em;
  height: 1em;
  position: relative;
  display: block;
}
.civi-icon i {
  background: inherit;
}
.civi-icon i:before {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.civi-icon svg.svg-defs-gradient {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
}

.civi-solid-icon svg *[stroke^="#"],
.civi-solid-icon svg *[stroke^="url(#"] {
  stroke: currentColor;
}
.civi-solid-icon svg *[fill^="#"],
.civi-solid-icon svg *[fill^="url(#"] {
  fill: currentColor;
}

.civi-icon-view.second {
  display: none !important;
}

.civi-view-stacked .civi-icon-view {
  padding: 0.5em;
  background-color: var(--civi-color-primary);
}

.civi-view-bubble .civi-icon-wrap {
  position: relative;
  display: inline-block;
  padding-bottom: 21px;
}
.civi-view-bubble .civi-icon-view {
  border-radius: 50%;
  background-image: linear-gradient(-225deg, rgba(241, 212, 211, 0.17) 15%, rgba(223, 169, 168, 0.17) 85%);
}
.civi-view-bubble .civi-icon-view.first {
  padding: 0.84em;
}
.civi-view-bubble .civi-icon-view.second {
  display: inline-block !important;
  padding: 0.28em;
  position: relative;
  bottom: 21px;
  margin-left: 22px;
}
.civi-view-bubble .civi-icon-view .icon {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}

.civi-shape-circle .civi-icon-view {
  border-radius: 50%;
}

.elementor-widget-civi-icon-box .civi-icon-box {
  position: relative;
  display: block;
  width: 100%;
  /**
   * Hover background
   */
}
.elementor-widget-civi-icon-box .civi-icon-box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
}
.elementor-widget-civi-icon-box .civi-icon-box:hover:before {
  visibility: visible;
  opacity: 1;
}
.elementor-widget-civi-icon-box .civi-icon-box ul {
  margin: 0;
}
.elementor-widget-civi-icon-box .icon-box-wrapper {
  position: relative;
  z-index: 1;
  text-align: center;
}
.elementor-widget-civi-icon-box .heading,
.elementor-widget-civi-icon-box .description {
  display: inline-block;
}
.elementor-widget-civi-icon-box .heading {
  font-size: 20px;
  margin-bottom: 0;
}
.elementor-widget-civi-icon-box .heading a {
  color: inherit;
}
.elementor-widget-civi-icon-box .civi-icon-box .civi-icon {
  color: #333;
}
.elementor-widget-civi-icon-box .civi-icon-box:hover .heading-divider:after {
  width: 100%;
}
.elementor-widget-civi-icon-box .heading-divider-wrap {
  margin-top: 27px;
}
.elementor-widget-civi-icon-box .heading-divider {
  position: relative;
  height: 3px;
}
.elementor-widget-civi-icon-box .heading-divider:before, .elementor-widget-civi-icon-box .heading-divider:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
}
.elementor-widget-civi-icon-box .heading-divider:before {
  width: 100%;
  height: 1px;
  top: 1px;
  background: #eee;
}
.elementor-widget-civi-icon-box .heading-divider:after {
  width: 0;
  height: 3px;
  left: 50%;
  transform: translate(-50%, 0);
  background: var(--civi-color-primary);
}
.elementor-widget-civi-icon-box .heading-wrap + .description-wrap {
  margin-top: 8px;
}
.elementor-widget-civi-icon-box .description {
  font-size: 15px;
  line-height: 1.74;
}
.elementor-widget-civi-icon-box .icon-box-content {
  flex-grow: 1;
}
.elementor-widget-civi-icon-box .civi-button-wrapper {
  margin: 34px 0 0;
  line-height: 0;
}
.elementor-widget-civi-icon-box.civi-icon-box-style-01 .civi-icon-box {
  padding: 32px 37px 48px;
  background: #fff;
  border-radius: 5px;
}
.elementor-widget-civi-icon-box.civi-icon-box-style-01 .civi-icon-box:hover {
  box-shadow: 0 0 40px rgba(51, 51, 51, 0.1);
}
.elementor-widget-civi-icon-box.civi-icon-box-style-01 .civi-icon-box .heading {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.34;
}
.elementor-widget-civi-icon-box.civi-icon-box-style-01 .civi-icon-box .civi-button.style-text {
  color: #8c89a2;
}
.elementor-widget-civi-icon-box.civi-icon-box-style-01 .civi-icon,
.elementor-widget-civi-icon-box.civi-icon-box-style-01 .civi-icon-view {
  font-size: 56px;
}
.elementor-widget-civi-icon-box.civi-icon-box-style-01 .heading-wrap + .description-wrap {
  margin-top: 18px;
}
.elementor-widget-civi-icon-box.civi-icon-box-style-02 .civi-icon-box {
  padding: 51px 35px 50px;
}
.elementor-widget-civi-icon-box.civi-icon-box-style-02 .civi-icon-box:after {
  pointer-events: none;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: var(--civi-color-primary);
  opacity: 0;
  visibility: hidden;
}
.elementor-widget-civi-icon-box.civi-icon-box-style-02 .civi-icon-box:hover {
  background: #fff;
  box-shadow: 0 16px 40px #ededed;
}
.elementor-widget-civi-icon-box.civi-icon-box-style-02 .civi-icon-box:hover:after {
  opacity: 1;
  visibility: visible;
}
.elementor-widget-civi-icon-box.civi-icon-box-style-03 .civi-icon-box .civi-icon-view,
.elementor-widget-civi-icon-box.civi-icon-box-style-03 .civi-icon-box .civi-icon {
  font-size: 48px;
}
.elementor-widget-civi-icon-box.civi-icon-box-style-03 .civi-icon-box .heading {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5;
}
.elementor-widget-civi-icon-box.civi-icon-box-style-03 .civi-icon-box .description-wrap {
  margin-top: 12px;
}

@media (min-width: 768px) {
  .elementor-widget-civi-icon-box.elementor-position-left .icon-box-wrapper, .elementor-widget-civi-icon-box.elementor-position-right .icon-box-wrapper {
    display: flex;
  }
  .elementor-widget-civi-icon-box.elementor-position-left .civi-icon-wrap, .elementor-widget-civi-icon-box.elementor-position-right .civi-icon-wrap {
    display: inline-flex;
    flex: 0 0 auto;
  }
  .elementor-widget-civi-icon-box.elementor-position-left.civi-icon-box-style-03 .heading-wrap + .description-wrap, .elementor-widget-civi-icon-box.elementor-position-right.civi-icon-box-style-03 .heading-wrap + .description-wrap {
    margin-top: 10px;
  }
  .elementor-widget-civi-icon-box.elementor-position-right .icon-box-wrapper {
    text-align: right;
    flex-direction: row-reverse;
  }
  .elementor-widget-civi-icon-box.elementor-position-right .civi-icon-wrap {
    margin-left: 20px;
  }
  .elementor-widget-civi-icon-box.elementor-position-right.civi-icon-box-style-03 .civi-icon-wrap {
    margin-left: 35px;
  }
  .elementor-widget-civi-icon-box.elementor-position-left .icon-box-wrapper {
    text-align: left;
    flex-direction: row;
  }
  .elementor-widget-civi-icon-box.elementor-position-left .civi-icon-wrap {
    margin-right: 20px;
  }
  .elementor-widget-civi-icon-box.elementor-position-left.civi-icon-box-style-03 .civi-icon-wrap {
    margin-right: 35px;
  }
  .elementor-widget-civi-icon-box.elementor-position-top .civi-icon-wrap {
    margin-bottom: 24px;
  }
  .elementor-widget-civi-icon-box.elementor-vertical-align-top .icon-box-wrapper {
    align-items: flex-start;
  }
  .elementor-widget-civi-icon-box.elementor-vertical-align-middle .icon-box-wrapper {
    align-items: center;
  }
  .elementor-widget-civi-icon-box.elementor-vertical-align-bottom .icon-box-wrapper {
    align-items: flex-end;
  }
}
@media (max-width: 767px) {
  .elementor-widget-civi-icon-box .civi-icon-wrap {
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .elementor-widget-civi-icon-box.civi-icon-box-style-01 .civi-icon-box {
    padding: 41px 30px 25px;
  }
}
.smart-search, .input-search {
  position: relative;
}
.smart-search:after, .input-search:after {
  top: 50%;
  margin-top: -10px;
  line-height: 20px;
  right: 20px;
  color: #2F2D51;
  content: "\f17c";
  font-family: "Flaticon";
  font-size: 10px;
  position: absolute;
  font-weight: 900;
}
@media (max-width: 767px) {
  .smart-search:after, .input-search:after {
    right: 35px;
  }
}
.smart-search .parent_text, .smart-search .form-control, .input-search .parent_text, .input-search .form-control {
  border: none;
  box-shadow: none;
  font-size: 16px;
  color: #5191FA;
  position: relative;
  background: transparent;
}
.smart-search .parent_text::-moz-placeholder, .smart-search .form-control::-moz-placeholder, .input-search .parent_text::-moz-placeholder, .input-search .form-control::-moz-placeholder {
  color: #696969;
  opacity: 1;
}
.smart-search .parent_text::placeholder, .smart-search .form-control::placeholder, .input-search .parent_text::placeholder, .input-search .form-control::placeholder {
  color: #696969;
  opacity: 1;
}
.smart-search .parent_text[readonly], .smart-search .form-control[readonly], .input-search .parent_text[readonly], .input-search .form-control[readonly] {
  cursor: pointer;
}
.smart-search .bravo-autocomplete, .input-search .bravo-autocomplete {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.03);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  position: absolute;
  background: #fff;
  padding: 0;
  top: 100%;
  margin-top: 0;
  left: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 20;
  right: 0;
  max-height: 300px;
  overflow-y: auto;
  padding-bottom: 10px;
}
.smart-search .bravo-autocomplete.show, .input-search .bravo-autocomplete.show {
  opacity: 1;
  visibility: visible;
}
.smart-search .bravo-autocomplete .item, .input-search .bravo-autocomplete .item {
  cursor: pointer;
  padding: 7px 15px;
  line-height: 1.3;
  color: #888;
}
.smart-search .bravo-autocomplete .item:nth-child(2n), .input-search .bravo-autocomplete .item:nth-child(2n) {
  background: #fff;
}
.smart-search .bravo-autocomplete .item:last-child, .input-search .bravo-autocomplete .item:last-child {
  margin-bottom: 0;
}
.smart-search .bravo-autocomplete .item .h-line, .input-search .bravo-autocomplete .item .h-line {
  font-weight: 500;
}
.smart-search .bravo-autocomplete .item i, .input-search .bravo-autocomplete .item i {
  margin-right: 5px;
  font-size: 16px;
  position: relative;
  top: 1px;
  color: #828282;
}
.smart-search .bravo-autocomplete .message, .input-search .bravo-autocomplete .message {
  display: none;
  padding: 10px 15px;
  font-size: 14px;
  color: #424242;
}
.smart-search .bravo-autocomplete.on-message .list-item, .input-search .bravo-autocomplete.on-message .list-item {
  display: none;
}
.smart-search .bravo-autocomplete.on-message .message, .input-search .bravo-autocomplete.on-message .message {
  display: block;
}

.entry-filter .icon {
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -15px;
  font-size: 16px;
  line-height: 30px;
  z-index: 10;
}

.entry-filter .has-icon .form-control {
  padding-left: 54px;
}
.entry-filter .form-control {
  color: inherit;
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #ecedf2;
}
.entry-filter .smart-search .form-control {
  background: white;
}

.home3-company-section {
  padding: 65px 0;
}

.block--news {
  padding: 60px 0;
}
.block--news .civi-modern-heading {
  margin-bottom: 43px;
}
.block--news .post-wrapper {
  height: auto;
  margin-bottom: 30px;
}
.block--news .post-wrapper .post-thumbnail {
  height: auto;
  border-radius: 16px;
  overflow: hidden;
}
.block--news .post-wrapper .post-thumbnail img {
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
}
.block--news .post-wrapper:hover .post-thumbnail img {
  transform: scale3d(1.1, 1.1, 1.1);
}
.block--news .civi-blog .grid-item {
  min-width: 0;
}
.block--news .civi-blog.civi-blog-grid .post-wrapper {
  height: auto;
}
.block--news .civi-blog .post-wrapper, .block--news .civi-blog-overlay-style-float .post-overlay-background, .block--news .civi-blog-overlay-style-float-02 .post-overlay-background {
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.block--news .civi-blog .post-item {
  box-sizing: border-box;
  word-wrap: break-word;
}
.block--news .civi-blog-caption-style-01 .post-thumbnail {
  border-radius: 5px;
  overflow: hidden;
}
.block--news .civi-blog .post-thumbnail {
  position: relative;
}
.block--news .civi-animation-zoom-in .civi-image {
  overflow: hidden;
}
.block--news .post-content:not(.elementor-content) a, .block--news .page .entry-content a {
  font-weight: 500;
  text-decoration: none;
}
.block--news .post-thumbnail img {
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
}
.block--news .civi-blog .post-thumbnail img {
  border-radius: inherit;
  width: 100%;
}
.block--news .civi-animation-zoom-in .civi-image img, .block--news .civi-animation-zoom-in .civi-image .image {
  width: 100%;
  transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
}
.block--news .civi-animation-zoom-in .civi-box:hover .civi-image img, .block--news .civi-animation-zoom-in .civi-box:hover .civi-image .image {
  transform: scale3d(1.1, 1.1, 1.1);
}
.block--news .post-caption {
  padding: 15px 0 14px;
}
.block--news .civi-blog .top-blog {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.block--news .civi-blog .top-blog .post-categories, .block--news .civi-blog .top-blog .post-meta, .block--news .civi-blog .top-blog .post-time {
  margin-bottom: 0 !important;
}
.block--news .post-meta {
  margin: 0 0 7px;
}
.block--news .civi-blog .post-meta .inner {
  margin-left: -12px;
  margin-right: -12px;
}
.block--news .civi-blog .post-meta .inner > div {
  display: inline-block;
  margin: 0 0 5px;
  padding: 0 12px;
}
.block--news .civi-blog .post-categories {
  font-size: 16px;
  font-weight: 400;
  color: var(--civi-color-accent);
  margin: 0 0 6px;
}
@media (max-width: 1023px) {
  .block--news .civi-blog .post-categories {
    display: none;
  }
}
@media (max-width: 1023px) {
  .block--news .post-excerpt {
    font-size: 14px;
  }
}
.block--news .civi-blog .top-blog .post-categories::before {
  content: "";
  margin-left: 10px;
  margin-right: 10px;
  width: 4px;
  height: 4px;
  background-color: #ddd;
  display: inline-block;
  border-radius: 50%;
  margin-bottom: 4px;
}
@media (max-width: 1023px) {
  .block--news .civi-blog .top-blog .post-categories::before {
    display: none;
  }
}
.block--news .post-categories li:last-child {
  margin-right: 0;
}
.block--news .post-categories li {
  display: inline-block;
  margin-right: 10px;
}
.block--news .civi-blog .post-categories a {
  color: inherit;
  transition: all 0.3s;
  font-weight: 500;
  text-decoration: none;
}
.block--news .post-content:not(.elementor-content) a, .block--news .page .entry-content a {
  font-weight: 500;
  text-decoration: none;
}
.block--news .civi-blog-caption-style-01 {
  margin-bottom: 20px;
}
.block--news .civi-blog .post-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  margin: 7px 0 0;
}
@media (max-width: 1023px) {
  .block--news .civi-blog .post-title {
    font-size: 16px;
    font-weight: 600;
  }
}
.block--news .civi-blog .post-categories a {
  color: inherit;
  transition: all 0.3s;
}
.block--news .post-content:not(.elementor-content) a, .block--news .page .entry-content a {
  font-weight: 500;
  text-decoration: none;
}
.block--news .civi-button {
  fill: var(--civi-color-accent);
  color: var(--civi-color-accent);
  border-color: var(--civi-color-accent);
}
.block--news.block-news-6 .post-wrapper .post-thumbnail {
  border-radius: 5px;
}
.block--news.block-news-6 .civi-button {
  color: var(--civi-color-accent);
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  padding: 0;
  line-height: 1.3;
  position: relative;
  font-weight: 500;
}
.block--news.block-news-6 .civi-button:before, .block--news.block-news-6 .civi-button:after {
  content: "";
  height: 1px;
  display: block;
  position: absolute;
  background-color: var(--civi-color-accent);
  transition: width 0.3s;
}
.block--news.block-news-6 .civi-button:before {
  left: 0;
  bottom: 0;
  width: 0;
  transition-delay: 0.3s;
}
.block--news.block-news-6 .civi-button:after {
  right: 0;
  width: 100%;
  bottom: 0;
}
.block--news.block-news-6 .civi-button:hover:before {
  width: 100%;
}
.block--news.block-news-6 .civi-button:hover:after {
  width: 0;
}
.block--news.style-2 img {
  height: auto !important;
  border-radius: 10px !important;
}
.block--news.style-2 .list-item p {
  margin: 0;
}
.block--news.style-2 .list-item .post-wrapper {
  display: flex;
}
.block--news.style-2 .list-item .civi-image {
  flex: 0 0 35%;
}
.block--news.style-2 .list-item .post-caption {
  flex: 0 0 65%;
  padding: 15px 15px 0 15px;
}
.block--news.style-2 .list-item .post-excerpt {
  font-size: 14px;
}
@media (max-width: 1023px) {
  .block--news.style-2 .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.job-alerts-wrapper {
  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  border-radius: 16px;
  max-width: 435px;
  margin: 0 auto 60px;
  padding: 32px;
}
.job-alerts-wrapper .form-heading {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 25px;
}
.job-alerts-wrapper .form-heading svg {
  margin-right: 16px;
}
@media (max-width: 767px) {
  .job-alerts-wrapper {
    width: calc(100% - 30px);
  }
}

.job-alerts-form .field-input {
  margin-bottom: 24px;
  position: relative;
}
.job-alerts-form .field-input label {
  color: #111111;
  font-weight: 500;
}
.job-alerts-form .field-input label span {
  color: red;
}
.job-alerts-form .field-select {
  margin-bottom: 24px;
  position: relative;
}
.job-alerts-form .field-select label {
  color: #111111;
  font-weight: 500;
}
.job-alerts-form .form-select {
  position: relative;
  position: relative;
  z-index: 1;
  z-index: 1;
}
.job-alerts-form .form-select .select2-container--default .select2-selection--multiple {
  background-color: transparent;
}
.job-alerts-form .form-select .select2-container--default .select2-selection--single {
  background-color: transparent;
}
.job-alerts-form .form-select i.fa-angle-down {
  right: 19px;
  z-index: 0;
  color: var(--civi-color-secondary);
}
.job-alerts-form .nice-select .list {
  width: 100%;
}
.job-alerts-form .notice {
  margin-bottom: 20px;
}
.job-alerts-form .notice.warning {
  color: #eab925;
}
.job-alerts-form .notice.success {
  color: green;
}
.job-alerts-form .field-submit .btn-loading {
  display: none;
}
.job-alerts-form.loading .btn-loading {
  display: inline-block !important;
}
.job-alerts-form input.error {
  border-color: red;
}

.civi-feature-box-icon {
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #EEEEEE;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  padding: 40px 0px 30px 0px;
}
.civi-feature-box-icon .civi-icon-box {
  position: relative;
  display: block;
  width: 100%;
}
@media (max-width: 1023px) {
  .civi-feature-box-icon .civi-icon-box {
    margin-bottom: 15px;
  }
}
.civi-feature-box-icon .civi-icon-box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
}
.civi-feature-box-icon .civi-icon-box:hover:before {
  visibility: visible;
  opacity: 1;
}
.civi-feature-box-icon .civi-icon-box ul {
  margin: 0;
}
.civi-feature-box-icon .icon-box-wrapper {
  align-items: flex-start;
  display: flex;
}
.civi-feature-box-icon .civi-icon-wrap {
  margin-right: 20px;
}
.civi-feature-box-icon .civi-icon-view {
  padding: 21px;
  background-color: #F2F8F7;
  border-radius: 50%;
}
.civi-feature-box-icon .civi-icon-view .civi-icon {
  font-size: 22px;
  height: 25px;
  width: 25px;
}
.civi-feature-box-icon .civi-icon-view img {
  max-width: 30px;
}
.civi-feature-box-icon .icon-box-content {
  flex-grow: 1;
}
.civi-feature-box-icon .heading {
  font-size: 18px;
}
.civi-feature-box-icon .description-wrap {
  margin-top: 8px;
}
.civi-feature-box-icon .description {
  font-size: 15px;
  line-height: 1.74;
}

.list-company-categories {
  background-color: #F9F9F9;
  padding: 60px 0 80px;
}
.list-company-categories .slick-arrow.gl-next {
  transform: translate(0, -50%);
  right: 0;
}
.list-company-categories .civi-modern-heading {
  margin-bottom: 30px;
}
.list-company-categories .list-cate-item {
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}
.list-company-categories .list-cate-item .cate-content {
  padding: 24px;
  background-color: #fff;
  border-radius: 16px;
}
.list-company-categories .list-cate-item .cate-content .cate-inner-content .cate-title {
  font-size: 18px;
  margin-bottom: 4px;
}
.list-company-categories .list-cate-item .cate-content .cate-inner-content .cate-count {
  font-weight: 500;
  margin-bottom: 0;
}
.list-company-categories .list-cate-item .cate-content .list-company {
  display: inline-flex;
  align-items: center;
  margin-top: 16px;
  min-height: 54px;
}
.list-company-categories .list-cate-item .cate-content .list-company .company-img {
  position: relative;
}
.list-company-categories .list-cate-item .cate-content .list-company .company-img + .company-img {
  margin-left: -12px;
}
.list-company-categories .list-cate-item .cate-content .list-company .company-img:hover {
  z-index: 2;
}
.list-company-categories .list-cate-item .cate-content .list-company .company-img .logo-comnpany {
  height: 54px;
  width: 54px;
  -o-object-fit: cover;
     object-fit: cover;
  background-color: #f9f9f9;
  border-radius: 50%;
  text-align: center;
  line-height: 54px;
  max-width: none;
  display: inline-block;
  border: 2px solid var(--civi-color-border);
}
.list-company-categories .list-cate-item .cate-content .button-warpper {
  margin-top: 16px;
}

.bg-grey {
  background-color: #f9f9f9;
}