.bg-light {
  background-color: #E8F4F3 !important;
}

.bg-gray {
  background-color: #F2F6F6D6 !important;
}

.bg-secondary {
  background-color: #272727 !important;
}

.bg-primary {
  background-color: #b72f09 !important;
}

.text-gray {
  color: #888E8D !important;
}

.text-primary, .primary-link-hover:hover, .text-hover-primary:hover {
  color: #b72f09 !important;
}

.text-secondary {
  color: #272727 !important;
}

.text-truncate {
    text-overflow: ellipsis;
    display: block;
    width: 135px;
    white-space: nowrap;
    overflow: hidden;
}

.btn {
  padding: 10px 30px;
  border-radius: 100px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.btn-primary {
  color: #FFFFFF;
  background-color: #b72f09;
  border: 1px solid #b72f09 !important;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  background-color: #FFFFFF;
  color: #b72f09;
}

/* .btn-secondary {
  color: #FFFFFF !important;
  background-color: #272727;
  border: 1px solid #272727 !important;
} */

.btn-secondary {
  color: #FFFFFF !important;
  background-color: #066000;
  border: 1px solid #066000 !important;
}

/* .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
  background-color: #FFFFFF;
  color: #272727 !important;
} */

.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
  background-color: #FFFFFF;
  color: #066000 !important;
}

.btn-success:hover, .btn-success:active, .btn-success:focus {
  color: #198754;
  background-color: #e9fbf3;
  border: 1px solid #e9fbf3;
}

.btn-light-success {
  color: #198754;
  background-color: #e9fbf3;
  border: 1px solid #e9fbf3;
}

.btn-light-success {
  color: #198754;
  background-color: #e9fbf3;
  border: 1px solid #e9fbf3;
}

.btn-light-success:hover {
  color: #ffffff;
  border: 1px solid #198754;
  background-color: #198754;
}

.facebook-btn {
  color: #4267B2;
  border: 1px solid #4267B2;
}

.facebook-btn:hover {
  color: #ffffff;
  border: 1px solid #4267B2;
  background-color: #4267B2;
}

.linkedin-btn {
  color: #0A66C2;
  border: 1px solid #0A66C2;
}

.linkedin-btn:hover {
  color: #ffffff;
  border: 1px solid #0A66C2;
  background-color: #0A66C2;
}

.google-btn {
  color: #DB4437;
  border: 1px solid #DB4437;
}

.google-btn:hover {
  color: #ffffff;
  border: 1px solid #DB4437;
  background-color: #DB4437;
}

.br-gray {
  border: 1px solid #DAE0DF;
}

.br-10 {
  border-radius: 10px;
}

.py-40 {
  padding: 40px 0;
}

@media (max-width: 991px) {
  .py-40 {
    padding: 30px 0;
  }
}

.px-40 {
  padding: 40px;
}

@media (max-width: 991px) {
  .px-40 {
    padding: 30px;
  }
}

@media (max-width: 480px) {
  .px-40 {
    padding: 20px;
  }
}

.py-80 {
  padding: 80px 0 100px 0;
}

@media (max-width: 991px) {
  .py-80 {
    padding: 20px 0 50px 0;
  }
}

.py-100 {
  padding: 100px 0;
}

@media (max-width: 991px) {
  .py-100 {
    padding: 50px 0;
  }
}

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

@media (max-width: 991px) {
  .pt-100 {
    padding-top: 50px;
  }
}

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

@media (max-width: 767px) {
  .mb-40 {
    margin-bottom: 30px;
  }
}

@media (max-width: 480px) {
  .mb-40 {
    margin-bottom: 20px;
  }
}

.py-60 {
  padding: 60px 0;
}

@media (max-width: 991px) {
  .py-60 {
    padding: 40px 0;
  }
}

.px-20 {
  padding: 20px;
}

@media (max-width: 991px) {
  .px-20 {
    padding: 30px 40px;
  }
}

.py-20 {
  padding: 20px !important;
}

.py-30 {
  padding: 30px !important;
}

@media (max-width: 480px) {
  .py-30 {
    padding: 20px !important;
  }
}

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

@media (max-width: 991px) {
  .pb-150 {
    padding-bottom: 75px;
  }
}

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

@media (max-width: 767px) {
  .fs-18 {
    font-size: 16px !important;
    line-height: 20px;
  }
}

.fs-14 {
  font-size: 14px;
  line-height: 24px;
}

li {
  list-style: none;
}

a, .fs-16 {
  font-size: 16px;
  line-height: 27px;
  text-decoration: none;
}

.br-2 {
  border-right: 1px solid #E8F4F3;
}

@media (max-width: 991px) {
  .br-2 {
    border-right: 0;
  }
}

h1, h3 {
  font-size: 44px;
  line-height: 56px;
}

@media (max-width: 1199px) {
  h1, h3 {
    font-size: 38px;
    line-height: 48px;
  }
}

@media (max-width: 991px) {
  h1, h3 {
    font-size: 34px;
    line-height: 38px;
  }
}

@media (max-width: 425px) {
  h1, h3 {
    font-size: 30px;
    line-height: 38px;
  }
}

h2 {
  font-size: 36px;
  line-height: 46px;
}

@media (max-width: 991px) {
  h2 {
    font-size: 30px;
    line-height: 38px;
  }
}

@media (max-width: 575px) {
  h2 {
    font-size: 26px;
    line-height: 30px;
  }
}

h4 {
  font-size: 20px;
  line-height: 56px;
}

.card {
  height: 100%;
  border-radius: 10px;
    -webkit-box-shadow: 2px -2px 25px 10px rgb(0 0 0 / 10%);
            box-shadow: 2px -2px 25px 10px rgb(0 0 0 / 10%);
}

.card .card-img {
  width: 60px;
  height: 60px;
  object-fit: cover;
}

@media (max-width: 480px) {
  .card .card-img {
    width: 50px;
    height: 50px;
  }
}

.card .card-body {
  padding: 0;
}

.btn-close:focus {
    box-shadow: none;
}

.form-group {
    margin-bottom: 10px;
}

.form-control, textarea, .form-select {
  border: 1px solid #E8F4F3;
  padding: 16px 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 10px;
}

.form-control:focus, .form-control:active, textarea:focus, textarea:active {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.object-fit-cover {
    object-fit: cover;
}

.section-heading {
  margin-bottom: 60px;
}

@media (max-width: 991px) {
  .section-heading {
    margin-bottom: 40px;
  }
}

@media (max-width: 575px) {
  .section-heading {
    margin-bottom: 30px;
  }
}

.section-heading h2 {
    position: relative;
    display: inline-block;
    margin: auto;
    padding-left: 30px;
    padding-right: 30px;
}

.section-heading h2:after, .section-heading h2:before {
  content: "";
  display: block;
  width: 80px;
  height: 5px;
  background-color: #b72f09;
  top: 50%;
  position: absolute;
  border-radius: 3px;
}

@media (max-width: 767px) {
  .section-heading h2:after, .section-heading h2:before {
    width: 60px;
  }

  .section-heading h2 {
      padding-left: 5px;
      padding-right: 5px;
  }
}

@media (max-width: 575px) {
  .section-heading h2:after, .section-heading h2:before {
   content: none;
  }
}

.section-heading h2:after {
  left: -80px;
}

.section-heading h2:before {
  right: -80px;
}

.find-job-section .find-job {
  top: -45px;
  z-index: 999;
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  border-radius: 50px;
}

.find-job-section .find-job input {
  width: 100%;
  outline: none;
  border: none;
}

.latest-job-section .job-card .icon, .featured-job-section .job-card .icon, .our-latest-jobs .job-card .icon {
  top: -20px;
  left: 0;
}

.latest-job-section .job-card .text, .featured-job-section .job-card .text, .our-latest-jobs .job-card .text {
  background-color: #b72f091f;
  padding: 5px ;
  border-radius: 5px;
}

.recent-blog-section .blog-card .card .overlay {
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #27272787;
  overflow: hidden;
  width: 100%;
  height: 0;
  -webkit-transition: .5s ease;
  transition: .5s ease;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.recent-blog-section .blog-card .card .card-img-top:hover .overlay {
  height: 100%;
    border-radius: 48px 48px 0 0;
}

.recent-blog-section .blog-card .card .btn {
  z-index: 2;
  border: 1px solid #FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
}

.recent-blog-section .blog-card .card-img-top .inner-image {
    height: 300px;
    overflow: hidden;
}

.recent-blog-section .blog-card .card-img-top .inner-image .card-img-top {
    height: auto;
    object-fit: cover;
    width: auto;
    max-width: 100%;
    min-width: 100%;
    min-height: 100%;
    max-height: 100%;
}

.modal-content {
    border: 0;
    border-radius: 20px;
}

.modal-content .modal-header, .modal-content .modal-footer {
    padding: 20px 30px;
}

.modal-content .modal-body {
    padding-left: 30px;
    padding-right: 30px;
}

.select2-search--dropdown {
    padding: 16px;
}

.select2-container {
    outline: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #888E8D !important;
    line-height: 58px;
    font-size: 14px;
    padding-left: 16px;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #E8F4F3;
    border-radius: 10px;
    color: #888E8D !important;
    height: 58px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 58px;
    right: 10px;
}

.select2-search--dropdown .select2-search__field {
    color: #888E8D !important;
}

.select2-dropdown, .select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #E8F4F3;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    outline: none;
    border-radius: 10px;
    padding: 10px;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border-color: #b72f09;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #f6f6f6;
}

.select2-results__option.select2-results__option--highlighted {
    background-color: #b72f09 !important;
}

.select2-results__option {
    padding: 10px 15px;
    font-size: 15px;
    color: #888E8D;
}

.sweet-alert  {
    will-change: unset !important;
    border-radius: 0.625rem;
    background-color: #FFFFFF;
}

@media (min-width: 501px) {
    .sweet-alert  {
        width: 357px;
    }
}

.sweet-alert .swal-title {
    color: #212529;
    font-size: 1.125rem;
    font-weight: 500;
}

.sweet-alert p {
    font-size: 0.875rem;
    color: #6C757D;
}

.sweet-alert .swal-button-container {
    padding: 1.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -0.625rem;
    margin-right: -0.625rem;
    margin-top: 0.625rem;
}

.sweet-alert .swal-button-container button {
    font-weight: 400;
    color: #FFFFFF;
}

@media (min-width: 576px) {
    .sweet-alert .swal-button-container button {
        font-size: 1rem;
    }
}

@media (max-width: 575px) {
    .sweet-alert .swal-button-container button {
        padding-left: 1rem;
        padding-right: 1rem;
        margin-top: 0;
    }
}
.sweet-alert .swal-button-container button:focus {
    box-shadow: none;
}
.sweet-alert .swal-button-container {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
}
.sweet-alert .sa-button-container .cancel {
    background-color: #ADB5BD;
}
.sweet-alert .sa-button-container .sa-confirm-button-container .confirm {
    background-color: #F62947 !important;
}

.swal-icon--custom img {
    width: 62px;
    height: 80px;
}

#toast-container .toast {
    min-width: calc(100% - 30px);
    padding: 15px 15px 15px 70px;
    box-shadow: 0 0 20px rgba(173, 181, 189, 0.1);
    background-color: #FFFFFF !important;
    color: #7a7a7a;
    opacity: 1;
    border-radius: 10px;
    border-bottom: 5px solid;
}
#toast-container > .toast:hover {
    box-shadow: 0 0 20px rgba(173, 181, 189, 0.1);
}

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

.toast.toast-success {
    border-bottom-color: #0AC074 !important;
}

.toast.toast-warning {
    border-bottom-color: #FFB821 !important;
}

.toast.toast-error {
    border-bottom-color: #F62947 !important;
}

.toast.toast-info {
    border-bottom-color: #0099FB !important;
}

#toast-container > .toast-success {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='20' fill='%230AC074'/%3E%3Cpath d='M17.0582 27.6647C16.7058 27.4297 16.3702 27.2955 16.1185 27.0438C14.172 25.1141 12.2423 23.1676 10.2958 21.2546C9.90984 20.8687 9.89306 20.6002 10.2958 20.2311C11.0341 19.5431 11.7389 18.8383 12.4269 18.1C12.8296 17.6805 13.0813 17.7644 13.4505 18.1503C14.3901 19.1403 15.3802 20.0968 16.3534 21.0533C17.0917 21.7916 17.1085 21.7748 17.8636 21.0197C20.7163 18.1503 23.6024 15.2977 26.4383 12.4115C26.9417 11.8913 27.2941 11.841 27.7807 12.3947C28.368 13.0659 29.0224 13.6868 29.6769 14.2909C30.0964 14.6768 30.1131 15.0124 29.6936 15.4152C25.8006 19.2914 21.9076 23.2011 18.0147 27.0774C17.7797 27.3123 17.4106 27.4465 17.0582 27.6647Z' fill='white'/%3E%3C/svg%3E%0A") !important;
}

#toast-container > .toast-warning {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23FFB821'/%3E%3Cg clip-path='url(%23clip0_170_1104)'%3E%3Cpath d='M18.0771 13.7187C18.0579 13.3911 18.0386 13.0829 18.0193 12.7553C17.8844 10.578 19.0212 9.63392 21.1214 10.1156C21.9307 10.3083 22.528 11.3102 22.4509 12.5241C22.3353 14.7399 22.1812 16.9364 22.027 19.1522C21.9885 19.8844 21.9692 20.6358 21.8922 21.368C21.8343 21.869 21.7958 22.447 21.5068 22.8324C21.1985 23.237 20.6397 23.6609 20.158 23.6802C19.7342 23.6994 19.1754 23.2563 18.9056 22.8516C18.6166 22.4277 18.5588 21.8304 18.5203 21.2909C18.3469 18.7669 18.212 16.2428 18.0771 13.7187C18.0579 13.7187 18.0579 13.7187 18.0771 13.7187Z' fill='white'/%3E%3Cpath d='M22.1619 28.054C22.1812 29.133 21.3912 29.9807 20.3507 30C19.291 30.0193 18.4625 29.21 18.4432 28.1503C18.4239 27.0713 19.2332 26.2042 20.2544 26.185C21.2756 26.1464 22.1426 26.9942 22.1619 28.054Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_170_1104'%3E%3Crect width='4.45087' height='20' fill='white' transform='translate(18 10)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") !important;
}

#toast-container > .toast-info {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='20' fill='%230099FB'/%3E%3Cg clip-path='url(%23clip0_170_1103)'%3E%3Cpath d='M16 18.8036C15.9502 17.8929 16.3818 17.5179 17.0956 17.3572C17.743 17.1965 18.3572 16.9286 18.988 16.7857C21.7271 16.2143 23.2709 17.9643 22.5903 20.875C22.2251 22.4465 21.7271 23.9822 21.3785 25.5715C20.8639 27.9465 21.4283 28.5357 23.6361 28.0536C23.7357 28.0357 23.8519 28 24.0013 27.9465C24.0677 28.625 23.8851 29.0893 23.2211 29.25C22.2583 29.5 21.3121 29.9107 20.3493 29.9822C18.0584 30.1607 16.7802 28.5179 17.2948 26.1072C17.66 24.4465 18.158 22.8036 18.5398 21.1429C19.1208 18.75 18.49 18.125 16.2822 18.75C16.1992 18.7857 16.1162 18.7857 16 18.8036Z' fill='white'/%3E%3Cpath d='M22.0093 14.6071C20.6481 14.6071 19.5691 13.5714 19.6023 12.2679C19.6189 11.0179 20.6979 10 21.9927 10C23.3042 10 24.35 11.0357 24.35 12.3036C24.3334 13.6071 23.3374 14.6071 22.0093 14.6071Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_170_1103'%3E%3Crect width='8.33333' height='20' fill='white' transform='translate(16 10)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") !important;
}

#toast-container > .toast-error {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23F72947'/%3E%3Cg clip-path='url(%23clip0_170_1105)'%3E%3Cpath d='M16.7906 19.9258C16.5602 19.7049 16.3442 19.4937 16.1282 19.2825C14.8512 18.0152 13.5695 16.7478 12.2926 15.4805C11.8989 15.0917 11.8989 14.818 12.3022 14.4244C13.0174 13.7139 13.7327 13.0035 14.448 12.293C14.8464 11.8993 15.1057 11.9041 15.5089 12.3026C16.949 13.7283 18.3844 15.1541 19.8245 16.5798C19.8773 16.6278 19.9109 16.695 19.9685 16.7718C20.0694 16.6758 20.1414 16.6134 20.2038 16.5462C21.6439 15.1205 23.0793 13.6947 24.5194 12.269C24.8794 11.9137 25.1723 11.9137 25.5323 12.269C26.2572 12.9843 26.9772 13.6995 27.6973 14.4148C28.0958 14.8084 28.1006 15.0821 27.7069 15.4709C26.2812 16.887 24.8554 18.3032 23.4297 19.7145C23.3625 19.7817 23.2809 19.8345 23.1849 19.9065C23.3625 20.0794 23.4969 20.2138 23.6313 20.3482C24.9994 21.7067 26.3676 23.0653 27.7357 24.4238C28.0814 24.7694 28.0814 25.0623 27.7309 25.4127C26.9964 26.1424 26.262 26.8672 25.5323 27.5921C25.1723 27.9522 24.8794 27.9522 24.5194 27.5969C23.0793 26.1712 21.6439 24.7454 20.2038 23.3197C20.1414 23.2573 20.079 23.1997 20.0021 23.1277C19.9301 23.1949 19.8677 23.2477 19.8053 23.3101C18.3652 24.7358 16.9298 26.1616 15.4897 27.5873C15.1105 27.9618 14.8368 27.9618 14.4624 27.5921C13.7279 26.8672 12.9934 26.1376 12.2638 25.4127C11.9133 25.0671 11.9133 24.7694 12.259 24.4238C13.7039 22.9933 15.1441 21.5579 16.589 20.1274C16.6514 20.0746 16.709 20.0122 16.7906 19.9258Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_170_1105'%3E%3Crect width='16' height='15.8752' fill='white' transform='translate(12 12)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") !important;
}

.pagination .page-item {
    padding: 8px;
}

.pagination .page-item .page-link {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #DAE0DF;
    border-radius: 50px;
    padding: 3px 12px;
    width: 40px;
    height: 40px;
    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;
}

.pagination .page-item .page-link.active, .pagination .page-item .page-link:focus, .pagination .page-item .page-link:hover {
    color: #FFFFFF !important;
    background-color: #b72f09;
    border: 1px solid #b72f09;
}

.pagination .page-item .page-link.previous, .pagination .page-item .page-link.next {
    border: none;
}

.pagination .page-item .page-link.active span svg, .pagination .page-item .page-link:focus span svg, .pagination .page-item .page-link:hover span svg {
    color: #FFFFFF !important;
}

.bookmark {
    display: inline-block;
    right: 0;
    width: auto;
}

@media (max-width: 575px) {
    .find-job-section .find-job input {
        border-bottom: 1px solid #E8F4F3;
        padding: 10px 0;
    }

    .pagination .page-item {
        padding: 4px;
    }

    .pagination .page-item .page-link {
        padding: 1px 10px;
        font-size: 14px;
    }
}
/*# sourceMappingURL=custom.css.map */

@font-face {
    font-family: "Poppins";
    src: url(../fonts/Poppins-Medium.ttf);
    font-weight: 500;
    font-style: normal;
    display: swap;
}

body {
    font-family: "Poppins", sans-serif;
    font-weight: 500
}

header {
    padding-top: 20px;
    padding-bottom: 20px;
    height: 120px;
    display: flex;
    align-items: center;
}

header .header-logo img {
    display: block;
    width: 65%;
    object-fit: contain;
}

.user-logo img {
    height: 50px;
    width: 50px;
    object-fit: cover;
}

@media (max-width: 991px) {
    header {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

@media (max-width: 575px) {
    header {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

@media (max-width: 991px) {
    header .navbar {
        position: static
    }
}

@media (max-width: 991px) {
    header .navbar .navbar-nav {
        display: block
    }
}

header .navbar .navbar-nav .nav-item {
    position: relative;
    transition: all .3s
}

header .navbar .navbar-nav .nav-item .language-menu .nav-item {
    margin: 5px 0
}

header .navbar .navbar-nav .nav-item .language-menu .country-flag {
    width: 20px
}

header .navbar .navbar-nav .nav-item .submenu {
    position: absolute;
    min-width: 400px;
    wih: auto;
    padding: 10px;
    background: #fff;
    border-radius: 10px;
    height: auto;
    display: inline-block;
    top: 110%;
    left: 0;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: .3s ease-in-out
}

header .navbar .navbar-nav .nav-item:hover .submenu {
    opacity: 1;
    visibility: visible
}

header .navbar .navbar-nav .nav-item .nav-link {
    padding-right: 25px;
    padding-left: 25px;
    color: #888e8d
}

.languages header .navbar .navbar-nav .nav-item .nav-link {
    padding-right: 15px;
    padding-left: 15px;
}

@media (max-width: 1399px) and (min-width: 1200px) {
    header .navbar .navbar-nav .nav-item .nav-link {
        padding-right: 18px;
        padding-left: 18px
    }

    .languages header .navbar .navbar-nav .nav-item .nav-link {
        padding-right: 10px;
        padding-left: 10px;
        font-size: 14px;
    }
}

@media (max-width: 1199px) and (min-width: 992px){
    header .navbar .navbar-nav .nav-item .nav-link {
        padding-right: 10px;
        padding-left: 10px;
        font-size: 15px;
    }

    .languages header .navbar .navbar-nav .nav-item .nav-link {
        padding-right: 6px;
        padding-left: 6px;
        font-size: 13px;
    }
}

header .navbar .navbar-nav .nav-item .nav-link.active, header .navbar .navbar-nav .nav-item .nav-link:hover {
    color: #272727
}

@media (min-width: 1400px) {
    header .navbar .navbar-nav .nav-item:last-child .nav-link {
        padding-right: 0
    }
}

@media (max-width: 991px) {
    header .navbar .navbar-toggler {
        box-shadow: none
    }
}

@media (max-width: 991px) {
    header .navbar .navbar-collapse {
        position: absolute;
        width: calc(100% - 24px);
        top: 70px;
        background: #fff;
        left: 0;
        right: 0;
        margin: auto;
        max-width: 696px;
        border-radius: .625rem;
        box-shadow: 0 0 20px rgba(173, 181, 189, .38);
        z-index: 1024
    }
}

@media (max-width: 767px) {
    header .navbar .navbar-collapse {
        max-width: 516px
    }
}

@media (max-width: 991px) {
    header .navbar .header-btn-grp {
        padding: 0 20px 16px;
    }
}

header .navbar .dropdown .dropdown-toggle {
    padding: 8px 25px;
    color: #888e8d
}

@media (max-width: 1399px) {
    header .navbar .dropdown .dropdown-toggle {
        padding-right: 18px;
        padding-left: 18px
    }
}

@media (max-width: 1199px) {
    header .navbar .dropdown .dropdown-toggle {
        padding-right: 14px;
        padding-left: 14px
    }
}

header .navbar .dropdown .dropdown-toggle:after {
    border: 0;
    margin-left: 10px;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    content: "";
    vertical-align: middle;
    line-height: normal
}

header .navbar .navbar-nav .submenu .nav-item .nav-link {
    padding-right: 10px;
    padding-left: 10px;
}

footer {
    padding-top: 80px
}

@media (max-width: 991px) {
    footer {
        padding-top: 50px
    }
}

footer .email input {
    width: 95%;
    outline: none;
    border: none;
    padding: 0 20px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

@media (max-width: 1199px) {
    footer .email input {
        width: 76%
    }
}

footer .email .icon {
    width: 50px;
    height: 50px;
    padding: 17px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.social-icon-box {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #FFFFFF;
}

.f-icon-box {
    width: 26px;
}

.bookmark-class{
    position: absolute;
    right: 30px;
    top: 30px;
    color: #b72f09;
}
.job-post-wrapper ul.pagination {
    margin-top: 30px !important;
}
 .reset-filter{
    padding: 0.25rem 0.5rem !important;
}

.accordion-body>p{
    color: #888e8d!important;
    font-size: 14px;
    line-height: 24px;
}

.job-description {
    font-size: 16px;
    line-height: 27px;
    text-decoration: none;
    color: #888e8d !important;
}

.mt-40 {
    margin-top: 40px;
}

.blog-description{
    font-size: 16px;
    line-height: 27px;
    text-decoration: none;
    color: #888e8d !important;
}

.card-body>.blog-desc{
    font-size: 14px;
    line-height: 24px;
    color: #888e8d !important;
}

.testimonial-desc {
    font-size: 16px;
    line-height: 27px;
    text-decoration: none;
    color: #888e8d !important;
}

.slide-desc {
    font-size: 16px;
    line-height: 27px;
    text-decoration: none;
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.ui-menu {
    z-index: 1111;
}

.job-search {
    left: 30px;
    top: 80px;
    li {
        margin: 2px !important;
        padding: 3px !important;
        transition: 0.3s;
        border-top: 2px solid #e9e9e9;
    }
}

.job-search li:hover {
    cursor: pointer;
    border-bottom: 2px solid #b72f09;
}

.job-search-dropdown {
  padding: 15px;
  color: #888e8d !important;
  font-size: 14px !important;
  border-radius: unset;
}

.terms-desc {
    font-size: 16px;
    line-height: 27px;
    text-decoration: none;
    color: #888E8D !important;
}

.privacy-policy {
  font-size: 16px;
  line-height: 27px;
  text-decoration: none;
  color: #888E8D !important;
}

.page-link {
  cursor: pointer;
}

.blog-avatar-img {
  object-fit: cover;
}
.btn-outline-primary {
    color: #173FC1FF;
    border-color: #173FC1FF;
}

.btn-outline-primary:hover {
    color: #ffffff;
    background-color: #173FC1FF;
    border-color: #173FC1FF;
}
.btn-outline-pink {
    color: #ff0feb;
    border-color: #ff0feb;
}

.btn-outline-pink:hover {
    color: #ffffff;
    background-color: #ff0feb;
    border-color: #ff0feb;
}

.tag-badge{
    background: rgba(25,103,210,.15);
    color: #1967D2 !important;
    font-size: 12px !important;
    line-height: 15px;
    padding: 5px 20px;
    border-radius: 50px;
    margin-top: 10px
}
.find-job {
    border-radius:5px;
    padding:12px;
    border: 1px solid rgba(39, 39, 39, 0.125);
}
.find-jobs-btn {
    padding: 10px 25px;
    border-radius: 5px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.desc .jobs-position{
    background-color: #ff00000f;
    color: #b72f09;
    padding: 5px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

}
.desc .jobs-no-position{
    background-color: #6D767D;
    color: white;
    padding: 5px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.primary-link-hover .card-title
{
    font-size: 18px;
    font-weight: 100;
}
.location-text{
    color: rgb(157 169 185);
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
    font-weight: 100;
}
.location-text i {
    color: rgb(157 169 185);
}
.fs-12 {
    font-size:12px;
    line-height:12px;
}
.details-page-card-text{
    font-size:14px;
    line-height:24px;
    color: #888e8d !important;
}
.related-jobs{
    background-color: #b72f091f;
    padding: 5px;
    border-radius: 5px;
}

.desc-card , .job-card-category{
    box-shadow:none;
    border:0;
    transition: all .4s linear;
}
.desc-card:hover , .job-card-category:hover {
    background: #fff;
    box-shadow: 0 12px 48px rgb(0 44 109 / 10%);
}
.desc-card .card-img , .job-card-category .card-img{
    width:72px;
    height:72px;
    min-width: 72px;
    margin-right:16px;
    background-color: #ff00000f;
    border-radius: 4px;
    i {
        font-size:40px !important;
        display:flex;
        justify-content: center;
        align-items: center;
    }


}

.card-img  .svg-inline--fa {
    color: #b72f09;
    font-size:40px !important;
}
.card-text h3 {
    font-size:24px;
    line-height:24px;
}
.input {
    border: none;
    width: 100%;
    outline:none;
}
.input-icon {
    font-size:24px;
    color: #b72f09;
}
.border-left-color{
    border: none;
    border-left: 4px solid #b72f09;
}
.recent-post-img{
    width: 100px;
    height: 70px;
    border-radius: 5px;
    object-fit: cover;
}
.job-card .tag {
    position: absolute;
    transform: rotate(0deg);
    top: 16px;
    left: 265px;
    font-size: 13px;
    color: #b72f09;
    padding: 0 5px;
}

    @media (max-width:991px) {
        .input-text {
        border-bottom:1px solid #E8F4F3 !important;
    }
}
.bookmark-icon {
   top: 0; 
    left: -7px;
}
.job-card-img {
    width:72px;
    height:60px;
    min-width:72px;
}
.mb-20{
    margin-bottom: 20px;
}
.blog-card .card{
    border-radius: 48px 48px 10px 10px;
}
.py-50{
    padding: 50px 0;
}
.footer-logo{
    img{
        max-width: 120px;
    }
}

.slider-test-section .carousel-control-prev, .slider-test-section .carousel-control-next {
  width: 12%;
  opacity: 1;
}
.slider-test-section .carousel-control-prev .icon, .slider-test-section .carousel-control-next .icon {
  padding: 6px 7px;
  border: 1px solid #FFFFFF;
  border-radius: 50px;
}
@media (max-width: 575px) {
  .slider-test-section .carousel-control-prev .icon, .slider-test-section .carousel-control-next .icon {
    font-size: 12px;
  }
}
.slider-test-section .slider-img {
  height: 400px;
  object-fit: cover;
}
.slider-test-section .slider-img-desc {
  bottom: 8px;
}
@media (max-width: 991px) {
  .slider-test-section .slider-img-desc {
    bottom: 0;
  }
}

.popular-job-categories-section .job-categories-card .icon {
  top: -30px;
  left: 5px;
}
@media (max-width: 480px) {
  .popular-job-categories-section .job-categories-card .icon {
    left: 0px;
    top: -20px;
  }
}
@media (max-width: 325px) {
  .popular-job-categories-section .job-categories-card .icon {
    left: -5px;
    top: -23px;
  }
}

.notice-section .notice-content {
  border-radius: 50px;
}
.notice-section .notice-content .autoscroller {
  height: 500px;
  overflow-y: auto;
}
.notice-section .notice-content .autoscroller::-webkit-scrollbar {
  display: none;
}
.notice-section .notice-content .notice-desc {
  border-radius: 10px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  float: top;
}
.notice-section .notice-content span {
  padding: 10px 30px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  bottom: 0;
  right: 12px;
}
.notice-section .marquee {
  position: relative;
  animation: scroll 10s linear infinite;
}
.notice-section .marquee:hover {
  animation-play-state: paused;
}
@keyframes scroll {
  0% {
    top: 500px;
  }
  100% {
    top: -500px;
  }
}

.testimonial-section .testimonial .testimonial-card {
  padding: 60px;
}
@media (max-width: 991px) {
  .testimonial-section .testimonial .testimonial-card {
    padding: 40px;
  }
}
@media (max-width: 575px) {
  .testimonial-section .testimonial .testimonial-card {
    padding: 30px;
  }
}
.testimonial-section .testimonial .testimonial-card .comma {
  left: 20px;
  top: 0;
}
.testimonial-section .slick-list {
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.testimonial-section .slick-dotted.slick-slider {
  margin-bottom: 60px;
}
.testimonial-section .slick-dots {
  bottom: -60px;
}
.testimonial-section .slick-dots li button {
  display: none;
}
.testimonial-section .slick-dots li {
  font-size: 0;
  line-height: 0;
  display: inline-block;
  width: 20px;
  border: 1px solid #888E8D;
  border-radius: 10px;
  height: 8px;
  padding: 0px;
  color: transparent;
  outline: none;
  background: transparent;
}
.testimonial-section .slick-dots li:before {
  font-size: 0;
}
.testimonial-section li.slick-active {
  background-color: #b72f09;
  border: 0;
  width: 20px;
  border-radius: 10px;
  height: 8px;
}

.pricing-packages-section .pricing-plans .card-body-top {
  border-bottom: 1px solid #348c85;
}
.pricing-packages-section .pricing-plans .card-body-bottom .check-box {
  width: 22px;
  height: 22px;
  min-width: 22px;
  border-radius: 50px;
  background-color: #888E8D;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
a {
  font-family: "Montserrat", sans-serif;
}

ul {
  list-style: none;
  padding-left: 0;
}

a {
  text-decoration: none;
}

/******************
Navigation
******************/
.logo-area {
  display: flex;
  justify-content: space-between;
}

.main-nav-cont {
  display: flex;
  align-items: baseline;
  justify-content: space-around;
}

.main-nav {
  display: flex;
  flex-wrap: wrap;
}

.navbar li {
  font-size: 0.85rem;
}

.reg-btn {
  background-color: #006600;
  font-weight: 600;
  border-radius: 5px;
  height: fit-content;
  width: fit-content;
  text-decoration: none;
}

/*****************************
Headers
*****************************/
.header-main {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)), url("../images/main-banner.png");
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 450px;
  display: flex;
  align-items: center;
}

.header-content h1 {
  font-weight: 800;
}

.header-content p {
  font-weight: 500;
  font-size: 1.5rem;
}

.header-search {
  margin-top: 1.5rem;
  background-color: #ffffff;
  min-width: 300px;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 5px;
  padding: 1.5rem;
}

.header-search form {
  border-bottom: 1px solid #e8e7e7;
}

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

.header-search-cont input {
  min-width: 300px;
  height: 60px;
  box-shadow: none;
  border: none;
  border-right: 1px solid #e8e7e7;
}

.header-search-cont input:focus-visible,
.header-search-cont input:focus {
  border: none;
  box-shadow: none;
}

.header-search-cont a {
  background-color: #006600;
  color: #ffffff;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  font-weight: 600;
}

.icon-input,
.icon-input-2 {
  background: url("../images/search.svg") no-repeat left;
  padding-left: 30px;
  background-size: 20px;
}

.icon-input-2 {
  background: url("../images/pin.svg") no-repeat left;
}

.header-search-links {
  margin-top: 2rem;
}

.header-search-links ul {
  display: flex;
  justify-content: center;
  font-weight: 500;
  font-size: 0.9rem;
  flex-wrap: wrap;
  margin-bottom: 0;
}

.header-search-links a {
  color: #000000;
}

.header-search-links li:nth-child(2) {
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  margin-left: 1rem;
  margin-right: 1rem;
}

/*****************************
Pattern
*****************************/
.pattern {
  background-image: url("../images/pattern.svg");
  background-size: cover;
  background-repeat: no-repeat;
  height: 30px;
}

/*****************************
Sections
*****************************/
.section-top {
  margin-top: 4rem;
}

.heading-section {
  font-size: 2rem;
  margin-bottom: 4rem;
  text-align: center;
}

.success-card {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  position: relative;
}

.success-card > p {
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.success-card-img {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  padding: 2rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  /* width: 50px;
  height: 50px; */
  margin-left: auto;
  margin-right: auto;
}

.success-card-img img {
  width: 50px;
  height: 50px;
}

.success-card-content {
  margin-top: 1.5rem;
}

.success-card-content h3 {
  font-size: 1.2rem;
  font-weight: 600;
}

.three-columns .success-card:nth-child(1)::after,
.three-columns .success-card:nth-child(2)::after {
  content: "";
  position: absolute;
  height: 50px;
  width: 150px;
  background: url(../images/arrow-3.png.png);
  background-repeat: no-repeat;
  left: 80%;
  top: 29%;
}

.success-section .three-columns {
  align-items: baseline;
}

.oppo-section {
  background-image: url("../images/red-bg-pattern.svg"), linear-gradient(to bottom, rgba(187, 0, 0, 0.9), rgba(187, 0, 0, 0.9));
  background-size: cover;
  min-height: 300px;
  display: flex;
  align-items: center;
  padding-top: 5rem;
}

.oppo-numbers {
  color: white;
}

.oppo-numbers h2 {
  font-size: 4.5rem;
  font-weight: 800;
}

/*****************************
Grids
*****************************/
.three-columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 4rem;
}

/*****************************
Media Queries
*****************************/
@media screen and (max-width: 992px) {
  .offcanvas-lg .dropdown-menu.show {
    position: relative;
  }
  .three-columns .success-card:nth-child(1)::after,
  .three-columns .success-card:nth-child(2)::after {
    display: none;
  }
}

/*# sourceMappingURL=home.css.map */

.job-details-section .share-this-job .icon-box .social-icon {
  border-radius: 50px;
  width: 50px;
  height: 50px;
}

@media (max-width: 575px) {
  .job-details-section .share-this-job .icon-box .social-icon {
    width: 36px;
    height: 36px;
  }
}

.job-details-section .share-this-job .icon-box .social-icon:nth-child(1) {
  background-color: #3A5BA0;
}

.job-details-section .share-this-job .icon-box .social-icon:nth-child(2) {
  background-color: #1DA1F2;
}

.job-details-section .share-this-job .icon-box .social-icon:nth-child(3) {
  background-color: #0077B5;
}

.job-details-section .share-this-job .icon-box .social-icon:nth-child(4) {
  background-color: #DB4A39;
}

.job-details-section .share-this-job .icon-box .social-icon:nth-child(5) {
  background-color: #E60023;
}

.job-details-section .share-this-job .icon-box .social-icon .icon i {
  font-size: 22px;
}

@media (max-width: 575px) {
  .job-details-section .share-this-job .icon-box .social-icon .icon i {
    font-size: 14px;
  }
}

.company-overview .company-profile .profile {
  width: 60px;
  height: 60px;
}

.job-profile-img {
    width: 80px;
    height: 80px;
}

.company-overview .company-profile .profile img, .job-profile-img img{
    width: auto;
    border-radius: 10px;
    object-fit: cover;
    height: 100%;
    max-width: 100%;
}

.bookmark {
    width: auto;
    right: 0;
}
/*# sourceMappingURL=job-details.css.map */

.how-it-works-section .work-process {
  overflow: hidden;
}

.how-it-works-section .work-process .img {
  width: 100px;
  height: 100px;
  border-radius: 50px;
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
  .how-it-works-section .work-process .img {
    width: 80px;
    height: 80px;
  }
}

.how-it-works-section .work-process .img img {
  width: 50px;
  height: 50px;
}

@media (max-width: 767px) {
  .how-it-works-section .work-process .img img {
    width: 40px;
    height: 40px;
  }
}

.how-it-works-section .work-process .arrow1 {
  left: 15%;
  top: 0;
}

.how-it-works-section .work-process .arrow2 {
    left: 40%;
    top: 80px;
}

.how-it-works-section .work-process .arrow3 {
  left: 65%;
  top: 0;
}

.question-section .accordion-button::after {
  display: none;
}

.question-section .accordion-button:not(.collapsed) {
  color: #b72f09;
  background-color: #FFFFFF;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.question-section .accordion-item {
  border: none;
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}

.question-section .accordion-body {
  padding: 0 20px 20px 20px;
}
/*# sourceMappingURL=about-us.css.map */

.blog-card .card {
  border: none;
}

.blog-card .blog-detail-img {
    height: 300px;
    width: 300px;
}

.blog-card .blog-detail-img .inner-image {
    width: 300px;
}

@media (max-width: 767px) {
  .blog-card .card-img-top {
    width: 100%;
    height: 100%;
    border-radius: 10px;
  }

  .blog-card .blog-detail-img .inner-image {
      width: auto;
      height: 280px !important;
  }
}

.recent-post-section .recent-post .img img {
  width: 100px;
  height: 70px;
  border-radius: 5px;
    object-fit: cover;
}
/*# sourceMappingURL=blog.css.map */

.blog-detail-section .blog-detail .designer-details .img {
  width: 30px;
  height: 30px;
}

.blog-detail-section .blog-detail .blog-img img {
  width: 100%;
  height: 100%;
}

.blog-detail-section .comments {
  border-top: 1px solid #DAE0DF;
  border-bottom: 1px solid #DAE0DF;
}

.blog-detail-section .comments .comment-card {
  border: none;
  border-left: 4px solid #b72f09;
}

.blog-detail-section .comments .comment-card .card-img {
  width: 60px;
  height: 60px;
}

.blog-detail-section .comments .comment-card .card-img img {
  width: 100%;
}

.blog-detail-section .leave-comment form input, .blog-detail-section .leave-comment form textarea {
  border: 1px solid #E8F4F3;
  padding: 16px 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.social-badge {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*# sourceMappingURL=blog-details.css.map */

.hero-img {
    width: 80px;
    height: 80px;
}

@media (max-width: 375px) {
    .hero-img img {
        width: 60px;
    }
}

.candidate-profile-img  {
    width: 80px;
    height: 80px;
}

.candidate-profile-img  img {
    width: auto;
    object-fit: cover;
    height: 100%;
    max-width: 100%;
    border-radius: 50%;
    min-width: 100%;
    min-height: 100%;
}

.job-description-block{
    position: relative;
    padding-left: 60px;
    z-index: 1;
    padding-bottom: 40px;
}

.job-description-block:before {
    position: absolute;
    left: 14px;
    top: 5px;
    bottom: 0;
    z-index: -1;
    border-left: 2px dashed rgba(217, 48, 37, .15);
    content: "";
}

.job-description-block .name  {
    position: absolute;
    left: 0;
    top: 5px;
    display: block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 12px;
    text-align: center;
    border-radius: 50%;
    background: #f9e0df;
    color: rgba(217, 48, 37, 1);
    z-index: 2;
}

.latest-job-section .latest-job-left .form-group .form-check-input:checked, .latest-job-section .latest-job-left .form-group .form-check-input:active {
  background-color: #b72f09;
  border-color: #b72f09;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.latest-job-section .latest-job-left .form-group .form-switch .form-check-input {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='white'/></svg>");
  background-color: #DAE0DF;
  border-color: #DAE0DF;
}

.latest-job-section .latest-job-left .form-group .form-check-input:checked {
  background-color: #b72f09;
}

.latest-job-section .latest-job-left .form-group .form-check-input:focus {
  border-color: transpatant;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.latest-job-section .latest-job-left .form-group .form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='white'/></svg>");
}

.latest-job-section .job-img {
  width: 100%;
  height: 100%;
}

.irs--flat .irs-min, .irs--flat .irs-max {
  top: 0;
  padding: 1px 3px;
  color: #888E8D;
  text-shadow: none;
  background-color: transparent;
  border-radius: 4px;
  font-size: 14px;
}

.irs--flat .irs-single {
  color: #b72f09;
  font-size: 14px;
  text-shadow: none;
  padding: 5px 10px;
  background-color: #FFFFFF;
  border: 1px solid #DAE0DF;
  border-radius: 5px;
}

.irs--flat .irs-bar {
  top: 40px;
  height: 4px;
}

.irs--flat .irs-line {
  top: 40px;
  height: 4px;
  background-color: #DAE0DF;
  border-radius: 4px;
}

.irs--flat .irs-handle > i:first-child {
  position: absolute;
  display: block;
  top: 12px;
  left: 0%;
  width: 16px;
  height: 16px;
  border-radius: 50px;
  background-color: #b72f09;
}

.irs--flat .irs-single:before {
  display: none;
}

.irs-single {
  position: absolute;
  display: block;
  top: -5px;
}
/*# sourceMappingURL=jobs.css.map */
.hero-img {
  width: 80px;
  height: 80px;
}

@media (max-width: 375px) {
  .hero-img img {
    width: 60px;
  }
}

.company-profile-img {
    width: 80px;
    height: 80px;
}

.company-profile-img img{
    width: auto;
    object-fit: cover;
    height: 100%;
    max-width: 100%;
    border-radius: 50%;
    min-width: 100%;
    min-height: 100%;
}
/*# sourceMappingURL=company-details.css.map */

.apply-job-section .apply-img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 50%;
}

/**
* Template Name: Appland - v2.0.0
* Template URL: https://bootstrapmade.com/free-bootstrap-app-landing-page-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  color: #585a61;
}

a {
  color: #5777ba;
}

a:hover {
  color: #7b94c9;
  text-decoration: none;
}

h2 {
  /*color: #085F00;*/
  padding-bottom:15px;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  right: 15px;
  bottom: 15px;
  background: #5777ba;
  color: #fff;
  transition: display 0.5s ease-in-out;
  z-index: 99999;
}

.back-to-top i {
  font-size: 24px;
  position: absolute;
  top: 7px;
  left: 8px;
}

.back-to-top:hover {
  color: #fff;
  background: #748ec6;
  transition: background 0.2s ease-in-out;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  height: 72px;
  transition: all 0.5s;
  z-index: 997;
  transition: all 0.5s;
  padding: 15px 0;
}

#header.header-scrolled {
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

#header .logo h1 {
  font-size: 30px;
  margin: 0;
  padding: 2px 0;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 2px;
}

#header .logo h1 a, #header .logo h1 a:hover {
  color: #5777ba;
  text-decoration: none;
}

#header .logo img {
  padding: 0;
  margin: 0;
  max-height: 40px;
}

@media (max-width: 992px) {
  #header {
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  }
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.nav-menu, .nav-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-menu > ul > li {
  position: relative;
  white-space: nowrap;
  float: left;
}

.nav-menu a {
  display: block;
  position: relative;
  color: #47536e;
  padding: 8px 15px 12px 15px;
  transition: 0.3s;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
}

.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
  color: #5777ba;
  text-decoration: none;
}

.nav-menu .get-started a {
  background: #5777ba;
  color: #fff;
  border-radius: 50px;
  margin: 0 15px;
  padding: 10px 25px;
}

.nav-menu .get-started a:hover {
  background: #748ec6;
  color: #fff;
}

.nav-menu .drop-down ul {
  display: block;
  position: absolute;
  left: 0;
  top: calc(100% - 30px);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  padding: 10px 0;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: ease all 0.3s;
}

.nav-menu .drop-down:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.nav-menu .drop-down li {
  min-width: 180px;
  position: relative;
}

.nav-menu .drop-down ul a {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  text-transform: none;
  color: #233355;
}

.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {
  color: #5777ba;
}

.nav-menu .drop-down > a:after {
  content: "\ea99";
  font-family: IcoFont;
  padding-left: 5px;
}

.nav-menu .drop-down .drop-down ul {
  top: 0;
  left: calc(100% - 30px);
}

.nav-menu .drop-down .drop-down:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
}

.nav-menu .drop-down .drop-down > a {
  padding-right: 35px;
}

.nav-menu .drop-down .drop-down > a:after {
  content: "\eaa0";
  position: absolute;
  right: 15px;
}

@media (max-width: 1366px) {
  .nav-menu .drop-down .drop-down ul {
    left: -90%;
  }
  .nav-menu .drop-down .drop-down:hover > ul {
    left: -100%;
  }
  .nav-menu .drop-down .drop-down > a:after {
    content: "\ea9d";
  }
}

/* Mobile Navigation */
.mobile-nav-toggle {
  position: fixed;
  right: 15px;
  top: 22px;
  z-index: 9998;
  border: 0;
  background: none;
  font-size: 24px;
  transition: all 0.4s;
  outline: none !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;
}

.mobile-nav-toggle i {
  color: #5777ba;
}

.mobile-nav {
  position: fixed;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  z-index: 9999;
  overflow-y: auto;
  background: #fff;
  transition: ease-in-out 0.2s;
  opacity: 0;
  visibility: hidden;
  border-radius: 10px;
  padding: 10px 0;
}

.mobile-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-nav a {
  display: block;
  position: relative;
  color: #47536e;
  padding: 10px 20px;
  font-weight: 500;
  outline: none;
}

.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
  color: #5777ba;
  text-decoration: none;
}

.mobile-nav .drop-down > a:after {
  content: "\ea99";
  font-family: IcoFont;
  padding-left: 10px;
  position: absolute;
  right: 15px;
}

.mobile-nav .active.drop-down > a:after {
  content: "\eaa1";
}

.mobile-nav .drop-down > a {
  padding-right: 35px;
}

.mobile-nav .drop-down ul {
  display: none;
  overflow: hidden;
}

.mobile-nav .drop-down li {
  padding-left: 20px;
}

.mobile-nav-overly {
  width: 100%;
  height: 100%;
  z-index: 9997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(35, 51, 85, 0.7);
  overflow: hidden;
  display: none;
  transition: ease-in-out 0.2s;
}

.mobile-nav-active {
  overflow: hidden;
}

.mobile-nav-active .mobile-nav {
  opacity: 1;
  visibility: visible;
}

.mobile-nav-active .mobile-nav-toggle i {
  color: #fff;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 50px 0 50px 0;
}

#hero::before {
  content: '';
  position: absolute;
  right: -100%;
  top: 20%;
  width: 250%;
  height: 200%;
  z-index: -1;
}

#hero h1 {
  margin: 0 0 10px 0;
  font-size: 30px;
  font-weight: 500;
  line-height: 56px;
  color: #085F00;
}

#hero h2 {
  color: #515f7d;
  margin-bottom: 50px;
  vertical-align: top;
  font-size: 16px;
  line-height: 36px !important;
}

#hero .download-btn {
  font-weight: 500;
  font-size: 15px;
  display: inline-block;
  padding: 8px 24px 10px 46px;
  border-radius: 3px;
  transition: 0.5s;
  color: #fff;
  background: #085F00;
  position: relative;
}

#hero .download-btn:hover {
  background: #5777ba;
}

#hero .download-btn i {
  font-size: 20px;
  position: absolute;
  left: 18px;
  top: 8.5px;
}

#hero .download-btn + .download-btn {
  margin-left: 20px;
}

@media (max-width: 991px) {
  #hero {
    text-align: center;
  }
  #hero .download-btn + .download-btn {
    margin: 0 10px;
  }
  #hero .hero-img {
    text-align: center;
  }
  #hero .hero-img img {
    width: 60%;
  }
}

@media (max-width: 768px) {
  #hero h1 {
    font-size: 28px;
    line-height: 36px;
  }
  #hero h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px;
  }
  #hero .hero-img img {
    width: 70%;
  }
}

@media (max-width: 575px) {
  #hero .hero-img img {
    width: 80%;
  }
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 20px 0;
  overflow: hidden;
}

.section-bg {
  background-color: #f2f5fa;
}

.section-title {
  text-align: center;
  padding-bottom: 30px;
}

.section-title h2 {
  font-size: 32px;
  font-weight: 400;
  margin-bottom: 20px;
  padding-bottom: 0;
  color: #B8300B;
}

.section-title p {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# App Features
--------------------------------------------------------------*/
.features .content {
  padding: 30px 0;
}

.features .content .icon-box {
  margin-top: 25px;
}

.features .content .icon-box h4 {
  font-size: 17px;
  font-weight: 700;
  margin: 5px 0 10px 60px;
}

.features .content .icon-box i {
  font-size: 48px;
  float: left;
  color: #B8300B;
}

.features .content .icon-box p {
  font-size: 15px;
  color: #979aa1;
  margin-left: 60px;
}

@media (max-width: 991px) {
  .features .image {
    text-align: center;
  }
  .features .image img {
    max-width: 80%;
  }
}

@media (max-width: 667px) {
  .features .image img {
    max-width: 100%;
  }
}

/*--------------------------------------------------------------
# Details
--------------------------------------------------------------*/
.details .content + .content {
  margin-top: 100px;
}

.details .content h3 {
  font-weight: 700;
  font-size: 32px;
  color: #47536e;
}

.details .content ul {
  list-style: none;
  padding: 0;
}

.details .content ul li {
  padding-bottom: 10px;
}

.details .content ul i {
  font-size: 20px;
  padding-right: 4px;
  color: #5777ba;
}

.details .content p:last-child {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Gallery
--------------------------------------------------------------*/
.gallery {
  overflow: hidden;
}

.gallery .owl-nav, .gallery .owl-dots {
  margin-top: 40px;
  text-align: center;
}

.gallery .owl-item {
  transition: 0.3s ease-in-out;
}

.gallery .owl-dot {
  display: inline-block;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #eff2f8 !important;
}

.gallery .owl-dot.active {
  background-color: #5777ba !important;
}

.gallery .gallery-carousel {
  padding-top: 30px;
}

.gallery .gallery-carousel .owl-stage-outer {
  overflow: visible;
}

@media (min-width: 992px) {
  .gallery .gallery-carousel .center {
    border: 6px solid #5777ba;
    padding: 4px;
    background: #fff;
    z-index: 1;
    transform: scale(1.2);
    margin-top: 10px;
    border-radius: 25px;
  }
}

/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonials .testimonial-wrap {
  padding-left: 50px;
}

.testimonials .testimonial-item {
  box-sizing: content-box;
  padding: 30px 30px 30px 60px;
  margin: 30px 15px;
  min-height: 200px;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
  position: relative;
  background: #fff;
}

.testimonials .testimonial-item .testimonial-img {
  width: 90px;
  border-radius: 10px;
  border: 6px solid #fff;
  position: absolute;
  left: -45px;
}

.testimonials .testimonial-item h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0 5px 0;
  color: #111;
}

.testimonials .testimonial-item h4 {
  font-size: 14px;
  color: #999;
  margin: 0;
}

.testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right {
  color: #e8ecf5;
  font-size: 26px;
}

.testimonials .testimonial-item .quote-icon-left {
  display: inline-block;
  left: -5px;
  position: relative;
}

.testimonials .testimonial-item .quote-icon-right {
  display: inline-block;
  right: -5px;
  position: relative;
  top: 10px;
}

.testimonials .testimonial-item p {
  font-style: italic;
  margin: 15px auto 15px auto;
}

.testimonials .owl-nav, .testimonials .owl-dots {
  margin-top: 5px;
  text-align: center;
}

.testimonials .owl-dot {
  display: inline-block;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ddd !important;
}

.testimonials .owl-dot.active {
  background-color: #5777ba !important;
}

@media (max-width: 767px) {
  .testimonials .testimonial-wrap {
    padding-left: 0;
  }
  .testimonials .testimonial-item {
    padding: 30px;
    margin: 15px;
  }
  .testimonials .testimonial-item .testimonial-img {
    position: static;
    left: auto;
  }
}

/*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/
.pricing .row {
  padding-top: 40px;
}

.pricing .box {
  padding: 40px;
  margin-bottom: 30px;
  box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15);
  background: #fff;
  text-align: center;
}

.pricing h3 {
  font-weight: 300;
  margin-bottom: 15px;
  font-size: 28px;
}

.pricing h4 {
  font-size: 46px;
  color: #5777ba;
  font-weight: 400;
  margin-bottom: 25px;
}

.pricing h4 span {
  color: #bababa;
  font-size: 18px;
  display: block;
}

.pricing ul {
  padding: 0;
  list-style: none;
  color: #999;
  text-align: left;
  line-height: 20px;
}

.pricing ul li {
  padding-bottom: 12px;
}

.pricing ul i {
  color: #5777ba;
  font-size: 18px;
  padding-right: 4px;
}

.pricing ul .na {
  color: #ccc;
}

.pricing ul .na i {
  color: #ccc;
}

.pricing ul .na span {
  text-decoration: line-through;
}


.pricing .get-started-btn:hover {
  background: #5777ba;
}

.pricing .featured {
  z-index: 10;
  margin: -30px -5px 0 -5px;
}

.pricing .featured .get-started-btn {
  background: #5777ba;
}

.pricing .featured .get-started-btn:hover {
  background: #748ec6;
}

@media (max-width: 992px) {
  .pricing .box {
    max-width: 60%;
    margin: 0 auto 30px auto;
  }
}

@media (max-width: 767px) {
  .pricing .box {
    max-width: 80%;
    margin: 0 auto 30px auto;
  }
}

@media (max-width: 420px) {
  .pricing .box {
    max-width: 100%;
    margin: 0 auto 30px auto;
  }
}

/*--------------------------------------------------------------
# Frequently Asked Questions
--------------------------------------------------------------*/
.faq .accordion-list {
  padding: 0 100px;
}

.faq .accordion-list ul {
  padding: 0;
  list-style: none;
}

.faq .accordion-list li + li {
  margin-top: 15px;
}

.faq .accordion-list li {
  padding: 20px;
  background: #fff;
  border-radius: 4px;
  position: relative;
}

.faq .accordion-list a {
  display: block;
  position: relative;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  padding: 0 30px;
  outline: none;
}

.faq .accordion-list .icon-help {
  font-size: 24px;
  position: absolute;
  right: 0;
  left: 20px;
  color: #b1c0df;
}

.faq .accordion-list .icon-show, .faq .accordion-list .icon-close {
  font-size: 24px;
  position: absolute;
  right: 0;
  top: 0;
}

.faq .accordion-list p {
  margin-bottom: 0;
  padding: 10px 0 0 0;
}

.faq .accordion-list .icon-show {
  display: none;
}

.faq .accordion-list a.collapsed {
  color: #343a40;
}

.faq .accordion-list a.collapsed:hover {
  color: #5777ba;
}

.faq .accordion-list a.collapsed .icon-show {
  display: inline-block;
}

.faq .accordion-list a.collapsed .icon-close {
  display: none;
}

@media (max-width: 1200px) {
  .faq .accordion-list {
    padding: 0;
  }
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info {
  padding: 20px 40px;
  background: #f1f3f6;
  color: #47536e;
  text-align: center;
  border: 1px solid #fff;
}

.contact .info i {
  font-size: 48px;
  color: #9fb2d8;
  margin-bottom: 15px;
}

.contact .info h4 {
  padding: 0;
  margin: 0 0 10px 0;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}

.contact .info p {
  font-size: 15px;
}

.contact .php-email-form {
  width: 100%;
}

.contact .php-email-form .validate {
  display: none;
  color: red;
  margin: 0;
  font-weight: 400;
  font-size: 13px;
}

.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}

.contact .php-email-form label {
  margin-bottom: 5px;
  color: #8a8c95;
}

.contact .php-email-form input, .contact .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
}

.contact .php-email-form input::focus, .contact .php-email-form textarea::focus {
  background-color: #5777ba;
}

.contact .php-email-form input {
  padding: 20px 15px;
}

.contact .php-email-form textarea {
  padding: 12px 15px;
}

.contact .php-email-form button[type="submit"] {
  background: #fff;
  border: 2px solid #5777ba;
  padding: 10px 24px;
  color: #5777ba;
  transition: 0.4s;
  border-radius: 50px;
  margin-top: 5px;
}

.contact .php-email-form button[type="submit"]:hover {
  background: #5777ba;
  color: #fff;
}

@media (max-width: 1024px) {
  .contact .php-email-form {
    padding: 30px 15px 15px 15px;
  }
}

@media (max-width: 768px) {
  .contact .php-email-form {
    padding: 15px 0 0 0;
  }
}

@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  background: #fff;
  padding: 0 0 30px 0;
  color: #47536e;
  font-size: 14px;
  background: #eff2f8;
}

#footer .footer-newsletter {
  padding: 50px 0;
  background: #eff2f8;
  text-align: center;
  font-size: 15px;
}

#footer .footer-newsletter h4 {
  font-size: 24px;
  margin: 0 0 20px 0;
  padding: 0;
  line-height: 1;
  font-weight: 600;
  color: #47536e;
}

#footer .footer-newsletter form {
  margin-top: 30px;
  background: #fff;
  padding: 6px 10px;
  position: relative;
  border-radius: 50px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  text-align: left;
}

#footer .footer-newsletter form input[type="email"] {
  border: 0;
  padding: 4px 8px;
  width: calc(100% - 100px);
}

#footer .footer-newsletter form input[type="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 20px;
  background: #5777ba;
  color: #fff;
  transition: 0.3s;
  border-radius: 50px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

#footer .footer-newsletter form input[type="submit"]:hover {
  background: #415f9d;
}

#footer .footer-top {
  padding: 60px 0 30px 0;
  background: #fff;
}

#footer .footer-top .footer-contact {
  margin-bottom: 30px;
}

#footer .footer-top .footer-contact h4 {
  font-size: 22px;
  margin: 0 0 30px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  font-weight: 700;
  color: #47536e;
}

#footer .footer-top .footer-contact p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  color: #8a8c95;
}

#footer .footer-top h4 {
  font-size: 16px;
  font-weight: bold;
  color: #47536e;
  position: relative;
  padding-bottom: 12px;
}

#footer .footer-top .footer-links {
  margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul i {
  padding-right: 2px;
  color: #9fb2d8;
  font-size: 18px;
  line-height: 1;
}

#footer .footer-top .footer-links ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
}

#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  color: #8a8c95;
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
}

#footer .footer-top .footer-links ul a:hover {
  text-decoration: none;
  color: #5777ba;
}

#footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #5777ba;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

#footer .footer-top .social-links a:hover {
  background: #27282c;
  color: #fff;
  text-decoration: none;
}

#footer .copyright {
  text-align: center;
  float: left;
  color: #47536e;
}

#footer .credits {
  float: right;
  text-align: center;
  font-size: 13px;
  color: #47536e;
}

@media (max-width: 768px) {
  #footer .copyright, #footer .credits {
    float: none;
    text-align: center;
    padding: 5px 0;
  }
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
a {
	font-family: "Montserrat", sans-serif;
	line-height: 150%;
}

ul {
	list-style: none;
	padding-left: 0;
}

a {
	text-decoration: none;
}

img {
	max-width: 100%;
}

.active {
	color: #BB0000 !important;
	font-weight: 700;
}

/******************
Navigation
******************/
.logo-area {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;

}

.logo-area img:nth-child(1) {
	width: 200px;
	height: 70px;
}

.logo-area img:nth-child(2) {
	width: 170px;
}

.main-nav-cont {
	display: flex;
	align-items: baseline;
	justify-content: space-around;
}

.main-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}

.navbar li {
	font-size: 0.85rem;
}

.navbar .nav-link {
	color: #323334;
}

.reg-btn,
.login-btn {
	background-color: #006600;
	font-weight: 600;
	border-radius: 5px;
	height: fit-content;
	width: fit-content;
	text-decoration: none;
	color: white;
	padding: 0.3rem 0.7rem;
}

.reg-btn:hover {
	color: #e9ecee;
}

.login-btn {
	background-color: white;
	border: 1px solid #e8e7e7;
	color: #323334;
}

.main-nav-cont .dropdown-toggle::after {
	border: solid #8C1515;
	border-width: 0 2px 2px 0;
	padding: 3px;
	transform: rotate(45deg);
	margin-left: .4em;
}

.main-nav-right .dropdown-toggle::after {
	border-color: #ffffff;
}

.main-nav-right {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
}

/*****************************
Headers
*****************************/
.header-main {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)), url('../images/main-banner.png');
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 450px;
	display: flex;
	align-items: center;
	padding-top: 3rem;
	padding-bottom: 3rem;
}

.header-about {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)), url('../images/header-about.jpg');
}

.header-about .header-content p {
	font-weight: 500;
	font-size: 1.2rem;
	max-width: 63ch;
	margin: auto;
	line-height: 170%;
}

.header-content h1 {
	font-weight: 800;
}

.header-content p {
	font-weight: 500;
	font-size: 1.5rem;
}

.header-search {
	margin-top: 1.5rem;
	background-color: #ffffff;
	min-width: 300px;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 5px;
	padding: 1.5rem;
}

.header-search form {
	border-bottom: 1px solid #e8e7e7;
}

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

.header-search-cont input {
	min-width: 300px;
	height: 60px;
	box-shadow: none;
	border: none;
	border-right: 1px solid #e8e7e7;
}

.header-search-cont input:focus-visible {
	border: none;
	box-shadow: none;
	outline: none;
}

.header-search-cont a {
	background-color: #006600;
	color: #ffffff;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	font-weight: 600;
}

.icon-input,
.icon-input-2 {
	background: url("../images/search.svg") no-repeat left;
	padding-left: 30px;
	background-size: 20px;
}

.icon-input-2 {
	background: url("../images/pin.svg") no-repeat left;
}

.header-search-links {
	margin-top: 2rem;
}

.header-search-links ul {
	display: flex;
	justify-content: center;
	font-weight: 500;
	font-size: 0.9rem;
	flex-wrap: wrap;
	margin-bottom: 0;
}

.header-search-links a {
	color: #000000;
}

.header-search-links li:nth-child(2) {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	margin-left: 1rem;
	margin-right: 1rem;
}
.heading-section-cont {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}
.heading-section-cont .heading-section {
	margin-bottom: 0.5rem;
}
.heading-section-cont p {
	font-size: 1.1rem;
	max-width: 60ch;
	margin: auto;
	text-align: center;
}
/*****************************
Buttons
*****************************/
.green-cta {
	background-color: #006600;
	font-weight: 700;
	color: white;
	border-radius: 5px;
	width: fit-content;
	height: fit-content;
	font-size: 0.9rem;
	padding: 0.6rem 1.1rem;
}


/*****************************
Pattern
*****************************/
.pattern,
.pattern-2 {
	background-image: url('../images/pattern.svg');
	background-size: cover;
	background-repeat: no-repeat;
	height: 30px;
}

.pattern-2 {
	background-image: url('../images/flag-colors.svg');
	height: 40px;
}

/*****************************
Breadcrumbs
*****************************/
.breadcrumbs {
	margin-top: 2rem;
}

.breadcrumbs ul {
	display: flex;
	gap: 0.6rem;
	font-weight: 500;
}

.breadcrumb-grey {
	color: #808080;
}

.breadcrumbs .bi {
	color: #808080;
}

.breadcrumb-active {
	color: #D73832;
}

/*****************************
Sections
*****************************/
.section-top {
	margin-top: 4rem;
}

.heading-section {
	font-size: 2rem;
	margin-bottom: 4rem;
	text-align: center;
}

.our-story-section .heading-section {
	margin-bottom: 2rem;
	margin-top: 3rem;
}

.pattern-3-section .heading-section {
	margin-bottom: 0;
}

.our-story-section p {
	text-align: center;
	max-width: 90ch;
	margin: auto;
	line-height: 170%;
	font-size: 1rem;
}

.success-card {
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	position: relative;
}

.success-card>p {
	font-weight: 600;
	margin-bottom: 0.5rem;
}

.success-card-img {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
	padding: 1.5rem;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	/* width: 50px;
    height: 50px; */
	margin-left: auto;
	margin-right: auto;
}

.success-card-img img {
	width: 50px;
	height: 50px;
}

.success-card-content {
	margin-top: 1.5rem;
}

.success-card-content h3 {
	font-size: 1.2rem;
	font-weight: 600;
}

.three-columns .success-card:nth-child(1)::after,
.three-columns .success-card:nth-child(2)::after {
	content: '';
	position: absolute;
	height: 50px;
	width: 150px;
	background: url('../images/arrow-3.png.png');
	background-repeat: no-repeat;
	left: 80%;
	top: 29%;
}

.four-columns .success-card:nth-child(1)::after,
.four-columns .success-card:nth-child(2)::after,
.four-columns .success-card:nth-child(3)::after {
	content: '';
	position: absolute;
	height: 50px;
	width: 150px;
	background: url('../images/arrow-3.png.png');
	background-repeat: no-repeat;
	left: 80%;
	top: 29%;
}

.success-section .three-columns {
	align-items: baseline;
}

.oppo-section,
.we-believe-section {
	background-image: url('../images/red-bg-pattern.svg'), linear-gradient(to bottom, rgba(187, 0, 0, 0.9), rgba(187, 0, 0, 0.9));
	background-size: cover;
	min-height: 300px;
	display: flex;
	align-items: center;
	padding-top: 5rem;
}

.we-believe-section {
	padding-top: 3rem;
	padding-bottom: 3rem;
	color: white;
}

.we-believe-section.pattern-3-section {
	background-image: url('../images/pattern-2.svg'), linear-gradient(to bottom, rgba(187, 0, 0, 0.9), rgba(187, 0, 0, 0.9));
	background-repeat: repeat-x;
	background-size: contain;

}

.oppo-numbers {
	color: white;
	text-align: center;
}

.oppo-numbers h2 {
	font-size: 4.5rem;
	font-weight: 800;
}

.featured-oppo {
	display: flex;
	justify-content: space-between;
	color: white;
}

.featured-oppo {
	margin-top: 1rem;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	margin-bottom: 2rem;
}

.featured-oppo h3 {
	font-size: 2rem;
	font-weight: 200;
}

.featured-oppo a {
	color: white;
	font-weight: 600;
}

.featured-oppo-cont {
	position: relative;
	top: 3rem;
}

.featured-oppo-card {
	background-color: white;
	border-radius: 5px;
	padding: 1.5rem;
	min-height: 300px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	z-index: 1;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.3);
}

.job-card {
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
.blog-card-2 {
	border: 1px solid #D9D9D9;
	border-radius: 5px;
}
.blog-card-2-img img {
	width: 100%;
}
.blog-card-2-content {
	padding: 1rem 1rem 2rem 1rem;
}
.featured-oppo-card-content a {
	color: #D70A0A;
	font-size: 0.9rem;
}
.blog-card-2-content a {
	margin-top: 1.5rem;
}
.featured-oppo-card-content h3,
.blog-card-2-content h3 {
	font-weight: 700;
	font-size: 1.15rem;
	margin-top: 0.4rem;
}

.featured-oppo-card-content p {
	font-size: 1.125rem;
}
.blog-card-2-content p {
	font-size: 0.97rem;
	margin-bottom: 2rem;
	line-height: 160%;
}

.featured-oppo-card-cta {
	background-color: #006600;
	font-weight: 700;
	color: white;
	border-radius: 5px;
	width: fit-content;
	height: fit-content;
	font-size: 0.9rem;
}

.blog-section {
	margin-top: 7rem;
}

.blog-section-link {
	font-weight: 500;
	color: #027A48;
	display: flex;
	justify-content: flex-end;
}

.blog-cards-cont {
	margin-top: 2rem;
}

.blog-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: 1rem;
	border-radius: 5px;
	box-shadow: 0 05px 20px rgba(0, 0, 0, 0.3);
}

.blog-card-img {
	height: 100%;
}

.blog-card-img img {
	width: 150px;
	object-fit: cover;
	height: 100%;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.blog-card-content {
	padding: 1.5rem 1rem;
	color: #323334;
}

.blog-card-content h3 {
	font-weight: 700;
	font-size: 1.2rem;
}

.blog-card-content p:nth-child(2) {
	font-weight: 500;
}

.socials-section h2 {
	font-size: 2rem;
	font-weight: 300;
}

.socials-section-cont {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 2rem;
	text-align: center;
}

.socials-section ul {
	display: flex;
	flex-wrap: wrap;
}

.socials-section img {
	width: 43px;
	height: 43px;
	background-color: #BB0000;
	padding: 0.5rem;
	border-radius: 50px;
}

footer {
	background-color: #100D0D;
	color: white;
	min-height: 250px;
	padding: 3rem 2rem;
	display: flex;
	font-size: 0.9rem;
}

footer ul {
	display: flex;
	flex-wrap: wrap;
	gap: 3rem;
}

.footer-ul-cont ul:nth-child(2) {
	font-weight: 200;
	margin-top: 2rem;
}

footer a {
	color: #ffffff;
}

.footer-cr {
	margin-top: 5rem;
}

.slider-card-content h3 {
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 150%;
}

.slider-card-content p {
	font-size: 1.2rem;
	margin-top: 0.7rem;
	line-height: 160%;
}

.jobs-filter {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 3rem;
	flex-wrap: wrap;
}

.jobs-filter h3 {
	font-weight: 600;
	font-size: 1.4rem;
}

.jobs-filter .form-select {
	min-width: 150px;
	max-width: 300px;
}

.job-card-details h4 {
	font-size: 0.9rem;
	font-weight: 700;
	line-height: 160%;
	margin-bottom: 1rem;
}

.job-card-details span {
	font-weight: 400;
}

.job-card-cta {
	padding: 0.4rem 1.1rem;
	margin-top: 1rem;
}

.red-banner {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.red-banner h2.heading-section {
	margin-bottom: 2rem;
}

.job-summary {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	flex-wrap: wrap;
}

.job-summary li {
	margin-bottom: 1rem;
}

.job-summary h2 {
	font-size: 1.2rem;
	font-weight: 600;
}

.job-summary span {
	font-weight: 500;
}

.job-desc h3 {
	font-size: 1.15rem;
	font-weight: 500;
}

.job-details p {
	max-width: 90ch;
	line-height: 170%;
}

ul.job-list-items li {
	list-style: disc;
	margin-left: 1rem;
}

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

.single-heading h1 {
	font-size: 2rem;
}

/*****************************
Grids
*****************************/
.two-columns {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 4rem;
}

.three-columns {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 4rem;
}

.jobs-section .three-columns {
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 2rem;
}

.four-columns {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 4rem;
}

/*****************************
Videos / Images
*****************************/
.our-story-section video {
	width: 90%;
	height: 350px;
	box-shadow: 0 7px 20px rgba(0, 0, 0, 0.3);
	border-radius: 7px;
	margin: 1rem auto 2.5rem auto;
	display: flex;
}

.single-section img {
	height: 320px;
	width: 85%;
	position: absolute;
	z-index: 1;
	top: 2rem;
	border-radius: 5px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
	left: 0;
	right: 0;
	margin: auto;
	top: 2rem;
	object-fit: cover;
}
.we-believe-section.single-section {
	padding: 0;
	height: 200px;
	position: relative;
}
/*****************************
Cards
*****************************/
.single-slider {
	background-color: white;
	box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	width: 85%;
	margin: auto;
}

.slider-card.slick-slide {
	display: flex;
	align-items: center;
	gap: 2rem;
	padding: 1.3rem;
}

.slider-card-img {
	max-width: 100%;
}

.slider-card-img img {
	border-radius: 5px;
	width: 305px;
	height: 250px;
	object-fit: cover;
}

.slick-next:before,
.slick-prev:before {
	color: #BB0000;
}

/*****************************
Media Queries
*****************************/
@media screen and (max-width: 1200px) {

	.four-columns .success-card:nth-child(1)::after,
	.four-columns .success-card:nth-child(2)::after,
	.four-columns .success-card:nth-child(3)::after {
		display: none;
	}
}

@media screen and (max-width: 992px) {

	.three-columns .success-card:nth-child(1)::after,
	.three-columns .success-card:nth-child(2)::after {
		display: none;
	}

	.header-search-cont {
		justify-content: center;
	}

	.blog-cards-cont.two-columns {
		grid-template-columns: auto;
	}

	.single-slider {
		width: 90%;
	}

	.single-slider h3 {
		font-size: 1.3rem;
	}

	.single-slider p {
		font-size: 1rem;
	}

	.jobs-section .three-columns {
		grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
		gap: 2rem;
	}

	.jobs-filter {
		flex-direction: column;
	}
}

@media screen and (max-width: 991px) {
	.main-nav {
		flex-direction: column;
		gap: 2rem;
	}

	.main-nav li {
		font-size: 1rem;
	}

	.offcanvas-lg .dropdown-menu.show {
		position: relative;
	}
}

@media screen and (max-width: 768px) {
	.header-search-cont input {
		border-right: none;
		border-bottom: 1px solid #e8e7e7;
	}

	.header-search-cont input {
		width: 100%;
	}

	.slider-card.slick-slide {
		flex-direction: column;
		gap: 1remc;
	}

	.slider-card-img img {
		max-width: 100%;
		width: 460px;
	}

	.our-story-section p {
		font-size: 0.9rem;
	}

	.heading-section {
		font-size: 1.6rem;
	}
}

@media screen and (max-width: 510px) {
	.header-search-links ul {
		flex-direction: column;
		align-items: center;
		gap: 1rem;
	}

	.header-search-links li:nth-child(2) {
		border-top: 1px solid black;
		border-bottom: 1px solid black;
		border-left: none;
		border-right: none;
		margin: 0;
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}

	.blog-card {
		flex-direction: column;
	}

	.blog-card-img {
		width: 100%
	}

	.blog-card-img img {
		width: 100%;
		height: 250px;
		object-position: top;

	}

}

@media screen and (max-width: 400px) {
	.logo-area {
		justify-content: center;
		gap: 1rem;
	}
}