/*!
Theme Name: HH ATDev
Theme URI: http://underscores.me/
Author: ATDev
Author URI: https://tretiak.org
Description: Theme for HugoHunter
Version: 1.0.0
Tested up to: 6.7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: hhatdev
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

HH ATDev is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/

/* Document
	 ========================================================================== */

/* TMP */
/* Change in Block Editor! */
.calculate-estimated-pallets>:first-child>div {
    margin-top: var(--wp--preset--spacing--30) !important;
    margin-bottom: 0 !important;
}

.slider.infinity-slider-has-grid-content {
    min-width: 100%;
}

/* .end TMP */

/* DEV */
div#tracks-aruond {
    display: none;
}

.shorter {
    /* background: radial-gradient(271deg, #D20A11 21.66%, #D31010 23.71%, #DD370A 37.33%, #E55505 51.64%, #EA6B02 65.27%, #ED7800 78.22%, #EF7D00 89.8%); */
    background: rgb(236, 126, 0);
    background: radial-gradient(circle at right bottom, #E55505 51.64%, #EA6B02 65.27%, #ED7800 78.22%, #EF7D00 89.8%);
    background: radial-gradient(circle at right bottom, #E55505 51.64%, #000 89.8%);
    /* background: linear-gradient(207.13deg, #D20A11 21.66%, #D31010 23.71%, #DD370A 37.33%, #E55505 51.64%, #EA6B02 65.27%, #ED7800 78.22%, #EF7D00 89.8%); */
}

/* >>> */
.gradient-bg-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    /* min-height: 592px; */
    background: #1d1d1b;
    overflow: hidden;
}

.gradient-bg-container>div {
    position: absolute;
    width: 100%;
    min-width: 100%;
    height: 100%;
    margin: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

a.tag-cloud-link.tag-link-10,
a.tag-cloud-link.tag-link-9 {
    display: none;
}

.services-template-default.single-services div.jp-relatedposts {
    display: none !important;
}

/* end DEV */

/*SCROLLBAR*/
/*-moz-*/
html,
body,
section,
div,
ul {
    scrollbar-color: #3B3B35 #686868;
    scrollbar-width: thin;
}

::-webkit-scrollbar {
    width: 8px;
    background-color: #3B3B35;
}

::-webkit-scrollbar-thumb {
    background-color: #686868;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px;
    box-shadow: inset 0 0 2px #002228;
    background-color: #adb3ce;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}

/*===*/

/* admin-bar */
body.logged-in.admin-bar.customize-support .site-header {
    position: relative;
}

body.logged-in.admin-bar.customize-support .site-content {
    margin-top: 0;
    min-height: calc(100vh - 80px - 32px);
}


body.logged-in.admin-bar.customize-support .site-top-didvider {
    height: 0;
}

/* end admin-bar */

.grecaptcha-badge {
    display: none !important;
}

body .rngst_phone_button {
    right: -4px;
    bottom: -4px;
    margin: 0;
}

body form input[type="search"] {
    width: 100%;
    padding: 1rem;
    margin-bottom: 1rem;
    background: transparent none;
    border: 2px solid var(--wp--preset--color--accent-1);
    -webkit-border-radius: .6rem;
    -moz-border-radius: .6rem;
    -ms-border-radius: .6rem;
    -o-border-radius: .6rem;
    border-radius: .6rem;
}

body.error404 main.site-main form.search-form {
    margin-top: 1.5rem;
    margin-bottom: 3.75rem;
}

body.error404 main.site-main {
    max-width: var(--wp--style--global--content-size);
    margin-left: auto;
    margin-right: auto;
    padding-right: var(--wp--style--root--padding-right);
    padding-left: var(--wp--style--root--padding-left);
    padding-top: 2.5rem;
    padding-bottom: 4.5rem;
}

/* body.error404 input.search-field {
    width: 100%;
    padding: 1rem;
    margin-bottom: 1rem;
	background: transparent none;
    border: 2px solid var(--wp--preset--color--accent-1);
    -webkit-border-radius: .6rem;
    -moz-border-radius: .6rem;
    -ms-border-radius: .6rem;
    -o-border-radius: .6rem;
    border-radius: .6rem;
} */

body.error404 .widget.widget_archive select[name="archive-dropdown"] {
    font: inherit;
    padding: 1rem;
    border: 2px solid var(--wp--preset--color--accent-1);
    -webkit-border-radius: .6rem;
    -moz-border-radius: .6rem;
    -ms-border-radius: .6rem;
    -o-border-radius: .6rem;
    border-radius: .6rem;
}

html {
    scroll-behavior: smooth;
}

.overflow-y-hidden {
    overflow-y: hidden;
}

.contents {
    display: contents;
}

body .is-hidden,
.hidden {
    display: none;
}

:root :where(.is-layout-constrained)>* {
    margin-block-start: 0;
}

input,
textarea {
    font-family: inherit;
    color: inherit;
    font-size: 1rem;
    line-height: 1.2;
}

:root :is(input:not([type="button"], [type="submit"], [type="reset"], [type="button"], [type="checkbox"], [type="radio"]), textarea, select):focus {
    outline: 1px solid #fff;
}

input::placeholder,
textarea::placeholder {
    font-size: inherit;
}

input[type="button"],
input[type="submit"],
button {
    display: block;
    cursor: pointer;
    transition-duration: .3s;
}

ul.wp-block-list {
    padding-left: 2em;
}

:root :where(.has-global-margin) .wp-block-heading {
    margin-top: .75em;
}

:root :where(.has-global-margin) p {
    line-height: 1.2;
    margin-top: .5em;
}

:root :where(.has-global-margin)>div>:first-child {
    margin-top: 0;
}

.table-of-contents {
    font-size: .8rem;
}

.table-of-contents .first-anchor {
    margin-top: 1.25em !important;
    margin-left: 1em !important;
}

.table-of-contents li.h5-item-class {
    padding-left: 1em;
}

.table-of-contents ul {
    list-style: none;
    padding-left: 2em;
}

.icon.ArrowRight {
    width: 1.25em;
    height: auto;
}

.policy .icon.ArrowRight {
    width: 1em;
}

.bg-gradient-wrapper,
.form-wrapper {
    color: var(--wp--preset--color--base);
    margin: 0 auto;
    position: relative;
    z-index: 3;
}

.modal-wrapper {
    display: none;
}

select.wpcf7-form-control.wpcf7-select.select-726.dropdown {
    color: #fff;
    font: inherit;
    height: 3.4rem;
}

select.wpcf7-form-control.wpcf7-select.select-726.dropdown option {
    background: var(--wp--preset--color--contrast);
}

.modal-wrapper .modal {
    position: relative;
    cursor: default;
}

body .modal-wrapper button.cose-btn {
    display: block;
    padding: .5rem;
    background: transparent none;
    border: none;
    position: absolute;
    right: 1rem;
    top: 1rem;
    z-index: 111;
}

.modal-wrapper button.cose-btn svg path {
    fill: #fff;
}

.modal-wrapper.open {
    background: #000000d6;
    padding: 2.5rem;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 111;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: url(/wp-content/uploads/2024/12/light-close.png) 16 16, pointer;
}

.modal-wrapper .modal>div {
    max-width: var(--wp--style--global--wide-size);
}

form.wpcf7-form,
.form-group,
form.form {
    width: 100%;
    max-width: none;
    display: flex;
    gap: 1.6rem;
}

/* .wpcf7 form .wpcf7-response-output {
    margin: 0 .5em;
    padding: 0.2em 1em;
    border: 2px solid #004942;
    position: fixed;
    top: 1rem;
    left: 50%;
    bottom: auto;
    width: max-content;
    max-width: 90vw;
    background: #004942;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
} */

.wpcf7 form .wpcf7-response-output {
    margin: -2.75rem auto 0;
    padding: 0.2em 1em;
    width: max-content;
    max-width: 90%;
    background: var(--wp--preset--color--accent-4);
}

form .form-group {
    align-items: flex-end;
}

.for-contact-us form .form-group {
    flex-direction: column;
}

form.wpcf7-form input[type="checkbox"] {
    width: .85em;
    height: .85em;
    margin: 0;
    position: relative;
    bottom: -.075em;
}

form .icon.small.flag.us-flag.insert {
    max-width: max-content;
    position: absolute;
    left: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

form.wpcf7-form,
form.form {
    margin-top: 2rem;
    flex-direction: column;
}

form.wpcf7-form p.input-container,
form.wpcf7-form p.form-group {
    margin: 0;
}

form.wpcf7-form [data-name="acceptance-111"] a {
    text-decoration: solid 1px underline;
}

form.wpcf7-form input.acceptance-111 {
    position: relative;
}

form.wpcf7-form input.acceptance-111.active:not(:checked)::before {
    content: "Accept the terms and conditions";
    font-size: .8rem;
    display: block;
    white-space: nowrap;
    color: #dc3232;
    position: absolute;
    top: -1.25em;
}

.form-group label {
    position: relative;
    width: 100%;
    height: max-content;
    flex-basis: 50%;
    display: flex;
    flex-wrap: wrap;
    row-gap: .35rem;
}

.form-group label span.wpcf7-not-valid-tip {
    font-size: 85%;
    position: absolute;
    left: 0;
    top: 100%;
}

form.wpcf7-form p.input-container .wpcf7-list-item {
    margin: 0;
}

.form-group label *:not(.asterisk, .input-icon-container, .icon, span, i, a) {
    border: 2px solid var(--wp--preset--color--base);
    -webkit-border-radius: .6rem;
    -moz-border-radius: .6rem;
    -ms-border-radius: .6rem;
    -o-border-radius: .6rem;
    border-radius: .6rem;
}

form i.optional {
    color: #bdbcbc;
    font-size: 80%;
    line-height: 1.2;
    /* font-style: normal; */
}

.form-group :where(input, textarea, select) {
    padding: 1rem;
}

.form-group label *:not(.asterisk) {
    flex-basis: 100%;
}

input[type=tel] {
    padding-left: 2.5rem;
}

.input-icon-container {
    position: relative;
    display: flex;
    align-items: center;
}

.icon.small.flag.us-flag {
    max-width: max-content;
    position: absolute;
    left: 1rem;
}

.form-group textarea,
.form-group select,
.form-group input {
    background: transparent none;
    width: 100%;
    box-sizing: border-box;
}

form input[type="submit"],
form button[type="submit"] {
    font-size: 1rem;
    color: var(--wp--preset--color--base);
    background-color: var(--wp--preset--color--orange-100);
    width: 100%;
    flex-basis: 100%;
    padding: 1.25em 1.75em;
    border: none;
    -webkit-border-radius: .6rem;
    -moz-border-radius: .6rem;
    -ms-border-radius: .6rem;
    -o-border-radius: .6rem;
    border-radius: .6rem;
}

/* SVG as URL background */
.has-bg-type-3-1 {
    background: url(/wp-content/themes/hhatdev/assets/svg/bg-type-3-1.svg);
    background-size: cover;
}

svg.divider.line {
    max-width: 100%;
}

/* * */
.ellipse-9 {
    background: #1D1D1B;
    background: radial-gradient(circle at 82% -83%, #E55500 7.64%, #1d1d1b00 56%);
}

.ellipse-10 {
    background: #1D1D1B;
    background: radial-gradient(circle at 118% 170%, #E55500 7.64%, #1d1d1b00 56%);
}

.ellipse-10-1 {
    background: #1D1D1B;
    background: radial-gradient(circle at 82% 186%, #E55500 7.64%, #1d1d1b00 56%);
}

.ellipse-11 {
    background: #1D1D1B;
    background: radial-gradient(circle at 44% -94%, #E55500 13.64%, #1d1d1b00 56.8%);
}

.ellipse-12 {
    background: #1D1D1B;
    background: radial-gradient(circle at -55% 242%, #E55500 13.64%, #1d1d1b00 56.8%);
}


.ellipse-4 {
    background: #1D1D1B;
    background: radial-gradient(circle at 48% -93%, #E55500 24.64%, #1d1d1b00 63.8%);
}

.ellipse-10-2 {
    background: #1D1D1B;
    background: radial-gradient(circle at 59% 144%, #E55500 19.64%, #1d1d1b00 63%);
}

.ellipse-12-1 {
    background: #1D1D1B;
    background: radial-gradient(circle at -59% 79%, #E55500 29.64%, #1d1d1b00 47.8%);
}

/* * */

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

:root {
    font-size: 20px;
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

* {
    -webkit-tap-highlight-color: transparent !important;
    /* Antiblik */
}

.site {
    overflow-x: hidden;
}

main.site-main {
    min-height: calc(100vh - 80px - 28px);
}

body.single.single-post .site-main {
    padding-right: var(--wp--style--root--padding-right);
    padding-left: var(--wp--style--root--padding-left);
}

nav.navigation.post-navigation {
    padding-right: var(--wp--style--root--padding-right);
    padding-left: var(--wp--style--root--padding-left);
    padding-bottom: var(--wp--preset--spacing--70);
}

body:not(.post-template-default.single, .vacancy-template-default.single) nav.navigation.post-navigation {
    color: #fff;
    background-color: var(--wp--preset--color--accent-1);
}

body.post-template-default.single nav.navigation.post-navigation {
    padding-top: var(--wp--preset--spacing--70);
}

nav.navigation.post-navigation a {
    text-decoration: 1px dotted underline;
}

nav.navigation.post-navigation .nav-links {
    max-width: var(--wp--style--global--wide-size);
    margin: auto;
}

nav.navigation.post-navigation .nav-links>:not(:last-child) {
    margin-bottom: 1rem;
}

img {
    width: 100%;
    height: auto;
    vertical-align: middle;
}

body .wp-block-image img {
    vertical-align: middle;
}

.at-avatar {
    padding: 0 !important;
    width: 3.2rem;
    height: auto;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
}

a {
    text-decoration: none;
}

path,
rect,
a {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

svg.icon.arrow-right path,
svg.icon.ArrowRight path {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}

a:not(.wp-element-button):hover {
    color: var(--wp--preset--color--orange-50);
}

input[type="submit"] {
    -webkit-transition: color .3s, background-color .3s;
    -moz-transition: color .3s, background-color .3s;
    -ms-transition: color .3s, background-color .3s;
    -o-transition: color .3s, background-color .3s;
    transition: color .3s, background-color .3s;
}

.wp-block-buttons>.wp-block-button .wp-block-button__link {
    white-space: nowrap;
}

.calculate-estimated-pallets .request-expedite-btn.wp-block-buttons {
    grid-column: span 2;
}

.bgratio_1280-592 {
    min-height: 592px;
    background: url('/wp-content/themes/hhatdev/assets/svg/bgratio_1280-592.svg');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

/* PAGE */
.asterisk {
    margin-left: .15em;
}

/* Hello */
.has-aspect-ratio--1440-752 {
    overflow: hidden;
}

.hello .custom-container>:first-child {
    padding-right: 2.5rem;
}

.hello .custom-container>:last-child {
    min-width: 50vw;
}

.hello .custom-container>:first-child>div {
    max-width: 520px;
}

.hello .wp-block-buttons {
    margin-bottom: 6rem;
}

.hello .wp-block-video {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-filter: brightness(0.5);
    filter: brightness(0.5);
}

.hello .wp-block-video video {
    vertical-align: middle;
    width: auto;
    height: 100%;
}


.hello .bg-container {
    padding-left: var(--wp--style--root--padding-left) !important;
}

.bg-container {
    position: relative;
    overflow: hidden;
}

svg.icon.bg_attribute {
    margin: 0;
    position: absolute;
    right: 0;
    bottom: 0;
}

.hello>div>:first-child.bg-container>*:not(.bg) {
    position: relative;
    z-index: 3;
}

.bg-container svg.bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: auto;
}

.z-index-3 {
    position: relative;
    z-index: 33;
}

.z-index-5 {
    position: relative;
    z-index: 5;
}

.has-svg-decor {
    position: relative;
}

.has-svg-decor img {
    position: relative;
    z-index: 3;
}

.has-svg-decor svg.decor {
    position: absolute;
    top: 0;
    right: 0;
}

.has-svg-decor svg.decor.ellipse-68 {
    -webkit-transform: translate(32%, -30%);
    -moz-transform: translate(32%, -30%);
    -ms-transform: translate(32%, -30%);
    -o-transform: translate(32%, -30%);
    transform: translate(32%, -30%);
}

.has-shadow-item {
    overflow: hidden;
}

.has-space-between {
    justify-content: space-between;
}

.has-shadow-item,
.grid-has-shadow-item>div,
.infinity-slider-has-grid-content .grid-has-shadow-item>div>div {
    height: 100%;
    box-shadow: 0px 1px 1px 0px #1D1D1B3D;
    outline: 1px solid #1d1d1b14;
    -webkit-transition: box-shadow .3s;
    -moz-transition: box-shadow .3s;
    -ms-transition: box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: box-shadow .3s;
}

.infinity-slider-has-grid-content .grid-has-shadow-item>div {
    box-shadow: none;
    outline: none;
}

svg.attribute:not(.full) {
    position: absolute;
    left: 50%;
    top: 100%;
    margin: -2px;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

svg.icon.icon-button {
    margin: 0;
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 100%;
    transition-duration: .3s;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

svg.icon.icon-button:hover {
    background-color: var(--wp--preset--color--orange-50);
    box-shadow: rgba(29, 29, 27, 0.16) 0px 8px 12px 0px;
}

svg.icon.ArrowRight path {
    fill: currentColor;
}

/* BG */
/* .cont {
    height: 500px;
    background: #000000fc;
    overflow: hidden;
}

.ellipce-test {
    display: block;
    position: absolute;
    width: 100%;
    min-width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.ellipce-test svg {
    display: block;
    height: auto;
    margin: 0;
    padding: 0;
    position: absolute;
    opacity: .4;
}

.ellipce-test svg.bg.bg-ellipce-10 {
    height: 100%;
    right: 0;
    bottom: 0;
}

.ellipce-test svg.bg.bg-ellipce-11 {
    left: 0;
    top: 0;
}

.ellipce-test svg.bg.bg-ellipce-12 {
    left: 0;
    bottom: 0;
} */

.bg-container .content-container {
    position: relative;
    z-index: 3;
}

svg.icon.bg_attribute.percent {
    left: 25%;
    right: auto;
    z-index: -1;
}

.show-container-1 .wp-block-code.big-letter.data-show {
    background-color: #00000000;
    font-size: clamp(4.509rem, 4.509rem + ((1vw - 0.2rem) * 9.152), 10rem);
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    padding: 0;
}

.has-progress-bar {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    -ms-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s;
}

.has-progress-bar .progress {
    display: block;
    width: 0;
    height: 18px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: width 1s .1s;
    -moz-transition: width 1s .1s;
    -ms-transition: width 1s .1s;
    -o-transition: width 1s .1s;
    transition: width 1s .1s;
}

.has-progress-bar .progress .damper {
    display: block;
    background-color: #2b2b27;
    width: 100%;
    height: 13px;
    margin-left: 0px;
    -webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    -ms-transition: background-color .5s;
    -o-transition: background-color .5s;
    border-radius: 0 0 0 18px;
    transition: background-color .5s;
    -webkit-border-radius: 0 0 0 18px;
    -moz-border-radius: 0 0 0 18px;
    -ms-border-radius: 0 0 0 18px;
    -o-border-radius: 0 0 0 18px;
}

.has-progress-bar.active,
.has-progress-bar.active .progress .damper {
    background-color: var(--wp--preset--color--orange-100) !important;
}

.wp-block-group.has-progress-bar .wp-block-heading {
    line-height: 1.35;
}

/* SWITCHER */
.switch {
    font-size: 1rem;
    position: relative;
    display: inline-block;
    width: 4em;
    height: 2.1em;
    -webkit-user-select: none;
    user-select: none;
}

.switch.small {
    font-size: .75rem;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.switcher-slider {
    transition-duration: .4s;
    display: flex;
    align-items: center;
    position: absolute;
    cursor: pointer;
    color: var(--wp--preset--color--orange-100);
    background: currentColor;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.switch.has-outline .switcher-slider {
    color: var(--wp--preset--color--orange-100);
}

.switch.lite .switcher-slider {
    color: var(--wp--preset--color--orange-25);
    background: currentColor;
}

.switch.lite.has-outline .switcher-slider {
    color: var(--wp--preset--color--orange-100);
    background: var(--wp--preset--color--orange-25);
    border-color: currentColor;
}

.switcher-slider::before {
    content: "";
    background: currentColor;
    transition-duration: .4s;
    position: absolute;
    height: 1.55em;
    width: 1.55em;
    left: .25em;
    top: 50%;
}

.switch.lite .switcher-slider:before {
    background: var(--wp--preset--color--orange-100);
}

input:not(:checked)+.switcher-slider {
    background: rgb(29, 29, 27) !important;
}

input:checked+.switcher-slider {
    background: var(--wp--preset--color--orange-100) !important;
}

input:focus+.switcher-slider {
    box-shadow: 0 0 1px var(--wp--preset--color--orange-100);
}

.switch.lite input:checked+.switcher-slider {
    background: var(--wp--preset--color--orange-25);
}

input:not(:checked)+.switcher-slider::before {
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

input:checked+.switcher-slider::before {
    -webkit-transform: translate(115%, -50%);
    -moz-transform: translate(115%, -50%);
    -ms-transform: translate(115%, -50%);
    -o-transform: translate(115%, -50%);
    transform: translate(115%, -50%);
}

.switcher-slider.round {
    -webkit-border-radius: 1.6em;
    -moz-border-radius: 1.6em;
    -ms-border-radius: 1.6em;
    -o-border-radius: 1.6em;
    border-radius: 1.6em;
}

.switcher-slider.round::before {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

svg.icon.switch-check.checked {
    margin-left: .275em;
}

/* as wp-btn */
.wp-block-buttons.switch-buttons>.wp-block-button {
    display: inline-flex;
}

.wp-block-button.switch-btn a {
    display: contents;
}

.wp-block-button.switch-btn .switch {
    font-size: inherit;
    color: inherit;
    background: inherit;
    position: relative;
    display: inline-block;
    width: 4em;
    height: 2.1em;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    -ms-border-radius: 2em;
    -o-border-radius: 2em;
    border-radius: 2em;
}

form input[type="submit"]:hover,
form button[type="submit"]:hover,
:root :where(.wp-block-button__link.wp-block-button__link:not(.has-background, .read-more-link):hover) {
    background-color: var(--wp--preset--color--orange-50);
    color: var(--wp--preset--color--accent-1);
}

:root :where(.wp-block-button) .wp-block-button__link.has-accent-1-color.has-orange-50-background-color.has-text-color.has-background.has-link-color.wp-element-button:hover {
    background-color: var(--wp--preset--color--orange-100) !important;
    color: var(--wp--preset--color--base) !important;
}

.is-style-outline.wp-block-button.switch-btn .switch {
    border: 2px solid currentColor;
    width: calc(4em - 4px);
    height: calc(2.1em - 4px);
}

.wp-block-button.switch-btn .switcher-slider {
    transition-duration: .4s;
    display: flex;
    align-items: center;
    position: absolute;
    cursor: pointer;
    color: inherit;
    background: inherit;
    outline: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

:root :where(.wp-block-button.is-style-outline--3 .wp-block-button__link):hover,
:root :where(.wp-block-button.is-style-outline--1 .wp-block-button__link):hover {
    color: var(--wp--preset--color--contrast);
    background: var(--wp--preset--color--orange-50);
    border-color: var(--wp--preset--color--orange-50);
}

.wp-block-button.has-icon-insert.left.call-us .wp-block-button__link:hover svg path,
:root :where(.wp-block-button.is-style-outline--3 .wp-block-button__link):hover svg path,
:root :where(.wp-block-button.is-style-outline--1 .wp-block-button__link):hover svg path {
    fill: var(--wp--preset--color--accent-1);
}

:root .hello :where(.wp-block-button.is-style-outline--1 .wp-block-button__link):hover {
    background: var(--wp--preset--color--orange-100);
    border-color: var(--wp--preset--color--orange-100);
}

:root :where(.wp-block-button.is-style-outline--2, .wp-block-button.is-style-outline--5, .wp-block-button.is-style-outline--4) .wp-block-button__link.wp-block-button__link:not(.has-background):hover {
    background-color: var(--wp--preset--color--orange-50) !important;
    border-color: var(--wp--preset--color--orange-50) !important;
}

/* * */
.has-box-shadow {
    box-shadow: 0px 1px 1px 0px #1D1D1B3D;
    outline: 1px solid #1d1d1b14;
}

/* * */
.row_gap-05 {
    row-gap: .5rem;
}

.count-line {
    background-color: var(--wp--preset--color--orange-100);
    position: relative;
    padding: 0 5px;
    height: .25rem;
    transition-duration: .4s;
    display: flex;
    align-items: center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}

.count-line::before {
    content: "";
    background-color: #fff;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    box-shadow: 0 0 2px #000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.counter-btn>:nth-child(n) {
    box-sizing: border-box;
    white-space: nowrap;
    width: max-content;
    cursor: pointer;
    min-width: 1em;
    display: flex;
    justify-content: center;
}

.counter-btn>:nth-child(n):not(.has-dotted-as-content) {
    border-bottom: 2px solid transparent;
}

.counter-btn>:nth-child(n):not(.has-dotted-as-content):hover {
    border-color: var(--wp--preset--color--contrast);
}

.custom-grid.has-columns-31 {
    grid-template-columns: repeat(31, minmax(0, 1fr));
    gap: 0;
    padding-left: 1rem;
    -webkit-user-select: none;
    user-select: none;
}

.has-dotted-as-content {
    position: relative;
    color: #ddd;
}

/* .has-dotted-as-content--pseudo-content */
.has-dotted-as-content::before {
    content: "";
    display: none;
    width: max-content;
    color: #999;
    position: absolute;
    bottom: 100%;
    background: #fff;
    box-shadow: 1px 1px 4px #e5e5e5;
    padding: .25em .5em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.has-dotted-as-content.active::before {
    display: block;
}

.your-option-is {
    white-space: nowrap;
}

.your-option-is>span {
    margin-left: .25em;
    white-space: nowrap;
}

/* * */
.has-limited-width {
    max-width: 42rem;
}

/* * */
.has-transform-scale {
    aspect-ratio: 4/2;
}

.icon.big.logo {
    max-height: 100%;
    width: auto;
    max-width: 100%;
    aspect-ratio: auto;
}

.has-pseudo-bth {
    position: relative;
}

.pseudo-btn>div,
.pseudo-btn {
    display: contents !important;
}

.pseudo-btn a {
    font-size: 0 !important;
    opacity: 0 !important;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.has-transform-scale.has-pseudo-btn {
    position: relative;
    -webkit-transition: transform .5s, background-color .5s;
    -moz-transition: transform .5s, background-color .5s;
    -ms-transition: transform .5s, background-color .5s;
    -o-transition: transform .5s, background-color .5s;
    transition: transform .5s, background-color .5s;
}

.has-transform-scale.has-pseudo-btn.hover {
    background-color: var(--wp--preset--color--orange-100) !important;
    -webkit-transform: scaleY(1.15) scaleX(1.1);
    -moz-transform: scaleY(1.15) scaleX(1.1);
    -ms-transform: scaleY(1.15) scaleX(1.1);
    -o-transform: scaleY(1.15) scaleX(1.1);
    transform: scaleY(1.15) scaleX(1.1);
}

/* * */
.has-bg-attribute-full {
    overflow: hidden;
}

.this-img-wrapper {
    position: relative;
}

.has-position-relative {
    position: relative;
}

.wp-block-image.this-img img {
    width: 90%;
    transform: scale(2.15) translate(-8%, 10.5%);
    position: relative;
    z-index: 3;
}

.this-bottom-elements-container {
    background: #EF7D001A;
    backdrop-filter: blur(64px);
    position: relative;
    z-index: 3;
}

svg.bg.attribute.full {
    max-width: 67%;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-24%, -40%) scale(1);
}

/* GRID SLIDER */
.slider.grid-infinity-slider {
    overflow: hidden;
}

.slider.grid-infinity-slider .slider-container {
    min-width: max-content;
    display: flex;
}

.slider.grid-infinity-slider .slider-content.is-layout-grid {
    grid-template-columns: repeat(8, minmax(25%, 1fr));
    gap: 0;
    margin: 0;
    width: max-content;
    -webkit-transform: translateX(-0%);
    -moz-transform: translateX(-0%);
    -ms-transform: translateX(-0%);
    -o-transform: translateX(-0%);
    transform: translateX(-0%);
}

.slider.grid-infinity-slider .slider-content.is-layout-grid>:nth-child(n)>* {
    padding: .5rem;
}

/* INFINITY SLIDERS */
.site .slider .testimonial-container.testimonial-small .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image img {
    min-width: 5rem;
}

.data-hidden {
    display: none;
}

.slider-wrapper {
    width: 100%;
    padding: 0;
}

.slider-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #bbb;
    cursor: pointer;
    transition-duration: .4s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.infinity-slider .slider-elements {
    width: 100%;
    min-width: 100%;
    height: auto;
    margin: 0;
    box-sizing: content-box;
    padding: 2.5rem 0 1.5rem .5rem !important;
}

.infinity-slider {
    width: 100%;
    max-width: none;
    margin: auto;
    overflow: hidden;
}

.infinity-slider .slider-container {
    /* overflow: hidden; */
    margin: 0;
    padding: 0;
}

.infinity-slider.alignwide .slider-container {
    max-width: 100%;
}

.infinity-slider .slider-elements>:nth-child(n) {
    display: flex;
    align-items: center;
    width: max-content;
    min-width: max-content !important;
    column-gap: 0;
}

.infinity-slider .slider-elements>:nth-child(n)>:nth-child(n) {
    height: auto;
    max-height: none;
}

.icon.pause {
    visibility: hidden;
    opacity: 0;
    z-index: 3;
    transition-duration: .4s;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.icon.pause.active {
    visibility: visible;
    opacity: 1;
}

.slider .parent-dots {
    margin: 0;
    padding: 2px 1rem;
    max-width: inherit;
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 1rem;
    cursor: default;
}

.slider .parent-dots .dots-container {
    padding: 1rem;
    display: flex;
    column-gap: .5rem;
    justify-content: center;
    align-items: center;
}

.slider .parent-dots .slider-dot {
    width: .5rem;
    height: .5rem;
    cursor: pointer;
    background: #ccc;
    border-radius: 50%;
}

.welcome-our-team .slider .parent-dots .slider-dot {
    background: #fff;
}

.slider .parent-dots button {
    background: transparent;
    padding: 0;
    border: none;
}

button.prev-slide {
    transform: rotateY(180deg);
}

.slider .parent-dots button:hover svg path {
    fill: var(--wp--preset--color--accent-1);
}

.slider .parent-dots button:hover svg rect {
    stroke: var(--wp--preset--color--orange-100);
}

.welcome-our-team .slider .parent-dots svg path {
    fill: #fff;
}

.infinity-slider .prev-slide.return {
    cursor: default;
}

.infinity-slider .prev-slide.return:hover svg path {
    fill: red;
}

.infinity-slider .prev-slide.return:hover svg rect {
    stroke: red;
}

/* SS */
.service-slider.infinity-slider {
    overflow: visible;
}

.service-slider.infinity-slider .slider-elements {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
}

.service-slider.infinity-slider .slider-elements>:nth-child(n):not(svg)>:nth-child(n) {
    height: auto;
    max-height: none;
    opacity: .2;
}

.service-slider.infinity-slider .parent-dots {
    width: 38vw;
    min-width: max-content;
    margin-top: 6rem;
}

.service-slider.infinity-slider .parent-dots .slider-dot {
    background: #080807;
}

.service-slider.infinity-slider .parent-dots button svg path {
    fill: #080807;
}

.service-slider.infinity-slider .parent-dots button svg rect {
    stroke: #080807;
}

.service-slider.infinity-slider .parent-dots button:hover svg rect {
    stroke: var(--wp--preset--color--orange-100);
}

.slider .parent-dots button {
    color: inherit;
    transition-duration: .3s;
    border: 1px solid currentColor;
    border-radius: .6rem;
}

.infinity-slider .parent-dots button svg {
    fill: transparent;
}

.slider .parent-dots button:hover {
    background: var(--wp--preset--color--orange-100);
    border-color: var(--wp--preset--color--orange-100);
}

.service-slider.infinity-slider .slider-elements>div>:nth-child(n) {
    -webkit-transition: transform 1.5s, opacity 1.5s;
    -moz-transition: transform 1.5s, opacity 1.5s;
    -ms-transition: transform 1.5s, opacity 1.5s;
    -o-transition: transform 1.5s, opacity 1.5s;
    transition: transform 1.5s, opacity 1.5s;
}

.service-slider.infinity-slider .slider-elements>div>:nth-child(n).active {
    position: relative;
    z-index: 5;
    opacity: 1;
    box-shadow: 0 0 4rem var(--wp--preset--color--base);
    background: var(--wp--preset--color--base);
}

.service-slider svg.icon.pause path {
    opacity: .9;
}

.service-slider .header-container {
    position: relative;
    justify-content: center;
    align-items: center;
}

.service-slider .header-container img {
    -webkit-transition: filter .5s;
    -moz-transition: filter .5s;
    -ms-transition: filter .5s;
    -o-transition: filter .5s;
    transition: filter .5s;
}

.service-slider .header-container:hover img {
    filter: brightness(.5);
    -webkit-filter: brightness(.5);
}

.service-slider .learn-more-btn {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition-duration: .5s;
}

.service-slider .header-container:hover .learn-more-btn,
.service-slider .services-post .wp-block-image:hover .learn-more-btn {
    visibility: visible;
    opacity: 1;
}

.learn-more-btn .wp-block-button__link {
    background: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .75rem;
}

/*  */
.has-icon-insert:not(.wp-block-button),
.wp-block-button.has-icon-insert>*,
.wp-block-button.has-icon>* {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: .5rem;
    max-height: 3.4rem;
}

/* Создать в theme.json  */
:root :where(.wp-block-separator.is-style-wide) {
    width: 100%;
    border-width: 0 0 2px 0;
}

/* block-heading-bg-attribute */
svg.bg-attribute {
    position: relative;
    z-index: 5;
}

.ellipse-9-3 {
    background: #1D1D1B;
    background: radial-gradient(circle at 30% 241%, #E55500 6.64%, #1d1d1b00 49%);
}

.ellipse-10-3 {
    background: #1D1D1B;
    background: radial-gradient(circle at 84% -210%, #E55500 14.64%, #1d1d1b00 47%);
}

/* SERVICES */
.services-posts.custom-posts.is-layout-grid.wp-block-group-is-layout-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 6rem;
}

.services-posts.has-one-button.custom-posts.is-layout-grid.wp-block-group-is-layout-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

body .wp-block-button.is-style-outline.is-one-button .wp-block-button__link {
    background-color: transparent;
    border: 2px solid;
}

:root .vacancy-preview :where(.wp-block-button.is-style-outline .wp-block-button__link):hover,
body .wp-block-button.is-style-outline.is-one-button .wp-block-button__link:hover {
    background-color: var(--wp--preset--color--orange-50);
    border-color: var(--wp--preset--color--orange-50);
}

.services-posts .services-post {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 2rem;
    overflow: hidden;
    box-shadow: 0px 1px 1px 0px #1D1D1B3D;
    outline: 1px solid #1d1d1b14;
    -webkit-border-radius: 1.2rem;
    -moz-border-radius: 1.2rem;
    -ms-border-radius: 1.2rem;
    -o-border-radius: 1.2rem;
    border-radius: 1.2rem;
}

.services-post .wp-block-heading {
    margin-bottom: 0;
}

.wp-block-button.read-more {
    flex-grow: 1;
}

.wp-block-button.read-more .wp-block-button__link {
    width: 100%;
}

.services-post:not(.slider-element) .text-container,
.services-post:not(.slider-element) .wp-block-buttons {
    padding: 0 2rem;
}

.services-post:not(.slider-element) .wp-block-buttons {
    width: calc(100% - 4rem);
}

.services-posts.custom-posts>:last-child.services-post {
    /*     color: #fff;
    background: url(/wp-content/themes/hhatdev/assets/svg/bg-for-specialized-freight.svg);
    background-size: 200%;
    background-position: center; */
}

.services-posts.custom-posts>:last-child.services-post a:not(.contact-us-link) {
    /*     pointer-events: none; */
}

.slider-element.services-post .text-container {
    text-align: center;
}

.slider-element.services-post .wp-block-image,
.slider-element.services-post .wp-block-image>a {
    width: 100%;
    overflow: hidden !important;
    aspect-ratio: 624/350;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.2rem;
}

.slider-element.services-post .wp-block-image img {
    height: 100%;
    width: auto !important;
    max-width: none !important;
    -webkit-transition: filter .3s;
    -moz-transition: filter .3s;
    -ms-transition: filter .3s;
    -o-transition: filter .3s;
    transition: filter .3s;
}

.slider-element.services-post .wp-block-image>a:hover img {
    -webkit-filter: brightness(.85);
    filter: brightness(.85);
}

.slider-element.services-post .wp-block-buttons.learn-more-btn {
    position: absolute;
}

.services-posts .services-post .element-content {
    width: 100%;
}

.services-posts.has-one-button .services-post a.wp-block-image {
    width: 100%;
    overflow: hidden;
    aspect-ratio: 624/350;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.services-posts.has-one-button .services-post a.wp-block-image img {
    height: 100%;
    width: auto;
    max-width: none;
    min-width: max-content;
    size: unset !important;
}

/* POST & ARCHIVE */
.navigation.pagination {
    flex-basis: 100%;
    display: flex;
    justify-content: center;
}

.navigation.pagination .nav-links {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: .5rem;
}

.navigation.pagination .nav-links>* {
	padding: .5rem;
}

.navigation.pagination .nav-links span.page-numbers.current {
    color: var(--wp--preset--color--orange-100);
}

.navigation.pagination svg.icon.arrow {
    color: inherit;
    transition-duration: .3s;
    border: 1px solid currentColor;
    padding: 1rem;
    -webkit-border-radius: .6rem;
    -moz-border-radius: .6rem;
    -ms-border-radius: .6rem;
    -o-border-radius: .6rem;
    border-radius: .6rem;
}

.navigation.pagination svg.icon.arrow:hover {
    background: var(--wp--preset--color--orange-50);
    border-color: var(--wp--preset--color--orange-50);
}

body.single-post article.post.format-standard {
    max-width: var(--wp--style--global--wide-size);
    margin: auto;
}

.post-thumbnail img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    object-fit: cover;
    height: 100%;
    vertical-align: middle;
    width: auto;
    min-width: 100%;
}

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post img {
    margin-bottom: .5rem;
    -webkit-border-radius: 1.2rem;
    -moz-border-radius: 1.2rem;
    -ms-border-radius: 1.2rem;
    -o-border-radius: 1.2rem;
    border-radius: 1.2rem;
}

#jp-relatedposts h3.jp-relatedposts-headline em {
    font-weight: 500;
    font-size: .85rem;
}

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a,
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post * {
    font-size: .85rem;
}

.at-cover {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog-header.wp-block-cover.alignfull {
    min-height: 752px;
    padding: 0;
}

.text-content.has-subscribe {
    color: #fff;
    position: absolute;
    z-index: 3;
}

.blog-header.wp-block-cover .wp-block-cover__background {
    opacity: .6;
}

body.single-post article.post.format-standard .post-thumbnail {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1280/600;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 1.2rem;
    -moz-border-radius: 1.2rem;
    -ms-border-radius: 1.2rem;
    -o-border-radius: 1.2rem;
    border-radius: 1.2rem;
}

.alignright.wp-block-tag-cloud {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1.5rem;
    row-gap: 1.5rem;
}

.alignright.wp-block-tag-cloud a {
    margin: 0;
}

body.single-post article.post.format-standard .post-thumbnail::after {
    content: "";
    width: 100%;
    height: 40%;
    background: linear-gradient(180deg, rgba(8, 8, 7, 0) 0%, #080807 100%);
    position: absolute;
    bottom: 0;
}

aside#secondary {
    margin-bottom: 2.5rem;
}

aside#archive-top-sidebar .wp-block-cover {
    width: 100%;
}

.wp-block-cover.has-bg-call-to-action {
    min-height: auto !important;
    aspect-ratio: 1280/256 !important;
    width: 100%;
    height: auto;
    -webkit-border-radius: 1.2rem;
    -moz-border-radius: 1.2rem;
    -ms-border-radius: 1.2rem;
    -o-border-radius: 1.2rem;
    border-radius: 1.2rem;
}

body.vacancy-template-default.single-vacancy .site-main article.vacancy.type-vacancy {
    padding-right: var(--wp--style--root--padding-right);
    padding-left: var(--wp--style--root--padding-left);
}

.has-bg-call-to-action .wp-block-cover__background {
    background: url(/wp-content/themes/hhatdev/assets/svg/bg-call-to-action.svg);
    background-size: cover;
    background-position: center;
}

body.single-post article.post.format-standard .entry-header {
    position: relative;
}

body.single-post article.post.format-standard .entry-title {
    margin: 0;
}

body.single-post article.post.format-standard .entry-footer {
    margin-bottom: 1rem;
}

body.archive article.post.format-standard .entry-footer span.cat-links,
body.single-post article.post.format-standard .entry-footer span.cat-links {
    display: none;
}

body.archive article.post.format-standard .entry-footer span.tags-links,
body.single-post article.post.format-standard .entry-footer span.tags-links {
    font-size: 0;
}

.archive-widget-tag-cloud .tag-cloud-link,
body.archive article.post.format-standard .entry-footer span.tags-links a,
body.single-post article.post.format-standard .entry-footer span.tags-links a {
    font-size: 16px;
    line-height: 1.7;
    margin-right: 1rem;
    border: 1px solid;
    padding: .5em 1.5em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    column-gap: .5em;
    -webkit-border-radius: 1.5em;
    -moz-border-radius: 1.5em;
    -ms-border-radius: 1.5em;
    -o-border-radius: 1.5em;
    border-radius: 1.5em;
}

span.tags-links>a {
    margin-bottom: 1rem;
}

span.tags-links>:last-child:where(a) {
    margin-bottom: 0;
}

.archive-widget-tag-cloud .tag-cloud-link::before,
body.archive article.post.format-standard .entry-footer span.tags-links a::before,
body.single-post article.post.format-standard .entry-footer span.tags-links a::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain;
}

body.single-post article.post.format-standard .entry-footer span.tags-links a::before {
    background: url(/wp-content/themes/hhatdev/assets/svg/icon-tag-white.svg);
}

.archive-widget-tag-cloud .tag-cloud-link::before,
body.archive article.post.format-standard .entry-footer span.tags-links a::before {
    background: url(/wp-content/themes/hhatdev/assets/svg/icon-tag-black.svg);
}

body.archive article.post.format-standard .entry-footer span.tags-links>:last-child,
body.single-post article.post.format-standard .entry-footer span.tags-links>:last-child {
    margin-right: 0;
}

body.archive article.post.format-standard .entry-footer {
    margin: 1.5rem 1.5rem 0 1.5rem;
}

.archive-widget-tag-cloud a.tag-cloud-link:hover,
.entry-footer :where(.cat-links, .tags-links) a:hover {
    background-color: var(--wp--preset--color--orange-50);
    border-color: var(--wp--preset--color--orange-50) !important;
    color: inherit;
}

body.archive article.post.format-standard .entry-footer span.comments-link {
    display: none;
}

body.single-post .entry-header .entry-meta {
    padding: 3.5rem 0 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.entry-meta .is-button-link {
    white-space: nowrap;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: .5em;
    padding: .5em 1.5em;
    border: 1px solid;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    -ms-border-radius: .5em;
    -o-border-radius: .5em;
    border-radius: .5em;
}

.entry-meta a:not(.wp-element-button):hover svg path {
    fill: var(--wp--preset--color--orange-50);
}

span.posted-on {
    font-size: 0;
}

span.posted-on,
span.byline {
    visibility: hidden;
}

span.byline {
    display: none;
}

span.posted-on time.entry-date.published {
    font-size: 1rem;
}

body.archive main.site-main {
    max-width: var(--wp--style--global--wide-size);
    padding-right: var(--wp--style--root--padding-right);
    padding-left: var(--wp--style--root--padding-left);
    margin: 2rem auto 10rem;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    column-gap: 2rem;
    row-gap: 4rem;
}

body.archive main.site-main header.page-header {
    display: none;
}

body.archive main.site-main>article.post {
    flex-basis: calc(50% - 1rem);
    overflow: hidden;
    padding-bottom: 1.5rem;
    box-shadow: 0px 1px 1px 0px #1D1D1B3D;
    outline: 1px solid #1d1d1b14;
    -webkit-border-radius: 1.2rem;
    -moz-border-radius: 1.2rem;
    -ms-border-radius: 1.2rem;
    -o-border-radius: 1.2rem;
    border-radius: 1.2rem;
}

body.archive main.site-main>article.post .entry-title,
body.archive main.site-main>article.post .entry-content {
    padding: 0 1.5rem;
}

body.archive main.site-main>article.post .entry-title {
    font-size: 1.4rem;
}

body.archive main.site-main>article.post .entry-header .post-thumbnail {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    aspect-ratio: 620/240;
}

.has-subscribe {
    max-width: 850px;
}

.has-subscribe .wp-block-search__input {
    background: transparent;
    border-color: #fff;
    outline: none;
}

.has-subscribe .wp-block-search__input::placeholder {
    color: #ddd;
    font-weight: 400;
}

#archive-top-sidebar .wp-block-jetpack-subscriptions.wp-block-jetpack-subscriptions__supports-newline:not(.wp-block-jetpack-subscriptions__use-newline) .is-not-subscriber .wp-block-jetpack-subscriptions__form-elements {
    align-items: stretch;
}

#archive-top-sidebar .wp-block-jetpack-subscriptions__form-elements #subscribe-email input[type="email"] {
    background: transparent;
    outline: 1px solid #fff;
}

#archive-top-sidebar .wp-block-jetpack-subscriptions__form-elements #subscribe-submit button[type="submit"] {
    display: flex;
    align-items: center;
    column-gap: .5rem;
    transition-duration: .3s;
}

#archive-top-sidebar .wp-block-jetpack-subscriptions__form-elements #subscribe-submit button[type="submit"] svg path {
    fill: currentColor;
    transition-duration: 0s;
}

#archive-top-sidebar .wp-block-jetpack-subscriptions__form-elements #subscribe-submit button[type="submit"]:hover {
    color: #fff !important;
    background-color: var(--wp--preset--color--orange-100) !important;
}

#archive-top-sidebar .wp-block-jetpack-subscriptions__form-elements #subscribe-submit button[type="submit"],
#archive-top-sidebar .wp-block-jetpack-subscriptions__form-elements #subscribe-email input[type="email"] {
    font-size: 1rem !important;
    line-height: 1;
    padding-top: 1.2rem !important;
    padding-right: 2rem !important;
    padding-bottom: 1.2rem !important;
    padding-left: 2rem !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -ms-border-radius: 10px !important;
    -o-border-radius: 10px !important;
    border-radius: 10px !important;
}

body.archive .arcive-post-footer {
    display: flex;
    justify-content: space-between;
}

#archive-top-sidebar .archive-widget-tag-cloud {
    margin: auto;
    width: 100%;
    max-width: var(--wp--style--global--wide-size);
}

/* A & T */
.accordion-or-toggle .selector-wrapper {
    width: 100%;
    justify-content: space-between;
}

.accordion-or-toggle .accord>:first-child {
    width: 100%;
    cursor: pointer;
}

.accordion-or-toggle .accord>:last-child {
    max-height: 0;
    padding: 0;
    overflow: hidden;
    -webkit-transition: max-height .25s, margin .25s;
    -moz-transition: max-height .25s, margin .25s;
    -ms-transition: max-height .25s, margin .25s;
    -o-transition: max-height .25s, margin .25s;
    transition: max-height .25s, margin .25s;
}

.toggle-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid #fff;
    flex-shrink: 0;
    -webkit-border-radius: .4rem;
    -moz-border-radius: .4rem;
    -ms-border-radius: .4rem;
    -o-border-radius: .4rem;
    border-radius: .4rem;
}

.accordion-or-toggle .accord.open>:last-child {
    max-height: 30rem;
    margin-top: 0 !important;
    margin-bottom: 1.5rem !important;
}

.accordion-or-toggle .accord.open>:last-child::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    margin-bottom: .75rem;
}

.accordion-or-toggle .accord>:first-child svg.icon {
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    -ms-transition: -ms-transform .3s;
    -o-transition: -o-transform .3s;
    transition: transform .3s;
}

.accordion-or-toggle .accord.open>:first-child svg.icon {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

/* VACANCY */
.slider-container.flex-has-template-columns-change-to--2-1 {
    flex-wrap: wrap;
}

.slider-container.flex-has-template-columns-change-to--2-1>:nth-child(n) {
    flex-basis: calc(33.333% - .8rem);
}

body.vacancy-template-default.single-vacancy main.site-main {
    max-width: 1134px;
    margin: 4.5rem auto;
}

body.vacancy-template-default.single-vacancy main.site-main .entry-title {
    text-align: center;
}

body.single-vacancy nav.navigation.post-navigation {
    margin-top: 2.5rem;
}

body.single-vacancy nav.navigation.post-navigation a {
    text-decoration: underline 1px dotted;
}

ul.vacancy-preview {
    list-style: none;
}

.vacancy-preview {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    line-height: 1.7;
    padding: 1.5rem;
    background-color: #fff;
    box-shadow: 0px 1px 1px 0px #1D1D1B3D;
    outline: 1px solid #1d1d1b14;
    -webkit-border-radius: 1.2rem;
    -moz-border-radius: 1.2rem;
    -ms-border-radius: 1.2rem;
    -o-border-radius: 1.2rem;
    border-radius: 1.2rem;
}

.vacancy-preview .block-heading {
    margin-top: 0;
    margin-bottom: .25rem;
}

.vacancy-preview .wp-block-buttons {
    margin-top: 1.5rem;
}

.vacancy-preview .wp-block-button {
    width: 100%;
}

:root .vacancy-preview :where(.wp-block-button.is-style-outline .wp-block-button__link) {
    background: transparent none;
    border-radius: .6rem;
    border-color: currentColor;
    border-width: 2px;
    border-style: solid;
    color: currentColor;
    padding-top: calc(1.2rem - 2px);
    padding-right: calc(2rem - 2px);
    padding-bottom: calc(1.2rem - 2px);
    padding-left: calc(2rem - 2px);
}

.has-bg-hero-recruiting {
    background: url(/wp-content/themes/hhatdev/assets/svg/bg-hero-recruiting.svg);
}

.has-bg-easy-process {
    background: url(/wp-content/themes/hhatdev/assets/svg/bg-easy-process.svg);
}

.has-bg-client-chowcase {
    background: url(/wp-content/themes/hhatdev/assets/svg/bg-client-chowcase.svg);
}

.has-bg-request-a-quote {
    background: url(/wp-content/themes/hhatdev/assets/svg/bg-request-a-quote.svg);
}

.has-bg-hello-block {
    background: url(/wp-content/themes/hhatdev/assets/svg/bg-request-a-quote.svg);
}

.has-bg-success-demo {
    background: url(/wp-content/themes/hhatdev/assets/svg/bg-success-demo.svg);
}

.has-bg-call-to-action {
    background: url(/wp-content/themes/hhatdev/assets/svg/bg-call-to-action.svg);
}

.has-bg-reasons {
    background: url(/wp-content/themes/hhatdev/assets/svg/bg-reasons.svg);
}

.has-bg-reasons,
.has-bg-call-to-action,
.has-bg-success-demo,
.has-bg-hello-block,
.has-bg-request-a-quote,
.has-bg-client-chowcase,
.has-bg-hero-recruiting,
.has-bg-easy-process {
    background-size: cover;
    background-position: center;
}

.easy-shipping-process .icon.arrow.arrow-right {
    display: block;
    margin: 1rem auto;
}

/*  */
.wp-elements-41908f84c52cd7a93fc6d52f0709030b h2.wp-block-heading {
    max-width: 14em;
}

.widget .social-links {
    gap: 4px;
}

.social-links a img {
    border: 1px solid transparent;
    transition-duration: .3s;
    -webkit-border-radius: .65rem;
    -moz-border-radius: .65rem;
    -ms-border-radius: .65rem;
    -o-border-radius: .65rem;
    border-radius: .65rem;
}

main .social-links figure:not(.img-phone-orange) a:hover img {
    border-color: var(--wp--preset--color--contrast);
}

.social-links figure.img-phone-orange a:hover img {
    opacity: .75;
}

.widget .social-links a:hover img {
    border-color: #fff;
}

.wp-block-jetpack-subscriptions.wp-block-jetpack-subscriptions__supports-newline:not(.wp-block-jetpack-subscriptions__use-newline) .is-not-subscriber .wp-block-jetpack-subscriptions__form-elements {
    flex-wrap: wrap;
    gap: 1.5rem;
}

p#subscribe-submit button[type="submit"] {
    margin-left: 0 !important;
    justify-content: center;
}

p#subscribe-email input[type="email"] {
    cursor: auto;
}

/* Track Shipment Search */
.fixed-container.modal-wrapper.track-shipment-search-modal.open {
    align-items: flex-start;
}

.track-shipment-search .track-shipment_heading {
    text-align: center;
    margin-top: 0;
}

form#track-search {
    display: flex;
    gap: 1rem;
}

.track-shipment-container {
    margin-top: 3rem;
    /*     margin-bottom: 3rem; */
    display: flex;
    gap: 1.5rem;
}

.track-shipment-container>div {
    flex-basis: 50%;
}

.track-shipment__info {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.track-shipment__info-item>* {
    margin: 0;
}

.track-shipment__info-item {
    line-height: 1.6;
    display: flex;
    gap: .5em;
}

.track-search-btn {
    font-size: var(--wp--preset--font-size--normal);
    background-color: var(--wp--preset--color--orange-50);
    border-width: 0;
    font-family: inherit;
    line-height: inherit;
    padding-top: 1rem;
    padding-right: 2.25rem;
    padding-bottom: 1rem;
    padding-left: 2.25rem;
    text-decoration: none;
    transition-duration: .3s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .25em;
}

.track-search-btn:hover {
    background-color: var(--wp--preset--color--orange-100);
    color: var(--wp--preset--color--base);
}

.track-search-btn svg path {
    fill: currentColor;
    transition-duration: 0s;
    ;
}

input#track-id {
    width: 100%;
    background: transparent none;
    padding: 1rem;
}

.track-search-btn,
input#track-id {
    -webkit-border-radius: .6rem;
    -moz-border-radius: .6rem;
    -ms-border-radius: .6rem;
    -o-border-radius: .6rem;
    border-radius: .6rem;
}

.search-oops {
    text-align: center;
    padding: 2.5rem;
    margin-top: 1.5rem;
    background: url(https://hh.whitecrow.top/wp-content/uploads/2025/04/Group-25.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.track-shipment-search .track-shipment__info-item strong {
    font-weight: 500;
}

.wp-block-group.track-shipment-search {
    width: 100%;
    max-width: var(--wp--style--global--wide-size);
    background-color: #fff;
    max-height: 100%;
    overflow-y: auto;
    padding: 2rem 2rem 4.5rem 2rem;
    cursor: auto;
    -webkit-border-radius: 1.2rem;
    -moz-border-radius: 1.2rem;
    -ms-border-radius: 1.2rem;
    -o-border-radius: 1.2rem;
    border-radius: 1.2rem;
}

.modal-wrapper .track-shipment-search .search-close-btn {
    width: max-content;
    margin-left: auto;
    margin-right: 0;
    /*     margin-bottom: .5rem; */
    /*     display: block; */
    background: transparent none;
    padding: .25rem;
    border: none;
}

/* EMBED */
.instagram-post-grid>.wp-block-embed {
    overflow: hidden;
    background-color: #fff;
    border: 2px solid #1d1d1b14;
    -webkit-border-radius: 1.2rem;
    -moz-border-radius: 1.2rem;
    -ms-border-radius: 1.2rem;
    -o-border-radius: 1.2rem;
    border-radius: 1.2rem;
}

/* GET TRACKS AROUND */
.view-tracks-around-wrapper {
    background: url(https://hugohunter.com/wp-content/uploads/2025/04/dots-map.webp), #2b2b27;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    max-height: 22rem;
    overflow-y: auto;
    background-color: #2b2b27;
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
    -webkit-border-radius: 1.2rem;
    -moz-border-radius: 1.2rem;
    -ms-border-radius: 1.2rem;
    -o-border-radius: 1.2rem;
    border-radius: 1.2rem;
}

ul.get-tracks-around-lists {
    list-style: none;
    padding-left: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    row-gap: .25rem;
}

.get-tracks-around-form {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    /*     padding: 2rem; */
}

.get-tracks-around-form .inputs-group {
    display: flex;
    gap: 1.5rem;
}

.get-tracks-around-form :is(input, select) {
    box-sizing: border-box;
    font: inherit;
    color: var(--wp--preset--color--white);
    width: 100%;
    padding: 1rem;
    border: 1px solid;
}

.get-tracks-around-form label {
    line-height: 2;
}

.get-tracks-around-form input {
    background: transparent none;
}

.get-tracks-around-form select {
    background-color: #2b2b27;
}

.tracks-around-wrapper button.wp-element-button,
.get-tracks-around-form :is(input, select, button) {
    line-height: 1;
    -webkit-border-radius: .6rem;
    -moz-border-radius: .6rem;
    -ms-border-radius: .6rem;
    -o-border-radius: .6rem;
    border-radius: .6rem;
}

.tracks-around-wrapper .list-container {
    margin: 0;
    display: flex;
    align-items: center;
    column-gap: 1.5rem;
    justify-content: space-between;
}

.tracks-around-wrapper .view-tracks-around-wrapper button.wp-element-button {
    font-size: .85rem;
    white-space: nowrap;
    padding-top: .6rem;
    padding-right: 1.25rem;
    padding-bottom: .6rem;
    padding-left: 1.25rem;
}

.tracks-around-wrapper .view-tracks-around-wrapper button.wp-element-button:hover {
    background-color: var(--wp--preset--color--orange-50);
    color: var(--wp--preset--color--contrast);
}

.view-tracks-around-wrapper .unit-type {
    margin-bottom: .5rem;
}

.tracks-around-wrapper .get-tracks-around-form button[type="submit"].wp-element-button {
    font-size: 1rem;
    padding: 1rem;
    background-color: var(--wp--preset--color--base);
    color: var(--wp--preset--color--contrast);
}

.tracks-around-wrapper .get-tracks-around-form button[type="submit"].wp-element-button:hover {
    background-color: var(--wp--preset--color--orange-50);

}

.tracks-around-wrapper .title-heading {
    margin: 0 .25rem 0 0;
    text-transform: capitalize;
}

ul.get-tracks-around-lists>li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.view-tracks-around-wrapper :is(.load-spinner, .request-none, .request-error, .please-fill) {
    margin: auto;
    width: 100%;
    max-width: 25rem;
    text-align: center;
}

.view-tracks-around-wrapper :is(.load-spinner, .request-none, .request-error) {
    font-size: 1.5rem;
}

.view-tracks-around-wrapper .load-spinner {
    color: var(--wp--preset--color--orange-50);
}

.view-tracks-around-wrapper .request-none {
    color: var(--wp--preset--color--base);
}

.view-tracks-around-wrapper .request-error {
    color: red;
}

/* RINGOSTAT */
.wp-block-buttons>.wp-block-button.has-icon-insert.call-us.has-ringostat {
    display: inline-flex;
    margin: 0;
    align-items: center;
    justify-content: center;
    column-gap: .5rem;
    padding: 0;
    background: transparent none;
    position: relative;
}

.wp-block-buttons>.wp-block-button.has-icon-insert.call-us.has-ringostat .wp-block-button__link {
    color: currentcolor;
    background: transparent none;
    border-width: 2px;
    border-style: solid;
    padding-top: calc(1.2rem - 2px);
    padding-right: calc(4rem - 2px);
    padding-bottom: calc(1.2rem - 2px);
    padding-left: calc(2rem - 2px);
	gap: 0;
    -webkit-border-radius: .6rem;
    -moz-border-radius: .6rem;
    -ms-border-radius: .6rem;
    -o-border-radius: .6rem;
    border-radius: .6rem;
}

.wp-block-buttons>.wp-block-button.has-icon-insert.call-us.has-ringostat .icon.CallUs {
    color: currentcolor;
    position: absolute;
    right: calc(2rem - 2px);
    pointer-events: none;
}

.wp-block-buttons>.wp-block-button.has-icon-insert.call-us.has-ringostat svg path {
    fill: currentcolor;
}

.wp-block-buttons>.wp-block-button.has-icon-insert.call-us.has-ringostat:hover {
    color: var(--wp--preset--color--accent-1);
}

.wp-block-buttons>.wp-block-button.has-icon-insert.call-us.has-ringostat:hover .wp-block-button__link {
    color: currentcolor;
    background: var(--wp--preset--color--orange-50);
    border-color: var(--wp--preset--color--orange-50);
}

/* TRACKING */
div#tracking {
    position: relative;
}

div#tracking>div {
    right: 0;
    margin: 0;
    max-width: none;
}

/* @MEDIA */
@media screen and (min-width: 1361px) {
    .hello .custom-container>:first-child {
        padding-left: calc(50vw - 1280px / 2) !important;
    }
}

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

    .wp-container-core-group-is-layout-44 .wp-block-image.this-img img,
    .wp-container-core-group-is-layout-121 .wp-block-image.this-img img {
        width: 100%;
        -webkit-transform: scale(2.15) translate(-8%, 24.5%);
        -moz-transform: scale(2.15) translate(-8%, 24.5%);
        -ms-transform: scale(2.15) translate(-8%, 24.5%);
        -o-transform: scale(2.15) translate(-8%, 24.5%);
        transform: scale(2.15) translate(-8%, 24.5%);
    }

    .has-hero-image-recruiting h2.wp-block-heading {
        font-size: 26px;
    }

    .has-hero-image-recruiting h3.wp-block-heading {
        font-size: 22px;
    }

    .hero-name {
        text-align: right;
        white-space: nowrap;
        padding-bottom: 21% !important;
    }

    .services-posts.has-one-button.custom-posts.is-layout-grid.wp-block-group-is-layout-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .widget-area #block-5 .wp-container-core-group-is-layout-141 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    :root .view-tracks-around-wrapper {
        row-gap: 2.5rem;
    }

    :root .tracks-around-wrapper .list-container {
        flex-direction: column;
        row-gap: 1.5rem;
    }

    :root .get-tracks-around-lists {
        width: 100%;
    }

    :root .view-tracks-around-wrapper .wp-block-button.modal-form-btn.request-a-quote-form {
        width: 100%;
    }

    :root .view-tracks-around-wrapper button.wp-element-button {
        width: 100%;
    }

    .wp-block-columns.contact-us-form-wrapper {
        flex-direction: column;
    }
}

@media screen and (min-width: 1112px) {
    .hello .bg-container {
        height: calc(100vh - 80px);
        max-height: 734px;
    }
}

@media screen and (max-width: 1023px) {
    :root {
        font-size: 16px;
    }

    :root .wp-container-core-group-is-layout-114,
    :root .wp-container-core-group-is-layout-16,
    :root .wp-container-core-group-is-layout-76,
    :root .wp-container-core-group-is-layout-25,
    :root .wp-container-core-group-is-layout-27,
    :root .wp-container-core-group-is-layout-14:not(.social-links),
    :root .wp-container-core-group-is-layout-47,
    :root .wp-container-core-group-is-layout-129,
    :root .grid-has-template-columns-change--3,
    :root .grid-has-template-columns-change-to--2-1 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :root .widget .social-links {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    :root .grid-has-template-columns-change-to--3-2 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .slider-container.flex-has-template-columns-change-to--2-1>:nth-child(n) {
        flex-basis: calc(50% - .8rem);
    }

    .has-column-reverse.calculate-estimated-pallets {
        flex-direction: column-reverse;
    }

}

@media screen and (min-width: 782px) {

    .service-slider.infinity-slider .slider-elements>:nth-child(n):not(svg)>:nth-child(n) {
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        -o-transform: scale(.8);
        transform: scale(.8);
    }

    .service-slider.infinity-slider .slider-elements>div>:nth-child(n).active {
        -webkit-transform: scale(1.1) translateY(6%);
        -moz-transform: scale(1.1) translateY(6%);
        -ms-transform: scale(1.1) translateY(6%);
        -o-transform: scale(1.1) translateY(6%);
        transform: scale(1.1) translateY(6%);
    }

    span[data-name="textarea-128"] {
        height: 3.5rem;
    }

    form.form textarea,
    form.wpcf7-form textarea {
        height: 3.4rem;
    }

    .modal-wrapper form.wpcf7-form,
    .modal-wrapper form.form {
        max-height: 72vh;
        overflow-y: auto;
    }

    body:not(.single.single-vacancy) .entry-title-container {
        color: #fff;
        position: absolute;
        left: 2.5rem;
        bottom: 2.5rem;
    }

    .view-tracks-around-wrapper :is(.load-spinner, .request-none, .request-error, .please-fill) {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

}

@media screen and (max-width: 940px) {
    .widget-area #block-5 .wp-container-core-group-is-layout-141 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media screen and (max-width: 781px) {
    :root .grid-has-template-columns-change-to--3-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    :root .grid-has-template-columns-change-to--3-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    :root :where(input, textarea) {
        font-size: 16px;
    }

    :root form input[type="submit"],
    :root form button[type="submit"] {
        line-height: 3;
        font-size: 16px;
        padding: 0 28px;
    }

    body.page-template-page-services .services-posts,
    body.archive main.site-main {
        display: flex;
        flex-direction: column;
    }

    body.page-template-page-services svg.icon.ArrowRight,
    body.archive svg.icon.ArrowRight {
        width: 1em;
        height: auto;
    }

    /*     .has-bg-reasons {
        display: none;
    } */

    .has-bg-reasons :is(.bg-attribute.question, .bg-attribute.checked) {
        /* display: none; */
        height: 100%;
        width: auto;
        position: absolute;
    }

    svg.bg-attribute.checked {
        right: 0;
    }

    .has-bg-reasons>.bg-container {
        min-height: 8.8rem !important;
    }

    .bg-container .content-container {
        z-index: 7;
    }

    .service-slider.infinity-slider .slider-elements>:nth-child(n):not(svg)>:nth-child(n) {
        padding: .5rem;
    }

    .service-slider.infinity-slider .parent-dots {
        column-gap: 1rem;
        margin-top: 1rem;
    }

    .has-column-reverse {
        flex-direction: column-reverse;
    }

    .has-column-reverse>div img {
        display: block;
        margin: auto;
        max-width: max-content;
    }

    .hello .has-image {
        display: none;
    }

    :root .hello {
        width: 100%;
        padding: 0;
    }

    .page-header .wp-block-cover.alignfull {
        min-height: 352px !important;
    }

    .hello .wp-block-columns.custom-container,
    .hello .wp-container-core-group-is-layout-5>.alignfull {
        margin: auto;
    }

    .hello .custom-container>:first-child>div {
        max-width: none;
    }

    .hello .custom-container>:first-child {
        padding-left: 0;
        padding-bottom: 6rem;
    }

    form.form,
    .form-group {
        flex-direction: column;
    }

    .infinity-slider .slider-elements {
        padding: 0.5rem 0 1.5rem .75rem !important;
    }

    .slider .slider-elements>:nth-child(n) {
        align-items: flex-start;
    }

    .service-slider.infinity-slider .slider-elements {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    .wp-container-core-group-is-layout-52 svg {
        display: block;
        margin: auto;
    }

    .wp-container-core-columns-is-layout-4 {
        gap: var(--wp--preset--spacing--30);
    }

    .wp-container-core-group-is-layout-52>.wp-block-columns>.wp-block-column>svg {
        margin-top: 1rem;
    }

    .wp-container-core-group-is-layout-21 {
        align-content: center;
    }

    .has-hero-image-recruiting .this-grid {
        display: flex;
        flex-direction: column;
    }

    .hero-name {
        display: none !important;
    }

    .has-bg-hero-recruiting {
        background: none
    }

    .wp-block-image.this-img img {
        width: 100%;
        -webkit-transform: scale(1.6) translate(14%, 16.5%);
        -moz-transform: scale(1.6) translate(14%, 16.5%);
        -ms-transform: scale(1.6) translate(14%, 16.5%);
        -o-transform: scale(1.6) translate(14%, 16.5%);
        transform: scale(1.6) translate(14%, 16.5%);
    }

    svg.bg.attribute.full {
        max-width: 100%;
        -webkit-transform: translate(-15%, -37%) scale(2.5);
        -moz-transform: translate(-15%, -37%) scale(2.5);
        -ms-transform: translate(-15%, -37%) scale(2.5);
        -o-transform: translate(-15%, -37%) scale(2.5);
        transform: translate(-15%, -37%) scale(2.5);
    }

    body .modal-wrapper .form-container {
        padding-top: 3.5rem !important;
    }

    body .modal-wrapper div.wpcf7.js {
        max-height: calc(100vh - 180px);
        overflow-y: auto;
    }

    .services-posts.has-one-button.custom-posts.is-layout-grid.wp-block-group-is-layout-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .wp-block-cover.has-bg-call-to-action .wp-block-heading {
        font-size: 1.5rem;
    }

    body:not(.single.single-vacancy) .entry-title-container {
        margin-top: 2.5rem;
    }

    .wp-block-cover.has-bg-call-to-action {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .archive-widget-tag-cloud .tag-cloud-link,
    body.archive article.post.format-standard .entry-footer span.tags-links a,
    body.single-post article.post.format-standard .entry-footer span.tags-links a {
        font-size: 12px;
    }

    body.single-post article.post.format-standard .entry-footer span.tags-links a::before {
        background: url(/wp-content/themes/hhatdev/assets/svg/icon-tag-black.svg);
    }

    .track-shipment-search form#track-search {
        flex-direction: column;
    }

    .track-shipment-search input#track-id {
        width: auto;
    }

    .track-shipment-search .track-shipment-container {
        flex-direction: column;
    }

    .wp-block-group.track-shipment-search {
        max-height: 85vh;
    }

    .widget-area #block-5 .wp-container-core-group-is-layout-141 {
        grid-template-columns: repeat(10, minmax(0, 1fr));
    }

    .get-tracks-around-form .inputs-group {
        flex-direction: column;
        line-height: inherit;
    }

    :root .tracks-around-wrapper button.wp-element-button {
        line-height: calc(1em + 7px);
    }

    .view-tracks-around-wrapper .icon.arrow-19 {
        display: none;
    }

}

@media screen and (min-width: 561px) {

    .grid-has-shadow-item>div:hover,
    .infinity-slider-has-grid-content .grid-has-shadow-item>div>div:hover {
        box-shadow: 0px 8px 12px 0px #1D1D1B29;
    }

    .infinity-slider-has-grid-content .grid-has-shadow-item>div:hover {
        box-shadow: none;
    }
}

@media screen and (max-width: 560px) {
    :root {
        font-size: 14px;
    }

    :root .grid-has-template-columns-change-to--2-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    :root .calculate-estimated-pallets :where(.wp-block-button .wp-block-button__link) {
        font-size: 11px;
    }
	
	.wp-block-buttons > .wp-block-button.has-icon-insert.call-us.has-ringostat .icon.CallUs {
		right: calc(50% - 4em);
	}

    .modal-wrapper.open {
        padding: 1.5rem;
    }

    .form-container {
        padding: 2rem !important;
    }

    .modal-wrapper .form-container {
        padding: 0 !important;
    }

    .service-slider.infinity-slider .parent-dots {
        column-gap: .5rem;
    }

    .parent-dots .icon.arrow {
        width: 2.75rem;
        height: auto;
    }

    .slider-container.flex-has-template-columns-change-to--2-1>:nth-child(n) {
        flex-basis: auto;
    }

    .infinity-slider-has-grid-content .slider-container>div {
        padding-right: .5rem;
        padding-left: .5rem;
    }

    .infinity-slider-has-grid-content .slider-wrapper {
        width: 100%;
        padding: 0;
        overflow: hidden;
        padding-left: 1px;
        padding-right: 1px;
    }

    .slider .slider-elements {
        width: 100%;
        min-width: 100%;
        height: auto;
        margin: 0;
        box-sizing: content-box;
        padding: 2.5rem 0 1.5rem 0 !important;
    }

    .slider {
        width: 100%;
        max-width: none;
        margin: auto;
        overflow: hidden;
    }

    .slider .slider-container {
        margin: 0;
        padding: 0;
    }

    .slider.alignwide .slider-container {
        max-width: 100%;
    }

    .slider .slider-elements>.is-slider {
        display: flex;
        flex-wrap: nowrap !important;
        align-items: stretch;
        width: max-content;
        min-width: max-content !important;
        column-gap: 0;
    }

    .slider .slider-elements>:nth-child(n)>:nth-child(n) {
        height: auto;
        max-height: none;
    }

    .icon.pause {
        visibility: hidden;
        opacity: 0;
        z-index: 3;
        transition-duration: .4s;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .icon.pause.active {
        visibility: visible;
        opacity: 1;
    }

    .slider .parent-dots {
        margin: 0;
        padding: 2px 1rem;
        max-width: inherit;
        display: flex;
        align-items: center;
        justify-content: space-between;
        column-gap: 1rem;
        cursor: default;
    }

    .slider .parent-dots .dots-container {
        padding: 1rem;
        display: flex;
        column-gap: .5rem;
        justify-content: center;
        align-items: center;
    }

    .slider .parent-dots .slider-dot {
        width: .5rem;
        height: .5rem;
        cursor: pointer;
        background: #ccc;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
    }

    .welcome-our-team .slider .parent-dots .slider-dot {
        background: #fff;
    }

    .slider.infinity-slider-has-grid-content .parent-dots {
        margin: 0 auto 3.75rem;
    }

    .slider .parent-dots button {
        background: transparent;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    button.prev-slide {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

    .welcome-our-team .slider .parent-dots svg path {
        fill: #fff;
    }

    .slider .prev-slide.return {
        cursor: default;
    }

    .slider .prev-slide.return:hover svg path {
        fill: red;
    }

    .slider .prev-slide.return:hover svg rect {
        stroke: red;
    }

    .slider.infinity-slider-has-grid-content .parent-dots .slider-dot {
        background: #080807;
    }

    .slider.infinity-slider-has-grid-content .parent-dots button svg path {
        fill: #080807;
    }

    .slider.infinity-slider-has-grid-content .parent-dots button svg rect {
        stroke: #080807;
    }

    .has-bg-hero-recruiting .infinity-slider-has-grid-content .parent-dots .slider-dot {
        background: #fff;
    }

    .has-bg-hero-recruiting .infinity-slider-has-grid-content .parent-dots button svg path {
        fill: #fff;
    }

    .has-bg-hero-recruiting .infinity-slider-has-grid-content .parent-dots button svg rect {
        stroke: #fff;
    }

    .this-bottom-elements-container {
        padding-bottom: 4rem;
    }

    .service-slider .header-container {
        position: relative;
        justify-content: center;
        align-items: center;
    }

    .service-slider .header-container:hover .learn-more-btn,
    .service-slider .services-post .wp-block-image:hover .learn-more-btn {
        visibility: visible;
        opacity: 1;
    }

    .learn-more-btn .wp-block-button__link {
        background: transparent;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: .75rem;
    }

    .has-bg-call-to-action .wp-block-buttons>.wp-block-button {
        width: 100%;
    }

    .wp-block-buttons>.wp-block-button .wp-block-button__link,
    .wp-block-buttons>.wp-block-button,
    .hello .wp-block-buttons {
        max-width: none;
        width: 100%;
    }

    .show-pallets-count,
    .show-lifting-capacity {
        font-size: 24px !important;
    }

    .wp-block-cover.has-bg-call-to-action .wp-block-heading {
        font-size: 1.1rem;
    }

    .wp-block-jetpack-subscriptions.wp-block-jetpack-subscriptions__supports-newline:not(.wp-block-jetpack-subscriptions__use-newline) p#subscribe-submit {
        width: 100%;
    }

    .widget-area #block-5 .wp-container-core-group-is-layout-141 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    :root .wp-container-core-group-is-layout-164 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .block-contact-us-links .social-links.is-layout-grid.wp-block-group-is-layout-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media screen and (max-width: 376px) {
    :root .calculate-estimated-pallets :where(.wp-block-button .wp-block-button__link) {
        font-size: 10px;
    }
}