.section {
    padding: 48px 0;
}

.section.narrow {
    padding: 24px 0;
}

.section.white + .section.white,
.section.tint + .section.tint,
.section.dark + .section.dark {
    padding-top: 0;
}

.section.white {
    background: #fff;
}

.section.tint {
    background: #f7f7f7;
}

.section.dark {
    background: #212490;
}

.section.dark h1,
.section.dark h2,
.section.dark h3,
.section.dark h4,
.section.dark h5,
.section.dark h6,
.section.dark .h1,
.section.dark .h2,
.section.dark .h3,
.section.dark .h4,
.section.dark .h5,
.section.dark .h6,
.section.dark .subheading,
.section.dark p,
.section.dark ul,
.section.dark ol,
.section.dark a {
    color: #fff;
}

.section.dark .highlighted {
    color: #fff !important;
}



.section .container {
    width: 100%;
    max-width: 1336px;
    margin: 0 auto;
    padding: 0 48px;
}

.section .container.space-between {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.section .container.cols-50p {
    display: grid;
    gap: 48px;
    grid-template-columns: 1fr 1fr;
}

.section .container.cols-33p {
    display: grid;
    gap: 48px;
    grid-template-columns: 1fr 1fr 1fr;
}

.section .container.cols-25p {
    display: grid;
    gap: 48px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.section .container.cols-20p {
    display: grid;
    gap: 48px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.section .container.cols-80p-20p {
    display: grid;
    gap: 48px;
    grid-template-columns: 4fr 1fr;
}

.section .container.cols-70p-30p {
    display: grid;
    gap: 48px;
    grid-template-columns: 7fr 3fr;
}

.section .container.cols-66p-33p {
    display: grid;
    gap: 48px;
    grid-template-columns: calc(67% - 42px) calc(33% - 6px);
}

.section .container.cols-60p-40p {
    display: grid;
    gap: 48px;
    grid-template-columns: 3fr 2fr;
}

.section .container.cols-40p-60p {
    display: grid;
    gap: 48px;
    grid-template-columns: 2fr 3fr;
}

.section .container.cols-30p-70p {
    display: grid;
    gap: 48px;
    grid-template-columns: 3fr 7fr;
}

.section .container.cols-20p-80p {
    display: grid;
    gap: 48px;
    grid-template-columns: 1fr 4fr;
}

.section .container.col-70p {
    display: grid;
    grid-template-columns: 70% 1fr;
    gap: 0;
}

.section .container.col-50p {
    display: grid;
    grid-template-columns: 50% 1fr;
    gap: 0;
}

.section .container.col-45p {
    display: grid;
    grid-template-columns: 45% 1fr;
    gap: 0;
}

.section .container.col-70p-center {
    display: grid;
    grid-template-columns: 1fr 70% 1fr;
    gap: 0;
}

.section .container.col-50p-center {
    display: grid;
    grid-template-columns: 1fr 50% 1fr;
    gap: 0;
}

.section .container.col-45p-center {
    display: grid;
    grid-template-columns: 1fr 45% 1fr;
    gap: 0;
}

.section .container.col-45p-right {
    display: grid;
    grid-template-columns: 1fr 45%;
    gap: 0;
}

.section .container.col-70p-center .cell,
.section .container.col-50p-center .cell,
.section .container.col-45p-center .cell,
.section .container.col-45p-right .cell {
    grid-column: 2;
}

.section .container.intro {
    padding-bottom: 48px;
}

.section .container.outro {
    padding-top: 48px;
}

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

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

.section .container.vcenter {
    align-items: center;
}



.section .container .cell {
    display: block;
    max-width: 100%; /* Ensure it doesn't exceed parent width */
    min-width: 0; /* Prevent grid blowout */
}

.section .container .cell.center {
    text-align: center;
}

.section .container .cell.vcenter {
    display: flex;
    align-items: center;
}

.section .container .cell.right {
    text-align: right;
}

.section .container .cell.dark {
    padding: 48px;
    color: #fff;
    background: #212490;
}

.section .container .cell.image {
    text-align: center;
}

.section .container .cell.image.h420 {
    height: 420px;
}

.section .container .cell.image.h420 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section .container a.cell {
    text-decoration: none;
}



.section .container a.cell {
    transition: all 0.3s ease;
}

.section .container a.cell:hover {
    text-decoration: none;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transform: translateY(-3px);
}



.section .container .cell.transparent-white {
    padding: 36px;
    background: rgba(255, 255, 255, 0.9);
}

.section .container .cell.transparent-tint {
    padding: 36px;
    background: rgba(247, 247, 247, 0.9);
}

.section .container .cell.transparent-dark {
    padding: 36px;
    background: rgba(33, 36, 144, 0.9);
}

.section .container .cell.white {
    padding: 36px;
    background: #fff;
}

.section .container .cell.tint {
    padding: 36px;
    background: #f7f7f7;
}

.section .container .cell.dark {
    padding: 36px;
    background: #212490;
}

.section .container .cell.slanted {
    clip-path: polygon(
        0 0,
        100% 0,
        100% calc(100% - 50px),
        53% calc(100% - 50px),
        47% 100%,
        0 100%
    );
}

.section .container .cell.dark h1,
.section .container .cell.dark h2,
.section .container .cell.dark h3,
.section .container .cell.dark h4,
.section .container .cell.dark h5,
.section .container .cell.dark h6,
.section .container .cell.dark .h1,
.section .container .cell.dark .h2,
.section .container .cell.dark .h3,
.section .container .cell.dark .h4,
.section .container .cell.dark .h5,
.section .container .cell.dark .h6,
.section .container .cell.dark .subheading,
.section .container .cell.dark p,
.section .container .cell.dark ul,
.section .container .cell.dark ol,
.section .container .cell.dark a:not(.button),
.section .container .cell.transparent-dark h1,
.section .container .cell.transparent-dark h2,
.section .container .cell.transparent-dark h3,
.section .container .cell.transparent-dark h4,
.section .container .cell.transparent-dark h5,
.section .container .cell.transparent-dark h6,
.section .container .cell.transparent-dark .h1,
.section .container .cell.transparent-dark .h2,
.section .container .cell.transparent-dark .h3,
.section .container .cell.transparent-dark .h4,
.section .container .cell.transparent-dark .h5,
.section .container .cell.transparent-dark .h6,
.section .container .cell.transparent-dark .subheading,
.section .container .cell.transparent-dark p,
.section .container .cell.transparent-dark ul,
.section .container .cell.transparent-dark ol,
.section .container .cell.transparent-dark a {
    color: #fff;
}

.section .container .cell.dark a:not(.button):hover,
.section .container .cell.transparent-dark a:not(.button):hover {
    color: #eb6841;
}



.section.banner {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 470px;
    color: #fff;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.section.banner.content-top {
    align-items: flex-start;
}

.section.banner.content-bottom {
    align-items: flex-end;
}

.section.banner.padding-top {
    padding-top: 200px;
}

.section.banner .text-white h1,
.section.banner .text-white h2,
.section.banner .text-white h3,
.section.banner .text-white h4,
.section.banner .text-white h5,
.section.banner .text-white h6,
.section.banner .text-white .h1,
.section.banner .text-white .h2,
.section.banner .text-white .h3,
.section.banner .text-white .h4,
.section.banner .text-white .h5,
.section.banner .text-white .h6,
.section.banner .text-white .subheading,
.section.banner .text-white p,
.section.banner .text-white ul,
.section.banner .text-white ol {
    color: #fff;
}



.section.hero {
    position: relative;
    overflow: hidden;
    padding: 0;
}

.section.hero .container {
    padding-top: 320px;
    padding-bottom: 48px;
}

.section.hero .container .cell {
    position: relative;
    z-index: 10;
}

.section.hero .bg-hero-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.section.hero .bg-hero-slider .slick-list,
.section.hero .bg-hero-slider .slick-track {
    height: 100%;
}

.section.hero .bg-hero-slider .slick-slide {
    height: 100%;
    position: relative;
}

.section.hero img.bg-hero {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}



.section.full-image {
    padding: 0;
}

.section.full-image .container {
    max-width: 100%;
    padding: 0;
}

.section.full-image .container img {
    width: 100%;
}



.section.has-abs-image {
    position: relative;
}

.section.has-abs-image img.abs-image {
    position: absolute;
    bottom: -110px;
    right: 170px;
}



.section .container.bg-image {
    gap: 0 !important;
    max-width: 100%;
    padding: 0;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
}

.section .container.bg-image .cell {
    padding: 36px;
    border: 2px solid #fff;
}

.section .container.bg-image .cell:hover {
    background-color: #212490;
}

.section .container.bg-image h1,
.section .container.bg-image h2,
.section .container.bg-image h3,
.section .container.bg-image h4,
.section .container.bg-image h5,
.section .container.bg-image h6,
.section .container.bg-image .h1,
.section .container.bg-image .h2,
.section .container.bg-image .h3,
.section .container.bg-image .h4,
.section .container.bg-image .h5,
.section .container.bg-image .h6,
.section .container.bg-image .subheading,
.section .container.bg-image p,
.section .container.bg-image ul,
.section .container.bg-image ol {
    color: #fff;
}



.section .container.has-cell-bg-image {
    gap: 12px;
}

.section .container .cell.bg-image {
    padding: 300px 36px 36px 36px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.section .cell.bg-image h1,
.section .cell.bg-image h2,
.section .cell.bg-image h3,
.section .cell.bg-image h4,
.section .cell.bg-image h5,
.section .cell.bg-image h6,
.section .cell.bg-image .h1,
.section .cell.bg-image .h2,
.section .cell.bg-image .h3,
.section .cell.bg-image .h4,
.section .cell.bg-image .h5,
.section .cell.bg-image .h6,
.section .cell.bg-image .subheading,
.section .cell.bg-image p,
.section .cell.bg-image ul,
.section .cell.bg-image ol {
    color: #fff;
}



.container.text-blocks.text-blocks-border {
    gap: 12px;
}

.container.text-blocks.text-blocks-border .cell {
    padding: 36px;
    border: 2px solid #f7f7f7;
}



.icon-title {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 1.5rem;
}

.icon-title img {
    max-width: 64px;
    height: auto;
}

.icon-title h1,
.icon-title h2,
.icon-title h3,
.icon-title h4,
.icon-title h5,
.icon-title h6,
.icon-title .h1,
.icon-title .h2,
.icon-title .h3,
.icon-title .h4,
.icon-title .h5,
.icon-title .h6 {
    margin: 0;
}



.section .container.products.dark,
.section .container.products.tint,
.section .container.products.white {
    gap: 12px;
}

.section .container.products.dark .cell,
.section .container.products.tint .cell,
.section .container.products.white .cell {
    padding: 36px;
}

.section .container.products.dark .cell {
    background: #212490;
}

.section .container.products.tint .cell {
    background: #f7f7f7;
}

.section .container.products.white .cell {
    background: #fff;
}

.section .container.products .cell {
    display: flex !important; /* !important to override slick slider display:inline-block */
    gap: 24px;
    flex-direction: column;
    justify-content: space-between;
}

.section .container.cols-50p.products .cell {
    display: grid !important;
    gap: 24px;
    grid-template-columns: 1fr 1fr;
}

.section .container.products .product-images.product-images-tr {
    margin: -36px -36px 0 0;
}

.section .container.products .product-images.product-images-r {
    margin: -36px -36px -36px 0;
}

.section .container.products .product-images img {
    display: block;
    width: 100%;
}

.section .container.products .product-images img:not(:first-child) {
    display: none;
}

.section .container.products .product-images-col img {
    display: block;
    max-width: 100%;
    height: auto;
}



ul.breadcrumbs {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 0.875em;
}

ul.breadcrumbs li {
    display: inline-block;
}

ul.breadcrumbs li:not(:first-child):before {
    content: '>';
    position: relative;
    top: -1px;
    margin: 0 6px;
    font-size: 12px;
}

ul.breadcrumbs li a {
    color: #666;
}

ul.breadcrumbs li a:hover {
    color: #eb6841;
}



/* GRID SYSTEM */

.grid-cols {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 10px;
}

.grid-rows {
    display: grid;
    grid-template-rows: repeat(12, 1fr);
    gap: 10px;
}



.grid-cols .col-12 {
    grid-column: span 12;
}

.grid-cols .col-11 {
    grid-column: span 11;
}

.grid-cols .col-10 {
    grid-column: span 10;
}

.grid-cols .col-9 {
    grid-column: span 9;
}

.grid-cols .col-8 {
    grid-column: span 8;
}

.grid-cols .col-7 {
    grid-column: span 7;
}

.grid-cols .col-6 {
    grid-column: span 6;
}

.grid-cols .col-5 {
    grid-column: span 5;
}

.grid-cols .col-4 {
    grid-column: span 4;
}

.grid-cols .col-3 {
    grid-column: span 3;
}

.grid-cols .col-2 {
    grid-column: span 2;
}

.grid-cols .col-1 {
    grid-column: span 1;
}

.grid-rows .row-12 {
    grid-row: span 12;
}

.grid-rows .row-11 {
    grid-row: span 11;
}

.grid-rows .row-10 {
    grid-row: span 10;
}

.grid-rows .row-9 {
    grid-row: span 9;
}

.grid-rows .row-8 {
    grid-row: span 8;
}

.grid-rows .row-7 {
    grid-row: span 7;
}

.grid-rows .row-6 {
    grid-row: span 6;
}

.grid-rows .row-5 {
    grid-row: span 5;
}

.grid-rows .row-4 {
    grid-row: span 4;
}

.grid-rows .row-3 {
    grid-row: span 3;
}

.grid-rows .row-2 {
    grid-row: span 2;
}

.grid-rows .row-1 {
    grid-row: span 1;
}



.grid-cols .block {
    position: relative;
    padding: 36px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.grid-cols .block.text-bl {
    align-items: flex-end;
    justify-content: flex-start;
}

.grid-cols .block.text-center {
    align-items: center;
    justify-content: center;
    text-align: center;
}

.grid-cols > .block {
    min-height: 400px;
}

.grid-cols .block.bg-image {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.grid-cols .block.bg-image.h600 {
    min-height: 600px;
}

.grid-cols .block.bg-image.h400 {
    min-height: 400px;
}

.grid-cols a.block {
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.grid-cols a.block:hover {
    text-decoration: none;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transform: translateY(-3px);
}

.section .block.bg-image h1,
.section .block.bg-image h2,
.section .block.bg-image h3,
.section .block.bg-image h4,
.section .block.bg-image h5,
.section .block.bg-image h6,
.section .block.bg-image .h1,
.section .block.bg-image .h2,
.section .block.bg-image .h3,
.section .block.bg-image .h4,
.section .block.bg-image .h5,
.section .block.bg-image .h6,
.section .block.bg-image .subheading,
.section .block.bg-image p,
.section .block.bg-image ul,
.section .block.bg-image ol {
    color: #fff;
}

.section .block .label-tl {
    position: absolute;
    top: 36px;
    left: 36px;
}

.section .block .label-tr {
    position: absolute;
    top: 36px;
    right: 36px;
}



/* SLIDER BUTTONS */

.container.text-blocks.text-blocks-slider,
.container.products.products-slider,
.container.slider-mobile {
    position: relative;
}

.container.text-blocks.text-blocks-slider .slick-prev,
.container.text-blocks.text-blocks-slider .slick-next,
.container.products.products-slider .slick-prev,
.container.products.products-slider .slick-next,
.container.slider-mobile .slick-prev,
.container.slider-mobile .slick-next {
    position: absolute;
    top: 50%;
    z-index: 100;
    display: inline-block;
    margin-top: -24px;
    padding: 12px;
    font-family: HKGrotesk-Regular;
    font-size: 1rem;
    color: #fff;
    background: #eb6841;
    border: 0;
    text-decoration: none;
    transition: all 0.3s ease;
    cursor: pointer;
}

.container.text-blocks.text-blocks-slider .slick-prev,
.container.products.products-slider .slick-prev,
.container.slider-mobile .slick-prev {
    left: 0;
}

.container.text-blocks.text-blocks-slider .slick-next,
.container.products.products-slider .slick-next,
.container.slider-mobile .slick-next {
    right: 0;
}

.container.text-blocks.text-blocks-slider .slick-prev:hover,
.container.text-blocks.text-blocks-slider .slick-next:hover,
.container.products.products-slider .slick-prev:hover,
.container.products.products-slider .slick-next:hover,
.container.slider-mobile .slick-prev:hover,
.container.slider-mobile .slick-next:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transform: translateY(-3px);
}

.container.text-blocks.text-blocks-slider .slick-prev.slick-disabled,
.container.text-blocks.text-blocks-slider .slick-next.slick-disabled,
.container.products.products-slider .slick-prev.slick-disabled,
.container.products.products-slider .slick-next.slick-disabled,
.container.slider-mobile .slick-prev.slick-disabled,
.container.slider-mobile .slick-next.slick-disabled {
    background: #f7f7f7;
    cursor: default;
}

/* Make all slides have the same height */
.container.text-blocks.text-blocks-slider .slick-track,
.container.products.products-slider .slick-track,
.container.slider-mobile .slick-track {
    display: flex;
    align-items: stretch;
    gap: 12px;
}

.container.text-blocks.text-blocks-slider .slick-slide,
.container.products.products-slider .slick-track,
.container.slider-mobile .slick-track {
    height: auto;
    /*padding: 0 6px;*/
}

.container.text-blocks.text-blocks-slider .slick-slide > div,
.container.text-blocks.text-blocks-slider .slick-slide > div > .cell,
.container.products.products-slider .slick-slide > div,
.container.products.products-slider .slick-slide > div > .cell,
.container.products.product-galery .slick-slide > div,
.container.products.product-galery .slick-slide > div > .cell {
    height: 100%;
}



.pagination {
    padding-top: 48px;
    border-top: 1px solid #dee2e6;
}

.pagination a.page-no {
    display: inline-block;
    margin-left: 6px;
    padding: 12px 24px;
    color: #666;
    background: #f2f2f2;
    text-decoration: none;
    transition: all 0.3s ease;
}

.pagination a.page-no:first-child {
    margin-left: 0;
}

.pagination a.page-no.current {
    color: #fff;
    background: #eb6841;
}

.pagination a.page-no:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transform: translateY(-3px);
}



.icon18 {
    display: inline-block;
    width: 18px;
    margin-right: 0.25rem;
}

.icon24 {
    display: inline-block;
    width: 24px;
    margin-right: 0.25rem;
}

.icon28 {
    display: inline-block;
    width: 28px;
    margin-right: 0.25rem;
}

.icon18 img,
.icon24 img,
.icon28 img {
    vertical-align: middle;
}

.icon18 svg,
.icon24 svg,
.icon28 svg {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    fill: currentColor;
}

.has-icon24 {
    display: grid;
    gap: 6px;
    grid-template-columns: calc(24px) calc(100% - 24px - 6px);
}

.has-icon24 .icon24 {
    margin-right: 0;
}



.counties-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 60px;
    row-gap: 30px;
}

.counties-grid a {
    display: block;
    padding-bottom: 16px;
    font-family: HKGrotesk-Bold;
    font-size: 1.25rem;
    color: #212490;
    text-decoration: none;
    border-bottom: 3px solid #212490;
}

.counties-grid a:hover {
    color: #eb6841;
}



.vendors-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}

.vendors-grid .vendor {
    padding: 24px;
    border-bottom: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
}

/* styles for last row elements */
.vendors-grid .vendor:nth-child(3n+1):nth-last-child(-n+3),
.vendors-grid .vendor:nth-child(3n+1):nth-last-child(-n+3) ~ .vendor {
    border-bottom: none;
}

/* styles for the last elements in the row  */
.vendors-grid .vendor:nth-child(3n) {
    border-right: none;
}

.vendors-grid .vendor a {
    color: #212490;
}



.colors-grid {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 24px;
}



.reference-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.product-gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.reference-gallery a,
.product-gallery a {
    display: block;
    transition: all 0.3s ease;
}

.reference-gallery a:hover,
.product-gallery a:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transform: translateY(-3px);
}

.reference-gallery a img,
.product-gallery a img {
    display: block;
    width: 100%;
}



/* :REMOVE:
.contacts-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.contacts-grid .contact {
    padding: 24px;
    color: #666;
    background: #fff;
    border-radius: 4px;
    text-align: center;
}

.contacts-grid .contact h1,
.contacts-grid .contact h2,
.contacts-grid .contact h3,
.contacts-grid .contact h4,
.contacts-grid .contact h5,
.contacts-grid .contact h6 {
    color: #212490;
}

.contacts-grid .contact p,
.contacts-grid .contact ul,
.contacts-grid .contact ul {
    color: #666;
}

.contacts-grid .contact img {
    display: block;
    max-width: 80%;
    margin: 0 auto;
}
*/



/* :REMOVE:
.section.map {
    padding: 0;
}

.section.map div {
    display: block;
    width: 100%;
    height: 400px;
    margin: 0 auto;
}

.section.map div iframe {
    width: 100%;
    height: 100%;
    border: none;
}
*/

.section.map-right {
    position: relative;
}

.section.map-right iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    border: 0;
}


.glossary h2 {
    padding: 6px 12px;
    color: #fff;
    background: #212490;
}



form.quotation .step:not(:first-child) {
    margin-top: 48px;
}

form.quotation .form-row {
    margin-top: 24px;
}

form.quotation .form-row:first-child,
form.quotation h3 + .form-row {
    margin-top: 0;
}

form.quotation .form-row.cols-50p {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

form.quotation .form-submit {
    margin-top: 48px;
    text-align: center;
}

form.quotation label {
    display: block;
}

form.quotation label.required:after {
    content: "*";
    color: #e53935;
    margin-left: 4px;
}

form.quotation input[type=text],
form.quotation input[type=email],
form.quotation input[type=tel],
form.quotation input[type=url],
form.quotation textarea {
    width: 100%;
    padding: 12px;
    /*font-size: inherit;*/
    font-family: inherit;
    color: inherit;
    border: 1px solid #dee2e6;
    background: #fff;
}

form.quotation select {
    width: 100%;
    padding: 12px;
    /*font-size: inherit;*/
    font-family: inherit;
    color: inherit;
    border: 1px solid #dee2e6;
    background-color: #fff;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
    padding-right: 40px;
}

form.quotation input:focus,
form.quotation textarea:focus,
form.quotation select:focus {
    border-color: #2196F3;
    box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.25);
    outline: none;
}

form.quotation input.invalid,
form.quotation textarea.invalid {
    background-color: #fff8f8;
    border-color: #dc3545;
    box-shadow: none;
}

form.quotation input.invalid:focus,
form.quotation textarea.invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

form.quotation .radio-image-group.invalid-group {
    padding: 12px;
    background-color: #fff8f8;
    border: 1px solid #dc3545;
    border-radius: 4px;
}

form.quotation .form-messages {
    display: none;
    margin: 1rem 0;
    padding: 1rem;
    border-radius: 4px;
}

form.quotation .form-messages.success {
    display: block;
    color: #2E7D32;
    background: #E8F5E9;
    border: 1px solid #A5D6A7;
}

form.quotation .form-messages.error {
    display: block;
    color: #dc3545;
    background: #fff8f8;
    border: 1px solid #dc3545;
    animation: fadeIn 0.3s ease-in;
}

form.quotation .error-message {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.875rem;
    color: #dc3545;
    animation: fadeIn 0.2s ease-in;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.form-radio-options {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.form-radio-options label {
    position: relative;
    cursor: pointer;
}

.form-radio-options input[type='radio'] {
    position: absolute;
    opacity: 0;
}

.form-radio-options .form-radio-desc {
    height: 100%;
    padding: 24px;
    background: #fff;
    border: 2px solid #dee2e6;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.form-radio-options input[type='radio']:checked + .form-radio-desc {
    background: #f7f7f7;
    border-color: #212490;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-radio-options .form-radio-desc img {
    display: block;
    width: 100%;
    height: auto;
}

.form-radio-options .form-radio-desc img + p {
    margin-top: 12px;
}

form.quotation label.form-checkbox {
    display: grid;
    gap: 0px;
    grid-template-columns: 24px calc(100% - 36px);
}



.table-wrapper {
    position: relative;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS devices */
}

.table-wrapper table {
    width: 100%;
}

.table-wrapper table.nowrap {
    white-space: nowrap;
}



header.section {
    position: relative;
    z-index: 100;
    padding: 24px 0;
    border-bottom: 1px solid #dee2e6;
}

header.section .top-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: calc(var(--neva-font-size-base) * 0.9);
}

header.section .top-nav .icon24 {
    display: inline-block;
    margin: 0 0 0 24px;
}

header.section .top-nav ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

header.section .top-nav ul li {
    display: inline-block;
    margin: 0 0 0 6px;
}

header.section .top-nav ul li a {
    color: #666;
    text-decoration: none;
}

header.section .top-nav ul li a:hover {
    color: #eb6841;
}

header.section .top-nav ul li a.wpml-ls-current-language {
    color: #212490;
}



header.section .header-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

header.section .header-wrapper .logo {
    display: block;
    width: 180px;
}



/* Mobile menu close button */
header.section .header-wrapper .mobile-menu-close {
    display: none;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    padding: 10px;
    font-size: 20px;
    color: #fff;
}

header.section .header-wrapper .mobile-menu-close:hover {
    color: #000;
}

header.section .header-wrapper ul.main-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

header.section .header-wrapper ul.main-nav > li {
    display: inline-block;
    position: relative;
    margin-left: 18px;
}

header.section .header-wrapper ul.main-nav > li:first-child {
    margin-left: 0;
}

header.section .header-wrapper ul.main-nav a {
    display: block;
    font-family: HKGrotesk-Bold;
    font-size: calc(var(--neva-font-size-base) * 0.9);
    text-transform: uppercase;
    color: #212490;
    text-decoration: none;
}

header.section .header-wrapper ul.main-nav a:hover {
    color: #eb6841;
}

/* Submenu styling */
header.section .header-wrapper ul.main-nav ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 200px;
    padding: 0;
    background: white;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* Show submenu on hover */
header.section .header-wrapper ul.main-nav li:hover > ul {
    display: block;
}

/* Submenu items */
header.section .header-wrapper ul.main-nav ul li {
    display: block;
    margin: 0;
    width: 100%;
}

/* Submenu links */
header.section .header-wrapper ul.main-nav ul a {
    padding: 12px 24px;
    border-bottom: 1px solid #eee;
}

/* Last submenu item */
header.section .header-wrapper ul.main-nav ul li:last-child a {
    border-bottom: none;
}

/* Mobile menu toggle button */
header.section .header-wrapper .mobile-menu-toggle {
    display: none;
    font-size: 32px;
    color: #212490;
    cursor: pointer;
}

/* Add arrow for items with submenu */
header.section .header-wrapper ul.main-nav > li:has(> ul) > a:after {
    content: '\f107';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    margin-left: 8px;
}

@media screen and (max-width: 1270px) and (min-width: 992px) {
    header.section .header-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    header.section .header-wrapper ul.main-nav a {
        font-size: calc(var(--neva-font-size-base) * 0.8);
    }
}

/* Mobile styles */
@media screen and (max-width: 991px) {

    header.section .header-wrapper .mobile-menu-toggle {
        display: block;
    }

    header.section .header-wrapper .mobile-menu-close {
        display: block;
    }

    header.section .header-wrapper .main-nav-wrapper {
        position: fixed;
        top: 0;
        left: -324px;
        width: 300px;
        height: 100%;
        padding: 72px 24px 24px 24px;
        color: #fff;
        background: rgba(33, 36, 144, 0.95);
        box-shadow: 2px 0 5px rgba(0,0,0,0.1);
        transition: left 0.3s ease;
        z-index: 999;
        overflow-y: auto;
    }

    header.section .header-wrapper ul.main-nav a {
        padding: 6px 0;
        color: #fff;
    }

    header.section .header-wrapper .main-nav-wrapper.active {
        left: 0;
    }

    header.section .header-wrapper ul.main-nav > li {
        display: block;
        margin: 0;
        width: 100%;
    }

    header.section .header-wrapper ul.main-nav ul {
        display: none;
        position: static;
        box-shadow: none;
        width: 100%;
        padding-left: 24px;
        background: transparent;
    }

    header.section .header-wrapper ul.main-nav ul a {
        padding: 6px 0;
        border: none;
    }

    header.section .header-wrapper ul.main-nav li:hover > ul {
        display: none; /* Disable hover on mobile */
    }

    header.section .header-wrapper ul.main-nav li.active > ul {
        display: block;
    }

    /* Add arrow for items with submenu */
    header.section .header-wrapper ul.main-nav > li.active > a:after {
        content: '\f106';
    }



    header.section .top-nav-mobile {
        margin-top: 24px;
        padding-top: 24px;
        border-top: 1px solid rgba(255, 255, 255, 0.75);
    }

    header.section .top-nav-mobile .header-link {
        display: block;
        font-family: HKGrotesk-Bold;
        font-size: calc(var(--neva-font-size-base) * 0.9);
        text-transform: uppercase;
        text-decoration: none;
        color: #fff;
    }

    header.section .top-nav-mobile .header-link:hover {
        color: #eb6841;
    }

    header.section .top-nav-mobile .lang-nav {
        margin-top: 24px;
        padding-top: 24px;
        border-top: 1px solid rgba(255, 255, 255, 0.75);
    }

    header.section .top-nav-mobile .lang-nav ul {
        display: inline-block;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    header.section .top-nav-mobile .lang-nav ul li {
        display: inline-block;
        margin: 0 0 0 6px;
    }

    header.section .top-nav-mobile .lang-nav ul li:first-child {
        margin-left: 0;
    }

    header.section .top-nav-mobile .lang-nav ul li a {
        color: #fff;
        text-decoration: none;
    }

    header.section .top-nav-mobile .lang-nav ul li a:hover {
        color: #eb6841;
    }

    header.section .top-nav-mobile .lang-nav ul li a.wpml-ls-current-language {
        color: #fff;
        text-decoration: underline;
    }

}

@media screen and (max-width: 768px) {
    header.section .header-wrapper {
        align-items: flex-start;
    }
}



.footer-menu a {
    display: inline-block;
    font-family: HKGrotesk-Medium;
    color: #666;
    text-decoration: none;
}

.footer-menu a:first-child {
    margin-bottom: 12px;
    color: #212490;
    text-transform: uppercase;
}

.footer-menu a:hover {
    color: #eb6841;
}

.footer-social a {
    text-decoration: none;
}



.back-to-top {
    position: fixed;
    right: 24px;
    bottom: 24px;
    padding: 12px;
    background: #212490;
    border-radius: 30px;
    opacity: 0.75;
    transition: all 0.3s ease;
}

.back-to-top:hover {
    opacity: 1;
}

.back-to-top img {
    display: block;
}



@media (max-width: 991px) {

    .section .container.cols-50p {
        /*grid-template-columns: 1fr 1fr;*/
    }

    .section .container.cols-33p {
        grid-template-columns: 1fr 1fr;
    }

    .section .container.cols-33p.glossary {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .section .container.cols-25p {
        grid-template-columns: 1fr 1fr;
    }

    .section .container.cols-20p {
        grid-template-columns: 1fr 1fr;
    }

    .section .container.cols-20p.bg-image {
        grid-template-columns: 1fr;
    }

    .section .container.cols-80p-20p {
        /*grid-template-columns: 4fr 1fr;*/
    }

    .section .container.cols-70p-30p {
        /*grid-template-columns: 7fr 3fr;*/
    }

    .section .container.cols-66p-33p {
        /*grid-template-columns: calc(67% - 42px) calc(33% - 6px);*/
    }

    .section .container.cols-60p-40p {
        /*grid-template-columns: 3fr 2fr;*/
    }

    .section .container.cols-40p-60p {
        /*grid-template-columns: 2fr 3fr;*/
    }

    .section .container.cols-30p-70p {
        /*grid-template-columns: 3fr 7fr;*/
    }

    .section .container.cols-20p-80p {
        /*grid-template-columns: 1fr 4fr;*/
    }

    .section .container.col-70p,
    .section .container.col-50p,
    .section .container.col-45p,
    .section .container.col-70p-center,
    .section .container.col-50p-center,
    .section .container.col-45p-center,
    .section .container.col-45p-right {
        grid-template-columns: 1fr;
    }

    .section .container.col-70p-center .cell,
    .section .container.col-50p-center .cell,
    .section .container.col-45p-center .cell,
    .section .container.col-45p-right .cell {
        grid-column: 1;
    }



    .section .container .cell.image.h420 {
        height: 370px;
    }



    .section.banner {
        min-height: 420px;
    }

    .section.banner.padding-top {
        padding-top: 150px;
    }



    .section.hero .container {
        padding-top: 200px;
    }



    .section.has-abs-image img.abs-image {
        display: none;
    }



    .section .container .cell.bg-image {
        padding-top: 200px;
    }

    .container.text-blocks-border .cell:last-child:nth-child(odd),
    .container.has-cell-bg-image .cell:last-child:nth-child(odd) {
        grid-column: span 2;
    }



    .section .container.cols-50p.products {
        grid-template-columns: 1fr;
    }



    .section .container.cols-50p .cell .alignleft,
    .section .container.cols-50p .cell .alignright {
        display: block;
        float: none;
        margin: 24px 0;
    }



    .section .block .label-tl,
    .section .block .label-tr {
        position: static;
    }



    .counties-grid {
        column-gap: 30px;
    }



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



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



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



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



    /* GRID SYSTEM */

    .grid-cols .col-12,
    .grid-cols .col-11,
    .grid-cols .col-10,
    .grid-cols .col-9,
    .grid-cols .col-8,
    .grid-cols .col-7 {
        grid-column: span 12;
    }

    .grid-cols .col-6,
    .grid-cols .col-5,
    .grid-cols .col-4,
    .grid-cols .col-3,
    .grid-cols .col-2,
    .grid-cols .col-1 {
        grid-column: span 6;
    }

    .grid-cols .col-11 + .col-1,
    .grid-cols .col-10 + .col-2,
    .grid-cols .col-9 + .col-3,
    .grid-cols .col-8 + .col-4,
    .grid-cols .col-7 + .col-5,
    .grid-cols .col-6:last-child:nth-child(odd),
    .grid-cols .col-5:last-child:nth-child(odd),
    .grid-cols .col-4:last-child:nth-child(odd),
    .grid-cols .col-3:last-child:nth-child(odd),
    .grid-cols .col-2:last-child:nth-child(odd),
    .grid-cols .col-1:last-child:nth-child(odd) {
        grid-column: span 12;
    }

    .grid-cols > .block {
        min-height: 350px;
    }

    .grid-cols .block.bg-image.h600 {
        min-height: 350px;
    }

    .grid-cols .block.bg-image.h400 {
        min-height: 350px;
    }

    .grid-cols .col-6:last-child:nth-child(odd).grid-rows > .block,
    .grid-cols .col-5:last-child:nth-child(odd).grid-rows > .block,
    .grid-cols .col-4:last-child:nth-child(odd).grid-rows > .block,
    .grid-cols .col-3:last-child:nth-child(odd).grid-rows > .block,
    .grid-cols .col-2:last-child:nth-child(odd).grid-rows > .block,
    .grid-cols .col-1:last-child:nth-child(odd).grid-rows > .block {
        min-height: 150px;
    }

}



@media (max-width: 768px) {

    .section {
        padding: 36px 0;
    }



    .section .container {
        padding: 0 36px;
    }



    .section .container.cols-50p,
    .section .container.cols-33p,
    .section .container.cols-33p.glossary,
    .section .container.cols-25p,
    .section .container.cols-20p,
    .section .container.cols-80p-20p,
    .section .container.cols-70p-30p,
    .section .container.cols-66p-33p,
    .section .container.cols-60p-40p,
    .section .container.cols-40p-60p,
    .section .container.cols-30p-70p,
    .section .container.cols-20p-80p {
        gap: 36px;
        grid-template-columns: 1fr;
    }



    .section .container.intro {
        padding-bottom: 36px;
    }

    .section .container.outro {
        padding-top: 36px;
    }



    .section .container .cell.center-mobile {
        text-align: center;
    }

    .section .container .cell.left-mobile {
        text-align: left;
    }

    .section .container .cell.dark {
        padding: 36px;
    }

    .section .container .cell.image.h420 {
        height: 320px;
    }



    .section.banner {
        min-height: 370px;
    }

    .section.banner.padding-top {
        padding-top: 100px;
    }



    .section.hero .container {
        padding-top: 150px;
        padding-bottom: 36px;
    }



    .section .container .cell.separator-mobile:not(:first-child) {
        padding-top: 36px;
        border-top: 3px solid #dee2e6;
    }

    .section .container .cell.bg-image {
        padding-top: 36px;
        padding-bottom: 150px;
    }

    .container.text-blocks-border .cell:last-child:nth-child(odd),
    .container.has-cell-bg-image .cell:last-child:nth-child(odd) {
        grid-column: span 1;
    }



    .section .container .cell.slanted {
        clip-path: none;
    }



    .pagination a.page-no {
        padding: 12px 18px;
    }



    .counties-grid {
        grid-template-columns: 1fr 1fr;
    }



    .vendors-grid {
        grid-template-columns: 1fr;
    }

    .vendors-grid .vendor {
        padding: 24px;
        border-right: none;
    }

    /* styles for last row elements */
    .vendors-grid .vendor:nth-child(3n+1):nth-last-child(-n+3),
    .vendors-grid .vendor:nth-child(3n+1):nth-last-child(-n+3) ~ .vendor {
        border-bottom: 1px solid #dee2e6;
    }

    .vendors-grid .vendor:last-child {
        border-bottom: 0 !important;
    }



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



    .reference-gallery,
    .product-gallery {
        grid-template-columns: 1fr;
    }



    /* :REMOVE:
    .contacts-grid {
        grid-template-columns: 1fr;
    }
    */



    .form-radio-options {
        grid-template-columns: 1fr;
    }

    form.quotation .form-row.cols-50p {
        grid-template-columns: 1fr;
    }


    .section.map-right iframe {
        position: static;
        width: 100%;
        height: 400px;
        display: block;
        margin: 36px 0 -36px 0;
    }



    .section .container.cols-50p.products .cell {
        grid-template-columns: 1fr;
    }

    .section .container.products .product-images.product-images-r {
        margin-top: 0;
    }



    ul.breadcrumbs li {
        display: none;
    }

    ul.breadcrumbs li:nth-last-child(1),
    ul.breadcrumbs li:nth-last-child(2) {
        display: inline-block;
    }

    ul.breadcrumbs li:nth-last-child(2):before {
        content: '... >';
        margin-left: 0;
    }



    .section .container a.cell:hover,
    .grid-cols a.block:hover,
    .container.text-blocks.text-blocks-slider .slick-prev:hover,
    .container.text-blocks.text-blocks-slider .slick-next:hover,
    .container.products.products-slider .slick-prev:hover,
    .container.products.products-slider .slick-next:hover,
    .container.slider-mobile .slick-prev:hover,
    .container.slider-mobile .slick-next:hover,
    .pagination a.page-no:hover,
    .reference-gallery a:hover,
    .product-gallery a:hover {
        box-shadow: none;
        transform: none;
    }



    /* GRID SYSTEM */

    .grid-cols .col-12,
    .grid-cols .col-11,
    .grid-cols .col-10,
    .grid-cols .col-9,
    .grid-cols .col-8,
    .grid-cols .col-7,
    .grid-cols .col-6,
    .grid-cols .col-5,
    .grid-cols .col-4,
    .grid-cols .col-3,
    .grid-cols .col-2,
    .grid-cols .col-1 {
        grid-column: span 12;
    }

    .grid-rows {
        grid-template-rows: auto;
    }

    .grid-rows [class*='row-'] {
        grid-row: auto;
    }

    .grid-cols > .block,
    .grid-rows > .block,
    .grid-cols .col-6:last-child:nth-child(odd).grid-rows > .block,
    .grid-cols .col-5:last-child:nth-child(odd).grid-rows > .block,
    .grid-cols .col-4:last-child:nth-child(odd).grid-rows > .block,
    .grid-cols .col-3:last-child:nth-child(odd).grid-rows > .block,
    .grid-cols .col-2:last-child:nth-child(odd).grid-rows > .block,
    .grid-cols .col-1:last-child:nth-child(odd).grid-rows > .block {
        min-height: 300px;
    }

    .grid-cols .block.bg-image.h600 {
        min-height: 300px;
    }

    .grid-cols .block.bg-image.h400 {
        min-height: 300px;
    }
}



/* SEARCH */

header.section .top-nav .search-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 24px;
    color: #666;
    transition: color 0.3s ease;
    cursor: pointer;
}

header.section .top-nav .search-toggle:hover {
    color: #eb6841;
}

header.section .top-nav .search-toggle i {
    font-size: 20px;
}

header.section .top-nav-mobile .mobile-search-section {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.75);
}

header.section .top-nav-mobile .mobile-search-form {
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    padding: 2px;
}

header.section .top-nav-mobile .mobile-search-form .search-field {
    flex: 1;
    background: transparent;
    border: none;
    color: #fff;
    font-size: 14px;
    padding: 8px 12px;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
}

header.section .top-nav-mobile .mobile-search-form .search-field::-webkit-search-cancel-button {
    display: none;
}

header.section .top-nav-mobile .mobile-search-form .search-field::placeholder {
    color: rgba(255, 255, 255, 0.6);
}

header.section .top-nav-mobile .mobile-search-form .search-submit {
    position: static;
    transform: none;
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: #fff;
    padding: 8px 12px;
    border-radius: 2px;
    cursor: pointer;
    transition: background 0.3s ease;
}

header.section .top-nav-mobile .mobile-search-form .search-submit:hover {
    background: rgba(255, 255, 255, 0.3);
}

header.section .top-nav-mobile .mobile-search-form .search-submit i {
    font-size: 12px;
}

.search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(33, 36, 144, 0.95);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.search-overlay.active {
    opacity: 1;
    visibility: visible;
}

.search-overlay-content {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.search-close {
    position: absolute;
    top: 48px;
    right: 48px;
    cursor: pointer;
    color: #fff;
    font-size: 24px;
    transition: opacity 0.3s ease;
}

.search-close:hover {
    opacity: 0.7;
}

.search-overlay .search-form-wrapper {
    width: 100%;
    max-width: 600px;
    padding: 0 48px;
}

.search-overlay .search-form {
    position: relative;
    display: flex;
    align-items: center;
}

.search-overlay .search-field {
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: 2px solid rgba(255, 255, 255, 0.3);
    color: #fff;
    font-size: 24px;
    padding: 16px 60px 16px 0;
    outline: none;
    transition: border-color 0.3s ease;
    -webkit-appearance: none;
    appearance: none;
}

.search-overlay .search-field:focus {
    border-bottom-color: #fff;
}

.search-overlay .search-field::placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.search-overlay .search-submit {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    padding: 8px;
    transition: opacity 0.3s ease;
}

.search-overlay .search-submit:hover {
    opacity: 0.7;
}

@media screen and (max-width: 991px) {
    .search-overlay {
        display: none !important;
    }
}

.results-search-form {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    max-width: 408px;
    margin: 24px auto 0;
}

.results-search-form input[type=search] {
    flex: 1 1 0;
    padding: 14px 14px 15px 14px;
    /*font-size: inherit;*/
    font-family: inherit;
    color: inherit;
    border: 1px solid #dee2e6;
    background: #fff;
}

.results-search-form input[type=submit].button {
    margin-top: 0
}