/* =====================================================
   BRAINMARK SOLUTIONS - GRAPHIC DESIGN SHOP
   Brand colours: navy #123b70, gold #d9aa36
   All selectors are scoped to .bm-design-shop.
===================================================== */
.bm-design-shop{--bm-navy:#123b70;--bm-navy-deep:#09294f;--bm-blue:#205b98;--bm-gold:#d9aa36;--bm-gold-light:#f8e7b5;--bm-ink:#233347;--bm-muted:#68778b;--bm-pale:#f5f8fc;color:var(--bm-ink);overflow:hidden}
.bm-design-shop *{box-sizing:border-box}
.bm-design-shop img{max-width:100%;height:auto}
.bm-design-shop h1,.bm-design-shop h2,.bm-design-shop h3{line-height:1.2}
.bm-design-shop a{text-decoration:none}
.bm-design-shop .bm-section{padding:76px 0}
.bm-design-shop .bm-design-hero{position:relative;isolation:isolate;overflow:hidden;padding:70px 0 76px;background:linear-gradient(125deg,var(--bm-navy-deep),var(--bm-navy) 64%,#1c568d);color:#fff}
.bm-design-shop .bm-design-hero:before{content:"";position:absolute;z-index:-1;width:440px;height:440px;right:-130px;top:-220px;border:1px solid rgba(217,170,54,.38);border-radius:50%;box-shadow:0 0 0 45px rgba(217,170,54,.035),0 0 0 90px rgba(217,170,54,.025)}
.bm-design-shop .bm-design-eyebrow,.bm-design-shop .bm-section-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 15px;color:var(--bm-gold);font-size:12px;font-weight:800;letter-spacing:1.65px;text-transform:uppercase}
.bm-design-shop .bm-design-eyebrow span{display:inline-block;width:27px;height:3px;background:var(--bm-gold)}
.bm-design-shop .bm-design-hero h1{margin:0 0 20px;color:#fff;font-size:clamp(36px,4.3vw,58px);font-weight:850;letter-spacing:-1.3px}
.bm-design-shop .bm-design-hero h1 span{color:var(--bm-gold)}
.bm-design-shop .bm-design-hero-copy{max-width:640px;margin:0 0 25px;color:#e1eaf6;font-size:17px;line-height:1.85}
.bm-design-shop .bm-design-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}
.bm-design-shop .bm-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:47px;padding:13px 20px;border:1px solid transparent;border-radius:6px;font-size:14px;font-weight:800;transition:transform .2s ease,background .2s ease,color .2s ease}
.bm-design-shop .bm-btn:hover{transform:translateY(-2px)}
.bm-design-shop .bm-btn-gold{background:var(--bm-gold);border-color:var(--bm-gold);color:var(--bm-navy-deep)}
.bm-design-shop .bm-btn-gold:hover{background:#edc65c;border-color:#edc65c;color:var(--bm-navy-deep)}
.bm-design-shop .bm-btn-outline{border-color:rgba(255,255,255,.6);color:#fff;background:transparent}
.bm-design-shop .bm-btn-outline:hover{background:#fff;color:var(--bm-navy)}
.bm-design-shop .bm-design-benefits{display:flex;flex-wrap:wrap;gap:10px 22px;color:#e8eff8;font-size:12px;font-weight:700}
.bm-design-shop .bm-design-benefits span{display:inline-flex;align-items:center;gap:8px}
.bm-design-shop .bm-design-benefits i{color:var(--bm-gold);font-size:16px}
.bm-design-shop .bm-design-hero-image-wrap{position:relative;margin-left:auto;max-width:510px;padding:12px;border:1px solid rgba(255,255,255,.24);border-radius:16px;background:rgba(255,255,255,.08);box-shadow:0 22px 55px rgba(0,0,0,.22);transform:rotate(1deg)}
.bm-design-shop .bm-design-hero-image{display:block;width:100%;height:330px;object-fit:cover;border-radius:10px}
.bm-design-shop .bm-design-image-tag{position:absolute;left:-12px;bottom:27px;display:flex;align-items:center;gap:9px;padding:12px 17px;border:1px solid rgba(255,255,255,.45);border-radius:7px;background:#fff;color:var(--bm-navy);font-weight:800;font-size:13px;box-shadow:0 9px 24px rgba(0,0,0,.18)}
.bm-design-shop .bm-design-image-tag i{color:#b78714;font-size:17px}
.bm-design-shop .bm-design-hero-curve{position:absolute;bottom:-1px;left:0;width:100%;height:14px;background:linear-gradient(90deg,var(--bm-gold) 0 22%,#fff 22% 100%);clip-path:polygon(0 0,35% 100%,100% 0,100% 100%,0 100%)}

/* Catalogue */
.bm-design-shop .bm-design-catalogue{background:#fff}
.bm-design-shop .bm-section-heading{max-width:780px;margin:0 auto 35px;text-align:center}
.bm-design-shop .bm-section-heading .bm-section-eyebrow{justify-content:center}
.bm-design-shop .bm-section-heading h2,.bm-design-shop .bm-services-intro h2,.bm-design-shop .bm-design-quote h2{margin:0 0 14px;color:var(--bm-navy);font-size:clamp(28px,3vw,38px);font-weight:850;letter-spacing:-.5px}
.bm-design-shop .bm-section-heading>p:last-child{margin:0;color:var(--bm-muted);font-size:15px;line-height:1.8}
.bm-design-shop .bm-products-wrap .woocommerce{width:100%}
.bm-design-shop .bm-products-wrap ul.products{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0!important;padding:0!important;list-style:none}
.bm-design-shop .bm-products-wrap ul.products:before,.bm-design-shop .bm-products-wrap ul.products:after{display:none!important;content:none!important}
.bm-design-shop .bm-products-wrap ul.products li.product{float:none!important;width:auto!important;margin:0!important;padding:13px 13px 18px!important;overflow:hidden;border:1px solid #e1e8f1;border-radius:11px;background:#fff;box-shadow:0 5px 20px rgba(18,59,112,.055);transition:transform .22s ease,box-shadow .22s ease}
.bm-design-shop .bm-products-wrap ul.products li.product:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(18,59,112,.12)}
.bm-design-shop .bm-products-wrap ul.products li.product a img{width:100%!important;height:220px!important;margin:0 0 16px!important;object-fit:cover;border-radius:7px;background:var(--bm-pale)}
.bm-design-shop .bm-products-wrap ul.products li.product .woocommerce-loop-product__title{padding:0 2px 8px;color:var(--bm-navy);font-size:17px!important;font-weight:800;line-height:1.45}
.bm-design-shop .bm-products-wrap ul.products li.product .price{display:block;margin:5px 2px 14px;color:var(--bm-navy)!important;font-size:16px!important;font-weight:800}
.bm-design-shop .bm-products-wrap ul.products li.product .price del{color:#8995a5!important;font-size:13px}
.bm-design-shop .bm-products-wrap ul.products li.product .price ins{text-decoration:none}
.bm-design-shop .bm-products-wrap ul.products li.product .button,.bm-design-shop .bm-products-wrap ul.products li.product a.button{display:block;margin:12px 0 0!important;padding:12px 14px!important;border:1px solid var(--bm-navy)!important;border-radius:6px!important;background:var(--bm-navy)!important;color:#fff!important;text-align:center;font-size:13px!important;font-weight:800!important;line-height:1.3!important}
.bm-design-shop .bm-products-wrap ul.products li.product .button:hover{border-color:var(--bm-gold)!important;background:var(--bm-gold)!important;color:var(--bm-navy-deep)!important}
.bm-design-shop .bm-products-wrap span.onsale{top:20px!important;left:20px!important;min-height:0!important;min-width:0!important;padding:7px 10px!important;border-radius:4px!important;background:var(--bm-gold)!important;color:var(--bm-navy-deep)!important;font-size:11px!important;font-weight:800}
.bm-design-shop .bm-catalogue-footnote{display:flex;align-items:flex-start;gap:10px;margin:27px 0 0;padding:15px 17px;border:1px solid #e8edf4;border-radius:7px;background:#f8fafc;color:#65748a;font-size:12px;line-height:1.7}
.bm-design-shop .bm-catalogue-footnote i{flex:0 0 auto;color:#26724b;font-size:18px}
.bm-design-shop .bm-admin-notice{padding:18px;border:1px solid #eddca9;border-left:4px solid var(--bm-gold);border-radius:7px;background:#fff9e9;color:#594719;font-size:14px;line-height:1.7}

/* Marketing information */
.bm-design-shop .bm-design-services{background:var(--bm-pale)}
.bm-design-shop .bm-services-intro{margin-bottom:32px}
.bm-design-shop .bm-services-intro h2{max-width:690px}
.bm-design-shop .bm-services-lead{max-width:760px;margin:0;color:var(--bm-muted);font-size:15px;line-height:1.9}
.bm-design-shop .bm-price-highlight{padding:20px 23px;border:1px solid #eddca9;border-radius:10px;background:linear-gradient(135deg,#fffaf0,#fff);box-shadow:0 6px 20px rgba(166,124,25,.08)}
.bm-design-shop .bm-price-highlight span,.bm-design-shop .bm-price-highlight small{display:block}
.bm-design-shop .bm-price-highlight span{color:var(--bm-navy);font-size:13px;font-weight:800}
.bm-design-shop .bm-price-highlight strong{display:block;margin:3px 0;color:#b78714;font-size:39px;font-weight:900;letter-spacing:-1px}
.bm-design-shop .bm-price-highlight small{color:#6d7786;font-size:12px;line-height:1.65}
.bm-design-shop .bm-service-card{height:100%;overflow:hidden;border:1px solid #e2e8f0;border-radius:10px;background:#fff;box-shadow:0 7px 22px rgba(18,59,112,.05);transition:transform .2s ease,box-shadow .2s ease}
.bm-design-shop .bm-service-card:hover{transform:translateY(-4px);box-shadow:0 13px 28px rgba(18,59,112,.11)}
.bm-design-shop .bm-service-card>img{display:block;width:100%;height:180px;object-fit:cover;background:#e8edf4}
.bm-design-shop .bm-service-card-body{position:relative;padding:28px 20px 22px}
.bm-design-shop .bm-service-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-top:-49px;margin-bottom:17px;border:3px solid #fff;border-radius:10px;background:var(--bm-gold);color:var(--bm-navy);font-size:19px;box-shadow:0 3px 12px rgba(0,0,0,.1)}
.bm-design-shop .bm-service-card h3{margin:0 0 11px;color:var(--bm-navy);font-size:18px;font-weight:850}
.bm-design-shop .bm-service-card p{margin:0;color:var(--bm-muted);font-size:13px;line-height:1.8}
.bm-design-shop .bm-service-promise{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 30px;margin-top:28px;padding-top:24px;border-top:1px solid #dfe6ef}
.bm-design-shop .bm-service-promise div{display:flex;align-items:center;gap:8px;color:#40516a;font-size:12px;font-weight:700}
.bm-design-shop .bm-service-promise i{color:#b78714;font-size:17px}

/* Quotation */
.bm-design-shop .bm-design-quote{position:relative;background:linear-gradient(125deg,#082649,var(--bm-navy) 65%,#194f82);color:#fff}
.bm-design-shop .bm-design-quote .bm-section-eyebrow{color:var(--bm-gold)}
.bm-design-shop .bm-design-quote h2{color:#fff}
.bm-design-shop .bm-quote-lead{margin:0 0 22px;color:#e0e9f5;font-size:15px;line-height:1.9}
.bm-design-shop .bm-quote-points{margin-bottom:23px}
.bm-design-shop .bm-quote-points p{display:flex;gap:10px;margin:0 0 12px;color:#edf3fb;font-size:13px;line-height:1.7}
.bm-design-shop .bm-quote-points i{flex:0 0 auto;color:var(--bm-gold);font-size:17px}
.bm-design-shop .bm-quote-contact{display:flex;align-items:center;gap:10px;color:#e0e9f5;font-size:13px}
.bm-design-shop .bm-quote-contact>i{color:var(--bm-gold);font-size:19px}
.bm-design-shop .bm-quote-contact a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.bm-design-shop .bm-quote-form-card{padding:30px;border:1px solid #e3e9f1;border-radius:12px;background:#fff;color:var(--bm-ink);box-shadow:0 18px 45px rgba(0,0,0,.16)}
.bm-design-shop .bm-quote-form-card h3{margin:0 0 9px;color:var(--bm-navy);font-size:23px;font-weight:850}
.bm-design-shop .bm-quote-form-card>p{margin:0 0 23px;color:var(--bm-muted);font-size:13px;line-height:1.7}
.bm-design-shop .bm-quote-form-card .wpcf7 form{margin:0}
.bm-design-shop .bm-quote-form-card .wpcf7 form p{margin:0 0 15px}
.bm-design-shop .bm-quote-form-card .wpcf7 label{display:block;margin-bottom:7px;color:var(--bm-navy);font-size:13px;font-weight:750}
.bm-design-shop .bm-quote-form-card .wpcf7 input:not([type=submit]):not([type=checkbox]):not([type=radio]),.bm-design-shop .bm-quote-form-card .wpcf7 select,.bm-design-shop .bm-quote-form-card .wpcf7 textarea{display:block;width:100%;max-width:100%;min-height:47px;padding:11px 13px;border:1px solid #d8e1ed;border-radius:6px;background:#f8fafc;color:#263445;font:inherit;font-size:14px;box-sizing:border-box}
.bm-design-shop .bm-quote-form-card .wpcf7 textarea{min-height:125px;resize:vertical}
.bm-design-shop .bm-quote-form-card .wpcf7 input:focus,.bm-design-shop .bm-quote-form-card .wpcf7 textarea:focus,.bm-design-shop .bm-quote-form-card .wpcf7 select:focus{outline:0;border-color:var(--bm-blue);background:#fff;box-shadow:0 0 0 3px rgba(32,91,152,.12)}
.bm-design-shop .bm-quote-form-card .wpcf7 input[type=submit]{width:100%;padding:14px 20px;border:1px solid var(--bm-gold);border-radius:6px;background:var(--bm-gold);color:var(--bm-navy-deep);font-size:14px;font-weight:850;cursor:pointer;transition:.2s ease}
.bm-design-shop .bm-quote-form-card .wpcf7 input[type=submit]:hover{background:#edc65c;border-color:#edc65c}
.bm-design-shop .bm-quote-form-card .wpcf7 .wpcf7-not-valid-tip{display:block;margin-top:5px;color:#b42318;font-size:12px}
.bm-design-shop .bm-quote-form-card .wpcf7 .wpcf7-response-output{margin:18px 0 0;padding:12px;border-radius:6px;font-size:13px;line-height:1.6}
.bm-design-shop .bm-quote-form-card .wpcf7-spinner{display:block;margin:8px auto 0}

/* Final call to action */
.bm-design-shop .bm-design-final-cta{padding:40px 0;background:#fff;border-top:4px solid var(--bm-gold)}
.bm-design-shop .bm-design-final-cta h2{margin:0 0 8px;color:var(--bm-navy);font-size:clamp(24px,2.6vw,31px);font-weight:900}
.bm-design-shop .bm-design-final-cta p{margin:0;color:var(--bm-muted);font-size:14px;line-height:1.8}

@media (max-width:991.98px){
 .bm-design-shop .bm-design-hero{padding:56px 0 62px}
 .bm-design-shop .bm-design-hero-image-wrap{max-width:620px;margin:6px auto 0}
 .bm-design-shop .bm-design-hero-image{height:300px}
 .bm-design-shop .bm-section{padding:58px 0}
 .bm-design-shop .bm-products-wrap ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
 .bm-design-shop .bm-services-intro{margin-bottom:27px}
}
@media (max-width:575.98px){
 .bm-design-shop .bm-design-hero{padding:43px 0 52px}
 .bm-design-shop .bm-design-hero h1{font-size:36px;letter-spacing:-.6px}
 .bm-design-shop .bm-design-hero-copy{font-size:15px;line-height:1.8}
 .bm-design-shop .bm-design-actions{align-items:stretch;flex-direction:column}
 .bm-design-shop .bm-design-actions .bm-btn{width:100%}
 .bm-design-shop .bm-design-benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px}
 .bm-design-shop .bm-design-hero-image{height:230px}
 .bm-design-shop .bm-design-image-tag{left:8px;bottom:20px}
 .bm-design-shop .bm-section{padding:44px 0}
 .bm-design-shop .bm-section-heading{margin-bottom:25px}
 .bm-design-shop .bm-products-wrap ul.products{grid-template-columns:1fr;gap:17px}
 .bm-design-shop .bm-products-wrap ul.products li.product{max-width:430px;width:100%!important;margin-inline:auto!important}
 .bm-design-shop .bm-products-wrap ul.products li.product a img{height:235px!important}
 .bm-design-shop .bm-price-highlight{margin-top:6px}
 .bm-design-shop .bm-service-card>img{height:200px}
 .bm-design-shop .bm-service-promise{align-items:flex-start;flex-direction:column;gap:12px}
 .bm-design-shop .bm-quote-form-card{padding:22px 17px}
 .bm-design-shop .bm-design-final-cta .bm-btn{width:100%;margin-top:6px}
}


/* =====================================================
   FIX: REMOVE GAP BETWEEN SITE HEADER AND HERO
   Scoped to the Graphic Design Shop page template.
   Keep this block at the very end of the stylesheet.
===================================================== */
body[class*="page-template-page-graphic-design-shop"] #content,
body[class*="page-template-page-graphic-design-shop"] .site-content,
body[class*="page-template-page-graphic-design-shop"] .site-main,
body[class*="page-template-page-graphic-design-shop"] .content-area,
body[class*="page-template-page-graphic-design-shop"] .entry-content,
body[class*="page-template-page-graphic-design-shop"] .page-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body[class*="page-template-page-graphic-design-shop"] .bm-design-shop,
body[class*="page-template-page-graphic-design-shop"] .bm-design-shop > .bm-design-hero {
    margin-top: 0 !important;
}

/* Avoid a theme-generated first-block gap above the hero. */
body[class*="page-template-page-graphic-design-shop"] .entry-content > :first-child,
body[class*="page-template-page-graphic-design-shop"] .wp-block-post-content > :first-child,
body[class*="page-template-page-graphic-design-shop"] .bm-design-shop > :first-child {
    margin-top: 0 !important;
}

/* Reduce hero top padding slightly; this does not affect the site header. */
.bm-design-shop .bm-design-hero {
    margin-top: 0 !important;
}

/* =========================================
   DESIGN CATEGORY CARDS
   Brainmark Solutions - Navy and Gold
========================================= */

.bm-design-shop .bm-design-categories {
    padding: 70px 0;
    background: #f5f8fc;
    border-top: 1px solid #e3e9f1;
    border-bottom: 1px solid #e3e9f1;
}

/* Section heading */

.bm-design-shop .bm-category-heading {
    max-width: 760px;
    margin: 0 auto 38px;
    text-align: center;
}

.bm-design-shop .bm-category-eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0 0 13px;
    color: #b78714;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.6px;
}

.bm-design-shop .bm-category-eyebrow span {
    display: inline-block;
    width: 28px;
    height: 3px;
    background: #d9aa36;
}

.bm-design-shop .bm-category-heading h2 {
    margin: 0 0 14px;
    color: #123b70;
    font-size: clamp(28px, 3vw, 38px);
    font-weight: 850;
    letter-spacing: -.5px;
}

.bm-design-shop .bm-category-heading > p:last-child {
    max-width: 680px;
    margin: 0 auto;
    color: #68778b;
    font-size: 15px;
    line-height: 1.8;
}


/* Category card */

.bm-design-shop .bm-category-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    border: 1px solid #e0e7f0;
    border-radius: 11px;
    background: #fff;
    color: #233347;
    text-decoration: none;
    box-shadow: 0 5px 20px rgba(18, 59, 112, .055);
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

.bm-design-shop .bm-category-card:hover {
    transform: translateY(-6px);
    border-color: #d9aa36;
    box-shadow: 0 14px 30px rgba(18, 59, 112, .13);
    color: #233347;
    text-decoration: none;
}

.bm-design-shop .bm-category-card:focus-visible {
    outline: 3px solid #d9aa36;
    outline-offset: 4px;
}


/* Image area */

.bm-design-shop .bm-category-image {
    position: relative;
    height: 205px;
    overflow: hidden;
    background: #e8edf4;
}

.bm-design-shop .bm-category-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(9, 41, 79, .03) 45%,
        rgba(9, 41, 79, .30) 100%
    );
    pointer-events: none;
}

.bm-design-shop .bm-category-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s ease;
}

.bm-design-shop .bm-category-card:hover .bm-category-image img {
    transform: scale(1.06);
}


/* Gold category number */

.bm-design-shop .bm-category-number {
    position: absolute;
    z-index: 1;
    top: 13px;
    left: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 39px;
    border: 1px solid rgba(255, 255, 255, .65);
    border-radius: 7px;
    background: #d9aa36;
    color: #09294f;
    font-size: 13px;
    font-weight: 900;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .12);
}


/* Card text */

.bm-design-shop .bm-category-card-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    padding: 23px 20px 21px;
}

.bm-design-shop .bm-category-card-body h3 {
    margin: 0 0 11px;
    color: #123b70;
    font-size: 19px;
    font-weight: 850;
    line-height: 1.35;
}

.bm-design-shop .bm-category-card-body p {
    margin: 0 0 21px;
    color: #68778b;
    font-size: 13px;
    line-height: 1.8;
}


/* Explore link */

.bm-design-shop .bm-category-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid #e8edf4;
    color: #123b70;
    font-size: 13px;
    font-weight: 800;
    transition: color .2s ease;
}

.bm-design-shop .bm-category-link > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 29px;
    height: 29px;
    border-radius: 5px;
    background: #fff4d5;
    color: #123b70;
    font-size: 19px;
    transition:
        background .2s ease,
        transform .2s ease;
}

.bm-design-shop .bm-category-card:hover .bm-category-link {
    color: #b78714;
}

.bm-design-shop .bm-category-card:hover .bm-category-link > span {
    transform: translateX(3px);
    background: #d9aa36;
}


/* Bottom quotation prompt */

.bm-design-shop .bm-category-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    margin-top: 32px;
    padding: 23px 27px;
    border: 1px solid #eddca9;
    border-radius: 9px;
    background: linear-gradient(110deg, #fffaf0, #fff);
}

.bm-design-shop .bm-category-bottom p {
    margin: 0;
    color: #68778b;
    font-size: 14px;
    line-height: 1.8;
}

.bm-design-shop .bm-category-bottom p strong {
    color: #123b70;
}

.bm-design-shop .bm-category-quote-btn {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 13px 18px;
    border: 1px solid #d9aa36;
    border-radius: 6px;
    background: #d9aa36;
    color: #09294f;
    font-size: 13px;
    font-weight: 850;
    text-decoration: none;
    transition: .2s ease;
}

.bm-design-shop .bm-category-quote-btn:hover {
    background: #123b70;
    border-color: #123b70;
    color: #fff;
    text-decoration: none;
}


/* Tablet */

@media (max-width: 991.98px) {
    .bm-design-shop .bm-design-categories {
        padding: 58px 0;
    }

    .bm-design-shop .bm-category-image {
        height: 220px;
    }
}


/* Mobile */

@media (max-width: 575.98px) {
    .bm-design-shop .bm-design-categories {
        padding: 44px 0;
    }

    .bm-design-shop .bm-category-heading {
        margin-bottom: 27px;
    }

    .bm-design-shop .bm-category-image {
        height: 225px;
    }

    .bm-design-shop .bm-category-card-body {
        padding: 20px 17px;
    }

    .bm-design-shop .bm-category-bottom {
        align-items: stretch;
        flex-direction: column;
        padding: 20px;
    }

    .bm-design-shop .bm-category-quote-btn {
        width: 100%;
    }
}