.navbar-toggler {
       padding: 0;
       border: 0;
       width: 32px;
       height: 32px;
   }

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

   .navbar-toggler-icon {
       background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(46, 43, 115, 0.9)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
   }

   .offcanvas.mobile-menu {
       width: 100%;
   }

   .offcanvas.mobile-menu .offcanvas-header {
       justify-content: space-between;
       align-items: center;
       gap: 16px;
       padding: 20px;
       border-bottom: 1px solid #eee;
   }

   .offcanvas.mobile-menu .offcanvas-logo img {
       max-height: 32px;
   }

   .offcanvas.mobile-menu .mobile-main-menu {
       list-style: none;
       display: flex;
       flex-direction: column;
       margin: 0;
       padding: 0;
   }

   .offcanvas.mobile-menu .mobile-main-menu li a {
       display: block;
       padding: 14px 0;
       font-size: 18px;
   }

   .offcanvas.mobile-menu .mobile-menu-footer {
       padding-top: 24px;
   }

   @media (max-width: 992px) {

       .a11y-toolbar {
           display: none;
       }

       main {
           margin-top: 56px;
       }

       header .menu-row {
           padding: 10px 0px;
           margin: .5em 0;
       }

       header .main-menu {
           gap: 0;
       }

       .home .design-row {
           flex-direction: column-reverse;
       }

       .filter-container {
           top: 40px;
       }

       .filter-container .design-row h1 {
           font-size: 48px;
       }

       .home .design-row img {
           max-height: 250px;
       }

       .filter-row {
           padding: 30px;
       }

       .filter-form-header {
           font-size: 20px;
       }

       .filter-form-container input,
       .filter-form-container .select2-container .select2-selection--single {
           height: unset;
           font-size: 18px;
           padding: 12px 24px;
       }

       .filter-form-container .select2-container .select2-selection--single {
           margin-top: .5rem;
       }

       .filter-form-container input::-webkit-input-placeholder {
           font-size: 18px;
       }

       .filter-form-container input::-moz-placeholder {
           font-size: 18px;
       }

       .filter-form-container input:-ms-input-placeholder {
           font-size: 18px;
       }

       .filter-form-container input::placeholder {
           font-size: 18px;
       }

       .filter-container .button {
           width: 100%;
       }

       .peoples-swiper .people-block {
           padding: 30px;
           justify-content: center;
           gap: 20px;
           flex-direction: column;
           width: 100%;
       }

       .photos-container.grid .grid-item {
           width: 300px;
       }

       .home .banner-container {
           padding: 30px;
           gap: 30px;
       }

       .p-60 {
           padding: 30px;
       }

       .font-22,
       .font-24 {
           font-size: 18px;
       }

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

       .font-50 {
           font-size: 32px;
       }

       .mt-150 {
           margin-top: 60px;
       }

       .button,
       .button-wrap {
           padding: 14px 24px;
           font-size: 16px;
       }

       .footer-back {
           height: unset;
           padding-top: 40px;
       }

       .footer-banner h2 {
           font-size: 28px;
       }

       .footer ul {
           padding-right: 0;
       }

       .footer .menu-row {
           flex-direction: column-reverse;
       }

       .bottom-menu .no-title {
           padding-top: 0;
       }

       .block-container h2,
       .white-container h1 {
           font-size: 40px;
           margin: 0;
       }

       .home .category-item {
           width: 100%;
           padding: 30px;
           height: 250px !important;
       }

       .numbers-container .number {
           font-size: 60px;
       }

       .about-container .row-description {
           padding: 30px;
       }

       .block-container.block1 {
           margin-top: 530px;
       }

       .block-container.block1 img {
           max-width: 80px;
       }

       .home .filled br {
           display: none;
       }

       .block-container .filled-border {
           border-right: 12px solid transparent;
       }

       .listing-page .background-container {
           height: 600px;
           margin: 20px 0 40px 0;
       }

       .single-job .background-container {
           height: 250px;
           margin: 20px 0 40px 0;
       }

       .cards-container .jobs-count {
           font-size: 18px;
       }

       .job-card {
           padding: 20px 20px;
       }

       .job-card .job-title {
           font-size: 20px;
           margin-bottom: 8px;
       }

       .job-locations {
           gap: 20px;
       }

       a.job-tag,
       a.job-location,
       .job-number {
           padding: 6px 14px;
           gap: 8px;
           font-size: 16px;
           white-space: nowrap;
       }

       .job-card .job-link,
       .job-bottom-button .job-link {
           width: 40px;
           height: 40px;
           align-self: self-end;
           background-color: var(--text-color);
           color: #fff;
       }

       .job-card .job-link .fa-arrow-left,
       .job-bottom-button .job-link .fa-arrow-left {
           font-size: 18px;
       }

       .single-job .filter-container {
           top: 0;
       }

       .single-job .filter-container .design-row h2,
       .single-job .filter-container .design-row h1,
       .filter-container .design-row .thanx-content h1,
       .thanx-content h2 {
           font-size: 32px;
       }

       .single-job .design-row {
           padding: 20px;
       }

       .job-description h2,
       .career-form-title,
       .text-header-top-title h1,
       .post-header-top h1 {
           font-size: 32px;
       }

       .career-form-card {
           padding: 30px;
           gap: 30px;
           width: 100%;
           margin-top: 40px;
       }

       .job-bottom-button {
           padding: 30px;
           font-size: 24px;
       }

       .career-form-card .button-wrap {
           margin: 0 auto;
       }

       .post-header-top {
           height: 100px;
       }

       .team-card {
           padding: 20px;
       }

       .contact-header {
           top: 50px;
       }

       .contact-form-footer {
           padding: 30px;
       }

       .contact-form-footer h3 {
           font-size: 24px;
       }

       .career-form-title-container {
           text-align: center;
           width: 100%;
       }

       .career-form-title {
           text-align: center;
       }

       .thanx-container {
           height: 350px;
       }

       .thanx .filter-container {
           padding: 0 40px;
       }

       .thanx-content .button.transparent {
           padding: 13px 40px;
       }

       .page-template-text-page .text-header-top {
           height: 120px;
       }

       .page-template-text-page .filter-container .design-row h1 {
           font-size: 32px;
       }

       .job-tags {
           flex-wrap: wrap;
           gap: 16px;
       }

   }

   @media (min-width: 768px) and (max-width: 1600px) {
       .photos-container.grid .grid-item {
           width: 350px;
       }

       .squares-container .square-block {
           background-size: 30%;
       }
   }

   @media (min-width: 1100px) and (max-width: 1400px) {

       .mt-150 {
           margin-top: 80px;
       }

       .font-50 {
           font-size: 32px;
       }

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

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

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

       .background-container,
       .filter-container img {
           height: 400px;
       }

       .filter-container .col-auto.pt-lg-5.mt-lg-5 {
           padding: 0 !important;
           margin: 0;
       }

       .home .category-item {
           width: 360px;
           padding: 40px;
       }

       .col-md-12 {
           width: 100%;
           padding: 40px;
       }

       .block-container h2,
       .white-container h1 {
           font-size: 80px;
           margin: 0;
       }

       .block1 img {
           height: 80px;
       }

       .squares-container .square-block {
           background-size: 24%;
       }

       .block2 .button {
           margin-top: 40px;
       }

       .job-bottom-button {
           padding: 40px;
           font-size: 24px;
       }

       .job-card .job-link,
       .job-bottom-button .job-link {
           width: 40px;
           height: 40px;

       }

       .listing-page .background-container,
       .single-job .background-container,
       .post-header-top {
           height: 300px;
       }

       .filter-container .design-row {
           justify-content: center;
           align-items: center;
           padding: 0 40px;
       }



       .career-form-card {
           padding: 40px;
           gap: 40px;
       }

       .contact-form-footer {
           padding: 40px;
       }

       .contact-form-footer ul {
           flex-direction: column;
           gap: 0px !important;
       }

       .contact-form-footer ul.social-container {
           gap: 20px !important;
       }

       .listing-page .filter-container .design-row h1,
       .single-job .filter-container .design-row h1 {
           text-align: center;
           font-size: 40px;
       }

   }