/*
Theme Name: ShopAcerSoft
Template: twentytwentyone
Author: Jorden
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 1.0.1692106200
Updated: 2023-08-15 13:30:00

*/

/**======================================================================
 *
 * Index
 *
 * xx - Fonts
 * 00 - HTML Elements
 * 01 - Header Elements
 * 02 - Navigation Elements
 * 03 - Sliders
 * 04 - Text Styling
 * 05 - Padding and alignment
 * 06 - Buttons
 * 07 - Forms
 * 08 - Footer Element
 * 09 - WooComerce
 * 10 - effects
 * 11 - @media Elements
 *
======================================================================**/

/*----------------------------------------------------------------xx - Fonts------------------------------------------------*/

@font-face {
    font-family: OSreg;
    src: url('fonts/IBMPlexSans-Regular');
}

@font-face {
    font-family: OSbold;
    src: url('fonts/IBMPlexSans-SemiBold.ttf');
}

@font-face {
    font-family: NotoR;
    src: url('fonts/IBMPlexSans-Regular');
}

@font-face {
    font-family: NotoB;
    src: url('fonts/IBMPlexSans-Regular');
}

@font-face {
    font-family: Ossy;
    src: url('fonts/IBMPlexSans-Regular');
}

@font-face {
    font-family: Ossy;
    src: url('fonts/Roboto-Italic-VariableFont_wdth,wght');
}


/*----------------------------------------------------------------00 - HTML Elements----------------------------------------*/

html {
    scroll-behavior: smooth;
}

.headMaxSize {
    display: block;
}

.mobHeadBox {
    display: none;
}

.mainFootBlock {
    display: block;
}

.mobFoot {
    display: none;
}


/*----------------------Hidden optimisation blocks------------------------*/

html body {
    background: #fff;
}

button:focus {
    outline: none !important;
}

a.button:hover,
a.button:visited {
    text-decoration: none !important;
}

.woocommerce section {
    padding-top: unset;
    padding-bottom: unset;
}

a:focus {
    outline: none !important;
    text-decoration: none !important;
}

img:focus {
    outline: none !important;
    text-decoration: none !important;
}

/*----------------------------------------------------------------01 - Header Elements--------------------------------------*/
.sliderContainer {
    padding-bottom: 20px;
    z-index: 1 !important;
}

.headBanner {
    background-color: #000;
    border-bottom: 4px solid #E72325;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}

.notiBox {
    display: flex;
    align-items: center;
    justify-content: center;
}

.notiTxt p {
    color: #fff !important;
    font-family: OSbold !important;
    font-size: 0.9em !important;
}

.headBtnCol {
    text-align: right !important;
}

.headGreyContBlock {
    background-color: #F4F4F4;
    padding: 0px !important;
    border-bottom: 2px solid #EEEEEE;
}

.headContLinksFlt {
    float: right;
}

.headContLinksFlt a {
    font-family: NotoR;
    font-size: 11px;
    color: #1F1F1F;
    cursor: pointer;
}

.headContLinksFlt a:hover {
    text-decoration: underline;
}

.headContLnks {
    padding-right: 20px !important;
}

.smallGreyTxt {
    color: #787D7F;
    /* font-family: OSreg2; CHANGED */
    font-family: NotoR;
    font-size: 0.5em;
}

.largeBlckNum {
    color: #000;
    /* font-family: OSreg2; CHANGED */
    font-family: NotoR;
    font-size: 1.0em;
}

.largeBlckNum a:hover {
    color: #E72325;
}

.callUsLine {
    border-right: 1px solid rgba(120, 125, 127, 0.5);
}

.callUsDiv {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.searchBarBlock {
    padding-left: 1%;
    padding-right: 10%;
    text-align: left !important;
}

.elementor-widget-navigation-menu .menu-item.current-menu-item a.hfe-menu-item {
    color: #E72325 !important;
    font-family: NotoR;
    font-size: 1em;
}


.elementor-widget-navigation-menu .menu-item a.hfe-menu-item {
    color: #1F1F1F !important;
    font-family: NotoR;
    font-size: 14px !important;
    border-right: 1px solid #000;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-right: 30px !important;
    padding-left: 30px !important;
    font-weight: bold !important;
}

.elementor-widget-navigation-menu .menu-item a.hfe-menu-item:focus {
    background-color: transparent !important;
    outline: none !important;
    text-decoration: none !important;
}

.elementor-widget-navigation-menu .menu-item a.hfe-menu-item:hover {
    color: #E72325 !important;
    font-family: NotoR;
    font-size: 1em;
}

/*#menu-item-884 a.hfe-menu-item {
	border-right: 0px solid transparent !important;
}

 */

.menuBox {
    background-color: #F4F4F4;
    box-shadow: 0px 2px 3px 0px rgba(216, 216, 216, .8);
    margin-bottom: 15px;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.page-id-28 .breadCrumbBlock {
    display: none !important;
}

.breadCrumbBlock {
    background-color: transparent;
    font-family: NotoR;
    font-size: 11px !important;
    letter-spacing: 0.075em;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 2px solid #EEEEEE;
    padding-bottom: 25px !important;
    padding-top: 10px !important;
    margin-bottom: 20px;
    color: #000;
    cursor: pointer;
}

.breadCrumbBlock a {
    font-size: 11px !important;
}

.breadCrumbBlock a:hover {
    text-decoration: underline;
}

.breadSpread {
    padding-right: 8px !important;
    padding-left: 8px !important;
}

/*------------------------Sub Menu-----------------------*/
.icoBlock {
    display: flex;
    position: absolute;
    background-color: transparent;
    z-index: 999;
    align-items: center;
    justify-content: center;
    width: 100%;
    left: 0px;
    transform: translate3d(0, 0, 999px);
    -webkit-transform: translate3d(0, 0, 999px);
}

.icoBlock img {
    max-height: 45px;
}

.allIco {
    background-color: #fff;
    padding: 20px;
    border-bottom: 4px solid #E72325;
    min-width: 364px !important;
    text-align: center;
    align-items: center;
}

.prodIcoHide {
    display: none;
}

.icoBlanker {
    margin: 0px !important;
    padding: 0 0 !important;
    border: 0px solid transparent !important;
    background-color: transparent !important;
    font-size: 15px !important;
    color: red !important;
    font-weight: bold;
    transition: 0.3s;
    transform-origin: center center;
    width: 130px;

}

.icoBlanker p {
    color: #000 !important;
}

.icoBlanker:hover {
    margin: 0px !important;
    padding: 0px !important;
    border: 0px solid transparent !important;
    background-color: transparent !important;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

.icoBlanker:hover p {
    color: #E72325 !important;
}

.icoBlckTxt {
    padding-top: 10px !important;
    font-size: 12px;
}

/*----------- To Top ---------------*/

.topTobButtonBox {
    position: fixed;
    right: 20px;
    height: 25px;
    width: 30px !important;
}

.toTopButton {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 11px;
    padding-right: 12px;
    background-color: #E72325 !important;
    border: 2px solid #000;
    border-radius: 20px;
    height: 25px;
    position: absolute;
    top: 0px;
}

.toTopArrow {
    border: solid #fff;
    border-width: 0 3px 3px 0;
    display: block;
    padding: 3px !important;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    position: absolute;
    left: 6.5px;
    top: 8px;
}

/*----------------------------------------------------------------03 - Sliders---------------------------------------------*/

.vueperslide {
    /*width: auto !important;*/
    /* margin-right: 0px !important;*/
    max-width: 1140px !important;
}

.vueperslides__parallax-wrapper {
    padding-bottom: 38% !important;
}

.vueperslides__track {
    height: auto !important;
}



/*----------------------------------------------------------------05 - Padding and alignment--------------------------------*/

.maxSizeContainer {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.siteWideBoxRestrict {
    width: 1115px !important;
}

.siteWideBoxRestrict2 {
    width: 1100px !important;
}

.homeTileBox {
    padding-top: 30px;
    padding-bottom: 40px;
}

.homeTileTxt {
    text-align: center;
    font-size: 30px;
    text-shadow: 1px 2px rgba(0, 0, 0, 0.6);
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2;
    font-family: NotoR;
    color: #fff;
}

.productiveTileCol {
    background: linear-gradient(rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.40)), url("/wp-content/uploads/2023/08/max-andrey-8-2YWKt8Ag-unsplash-scaled.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 221px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center;
    margin-right: 25px;
}

.securityTileCol {
    background: linear-gradient(rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.40)), url("/wp-content/uploads/2023/08/ian-battaglia-9drS5E_Rguc-unsplash-scaled.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 221px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center;
    margin-right: 25px;
}

.backupTileCol {
    background: linear-gradient(rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.40)), url("/wp-content/uploads/2023/08/benjamin-lehman-GNyjCePVRs8-unsplash-scaled.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 221px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center;
    margin-right: 25px;
}

.educationTileCol {
    background: linear-gradient(rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.40)), url("/wp-content/uploads/2023/10/edu-img.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 221px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center;
}

.topAdimg {
    padding-bottom: 20px;
}

.topAdimg img {
    min-width: 100%;
    min-height: 100%;
}

.sideAdImgCol {
    padding-right: 20px;
    padding-bottom: 30px;
}

.sideAdImgCol img {
    min-width: 100%;
    min-height: 100%;
}

.sideAdImgCol .elementor-widget:not(:last-child) {
    margin-bottom: 0px !important;
}

.topAdimgCol .elementor-widget:not(:last-child) {
    margin-bottom: 0px !important;
}

/*----------------------------------------------------------------06 - Buttons----------------------------------------------*/

.greenBut {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    background: linear-gradient(var(--d, 130deg), var(--c1, #587914), var(--c2, #83B51D) 51%, var(--c1, #587914)) var(--x, 0)/ 200%;
    border: 2px solid #E72325 !important;
    border-radius: 3px;
    color: #fff !important;
    /* font-family: OSreg2; CHANGED */
    font-family: NotoR !important;
    transition: 0.8s !important;
    font-size: 0.8em !important;
}

.greenBut:hover {
    --x: 100%;
}

.homeTileButton.elementor-widget-button .elementor-button {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #fff !important;
    height: 37px !important;
    line-height: 35px !important;
    text-align: center !important;
    font-family: NotoR !important;
    padding: 0 23px !important;
    background-color: #E72325 !important;
    box-shadow: 1px 2px rgba(0, 0, 0, 0.6) !important;
    border-radius: 25px !important;
    text-decoration: none !important;
}

.homeTileButton.elementor-widget-button .elementor-button:hover {
    transform: scale(1.2);
    background-color: rgba(0, 0, 0, 0.6) !important;
}

/*----------------------------------------------------------------08 - Footer Element--------------------------------------*/

.mainFootBlock {
    background-color: #202020;
    padding-top: 3% !important;
    padding-bottom: 3% !important;
}

.footIcons1 {
    max-width: 8px !important;
    margin-right: 10px;
}

.footIcons2 {
    max-width: 10px !important;
    margin-right: 3px;
}

.footIcons3 {
    max-width: 11px !important;
    margin-right: 3px;
}

.footGreyTxt {
    font-size: 12px;
    /* font-family: OSreg2; CHANGED */
    font-family: NotoR !important;
    color: #A8A8A8;
}

.footGreyTxt a {
    font-size: inherit !important;
    /* font-family: OSreg2; CHANGED */
    font-family: NotoR !important;
    color: #A8A8A8;
    cursor: pointer;
}

.footGreyTxt a:hover {
    color: #E72325;
}

.footGreyTxt a:focus {
    background-color: transparent !important;
    outline: none !important;
    text-decoration: none !important;
}

.footWhtTxt {
    font-size: 1.0em;
    /* font-family: OSreg2; CHANGED */
    font-family: NotoR;
    color: #fff;
    padding-bottom: 5px;
}

.footTxtCols {
    padding-left: 3% !important;
}

.mainFootBlock .forminator-checkbox-label {
    color: #A8A8A8;
    font-size: 12px;
    font-family: NotoR !important;
}

.forminator-ui#forminator-module-247.forminator-design--default .forminator-checkbox .forminator-checkbox-box {
    border-radius: 100px;
}

.mainFootBlock .forminator-ui#forminator-module-247.forminator-design--default .forminator-radio input:checked+.forminator-radio-bullet {
    border-color: #E72325 !important;
}

.mainFootBlock .forminator-ui#forminator-module-247.forminator-design--default .forminator-radio .forminator-radio-bullet:before {
    background-color: #E72325 !important;
}

.forminator-col {
    display: inline-block !important;
}

#radio-1 {
    min-width: 100% !important;
    display: flex !important;
}

.mainFootBlock #email-1 {
    max-width: 150px !important;
}

#forminator-module-247 .forminator-row {
    width: auto !important;
    display: inline-block !important;
    margin-bottom: 0px !important;
}

#forminator-module-247.forminator-ui.forminator-custom-form[data-grid=open] .forminator-row:not(:last-child) {
    margin-bottom: 0px !important;
}


#forminator-module-247 .forminator-button {
    color: #fff !important;
    background-color: #E72325 !important;
    border: 1px solid #E72325;
    padding-left: 25px !important;
    padding-right: 25px !important;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    transition: 1s !important;
    font-size: 12px !important;
    /* font-family: OSreg2; CHANGED */
    font-family: NotoR !important;
    border-radius: 0px !important;
    height: 36.78px !important;
}

#forminator-module-247 .forminator-button:hover {
    background-color: transparent !important;
}

#forminator-module-247.forminator-ui.forminator-custom-form[data-design=default] .forminator-input {
    padding-top: 12px !important;
    padding-bottom: 10px !important;
    margin-top: 5px;
}

.forminator-ui#forminator-module-247.forminator-design--default .forminator-input,
.forminator-ui#forminator-module-247.forminator-design--default .forminator-input input {
    font-size: 12px !important;
}

#forminator-module-247.forminator-ui.forminator-custom-form[data-design=default] {
    margin: 0px !important;
}

#forminator-module-247.forminator-ui.forminator-custom-form[data-design=default] .forminator-response-message {
    margin: 0px !important;
    padding: 0 !important;
    border-radius: 0px !important;
}

#forminator-module-247.forminator-ui#forminator-module-247.forminator-design--default .forminator-response-message.forminator-success {
    background-color: transparent !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    padding-bottom: 10px !important;
}

#forminator-module-247.forminator-ui#forminator-module-247.forminator-design--default .forminator-response-message.forminator-success p {
    color: #E72325 !important;
}

#forminator-module-247.forminator-ui#forminator-module-247.forminator-design--default .forminator-response-message.forminator-loading {
    background-color: transparent !important;
}

#forminator-module-247.forminator-ui#forminator-module-247.forminator-design--default .forminator-response-message.forminator-loading,
.forminator-ui#forminator-module-247.forminator-design--default .forminator-response-message.forminator-loading p {
    color: #fff !important;
}

.footTxtCols .elementor-widget:not(:last-child) {
    margin-bottom: 0px !important;
}

.footTxtCols .elementor-widget:not(:last-child) {
    margin-bottom: 0px !important;
}

/*----------------------------------------------------------------07 - Forms ----------------------------------------------*/
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: NotoR !important; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}

/*----------------------------------------------------------------09 - WooComerce------------------------------------------*/
.woocommerce ul.products li.product {
    text-align: center;
    padding-top: 30px;
}

.woocommerce-loop-product__title {
    /* font-family: OSreg2 !important; CHANGED */
    font-family: NotoR !important;
    font-size: 15px !important;
    color: #0E2F40 !important;
}

.woocommerce-LoopProduct-link img {
    border: 2px solid #EEEEEE;
}

.entry:hover img {
    filter: brightness(80%);
    transition: 0.6s;
}

.price {
    /* font-family: Ossy !important; CHANGED */
    font-family: NotoR !important;
}

.woocommerce-Price-amount {
    font-weight: bolder !important;
    font-size: 16px !important;
}

.strike {
    font-size: 10px !important;
}

.strike .woocommerce-Price-amount {
    font-size: 10px !important;
}

.shop_table th {
    font-size: 14px;
    font-family: NotoB;
    color: #000;
}

.entry:hover .woocommerce-loop-product__title {
    color: #E72325 !important;
}

.woocommerce a.add_to_wishlist.button {
    padding: 0px !important;
    border-radius: 0px !important;
    background-color: #F4F4F4 !important;
    border: 0px solid #fff;
    border-right: 3px solid #fff !important;
    border-color: #fff !important;
    color: #000 !important;
    transition: 0.6s;
}

.woocommerce a.add_to_wishlist.button:hover {
    background-color: #E72325 !important;
    color: #fff !important;
}

.yith-wcwl-icon {
    margin-right: 0px !important;
    font-size: 16px !important;
    padding-left: 10px;
    padding-right: 10px;
}

.yith-wcwl-add-to-wishlist {
    position: absolute;
    bottom: 0px;
}

.fa-heart {
    color: #6f6e6c !important;
}

.addtocartbutton {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    background-color: #F4F4F4 !important;
    border: 0px solid #E72325 !important;
    border-radius: 3px;
    color: #6f6e6c !important;
    /* font-family: Ossy !important; CHANGED */
    font-family: NotoR !important;
    transition: 0.8s !important;
    font-size: 12.53px !important;
    width: 100% !important;
    min-height: 30px !important;
}

.addtocartbutton:hover {
    background-color: #E72325 !important;
    color: #fff !important;
}

.woocommerce ul.products li.product {
    margin-bottom: 30px !important;
    min-height: 380px;
}

.woocommerce-loop-product__title {
    min-height: 70px;
}

.woocommerce-privacy-policy-text {
    display: none !important;
}

.showlogin {
    color: #E72325 !important;
    font-family: OSbold;
}

/*--------------------Individual Product Pages---------------*/

/*.single-product*/

.woocommerce-breadcrumb {
    display: none;
}

.single-product div.product {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 1115px;
}

.woocommerce-product-gallery__trigger {
    display: none;
}

.single-product .entry:hover img {
    filter: brightness(100%);
    transition: 0.6s;
}

.single-product .woocommerce-notices-wrapper {
    display: none;
}

.product_title {
    font-family: NotoB !important;
    font-size: 25px !important;
}

.woocommerce-tabs ul li.additional_information_tab {
    display: none !important;
}

.woocommerce-product-details__short-description p {
    font-size: 14px;
    font-family: NotoB !important;
}

.cart button {
    padding: 0px !important;
    border-radius: 0px !important;
    background-color: #E72325 !important;
    border: 1px solid #E72325 !important;
    color: #fff !important;
    transition: 0.6s;
    /* font-family: Ossy !important; CHANGED */
    font-family: NotoR !important;
    font-size: 14px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    height: 50px !important;
    margin: 0px !important;
}

.cart button:hover {
    background-color: #fff !important;
    color: #E72325 !important;
}

.woocommerce-tabs ul {
    font-family: NotoR !important;
    border-bottom: 1px solid #E72325;
}

.woocommerce-tabs ul li.active a {
    font-family: NotoR !important;
    color: #fff;
    background-color: #E72325;
    border: none;
    font-size: 17px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: normal;
}

.single-product form.cart input[type=number] {
    width: 5em;
    height: 50px !important;
    border: 1px solid #dae2e6 !important;
}

.single-product form.cart input[type=number]:hover {
    border: 1px solid #E72325 !important;
}

.woocommerce-Tabs-panel {
    padding: 10px !important;
}

.woocommerce-Tabs-panel p {
    font-size: 18px;
    font-family: NotoR;

}

.woocommerce-Tabs-panel h2 {
    display: none;
}

.product_meta {
    display: none;
}

.wc-forward {
    display: none;
}

.variations .label {
    /* font-family: Ossy !important; CHANGED */
    font-family: NotoR !important;
    font-weight: bold !important;
    font-size: 18px !important;
    border: none;
    padding-left: 0px;
}

.variations .value {
    font-family: NotoR !important;
    font-size: 18px !important;
    border: none;
}

.variations select {
    border: 1px solid #000 !important;
    cursor: pointer !important;
    cursor: pointer !important;
}

.variations select:focus {
    outline: none !important;
}

a.reset_variations {
    text-decoration: none;
    /* font-family: Ossy !important; CHANGED */
    font-family: NotoR !important;
    font-weight: bold !important;
    font-size: 18px !important;
    color: #E72325;
}

.value option:hover {
    background-color: #E72325 !important;
    color: red !important;
}

/*.related.products{
	visibility: hidden;
	height: 0px !important;
	padding: 0px !important;
	margin: 0px !important;
}*/

/*----------------Account Page (not signed in)-----------*/
.accPgHead p {
    font-family: NotoB;
    font-size: 20px !important;
    color: #E72325 !important;
    padding-bottom: 15px;
}

.accPgHead.elementor-widget:not(:last-child) {
    margin-bottom: 0px !important;
}

.u-columns h2 {
    font-family: NotoR;
    font-size: 18px;
    color: #767F84;
    margin-bottom: -10px;
}

.woocommerce-form-row label {
    margin-top: 25px;
    font-family: NotoR;
    font-size: 14px;
    color: #767F84;
    font-weight: normal !important;
}

.woocommerce-form-login__rememberme {
    margin-top: 25px;
    font-family: NotoR;
    font-size: 14px;
    color: #767F84;
    font-weight: normal !important;
}

.woocommerce form .form-row .input-text,
.woocommerce-page form .form-row .input-text {
    font-family: NotoR;
    font-size: 14px;
    color: #000;
    padding: 5px;
}

.woocommerce form .show-password-input,
.woocommerce-page form .show-password-input {
    position: absolute;
    right: 10px;
    top: 7px;
    cursor: pointer;
}

.woocommerce form .show-password-input.display-password::after,
.woocommerce-page form .show-password-input.display-password::after {
    color: #E72325;
}

.woocommerce-form__input {
    height: 20px !important;
    width: 20px !important;
}

.woocommerce-form__input-checkbox {
    height: 20px;
}

.woocommerce .woocommerce-form-login__rememberme {
    margin-top: 35px;
    margin-bottom: 30px;
}

.woocommerce-form-login__submit {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    background-color: #E72325 !important;
    border: 1px solid #E72325 !important;
    border-radius: 3px;
    color: #fff !important;
    /* font-family: Ossy !important; CHANGED */
    font-family: NotoR !important;
    transition: 0.8s !important;
    font-size: 14px !important;
    min-height: 30px !important;
}

.woocommerce-form-login__submit:hover {
    background-color: #fff !important;
    color: #E72325 !important;
}

.woocommerce-LostPassword {
    margin-top: 15px;
    font-family: NotoR;
    font-size: 14px;
    color: #767F84;
}

.woocommerce-LostPassword a:hover {
    color: #E72325;
}

.woocommerce-form p {
    margin-top: 25px;
    font-family: NotoR;
    font-size: 14px;
    color: #767F84;
    font-weight: normal !important;
}

.woocommerce-form-register__submit {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    background-color: #E72325 !important;
    border: 1px solid #E72325 !important;
    border-radius: 3px;
    color: #fff !important;
    /* font-family: Ossy !important; CHANGED */
    font-family: NotoR !important;
    transition: 0.8s !important;
    font-size: 14px !important;
    min-height: 30px !important;
}

.woocommerce-form-register__submit:hover {
    background-color: #fff !important;
    color: #E72325 !important;
}

.wooFormShortBox {
    border: 1px solid #ececec;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08);
    border-top: 4px solid #E72325;
    margin-bottom: 35px;
}

.woocommerce-error {
    border: none;
    background-color: transparent;
    font-family: NotoR;
    font-size: 14px;
    color: #b22222;
}

.woocommerce-error li {
    padding: 10px 0px;
}

/*----------------Account Page (signed in)-----------*/

.woocommerce-MyAccount-navigation-link li a {
    color: #767F84 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
    padding: 10px 0 !important;
    margin: 0 0 0 0 !important;
    font-family: NotoR !important;
    font-size: 15px;

}

.woocommerce-account .woocommerce-MyAccount-navigation-link a {
    font-weight: 400 !important;
    font-size: 14px !important;
}

.woocommerce-MyAccount-content {
    border-top: 1px solid #000;
    padding-top: 20px;
    min-width: 100%;
}

.woocommerce-MyAccount-content p {
    font-family: NotoR !important;
    font-size: 15px !important;
    color: #767F84 !important;
}

.woocommerce-info {
    border-top-color: #E72325;
}

.woocommerce-Button {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    background-color: #E72325 !important;
    border: 1px solid #E72325 !important;
    border-radius: 3px;
    color: #fff !important;
    /* font-family: Ossy !important; CHANGED */
    font-family: NotoR !important;
    transition: 0.8s !important;
    font-size: 14px !important;
    min-height: 30px !important;
}

.woocommerce-Button:hover {
    background-color: #fff !important;
    color: #E72325 !important;
    text-decoration: none !important;
}

.button {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    background-color: #E72325 !important;
    border: 1px solid #E72325 !important;
    border-radius: 3px;
    color: #fff !important;
    /* font-family: Ossy !important; CHANGED */
    font-family: NotoR !important;
    transition: 0.8s !important;
    font-size: 14px !important;
    min-height: 30px !important;
}

.woocommerce .woocommerce-cart-form button[name=update_cart] {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    background-color: #E72325 !important;
    border: 1px solid #E72325 !important;
    border-radius: 3px;
    color: #fff !important;
    /* font-family: Ossy !important; CHANGED */
    font-family: NotoR !important;
    transition: 0.8s !important;
    font-size: 14px !important;
    min-height: 30px !important;
}

.woocommerce .woocommerce-cart-form button[name=apply_coupon] {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    background-color: #E72325 !important;
    border: 1px solid #E72325 !important;
    border-radius: 3px;
    color: #fff !important;
    /* font-family: Ossy !important; CHANGED */
    font-family: NotoR !important;
    transition: 0.8s !important;
    font-size: 14px !important;
    min-height: 30px !important;
}

.woocommerce-notices-wrapper .button {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    background-color: #E72325 !important;
    border: 1px solid #E72325 !important;
    border-radius: 3px;
    color: #fff !important;
    /* font-family: Ossy !important; CHANGED */
    font-family: NotoR !important;
    transition: 0.8s !important;
    font-size: 14px !important;
    min-height: 30px !important;
}

.button:hover {
    background-color: #fff !important;
    color: #E72325 !important;
    text-decoration: none !important;
}

.woocommerce .woocommerce-cart-form button[name=update_cart]:hover {
    background-color: #fff !important;
    color: #E72325 !important;
    text-decoration: none !important;
}

.woocommerce .woocommerce-cart-form button[name=apply_coupon]:hover {
    background-color: #fff !important;
    color: #E72325 !important;
    text-decoration: none !important;
}

.woocommerce-Addresses h3,
p {
    font-family: NotoR !important;
}

.woocommerce-Addresses h3 {
    font-size: 24px !important;
}

.woocommerce-Addresses {
    font-size: 18px !important;
}

.edit {
    font-family: NotoR !important;
    font-size: 15px;
    font-family: NotoR;
}

.edit:hover {
    color: #E72325;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses address {
    font-family: NotoR !important;
}

.woocommerce-Address address {
    font-family: NotoR !important;
    font-size: 15px !important;
    color: #767F84 !important;
}

/*------------------Edit Account Form---------------*/
.woocommerce-EditAccountForm label {
    font-family: NotoR !important;
    font-size: 15px !important;
    color: #767F84 !important;

}

.woocommerce-account .woocommerce-EditAccountForm #account_display_name+span {
    font-size: 15px !important;
}

.woocommerce-account .woocommerce-EditAccountForm input {
    border: 1px solid #767F84;
}

.woocommerce-Address-title h3 {
    font-size: 24px !important;
}

/*----------------------------cart page-----------------------*/

a.remove {
    padding-top: 1px;
    padding-left: 1px;
}

a.remove:hover {
    background: #E72325 !important;
}

.cartBlock {
    padding-bottom: 20px;
}

.woocommerce-cart-form {
    max-width: 57%;
    display: inline-block;
    min-height: auto;
}

.woocommerce-cart-form th {
    font-size: 14px;
    font-family: NotoB;
    color: #000;
}

.cart-collaterals {
    max-width: 40%;
    display: inline-block;
    margin-right: 20px;
    min-height: 263px;
}

.cart_totals {
    width: 100% !important;
    float: left !important;
    margin-left: 20px;
}

.cart_totals h2 {
    font-size: 20px;
    font-family: NotoB;
    color: #000;
}

.cart_totals th {
    font-size: 14px;
    font-family: NotoB;
    color: #000;
}

.cart_totals a:hover {
    font-size: 14px;
    font-family: NotoR;
    color: #E72325;
}

/*------------------Checkout Page-------------------*/
.showcoupon {
    color: #E72325 !important;
}

.woocommerce-info {
    font-family: NotoR !important;
    font-size: 15px;
    margin-bottom: 5px !important;
}

.woocommerce-form-coupon {
    font-family: NotoR !important;
    font-size: 15px;
}

.woocommerce-form-coupon #coupon_code {
    border: 1px solid #767F84;
}

.checkout {
    padding: 16px;
    font-family: NotoR !important;
}

.checkout h3 {
    font-size: 24px !important;
    font-family: NotoR !important;
}

.checkout label {
    font-family: NotoR;
    font-size: 14px;
    color: #767F84;
    font-weight: normal !important;
}

.checkout input {
    font-family: NotoR;
    font-size: 14px;
    color: #000;
    border: 1px solid #767F84;
}

.select2-selection {
    font-family: NotoR;
    font-size: 14px;
    color: #000;
    border: 1px solid #767F84 !important;
}

.select2-dropdown {
    font-family: NotoR;
    font-size: 14px;
    color: #000;
    border: 1px solid #767F84 !important;
}

.select2-search__field {
    max-height: 30px !important;
}

.input-text {
    font-family: NotoR;
    font-size: 14px;
    color: #000;
    border: 1px solid #767F84 !important;
}

.cart_item td {
    font-family: NotoR;
    font-size: 14px;
    color: #000;
}

.shop_table th {
    font-size: 14px;
    font-family: NotoB;
    color: #000;
}

.woocommerce-checkout-review-order ul {
    list-style-type: none;
}

.woocommerce-terms-and-conditions-wrapper p {
    font-size: 14px !important;
    font-family: NotoR;
    color: #000;
}

/*-------------Contact Us Page-----------------------*/

#forminator-module-575 .forminator-button {
    color: #fff !important;
    background-color: #E72325 !important;
    border: 1px solid #E72325;
    padding-left: 25px !important;
    padding-right: 25px !important;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    transition: 1s !important;
    font-size: 12px !important;
    /* font-family: OSreg2; CHANGED */
    font-family: NotoR !important;
    border-radius: 0px !important;
    height: 36.78px !important;
    box-shadow: none;
}

#forminator-module-575 .forminator-button:hover {
    background-color: transparent !important;
    color: #E72325 !important;
}

#forminator-module-575 .forminator-label {
    margin-top: 0px;
    font-family: NotoR;
    font-size: 14px;
    color: #767F84;
    font-weight: normal !important;
    margin-bottom: 5px;
}

#forminator-module-575 input,
textarea {
    border: 1px solid #767F84 !important;
    border-radius: 0px !important;
    background-color: #fff !important;
    font-family: NotoR !important;
    font-size: 14px !important;
}

#forminator-module-575 textarea {
    min-height: 230px !important;
}

.contDetalis {
    font-family: NotoB !important;
    font-size: 15px;
    color: #000;
}

.contDetalis a {
    font-family: NotoR !important;
    font-size: 15px;
    color: #000;
}

.contDetalis a:hover {
    color: #E72325;
    cursor: pointer;
}

.contRghtCol {
    padding-left: 2%;
}

.contLftCol {
    padding-right: 2%;
}

.forminator-label--notice {
    color: #E14562 !important;
    font-family: NotoR !important;
    font-size: 14px !important;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields label {
    margin-top: 0px !important;
    font-family: NotoR !important;
    font-size: 14px !important;
    color: #767F84 !important;
    font-weight: normal !important;
    margin-bottom: 5px !important;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields .select2-selection {
    border: 2px solid #000;
    height: 3rem;
    padding-top: 0.5rem;
    margin-top: 0px;
}

/*---------------------------------------------------------------- Accordion --------------------------------------------*/
button.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active,
.accordion:hover {
    background-color: #fff;
}

/* Style the accordion panel. Note: hidden by default */
div.panel {
    padding: 0 18px;
    background-color: white;
    display: none;
    overflow: hidden;
}

.white-background button {
    margin-bottom: 10px;
    background-color: #E72325 !important;
    color: white;
}

.white-background .panel {
    padding-bottom: 10px;
}

/*---------------------------------------------------------------- Terms  --------------------------------------------*/

.para-spacing p {
    padding-bottom: 10px;
}

/*---------------------------------------------------------------- CONFIRM BOX --------------------------------------*/

#confirmBox {
    display: none;
    position: fixed;
    z-index: 9999 !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh !important;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(10px);
}

#confirmBoxContent {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 30px;
    border: 1px solid #888;
    width: 80%;
}

#confirmBoxContent p,
#confirmBoxContent ul {
    font-family: NotoR;
    font-size: 18px;
    margin: 15px auto;
}

#confirm-buttons {
    width: 100%;
    text-align: center;
}

#confirmButton,
#cancelButton {
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

#confirmButton {
    background-color: #E72325;
    /* Green */
}

#cancelButton {
    background-color: #f44336;
    /* Red */
}

/*----------------------------------------------------------------11 @media------------------------------------------------*/

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

    .footTxtCols {
        padding-left: 1% !important;
    }

}

/**Older Laptops**/
@media only screen and (max-width: 1440px) {}


@media only screen and (max-width: 1366px) {}

/**Laptop with MDPI screen**/
@media only screen and (max-width: 1280px) {}

@media only screen and (max-width: 1137px) {
    .notiBox {
        display: block !important;
    }

    .siteWideBoxRestrict {
        max-width: 1115px !important;
        width: 100vw !important;
        padding-left: 2%;
        padding-right: 2%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .siteWideBoxRestrict2 {
        max-width: 1100px !important;
        width: 100vw !important;
        padding-left: 2%;
        padding-right: 2%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .headMaxSize {
        width: 100vw !important;
        max-width: none !important;
        padding-left: 2%;
        padding-right: 2%;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .headGreyContBlock {
        padding-left: 2% !important;
        padding-right: 2% !important;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .mainFootBlock {
        padding-left: 2% !important;
        padding-right: 2% !important;
    }

    .single-product div.product {
        max-width: 1115px;
        width: 100vw !important;
        padding-left: 2%;
        padding-right: 2%;

    }

    .navMenu.elementor-widget:not(:last-child) {
        margin-bottom: 0px !important;
    }

    .icoBlock {
        top: 20px;
    }

    .hfe-site-header-cart-li .elementor-button {
        padding: 0px 0px;
    }

    .productiveTileCol {
        min-height: 221px;
        border-right: 6px solid #fff;
        margin-right: 0%;
    }

    .securityTileCol {
        min-height: 221px;
        border-right: 6px solid #fff;
        margin-right: 0%;
    }

    .backupTileCol {
        min-height: 221px;
        margin-right: 0%;
    }

    .breadCrumbBlock a {
        padding-left: 20px !important;
    }


}


@media only screen and (max-width: 1024px) {}


@media only screen and (max-width: 961px) {
    .footWhtTxt {
        font-size: 0.8em;
    }

    .largeBlckNum {
        font-size: 0.8em;
    }

    .elementor-193 .elementor-element.elementor-element-6b82159 {
        --icon-size: 17px;
    }

    .footTxtCols:not(:last-child) {
        max-width: 15%;
    }

    .sharNimgCol {
        min-width: 23%;
        padding-left: 2%;
    }


}

/**Tablet Optimisation**/
@media only screen and (max-width: 912px) {

    .mainFootBlock {
        display: none;
    }

    .mobFoot {
        display: block;
        text-align: center;
        background-color: #202020;
        padding-top: 2%;
        padding-bottom: 2%;
        padding-left: 2%;
        padding-right: 2%;
    }

    .footWhtTxt {
        padding-bottom: 0px;
    }

    .mobUpPadder {
        margin-top: -15px;
    }

    .mobFootPadder {
        padding-bottom: 10px;
    }

    .mobFootShtCdBlck {
        margin-top: -25px;
    }

    .mobFoot .forminator-checkbox-label {
        color: #A8A8A8;
        font-size: 12px;
        /* font-family: OSreg2; CHANGED */
        font-family: NotoR;
    }

    #forminator-module-247 .forminator-row {
        width: auto !important;
        display: block !important;
        margin-bottom: 0px !important;
    }

    #forminator-module-247.forminator-ui.forminator-custom-form[data-design=default] .forminator-input {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        margin-top: 0px;
    }

    .mobFoot #email-1.forminator-col {
        display: block !important;
    }

    .mobFoot #email-1 {
        padding-left: 20%;
        padding-right: 20%;
        margin-bottom: 10px;
    }

}

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

    .woocommerce .woocommerce-cart-form {
        min-width: 100%;
        padding-left: 10px;
        padding-right: 10px;

    }

    .cart-collaterals {
        min-width: 100% !important;
        float: none !important;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .cart_totals {
        width: 100% !important;
        float: none !important;
        margin-left: 0px;
    }


}




/** mobile Optimisation **/

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

    #textarea-1 {
        width: 100%;
    }

}

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

    .headMaxSize {
        display: none;
    }

    .mobHeadBox {
        display: block;
    }

    .mobMenuAcerLogo {
        padding-top: 20px;
    }

    .mobNotiBox {
        background-color: #000;
        padding-top: 10px;
        padding-bottom: 20px;
        text-align: center;
    }

    .calUsShopBoxMob {
        padding-bottom: 10px;
        background-color: #F4F4F4;
        padding-top: 10px;
    }

    .callUsLine {
        text-align: right;
        padding-right: 15px;
        /*		width: 40% !important;*/

    }

    /* .mobileCartBox {
        width: 40% !important;
    } */

    .calUsShopBoxMob .elementor-column {
        width: 50% !important;
    }

    #hfe-menu-cart__toggle_button {
        float: left;
        padding-left: 10px;
    }

    .headContLinksFlt {
        float: none;
        text-align: center;
        background-color: #F4F4F4;
        padding-top: 0px;
        padding-bottom: 5px;
        margin-top: -20px;
    }

    #menu-1-e6de73b {
        margin-top: -4px;
        min-width: 100vw;
    }

    .mobileMenu .sub-menu-toggle {
        display: none;
    }

    .mobileMenu {
        margin-top: -10px;
        padding-bottom: 10px;
    }

    .hfe-nav-menu-icon {
        color: #000 !important;
    }

    .elementor-widget-navigation-menu .menu-item a.hfe-menu-item {
        color: #1F1F1F !important;
        font-family: NotoR;
        font-size: 14px !important;
        border-right: 1px solid #000;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        padding-right: 30px !important;
        padding-left: 30px !important;
        font-weight: bold !important;
    }

    .sub-menu-open {
        background-color: #F4F4F4 !important;
    }

    .elementor-17 .elementor-element.elementor-element-e6de73b nav.hfe-dropdown .menu-item a.hfe-sub-menu-item {
        background-color: #F4F4F4 !important;
    }

    .elementor-widget-navigation-menu .menu-item a.hfe-menu-item,
    .elementor-widget-navigation-menu .sub-menu a.hfe-sub-menu-item {
        padding-top: 15px;
        padding-bottom: 15px;
        color: #1F1F1F !important;
        font-family: NotoR;
        font-size: 14px !important;
    }

    .siteWideBoxRestrict {
        padding-left: 1%;
        padding-right: 1%;
    }

    .siteWideBoxRestrict2 {
        padding-left: 1%;
        padding-right: 1%;
    }

    .productiveTileCol {
        border-right: 6px solid #fff;
        border-left: 6px solid #fff;
    }

    .backupTileCol {
        border-right: 6px solid #fff;
    }

    .searchBar {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .accPgHead p {
        padding-left: 10px;
    }

    .woocommerce-info {
        padding-left: 10px;
    }



}

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

    .woocommerce table.shop_table_responsive tr:nth-child(2n+1) td,
    .woocommerce-page table.shop_table_responsive tr:nth-child(2n+1) td {
        background: #fff;
        filter: brightness(100%);
    }
}

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

    .productiveTileCol {
        border-right: 0px solid #fff;
        border-left: 0px solid #fff;
        border-bottom: 6px solid #fff;
    }

    .securityTileCol {
        border-right: 0px solid #fff;
        border-bottom: 6px solid #fff;
    }

    .backupTileCol {
        border-right: 0px solid #fff;
    }

    #forminator-module-575 .forminator-col {
        width: 100%;
    }

    .accPgHead p {
        padding-left: 0px;
    }

    .contLftCol {
        padding-right: 0px;
    }

    .contRghtCol {
        padding-left: 0px;
    }

    .mobFoot #email-1 {
        padding-left: 5%;
        padding-right: 5%;
    }

}

@media only screen and (max-width: 650px) {
    .breadCrumbBlock {
        display: none;
    }

}

@media only screen and (max-width: 462px) {}

@media only screen and (max-width: 450px) and (min-height: 900px) {}

@media only screen and (max-width: 450px) {}

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

    .dropDdiv {
        display: none;
    }

    .mobSearchBarBox {
        padding-left: 10px;
        padding-right: 10px;
    }


    .searchBar {
        border: 1px solid #000;
        border-radius: 40px;
        width: 100% !important;
        padding-bottom: 5px !important;
    }

    .searchInput {
        width: 75%;
        max-width: 75% !important;
    }


}

@media only screen and (max-width: 400px) and (min-height: 800px) {}

/* Nick added to remove billing page Additional Information field - Mar24 */
.woocommerce-additional-fields {
    display:none;
}

.sofserv-email-order-note {
    color: #84b71e;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 130%;
    margin: 0 0 18px;
    text-align: left;
}

.sofserv-email-order-table{
    color: #4d4d4d;
    border: 1px solid #e5e5e5;
    vertical-align: middle;
    width: 100%;
    font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    margin-bottom: 0.5em;
}

.shop_table.order_details :is(thead,tfoot){
    text-align:left;
}

/*
* Add bitdefender banner to Featured products
*/
li.featured {
    position: relative;
}

li.featured:before {
    text-align: center;
    background: #1C7928;
    color: white;
    position: absolute;
    content: "Most Popular"; /* Change this to your desired text */
    height: 30px;
    max-width: 350px;
    width: 100%;
    font-family: Arial, sans-serif;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-top: 7px;
    top: -5px;
    /*left: 7%;*/
    box-sizing: content-box;
}

/*
Sofserv - change product category/shop grid background color
 */
.woocommerce ul.products.columns-3 li.product {
    background: #F6F6F6 0% 0% no-repeat padding-box;
    padding:16px;
}
.price {
    margin-top: 15px;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
}