/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*** CUSTOM UPLOADED FONTS 
* Remove the @font-face block below if you're loading Adobe Type Kit.
***/

@font-face {
    font-family: 'neo-sans-pro-medium'; 
    src: url('https://39507543.fs1.hubspotusercontent-na1.net/hubfs/39507543/fonts/neo-sans-pro-medium.eot?') format('eot'), url('https://39507543.fs1.hubspotusercontent-na1.net/hubfs/39507543/fonts/neo-sans-pro-medium.woff') format('woff'), url('https://39507543.fs1.hubspotusercontent-na1.net/hubfs/39507543/fonts/neo-sans-pro-medium.ttf')') format('truetype');
}


/*** FONTS FOR EASY COPY & PASTE 
* 
* Add Name of Your Fonts Here
* 
* ***/


/******  WEBSITE HEADINGS ******/
h1 {font-family: 'neo-sans-pro-medium', sans-serif !important;}
h2 {font-family: 'neo-sans-pro-medium', sans-serif !important;}
h3 {font-family: 'neo-sans-pro-medium', sans-serif !important;}
h4 {font-family: 'neo-sans-pro-medium', sans-serif !important;}
h5 {font-family: 'neo-sans-pro-medium', sans-serif !important;}
h6 {font-family: 'neo-sans-pro-medium', sans-serif !important;}

/****** PARAGRAPHS AND LISTS ******/

/*p {font-family: 'Font-Name', sans-serif !important;} */
code {font-family: 'Font-Name', sans-serif !important;} */
li, ol {font-family: 'Font-Name', sans-serif !important;}
blockquote {font-family: 'Font-Name', sans-serif !important;}


/******  BLOG HEADINGS ******/
h1.blog-post__title {font-family: 'neo-sans-pro-medium', sans-serif !important;}
.blog-post h2 {font-family: 'neo-sans-pro-medium', sans-serif !important;}
.blog-post h3 {font-family: 'neo-sans-pro-medium', sans-serif !important;}
.blog-post h4 {font-family: 'neo-sans-pro-medium', sans-serif !important;}
.blog-post h5 {font-family: 'neo-sans-pro-medium', sans-serif !important;}
.blog-post h6 {font-family: 'neo-sans-pro-medium', sans-serif !important;}

/****** BLOG PARAGRAPHS AND LISTS ******/

#comments-listing .comment-body p,
.blog-post p,
.blog-post span {font-family: 'neo-sans-pro-medium', sans-serif !important;}
.blog-post li, .blog-post ol {font-family: 'neo-sans-pro-medium', sans-serif !important;}


/****** CALLS TO ACTION ******/

.cta-primary,
.cta-primary:active,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary 
{font-family: 'neo-sans-pro-medium', sans-serif !important;}

.cta-secondary,
.cta-secondary:active,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary
{font-family: 'neo-sans-pro-medium', sans-serif !important;}

.cta-tertiary,
.cta-tertiary:active,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary
{font-family: 'neo-sans-pro-medium', sans-serif !important;}


/****** FORM ELEMENTS ******/

.hs-button,
.button--primary {font-family: 'neo-sans-pro-medium', sans-serif !important;}

.submit-alt .hs-button,
.submit-alt .button--primary {font-family: 'neo-sans-pro-medium', sans-serif !important;}

.hs-input[type=file] {background-color: #d5cfc9;}

#hs_cos_wrapper_widget_1706107798170_ .hs_submit {text-align: center!important;}

/* INPUT TEXT FIELD */

form,
.submitted-message,
select,
.hs-input {font-family: 'neo-sans-pro-medium', sans-serif !important;}

/* FORM LABEL */

.hs-fieldtype-checkbox > label,
.hs-form label {font-family: 'neo-sans-pro-medium', sans-serif !important;}

/* CHECKBOX AND RADIO BUTTONS */

.hs_radio_buttons .hs-form-radio label,
.hs_single_checkbox label,
.hs-form label.hs-form-radio-display span,
.hs-fieldtype-checkbox .hs-form-checkbox label,
.hs-form-booleancheckbox label 
{font-family: 'neo-sans-pro-medium', sans-serif !important;}

/* HELP TEXT */

.hs-form legend {font-family: 'neo-sans-pro-medium', sans-serif !important;}

/* GDPR TEXT */

.legal-consent-container,
.legal-consent-container p {font-family: 'neo-sans-pro-medium', sans-serif !important;}

/* ERROR MESSAGE */

.hs-error-msgs label {font-family: 'neo-sans-pro-medium', sans-serif !important;}
.hbspt-form {
    display: none !important;
}

/* HEADER */

.hhs-lang-switch .lang_list_class li a,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
    font-family: 'neo-sans-pro-medium', sans-serif !important;

}

.hhs-side-menu .hhs-side-menu__mobile li a , .hhs-side-menu ul {
    font-family: 'neo-sans-pro-medium', sans-serif !important;
}

/* FOOTER  */

.hhs-foot-rss h5, .hhs-foot-nav-col h5 {
    font-family: 'neo-sans-pro-medium', sans-serif !important;
}

.hhs-foot-nav-col .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    font-family: 'neo-sans-pro-medium', sans-serif !important;
}

.hhs-social-con {
    text-align: left;
}

@media (max-width: 569px) {
    .hhs-social-con {
        text-align: center!important;
    }
}

/*html */
/*h1 {
padding-top: 20px;
}*/

html
{
    scroll-snap-type: y mandatory;
    scroll-snap-stop: always;
}
/*
.row-fluid-wrapper {
scroll-snap-align: start;
}
*/
/*
.snap-jk {
scroll-snap-type: y mandatory;
scroll-snap-stop: always;
}
*/
.snap-section-jk {
    scroll-snap-align: start;
    /*  height: 75vh; */
}
#home-section-1 {
    height: 75vh;
}
#home-section-3 {
    height:75vh;
}
#home-section-4 {
    height:75vh;
}
.snap-section-footer {
    scroll-snap-align: start;
    height: 35vh;
}
#main-content > main > div > div > div > div > div.row-fluid-wrapper.row-depth-1.row-number-5.dnd_area-row-2-force-full-width-section.dnd-section {
    height: 65vh;
    scroll-snap-align: start;
}

/* TO-DO CHECK THIS ON THE HOMEPAGE AND ADD THE ELEMENT A DIFFERENT WAY IT IS CONFLICTING */
/* #main-content > main > div > div > div > div > div.row-fluid-wrapper.row-depth-1.row-number-18.dnd-section.dnd_area-row-8-background-color {
height: 75vh;
scroll-snap-align: start;
} */

#hs_cos_wrapper_module_16977441113585 {
    background-color: black;
}
#hs_cos_wrapper_module_1697487487323 > div > div > div {
    display: flex;
    justify-content: center; /* Horizontally aligns the content in the center */
    align-items: center;     /* Vertically aligns the content in the middle */
    height: 100%;            /* Ensure the div has a height for this to work */
}
#hs_cos_wrapper_module_16890086902954 > div > div > div  {
    display: flex;
    justify-content: center; /* Horizontally aligns the content in the center */
    align-items: center;     /* Vertically aligns the content in the middle */
    height: 100%;            /* Ensure the div has a height for this to work */
}
#hs_cos_wrapper_widget_1687979315038 > div > div {
    display: flex;
    align-items: center; /* Vertically centers the child div */
    justify-content: center; /* Horizontally centers the child div, if needed */
    height: 100%; /* Ensure the parent div takes up the full height of its container */
}
#hs_cos_wrapper_dnd_area-module-2 > div > div {
    display: flex;
    align-items: center; /* Vertically centers the child div */
    justify-content: center; /* Horizontally centers the child div, if needed */
    height: 100%; /* Ensure the parent div takes up the full height of its container */
}
#hs_cos_wrapper_module_16890098640944 > div > div {
    display: flex;
    align-items: center; /* Vertically centers the child div */
    justify-content: center; /* Horizontally centers the child div, if needed */
    height: 100%; /* Ensure the parent div takes up the full height of its container */
}

.hero-fade {
    /* Apply the gradient and the image as multiple backgrounds */
    background-image: 
        linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0) 10%)

}

.hhs-hero-mod::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(transparent 0%, black 80%);
}

.mega-text-con h5 {
    padding-top: 10px;
}

.cta-rack {
    width:460px;
    margin:auto;
    margin-top:70px;

}
.cta-left {
    float:left;
}
.cta-right {
    float:right;
}
.cta-rack-thin {
    width:400px;
    margin-left:auto;
    margin-right:auto;
    margin-top:35px;

}
.cta-left-thin {
    float:left;
}
.cta-right-thin {
    float:right;
}
.schneller-hero p {
    color: #a6a6a6;
    size: 22px;
}
.white-border-right{
    border-right: 2px solid white;
}
/*.white-border-right h4, p{
margin-bottom: 20px;
padding-right: 30px;
padding-left: 20px;
}
.next-to-white-border-right h4, p{
padding-left: 30px;
}*/
.padding-left {
    padding-left: 30px;
}
.padding-right {
    padding-right: 30px;
}
.padding-bottom {
    padding-bottom: 25px;
}
.white-border-top {
    border-top: 2px solid white;
}
.black-border-right{
    border-right: 2px solid black;
    padding-right: 10px;
}
.black-border-right p{
    padding-right: 20px;
}
.hhs-horz-spacer.divider-line {
    border-bottom: 2px;
}
/* #hs_cos_wrapper_widget_1693573892216, */

#hs_cos_wrapper_module_16935836103873{
    background-color: #d5cfc9;
}
#hs_form_target_widget_1694179857699 {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}
#registration-block {
    max-width: 700px;
    margin-top: 30px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid rgba(128, 128, 128, 0.5);
    padding: 30px;
    background-color: black;
}
.low-button-float {
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -65px;
    margin-bottom: 20px;
    padding-left: 8px;
    padding-right: 8px;
    background-color: black;
}
.footer-image {

}
#hs_cos_wrapper_widget_1694529594644 > div > div > div > div > img {
    object-position: center bottom;
}
p {
    padding-top: 15px;
}
h3 {
    padding-top: 18px;
}
.black-background p {
    color: #a6a6a6;
}

#drop-low {
    margin-bottom: -112px;
    z-index: 0;
}
.key-attributes-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; /* Adjust as needed */
}

.key-attributes-container {
    display: flex;          /* Use flexbox to layout the images horizontally */
    justify-content: space-between; /* Distribute the images evenly with space in between */
    align-items: flex-start;    /* Align items to the top */
}

.key-attributes-container img {
    width: 33%;             /* Set the width of each image to 24% of the container. This leaves 4% for the space between the images (3 gaps * 1.33% each) */
    max-width: 100%;        /* Ensure the image doesn't exceed its container */
    height: auto;           /* Maintain the image's aspect ratio */
    box-sizing: border-box; /* Include any border or padding in the element's total width and height */
    padding: 5%;
}

.product-title-block {
    text-align: center;
}

/* Product Gallery */
.gallery-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Adjust the gap size as needed */
    width: 100%; /* Adjust this to set the width of the parent container */
    max-width: 1140px; /* Optional: set a max width for larger screens */
    margin: 0 auto; /* Centers the container on the page */
}
.product-gallery {
    flex: 0 0 calc(50% - 10px); /* Adjust width minus half the gap for two columns */
    /* Add additional styling as needed */
    padding: 3%;
}
.product-gallery img {
    /* max-width: 420px; */
}

#hs_cos_wrapper_dnd_area-module-3_ {
    text-align: center;
}
#hs_cos_wrapper_dnd_area-module-3_ p{
    color: #d5cfc9;
}
#hs_cos_wrapper_dnd_area-module-4_ {
    text-align: center;
}
.dash-list ul {
    list-style-type: none; /* Remove default bullets */
    padding-left: 0;       /* Remove default padding */
}

.dash-list ul li::before {
    content: "- ";         /* Add a hyphen before each list item */
    display: inline-block; /* Treat the hyphen as an inline element */
    margin-right: 8px;     /* Add some space between the hyphen and the list item text */
}


/* Custom link class */
.white-link {
    color: white;           /* Set link text color to white */
    text-decoration: none;  /* Remove the default underline */
    transition: text-decoration 0.3s ease; /* Optional: Smooth transition for the underline on hover */
}

/* Hover state for the custom link class */
.white-link:hover {
    text-decoration: underline; /* Add an underline on hover */
    color: white;           /* Set link text color to white */
}
/* Container for the product links on homepage */
.links-container {
    display: flex;
    flex-wrap: wrap; /* Allow items to wrap onto the next line */
    align-items: center;     /* Vertically center */
    justify-content: space-between; /* Horizontally center the content of the link */
}

/* Individual link items */
.links-container a {
    flex: 1 1 50%; /* Take up half the container's width */
    box-sizing: border-box; /* Include padding and border in the width calculation */
    padding: 15px; /* Optional: Add some padding around each link */
    justify-content: center; /* Horizontally center the content of the link */
    display: flex; /* Make the link a flex container */
    align-items: center; /* Vertically center the content of the link */
    width: 340px;
}
/*.links-container img {
padding: 10px;
}*/
.links-container a::before {
    content: url('https://39507543.fs1.hubspotusercontent-na1.net/hubfs/39507543/fonts/pdf-icon-color.png'); /* Display the icon */
    margin-right: 15px; /* Add 10px space to the right of the icon */

}
/* Container for the product links on document section - NEEDS CLEANED UP - TOO MANY REDUNDANT DECLARATIONS */
.doc-links-container-known {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Create three columns */
    grid-gap: 15px; /* Optional: Add some space between the items */
    justify-items: left; /* Horizontally center the items */
    align-items: center; /* Vertically center the items */
}
.doc-links-container-unknown {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Create three columns */
    grid-gap: 15px; /* Optional: Add some space between the items */
    justify-items: left; /* Horizontally center the items */
    align-items: center; /* Vertically center the items */
}
.doc-links-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Create three columns */
    grid-gap: 15px; /* Optional: Add some space between the items */
    justify-items: left; /* Horizontally center the items */
    align-items: center; /* Vertically center the items */
}

/* Individual link items */
.doc-links-container-known a {
    display: flex; /* Use Flexbox */
    align-items: center; /* Vertically center the items */
    justify-content: flex-start; /* Align items to the start (left) */
    box-sizing: border-box; /* Include padding and border in the width calculation */
    padding: 15px; /* Optional: Add some padding around each link */
    text-align: left; /* Align text to the left */
}
/* Individual link items */
.doc-links-container-unknown a {
    display: flex; /* Use Flexbox */
    align-items: center; /* Vertically center the items */
    justify-content: flex-start; /* Align items to the start (left) */
    box-sizing: border-box; /* Include padding and border in the width calculation */
    padding: 15px; /* Optional: Add some padding around each link */
    text-align: left; /* Align text to the left */
}
/* Why is this listed twice? TO-DO clean up */
/* Individual link items */
.doc-links-container a {
    display: flex; /* Use Flexbox */
    align-items: center; /* Vertically center the items */
    justify-content: flex-start; /* Align items to the start (left) */
    box-sizing: border-box; /* Include padding and border in the width calculation */
    padding: 15px; /* Optional: Add some padding around each link */
    text-align: left; /* Align text to the left */
}
/* Individual link items */
.doc-links-container a {
    display: flex; /* Use Flexbox */
    align-items: center; /* Vertically center the items */
    justify-content: flex-start; /* Align items to the start (left) */
    box-sizing: border-box; /* Include padding and border in the width calculation */
    padding: 15px; /* Optional: Add some padding around each link */
    text-align: left; /* Align text to the left */
}
/*.links-container img {
padding: 10px;
}*/
.doc-links-container-known a::before {
    content: url('https://39507543.fs1.hubspotusercontent-na1.net/hubfs/39507543/fonts/pdf-icon-color.png'); /* Display the icon */
    margin-right: 15px; /* Add 10px space to the right of the icon */

}
.doc-links-container-unknown a::before {
    content: url('https://39507543.fs1.hubspotusercontent-na1.net/hubfs/39507543/fonts/pdf-icon-bw.png'); /* Display the icon */
    margin-right: 15px; /* Add 10px space to the right of the icon */

}
.doc-links-container a::before {
    content: url('https://39507543.fs1.hubspotusercontent-na1.net/hubfs/39507543/fonts/pdf-icon-color.png'); /* Display the icon */
    margin-right: 15px; /* Add 10px space to the right of the icon */

}

/* Home product section using a magic module with 5 columns need to overide the container width styles here */
.home-product-section {
    /*height: 500px;*/
}
.home-product-section .c-col-inner {
    display: flex;
    align-items: center;
    justify-content: center;
}

#hs_cos_wrapper_widget_1697468417255 .clean-base .c-1 .c-col-inner:hover {
    background-size: 125%!important; /* Zoom in by 10% */
    cursor: pointer;
}
#hs_cos_wrapper_widget_1697468417255 .clean-base .c-1 .c-col-inner{
    /* Add a transition for a smooth zoom effect */
    transition: background-size 1.5s ease;
    background-size: 100%!important;
}
#hs_cos_wrapper_widget_1697468417255 .clean-base .c-2 .c-col-inner {
    /* Add a transition for a smooth zoom effect */
    transition: background-size 1.5s ease;
    background-size: 100%!important;
}
#hs_cos_wrapper_widget_1697468417255 .clean-base .c-2 .c-col-inner:hover {
    background-size: 125%!important; /* Zoom in by 10% */
    cursor: pointer;
}
#hs_cos_wrapper_widget_1697468417255 .clean-base .c-3 .c-col-inner {
    /* Add a transition for a smooth zoom effect */
    transition: background-size 1.5s ease;
    background-size: 100%!important;
}
#hs_cos_wrapper_widget_1697468417255 .clean-base .c-3 .c-col-inner:hover {
    background-size: 125%!important; /* Zoom in by 10% */
    cursor: pointer;
}
#hs_cos_wrapper_widget_1697468417255 .clean-base .c-4 .c-col-inner {
    /* Add a transition for a smooth zoom effect */
    transition: background-size 1.5s ease;
    background-size: 100%!important;
}
#hs_cos_wrapper_widget_1697468417255 .clean-base .c-4 .c-col-inner:hover {
    background-size: 125%!important; /* Zoom in by 10% */
    cursor: pointer;
}
#hs_cos_wrapper_widget_1697468417255 .clean-base .c-5 .c-col-inner {
    /* Add a transition for a smooth zoom effect */
    transition: background-size 1.5s ease;
    background-size: 100%!important;
}
#hs_cos_wrapper_widget_1697468417255 .clean-base .c-5 .c-col-inner:hover {
    background-size: 125%!important; /* Zoom in by 10% */
    cursor: pointer;
}
#cta_button_39507543_fea0a62f-246c-45d2-b769-312684840fb6, #cta_button_39507543_ed67fc1b-239b-4265-a846-667d4971cf66 {
    /* margin: 20px auto; */
    margin-top: -90px !important;
    /* padding-left: 20px; */
    /* margin-left: 20px; */
    /* border: black; */
    background: #000 !important;
    border: 15px solid black !important;
    box-shadow: inset 0 0 0 2px white;
    cursor: pointer;
}

/* Secure pages */

.hs-error-msgs {
    background-color: white;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-color: white;
    border-size: 1px;
}
#hs-membership-form > div.hs-membership-loader.hs_submit.hs-submit > div > input {
    background-color: #1aa3dd !important;
    color: #ffffff;
    font-size: 16px;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    margin-top: 20px;
    cursor: pointer;
}

/*Footer*/

.hhs-foot-base-nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li {
    clear: both;
}

/*FAQ*/

.faq-mwb-faq {
    border-top: 1px solid white !important;
    border-bottom: 1px solid white !important;
}

/* Buttons formatted like the other CTAs for the product gallery */
.product-button {
    border: 2px solid white;
    background-color: rgba(0, 0, 0, 0.7);
    display: inline-block;
    padding: 10px 15px;
    color: #1aa3dd;
    text-align: center;
    text-decoration: none;
    border-radius: 0px;
    font-size: 16px;
    cursor: pointer;
}

.iframe_wrapper {
    padding-bottom: 5% !important;
}

.blue-doc-links a {
    color: #1aa3dd;
}
#hs-membership-form > div.hs-membership-loader.hs_submit.hs-submit > div > input {
    /* Add your custom styles here */
    background-color: #000000;
    color: #ffffff;
    font-size: 16px;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    margin-top: 20px;
    cursor: pointer;
}
.hs-form-field {
    padding-top: 20px;
}

/*Texture Pages

.texture-cards > .container > .row > .col-lg-4.col-md-6.col-sm-12 > .hhs-flexi-card > .hhs-card-content {
display: none;
}*/

.mobile-selector-menu {
    display: flex;            /* Use flexbox layout */
    justify-content: space-between; /* Evenly space the child elements */
    align-items: center;      /* Align items vertically in the center */
    width: 100%;              /* Ensure the div takes full width of its container */
}

.mobile-selector-menu h3 {
    width: 100%;              /* Ensure the h3 element takes full width of its container */
    display: flex;            /* Use flexbox layout for the h3 element */
    justify-content: space-between; /* Evenly space the links inside the h3 element */
    margin: 0;                /* Remove default margin of h3 if necessary */
}

/*Media Queries*/

@media (max-width: 992px) {
    .padding-left {
        padding-left: 0px;
    }
    .padding-left > h3 {
        text-align: center!important;
        padding-left: 0px!important;
    }
    .padding-left > p {
        text-align: center!important;
        padding-left: 0px!important;
    }
    .white-border-right {
        border-right: none;
    }
    .white-border-right > h3 {
        text-align: center!important;
    }
    .white-border-right > p {
        text-align: center!important;
    }
}

@media (min-width: 768px) {
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children>a:after {
        display: none;
    }
}

@media (min-width: 1200px) {
    .home-product-section .container {
        max-width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .home-product-section .row {
        height: 65vh;
    }
    #hs_cos_wrapper_widget_1697468417255 > div > div > div {
        height: 48vh;}
}
@media (min-width: 1160px) {
    .hhs-menu-toggle {
        display: block;
    }
}

@media (max-width: 1200px) {
    .home-product-section .container {

        max-width: 100%;
    }
    #hs_cos_wrapper_widget_1697468417255 .clean-base .c-1 .c-col-inner {
        min-height: 400px;
    }
    #main-content > main > div > div > div > div > div.row-fluid-wrapper.row-depth-1.row-number-5.dnd_area-row-2-force-full-width-section.dnd-section {
        height: 65vh;
        scroll-snap-align: start;
    }

    @media (max-width: 992px) {
        .home-product-section .container {

            max-width: 100%;
        }
        #hs_cos_wrapper_widget_1697468417255 .clean-base .c-1 .c-col-inner {
            min-height: 400px;
        }
        #main-content > main > div > div > div > div > div.row-fluid-wrapper.row-depth-1.row-number-5.dnd_area-row-2-force-full-width-section.dnd-section {
            height: 65vh;
            scroll-snap-align: start;
        }

    }
    @media (max-width: 768px) {
        .home-product-section .container {

            max-width: 100%;
            height: 65vh;
        }
    }

    @media (max-width: 576px) {
        .home-product-section .container {

            max-width: 100%;
        }
        .cta-rack {
            width:auto;
            margin:auto;
            margin-top:70px;

        }
        .cta-rack-thin {
            width:auto;
            margin-left:auto;
            margin-right:auto;
            margin-top:35px;

        }
        html
        {
            scroll-snap-type: none;

        }
        .low-button-float {
            max-width: 200px;
            margin-left: auto;
            margin-right: auto;
            margin-top: 1px;
            margin-bottom: 20px;
            padding-left: 8px;
            padding-right: 8px;
            background-color: black;
        }
        .product-gallery {
            flex: 0 0 calc(100% - 10px);
            padding: 20px;
        }
        .doc-links-container-unknown {

            grid-template-columns: repeat(1, 1fr);
            grid-gap: 15px;
        }
        .padding-right {
            padding-right: 0px;
        }
        .doc-links-container {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            grid-gap: 15px;
            justify-items: left;
            align-items: center;
        }

        /* Figure out how to merge these */
        a#cta_button_39507543_23bb126e-2f53-48de-8dc8-527a0a405ca2 {
            display: none;
        }
        a#cta_button_39507543_9d789f1b-28e4-431d-8309-e09ca8fa91a1 {
            display: none;
        }
        a#cta_button_39507543_80fed53f-da54-4a63-b5b2-2e2c6a9e77bf {
            display: none;
        }

    }

    /*Alternate Layout 3 Section*/
    @media (max-width: 1130px) {
        .alternate-layout-3 {
            padding-left: 50px;
            padding-right: 50px;
        }
    }
  
 .top-bar-search svg {
   position: relative;
  }