@font-face {
    font-family: 'Avenir Next LT Pro';
    src: url('./assets/fonts/AvenirNextLTPro-Regular.woff2') format('woff2'),
         url('/assets/fonts/AvenirNextLTPro-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Next LT Pro';
    src: url('/assets/fonts/AvenirNextLTPro-Bold.woff2') format('woff2'),
         url('/assets/fonts/AvenirNextLTPro-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Next LT Pro';
    src: url('/assets/fonts/AvenirNextLTPro-It.woff2') format('woff2'),
         url('/assets/fonts/AvenirNextLTPro-It.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* CSS Reset and Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {

    scroll-behavior: smooth;
}   

body {
    font-family: 'Avenir Next LT Pro', sans-serif;
    background-color: #fff;
    overflow-x: hidden;
}

/* Header */
.site-header {  z-index: 100; background: #ffffff; box-shadow: 0 1px 0 rgba(0,0,0,0.06);position: sticky;top: 0; }
.header-inner { max-width: 1440px; margin: 0 auto; padding: 0 20px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; position: relative;}
.hamburger { width: 40px; height: 40px; display: inline-flex; justify-content: flex-start; align-items: center; background: transparent; border: 0; cursor: pointer; }
.hamburger .icon-cross { display: none; }
.nav-open .hamburger .icon-burger { display: none; }
.nav-open .hamburger .icon-cross { display: block; }
.logo img {  display: block;height: 70px; }
.main-nav { display: none; border-top: 1px solid #EFEFEF; }
.main-nav ul { list-style: none; display: flex; gap: 36px; justify-content: center; padding: 14px 0;background-color: #ED3337; }
.main-nav a { color: #fff; font-size: 14px; text-decoration: none;line-height: 22px;font-weight: 600; }
.header-actions { display: inline-flex; align-items: center; gap: 14px; }
.cart { position: relative; display: inline-flex; align-items: center; justify-content: center; }
.cart-badge { position: absolute; top: -6px; right: -6px; background: #ED3337; color: #fff; font-size: 10px; line-height: 1; padding: 2px 4px; border-radius: 10px; min-width: 14px; text-align: center; }
.order-btn { display: inline-flex; align-items: center; justify-content: center; padding: 12px 22px; background: #ED3337; color: #fff; border-radius: 999px; font-weight: 600; font-size: 14px; text-decoration: none; }
.header-actions .hero-btn, .footer-btn-sticky{width: 153px;}

.onlytd .qty-input{margin-left: 13px;}
.decor-cta .qty-input{margin-left: 10px;}

@media (min-width: 1920px) {
.decor-cta .qty-input{margin-left: 10px;}
}
@media (min-width: 992px) {
    .site-header { box-shadow: 0 1px 0 rgba(0,0,0,0.06); }
    .header-inner { grid-template-columns: 1fr auto; height: 80px;}
    .hamburger { display: none; }
    .logo { justify-self: flex-start; }
    .logo img {
        /* position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); */
        height: 80px;
    }
    .main-nav { display: block; }
    .order-btn { padding: 14px 28px; font-size: 15px; background: #474749; }
    .main-nav a{font-size: 16px;}
}


/* Mobile nav (future expand) */
.mobile-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,0.4); opacity: 0; visibility: hidden; transition: opacity .25s ease, visibility .25s ease; z-index: 90; }
.nav-open .mobile-backdrop { opacity: 1; visibility: visible; }
.main-nav { transition: transform .25s ease, opacity .25s ease; }
.nav-open .main-nav { display: block; position: fixed; inset: 0 0 auto 0; top: 72px; background: #fff; box-shadow: 0 6px 16px rgba(0,0,0,0.08); border-top: none; transform: translateY(0); opacity: 1; }
/* .main-nav { transform: translateY(-8px); opacity: 0; } */
.nav-open .main-nav ul { flex-direction: column; padding: 14px 20px; gap: 18px; }
@media (max-width: 991px){
    .site-header{position: sticky;top: 0;}
}
@media (max-width: 767px) {
    .header-inner{
        padding: 12px 10px;
    }
    .header-actions{flex-direction: row-reverse;}
    .logo img{height: 35px;}
    .header-actions .hero-btn {
        width: 145px;
    }
    .nav-open .main-nav {top: 70px;}

    .qty-input{margin-left: 0;}

   

}
@media (max-width:360px){
    .header-actions .hero-btn {
        width: 125px;
    }
    .logo img{height: 30px;}

}
/* Typography */
p {
    margin-bottom: 16px;
}

a {
    color: #404040;
    text-decoration: none;
    transition: color 0.3s ease;
}



/* Layout Utilities */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}

.col {
    flex: 1;
    padding: 0 8px;
}

/* Common Utility Classes */
.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

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


/* Hero Banner Section */
.hero-banner {
    width: 100%;
    height: fit-content;
    overflow: hidden;
    z-index: 10;
    position: relative;
}
.polyic-new-section{position: relative;}

.hero-banner--overlay::after, .polyic-new-section::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.2);
    z-index: 1;
    pointer-events: none;
}
/* .polyic-new-section::after{
    background: radial-gradient(64.45% 183.45% at 100% 95%, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 118%);
} */

.hero-banner-bg {
    width: 100%;
    display: block;
}

.hero-image {
    width: 100%;
    height: auto;
    display: block;
}

/* Hero Swiper */
.hero-swiper {
    position: relative;
    width: 100%;
    overflow: hidden
}

.hero-slide picture,
.hero-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.hero-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 100%;
    max-width: 1200px;
    padding: 0 20px;
}

.hero-banner--overlay .hero-text {
    text-align: center;
    max-width: 640px;
    padding: 0 20px;
    margin: 0 auto;
   
}
/* .hero-banner--overlay .hero-text{
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
    color: #fff;
    text-align: center;
    backdrop-filter: blur(2px);
    padding: 25px;
} */



/* Progress bar under running line */
/* Swiper progressbar pagination (acts like dots across all slides) */
.hero-pagination {
    position: static;
    margin: 14px auto 22px auto;
    width: 83px !important;
    background: #fff !important;
    position: absolute;
    bottom: 40px;
    left: 50% !important;
    transform: translateX(-50%);
    top: auto !important;
}

/* Keep track white and make fill expand from center */
.hero-pagination.swiper-pagination-progressbar {
    background: #ffffff;
    height: 2.27px;
    overflow: hidden
}

.hero-pagination .swiper-pagination-progressbar-fill {
    background: #ED3337;
    transform-origin: center center
}

.hero-title {
    font-size: 32px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    margin: 0 auto;
    margin-bottom: 20px;
    line-height: 42px;
}

.polyica-banner .hero-title{
    font-size: 32px;
    color: #fff;
    max-width: 100%;
    line-height: 42px;
    padding-top: 23px;
}
.polyica-banner .hero-title span{
    color: #ffffff;
    font-weight: 600;
}

.hero-subtitle {
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 30px;
    line-height: 28px;

    margin-left: auto;
    margin-right: auto;
}
.polyica-banner .hero-subtitle{
    font-size: 18px;
    color: #fff;
    line-height: 28px;
    font-weight: 400;
    max-width: 100%;
}

.hero-accent {
    width: 4px;
    height: 60px;
    background-color: #ED3337;
    margin: 0 auto 30px auto;
    border-radius: 0;
    position: relative;
}

.running-line {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 65px;
    margin: 0 auto 32px auto;
    width: 6px;
    justify-content: flex-start;
}

.running-line-red {
    position: absolute;
    left: 50%;
    width: 2px;
    height: 20px;
    background: #ED3337;
    z-index: 2;
    transform: translateX(-50%);
    animation: runningRedMove 1.4s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
}

.running-line-white {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 2px;
    height: 60px;
    background: #fff;
    border-radius: 1px;
    z-index: 1;
}

@keyframes runningRedMove {
    0% {
        top: 0;
    }

    100% {
        top: 40px;
    }
}

.hero-btn {
    display: inline-block;
    background-color: #474749;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 100px;
    width: 210px;
    height: 47px;
    transition: all 0.5s ease;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.hero-btn::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    background-color: #ED3337;
    transition: width 0.5s ease;
    z-index: 1;
}

.hero-btn span {
    position: relative;
    z-index: 2;
}

.hero-btn:hover::before {
    width: 100%;
}
@media (max-width:1499px) {
    .hero-content{top: 45%;}
    .hero-banner--overlay .hero-text{max-width: 580px;}
    .polyica-banner .hero-subtitle {
font-size: 16px;
    }
} 
@media (max-width:1399px) {
    .hero-content{top: 45%;}
    .hero-banner--overlay .hero-text{max-width: 560px;}
}   

@media (max-width:1026px) {
    .hero-pagination {
        bottom: 0;
    }
    .polyica-banner .hero-subtitle{
        max-width: 270px;
    }
    .polyica-banner .hero-title{padding-top: 0;}
}

@media screen and (min-width: 768px) {
    .hero-btn:hover::before {
        width: 100%;
    }

    .hero-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
        color: #ffffff;
        text-decoration: none;
    }
}

@media (max-width: 480px) {
    .hero-title {
        font-size: 28px;
        font-weight: 300;
    }

    .hero-btn {
        background-color: #ED3337;
    }

    .hero-content,
    .hero-text {
        padding: 0;
    }

    .hero-btn {
        width: 194px;
    }

    .hero-pagination {
        width: 160px
    }
    /* .polyica-banner{padding: 15px;background: rgba(0,0,0,0.2);} */
    .hero-banner--overlay::after, .polyic-new-section::after{
        background: rgba(0,0,0,0.5);
    }
}
/* Visualize Section */
/* Decor Range */
/* .decor-range{background:#fff;position:relative;padding:40px 0}
.decor-container{max-width:1440px;margin:0 auto;padding:0 40px}
.decor-heading{font-size:32px;font-weight:300;line-height:36px;margin:0 0 8px 0;text-align:center;color:#474749}
.decor-heading span{color:#ED3337}
.decor-sub{font-size:18px;line-height:28px;color:#404040;text-align:center;max-width:570px;margin:20px auto 26px auto}
.decor-grid{display:grid;grid-template-columns:0.8fr 1fr;gap:3px;margin-top: 40px;}
.decor-thumbs{display:grid;grid-template-columns:repeat(12, 1fr);gap:5px;align-content:start;padding: 0 25px;}
.decor-thumbs .decor-card{grid-column:span 3;}
.decor-card{position:relative;display:block;border:1.5px solid transparent;padding:0;background:transparent;cursor:pointer;height: 146px;}
.decor-card img{display:block;width:100%;height:100%;object-fit:cover}
.decor-card-info{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:0;transform:translate(-50%, 60%);opacity:0;transition:transform .3s ease, opacity .3s ease;width: 100%;}
.decor-card .decor-plus{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#fff;color:#404040;border-radius:2px;font-size:20px;line-height:1}
.decor-card-code-pill{background:#fff;color:#404040;    height: 28px;
    padding: 0;
    width: 81%;
    font-family: 'Avenir Next LT Pro', sans-serif;
    display: flex;
    font-size: 12px;
    font-weight: 600;
    align-items: center;
    justify-content: center;}
.decor-card-desc{display:none}
.decor-card:hover .decor-card-info{transform:translate(-50%, -50%);opacity:1}
.decor-card:hover{border-color:#ED3337}
.decor-card.is-active{border-color:#ED3337;padding: 5px;border: 2.37px solid #ED3337}
.decor-preview{background:#fff;}
.decor-panel{display:none;gap:18px}
.decor-panel.is-active{display:grid;grid-template-columns: 1fr;height: 100%;position: relative;}
.decor-preview-media img{display:block;width:100%;height:100%;object-fit:cover;}
.decor-details{display:flex;justify-content: center; align-items:flex-start;gap:16px;position: absolute;    bottom: 20px;
    justify-content: space-evenly;
    align-items: center;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}
.decor-desc{grid-column:1 / -1;color:#7E7E80;font-size:14px;line-height:22px;margin:0;display: none;}
.decor-meta{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap;color:#7E7E80;}
.decor-meta > div{display:flex;align-items:center;gap:6px}
.decor-preview-media{position: relative;height: 750px;}
.decor-preview-media:after {
    content: "";
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55.08%, rgba(0, 0, 0, 0.8) 100%);
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    bottom: 0;
}
.decor-meta span {
    color: #ffffff;
    margin-right: 0;
    font-size: 16px;
    font-weight: 300;
}
.decor-meta strong {
    color: #ffffff;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}
.btn-outline{background:#fff;border:1px solid #404040;color:#404040;border-radius:999px;padding:12px 22px;font-weight:600;cursor:pointer}
.decor-cta{display:flex;align-items:center;gap:12px}
.decor-thumbs .decor-card:nth-last-child(-n+3){grid-column:span 4;height: 100%;}
.decor-thumbs .decor-card:nth-last-child(-n+3) img{height: 124px;}
.decor-cta a{width: 153px;}
.decor-cta .border-none{background: transparent;border: 1px solid #ffffff;color: #ffffff;cursor: pointer;}
.decor-cta .border-none:hover {color: #fff;}
.decor-main-block{background: #F6F6F6;}
.docor-inner-title{font-size: 32px;line-height: 41px;color: #404040;font-weight: 300;margin: 30px 0;text-transform: uppercase;text-align: center;}
.docor-inner-title span{color: #ED3337;text-align: center;}
.decor-cta .only-modal{background-color: #ED3337;}


@media (max-width:1440px){.decor-container{padding:0 40px}}
@media (max-width:1399px){
    .decor-meta span,
    .decor-meta strong{font-size: 14px;}
}
@media (max-width:1299px){
    .decor-meta{
        gap: 2px;
        padding-left: 15px;
    }
    .decor-cta{padding-right: 15px;}
}
@media (max-width:1026px){
    .decor-card{height: auto;}
    .decor-preview-media {height: 610px;}
}
@media (max-width:991px){
    .decor-thumbs{display:flex; gap:10px; overflow-x:auto; scroll-snap-type:x mandatory; padding:0 10px}
    .decor-thumbs .decor-card{flex:0 0 90px; height:90px; grid-column:auto}
    .decor-thumbs .decor-card img{height:100%}
    .decor-thumbs .decor-card:nth-last-child(-n+3){flex:0 0 90px}
    .decor-preview-media{
        height: 500px;
    }
    .decor-main-block{overflow: hidden;}
    .decor-thumbs .decor-card:nth-last-child(-n+3) img{height: 90px;}
    .decor-thumbs .decor-card img{height: 90px;}
    .decor-details{bottom: 60px;}
}
@media (max-width:1026px){
    .decor-cta a{width: 130px;}
}
@media (max-width:991px){
    .decor-container{padding:0 20px}
    .decor-grid{grid-template-columns:1fr;}
    .decor-thumbs{display:flex; gap:10px; overflow-x:auto; scroll-snap-type:x mandatory;overflow: scroll;padding-bottom: 12px;}
    .decor-thumbs .decor-card{flex:0 0 90px;overflow-y: hidden;}
    .decor-panel.is-active{margin-top: 30px;}

}
@media (max-width:767px){
    .decor-heading{font-size:28px}
    .decor-card img{height:90px}
    .decor-panel.is-active{grid-template-columns: 1fr;gap: 40px;}
    .decor-preview{border: 0;}
    .decor-cta a{width: 153px;}
    .decor-card:hover .decor-card-info{transform:translate(-50%, -50%);opacity:1}
    .decor-card.is-active .decor-card-info{transform:translate(-50%, -50%);opacity:1}
    .decor-card.is-active{padding: 0;}
    .decor-container {
        padding: 0;
    }
    .decor-card .decor-plus{
        width: 18px;
        height: 18px;
        font-size: 14px;
    }




    .decor-thumbs{padding: 25px 0;}
    .decor-card.is-active {
        padding: 0;
        transform: scale(1.2);
    }
    .decor-card {
        flex: 0 0 90px;
        overflow-y: hidden;
        transform: scale(0.9);
        width: 100%;
    }
    .decor-heading, .decor-sub, .decor-preview{padding: 0 20px;}
    .decor-meta{
        border-bottom: 1px solid #E5E5E5;
        width: 100%;
        padding-bottom: 20px;
    }
    .decor-sub{
        font-size: 14px;
        line-height: 22px;
    }
    .decor-cta{width: 100%;}
    .decor-cta a{flex: 1;}

.decor-details {
        transform: none;
        grid-template-columns: 1fr;
        position: static;
        display: block;
    }
    .decor-grid{display: flex;flex-direction: column-reverse;}
    .decor-main-block{background: transparent;}
    .docor-inner-title{display: none;}
    .decor-meta{display: none;}
    .decor-cta .border-none{
        border: 1px solid #474749;
        color: #474749;
    }
    .decor-thumbs {
        padding: 35px 0;
        padding-left: 15px;
        padding-bottom: 20px;
        margin-top: 15px;
    }
} */
.visual-section{background: #f5f5f5;position:relative;padding:50px 0}
.visual-container{max-width:1440px;margin:0 auto;}
.visual-left{color:#404040;position: relative;}
.visual-title{font-size:32px;font-weight:400;line-height:36px;margin:0 0 12px 0;text-transform: uppercase;}
.visual-title span{color:#ED3337}
.visual-sub{font-size:18px;line-height:28px;color:#404040;margin:0 0 28px 0;max-width:410px}
.visual-media picture,.visual-media img{display:block;width:100%;height:auto}
.visual-left .hero-btn{margin-left: inherit;width: 210px;}
.visual-main-block{
    display:grid;grid-template-columns:1fr 1.5fr;gap:40px;align-items:center;padding:0 40px;padding-right: 0; background: #fff;
}
.polyic-new-section .hero-text{
  text-align: center;
  max-width: 650px;
  margin:0 auto;
}
.polyic-new-section .hero-subtitle{max-width: 340px;}

/* @media (min-width:768px){
    .polyic-new-section .hero-text{
        border-radius: 12px;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
        color: #fff;
        text-align: center;
        backdrop-filter: blur(2px);
        padding: 25px;
        background: rgba(0,0,0,0.2);
    }
} */
@media (max-width:1026px){
    .visual-title{font-size:28px;}
    .polyica-banner .hero-title{font-size: 32px;line-height: 42px;}
    .polyica-banner .hero-subtitle, .visual-sub, .hero-subtitle{font-size: 16px;line-height: 24px;}
    .polyica-banner .hero-title {
        font-size: 26px;
        line-height: 35px;
        padding-top: 0;
    }
}

@media (max-width:1440px){
    .visual-container{margin: 0 50px;}
}
@media (max-width: 991px){
    .visual-container{grid-template-columns:1fr;gap:20px}
    .visual-section{padding:30px 0}
    .visual-container{margin: 0 auto;}
   .polyic-new-section .running-line{display:none;}
}
@media (max-width:767px){
    .visual-container{padding: 0 20px;gap: 40px;}
    .visual-title{font-size: 24px;}
    .polyica-banner .hero-title{font-size: 28px;line-height: 38px;}
    .polyica-banner .hero-subtitle, .visual-sub, .hero-subtitle{font-size: 14px;line-height: 22px;}
    .visual-main-block{display: flex;flex-direction: column-reverse;padding: 0;}
    .visual-container{padding: 0;}
    .visual-main-block{background-color: #f5f5f5;}
    .visual-left {
        color: #404040;
        background: #ffff;
        padding: 25px;
        width: 90%;
        margin: 0 auto;
        margin-top: -162px;
    }
    .visual-title {
        font-size: 28px;
        font-weight: 300;
        text-align: center;
    }
    .visual-sub{text-align: center;color: #7E7E80;}
    .visual-left .hero-btn{width: 288px;}
    .polyic-new-section .hero-content{
        position: relative;
        transform: none;
        background: #fff;
        z-index: 999;
        left: 0;
        top: 0;
        width: 90%;
        margin: 0 auto;
        /* margin-top: -150px; */
        padding: 20px 0;
        border: 1px solid #EAEAEA;
        position: absolute;
                left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        
    }
    .hero-title{
        color: #474749;
    }
    .running-line{display: none;}
    .hero-subtitle{
        color: #7E7E80;
    }
    .hero-title span{
        color: #ED3337;
    }
    .hero-banner--overlay{margin-top: -25px;}
    .visual-section{padding-top: 0 !important;margin-top: 10px;}


    /*--------*/



}






/* Choosing Board Section */
/* Certifications Section */
.cert-section{background:#fff;position:relative;padding:40px 0}
.cert-container{max-width:1440px;margin:0 auto;padding:0 40px}
.cert-heading{font-size:32px;font-weight:400;line-height:32px;margin:0 0 18px 0;color:#474749;text-align:center;letter-spacing:.3px}
.cert-heading span{color:#ED3337}
.cert-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin: 30px 0;margin-bottom: 0;}
.cert-card{background:#f5f5f5;padding:21px;border-radius:0;display:flex;grid-template-columns:auto 1fr;gap:18px;align-items:center;justify-content:center;}
.cert-icon img{object-fit:contain;display:block;width: 100%;height: auto;border-radius: 100px;}
.cert-content h3{font-size:20px;font-weight:500;color:#404040;margin:0 0 8px 0}
.cert-content p {
    font-size: 16px;
    line-height: 24px;
    color: #7E7E80;
    margin: 0;
    font-weight: 400;
    max-width: 200px;
}
@media (max-width:1440px){.cert-container{padding:0 40px}}
@media (max-width:1026px){
    .cert-heading{font-size: 28px;}
}

@media (max-width:991px){.cert-container{padding:0 20px}}
@media (max-width:767px){
    .cert-section{padding:30px 0}
    .cert-heading{text-align: center;}
    .cert-grid{gap:16px;}
    /* .cert-icon img{width:64px;height:64px} */
    .cert-card{flex-direction: column;text-align: center;}
    .cert-content h3{font-size: 16px;line-height: 22px;font-weight: 500;}
    .cert-content p{font-size: 14px;line-height: 20px;font-weight: 400;color: #474749;}
}

@media (max-width:395px){
    .cert-content p {
        font-size: 12px;
        line-height: 15px;
    }
}
/* Footer */
/* Modal */
.modal{position:fixed;inset:0;display:none;z-index:1000}
.modal.is-open{display:block}
.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5)}
.modal-dialog{position:relative;max-width:660px;margin:60px auto;background:#fff;box-shadow:0 12px 40px rgba(0,0,0,.2);padding:0;border:1px solid #E8E8E8}
.modal-close {
    position: absolute;
    right: 14px;
    top: 14px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid #000;
    background: #fff;
    cursor: pointer;
    z-index: 99;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 23px;
    line-height: normal;
}
.modal-title{font-size:26px;line-height:32px;color:#474749;font-weight:600;margin:8px 0 18px}
.modal-body .choose-board-form-row{gap:18px}
.modal-body .hero-btn{width:153px}
.modal-body .choose-board-form-card{min-width: auto;max-width: 100%;}

/* Cart Modal custom layout */
.cart-dialog{max-width:860px}
.cart-body{padding:20px}
.cart-empty{color:#7E7E80;font-size:14px;line-height:22px;margin-bottom:12px}
.cart-table{width:100%;border-collapse:collapse;margin-bottom:18px}
.cart-table th,.cart-table td{border-bottom:1px solid #E8E8E8;text-align:left;padding:10px 8px;font-size:14px;color:#404040}
.cart-table th{font-weight:600;color:#474749}
.cart-footer{display:flex;justify-content:flex-end}
.cart-footer .hero-btn{width:200px}

@media (max-width:1026px){
    .modal-body .choose-board-form-card{min-width: auto;max-width: 100% !important;}
    .cart-table th:last-child{padding-right: 44px;text-align: right;}
.newremovebtn{margin-left: auto !important;}

}
@media (max-width:767px){
    .modal-dialog{margin:20px;}
    .modal-title{font-size:22px;line-height:28px}
    .modal-body .choose-board-form-card{margin-top: 0;max-height: 80vh;overflow-y: scroll;scrollbar-width: none;align-items: flex-start;justify-content: flex-start;}

}
.site-footer { background: #fafafa; color: #404040;  }
.footer-inner { max-width: 1440px; margin: 0 auto; padding: 40px 20px; display: grid; grid-template-columns: 1fr; gap: 24px; }
.footer-brand img {  mix-blend-mode: darken;height: 50px;}
.footer-news-copy { font-size: 15px; line-height: 22px; color: #000000; margin-bottom: 25px;font-weight: 500; }
.footer-news-form { display: flex; gap: 10px; align-items: center; margin-bottom: 18px; position: relative;}
.footer-input { flex: 1; border: none; border-bottom: 1px solid #D7D7D7; background: transparent; padding: 10px 0; outline: none; font-size: 15px; color: #7E7E80;font-weight: 400;line-height: 23px; }
.footer-subscribe { background: transparent; color: #ED3337; border: none; font-weight: 600; cursor: pointer; padding: 8px 0; position: absolute;right: 0;font-size: 12px;font-family: 'Avenir Next LT Pro', sans-serif;}
.footer-links { display: grid; grid-template-columns: 1fr; gap: 24px; }
.footer-title { font-size: 14px; font-weight: 600; margin-bottom: 12px;line-height: 15px;color: #404040; }
.footer-list { list-style: none; display: flex;gap: 30px; }
.footer-list a { color: #404040; text-decoration: none; font-size: 13px;line-height: 21px;font-weight: 400; }
.footer-social { display: flex; gap: 16px; align-items: center; }
.social-link { display: inline-flex; width: 28px; height: 28px; align-items: center; justify-content: center; }
.footer-bottom { border-top: 1px solid #D7D7D7; text-align: center; padding: 14px 20px; font-size: 12px; color: #000000;line-height: 18px;font-weight: 400; }
.desktop-only { display: block; }
.mobile-only { display: none; }
.footer-accordion.new-border {border-top: 1px solid #47474933; padding-top: 14px; }
.footer-accordion summary { list-style: none; cursor: pointer; font-weight: 600; padding: 14px 0; display: flex; align-items: center; justify-content: space-between; }
.footer-accordion[open] summary { color: #404040; }
.footer-accordion summary::after { content: ''; width: 7px; height: 7px; border-right: 2px solid #7E7E80; border-bottom: 2px solid #7E7E80; transform: rotate(45deg); transition: transform .2s ease; }
.footer-accordion[open] summary::after { transform: rotate(222deg); }
.footer-news {
    margin-left: 110px;
}

@media (min-width: 992px) {
    .footer-inner { grid-template-columns: 0.5fr 1fr; align-items: center; }
    .footer-links { grid-template-columns: 1fr; }
    .site-footer { background: #F5F5F5;}
}



@media (max-width:1440px){
    .footer-inner{padding: 40px;}
}
@media (max-width: 767px) {
    .desktop-only { display: none; }
    .footer-brand{order: 1;}
    .footer-news{order: 2;}
    .mobile-only { display: block; }
    .footer-inner{padding: 30px 20px;}
    .footer-links{grid-template-columns: 1fr;order: 3;}
    .footer-news-copy{font-size: 18px;line-height: 28px;font-weight: 400;margin-top: 25px;}
    .order-4{order: 4;}
    .footer-inner{gap: 0;}
    .footer-bottom{border: 0;}
    .footer-social.mobile-only{margin-bottom: 15px;}
    .footer-list {
        list-style: none;
        display: grid
    ;
        gap: 30px;
        flex-direction: column;
        gap: 17px;
        grid-template-columns: 1fr 1fr;
        margin-top: 20px;
    }
}

@media (max-width:1026px){
    .footer-news{
        margin-left: 0;
    }
}
.choose-board-section {
    position: relative;
    width: 100%;
    min-height: 520px;
    background: #fff;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: flex;
    align-items: stretch;
    justify-content: center;
}
.main-wrapper-board {
    margin: 50px;
    position: relative;
    width: 100%;
}
.choose-board-bg {
    position: absolute;
    left: 0; top: 0; width: 100%; height: 100%;
    z-index: 1;
    overflow: hidden;
    background-image: url('../images/ab-4.jpg');
    /* background-image: url('../images/contact_form.jpg'); */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.choose-board-bg-overlay {
    position: absolute;
    left: 0; top: 0; width: 100%; height: 100%;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(293.52deg, rgba(0, 0, 0, 0) 57.72%, rgba(0, 0, 0, 0.6) 93.35%);
}
.choose-board-bg img, .choose-board-bg picture {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.choose-board-content {
    position: relative;
    z-index: 3;
    display: flex;

    justify-content: space-between;
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
    min-height: 520px;
    padding: 75px 32px;
}
.choose-board-left {
    flex: 1 1 40%;
    color: #fff;
    text-align: left;
    padding-right: 40px;
    margin-top: -40px;
}
.choose-board-left h2{color: #fff;margin-bottom: 24px;font-weight: 300;font-size: 32px;text-transform: uppercase;}
.choose-board-left p {
    font-size: 18px;
    color: #E0E0E0;
    font-weight: 400;
    line-height: 28px;
    max-width: 80%;
}
.choose-board-form-card-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.choose-board-form-border {
    position: absolute;
    left: 0; top: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #fff;
    border-radius: 0;
    pointer-events: none;
    z-index: 1;
    box-sizing: border-box;
    background: transparent;
}
.choose-board-form-border-1 {
    transform: rotate(-2deg) translate(-18px, -18px);
    opacity: 0.7;
    display: none;
}
.choose-board-form-border-2 {
    transform: rotate(-5.06deg) translate(-5px, 1px);
    opacity: 1;
}
.choose-board-form-card {
    position: relative;
    z-index: 2;
    background: #fff;
    /* box-shadow: 0 8px 32px rgba(33,150,243,0.08); */
    border-radius: 0;
    padding: 40px 36px 32px 36px;
    max-width: 643px;
    margin-left: auto;
    position: relative;
    min-width: 643px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.choose-board-form-desc {
    font-size: 24px;
    color: #474749;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 15px;

}
.choose-board-form {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0;
}
.choose-board-form-row {
    display: flex;
    gap: 24px;
    margin-bottom: 18px;
}
.choose-board-form-group {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.choose-board-form input,
.choose-board-form select,
.choose-board-form textarea {
    width: 100%;
    padding: 12px 10px;
    padding-bottom: 18px;
    font-size: 15px;
    border: none;
    border-bottom: 1.5px solid #E5E5E5;
    background: transparent;
    color: #7E7E80;
    margin-bottom: 0;
    outline: none;
    transition: border-color 0.2s;
    font-family: inherit;
    resize: none;
    padding-left: 0;
    font-weight: 400;
    box-sizing: border-box;
    height: 50px;
    border-radius: 0;

}
/* labels removed per design; keep class for backward compatibility if present */
.choose-board-form-label { display: none; }
.required-star { display: none; }
.choose-board-form input:focus,
.choose-board-form select:focus,
.choose-board-form textarea:focus {
    border-bottom: 1.5px solid #474749;
}
.choose-board-form select {


    padding-right: 32px;
}
/* .choose-board-form textarea {
    min-height:25px;
    height: 25px;
    margin-top: 8px;
} */
.choose-board-submit {
    margin-top: 40px;
    box-shadow: none;
    transition: background 0.2s;
    border: none;
    margin-left: inherit;
    cursor: pointer;
    width: 153px;
    transition: all 0.3s ease;
}
.choose-board-checkboxes { margin-top: 20px; display: grid; gap: 12px; }
.choose-board-checkbox { display: flex; align-items: flex-start; gap: 10px; color: #7E7E80; font-size: 13px; }
.choose-board-checkbox input {
    margin-top: 0;
    width: fit-content;
    width: 15px;
    height: 16px;
    border-radius: 0;
    flex: 0 0 16px;
}
.choose-board-form input::placeholder,
.choose-board-form select::placeholder,
.choose-board-form textarea::placeholder {
    color: #7E7E80;
}
.choose-board-submit span{font-family: 'Avenir Next LT Pro', sans-serif;font-size: 12px; font-weight: 600;}

.choose-board-checkbox span{
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

@media (max-width: 1026px) {
    .choose-board-form-card{min-width: auto;max-width: 500px;}
    .choose-board-left h2{font-size: 28px;}
}

@media (max-width: 991px) {
    .choose-board-content {

        min-height: 366px;
    }
    .choose-board-left {
        padding: 32px 0 18px 0;
        text-align: left;
        color: #fff;
    }
    .choose-board-form-card {
        padding: 28px 10px 18px 10px;
    }
    .choose-board-form-card {
        min-width: auto;
        max-width: 470px;
    }
    .choose-board-section .choose-board-form-border-2{display: none;}
    .choose-board-form-desc {
        font-size: 15px;
        margin-bottom: 18px;
    }
    .choose-board-form-row {
        gap: 10px;
        margin-bottom: 10px;
    }
    .choose-board-form input,
    .choose-board-form select,
    .choose-board-form textarea {
        font-size: 15px;

    }
    .choose-board-submit {
        font-size: 13px;


        margin-top: 18px;
    }
}
@media (max-width: 767px) {
    .choose-board-section {
        background: #f5f5f5;
        min-height: unset;
        padding: 0;
        display: block;
    }
    .choose-board-bg {
        position: relative;
        width: 100vw;
        background-image: url('../images/ab-4-mob.jpg');
        /* background-image: url('../images/contact_form_mob.jpg'); */
        min-height: 500px;
        z-index: 1;
    }
    /* form select{appearance: none;} */
    .main-wrapper-board {

        margin: 30px 0;
    }

    .choose-board-content {
        position: static;
        display: block;
        max-width: 100vw;
        min-height: unset;
        padding: 0;
        margin: 0;
    }
    .choose-board-left p{max-width: 100%;}
    .choose-board-left {


        padding: 24px 0 0 0;
        text-align: center;
        position: absolute;
        top: 15px;
        width: 100%;
        z-index: 9;
        background: transparent;
        text-align: center;
    }
    .choose-board-title {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .choose-board-desc {
        font-size: 12px;
        color: #474749;
        margin-bottom: 0;
        text-align: center;
    }
    .choose-board-form-card {
        position: relative;
        margin: 0 auto 0 auto;
        width: 90%;
        max-width: 90%;
        padding: 40px 20px;
        /* box-shadow: 0 8px 32px rgba(33, 150, 243, 0.10); */
        margin: -250px auto 0 auto;
        left: 0;
    }
    .choose-board-form-desc {
        font-size: 22px;
        margin-bottom: 10px;
        text-align:left;
        padding-right: 10%;
    }
    .choose-board-form-row {
        flex-direction: column;

    }

    .choose-board-submit {
        font-size: 12px;

        width: 100%;

    }
    .choose-board-form-card-wrap {
        width: 100%;
        max-width: 100%;
    }
    .choose-board-form-border {
        border-width: 1.5px;
    }

    .choose-board-form-border-2 {
        transform: rotate(2.5deg) translate(8px, 8px);
        display: none
    }
    .choose-board-left{padding: 40px 20px 0px;}
    .choose-board-left h2{text-align: left;}
    .choose-board-left p {
        max-width: 100%;
        font-size: 16px;
        line-height: 23px;
        text-align: left;
    }

    .add-to-cart-main{gap: 20px;}
}

.add-to-cart-main {
    display: flex;
    align-items: flex-start;
    gap: 50px;
}
.container-cart{max-width: 1440px;margin: 0 auto;padding: 0 40px;}
.newremovebtn{
    width: 100px;
    border: none;
    cursor: pointer;
    margin-left: inherit;
    font-size: 12px;
}
.newremovebtn span{
    font-size: 12px;
}
.cart-table img{
    width: 90px;
    height: 90px;
    object-fit: cover;
    border-radius: 2px;
    border: 1px solid #ddd;
}
.view-cart-onlypage{margin: 50px 0;}



/* ==============================
   General Layout
============================== */
.add-to-cart-main {
    display: flex;
    gap: 40px;
    margin: 40px 0;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  
  .cart-section,
  .form-section {
    flex: 1 1 48%;
    background: #fff;
    border-radius: 10px;
    padding: 25px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
  }
  
  /* ==============================
     Headings
  ============================== */
  .cart-heading,
  .form-title {
    margin-bottom: 20px;
    color: #333;
    border-left: 5px solid #444;
    padding-left: 10px;
  }
  
  /* ==============================
     Cart Table
  ============================== */
  .cart-table {
    width: 100%;
    border-collapse: collapse;
  }
  
  .cart-table th,
  .cart-table td {
    text-align: left;
    padding: 12px 10px;
    border-bottom: 1px solid #eee;
    color: #333;
  }
  
  .cart-table th {
    background: #f7f7f7;
    font-weight: 600;
  }
  
  .cart-product-img img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #ddd;
  }
  
  /* Remove button */
  .newremovebtn {
    background: #444;
    color: #fff;
    border: none;
    padding: 10px 18px;
    border-radius: 30px;
    cursor: pointer;
    transition: background 0.3s ease;
  }
  
  .newremovebtn:hover {
    background: #222;
  }
  
  /* ==============================
     Form Styles
  ============================== */
  .choose-board-form.view-cart-order-btn {
    display: flex;
    flex-direction: column;
    gap: 0px;
    max-width: 600px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 0px;
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12), 0 6px 20px rgba(0, 0, 0, 0.08);
}
  .view-cart-order-btn .choose-board-form-row {
    display: flex;
    gap: 10px;
  }
  
 .view-cart-order-btn .choose-board-form-group {
    flex: 1;
    display: flex;
    flex-direction: column;
  }
  
 .view-cart-order-btn .choose-board-form-group input,
 .view-cart-order-btn .choose-board-form-group select,
 .view-cart-order-btn .choose-board-form-group textarea {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fafafa;
    outline: none;
    transition: border 0.3s ease, box-shadow 0.3s ease;
  }
  
  .choose-board-left p a{color: #fff;}
 .view-cart-order-btn .choose-board-form-group input:focus,
 .view-cart-order-btn .choose-board-form-group select:focus,
.view-cart-order-btn  .choose-board-form-group textarea:focus {
    border-color: #444;
    box-shadow: 0 0 0 2px rgba(68,68,68,0.15);
    background: #fff;
  }
  
  /* Textarea */
.view-cart-order-btn  .choose-board-form-group textarea {
    resize: vertical;
    min-height: 80px;
  }
  
  /* ==============================
     Checkboxes
  ============================== */
.view-cart-order-btn  .choose-board-checkboxes {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  
 .view-cart-order-btn .choose-board-checkbox {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 14px;
    color: #555;
  }
  
.view-cart-order-btn  .choose-board-checkbox input {
    margin-top: 2px;
  }
  
  /* ==============================
     Submit Button
  ============================== */
 .view-cart-order-btn .form-submit {
    text-align: right;
  }
  
 .view-cart-order-btn .choose-board-submit {
    background: #444;
    color: #fff;
    border: none;
    padding: 12px 28px;
    border-radius: 30px;
    cursor: pointer;
    transition: background 0.3s ease, transform 0.2s ease;
  }
  
 .view-cart-order-btn .choose-board-submit:hover {
    background: #222;
    transform: translateY(-2px);
  }
  
  /* ==============================
     Responsive Design
  ============================== */
  @media (max-width: 992px) {
    .add-to-cart-main {
      flex-direction: column;
    }
    .cart-section,
    .form-section {
      flex: 1 1 100%;
    }
    .form-submit {
      text-align: center;
    }
  }
  
  .text-danger{color: #ED3337;}

  /* Wrapper with center alignment */
.thankyou-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: linear-gradient(135deg, #f9f9f9, #eaeaea);
    padding: 20px;
  }
  
  /* Thank you card */
  .thankyou-card {
    background: #fff;
    padding: 40px 30px;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
    text-align: center;
    max-width: 420px;
    width: 100%;
    animation: fadeInUp 0.6s ease;
  }
  
  /* Success icon */
  .thankyou-icon {
    font-size: 50px;
    color: #28a745;
    margin-bottom: 20px;
    animation: pop 0.5s ease;
  }
  
  /* Headline */
  .thankyou-card h2 {
    color: #333;
    margin-bottom: 12px;
  }
  
  /* Message */
  .thankyou-card p {
    color: #555;
    margin-bottom: 25px;
    line-height: 1.6;
  }
  
  /* Button */
  .thankyou-btn {
    display: inline-block;
    background: #444;
    color: #fff;
    padding: 12px 28px;
    border-radius: 30px;
    text-decoration: none;
    transition: background 0.3s ease, transform 0.2s ease;
  }
  
  .thankyou-btn:hover {
    background: #222;
    transform: translateY(-2px);
  }
  
  /* Animations */
  @keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
  }
  
  @keyframes pop {
    0% { transform: scale(0.8); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
  }

  button.hero-btn.order-sample-btn-new {
    width: 153px;
    border: none;
    cursor: pointer;
}
.table-response{width: 100%;}

@media (max-width:767px){
    .container-cart{padding: 0 15px;}
    .cart-table img{width: 50px;height: 50px;}
    .table-response{
        overflow: scroll;
        white-space: nowrap;
        width: 100%;
    }
    .thankyou-wrapper {
min-height: 60vh;
    }
    .docor-inner-title{font-size: 28px;}
}


.add-to-cart-success {
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%) translateY(20px);
    background: #d1f7d6;
    color: #155724;
    padding: 14px 28px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    opacity: 0;
    animation: popUp 0.5s forwards, fadeOut 0.5s 2.5s forwards;
  }
  
  /* ✅ Pop up animation */
  @keyframes popUp {
    to {
      opacity: 1;
      transform: translateX(-50%) translateY(0);
    }
  }
  
  /* ✅ Disappear after 3s */
  @keyframes fadeOut {
    to {
      opacity: 0;
      transform: translateX(-50%) translateY(20px);
    }
  }

  .alert-success{
    color: #28a745;
    margin-bottom: 5px;
  }
  .text-danger{font-size: 12px;}
  .choose-board-checkbox input {margin-top: 4px;}
  .footer-news{display: none;}
  .footer-btn-sticky{position: fixed;bottom: 80px;right: 50px;z-index: 999;display: none !important;width: 153px;}
  .footer-btn-sticky.show{display: flex;}
  .header-actions .hero-btn, .footer-btn-sticky{background-color:#ED3337;}
.header-actions .hero-btn:after, .footer-btn-sticky:after{background-color:#474749;}
@media (max-width:767px){
    .footer-btn-sticky {
        bottom: 49px;
        right: 16px;
    }
    .scroll-top-btn{bottom: 140px !important;}
}

.decor-text-sub {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #ffffff;
    color: #333;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    padding: 16px 24px;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    z-index: 9999;
  
    opacity: 0;
    pointer-events: none;
    animation: popupFade 5s ease forwards;
  }
  
  /* Animation for fade in → visible → fade out */
  @keyframes popupFade {
    0%   { opacity: 0; transform: translate(-50%, -60%); }
    10%  { opacity: 1; transform: translate(-50%, -50%); }
    80%  { opacity: 1; transform: translate(-50%, -50%); }
    100% { opacity: 0; transform: translate(-50%, -40%); }
  }
  
  .cert-icon {
    width: 124px;
}
.choose-board-left p a{transition: 0.3s;}
.choose-board-left p a:hover{color: #ED3337;}


.qty-control {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
    height: 36px;
  }
  
  .qty-btn {
    background: #f5f5f5;
    border: none;
    width: 36px;
    height: 36px;
    font-size: 18px;
    font-weight: 400;
    cursor: pointer;
    color: #000;
    transition: background 0.2s;
  }
  
  .qty-btn:hover {
    background: #eaeaea;
  }
  
  .qty-input {
    width: 50px;
    height: 36px;
    text-align: center;
    border: none;
    font-size: 16px;
    font-weight: 500;
    background: #fff;
    pointer-events: none; /* block mouse clicks */
  }
  
  .add-to-cart-box {
    display: flex;
    flex-direction: row-reverse;
    gap: 20px;
    align-items: center;
}

@media (max-width:991px){
    .onlytd.onlytd .text-red-500.text-sm{width: 100%;bottom: -50px;left: 0;}
}
@media (max-width:767px){
    .decor-cta{position: relative;margin-bottom: 45px;}
    .qty-control {
        display: flex;
        align-items: center;
        border: 1px solid #ddd;
        border-radius: 6px;
        overflow: hidden;
        position: absolute;
        bottom: -48px;
        right: 18px;
        z-index: 12;
    }
    .qty-control {
        justify-content: flex-end;
        width: 100%;
        border: 0;
    }
    .text-red-500.text-sm {
        position: absolute;
        bottom: 5px;
        width: 100%;
        color: red;
        left: 16px;
        transform: none;
        width: 60%;
        top: 0;
        font-size: 10px;
    }

}

.decor-preview-media{position: relative;}
.downloadicon {
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    border-radius: 0 12px 0 0;
}

@media (max-width:390px){
    .text-red-500.text-sm{
        padding-right: 59%;
        font-size: 8px;
        width: 100%;
    }
}

.onlytd {
    flex-direction: column-reverse;
    position: relative;
    display: flex
;
}
.onlytd .qty-control{width: fit-content;}
.onlytd .text-red-500.text-sm {
    transform: none;
    width: 50%;
    font-size: 10px;
    margin-left: 0px;
    bottom: 0px;
    left: 141px;
}

@media (max-width:767px){
    .onlytd .qty-control {
        width: fit-content;
        position: static;
    }
    .onlytd.onlytd .text-red-500.text-sm {
        /* position: static;
        transform: none; */
        top: auto;
        bottom: -31px;
        left: -105px !important;
        width: 300px;
        white-space: break-spaces;
    }

    .choose-board-left p {margin-top: 0px;}

    .add-to-cart-box{width: 135px;}
    .decor-cta .border-none{        padding: 0 10px;
        text-align: center;}
        .onlytd .qty-input{margin-left: 0px}
        .decor-cta .qty-input{margin-left: 0;}

        .cart-table td {padding: 20px 10px;padding-bottom: 30px;}
}


.qty-input {
    width: 36px;
    height: 36px;
    margin-left: 15px;
}

/* .polyic-new-section .hero-slide picture::after{
   
        content: "";
        background: rgba(0, 0, 0, 0.3);
        position: absolute;
        width: 100%;
        height: 100%;
        display: block;
        top: 0;
        left: 0;
    } */


    .polyic-new-section .hero-text {
        position: relative;
        z-index: 1;
        color: #fff;
        padding: 40px 20px;
      }
      .polyic-new-section .hero-text::before {
        content: "";
        position: absolute;
        inset: 0;
        /* background: rgba(0, 0, 0, 0.35); */
        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);
        z-index: -1;
        transition: all 0.4s ease;
        border-radius: inherit;
      }
      .choose-board-form-card .alert-success {
        color: #28a745;
        margin-bottom: 5px;
        position: relative;
        background: linear-gradient(135deg, #d4edda, #c3f0cf);
        border-left: 5px solid #28a745;
        color: #155724;
        font-weight: 600;
        padding: 15px 20px;
        border-radius: 10px;
        box-shadow: 0 4px 12px rgba(40, 167, 69, 0.2);
        animation: fadeInScale 0.5s 
    ease forwards;
        position: fixed;
        bottom: 25px;
        left: 50%;
        transform: translateX(-50%) !important;
        z-index: 999;
    }


    /* Subtle entry animation */
@keyframes fadeInScale {
    0% {
      opacity: 0;
      transform: scale(0.95);
    }
    100% {
      opacity: 1;
      transform: scale(1);
    }
  }
  
  /* Optional glowing pulse for extra attention */
  .choose-board-form-card .alert-success::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(40, 167, 69, 0.4);
    opacity: 0;
    animation: pulseGlow 2s infinite ease-in-out;
    pointer-events: none;
  }
  
  @keyframes pulseGlow {
    0%, 100% {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
  }
  
  @media screen and (max-width:767px){
    .choose-board-form-card .alert-success {
        width: 89%;
        font-size: 14px;
    }
    .hero-content {
        top: 77%;
    }
    .choose-board-checkbox input {

margin-top: 0;
    }
  }


  .choose-board-checkbox {
    display: flex;
    align-items: flex-start;
    gap: 8px; /* spacing between checkbox and label */
  }
  
  .choose-board-checkbox input[type="checkbox"] {
    appearance: none; /* removes default style */
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    padding: 0;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
  }
  
  .choose-board-checkbox input[type="checkbox"]:checked::before {
    content: "✓";
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -58%);
    font-size: 14px;
    color:#e63946;
  }