*,
body,
.page-wrapper,
h1, h2, h3, h4, h5, h6,
.page-title,
.block-title,
.navigation .level-top > a,
button,
.action.primary,
.action-secondary,
input,
select,
textarea,
.footer {
    font-family: 'Questrial', sans-serif !important;
}

.new-customer-block h2 {
    font-size: 1.6rem;
    margin-bottom: 10px;
    color: #333;
    margin: 0 0 16px 0;
    font-weight: 500;
    font-size: 18px;
    border-bottom: 1px solid #efefef;
    padding: 0 0 15px 0;
}


.custom-login-wrapper {
    position: absolute;
    width: 36%;
    right: 0;
    margin: 0;
}

.customer-account-login.page-layout-1column .page-wrapper .page-main{
    position:relative;
}
/* Hide top header Create a B2b account section */
.header.links .nav.item{
    display:none !important;
}

.popuptext.pdpfitment {
    max-height: 722px !important;
    overflow-y: auto !important;
}

.additional-attributes-wrapper {
    margin-top: 0!important;
}

.box.box-order-shipping-method{
    padding-right:10px !important;
}

.cart.table-wrapper .col.qty {
    text-align: center;
}
.popuptext ul {
    margin-bottom: 0!important;
}

.buyer-guide .buyer-guide-label {
    padding: 22px 5px 0px 5px !important;
}
.py-10{
    padding-bottom: 10px;
}
.pdp-go-back-wrapper{
    padding-bottom: 20px;
}

.pdp-go-back-wrapper a {
    display: inline-block;
    margin: 0 0 10px 0;
    background: #15316e;
    border-radius: 4px;
    padding: 13px 29px;
    color: white !important;
}

.pdp-go-back-wrapper a:hover{
    background:#214fb3;
}

.product-sku-name-header{
    margin-bottom:25px !important;
}

/** Modified webpages design  **/
.career-top-text {
    width: 70%;
    align-self: center;
}

.career-param-col {
    background-color: #3b68b14d;
    padding: 20px;
    margin: 0px 20px 20px 20px;
    transition: transform 0.3s ease;
    cursor: pointer;
}

.career-param-col:hover {
    transform: scale(1.05);
}

.career-btn a {
    background: transparent;
    font-size: 16px;
    font-weight: 600;
    transition: transform 0.3s ease;
}

.career-btn a:hover{ transform: scale(1.1); }

.banner-overlay-dark .pagebuilder-poster-overlay {
    background-color:#00000054!important;
}
/** Modified webpages design end  **/
.disable-click .level-top.ui-menu-item-wrapper{
    pointer-events: none;
}

.nav-sections-item-content .navigation > ul {
    text-align: center!important;
}

.nav-sections-item-content .navigation ul ul {
    text-align: left !important;
}
.nav-sections-item-content .navigation li{
    text-transform: uppercase;
    font-family: 'Questrial', sans-serif;
}

.nav-sections-item-content .navigation .submenu li {
    font-weight:500;
}

.breadcrumbs .items {
    padding-left: 10px!important;
}
.contact-support-btn a, .black-btn-style a {
    font-size: 16px;
    background-color: #333333;
    color: #ffffff;
    text-transform: uppercase;
}
.contact-support-btn a:hover, .black-btn-style a:hover{
    background-color: #fff !important;
    transform: scale(1.05);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2) !important;
    color: #333333 !important;
    border: 2px solid #333333 !important;
}

.comp-over-numbers {
    padding: 20px;
}
.comp-over-numbers h2 {
    font-family: 'Roboto Mono', monospace;
    font-weight: 100;
    font-size: 50px;
    line-height: 50px;
    letter-spacing: 10px;
    color: #fff;
}

.comp-over-numbers h3{
    text-align: center;
    /*font-family: 'Questrial', sans-serif;*/
    font-size: 14px!important;
    font-weight: 800!important;
    letter-spacing: 0.1em;
    line-height: 1.7;
    text-transform: uppercase;
    color: #fff;
}

.job-post-tab .tab-title {
    /*font-family: 'Questrial', sans-serif;*/
    font-weight:400;
    font-size:15px !important;
}
.job-post-tab .tabs-content {
    padding: 0 30px 30px 30px;
    background-color:#f8f8f8;
    border: 1px solid #cccccc40!important;
    border-radius: 5px!important;
}
.job-post-tab .tabs-navigation li.tab-header.ui-state-active{
    background-color: #f7f7f7!important;
}
.job-post-tab .tabs-navigation li.tab-header.ui-state-hover{
    background-color:#cccccc69!important;
}

.job-post-tab .tabs-navigation li.tab-header {
    background: #cccccce0!important;
    border: 1px solid #fff!important;
    border-radius: 5px;
}
.job-post-title, .job-post-header {
    /*font-family: Raleway!important;*/
    font-size: 30px;
    font-weight: 800!important;
    letter-spacing: 0.1em;
    line-height: 1.7!important;
    text-transform: uppercase;
    margin-bottom: 0px!important;
}

.job-post-header{
    font-size:25px;
}
.job-post-type{
    /*font-family: Raleway!important;*/
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.7;
    text-transform: uppercase;
}

.job-post-desc {
    margin: 20px 0 30px 0;
}

.job-post-desc p, .job-post-desc li {
    /*font-family: Raleway !important;*/
    font-size: 15px !important;
    letter-spacing: 0.04em!important;
    line-height: 1.8 !important;
    margin-bottom: 0px!important;
}

.job-post-contact p {
    /*font-family: Raleway !important;*/
    font-size: 15px !important;
    letter-spacing: 0.04em!important;
    line-height: 1.8 !important;
    margin-bottom: 0px!important;
    font-weight: 700;
    font-style: italic;
}

.job-post-contact p a {
    color: #000;
}

.job-post-contact p a:hover {
    color: #333333!important;
    text-decoration: none;
}

/* Location Page Style */
.page-sub-heading{
    /*font-family: Raleway;*/
    font-size: 24px;
    font-weight: 800;
    letter-spacing: 0.1em;
    line-height: 1.7;
    text-transform: uppercase;
    text-align: center;
}

.location-desc .promo-block.center {
    padding:0px !important;
    margin-bottom:0px!important;
}

.distribution-col img {
    width:50px;
}

.distribution-col h3 {
    margin-top:10px!important;
    /*font-family: Raleway;*/
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 0.1em;
    line-height: 1.7;
    text-transform: uppercase;
    padding-left:5px;
}
.divider-margin-top {
    margin-top: -25px!important;
}
.distribution-row {
    padding: 0 6% 3%;
}
.locations-main-col  h4{
    margin:0px !important;
}

.divider-zigzag-style {
    background-image: url('data:image/svg+xml;utf8,<svg width="100%" height="20" viewBox="0 0 100 10" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"><polyline points="0,10 10,0 20,10 30,0 40,10 50,0 60,10 70,0 80,10 90,0 100,10" fill="none" stroke=%22%23ebebeb%22 stroke-width=%222%22/></svg>');
    background-repeat: repeat-x;
    background-position: bottom;
    background-size: 8% 10px;
}
.divider-zigzag-style hr {
    border: 0px !important;
}


.my-orders-search-advanced .search-sku .control button {
    width:20%;
    background-color:#e1e1e1;
    margin-left:10px;
}

.my-orders-search-advanced .search-sku .control button:hover {
    background-color:#ccc;
}

.my-orders-search-advanced .filters-collapse{
    margin-left:0px!important;
}
.my-orders-search-advanced .filters-collapse button.secondary {
    width: auto;
    float: left;
    text-align:center!important;
    margin-top:-10px;
}
.my-orders-search-advanced .extra-order-search {
    margin-top:20px;
}

.my-orders-search-advanced .extra-order-search .field {
    margin-left:0px!important;
}
.my-orders-search-advanced .extra-order-search .field-dates button {
    width:30px;
}
.my-orders-search-advanced .actions-toolbar {
    width:100%;
}
.my-orders-search-advanced .actions-toolbar .primary {
    display:flex;
    gap:20px;
}
.my-orders-search-advanced .actions-toolbar a {
    width:150px;
}
.my-orders-search-advanced .actions-toolbar button {
    width: 150px;
    text-align: center;
    justify-content: center;
}

.order-details-items .table-order-items .product-item-name {
    font-size:1.4rem;!important;
}

.order-details-items .table-order-items th {
    vertical-align:top;
    text-align:left!important;
}

.order-details-items .table-order-items thead{
    background-color: #3b68b1;
    color: #fff;
}
.order-details-items .table-order-items td.col.discount, .order-details-items .table-order-items td.col.qty{
    text-align:center;
}
.block-order-details-view {
    margin-bottom:0px!important;
}
.orders-history .table-order-items thead{
    background-color: #3b68b1;
    color: #fff;
}

#extra-order-search-filters {
    display:none
}

.order-details-items .col.price .price-excluding-tax .cart-price .price,
.order-details-items .col.subtotal .price-excluding-tax .cart-price .price {
    font-weight: 400;
    font-size: 1.4rem;
    color: #333333;
}
.order-details-items .table-order-items .col.name { width:25%;}
.order-details-items .col.name {
    padding-top: 11px!important;
}
.actions-toolbar a{
    margin-right:20px
}
/*.actions-toolbar .action.track,
.actions-toolbar .action.print
.order-title a,
.policy-link a,
.block-order-details-view a,
.block-dashboard-addresses a {
    position: relative;
    text-decoration: none;
    font-weight: 500;
}

.actions-toolbar .action.print:hover,
.actions-toolbar .action.track:hover,
.order-title a:hover,
.policy-link a:hover,
.block-order-details-view a:hover,
.block-dashboard-addresses a:hover {
    text-decoration: none;
}

.actions-toolbar .action.print::after,
.actions-toolbar .action.track::after,
.order-title a::after,
.policy-link a::after,
.table-order-items td a::after,
.block-order-details-view a::after,
.block-dashboard-addresses a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    display: block;
    margin-top: 2px;
    right: 0;
    background: #3b68b1;
    transition: width 0.3s ease;
}

.order-details-items .action.print:hover::after,
.order-details-items .action.track:hover::after,
.order-title a:hover::after,
.policy-link a:hover::after,
.block-order-details-view a:hover::after,
.block-dashboard-addresses a:hover::after {
    width: 100%;
    left: 0;
    background: #3b68b1;
}
 */

.block-dashboard-info .block-content p,
.box-billing-address .box-content,
.box-shipping-address .box-content,
.box-address-billing .box-content,
.box-address-shipping .box-content {
    font-size:1.4rem!important;
}

/* Mazeplaza Blog CSS */
.mpblog-search .actions button .fa.fa-search{
    position:absolute;
    right:0;
}
.mp-blog-view .mp-blog-rss  {
    display: none;
}
.mp-blog-view {
    padding: 30px 50px;
}

.sidebar.sidebar-main {
    padding: 0px 30px 0px 0px !important;
}

.mp-blog-view .mp-post-info span:nth-child(3) {
    display: none;
}

.mp-blog-view .related-content-container{
    align-items: center;
    display: flex;
    padding: 0px!important;
}
.mp-blog-view .author-content-image{
    width:50px!important;
}
.mp-blog-view .author-content-image img{
    border-radius:30px;
    border: 2px solid #3a67b0;
}

.bulk-upload-box {
    margin-bottom: 40px;
    padding: 20px;
    border-radius: 2px;
    background: #fafafa;
}
.bulk-upload-box h3 {
    margin-top: 0;
    color: #444;
}
.bulk-upload-box .download-buttons {
    display: inline-flex;
    width: auto;
    border: 2px solid #333;
    padding: 5px 10px;
    text-align: center;
    font-size: 16px;
    color: #333;
    font-weight: 600;
    transition: transform 0.3s ease;
    margin:20px 0px;
}

.bulk-upload-box .download-buttons:hover{
    text-decoration:none;
    color:#333;
    transform: scale(1.10);
}

.bulk-upload-box .upload-btn {
    width: auto;
    border: 2px solid #333;
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    background-color:#333;
    border-radius:0px!important;
    font-weight: 500;
    transition: transform 0.3s ease;
    text-transform:uppercase;
}
.bulk-upload-box .upload-btn:hover{
    text-decoration:none;
    color:#333;
    border:2px solid #333;
    background:transparent;
    font-weight:600;
    transform: scale(1.10);
}
#customer_sku_csv {
    font-size:16px;
    color:#333;
    /*font-family:Raleway;*/
    font-weight:500;
}

.guide-download-btn {
    display: inline-flex;
    width: auto;
    border: 2px solid #333;
    padding: 10px 20px;
    text-align: center;
    font-size: 18px;
    color: #000!important;
    font-weight: 600;
    transition: transform 0.3s ease;
    /* margin: 20px 0px; */
}
.guide-download-btn:hover {
    text-decoration:none;
    color:#000;
    transform: scale(1.10);
}

.btn-advance-apply {
    background-color:#3b68b1 !important;
}
.btn-advance-apply:hover {
    background-color: #006bb4 !important;
    border-color:#cccccc!important;
}
.btn-add-cp .action.primary {
    background-color:#3b68b1;
    transition: transform 0.3s ease;
}

.btn-add-cp .action.primary:hover{
    border:1px solid #ccc;
    transform: scale(1.03);
}


.order-details-items .shipment .col.name {
    width: auto !important;
}
.table-order-items.invoice .col.name{
    width:50% !important; ;
}
.order-items.table-wrapper .col.price,
.order-items.table-wrapper .col.subtotal,
.table-order-items.invoice .col.price,
.table-order-items.invoice .col.subtotal,
.order-items.table-wrapper .col.qty{
    text-align:center!important;
}

/* Make Add to Cart button smaller and neat */
#product-addtocart-button {
    font-size: 16px;
    padding: 12px 18px;        /* Reduce padding */
    border-radius: 6px;       /* Softer edges */
    margin-top: 12px;
    margin-bottom: 12px;
    background-color: #0073e6;
    border: none;
    color: #fff;
    display: inline-block;    /* Prevent full width */
    width: auto;              /* Button size adjusts to text */
    min-width: 120px;         /* Keep consistent size */
    text-align: center;
    transition: all 0.3s ease;
}
.catalog-product-view #product_addtocart_form {
    display:flex;
    text-align: center;
    gap: 15px;
}

.catalog-product-view #product_addtocart_form .field.qty{
    font-weight:bold;
}
.catalog-product-view #product_addtocart_form .field  .control input#qty
{
    text-align:center;
    color:#000!important;
}

@media only screen and (min-width: 1024px) {
    .form.form-cart .item-actions .actions-toolbar {
        margin-top: -90px !important;
    }
}

.with-eye {
    position: relative;
}

.toggle-password {
    position: absolute;
    transform: translateY(-50%);
    left:85%;
    top:58%;
    cursor: pointer;
    color: #006bb472;
    transition: color 0.3s ease;
    z-index: 100;
}

.toggle-password:hover {
    color: #006bb498;
}

.login-container .block.block-customer-login{
    border: 1px solid #ccc;
    padding: 20px 30px;
    box-shadow: 5px 5px 0px 0px #1979c3;
}
.checkout-agreements-block .checkout-agreement.field {
    align-items:baseline!important;
}

.opc-payment-additional.comment .payment-option-title.field.choice{
    padding:10px 0px!important;
}
.opc-payment-additional .payment-option-content{
    padding:10px 0px!important;
}

.checkout-agreement div.mage-error {
    margin-top:20px!important;
}