/* ------------------------------------------------
    - Google Fonts
    - Page Loader
    - Utilities
    - Components
    - Navbar
    - Hero Header
    - Footer
    - About Page
    - Blog Page
    - Blog Details
    - Contact Page
    - Pricing page
    - Company Details Page
    - Job Category Page
    - Authentication Page
    - Job Details Page
    - Style Guide Page
------------------------------------------------ */
/* Google Fonts ------ */
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100;0,9..40,200;0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;0,9..40,900;0,9..40,1000;1,9..40,100;1,9..40,200;1,9..40,300;1,9..40,400;1,9..40,500;1,9..40,600;1,9..40,700;1,9..40,800;1,9..40,900;1,9..40,1000&display=swap");

/* ----------------------------------------------------------------
    -   General Styles
----------------------------------------------------------------- */
:root {
  --bs-body-color: #707070;
  --blog-post-bg-color: rgba(39, 71, 213, 0.9);
  --footer-bg-color: #0e0e0e;
  --bs-border-color-translucent: #dee2e6;
  --bs-link-color-rgb: 36, 35, 37;
  --bs-link-hover-color-rgb: 22, 59, 222;
  --bs-link-hover-color: #2747d5;
  --bs-primary: #2747d5;
  --bs-primary-rgb: 39, 71, 213;
  --bs-warning: #ffd105;
  --bs-warning-rgb: 255, 193, 7;
  --bs-dark: #0e0e0e;
  --bs-dark-rgb: 14, 14, 14;
  --bs-light-rgb: 244, 245, 252;
  --bs-heading-color: #212529;
  --bs-gradient: linear-gradient(#eceef9, #fff);
  --bs-font-sans-serif: "DM Sans", sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

html {
  scroll-padding-top: 76px;
}

a {
  text-decoration: none;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--bs-heading-color);
}

a:hover {
  text-decoration: none;
}

@media (min-width: 992px) {
  .main-content {
    padding-top: 77px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .container,
  .container-sm {
    max-width: 100%;
  }
}

/* -----------------------------------------------------------------
    -  Page Loader
----------------------------------------------------------------- */

.page-loader-wrapper {
  z-index: 99999999;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #eee;
  overflow: hidden;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page-loader-wrapper .loader {
  position: relative;
}

.preloader {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
  -webkit-animation: 1568ms linear infinite container-rotate;
  animation: 1568ms linear infinite container-rotate;
}

.spinner-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  border-color: #f44336;
  -ms-opacity: 1;
  opacity: 1;
  -webkit-animation: 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both fill-unfill-rotate;
  animation: 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both fill-unfill-rotate;
}

.spinner-layer.pl-green {
  border-color: var(--bs-primary);
}

.circle-clipper,
.circle-clipper .circle,
.gap-patch {
  height: 100%;
  border-color: inherit;
}

.chat_list .odd .chat-avatar,
.right {
  float: right !important;
}

.circle-clipper {
  display: inline-block;
  position: relative;
  width: 50%;
  overflow: hidden;
}

.circle-clipper .circle {
  width: 200%;
  border-width: 3px;
  border-style: solid;
  border-bottom-color: transparent !important;
  border-radius: 50%;
  -webkit-animation: none;
  animation: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

.circle-clipper.left .circle {
  left: 0;
  border-right-color: transparent !important;
  -webkit-transform: rotate(129deg);
  -ms-transform: rotate(129deg);
  transform: rotate(129deg);
  -webkit-animation: 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both left-spin;
  animation: 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both left-spin;
}

.circle-clipper.right .circle {
  left: -100%;
  border-left-color: transparent !important;
  -webkit-transform: rotate(-129deg);
  -ms-transform: rotate(-129deg);
  transform: rotate(-129deg);
  -webkit-animation: 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both right-spin;
  animation: 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both right-spin;
}

.page-loader-wrapper p {
  letter-spacing: 8px;
}

@-webkit-keyframes container-rotate {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes container-rotate {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  25% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }

  37.5% {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg);
  }

  50% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg);
  }

  62.5% {
    -webkit-transform: rotate(675deg);
    transform: rotate(675deg);
  }

  75% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg);
  }

  87.5% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg);
  }

  to {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg);
  }
}

@keyframes fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  25% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }

  37.5% {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg);
  }

  50% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg);
  }

  62.5% {
    -webkit-transform: rotate(675deg);
    transform: rotate(675deg);
  }

  75% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg);
  }

  87.5% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg);
  }

  to {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg);
  }
}

@-webkit-keyframes left-spin {
  from,
  to {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
  }

  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}

@keyframes left-spin {
  from,
  to {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
  }

  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}

@-webkit-keyframes right-spin {
  from,
  to {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }

  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

@keyframes right-spin {
  from,
  to {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }

  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}

/* -----------------------------------------------------------------
    -  Utilities
----------------------------------------------------------------- */

.top-1 {
  top: 1rem !important;
}

.start-1 {
  left: 1rem !important;
}

.end-1 {
  right: 1rem !important;
}

.bottom-1 {
  bottom: 1rem !important;
}

/* Background --- */

.background-size-cover {
  background-size: cover;
}

.background-no-repeat {
  background-repeat: no-repeat;
}

.background-center {
  background-position: center;
}

.background-bottom {
  background-position: bottom;
}

/* Shadow -------- */
.shadow {
  -webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.06) !important;
  box-shadow: 0 2px 18px rgba(0, 0, 0, 0.06) !important;
}

.shadow-primary {
  -webkit-box-shadow: 2px 2px 20px 0 rgb(22 59 222 / 12%) !important;
  box-shadow: 2px 2px 20px 0 rgb(22 59 222 / 12%) !important;
}

.shadow-end {
  -webkit-box-shadow: rgba(0, 0, 0, 0.06) 10px 0px 6px -5px;
  box-shadow: rgba(0, 0, 0, 0.06) 10px 0px 6px -5px;
}

.shadow-start {
  -webkit-box-shadow: rgba(0, 0, 0, 0.06) -10px 0px 6px -5px;
  box-shadow: rgba(0, 0, 0, 0.06) -10px 0px 6px -5px;
}

.word-break-all {
  word-break: break-all;
}

/* Text Stroke -------- */

.text-stroke {
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #212529;
  text-shadow: 0.03em 0.03em 0 #212529;
}

/* Letter spacing ----- */
.l-spacing-1 {
  letter-spacing: 0.1rem;
}

.l-spacing-2 {
  letter-spacing: 0.2rem;
}

/*Font weight ---------*/

.fw-thin {
  font-weight: 100 !important;
}

.fw-extra-light {
  font-weight: 200 !important;
}

.fw-extra-bold {
  font-weight: 800 !important;
}

.fw-black {
  font-weight: 900 !important;
}

/* Font size ------------------ */
.fs-8 {
  font-size: 8px !important;
}

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

.fs-11 {
  font-size: 11px !important;
}

.fs-12 {
  font-size: 12px !important;
}

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

.fs-14 {
  font-size: 14px !important;
}

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

.fs-16 {
  font-size: 16px !important;
}

.fs-17 {
  font-size: 17px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-19 {
  font-size: 19px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-21 {
  font-size: 21px !important;
}

.fs-22 {
  font-size: 22px !important;
}

.fs-23 {
  font-size: 23px !important;
}

.fs-24 {
  font-size: 24px !important;
}

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

.fs-26 {
  font-size: 26px !important;
}

.fs-27 {
  font-size: 27px !important;
}

.fs-28 {
  font-size: 28px !important;
}

.fs-29 {
  font-size: 29px !important;
}

.fs-30 {
  font-size: 30px !important;
}

.fs-31 {
  font-size: 31px !important;
}

.fs-32 {
  font-size: 32px !important;
}

.fs-33 {
  font-size: 33px !important;
}

.fs-34 {
  font-size: 34px !important;
}

.fs-35 {
  font-size: 35px !important;
}

.fs-36 {
  font-size: 36px !important;
}

.fs-37 {
  font-size: 37px !important;
}

.fs-38 {
  font-size: 38px !important;
}

.fs-39 {
  font-size: 39px !important;
}

.fs-40 {
  font-size: 40px !important;
}

.fs-41 {
  font-size: 41px !important;
}

.fs-42 {
  font-size: 42px !important;
}

.fs-43 {
  font-size: 43px !important;
}

.fs-44 {
  font-size: 44px !important;
}

.fs-45 {
  font-size: 45px !important;
}

.fs-46 {
  font-size: 46px !important;
}

.fs-47 {
  font-size: 47px !important;
}

.fs-48 {
  font-size: 48px !important;
}

.fs-49 {
  font-size: 49px !important;
}

.fs-50 {
  font-size: 50px !important;
}

.fs-51 {
  font-size: 51px !important;
}

.fs-52 {
  font-size: 52px !important;
}

.fs-53 {
  font-size: 53px !important;
}

.fs-54 {
  font-size: 54px !important;
}

.fs-55 {
  font-size: 55px !important;
}

.fs-56 {
  font-size: 56px !important;
}

.fs-57 {
  font-size: 57px !important;
}

.fs-58 {
  font-size: 58px !important;
}

.fs-59 {
  font-size: 59px !important;
}

.fs-60 {
  font-size: 60px !important;
}

.fs-61 {
  font-size: 61px !important;
}

.fs-62 {
  font-size: 62px !important;
}

.fs-63 {
  font-size: 63px !important;
}

.fs-64 {
  font-size: 64px !important;
}

.fs-65 {
  font-size: 65px !important;
}

.fs-66 {
  font-size: 66px !important;
}

.fs-67 {
  font-size: 67px !important;
}

.fs-68 {
  font-size: 68px !important;
}

.fs-69 {
  font-size: 69px !important;
}

.fs-71 {
  font-size: 71px !important;
}

.fs-72 {
  font-size: 72px !important;
}

.fs-73 {
  font-size: 73px !important;
}

.fs-74 {
  font-size: 74px !important;
}

.fs-75 {
  font-size: 75px !important;
}

.fs-76 {
  font-size: 76px !important;
}

.fs-77 {
  font-size: 77px !important;
}

.fs-78 {
  font-size: 78px !important;
}

.fs-79 {
  font-size: 79px !important;
}

.fs-81 {
  font-size: 81px !important;
}

.fs-82 {
  font-size: 82px !important;
}

.fs-83 {
  font-size: 83px !important;
}

.fs-84 {
  font-size: 84px !important;
}

.fs-85 {
  font-size: 85px !important;
}

.fs-86 {
  font-size: 86px !important;
}

.fs-87 {
  font-size: 87px !important;
}

.fs-88 {
  font-size: 88px !important;
}

.fs-89 {
  font-size: 89px !important;
}

.fs-91 {
  font-size: 91px !important;
}

.fs-92 {
  font-size: 92px !important;
}

.fs-93 {
  font-size: 93px !important;
}

.fs-94 {
  font-size: 94px !important;
}

.fs-95 {
  font-size: 95px !important;
}

.fs-96 {
  font-size: 96px !important;
}

.fs-97 {
  font-size: 97px !important;
}

.fs-98 {
  font-size: 98px !important;
}

.fs-99 {
  font-size: 99px !important;
}

.fs-100 {
  font-size: 100px !important;
}

/*Background color -----------------*/
.bg-soft-primary {
  --bs-bg-opacity: 0.08;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-gradient-primary {
  background: -o-linear-gradient(top, #f8f9fa, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f9fa), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, #f8f9fa, rgba(255, 255, 255, 0) 100%);
}

/* Background Image Gradient ------- */

.bg-gradient-img {
  background-image: url("../img/pattern.svg"), -webkit-gradient(linear, left top, left bottom, from(#eceef9), to(#fff));
  background-image: url("../img/pattern.svg"), -o-linear-gradient(#eceef9, #fff);
  background-image: url("../img/pattern.svg"), linear-gradient(#eceef9, #fff);
}

/* Docs css -----------------*/
.cs-content {
  grid-area: content;
  min-width: 1px;
}

.cs-content > :target {
  padding-top: 5rem;
  margin-top: -5rem;
}

.cs-content > h2:not(:first-child) {
  margin-top: 3rem;
}

.cs-content > h3,
.cs-content > h4 {
  margin-top: 2.5rem;
}

.cs-content > ul li + li,
.cs-content > ol li + li {
  margin-top: 0.5rem;
}

.cs-content > ul li > p ~ ul,
.cs-content > ol li > p ~ ul {
  margin-top: -0.5rem;
  margin-bottom: 1rem;
}

.cs-content > .table,
.cs-content > .table-responsive .table {
  margin-bottom: 1.5rem;
  font-size: 0.875rem;
}

.cs-content > hr {
  margin: 3rem 0;
}

@media (max-width: 991.98px) {
  .cs-content > .table.table-bordered,
  .cs-content > .table-responsive .table.table-bordered {
    border: 0;
  }
}

.cs-content > .table thead,
.cs-content > .table-responsive .table thead {
  border-bottom: 2px solid currentcolor;
}

.cs-content > .table tbody:not(:first-child),
.cs-content > .table-responsive .table tbody:not(:first-child) {
  border-top: 2px solid currentcolor;
}

.cs-content > .table th:first-child,
.cs-content > .table td:first-child,
.cs-content > .table-responsive .table th:first-child,
.cs-content > .table-responsive .table td:first-child {
  padding-left: 0;
}

.cs-content > .table th:not(:last-child),
.cs-content > .table td:not(:last-child),
.cs-content > .table-responsive .table th:not(:last-child),
.cs-content > .table-responsive .table td:not(:last-child) {
  padding-right: 1.5rem;
}

.cs-content > .table th,
.cs-content > .table td:first-child > code,
.cs-content > .table-responsive .table th,
.cs-content > .table-responsive .table td:first-child > code {
  white-space: nowrap;
}

.bd-title {
  font-size: calc(1.425rem + 2.1vw);
}

@media (min-width: 1200px) {
  .bd-title {
    font-size: 3rem;
  }
}

.bd-lead {
  font-size: calc(1.275rem + 0.3vw);
  font-weight: 300;
}

@media (min-width: 1200px) {
  .bd-lead {
    font-size: 1.5rem;
  }
}

.cs-callout {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  background-color: var(--cs-callout-bg, var(--bs-gray-100));
  border-left: 0.25rem solid var(--cs-callout-border, var(--bs-gray-300));
}

.cs-callout-danger {
  --cs-callout-bg: rgba(var(--bs-danger-rgb), 0.075);
  --cs-callout-border: rgba(var(--bs-danger-rgb), 0.5);
}

.cs-callout-warning {
  --cs-callout-bg: rgba(var(--bs-warning-rgb), 0.075);
  --cs-callout-border: rgba(var(--bs-warning-rgb), 0.5);
}

/* Gutter --- */
.gy-custom {
  --bs-gutter-y: 2.2rem;
}

/* Google Linkedin Buttons ----- */
.google-btn,
.linkedin-btn {
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(122, 122, 122, 0.2);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(122, 122, 122, 0.2);
}

.google-btn:focus,
.google-btn:hover,
.linkedin-btn:focus,
.linkedin-btn:hover {
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.24);
  background-color: #fff;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/* -----------------------------------------------------------------
    -  Components
----------------------------------------------------------------- */
/* Form Checkbox --------- */
.form-check {
  padding-left: 2em;
}

.form-check-input {
  width: 1.3em;
  height: 1.3em;
  margin-top: 0.15em;
  border-color: #eceef9;
  --bs-form-check-bg: #eceef9;
}

.form-check .form-check-input {
  margin-left: -2em;
}

.form-check-input:checked {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.form-check-input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-check-input[type="checkbox"] {
  border-radius: 0.4em;
}

.form-check-label {
  font-weight: 500;
  color: var(--bs-dark);
}

/* Form Control & Form Select --------- */

.form-group {
  position: relative;
}

.form-control,
.form-select {
  font-size: 15px;
  font-weight: 500;
  height: 52px;
  border-radius: 0.5rem;
}

textarea.form-control {
  height: auto;
}

.form-control-sm,
.form-select-sm {
  font-size: 0.875rem;
  border-radius: 0.4rem;
  height: 2.237rem;
}

.form-group .form-control,
.form-group .form-select {
  height: 52px;
  padding: 0 20px;
}

.form-group .form-select {
  padding-right: 40px;
}

.form-control.password,
.form-control.c-password {
  padding-right: 45px;
}

.form-group label {
  position: absolute;
  top: -11px;
  left: 10px;
  pointer-events: none;
  z-index: 4;
  background: #fff;
  padding: 0 10px;
  font-weight: 500;
  color: var(--bs-dark);
}

.form-group textarea.form-control {
  height: auto;
  padding: 15px 20px;
}

.form-control:hover,
.form-select:hover {
  -webkit-box-shadow: inset 0 0 0 1px var(--bs-primary);
  box-shadow: inset 0 0 0 1px var(--bs-primary);
}

@-webkit-keyframes autofill {
  to {
    color: #212529;
    background-color: #fff;
    border-color: #e4e4e4;
  }
}

.form-control:-webkit-autofill {
  -webkit-animation-name: autofill;
  -webkit-animation-fill-mode: both;
}

.form-control:focus,
.form-select:focus {
  -webkit-box-shadow: inset 0 0 0 1px var(--bs-primary);
  box-shadow: inset 0 0 0 1px var(--bs-primary);
  border-color: transparent;
}

.required:after {
  content: "*";
  position: relative;
  font-size: inherit;
  color: rgba(var(--bs-danger-rgb)) !important;
  padding-left: 0.15rem;
  font-weight: 600;
}

.toggle-password {
  top: 50%;
  right: 10px;
  position: absolute;
  color: #666;
  cursor: pointer;
  pointer-events: all;
  -webkit-transform: translate(-5px, -50%);
  -ms-transform: translate(-5px, -50%);
  transform: translate(-5px, -50%);
  font-size: 14px;
}

/* Buttons --------- */

.btn {
  --bs-btn-padding-x: 1rem;
  --bs-btn-padding-y: 0.625rem;
  --bs-btn-border-radius: 0.5rem;
}

.btn-group-lg > .btn,
.btn-lg {
  --bs-btn-padding-y: 0.739rem;
  --bs-btn-padding-x: 1.5rem;
  --bs-btn-font-size: 1.1rem;
  --bs-btn-border-radius: 0.6rem;
}

.btn-group-sm > .btn,
.btn-sm {
  --bs-btn-padding-y: 0.4rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 0.4rem;
}

/*Button primary*/
.btn-primary {
  --bs-btn-bg: #163bde;
  --bs-btn-border-color: #163bde;
  --bs-btn-hover-bg: #0e2ebb;
  --bs-btn-hover-border-color: #0e2ebb;
  --bs-btn-focus-shadow-rgb: none;
  --bs-btn-active-bg: #0e2ebb;
  --bs-btn-active-border-color: #0e2ebb;
  --bs-btn-disabled-bg: #163bde;
  --bs-btn-disabled-border-color: #163bde;
}

.btn-outline-primary {
  --bs-btn-color: #163bde;
  --bs-btn-border-color: #163bde;
  --bs-btn-hover-bg: #0e2ebb;
  --bs-btn-hover-border-color: #0e2ebb;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-bg: #0e2ebb;
  --bs-btn-active-border-color: #0e2ebb;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0e2ebb;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0e2ebb;
  --bs-gradient: none;
}

.btn-outline-default {
  --bs-btn-color: #163bde;
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #ced4da;
  --bs-btn-hover-color: #163bde;
  --bs-btn-hover-bg: #cdcdcd;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #163bde;
  --bs-btn-active-bg: #e7e7e7;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #163bde;
  --bs-btn-disabled-bg: #fff;
  --bs-btn-disabled-border-color: #ced4da;
}

.btn-light {
  --bs-btn-bg: #eceef9;
  --bs-btn-border-color: #eceef9;
  --bs-btn-hover-bg: #d7d9e7;
  --bs-btn-hover-border-color: #d7d9e7;
  --bs-btn-active-bg: #d7d9e7;
  --bs-btn-active-border-color: #d7d9e7;
  --bs-btn-disabled-bg: #d7d9e7;
  --bs-btn-disabled-border-color: #d7d9e7;
}

.btn-warning {
  --bs-btn-color: #0e0e0e;
  --bs-btn-bg: #ffd105;
  --bs-btn-border-color: #ffd105;
  --bs-btn-hover-color: #0e0e0e;
  --bs-btn-hover-bg: #e7be05;
  --bs-btn-hover-border-color: #e7be05;
  --bs-btn-active-bg: #e7be05;
  --bs-btn-active-color: #0e0e0e;
  --bs-btn-active-border-color: #e7be05;
  --bs-btn-disabled-bg: #ffd105;
  --bs-btn-disabled-color: #0e0e0e;
  --bs-btn-disabled-border-color: #ffd105;
}

.btn-dark {
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-bg: #0e0e0e;
  --bs-btn-hover-border-color: #0e0e0e;
  --bs-btn-active-bg: #0e0e0e;
  --bs-btn-active-border-color: #0e0e0e;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}

/* Accordion --------- */
.accordion-item {
  background-color: #f9f9f9;
}

.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.accordion-button {
  border-radius: 1rem;
  background-color: #f9f9f9;
}

.accordion-button:not(.collapsed) {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.bg-gradient .accordion-item,
.bg-gradient .accordion-button {
  background-color: #fff;
}

.bg-warning .accordion-item,
.bg-gradient .bg-warning .accordion-item {
  border: 1px solid var(--bs-dark) !important;
}

/* List Style (checked) --------- */

.list-checked {
  padding-left: 0;
  text-align: left;
  list-style-type: none;
}

.list-checked > li {
  position: relative;
  padding-left: 2.25rem;
}

.list-checked > li + li,
.list-order > li + li {
  margin-top: 0.75rem;
}

.list-checked > li::before {
  position: absolute;
  top: 50%;
  left: 0;
  font-family: "Font Awesome 6 Free";
  content: "\f00c";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  font-size: 0.75rem;
  border-radius: 50%;
  background-color: rgb(22, 59, 222, 0.1);
  color: var(--bs-primary);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-weight: 900;
}

/* Select2 --------- */

.select2-container--bootstrap-5 .select2-selection {
  font-size: 15px;
  font-weight: 500;
  border-radius: 0.5rem;
  line-height: 1;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  font-size: 13px;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  width: 0.5rem;
  height: 0.5rem;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option {
  padding: 0.375rem 0.75rem;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}

.select2-container--bootstrap-5 .select2-dropdown {
  border-color: var(--bs-primary);
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected,
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected="true"]:not(.select2-results__option--highlighted) {
  background-color: var(--bs-primary);
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection,
.select2-container--bootstrap-5.select2-container--open .select2-selection {
  border-color: transparent;
  -webkit-box-shadow: inset 0 0 0 1px var(--bs-primary);
  box-shadow: inset 0 0 0 1px var(--bs-primary);
}

/* Breadcrumb ----- */

.breadcrumb-wrap {
  padding: 12px 0;
  border-bottom: 1px dotted #ddd;
}

.breadcrumb {
  --bs-breadcrumb-divider-color: #163bde;
  --bs-breadcrumb-item-active-color: #163bde;
}

.breadcrumb-item + .breadcrumb-item::before {
  font-size: 12px;
  font-weight: 600;
  font-family: "Font Awesome 6 Free";
  content: var(--bs-breadcrumb-divider, "\f054");
}

.breadcrumb li a,
.breadcrumb li a:hover {
  color: #163bde;
}

.breadcrumb li.active {
  font-weight: 600;
}

/* Pagination ------- */

.pagination .pages > li {
  display: inline-block;
  width: 36px;
  height: 36px;
  font-size: 14px;
  font-weight: 500;
  line-height: 34px;
  text-align: center;
}

.pagination .pages > li > a {
  display: block;
  width: 36px;
  height: 36px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border: 1px solid transparent;
  border-radius: 50%;
  color: #606975;
  line-height: 34px;
  text-decoration: none;
}

.pagination .pages > li.active > a {
  border-color: var(--bs-primary);
  background-color: var(--bs-primary);
  color: #fff;
}

/* Nav tabs style one -------------*/

.nav-tabs.nav-tabs_one .nav-item:not(:last-child) {
  margin-right: 1.5rem;
}

.nav-tabs.nav-tabs_one .nav-link {
  border: 0;
  border-radius: 0;
  color: #686d76;
  font-weight: 600;
  position: relative;
  padding: 8px 0;
  padding: 0.7rem 0;
  border-bottom: 3px solid transparent;
}

.nav-tabs.nav-tabs_one .nav-link:focus,
.nav-tabs.nav-tabs_one .nav-link:hover {
  color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.nav-tabs.nav-tabs_one .nav-item.show .nav-link,
.nav-tabs.nav-tabs_one .nav-link.active {
  color: var(--bs-primary);
  border-bottom-color: var(--bs-primary);
  background-color: transparent;
}

/* Nav tabs style two -------------*/
.nav-tabs.nav-tabs_two {
  --bs-nav-link-color: var(--bs-dark);
  --bs-nav-tabs-link-active-bg: var(--bs-primary);
  --bs-nav-tabs-link-active-color: var(--bs-white);
}

.nav-tabs.nav-tabs_two .nav-item:not(:last-child) {
  margin-right: 0.5rem;
}

.nav-tabs.nav-tabs_two .nav-link {
  border: 0;
}

/* Angled -------------*/
.wrapper.angled {
  position: relative;
}

.wrapper.angled:after,
.wrapper.angled:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  z-index: 0;
  border: 0 solid transparent;
}

.wrapper.angled.upper-start:before {
  border-left-color: transparent;
  border-left-width: 100vw;
  border-top-width: 4rem;
  top: -4rem;
}

.wrapper.angled.lower-start:after {
  border-left-color: transparent;
  border-left-width: 100vw;
  border-bottom-width: 4rem;
  bottom: -4rem;
}

.wrapper.bg-white.angled.lower-start:after,
.wrapper.bg-white.angled.upper-start:before {
  border-left-color: #fefefe;
}

/* Tags -------------*/

.ui.tag {
  padding: 0.4rem 1.5em;
  letter-spacing: 0.5px;
  font-size: 13px;
}

.ui.tag:hover {
  color: #fff;
  border-color: var(--bs-primary) !important;
  background-color: var(--bs-primary) !important;
}

/* Avatar --------- */
.avatar {
  position: relative;
  display: inline-block;
  font-size: 1rem;
  width: 8rem;
  height: 8rem;
}

@media (min-width: 992px) {
  .avatar {
    width: 10rem;
    height: 10rem;
  }
}

.avatar-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* To Top -------------*/
.btn-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  cursor: pointer;
  display: none;
  height: 36px;
  width: 36px;
  text-align: center;
  line-height: 36px;
  color: var(--bs-primary);
  border: 2px solid var(--bs-primary);
  border-radius: 0.5rem;
}

.btn-top:hover {
  color: #fff;
  background-color: var(--bs-primary);
}

/* Avatar Badge -------------*/
.avatar-badge {
  height: 36px;
  width: 36px;
  top: 6px;
  right: 5px;
}

/* Topbar -------------*/
.topbar {
  padding: 0.7rem 0;
}

@media (max-width: 991px) {
  .topbar {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
  }
}

/* Newslatter -------------*/

.newslatter-form .form-control {
  color: #fff;
}

.newslatter-form .form-control:focus {
  -webkit-box-shadow: inset 0 0 0 1px var(--bs-white);
  box-shadow: inset 0 0 0 1px var(--bs-white);
}

.newslatter-form .form-control::-moz-placeholder {
  color: #fff;
  opacity: 0.75;
}

.newslatter-form .form-control::-webkit-input-placeholder {
  color: #fff;
  opacity: 0.75;
}

.newslatter-form .form-control:-ms-input-placeholder {
  color: #fff;
  opacity: 0.75;
}

.newslatter-form .form-control::-ms-input-placeholder {
  color: #fff;
  opacity: 0.75;
}

.newslatter-form .form-control::placeholder {
  color: #fff;
  opacity: 0.75;
}

/* Candidate Card ------------ */

.candidate-card,
.candidate-card .avatar {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.candidate-card:hover {
  -webkit-transform: scale(0.98);
  -ms-transform: scale(0.98);
  transform: scale(0.98);
}

.candidate-card:hover .avatar {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

/* Card --------- */

.card-hover {
  -webkit-transition: box-shadow 300ms ease, -webkit-transform 300ms ease;
  transition: box-shadow 300ms ease, -webkit-transform 300ms ease;
  -webkit-transition: -webkit-box-shadow 300ms ease, -webkit-transform 300ms ease;
  transition: -webkit-box-shadow 300ms ease, -webkit-transform 300ms ease;
  -o-transition: box-shadow 300ms ease, transform 300ms ease;
  transition: box-shadow 300ms ease, transform 300ms ease;
  transition: box-shadow 300ms ease, transform 300ms ease, -webkit-box-shadow 300ms ease, -webkit-transform 300ms ease;
  transition: box-shadow 300ms ease, transform 300ms ease, -webkit-transform 300ms ease;
}

.card-hover:hover,
.card-hover:active {
  -webkit-transform: translate(0px, -6px);
  -ms-transform: translate(0px, -6px);
  transform: translate(0px, -6px);
}

.card-job {
  padding: 30px;
  background-color: #f7f8fd;
  border: 1px solid transparent;
}

.card-job:hover,
.card-job:active {
  background-color: var(--bs-white);
  border-color: var(--bs-primary);
}

.card-job-featured {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 253, 231, 1)), color-stop(40%, rgba(255, 253, 231, 1)), color-stop(75%, rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 1)));
  background: -o-linear-gradient(left, rgba(255, 253, 231, 1) 0%, rgba(255, 253, 231, 1) 40%, rgba(255, 255, 255, 1) 75%, rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(to right, rgba(255, 253, 231, 1) 0%, rgba(255, 253, 231, 1) 40%, rgba(255, 255, 255, 1) 75%, rgba(255, 255, 255, 1) 100%);
}

@media (min-width: 992px) {
  .salary-text {
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
  }
}

.company-card .card-body {
  padding: 30px;
}

/* Card Link -------- */

.card-link {
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

/* Card Icon ------- */
.card-icon {
  height: 80px;
  width: 80px;
}

/* Letters List ---------- */
.letters-list a {
  height: 40px;
  width: 40px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.letters-list a + a {
  margin-left: 2px;
}

.letters-list a.current {
  font-weight: 600;
  background-color: var(--bs-primary);
}

.letters-list a:hover {
  font-weight: 600;
  background-color: var(--bs-primary);
  color: var(--bs-white);
}

/* Map -------------*/
.map-list,
.map-grid {
  width: 100%;
  height: 600px;
}

@media (min-width: 992px) {
  .map-list,
  .map-grid {
    height: 450px;
  }
}

@media (min-width: 1200px) {
  .map-list,
  .map-grid {
    height: 100%;
  }
}

.directions-link {
  display: inline-block;
  text-decoration: none;
  border: 1px solid rgb(218, 220, 224);
  padding: 6px 12px;
  border-radius: 30px;
  font-weight: 500;
}

.directions-link:hover {
  color: var(--bs-white);
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

.gm-style {
  font-family: "DM Sans", sans-serif;
}

.gm-style .gm-style-iw-c {
  padding: 20px !important;
  width: 310px;
}

.gm-style .gm-style-iw-d {
  overflow: auto !important;
}

.gm-ui-hover-effect {
  opacity: 1;
  top: 20px !important;
  right: 20px !important;
  background-color: #fff !important;
  border-radius: 50%;
}

.marker-container {
  position: relative;
  margin: -9px 0 0 -9px;
  width: 18px;
  height: 18px;
  z-index: 1;
  border-radius: 50%;
  cursor: pointer;
  top: 0;
  background-color: #66676b;
  -webkit-animation: markerAnimation 2.5s infinite;
  animation: markerAnimation 2.5s infinite;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  background-color: var(--bs-primary);
}

@-webkit-keyframes markerAnimation {
  0%,
  100% {
    -webkit-box-shadow: 0 0 0 6px rgba(102, 103, 107, 0.15);
    box-shadow: 0 0 0 6px rgba(102, 103, 107, 0.15);
  }

  50% {
    -webkit-box-shadow: 0 0 0 8px rgba(102, 103, 107, 0.15);
    box-shadow: 0 0 0 8px rgba(102, 103, 107, 0.15);
  }
}

@keyframes markerAnimation {
  0%,
  100% {
    -webkit-box-shadow: 0 0 0 6px rgba(102, 103, 107, 0.15);
    box-shadow: 0 0 0 6px rgba(102, 103, 107, 0.15);
  }

  50% {
    -webkit-box-shadow: 0 0 0 8px rgba(102, 103, 107, 0.15);
    box-shadow: 0 0 0 8px rgba(102, 103, 107, 0.15);
  }
}

.marker-container:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: transparent;
  border-radius: 50%;
  -webkit-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
  opacity: 0;
}

/* Infinite slide ------- */
.scroll1,
.scroll2 {
  display: none;
}

.list-inline-item:nth-child(2n + 1) .job-position-link {
  color: var(--bs-primary);
}

/* Circle Shape -------- */

.circle-shape-one {
  left: -200px;
  bottom: -202px;
  width: 67%;
  padding-top: 67%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.07 !important;
}

.circle-shape-two {
  top: -211px;
  right: -178px;
  width: 67%;
  padding-top: 67%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.07 !important;
}

.circle-shape-three {
  top: 250px;
  right: -88px;
  width: 53%;
  padding-top: 53%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.07 !important;
}

.bg-warning .circle-shape-one,
.bg-warning .circle-shape-two,
.bg-warning .circle-shape-three {
  background-color: #0e0e0e;
}

/* List Separator ------  */

.list-separator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.list-separator .list-inline-item {
  position: relative;
  margin-right: 0;
}

.list-separator .list-inline-item:not(:last-child) {
  padding-right: 2rem;
}

.list-separator .list-inline-item:not(:last-child)::after {
  position: absolute;
  top: 50%;
  right: 0.8rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "/";
  opacity: 0.5;
}

/* Play Store Button -------------*/

.app-btn {
  width: 180px;
  max-width: 180px;
  background-color: #212121;
  -webkit-transition: background-color 0.25s linear;
  -o-transition: background-color 0.25s linear;
  transition: background-color 0.25s linear;
}

.app-btn:hover {
  background-color: var(--bs-primary);
}

/* Quote ---------- */
.quote-avatar-inline {
  grid-column-gap: 20px;
  grid-row-gap: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-left: 30px;
}

.quote-avatar {
  z-index: 1;
  width: 50px;
  height: 50px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: -30px;
  font-size: 30px;
  line-height: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  border: 3px solid #0e0e0e;
}

.bg-light .quote-avatar {
  color: #fff;
  border-color: #fff;
}

.bg-primary .quote-avatar {
  color: #2747d5;
  border-color: #2747d5;
  background-color: #fff !important;
}

.quote-avatar-img .rounded-shape {
  left: 50%;
  top: -34px;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  opacity: 0.1;
  height: 35%;
  width: 35%;
  padding: 35%;
}

.bg-dark .quote-avatar-img .rounded-shape {
  opacity: 1;
  border: 2px solid var(--bs-primary);
  height: 43%;
  width: 43%;
  padding: 43%;
}

/* Quote carousel 01 */
.quote-content {
  padding-top: 35px;
}

.quote-carousel.owl-carousel .owl-item .quote-brand-logo {
  width: 120px;
}

.quote-carousel.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 0;
}

.quote-carousel.owl-theme .owl-dots {
  position: absolute;
  bottom: -50px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

@media (min-width: 992px) {
  .quote-carousel.owl-theme .owl-dots {
    bottom: 20px;
  }
}

.quote-carousel.owl-theme .owl-dots .owl-dot.active span,
.quote-carousel.owl-theme .owl-dots .owl-dot:hover span {
  background: var(--bs-primary);
}

.bg-primary .quote-carousel.owl-theme .owl-dots .owl-dot.active span,
.bg-primary .quote-carousel.owl-theme .owl-dots .owl-dot:hover span {
  background: var(--bs-warning);
}

/* Quote carousel 02 */
.quote-carousel-two .owl-stage-outer {
  display: inline-block;
}

.quote-carousel-two.owl-theme .owl-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 180px;
  position: relative;
  margin: 20px auto 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.quote-carousel.owl-theme .owl-nav {
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 28%;
  -webkit-transform: translate(64%, 0);
  -ms-transform: translate(64%, 0);
  transform: translate(64%, 0);
}

.quote-carousel-two.owl-theme .owl-nav [class*="owl-"] {
  margin: 0;
  height: 56px;
  width: 56px;
  border-radius: 50%;
  color: var(--bs-dark);
  background-color: var(--bs-white);
  border: 1px solid var(--bs-border-color);
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.quote-carousel-two.owl-theme .owl-nav [class*="owl-"]:hover,
.quote-carousel-two.owl-theme .owl-nav [class*="owl-"]:active,
.quote-carousel-two.owl-theme .owl-nav [class*="owl-"]:focus {
  color: #fff;
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.quote-carousel-two.owl-theme .owl-dots {
  bottom: 19px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 69px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.quote-carousel-two.owl-theme .owl-dots button.owl-dot span {
  height: 6px;
  width: 6px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.quote-carousel-two.owl-theme .owl-dots button.owl-dot.active span {
  background-color: var(--bs-dark);
  border-radius: 50%;
  height: 8px;
  width: 8px;
}

.quote-carousel-two.owl-theme .owl-dots button.owl-dot:nth-child(4),
.quote-carousel-two.owl-theme .owl-dots button.owl-dot:nth-child(5),
.quote-carousel-two.owl-theme .owl-dots button.owl-dot:nth-child(6),
.quote-carousel-two.owl-theme .owl-dots button.owl-dot:nth-child(7),
.quote-carousel-two.owl-theme .owl-dots button.owl-dot:nth-child(8),
.quote-carousel-two.owl-theme .owl-dots button.owl-dot:nth-child(9),
.quote-carousel-two.owl-theme .owl-dots button.owl-dot:nth-child(10),
.quote-carousel-two.owl-theme .owl-dots button.owl-dot:nth-child(11),
.quote-carousel-two.owl-theme .owl-dots button.owl-dot:nth-child(12),
.quote-carousel-two.owl-theme .owl-dots button.owl-dot:nth-child(13),
.quote-carousel-two.owl-theme .owl-dots button.owl-dot:nth-child(14) {
  display: none;
}

/* Ribbon --------- */
.ribbon {
  width: 36px;
  height: 36px;
  border-top-right-radius: 0.5rem;
}

.ribbon-border {
  top: -20px;
  border-right: 65px solid var(--bs-warning);
  border-bottom: 65px solid transparent;
}

.ribbon-star {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 4px;
  left: 8px;
}

/* Newslatter --------------- */
.newsletter .form-control {
  height: 68px;
  font-size: 16px;
  padding: 10px 118px 10px 20px;
  border-color: transparent;
  -webkit-box-shadow: 0px 0px 40px rgb(29 58 83 / 10%);
  box-shadow: 0px 0px 40px rgb(29 58 83 / 10%);
}

.newsletter .search-btn {
  right: 10px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

/* File Uploade ------------ */
.ff_fileupload_wrap .ff_fileupload_dropzone {
  border-color: #2747d5;
  border-radius: 0.5rem;
  background-color: transparent;
  background-size: 90px;
}

.ff_fileupload_wrap .ff_fileupload_dropzone:hover,
.ff_fileupload_wrap .ff_fileupload_dropzone:focus,
.ff_fileupload_wrap .ff_fileupload_dropzone:active {
  opacity: 1;
  background-color: transparent;
  border-color: #2747d5;
}

.fileup-sm ~ .ff_fileupload_wrap .ff_fileupload_dropzone {
  height: 144px;
  background-size: 65px;
}

.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary .ff_fileupload_filename input {
  font-size: 14px;
  border-radius: 0.8rem;
  padding: 0.375rem 0.75rem;
  border-color: #ced4da;
}

.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions button {
  width: 35px;
  height: 35px;
  border-radius: 0.4rem;
}

.ff_fileupload_fileinfo,
.ff_fileupload_buttoninfo {
  margin-top: 0.15rem;
}

.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary .ff_fileupload_filename {
  color: var(--bs-dark);
}

.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary .ff_fileupload_errors {
  color: #dc3545;
  font-weight: 600;
}

/* Range Slider --------------- */
.irs--round .irs-line {
  height: 10px;
  background-color: #eceef9;
}

.irs--round .irs-bar {
  top: 36px;
  height: 10px;
  background-color: var(--bs-primary);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 16px 16px;
}

.irs--round .irs-handle {
  border: 0;
  width: 26px;
  height: 26px;
  background-color: #fff;
}

.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:hover {
  background-color: var(--bs-primary);
}

.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
  background-color: var(--bs-primary);
}

.irs--round .irs-bar {
  background-color: var(--bs-primary);
}

/* Mouse Scroll ------------- */

.mouse-scroll {
  bottom: 50px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.mouse-scroll .mouse {
  height: 46px;
  width: 28px;
  border-radius: 16px;
  border: 2px solid #ffffff;
}

.mouse-scroll .mouse-in {
  height: 9px;
  width: 2px;
  display: block;
  margin: 8px auto;
  background: #ffffff;
  position: relative;
}

.mouse-scroll .mouse-in {
  -webkit-animation: animated-mouse 1.2s ease infinite;
  animation: animated-mouse 1.2s ease infinite;
}

.mouse-scroll span {
  display: block;
  width: 7px;
  height: 7px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform: rotate(45deg);
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  margin: 0 0 5px 10px;
}

.mouse-scroll .down-arrow-1 {
  margin-top: 8px;
}

.mouse-scroll .down-arrow-1,
.mouse-scroll .down-arrow-2,
.mouse-scroll .down-arrow-3 {
  -webkit-animation: mouse-scroll 1s infinite;
  animation: mouse-scroll 1s infinite;
}

.mouse-scroll .down-arrow-1 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

.mouse-scroll .down-arrow-2 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

.mouse-scroll .down-arrow-3 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

@-webkit-keyframes animated-mouse {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@keyframes animated-mouse {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@-webkit-keyframes mouse-scroll {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}

@keyframes mouse-scroll {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}

/* Rounded Shape --------------- */
.rounded-shape {
  position: absolute;
  height: 300px;
  width: 300px;
  border: 40px solid #f7f8fd;
  border-radius: 100%;
  top: -85px;
  right: -85px;
}

@media (min-width: 576px) {
  .rounded-shape {
    height: 360px;
    width: 360px;
  }
}

/* Category Card ----------- */
.category-card .icon-box {
  width: 6rem;
  height: 6rem;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.category-card:hover h5,
.category-card:hover .card-text {
  color: var(--bs-primary);
}

.category-card:hover .icon-box {
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
}

.category-card .icon-box::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
}

/* -----------------------------------------------------------------
    -  Navbar
----------------------------------------------------------------- */

.navbar {
  z-index: 9;
  padding: 1rem 0.75rem;
  --bs-navbar-color: #2f2e41;
  --bs-navbar-nav-link-padding-x: 0.7rem;
  --bs-navbar-active-color: var(--bs-primary);
  --bs-navbar-hover-color: var(--bs-primary);
  --bs-navbar-border-color: var(--bs-primary);
  background-color: var(--bs-primary);
  --bs-navbar-toggler-icon-bg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path stroke="%23163BDE" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"/></svg>');
}

.navbar.navbar-fixed {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.navbar.navbar-transfarent {
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background-color: transparent;
}

@media (max-width: 991px) {
  .nav-container {
    padding: 0;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .navbar {
    --bs-navbar-nav-link-padding-x: 0.5rem;
  }
}

@media (min-width: 992px) {
  .navbar {
    padding: 0;
    position: absolute;
    background-color: transparent;
    --bs-navbar-color: #2c3038;
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    border-radius: 0;
    width: calc(100% - 24px);
  }

  .navbar.navbar-transfarent {
    --bs-navbar-color: var(--bs-white);
    --bs-navbar-active-color: var(--bs-white);
    --bs-navbar-border-color: var(--bs-white);
    --bs-navbar-hover-color: var(--bs-warning);
  }

  .navbar-wrap.nav-bg,
  .navbar.navbar-bg {
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    -webkit-box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
  }

  .navbar.navbar-bg {
    width: 100%;
  }

  .navbar-wrap.nav-bg .navbar {
    position: relative;
    padding: 0;
    width: 100%;
    border: 0;
  }
}

.navbar-nav {
  --bs-nav-link-padding-y: 1.5rem;
}

/*Navbar Brand ------*/

.navbar-brand img {
  height: 18px;
}

@media (min-width: 992px) {
  .custom-navbar .navbar-brand .logo-white {
    display: none;
  }

  .custom-navbar.navbar-transfarent .navbar-brand .logo-dark {
    display: none;
  }

  .custom-navbar.navbar-transfarent .navbar-brand .logo-white {
    display: block;
  }
}

@media (max-width: 991px) {
  .custom-navbar .navbar-brand .logo-dark {
    display: none;
  }
}

.nav-link {
  font-weight: 600;
  border-radius: 0.5rem;
}

@media (min-width: 992px) {
  .navbar .nav-link {
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 4px solid transparent;
  }

  .navbar-nav .nav-link.active,
  .navbar-nav .nav-link.show {
    border-color: var(--bs-navbar-border-color);
  }
}

/* Dropdown Menu ------- */

.dropdown-menu {
  --bs-dropdown-item-padding-y: 0.35rem;
  --bs-dropdown-link-color: #2f2e41;
  --bs-dropdown-link-hover-color: var(--bs-primary);
  --bs-dropdown-link-hover-bg: #f1f1f1;
  --bs-dropdown-link-active-color: var(--bs-primary);
  --bs-dropdown-link-active-bg: #f1f1f1;
  -webkit-box-shadow: 0 5px 9px rgba(55, 125, 255, 0.075), 0 5px 9px rgba(103, 119, 136, 0.075);
  box-shadow: 0 5px 9px rgba(55, 125, 255, 0.075), 0 5px 9px rgba(103, 119, 136, 0.075);
}

.dropdown-item {
  font-size: 0.875rem;
  font-weight: 500;
}

.dropdown-item-icon {
  display: inline-block;
  opacity: 0.5;
  width: 1.5rem;
}

@media (min-width: 992px) {
  .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    border: 0;
    font-size: 13px;
    height: auto;
    width: auto;
    -webkit-transition: -webkit-transform 250ms linear;
    transition: -webkit-transform 250ms linear;
    -o-transition: transform 250ms linear;
    transition: transform 250ms linear;
    transition: transform 250ms linear, -webkit-transform 250ms linear;
  }

  .navbar-nav:not(.sm-collapsible) .nav-link[aria-expanded="true"] .sub-arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow::before {
    content: "\f078";
  }
}

@media (max-width: 991px) {
  /*Navbar collaps*/
  .navbar-collapse {
    position: fixed;
    top: 0.75rem;
    right: 0.75rem;
    left: 0.75rem;
    z-index: 1050;
    padding: 1.5rem;
    height: auto !important;
    max-height: calc(100vh - 2rem);
    background-color: #fff;
    border-radius: 0.375rem;
    -webkit-box-shadow: 0 1.5rem 4rem rgba(22, 28, 45, 0.15);
    box-shadow: 0 1.5rem 4rem rgba(22, 28, 45, 0.15);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: opacity, transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
  }

  .navbar-collapse.show {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .navbar-collapse.collapsing {
    opacity: 0;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }

  .navbar-collapse .collapse-brand img {
    height: 28px;
  }

  /*navbar collapse toggler icon*/
  .navbar-collapse .collapse-close {
    width: 20px;
    height: 20px;
    cursor: pointer;
  }

  .navbar-collapse .collapse-close span {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    opacity: 1;
    border-radius: 2px;
    background: #283448;
  }

  .navbar-collapse .collapse-close :nth-child(1) {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  .navbar-collapse .collapse-close :nth-child(2) {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }

  /*navbar link*/
  .navbar-nav .nav-link {
    padding: 0.5rem 0;
    font-weight: 600;
  }

  /*navbar collapsible sub-arrow*/
  .navbar-nav.sm-collapsible .sub-arrow {
    margin: -0.7em 0 0 0;
    border-radius: 0.375rem;
    width: 1.5em;
    height: 1.5em;
    border-color: #d3d3d3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  /*Navbar dropdown menu*/
  .navbar-nav .dropdown-menu {
    border: 0;
    margin: 0;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .dropdown-menu {
    --bs-dropdown-link-active-bg: transparent;
  }
}

@media (min-width: 992px) {
  /*Navbar dropdown menu*/
  .dropdown-menu {
    border: 0;
    border-radius: 6px;
    font-size: 15px;
    padding: 15px 15px 13px 15px;
    margin-top: 10px;
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
    inset: auto !important;
    -webkit-box-shadow: 0 3px 12px rgba(27, 31, 35, 0.15), 0 0 1px rgba(27, 31, 35, 0.2);
    box-shadow: 0 3px 12px rgba(27, 31, 35, 0.15), 0 0 1px rgba(27, 31, 35, 0.2);
  }

  .navbar-nav .dropdown-menu {
    background-color: var(--bs-dark);
  }

  .dropdown-menu.mega-menu {
    max-width: 30em !important;
    min-width: 30em !important;
  }

  @keyframes slideIn {
    0% {
      -webkit-transform: translateY(1rem);
      transform: translateY(1rem);
      opacity: 0;
    }

    100% {
      -webkit-transform: translateY(0rem);
      transform: translateY(0rem);
      opacity: 1;
    }

    0% {
      -webkit-transform: translateY(1rem);
      transform: translateY(1rem);
      opacity: 0;
    }
  }

  @-webkit-keyframes slideIn {
    0% {
      -webkit-transform: transform;
      -webkit-opacity: 0;
    }

    100% {
      -webkit-transform: translateY(0);
      -webkit-opacity: 1;
    }

    0% {
      -webkit-transform: translateY(1rem);
      -webkit-opacity: 0;
    }
  }

  .dropdown-item {
    border-radius: 0.375rem;
  }

  .navbar-nav .dropdown-item {
    color: #fff;
  }

  .navbar-nav .dropdown-item:focus,
  .navbar-nav .dropdown-item:hover,
  .navbar-nav .dropdown-item.active,
  .navbar-nav .dropdown-item:active {
    color: var(--bs-warning);
    background-color: #272727;
  }

  .navbar-nav .dropdown-menu li + li {
    margin-top: 3px;
  }
}

/*Menu badge ----- */
.menu-badge {
  font-size: 10px;
  background-color: #f8e6ec;
  color: #eb0254;
  border-radius: 10px;
  padding: 3px 10px;
  margin-left: 6px;
  line-height: 1;
  position: relative;
}

/*navbar toggle ----- */
.navbar-toggler {
  border-radius: 0.5rem;
  height: 46px;
  border-color: var(--bs-white);
  background-color: #fff;
  font-size: 18px;
  padding: 0;
  font-weight: 600;
  color: var(--bs-primary);
  width: 46px;
}

.navbar-toggler:hover {
  color: #fff;
  background-color: var(--bs-white);
  border-color: var(--bs-white);
}

.navbar-toggler:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media (min-width: 576px) and (max-width: 991px) {
  .custom-navbar .cv-btn {
    --bs-btn-bg: var(--bs-white);
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-white);
    --bs-btn-hover-bg: var(--bs-white);
    --bs-btn-hover-border-color: var(--bs-white);
    --bs-btn-focus-shadow-rgb: none;
    --bs-btn-active-bg: var(--bs-white);
    --bs-btn-active-border-color: var(--bs-white);
    --bs-btn-disabled-bg: var(--bs-white);
    --bs-btn-disabled-border-color: var(--bs-white);
    --bs-btn-active-color: var(--bs-primary);
  }
}

/*------------------------------------------------------------------------------
  - Hero Header
------------------------------------------------------------------------------*/
.hero-header {
  padding: 5rem 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.hero-header.hero-header-two,
.hero-header.hero-header-three {
  padding: 9.938rem 0 13rem;
}

@media (min-width: 576px) {
  .hero-header.hero-header-two,
  .hero-header.hero-header-three {
    padding: 12.938rem 0 15rem;
  }
}

.hero-header.hero-header-one {
  background-image: url(../img/png-img/section-bg.png), -webkit-gradient(linear, left top, left bottom, from(#eceef9), to(#fff));
  background-image: url(../img/png-img/section-bg.png), -o-linear-gradient(#eceef9, #fff);
  background-image: url(../img/png-img/section-bg.png), linear-gradient(#eceef9, #fff);
}

@media (min-width: 768px) {
  .hero-header {
    height: 800px;
    padding: 0;
  }

  .hero-header.hero-header-two,
  .hero-header.hero-header-three {
    height: 100vh;
  }
}

.hero-header.hero-header-three::after {
  position: absolute;
  opacity: 0.4;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: #000;
}

/* Hero Header Logo ------ */

.hero-header-logo {
  width: 60px;
  height: 60px;
  padding: 15px;
  top: 12%;
}

.hero-header-logo_one {
  left: 1%;
}

.hero-header-logo_two {
  top: auto;
  bottom: 19%;
  left: 10%;
}

.hero-header-logo_three {
  top: 28%;
  left: 10%;
}

.hero-header-logo_four {
  top: auto;
  bottom: 5%;
  left: 46%;
  right: 45%;
}

.hero-header-logo_five {
  top: 28%;
  right: 10%;
}

.hero-header-logo_six {
  top: auto;
  bottom: 19%;
  right: 10%;
}

.hero-header-logo_seven {
  right: 1%;
}

@media screen and (min-width: 1200px) {
  .hero-header-logo {
    width: 70px;
    height: 70px;
  }

  .hero-header-logo_one {
    left: 2%;
  }

  .hero-header-logo_two {
    left: 16%;
    bottom: 12%;
  }

  .hero-header-logo_three {
    top: 35%;
  }

  .hero-header-logo_four {
    left: 48%;
  }

  .hero-header-logo_five {
    top: 35%;
  }

  .hero-header-logo_six {
    right: 16%;
    bottom: 12%;
  }

  .hero-header-logo_seven {
    right: 2%;
  }
}

@media screen and (min-width: 1400px) {
  .hero-header-logo_one {
    left: 5%;
  }

  .hero-header-logo_two {
    left: 17%;
  }

  .hero-header-logo_three {
    top: 40%;
    left: 14%;
  }

  .hero-header-logo_four {
    left: 48%;
  }

  .hero-header-logo_five {
    top: 40%;
    right: 14%;
  }

  .hero-header-logo_six {
    right: 17%;
  }

  .hero-header-logo_seven {
    right: 4%;
  }
}

@media screen and (min-width: 1920px) {
  .hero-header-logo_one {
    left: 10%;
  }

  .hero-header-logo_two {
    bottom: 12%;
    left: 27%;
  }

  .hero-header-logo_three {
    left: 19%;
  }

  .hero-header-logo_four {
    left: 48%;
  }

  .hero-header-logo_five {
    right: 19%;
    left: auto;
  }

  .hero-header-logo_six {
    bottom: 12%;
    right: 27%;
  }

  .hero-header-logo_seven {
    right: 10%;
  }
}

/* Hero Header Background Shape ------ */

.hero-header .circle-shape-one {
  left: -568px;
  bottom: -876px;
  width: 100%;
  padding-top: 100%;
  left: -25%;
  bottom: -14%;
  opacity: 0.07 !important;
}

.hero-header .circle-shape-two {
  top: -15.2%;
  right: -25.6%;
  width: 100%;
  padding-top: 100%;
  background-color: #000;
}

.hero-header .circle-shape-three {
  right: -33%;
  width: 80%;
  padding-top: 80%;
  top: 85%;
}

.search-content {
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  padding: 2rem;
  border-radius: 1rem;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.1);
}

@media (min-width: 576px) {
  .hero-header .circle-shape-one {
    width: 90%;
    padding-top: 90%;
    left: -36%;
    bottom: -26%;
  }

  .hero-header .circle-shape-two {
    top: -19.2%;
    right: -28.6%;
    width: 100%;
    padding-top: 90%;
  }
}

@media (min-width: 768px) {
  .hero-header .circle-shape-two {
    top: -22.2%;
    width: 100%;
    padding-top: 90%;
  }

  .hero-header .circle-shape-three {
    width: 70%;
    padding-top: 70%;
    top: 76%;
    right: -26%;
  }

  .hero-header .circle-shape-one {
    left: -568px;
    bottom: -876px;
    width: 66%;
    padding-top: 63%;
    left: -22%;
    bottom: -67%;
  }
}

@media (min-width: 992px) {
  .hero-header .circle-shape-two {
    top: -36.2%;
    right: -28.6%;
    width: 100%;
    padding-top: 90%;
  }
}

@media (min-width: 1200px) {
  .hero-header .circle-shape-two {
    top: -36.2%;
    right: -28.6%;
    width: 100%;
    padding-top: 90%;
  }
}

@media (min-width: 1400px) {
  .hero-header .circle-shape-two {
    top: -64.2%;
    right: -28.6%;
    width: 90%;
    padding-top: 80%;
  }

  .hero-header .circle-shape-three {
    width: 50%;
    padding-top: 50%;
    top: 74%;
    right: -22%;
  }
}

/* Header Search Input ---------------------*/
.search-select,
.search-input {
  position: relative;
}

.search-input .form-control {
  height: 68px;
  font-size: 16px;
  padding: 10px 153px;
  border-color: transparent;
  padding-left: 43px;
  -webkit-box-shadow: 0px 0px 40px rgb(29 58 83 / 10%);
  box-shadow: 0px 0px 40px rgb(29 58 83 / 10%);
}

.search-input .form-control:hover {
  border-color: var(--bs-primary);
}

.search-input .form-control:focus,
.search-select .form-select:focus {
  border-color: var(--bs-primary);
}

.search-input .form-control::-moz-placeholder {
  color: #707070;
  opacity: 1;
}

.search-input .form-control::-webkit-input-placeholder {
  color: #707070;
  opacity: 1;
}

.search-input .form-control:-ms-input-placeholder {
  color: #707070;
  opacity: 1;
}

.search-input .form-control::-ms-input-placeholder {
  color: #707070;
  opacity: 1;
}

.search-input .form-control::placeholder {
  color: #707070;
  opacity: 1;
}

.search-select .select2-container--bootstrap-5 .select2-selection {
  border-color: transparent;
  -webkit-box-shadow: 0px 0px 40px rgb(29 58 83 / 10%);
  box-shadow: 0px 0px 40px rgb(29 58 83 / 10%);
  min-height: calc(3.6em + 0.75rem + 2px);
  padding: 1.4rem 2.25rem 1.4rem 3rem;
  padding-left: 2.813rem;
}

.search-select .select2-container--bootstrap-5.select2-container--focus .select2-selection,
.search-select .select2-container--bootstrap-5.select2-container--open .select2-selection {
  border-color: var(--bs-primary);
}

.search-select .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
  font-weight: 500;
  font-size: 16px;
  color: #707070;
}

.search-icon {
  top: 50%;
  left: 15px;
  position: absolute;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 1;
  font-size: 19px;
  color: #999;
}

.properties-search .search-select .select2-container--bootstrap-5 .select2-selection {
  -webkit-box-shadow: 0px 0px 40px rgb(29 58 83 / 10%) !important;
  box-shadow: 0px 0px 40px rgb(29 58 83 / 10%) !important;
}

.main-search .search-btn {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.main-search .search-btn {
  right: 10px;
}

/* Search Suggestion List --------------------- */

.suggestion-list {
  border-radius: 0.8rem;
  z-index: 2;
}

.suggestion-item {
  cursor: pointer;
}

.suggestion-item:hover {
  background-color: #f0f0f5 !important;
}

.suggestion-item:first-child {
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0.8rem;
}

.suggestion-item:last-child {
  border-bottom-left-radius: 0.8rem;
  border-bottom-right-radius: 0.8rem;
}

.suggestion-item__media__item {
  width: 32px;
  height: 32px;
  background-color: #f0f0f5;
}

.suggestion-item__media__item svg {
  fill: #767676;
  height: 12px;
}

@media (max-width: 575px) {
  .suggestion-item__content span {
    width: 145px;
  }
}

/* Section Header Title ----------------------*/
.section-header__subtitle {
  padding: 10px 30px;
  line-height: 16px;
}

.colored-text {
  -webkit-text-fill-color: transparent;
  background-image: -o-linear-gradient(343deg, #f74986, #5e54f3);
  background-image: linear-gradient(107deg, #f74986, #5e54f3);
  -webkit-background-clip: text;
  background-clip: text;
}

/*------------------------------------------------------------------------------
  - Footer
------------------------------------------------------------------------------*/

/* Footer Circle Shape ------ */

.footer-circle-shape {
  bottom: -220px;
  right: -160px;
  width: 25%;
  padding-top: 25%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.08;
}

/* Main Footer ----- */

.main-footer {
  background-color: var(--bs-white);
  background-repeat: no-repeat;
}

.footer-logo {
  border-right: 1px solid #7a7a7a;
}

.footer-logo img {
  height: 30px;
}

.footer-link .link,
.footer-nav li a {
  color: var(--bs-body-color);
  font-weight: 500;
  -webkit-transition: all 0.45s;
  -o-transition: all 0.45s;
  transition: all 0.45s;
}

.footer-link .link:hover,
.social-icon a:hover,
.footer-nav li a:hover {
  color: var(--bs-white) !important;
}

.social-icon a {
  -webkit-transition: all 0.45s;
  -o-transition: all 0.45s;
  transition: all 0.45s;
  color: var(--bs-body-color);
}

.social-icon .icon-wrap {
  width: 40px;
  height: 40px;
  background-color: #212121;
}

.social-icon .icon-wrap.inst:hover {
  background-color: #e1306c !important;
}

.social-icon .icon-wrap.twi:hover {
  background-color: #00acee !important;
}

.social-icon .icon-wrap.dri:hover {
  background-color: #ea4c89 !important;
}

.social-icon .icon-wrap.fb:hover {
  background-color: #1877f2 !important;
}

.social-icon .icon-wrap.whatsapp:hover {
  background-color: #075e54 !important;
}

/*Dark footer-----*/

.footer-dark {
  color: var(--bs-white);
  background-color: var(--footer-bg-color);
}

.footer-dark .email-link,
.footer-dark .link-title {
  color: var(--bs-white);
}

.footer-dark .footer-link .link,
.footer-dark .social-icon a,
.footer-dark .footer-nav li a {
  color: #8d9193;
}

.footer-dark .border-end {
  border-right: 1px solid rgba(0255, 255, 255, 0.2) !important;
}

.footer-dark .border-top {
  border-top: 1px solid rgba(0255, 255, 255, 0.2) !important;
}

.footer-dark .border-bottom {
  border-bottom: 1px solid rgba(0255, 255, 255, 0.2) !important;
}

/* -----------------------------------------------------------------
    -  About Page
----------------------------------------------------------------- */

.text-block .heading-sm {
  padding-left: 45px;
}

.text-block .heading-sm::before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1px;
  height: 2px;
  width: 30px;
  content: "";
  background: var(--bs-primary);
}

.member-social {
  padding: 7px;
  left: -4em;
  background-color: var(--bs-primary);
  -webkit-transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1);
  bottom: 0;
  height: 100%;
  width: 4em;
}

.team-member:hover .member-social {
  left: 0;
}

.member-social li a {
  color: #fff;
}

/* About Video ----- */
.image-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
}

.video-icon {
  width: 100px;
  height: 100px;
  color: #fff;
  background-color: transparent;
  border: 2px solid #fff;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.video-icon:hover {
  background-color: #fff;
  color: #2c3038;
}

/* Counter Content ------ */

.achievements-wrapper {
  width: 82%;
  margin-top: -50px;
}

@media (max-width: 575px) {
  .image-wrapper.about img {
    height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

@media (min-width: 1200px) {
  .image-wrapper.about {
    border-radius: 50px !important;
  }

  .achievements-wrapper {
    margin-top: -100px;
  }
}

.counter-content_about {
  padding: 48px 16px;
}

@media (min-width: 1400px) {
  .counter-content_about {
    padding: 60px;
  }
}

/* Customers Logo ------- */

.customer-logo {
  min-height: 120px;
  padding: 20px 25px;
}

.customer-logo img {
  max-height: 60px;
}

/*------------------------------------------------------------------------------
  - Blog Page
------------------------------------------------------------------------------*/

/* Masonry Post ---------- */
.masonry-post {
  height: 380px;
}

@media (min-width: 576px) {
  .masonry-post {
    height: 500px;
  }
}

.masonry-post:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 35%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(35%, rgba(0, 0, 0, 0)), to(#141414));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35%, #141414 100%);
}

.masonry-img img {
  height: 500px;
  -o-object-fit: cover;
  object-fit: cover;
}

.post-block {
  padding: 15px 15px 30px;
}

.post-block h2 {
  font-size: 26px;
}

@media (min-width: 576px) {
  .post-block h2 {
    font-size: 30px;
  }
}

@media (min-width: 1200px) {
  .post-block h2 {
    font-size: 36px;
  }
}

.post-block h2 a,
.post-block .post-title_hover a {
  color: #fff;
  background-image: -o-linear-gradient(transparent calc(100% - 5px), rgba(255, 255, 255, 0.3) 3px);
  background-image: linear-gradient(transparent calc(100% - 5px), rgba(255, 255, 255, 0.3) 3px);
}

.post-block h2 a:hover,
.post-block .post-title_hover a:hover {
  color: #fff;
}

/* Masonry Carousel ------------ */
.blog-carousel.owl-theme .owl-nav,
.masonry-carousel.owl-theme .owl-nav {
  margin-top: 0;
}

.blog-carousel.owl-theme .owl-nav [class*="owl-"],
.masonry-carousel.owl-theme .owl-nav [class*="owl-"] {
  color: #fff;
  padding: 4px 7px;
  display: inline-block;
  cursor: pointer;
  position: absolute;
  top: 42%;
  left: 0;
  opacity: 1;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transform: translate(0%, -58%);
  -ms-transform: translate(0%, -58%);
  transform: translate(0%, -58%);
  font-size: 30px;
  height: 60px;
  width: 36px;
  border-radius: 0;
  line-height: 60px;
  margin: 0;
  background-color: var(--bs-primary);
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: linear;
}

.blog-carousel.owl-theme .owl-nav [class*="owl-"]:focus,
.masonry-carousel.owl-theme .owl-nav [class*="owl-"]:focus {
  outline: none;
}

.blog-carousel.owl-theme .owl-nav .owl-prev,
.masonry-carousel.owl-theme .owl-nav .owl-prev {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.blog-carousel.owl-theme .owl-nav .owl-next,
.masonry-carousel.owl-theme .owl-nav .owl-next {
  left: auto;
  right: 0;
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

/* Grid Post ------------------ */
.grid-post__thumb {
  margin: 0 0 -70px;
}

.thumb-overlay::after,
.thumb::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(31, 33, 35, 0.45);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.thumb-overlay:hover::after,
.news-list-item:hover .thumb::before {
  opacity: 0.9;
}

.thumb-content {
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

.thumb-overlay:hover .thumb-content {
  opacity: 1 !important;
  -webkit-transition-delay: 0.25s;
  -o-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

.thumb-content > div {
  top: 36px;
}

.thumb-content .link {
  line-height: 24px;
  border-bottom: solid 2px rgba(255, 255, 255, 0.4);
}

.post-header {
  width: 90%;
  padding: 40px 15px 30px;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.post-block a,
.post-title a,
.p-post a {
  width: calc(100%);
  background-repeat: no-repeat;
  background-size: 0% 100%;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  text-transform: capitalize;
  display: inline;
}

.post-title a,
.p-post a {
  background-image: -o-linear-gradient(transparent calc(100% - 2px), var(--bs-primary) 3px);
  background-image: linear-gradient(transparent calc(100% - 2px), var(--bs-primary) 3px);
}

.post-block a:hover,
.post-title a:hover,
.p-post a:hover {
  background-size: 100% 100%;
}

/* News List --------------------- */
.news-list-item:first-child {
  padding-top: 0 !important;
}

.news-list-item:last-child {
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.thumb img,
.news-block {
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.71, 0.05, 0.29, 0.9);
  transition: -webkit-transform 0.4s cubic-bezier(0.71, 0.05, 0.29, 0.9);
  -o-transition: transform 0.4s cubic-bezier(0.71, 0.05, 0.29, 0.9);
  transition: transform 0.4s cubic-bezier(0.71, 0.05, 0.29, 0.9);
  transition: transform 0.4s cubic-bezier(0.71, 0.05, 0.29, 0.9), -webkit-transform 0.4s cubic-bezier(0.71, 0.05, 0.29, 0.9);
  -webkit-transform: scale(1) rotate(0);
  -ms-transform: scale(1) rotate(0);
  transform: scale(1) rotate(0);
  -o-object-fit: cover;
  object-fit: cover;
}

.news-list-item:hover .thumb img,
.masonry-post:hover .news-block {
  -webkit-transform: scale(1.2) rotate(5deg);
  -ms-transform: scale(1.2) rotate(5deg);
  transform: scale(1.2) rotate(5deg);
}

.p-post h4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 27px;
}

@media (max-width: 1199px) {
  .thumb img {
    height: 70px;
    width: 95px;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .p-post h4 {
    line-height: 24px;
  }
}

/* Authar Info --------------------- */

.authar-info li a {
  color: var(--bs-body-color);
}

/* News Block --------------------- */

.news-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

@media (max-width: 1199px) {
  .news-list-item-lg .thumb img {
    height: 90px;
    width: 130px;
  }
}

/* blog Post Item ------------------ */
.blog-post-item {
  padding-bottom: 60px;
}

.grid-post_lg {
  min-height: 530px;
}

.grid-post_md {
  min-height: 310px;
}

.grid-post_lg .post-header {
  min-height: 200px;
  margin-bottom: -60px;
}

.grid-post_md .post-header {
  min-height: 158px;
  margin-bottom: -60px;
}

.blog-post-list-item {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: minmax(120px, 0.5fr) 24px 1fr;
  grid-template-columns: minmax(120px, 0.5fr) 1fr;
  grid-auto-columns: 1fr;
  display: -ms-grid;
  display: grid;
}

.blog-post-list-item > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.blog-post-list-item > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

@media screen and (max-width: 991px) {
  .blog-post-list-item {
    min-height: 170px;
  }
}

@media screen and (max-width: 767px) {
  .blog-post-list-item {
    min-height: 150px;
  }
}

@media screen and (max-width: 479px) {
  .blog-post-list-item {
    min-height: auto;
    grid-row-gap: 20px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    padding-bottom: 15px;
  }
}

.blog-bg-image {
  min-height: 133px;
  background-image: url("data:image/svg+xml,%0A%3Csvg clip-rule='evenodd' fill-rule='evenodd' height='125' stroke-linejoin='round' stroke-miterlimit='2' viewBox='0 0 125 125' width='125' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m-34.738 60.172h84.001v72.445h-84.001z' fill='%23e0e0e0' transform='matrix(1.48807306692 0 0 1.72543738752 51.693113736 -103.823282376)'/%3E%3Cg fill='%23c2c2c2'%3E%3Cpath d='m.072 0v-.727h.278c.053 0 .096.008.131.024.035.017.061.039.079.068.017.028.026.06.026.096 0 .03-.006.055-.017.076s-.027.038-.046.051-.041.022-.064.028v.007c.026.002.05.01.074.024s.043.034.059.06c.015.026.022.058.022.095s-.009.071-.027.101-.046.054-.082.071c-.037.017-.083.026-.139.026zm.131-.11h.142c.048 0 .082-.009.104-.028.021-.018.031-.042.031-.07 0-.022-.005-.041-.016-.059-.01-.017-.025-.031-.045-.041s-.043-.015-.07-.015h-.146zm0-.308h.131c.023 0 .043-.004.061-.013.018-.008.033-.02.043-.035.011-.016.016-.034.016-.056 0-.028-.01-.051-.029-.069-.02-.018-.05-.028-.088-.028h-.134z' fill-rule='nonzero' transform='matrix(13.9999958208 0 0 13.9999958208 22.9360381866 58.0945343022)'/%3E%3Cpath d='m.223.011c-.035 0-.066-.006-.093-.019-.028-.012-.05-.03-.066-.055-.016-.024-.024-.054-.024-.09 0-.031.006-.056.018-.076.011-.021.026-.037.046-.049s.042-.021.067-.027c.024-.006.05-.011.077-.014.031-.003.057-.006.077-.009s.035-.007.044-.013.013-.015.013-.027v-.002c0-.027-.007-.047-.023-.062s-.039-.022-.069-.022c-.031 0-.056.007-.075.02-.018.014-.03.03-.037.049l-.12-.017c.01-.033.025-.061.047-.083.022-.023.049-.039.08-.051.032-.011.066-.017.104-.017.027 0 .053.004.079.01s.05.016.071.03c.022.014.039.033.052.057.013.025.02.055.02.091v.365h-.124v-.075h-.004c-.008.015-.019.029-.033.043-.014.013-.031.023-.053.031-.021.008-.046.012-.074.012zm.033-.094c.026 0 .049-.006.068-.016.018-.01.033-.024.043-.041.011-.017.016-.036.016-.056v-.064c-.004.003-.011.006-.021.009-.009.003-.02.006-.032.008s-.023.004-.035.005c-.012.002-.022.004-.03.005-.019.002-.036.007-.052.012-.015.006-.027.015-.035.025-.009.011-.014.024-.014.041 0 .023.009.041.026.053.018.013.04.019.066.019z' fill-rule='nonzero' transform='matrix(13.9999958208 0 0 13.9999958208 32.0439855186 58.0945343022)'/%3E%3Cpath d='m.304.011c-.054 0-.101-.012-.14-.036s-.069-.057-.09-.099c-.021-.043-.031-.091-.031-.147 0-.055.01-.104.032-.146.021-.043.051-.076.09-.1s.085-.036.138-.036c.045 0 .084.009.118.025s.061.039.082.068c.02.03.032.064.035.103h-.123c-.005-.026-.017-.048-.036-.065-.018-.018-.043-.027-.074-.027-.026 0-.049.007-.069.021s-.036.035-.047.061-.016.058-.016.094c0 .037.005.069.016.096s.026.047.046.061c.02.015.043.022.07.022.019 0 .036-.004.051-.011s.028-.018.038-.031c.01-.014.017-.031.021-.05h.123c-.003.038-.015.072-.034.102-.02.03-.047.053-.081.07-.034.016-.073.025-.119.025z' fill-rule='nonzero' transform='matrix(13.9999958208 0 0 13.9999958208 39.938858289 58.0945343022)'/%3E%3Cpath d='m.183-.171v-.155h.02l.197-.219h.15l-.241.268h-.027zm-.117.171v-.727h.129v.727zm.342 0-.177-.248.086-.091.245.339z' fill-rule='nonzero' transform='matrix(13.9999958208 0 0 13.9999958208 47.754181134 58.0945343022)'/%3E%3Cpath d='m.303.214c-.046 0-.086-.006-.119-.019-.033-.012-.059-.028-.08-.049-.02-.021-.034-.043-.041-.068l.115-.028c.005.01.013.02.023.03s.023.019.04.026.039.01.064.01c.037 0 .067-.008.091-.026.024-.017.036-.046.036-.085v-.103h-.007c-.006.013-.016.027-.029.041-.012.014-.029.026-.05.035-.02.009-.046.014-.078.014-.041 0-.079-.01-.113-.029-.034-.02-.061-.05-.081-.089-.02-.04-.03-.089-.03-.149 0-.059.01-.11.03-.151.02-.042.047-.073.081-.094.034-.022.072-.033.114-.033.032 0 .058.006.079.017.021.01.037.023.049.038.013.015.022.029.028.043h.008v-.09h.126v.554c0 .046-.011.084-.033.114s-.053.053-.091.068c-.039.015-.083.023-.132.023zm.001-.323c.028 0 .051-.006.07-.02.019-.013.034-.032.044-.057s.015-.054.015-.089-.005-.065-.015-.09c-.01-.026-.024-.046-.044-.061-.019-.014-.042-.021-.07-.021s-.052.007-.071.022c-.02.015-.034.036-.044.062-.009.025-.014.055-.014.088s.005.062.014.087c.01.025.025.045.044.059.019.013.043.02.071.02z' fill-rule='nonzero' transform='matrix(13.9999958208 0 0 13.9999958208 55.0525036248 58.0945343022)'/%3E%3Cpath d='m.066 0v-.545h.125v.09h.005c.01-.031.027-.055.052-.073.024-.017.052-.025.083-.025.007 0 .015 0 .024.001.009 0 .016.001.022.002v.119c-.005-.002-.014-.004-.026-.006-.011-.001-.023-.002-.034-.002-.023 0-.044.005-.063.015-.018.01-.033.024-.043.042-.011.018-.016.038-.016.061v.321z' fill-rule='nonzero' transform='matrix(13.9999958208 0 0 13.9999958208 63.5837263578 58.0945343022)'/%3E%3Cpath d='m.304.011c-.053 0-.099-.012-.139-.036-.039-.023-.069-.056-.09-.098-.022-.042-.032-.091-.032-.148 0-.056.01-.105.032-.148.021-.042.051-.075.09-.098.04-.024.086-.036.139-.036s.099.012.138.036c.04.023.07.056.091.098.022.043.032.092.032.148 0 .057-.01.106-.032.148-.021.042-.051.075-.091.098-.039.024-.085.036-.138.036zm.001-.103c.029 0 .053-.008.072-.024.02-.016.034-.038.044-.065.009-.027.014-.057.014-.09s-.005-.064-.014-.091c-.01-.027-.024-.048-.044-.064-.019-.017-.043-.025-.072-.025-.03 0-.054.008-.074.025-.02.016-.034.037-.044.064-.009.027-.014.058-.014.091s.005.063.014.09c.01.027.024.049.044.065s.044.024.074.024z' fill-rule='nonzero' transform='matrix(13.9999958208 0 0 13.9999958208 68.555324772 58.0945343022)'/%3E%3Cpath d='m.414-.229v-.316h.128v.545h-.124v-.097h-.006c-.012.031-.033.056-.061.075-.028.019-.062.029-.103.029-.036 0-.067-.008-.095-.024-.027-.016-.048-.039-.064-.07-.015-.03-.023-.068-.023-.111v-.347h.129v.327c0 .035.009.062.028.082.019.021.044.031.075.031.019 0 .037-.005.055-.014.017-.009.032-.023.043-.041.012-.019.018-.042.018-.069z' fill-rule='nonzero' transform='matrix(13.9999958208 0 0 13.9999958208 76.907572533 58.0945343022)'/%3E%3Cpath d='m.195-.32v.32h-.129v-.545h.123v.092h.006c.013-.03.033-.055.061-.073.027-.018.061-.027.102-.027.038 0 .07.008.098.025.029.016.05.039.066.07.015.03.023.067.023.111v.347h-.129v-.327c0-.037-.009-.065-.028-.086s-.045-.031-.078-.031c-.022 0-.042.005-.06.015-.017.01-.031.024-.041.042-.009.019-.014.041-.014.067z' fill-rule='nonzero' transform='matrix(13.9999958208 0 0 13.9999958208 85.041045639 58.0945343022)'/%3E%3Cpath d='m.268.01c-.042 0-.081-.011-.115-.033-.033-.022-.06-.054-.08-.096-.019-.042-.029-.093-.029-.153 0-.061.01-.112.03-.154.02-.041.047-.073.081-.094.034-.022.072-.033.114-.033.032 0 .058.006.079.017.02.01.037.023.049.038s.021.029.028.043h.005v-.272h.129v.727h-.126v-.086h-.008c-.007.013-.017.027-.029.042-.013.015-.029.028-.05.038-.02.01-.046.016-.078.016zm.036-.106c.028 0 .051-.007.07-.022s.034-.036.044-.062c.01-.027.015-.057.015-.093 0-.035-.005-.066-.015-.092s-.024-.046-.044-.06c-.019-.015-.042-.022-.07-.022s-.052.007-.071.022c-.02.015-.034.036-.044.062-.009.026-.014.056-.014.09s.005.065.014.091c.01.027.025.048.044.063s.043.023.071.023z' fill-rule='nonzero' transform='matrix(13.9999958208 0 0 13.9999958208 93.234341871 58.0945343022)'/%3E%3Cpath d='m43.2139072605 63.91650431248h1.84799944835v10.17799696172h-1.84799944835z' fill-rule='nonzero' stroke-width='13.9999958208'/%3E%3Cpath d='m.066 0v-.545h.123v.092h.006c.012-.031.03-.055.057-.073.026-.018.057-.027.094-.027s.068.009.093.027c.026.018.044.042.054.073h.006c.012-.03.032-.054.061-.072.029-.019.063-.028.103-.028.05 0 .091.016.123.048.031.032.047.078.047.139v.366h-.129v-.346c0-.034-.009-.059-.027-.075-.018-.015-.04-.023-.066-.023-.031 0-.055.009-.072.029-.018.019-.027.044-.027.075v.34h-.126v-.352c0-.028-.008-.05-.025-.067s-.039-.025-.066-.025c-.019 0-.036.004-.051.014-.015.009-.027.022-.036.039s-.013.037-.013.059v.332z' fill-rule='nonzero' transform='matrix(13.9999958208 0 0 13.9999958208 45.9047566098 74.0945012742)'/%3E%3Cpath d='m.223.011c-.035 0-.066-.006-.093-.019-.028-.012-.05-.03-.066-.055-.016-.024-.024-.054-.024-.09 0-.031.006-.056.018-.076.011-.021.026-.037.046-.049s.042-.021.067-.027c.024-.006.05-.011.077-.014.031-.003.057-.006.077-.009s.035-.007.044-.013.013-.015.013-.027v-.002c0-.027-.007-.047-.023-.062s-.039-.022-.069-.022c-.031 0-.056.007-.075.02-.018.014-.03.03-.037.049l-.12-.017c.01-.033.025-.061.047-.083.022-.023.049-.039.08-.051.032-.011.066-.017.104-.017.027 0 .053.004.079.01s.05.016.071.03c.022.014.039.033.052.057.013.025.02.055.02.091v.365h-.124v-.075h-.004c-.008.015-.019.029-.033.043-.014.013-.031.023-.053.031-.021.008-.046.012-.074.012zm.033-.094c.026 0 .049-.006.068-.016.018-.01.033-.024.043-.041.011-.017.016-.036.016-.056v-.064c-.004.003-.011.006-.021.009-.009.003-.02.006-.032.008s-.023.004-.035.005c-.012.002-.022.004-.03.005-.019.002-.036.007-.052.012-.015.006-.027.015-.035.025-.009.011-.014.024-.014.041 0 .023.009.041.026.053.018.013.04.019.066.019z' fill-rule='nonzero' transform='matrix(13.9999958208 0 0 13.9999958208 58.0752030276 74.0945012742)'/%3E%3Cpath d='m.303.214c-.046 0-.086-.006-.119-.019-.033-.012-.059-.028-.08-.049-.02-.021-.034-.043-.041-.068l.115-.028c.005.01.013.02.023.03s.023.019.04.026.039.01.064.01c.037 0 .067-.008.091-.026.024-.017.036-.046.036-.085v-.103h-.007c-.006.013-.016.027-.029.041-.012.014-.029.026-.05.035-.02.009-.046.014-.078.014-.041 0-.079-.01-.113-.029-.034-.02-.061-.05-.081-.089-.02-.04-.03-.089-.03-.149 0-.059.01-.11.03-.151.02-.042.047-.073.081-.094.034-.022.072-.033.114-.033.032 0 .058.006.079.017.021.01.037.023.049.038.013.015.022.029.028.043h.008v-.09h.126v.554c0 .046-.011.084-.033.114s-.053.053-.091.068c-.039.015-.083.023-.132.023zm.001-.323c.028 0 .051-.006.07-.02.019-.013.034-.032.044-.057s.015-.054.015-.089-.005-.065-.015-.09c-.01-.026-.024-.046-.044-.061-.019-.014-.042-.021-.07-.021s-.052.007-.071.022c-.02.015-.034.036-.044.062-.009.025-.014.055-.014.088s.005.062.014.087c.01.025.025.045.044.059.019.013.043.02.071.02z' fill-rule='nonzero' transform='matrix(13.9999958208 0 0 13.9999958208 65.970075798 74.0945012742)'/%3E%3Cpath d='m.308.011c-.055 0-.102-.012-.142-.035-.04-.022-.07-.055-.091-.097-.022-.042-.032-.091-.032-.149 0-.056.01-.105.032-.147.021-.043.051-.076.09-.1.038-.024.084-.036.136-.036.033 0 .065.006.095.017.03.01.057.027.08.049.023.023.041.052.054.086.013.035.02.076.02.124v.039h-.447v-.086h.324c0-.025-.006-.047-.016-.066-.011-.019-.025-.035-.044-.046-.018-.011-.04-.016-.064-.016-.027 0-.05.006-.07.019-.02.012-.035.029-.046.049-.011.021-.017.043-.017.068v.075c0 .032.006.059.018.082.011.022.027.04.048.052s.045.018.073.018c.019 0 .036-.003.051-.008.015-.006.028-.014.04-.024.011-.011.019-.023.025-.039l.12.014c-.008.031-.022.059-.043.083-.022.023-.049.041-.082.054-.032.013-.07.02-.112.02z' fill-rule='nonzero' transform='matrix(13.9999958208 0 0 13.9999958208 74.501298531 74.0945012742)'/%3E%3Cpath d='m85.156 13.795h-50.976l-.895 2.571.895 2.571h50.976z' transform='matrix(.79066396332 .79066396332 -.27506030607 .27506030607 -21.815911953 -30.8191935348)'/%3E%3Cpath d='m85.156 13.795h-50.976l-.895 2.571.895 2.571h50.976z' transform='matrix(.79066396332 -.79066396332 -.27506030607 -.27506030607 -21.815911953 155.818972584)'/%3E%3Cpath d='m85.156 13.795h-50.976l-.895 2.571.895 2.571h50.976z' transform='matrix(-.79066396332 .79066396332 .27506030607 .27506030607 146.815839324 -30.8191935348)'/%3E%3Cpath d='m85.156 13.795h-50.976l-.895 2.571.895 2.571h50.976z' transform='matrix(-.79066396332 -.79066396332 .27506030607 -.27506030607 146.815839324 155.818972584)'/%3E%3C/g%3E%3C/svg%3E");
}

@media screen and (max-width: 479px) {
  .blog-bg-image {
    min-height: 160px;
  }
}

@media (min-width: 992px) {
  .blog-sidebar-shadow {
    -webkit-box-shadow: rgba(0, 0, 0, 0.06) -10px 0px 6px -5px;
    box-shadow: rgba(0, 0, 0, 0.06) -10px 0px 6px -5px;
  }
}

/*------------------------------------------------------------------------------
  - Blog Details
------------------------------------------------------------------------------*/
.blog-header {
  height: 400px;
}

@media (min-width: 576px) {
  .blog-header {
    height: 550px;
  }
}

@media (min-width: 992px) {
  .blog-header {
    height: 600px;
  }
}

@media (min-width: 992px) {
  .blog-header {
    height: 700px;
  }
}

.blog-header:before {
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: rgba(13, 13, 13, 0.3);
}

.date-line {
  width: 30px;
  height: 1px;
  background-color: var(--bs-primary);
}

.cat-name {
  letter-spacing: 0.2em;
}

@media (min-width: 576px) {
  .date-line {
    width: 70px;
  }
}

/* Blog Pagination ---------- */

.slider-blog-arrow {
  padding-right: 40px;
}

@media (min-width: 576px) {
  .slider-blog-arrow {
    border-right: 1px solid #dee2e6;
  }
}

.slider-blog-arrow:last-child {
  border-right-style: none;
  padding-right: 0;
  padding-left: 40px;
}

@media screen and (min-width: 992px) {
  .slider-blog-arrow {
    padding-right: 100px;
  }

  .slider-blog-arrow:last-child {
    padding-left: 100px;
  }
}

/* DROP CAP ------- */

.single-post .entry-content > p:first-child:first-letter {
  font-size: 52px;
  line-height: 1;
  font-weight: bold;
  float: left;
  padding: 0px 6px 0px 0;
  margin-bottom: -6px;
  color: var(--bs-primary);
}

.blockquote {
  position: relative;
  padding: 0.4em 1.2em;
  text-align: center;
  font-size: 1.1em;
  line-height: 1.5;
  color: var(--bs-primary);
}

.blockquote cite {
  display: block;
  font-size: 11px;
  letter-spacing: 1px;
  padding-right: 1em;
  margin-top: 0.8em;
  font-style: normal;
  font-weight: 400;
  color: #bbb;
}

.aligncenter,
.alignnone,
.alignright,
.alignleft {
  display: block;
  margin: 1.6em auto;
  clear: both;
}

.aligncenter,
.alignnone,
.alignright,
.alignleft {
  display: block;
  margin: 1.6em auto;
  clear: both;
}

.caption {
  color: #555;
  max-width: 100%;
}

.caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  padding: 0;
}

.post-tags a:before {
  content: "#";
}

@media screen and (min-width: 768px) {
  .single-post .entry-content {
    line-height: 1.7;
  }

  .blockquote {
    max-width: 440px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.7em;
    line-height: 1.3;
  }

  .aligncenter {
    margin: 2em auto;
  }

  .alignleft,
  .alignright {
    max-width: 50%;
  }

  .alignleft {
    float: left;
    margin: 0.4em 2em 1em 0;
  }

  .alignright {
    float: right;
    margin: 0.4em 0 1em 2em;
  }

  .blockquote.alignleft,
  .blockquote.alignright {
    width: 40% !important;
    padding-bottom: 0;
  }

  .blockquote.alignleft {
    padding-right: 0;
  }

  .blockquote.alignright {
    padding-left: 0;
  }
}

/* -----------------------------------------------------------------
    -  Contact Page
----------------------------------------------------------------- */

.contact-form {
  margin-top: -220px;
}

.property-map {
  width: 100%;
  height: 350px;
}

.map {
  width: 100%;
  height: 350px;
}

/* -----------------------------------------------------------------
    - Pricing page
----------------------------------------------------------------- */

.custom-nav-pills {
  --bs-nav-pills-link-active-bg: var(--bs-primary);
}

.custom-nav-pills {
  --bs-nav-link-font-weight: var(--bs-body-font-weight);
  --bs-nav-link-color: var(--bs-body-color);
}

.custom-nav-pills .nav-link {
  padding: 20px;
  cursor: pointer;
  background-color: var(--bs-body-bg);
  font-weight: var(--bs-body-font-weight);
}

@media ((min-width: 992px)) {
  .pricing-plan.gx-lg-5 {
    --bs-gutter-x: 4rem;
  }

  .tab-content-wrap {
    border-left: 2px solid var(--bs-primary);
  }
}

@media (min-width: 1400px) {
  .pricing-plan.gx-xxl-5 {
    --bs-gutter-x: 8rem;
  }
}

.custom-nav-pills .nav-link.active .pricing-plan-item-title {
  color: var(--bs-white);
}

.price-circle {
  width: 60px;
  height: 60px;
  color: var(--bs-primary);
  background-color: #edf0fc;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.custom-nav-pills .nav-link.active .price-circle {
  color: var(--bs-white);
  background-color: rgba(0255, 255, 255, 0.2);
}

.custom-nav-pills .nav-link:hover .price-circle {
  color: var(--bs-white);
}

.price-circle:after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: "";
  border-radius: 50%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  background-color: #2747d5;
}

.custom-nav-pills .nav-link:hover .price-circle:after {
  -webkit-transform: scale(0.98);
  -ms-transform: scale(0.98);
  transform: scale(0.98);
}

.price-circle-icon:before {
  content: "\2b";
}

.custom-nav-pills .nav-link.active .price-circle-icon:before {
  content: "\f00c";
}

/* -----------------------------------------------------------------
    - Company Details Page
----------------------------------------------------------------- */

/* Company profile --------- */

.profile-cover {
  position: relative;
  padding: 1rem 1rem;
  border-radius: 0.5rem;
}

.profile-cover-img-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-color: #e7eaf3;
  border-radius: 0.5rem;
}

.profile-cover-img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  vertical-align: top;
  border-radius: 0.5rem;
}

.profile-cover,
.profile-cover-img,
.profile-cover-img-wrapper {
  height: 10rem;
}

@media (min-width: 992px) {
  .profile-cover,
  .profile-cover-img,
  .profile-cover-img-wrapper {
    height: 14rem;
  }
}

.profile-cover-avatar {
  margin-top: -30px;
  width: 80px;
  height: 80px;
}

@media (min-width: 576px) {
  .profile-cover-avatar {
    width: 100px;
    height: 100px;
  }
}

@media (min-width: 992px) {
  .profile-cover-avatar {
    margin-top: -50px;
    width: 120px;
    height: 120px;
  }
}

.company-details-galery-thumbnail {
  max-height: 614px;
}

.company-details-galery-image {
  max-height: 194px;
}

/* -----------------------------------------------------------------
    - Job Category Page
----------------------------------------------------------------- */
/* Offcanvas Sidebar Filters -------- */
.offcanvas {
  --bs-offcanvas-width: 370px;
}

.offcanvas.offcanvas-start {
  border: 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
}

.offcanvas-header .btn-close {
  width: 1.5em;
  height: 1.5em;
  background-color: #eceef9;
}

.offcanvas .irs--round .irs-line {
  background-color: #fff;
}

.offcanvas .form-check-input {
  border-color: #dee2e6;
  --bs-form-check-bg: #fff;
}

.modal-backdrop,
.offcanvas-backdrop {
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
}

/* -----------------------------------------------------------------
    - Authentication Page
----------------------------------------------------------------- */

.auth-content-inner {
  padding: 7.813rem 12px 3rem;
}

.auth-wrap {
  max-width: 480px;
}

@media (min-width: 1400px) {
  .auth-content-inner {
    padding: 77px 12px 0;
  }

  .auth-content {
    height: 100vh;
  }
}

/* -----------------------------------------------------------------
    - Job Details Page
----------------------------------------------------------------- */
.form-check.form-check-bookmark {
  padding-left: 0;
}

.form-check-bookmark .form-check-input {
  width: 0;
  height: 0;
  margin: 0;
  border: none;
}

.form-check-bookmark .form-check-bookmark-active {
  color: #2747d5;
}

.form-check-bookmark .form-check-input ~ .form-check-label .form-check-bookmark-default {
  display: block;
}

.form-check-bookmark .form-check-input ~ .form-check-label .form-check-bookmark-active {
  display: none;
}

.form-check-bookmark .form-check-input:checked ~ .form-check-label .form-check-bookmark-default {
  display: none;
}

.form-check-bookmark .form-check-input:checked ~ .form-check-label .form-check-bookmark-active {
  display: block;
}

.form-check.form-check-bookmark .form-check-label {
  cursor: pointer;
}

/* -----------------------------------------------------------------
    - Style Guide Page
----------------------------------------------------------------- */
.color-box {
  width: 120px;
  height: 120px;
}

.color-box.content {
  background-color: #707070;
}