.pin-wrapper table {
    width: 100%;
    border-collapse: collapse;
}

.pin-wrapper th {
    background: #f4e6f2;
}

.pin-wrapper td,
.pin-wrapper th {
    border: 1px solid #ccc;
    padding: 8px;
}
.subName{
font-style: italic;
font-size: 85%;
color: black;
}
.eachRow
{
padding: 10px 10px 20px 20px; 
border-radius: 25px; 
border: 2px solid #eceefb;
}
.line
{
color: #e7ecff;

}
.tblctr{
  margin-left: auto;
  margin-right: auto;
}
/* COUNT OF BEADS PER INCH TABLE */
.bead-chart-wrap{
    max-width:700px;
    margin:30px auto;
    font-family:Arial, Helvetica, sans-serif;
    background:#ffffff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 6px 18px rgba(0,0,0,.12);
    border:1px solid #d9e7d9;
}

.bead-chart-header{
    background:linear-gradient(to right,#7fc97f,#d9f2d9);
    padding:18px 25px;
    text-align:center;
}

.bead-chart-header h2{
    margin:0;
    color:#2d4f2d;
    font-size:28px;
    letter-spacing:.5px;
}

.bead-chart-header p{
    margin:8px 0 0;
    color:#456545;
    font-size:15px;
}

.bead-strand{
    display:flex;
    justify-content:center;
    gap:8px;
    padding:18px 10px 10px;
    flex-wrap:wrap;
}

.bead{
    width:22px;
    height:22px;
    border-radius:50%;
    background:radial-gradient(circle at 30% 30%, #ffffff, #69b96b 65%);
    border:2px solid #4d8f4f;
    box-shadow:inset -2px -2px 4px rgba(0,0,0,.15);
}

.bead-chart{
    width:100%;
    border-collapse:collapse;
}

.bead-chart th{
    background:#4f8e52;
    color:#fff;
    padding:14px;
    font-size:16px;
    letter-spacing:.4px;
}

.bead-chart td{
    padding:12px 18px;
    text-align:center;
    font-size:15px;
    color:#444;
}

.bead-chart tr:nth-child(even){
    background:#f4fbf4;
}

.bead-chart tr:hover{
    background:#e4f5e4;
    transition:.2s ease;
}

.bead-chart td:first-child{
    font-weight:bold;
    color:#356535;
}

@media (max-width:600px){

    .bead-chart-header h2{
        font-size:22px;
    }

    .bead-chart td,
    .bead-chart th{
        padding:10px 6px;
        font-size:14px;
    }

    .bead{
        width:18px;
        height:18px;
    }
}
/* MEASURES AND ABBREVIATIONS TABLE  */
.measure-chart-wrap{
    max-width:850px;
    margin:30px auto;
    font-family:Arial, Helvetica, sans-serif;
    background:#ffffff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 6px 18px rgba(0,0,0,.12);
    border:1px solid #d9e2f2;
}

.measure-chart-header{
    background:linear-gradient(to right,#5b7db8,#dce7fa);
    padding:18px 25px;
    text-align:center;
}

.measure-chart-header h2{
    margin:0;
    color:#2f4670;
    font-size:28px;
    letter-spacing:.5px;
}

.measure-chart-header p{
    margin:8px 0 0;
    color:#50678f;
    font-size:15px;
}

/* Decorative measurement line */
.measure-line{
    position:relative;
    height:42px;
    margin:8px 20px 16px;
    border-bottom:4px solid #7d97c7;
}

.measure-line span{
    position:absolute;
    bottom:-4px;
    width:2px;
    background:#5b7db8;
}

.measure-line span:nth-child(1){left:5%; height:12px;}
.measure-line span:nth-child(2){left:15%; height:20px;}
.measure-line span:nth-child(3){left:25%; height:12px;}
.measure-line span:nth-child(4){left:35%; height:20px;}
.measure-line span:nth-child(5){left:45%; height:12px;}
.measure-line span:nth-child(6){left:55%; height:20px;}
.measure-line span:nth-child(7){left:65%; height:12px;}
.measure-line span:nth-child(8){left:75%; height:20px;}
.measure-line span:nth-child(9){left:85%; height:12px;}
.measure-line span:nth-child(10){left:95%; height:20px;}

.measure-chart{
    width:100%;
    border-collapse:collapse;
}

.measure-chart th{
    background:#5b7db8;
    color:#fff;
    padding:14px;
    font-size:16px;
    letter-spacing:.4px;
}

.measure-chart td{
    padding:12px 18px;
    text-align:center;
    font-size:15px;
    color:#444;
}

.measure-chart tr:nth-child(even){
    background:#f5f8ff;
}

.measure-chart tr:hover{
    background:#e7eefc;
    transition:.2s ease;
}

.measure-chart td:first-child{
    font-weight:bold;
    color:#35517f;
}

@media (max-width:700px){

    .measure-chart-header h2{
        font-size:22px;
    }

    .measure-chart td,
    .measure-chart th{
        padding:10px 6px;
        font-size:14px;
    }
}
/* MEASUREMENT CONVERSIONS TABLE  */
.conversion-chart-wrap{
    max-width:850px;
    margin:30px auto;
    font-family:Arial, Helvetica, sans-serif;
    background:#ffffff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 6px 18px rgba(0,0,0,.12);
    border:1px solid #ead7c2;
}

.conversion-chart-header{
    background:linear-gradient(to right,#b9773f,#f4dfc7);
    padding:18px 25px;
    text-align:center;
}

.conversion-chart-header h2{
    margin:0;
    color:#6b3f1f;
    font-size:28px;
    letter-spacing:.5px;
}

.conversion-chart-header p{
    margin:8px 0 0;
    color:#7a5436;
    font-size:15px;
}

/* Ruler graphic */

.conversion-ruler{
    position:relative;
    height:76px;
    margin:16px 25px 20px;
    border-radius:8px;
    background:linear-gradient(to bottom,#f8dfbd,#e8b879);
    border:2px solid #b9773f;
    overflow:hidden;
}

.conversion-ruler:before{
    content:"INCHES";
    position:absolute;
    left:12px;
    bottom:8px;
    font-size:11px;
    color:#6b3f1f;
    font-weight:bold;
    letter-spacing:1px;
}

.conversion-ruler:after{
    content:"CENTIMETERS";
    position:absolute;
    right:12px;
    top:8px;
    font-size:11px;
    color:#6b3f1f;
    font-weight:bold;
    letter-spacing:1px;
}

.ruler-inch{
    position:absolute;
    bottom:0;
    width:2px;
    height:34px;
    background:#5f371b;
}

.ruler-cm{
    position:absolute;
    top:0;
    width:1px;
    height:22px;
    background:#7d4c24;
}

.ruler-half{
    height:24px;
}

.ruler-number{
    position:absolute;
    bottom:38px;
    font-size:12px;
    color:#5f371b;
    font-weight:bold;
}

/* Table styling */

.conversion-chart{
    width:100%;
    border-collapse:collapse;
}

.conversion-chart th{
    background:#b9773f;
    color:#fff;
    padding:14px;
    font-size:16px;
    letter-spacing:.4px;
    text-align:right;
}

.conversion-chart td{
    padding:12px 18px;
    text-align:right;
    font-size:15px;
    color:#444;
}

.conversion-chart tr:nth-child(even){
    background:#fff7ef;
}

.conversion-chart tr:hover{
    background:#fbead7;
    transition:.2s ease;
}

.conversion-chart td:first-child{
    font-weight:bold;
    color:#8a5429;
}

@media (max-width:700px){

    .conversion-chart-header h2{
        font-size:22px;
    }

    .conversion-chart td,
    .conversion-chart th{
        padding:10px 6px;
        font-size:14px;
    }

    .conversion-ruler{
        height:62px;
    }
}
/* SAFETY PIN SIZES TABLE */
.pin-chart-wrap{
    max-width:760px;
    margin:30px auto;
    font-family:Arial, Helvetica, sans-serif;
    background:#ffffff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 6px 18px rgba(0,0,0,.12);
    border:1px solid #d8d8e8;
}

.pin-chart-header{
    background:linear-gradient(to right,#6d72c3,#e5e7ff);
    padding:18px 25px;
    text-align:center;
}

.pin-chart-header h2{
    margin:0;
    color:#3c427f;
    font-size:28px;
}

.pin-chart-header p{
    margin:8px 0 0;
    color:#5b609d;
    font-size:15px;
}

.pin-graphic{
    text-align:center;
    padding:20px 10px 12px;
}

.pin-graphic img{
    max-width:220px;
    width:45%;
    height:auto;
    opacity:.9;
}

.pin-chart{
    width:100%;
    border-collapse:collapse;
}

.pin-chart th{
    background:#6d72c3;
    color:#fff;
    padding:14px;
    font-size:16px;
    letter-spacing:.4px;
}

.pin-chart td{
    padding:12px 18px;
    text-align:center;
    font-size:15px;
    color:#444;
}

.pin-chart tr:nth-child(even){
    background:#f5f6ff;
}

.pin-chart tr:hover{
    background:#e8eaff;
    transition:.2s ease;
}

.pin-chart td:first-child{
    font-weight:bold;
    color:#4f55a5;
}

@media (max-width:700px){
    .pin-chart-header h2{
        font-size:22px;
    }

    .pin-chart td,
    .pin-chart th{
        padding:10px 6px;
        font-size:14px;
    }

    .pin-graphic img{
        width:65%;
        max-width:180px;
    }
}

/*  HOW MANY BEADS FOR STRING TABLE  */
.bead-length-wrap{
    max-width:760px;
    margin:30px auto;
    font-family:Arial, Helvetica, sans-serif;
    background:#ffffff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 6px 18px rgba(0,0,0,.12);
    border:1px solid #d9d4ea;
}

.bead-length-header{
    background:linear-gradient(to right,#a04cc2,#efe0f7);
    padding:18px 25px;
    text-align:center;
}

.bead-length-header h2{
    margin:0;
    color:#5d2177;
    font-size:28px;
}

.bead-length-header p{
    margin:8px 0 0;
    color:#74418b;
    font-size:15px;
}

/* Realistic bead strand */

.bead-strand{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:2px;
    padding:24px 12px 18px;
    flex-wrap:nowrap;
    overflow:hidden;
}

/* string */

.bead-strand:before{
    content:"";
    position:absolute;
    top:50%;
    left:5%;
    width:90%;
    height:3px;
    background:#d8d8d8;
    transform:translateY(-50%);
    z-index:1;
}

/* beads */

.real-bead{
    position:relative;
    width:24px;
    height:24px;
    border-radius:50%;
    z-index:2;
    box-shadow:
        inset -4px -4px 6px rgba(0,0,0,.18),
        inset 3px 3px 5px rgba(255,255,255,.85),
        0 2px 4px rgba(0,0,0,.18);
}

/* bead hole */

.real-bead:after{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:5px;
    height:5px;
    background:rgba(0,0,0,.28);
    border-radius:50%;
    transform:translate(-50%,-50%);
}

/* alternating colors */

.real-bead:nth-child(odd){
    background:
        radial-gradient(circle at 30% 30%, #ffffff, #c86be7 62%);
}

.real-bead:nth-child(even){
    background:
        radial-gradient(circle at 30% 30%, #ffffff, #7c9df2 62%);
}

/* Table */

.bead-length-chart{
    width:100%;
    border-collapse:collapse;
}

.bead-length-chart th{
    background:#a04cc2;
    color:#fff;
    padding:14px;
    font-size:16px;
    letter-spacing:.4px;
}

.bead-length-chart td{
    padding:12px 18px;
    text-align:center;
    font-size:15px;
    color:#444;
}

.bead-length-chart tr:nth-child(even){
    background:#faf5fd;
}

.bead-length-chart tr:hover{
    background:#f1e6f8;
    transition:.2s ease;
}

.bead-length-chart td:first-child{
    font-weight:bold;
    color:#7a3397;
}

@media (max-width:700px){

    .bead-length-header h2{
        font-size:22px;
    }

    .bead-length-chart td,
    .bead-length-chart th{
        padding:10px 6px;
        font-size:14px;
    }

    .real-bead{
        width:18px;
        height:18px;
    }
}

/*  SEED BEAD INFORMATION AND SIZING  */

.seed-chart-wrap{
    max-width:1100px;
    margin:30px auto;
    font-family:Arial, Helvetica, sans-serif;
    background:#ffffff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 6px 18px rgba(0,0,0,.12);
    border:1px solid #d6e5de;
}

.seed-chart-header{
    background:linear-gradient(to right,#2f9b7e,#dff5ec);
    padding:18px 25px;
    text-align:center;
}

.seed-chart-header h2{
    margin:0;
    color:#17634f;
    font-size:30px;
    letter-spacing:.5px;
}

.seed-chart-header p{
    margin:8px 0 0;
    color:#317461;
    font-size:15px;
}

/* Realistic seed bead strand */

.seed-bead-row{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:4px;
    padding:26px 14px 18px;
    overflow:hidden;
    flex-wrap:nowrap;
}

/* thread */

.seed-bead-row:before{
    content:"";
    position:absolute;
    top:50%;
    left:3%;
    width:94%;
    height:2px;
    background:#d7d7d7;
    transform:translateY(-50%);
    z-index:1;
}

/* seed beads */

.seed-bead{
    position:relative;
    width:14px;
    height:14px;
    border-radius:50%;
    z-index:2;
    box-shadow:
        inset -2px -2px 3px rgba(0,0,0,.22),
        inset 2px 2px 3px rgba(255,255,255,.9),
        0 1px 2px rgba(0,0,0,.18);
}

/* bead hole */

.seed-bead:after{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:3px;
    height:3px;
    background:rgba(0,0,0,.28);
    border-radius:50%;
    transform:translate(-50%,-50%);
}

/* alternating realistic colors */

.seed-bead:nth-child(4n+1){
    background:
    radial-gradient(circle at 30% 30%, #ffffff, #49b89c 70%);
}

.seed-bead:nth-child(4n+2){
    background:
    radial-gradient(circle at 30% 30%, #ffffff, #6fd0ba 70%);
}

.seed-bead:nth-child(4n+3){
    background:
    radial-gradient(circle at 30% 30%, #ffffff, #2d8d75 70%);
}

.seed-bead:nth-child(4n+4){
    background:
    radial-gradient(circle at 30% 30%, #ffffff, #9be5d5 70%);
}

/* Table */

.seed-chart{
    width:100%;
    border-collapse:collapse;
}

.seed-chart th{
    background:#2f9b7e;
    color:#fff;
    padding:14px 10px;
    font-size:15px;
    letter-spacing:.3px;
    text-align:center;
}

.seed-chart td{
    padding:12px 10px;
    text-align:center;
    font-size:15px;
    color:#444;
}

.seed-chart tr:nth-child(even){
    background:#f4fcf8;
}

.seed-chart tr:hover{
    background:#e2f6ee;
    transition:.2s ease;
}

.seed-chart td:first-child{
    font-weight:bold;
    color:#1d7b62;
}

@media (max-width:900px){

    .seed-chart{
        font-size:13px;
    }

    .seed-chart th,
    .seed-chart td{
        padding:8px 5px;
        font-size:13px;
    }

    .seed-chart-header h2{
        font-size:24px;
    }

    .seed-bead{
        width:10px;
        height:10px;
    }
}


/*  THREAD SIZING TABLE  */
.thread-chart-wrap{
    max-width:720px;
    margin:30px auto;
    font-family:Arial, Helvetica, sans-serif;
    background:#ffffff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 6px 18px rgba(0,0,0,.12);
    border:1px solid #eadca9;
}

.thread-chart-header{
    background:linear-gradient(to right,#d8a821,#fff2bf);
    padding:18px 25px;
    text-align:center;
}

.thread-chart-header h2{
    margin:0;
    color:#7a5600;
    font-size:28px;
    letter-spacing:.5px;
}

.thread-chart-header p{
    margin:8px 0 0;
    color:#8c6a14;
    font-size:15px;
}

/* Decorative thread graphics */

.thread-display{
    display:flex;
    justify-content:center;
    align-items:flex-end;
    gap:18px;
    padding:24px 10px 18px;
    flex-wrap:wrap;
}

/* spool */

.thread-spool{
    position:relative;
    width:48px;
    height:72px;
    border-radius:10px;
    background:linear-gradient(to bottom,#fff8d6,#f1d268);
    box-shadow:
        inset -3px -3px 5px rgba(0,0,0,.15),
        inset 3px 3px 5px rgba(255,255,255,.9),
        0 2px 4px rgba(0,0,0,.18);
}

/* spool top/bottom */

.thread-spool:before,
.thread-spool:after{
    content:"";
    position:absolute;
    left:-6px;
    width:60px;
    height:10px;
    background:#c89718;
    border-radius:8px;
}

.thread-spool:before{
    top:-4px;
}

.thread-spool:after{
    bottom:-4px;
}

/* thread wraps */

.thread-lines{
    position:absolute;
    top:10px;
    left:8px;
    width:32px;
    height:52px;
    background:
    repeating-linear-gradient(
        to bottom,
        rgba(255,255,255,.45),
        rgba(255,255,255,.45) 2px,
        transparent 2px,
        transparent 5px
    );
    border-radius:6px;
}

/* different thread shades */

.gold{ background:linear-gradient(to bottom,#ffe791,#d9a400); }
.yellow{ background:linear-gradient(to bottom,#fff4a6,#e2bf2f); }
.mustard{ background:linear-gradient(to bottom,#f7d76f,#b88600); }
.cream{ background:linear-gradient(to bottom,#fffbe7,#dfc85f); }

/* Table styling */

.thread-chart{
    width:100%;
    border-collapse:collapse;
}

.thread-chart th{
    background:#d8a821;
    color:#fff;
    padding:14px;
    font-size:16px;
    letter-spacing:.4px;
}

.thread-chart td{
    padding:12px 18px;
    text-align:center;
    font-size:15px;
    color:#444;
}

.thread-chart tr:nth-child(even){
    background:#fffbee;
}

.thread-chart tr:hover{
    background:#fff3cc;
    transition:.2s ease;
}

.thread-chart td:first-child{
    font-weight:bold;
    color:#9a7200;
}

@media (max-width:700px){

    .thread-chart-header h2{
        font-size:22px;
    }

    .thread-chart td,
    .thread-chart th{
        padding:10px 6px;
        font-size:14px;
    }

    .thread-spool{
        transform:scale(.85);
    }
}

/*  NEEDLE CHART SIZING  */
.needle-chart-wrap{
    max-width:1100px;
    margin:30px auto;
    font-family:Arial, Helvetica, sans-serif;
    background:#ffffff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 6px 18px rgba(0,0,0,.12);
    border:1px solid #f0d6e5;
}

.needle-chart-header{
    background:linear-gradient(to right,#d96aa6,#fde5f0);
    padding:18px 25px;
    text-align:center;
}

.needle-chart-header h2{
    margin:0;
    color:#8b2d62;
    font-size:28px;
}

.needle-chart-header p{
    margin:8px 0 0;
    color:#9d4d78;
    font-size:15px;
}

/* Decorative needle graphic */

.needle-display{
    display:flex;
    justify-content:center;
    align-items:flex-end;
    gap:18px;
    padding:22px 10px 16px;
    flex-wrap:wrap;
}

.needle{
    width:3px;
    height:90px;
    background:#bfc5cd;
    border-radius:3px;
    position:relative;
}

.needle:before{
    content:"";
    position:absolute;
    top:-5px;
    left:-3px;
    width:9px;
    height:9px;
    border-radius:50%;
    background:#e8edf2;
    border:1px solid #aeb5bd;
}

.needle:after{
    content:"";
    position:absolute;
    bottom:6px;
    left:-4px;
    width:11px;
    height:20px;
    border:2px solid #bfc5cd;
    border-radius:50%;
}

/* Table */

.needle-chart{
    width:100%;
    border-collapse:collapse;
}

.needle-chart th{
    background:#d96aa6;
    color:#fff;
    padding:13px 8px;
    font-size:14px;
    text-align:center;
}

.needle-chart td{
    padding:11px 8px;
    text-align:center;
    font-size:14px;
    color:#444;
}

.needle-chart tr:nth-child(even){
    background:#fff5fa;
}

.needle-chart tr:hover{
    background:#fde8f3;
}

.needle-chart td:first-child{
    font-weight:bold;
    color:#8b2d62;
}

@media (max-width:850px){
    .needle-chart th,
    .needle-chart td{
        font-size:12px;
        padding:8px 4px;
    }

    .needle-chart-header h2{
        font-size:22px;
    }
}

/* PLASTIC CANVAS MESH SIZE CHART */

.mesh-chart-wrap{
    max-width:850px;
    margin:30px auto;
    font-family:Arial, Helvetica, sans-serif;
    background:#ffffff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 6px 18px rgba(0,0,0,.12);
    border:1px solid #cfe8ec;
}

.mesh-chart-header{
    background:linear-gradient(to right,#3ca6c0,#dff7fc);
    padding:18px 25px;
    text-align:center;
}

.mesh-chart-header h2{
    margin:0;
    color:#14687b;
    font-size:28px;
}

.mesh-chart-header p{
    margin:8px 0 0;
    color:#357b8c;
    font-size:15px;
}

/* Decorative plastic canvas pieces */

.mesh-display{
    display:flex;
    justify-content:center;
    align-items:flex-end;
    gap:20px;
    padding:24px 10px 18px;
    flex-wrap:wrap;
}

.canvas-piece{
    border:2px solid #6ab9cb;
    background-color:#f7feff;
    box-shadow:0 2px 5px rgba(0,0,0,.12);
}

.mesh5{
    width:70px;
    height:70px;
    background-image:
        linear-gradient(#6ab9cb 2px, transparent 2px),
        linear-gradient(90deg,#6ab9cb 2px, transparent 2px);
    background-size:14px 14px;
}

.mesh7{
    width:70px;
    height:70px;
    background-image:
        linear-gradient(#6ab9cb 1.5px, transparent 1.5px),
        linear-gradient(90deg,#6ab9cb 1.5px, transparent 1.5px);
    background-size:10px 10px;
}

.mesh10{
    width:70px;
    height:70px;
    background-image:
        linear-gradient(#6ab9cb 1px, transparent 1px),
        linear-gradient(90deg,#6ab9cb 1px, transparent 1px);
    background-size:7px 7px;
}

.mesh14{
    width:70px;
    height:70px;
    background-image:
        linear-gradient(#6ab9cb 1px, transparent 1px),
        linear-gradient(90deg,#6ab9cb 1px, transparent 1px);
    background-size:5px 5px;
}

.mesh-label{
    text-align:center;
    margin-top:6px;
    color:#14687b;
    font-weight:bold;
    font-size:13px;
}

/* Table */

.mesh-chart{
    width:100%;
    border-collapse:collapse;
}

.mesh-chart th{
    background:#3ca6c0;
    color:#fff;
    padding:14px;
    font-size:15px;
}

.mesh-chart td{
    padding:12px;
    text-align:center;
    font-size:14px;
    color:#444;
}

.mesh-chart tr:nth-child(even){
    background:#f3fcfe;
}

.mesh-chart tr:hover{
    background:#dff7fc;
}

.mesh-chart td:first-child{
    font-weight:bold;
    color:#14687b;
}

@media (max-width:700px){

    .mesh-chart-header h2{
        font-size:22px;
    }

    .mesh-chart th,
    .mesh-chart td{
        font-size:13px;
        padding:8px;
    }

    .canvas-piece{
        transform:scale(.85);
    }
}

/* PLASTIC CANVAS MESH SIZE CHART */
.wire-chart-wrap{
    max-width:950px;
    margin:30px auto;
    font-family:Arial, Helvetica, sans-serif;
    background:#ffffff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 6px 18px rgba(0,0,0,.12);
    border:1px solid #e8d4c5;
}

.wire-chart-header{
    background:linear-gradient(to right,#b56b3a,#f6e2d5);
    padding:18px 25px;
    text-align:center;
}

.wire-chart-header h2{
    margin:0;
    color:#6f3814;
    font-size:28px;
}

.wire-chart-header p{
    margin:8px 0 0;
    color:#8a5634;
    font-size:15px;
}

/* Decorative wire coils */

.wire-display{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:24px;
    padding:24px 10px 18px;
    flex-wrap:wrap;
}

.wire-coil{
    border-radius:50%;
    border-style:solid;
    border-color:#b56b3a;
    background:transparent;
    box-shadow:
        inset 0 0 4px rgba(255,255,255,.7),
        0 2px 4px rgba(0,0,0,.12);
}

.gauge16{
    width:72px;
    height:72px;
    border-width:6px;
}

.gauge20{
    width:68px;
    height:68px;
    border-width:4px;
}

.gauge24{
    width:64px;
    height:64px;
    border-width:2px;
}

.gauge28{
    width:60px;
    height:60px;
    border-width:1px;
}

.coil-label{
    text-align:center;
    margin-top:6px;
    font-size:13px;
    color:#6f3814;
    font-weight:bold;
}

/* Table */

.wire-chart{
    width:100%;
    border-collapse:collapse;
}

.wire-chart th{
    background:#b56b3a;
    color:#fff;
    padding:14px;
    font-size:15px;
}

.wire-chart td{
    padding:12px;
    text-align:center;
    font-size:14px;
    color:#444;
}

.wire-chart tr:nth-child(even){
    background:#fdf7f3;
}

.wire-chart tr:hover{
    background:#f7e7dc;
}

.wire-chart td:first-child{
    font-weight:bold;
    color:#8a4d27;
}

@media (max-width:700px){

    .wire-chart-header h2{
        font-size:22px;
    }

    .wire-chart th,
    .wire-chart td{
        font-size:13px;
        padding:8px;
    }

    .wire-display{
        gap:12px;
    }
}

/* NECKLACE LENGTH CHART */
.necklace-chart-wrap{
    max-width:900px;
    margin:30px auto;
    font-family:Arial, Helvetica, sans-serif;
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 6px 18px rgba(0,0,0,.12);
    border:1px solid #ead5df;
}

.necklace-chart-header{
    background:linear-gradient(to right,#b56a86,#f7e5ec);
    padding:18px 25px;
    text-align:center;
}

.necklace-chart-header h2{
    margin:0;
    color:#6f3049;
    font-size:28px;
}

.necklace-chart-header p{
    margin:8px 0 0;
    color:#87566b;
    font-size:15px;
}

/* Decorative necklace display */

.necklace-display{
    display:flex;
    justify-content:center;
    padding:20px;
}

.necklace-figure{
    position:relative;
    width:180px;
    height:170px;
}

.head{
    width:40px;
    height:40px;
    border:3px solid #b56a86;
    border-radius:50%;
    margin:0 auto;
}

.shoulders{
    width:120px;
    height:70px;
    margin:0 auto;
    border-top:3px solid #b56a86;
    border-left:3px solid transparent;
    border-right:3px solid transparent;
    border-radius:60px 60px 0 0;
}

.chain{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    border:2px solid;
    border-bottom:none;
    border-radius:0 0 120px 120px;
}

.chain1{
    top:42px;
    width:60px;
    height:30px;
    border-color:#d78ca7;
}

.chain2{
    top:42px;
    width:90px;
    height:50px;
    border-color:#c96d8e;
}

.chain3{
    top:42px;
    width:120px;
    height:70px;
    border-color:#b56a86;
}

.chain4{
    top:42px;
    width:140px;
    height:90px;
    border-color:#9f4e6b;
}

.chain5{
    top:42px;
    width:155px;
    height:110px;
    border-color:#7f3953;
}

/* Table */

.necklace-chart{
    width:100%;
    border-collapse:collapse;
}

.necklace-chart th{
    background:#b56a86;
    color:#fff;
    padding:14px;
    font-size:15px;
}

.necklace-chart td{
    padding:12px;
    text-align:center;
    font-size:14px;
    color:#444;
}

.necklace-chart tr:nth-child(even){
    background:#fdf6f9;
}

.necklace-chart tr:hover{
    background:#f8e6ee;
}

.necklace-chart td:first-child{
    font-weight:bold;
    color:#7a3b53;
}


/* RIBBON WIDTH CONVERSION CHART */

.ribbon-chart-wrap{
    max-width:850px;
    margin:30px auto;
    font-family:Arial, Helvetica, sans-serif;
    background:#ffffff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 6px 18px rgba(0,0,0,.12);
    border:1px solid #d9d3ee;
}

.ribbon-chart-header{
    background:linear-gradient(to right,#7b68c8,#eee9ff);
    padding:18px 25px;
    text-align:center;
}

.ribbon-chart-header h2{
    margin:0;
    color:#45347f;
    font-size:28px;
}

.ribbon-chart-header p{
    margin:8px 0 0;
    color:#65579a;
    font-size:15px;
}

/* Decorative ribbon graphic */

.ribbon-display{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:14px;
    padding:24px 12px 18px;
    flex-wrap:wrap;
}

.ribbon-strip{
    border-radius:8px;
    background:linear-gradient(to right,#b5a8f0,#7b68c8,#cfc5fb);
    box-shadow:
        inset 2px 2px 4px rgba(255,255,255,.7),
        inset -2px -2px 4px rgba(0,0,0,.12),
        0 2px 4px rgba(0,0,0,.14);
}

.ribbon-1{width:120px;height:8px;}
.ribbon-2{width:120px;height:14px;}
.ribbon-3{width:120px;height:20px;}
.ribbon-4{width:120px;height:28px;}
.ribbon-5{width:120px;height:38px;}

.ribbon-label{
    text-align:center;
    margin-top:6px;
    color:#45347f;
    font-size:12px;
    font-weight:bold;
}

/* Table */

.ribbon-chart{
    width:100%;
    border-collapse:collapse;
}

.ribbon-chart th{
    background:#7b68c8;
    color:#fff;
    padding:14px;
    font-size:15px;
}

.ribbon-chart td{
    padding:12px;
    text-align:center;
    font-size:14px;
    color:#444;
}

.ribbon-chart tr:nth-child(even){
    background:#f8f6ff;
}

.ribbon-chart tr:hover{
    background:#ede8ff;
}

.ribbon-chart td:first-child{
    font-weight:bold;
    color:#51409a;
}

@media (max-width:700px){
    .ribbon-chart-header h2{
        font-size:22px;
    }

    .ribbon-chart th,
    .ribbon-chart td{
        font-size:13px;
        padding:8px;
    }

    .ribbon-strip{
        width:90px;
    }
}

/* SEED BEADS PER GRAM CHART */

.seedgram-chart-wrap{
    max-width:1000px;
    margin:30px auto;
    font-family:Arial, Helvetica, sans-serif;
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 6px 18px rgba(0,0,0,.12);
    border:1px solid #cfe8e8;
}

.seedgram-chart-header{
    background:linear-gradient(to right,#2b9a9a,#dff8f8);
    padding:18px 25px;
    text-align:center;
}

.seedgram-chart-header h2{
    margin:0;
    color:#126666;
    font-size:28px;
}

.seedgram-chart-header p{
    margin:8px 0 0;
    color:#347979;
    font-size:15px;
}

/* Decorative seed bead piles */

.seedgram-display{
    display:flex;
    justify-content:center;
    align-items:flex-end;
    gap:20px;
    padding:24px 10px 18px;
    flex-wrap:wrap;
}

.bead-pile{
    position:relative;
    border-radius:50%;
    background:radial-gradient(circle at center,#5ad6d6,#2b9a9a);
    box-shadow:
        inset 2px 2px 4px rgba(255,255,255,.6),
        inset -2px -2px 4px rgba(0,0,0,.12);
}

.size6{width:60px;height:60px;}
.size8{width:50px;height:50px;}
.size11{width:40px;height:40px;}
.size15{width:30px;height:30px;}

.pile-label{
    text-align:center;
    margin-top:8px;
    font-size:13px;
    color:#126666;
    font-weight:bold;
}

/* Table */

.seedgram-chart{
    width:100%;
    border-collapse:collapse;
}

.seedgram-chart th{
    background:#2b9a9a;
    color:#fff;
    padding:14px;
    font-size:14px;
}

.seedgram-chart td{
    padding:12px;
    text-align:center;
    font-size:14px;
    color:#444;
}

.seedgram-chart tr:nth-child(even){
    background:#f4fcfc;
}

.seedgram-chart tr:hover{
    background:#e1f7f7;
}

.seedgram-chart td:first-child{
    font-weight:bold;
    color:#126666;
}

@media (max-width:800px){

    .seedgram-chart th,
    .seedgram-chart td{
        font-size:12px;
        padding:8px 4px;
    }

    .seedgram-chart-header h2{
        font-size:22px;
    }
}

/* BEAD HOLE SIZE CHART */
.beadhole-chart-wrap{
    max-width:1000px;
    margin:30px auto;
    font-family:Arial, Helvetica, sans-serif;
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 6px 18px rgba(0,0,0,.12);
    border:1px solid #eed5d5;
}

.beadhole-chart-header{
    background:linear-gradient(to right,#b64848,#f9e3e3);
    padding:18px 25px;
    text-align:center;
}

.beadhole-chart-header h2{
    margin:0;
    color:#6f1f1f;
    font-size:28px;
}

.beadhole-chart-header p{
    margin:8px 0 0;
    color:#8c4a4a;
    font-size:15px;
}

/* Decorative beads */

.beadhole-display{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:18px;
    padding:24px 10px 18px;
    flex-wrap:wrap;
}

.bead-hole-demo{
    position:relative;
    border-radius:50%;
    background:radial-gradient(circle at 30% 30%, #ffffff, #c95f5f);
    box-shadow:
        inset 3px 3px 5px rgba(255,255,255,.7),
        inset -3px -3px 5px rgba(0,0,0,.15),
        0 2px 4px rgba(0,0,0,.15);
}

.bead-hole-demo:after{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    background:#333;
    border-radius:50%;
    transform:translate(-50%,-50%);
}

.bead4{
    width:40px;
    height:40px;
}
.bead4:after{
    width:4px;
    height:4px;
}

.bead8{
    width:55px;
    height:55px;
}
.bead8:after{
    width:8px;
    height:8px;
}

.bead12{
    width:70px;
    height:70px;
}
.bead12:after{
    width:12px;
    height:12px;
}

.bead-label{
    text-align:center;
    margin-top:8px;
    color:#6f1f1f;
    font-weight:bold;
    font-size:13px;
}

/* Table */

.beadhole-chart{
    width:100%;
    border-collapse:collapse;
}

.beadhole-chart th{
    background:#b64848;
    color:#fff;
    padding:14px;
    font-size:14px;
}

.beadhole-chart td{
    padding:12px;
    text-align:center;
    font-size:14px;
    color:#444;
}

.beadhole-chart tr:nth-child(even){
    background:#fdf5f5;
}

.beadhole-chart tr:hover{
    background:#f9e8e8;
}

.beadhole-chart td:first-child{
    font-weight:bold;
    color:#8a3030;
}


/* Jump Ring Size Chart */
.jumpring-chart-wrap{
    max-width:950px;
    margin:30px auto;
    font-family:Arial, Helvetica, sans-serif;
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 6px 18px rgba(0,0,0,.12);
    border:1px solid #d8dced;
}

.jumpring-chart-header{
    background:linear-gradient(to right,#5b6fb5,#e3e8fb);
    padding:18px 25px;
    text-align:center;
}

.jumpring-chart-header h2{
    margin:0;
    color:#2f3f7c;
    font-size:28px;
}

.jumpring-chart-header p{
    margin:8px 0 0;
    color:#53639a;
    font-size:15px;
}

/* Decorative jump rings */

.jumpring-display{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:22px;
    padding:24px 10px 18px;
    flex-wrap:wrap;
}

.jump-ring{
    border:5px solid #6c7fc6;
    border-radius:50%;
    background:transparent;
    box-shadow:
        inset 2px 2px 4px rgba(255,255,255,.8),
        0 2px 4px rgba(0,0,0,.15);
}

.ring-small{width:38px;height:38px;}
.ring-med{width:52px;height:52px;}
.ring-large{width:68px;height:68px;}
.ring-xl{width:82px;height:82px;}

.ring-label{
    text-align:center;
    margin-top:8px;
    color:#2f3f7c;
    font-weight:bold;
    font-size:13px;
}

/* Table */

.jumpring-chart{
    width:100%;
    border-collapse:collapse;
}

.jumpring-chart th{
    background:#5b6fb5;
    color:#fff;
    padding:14px;
    font-size:14px;
}

.jumpring-chart td{
    padding:12px;
    text-align:center;
    font-size:14px;
    color:#444;
}

.jumpring-chart tr:nth-child(even){
    background:#f5f7ff;
}

.jumpring-chart tr:hover{
    background:#e8ecfb;
}

.jumpring-chart td:first-child{
    font-weight:bold;
    color:#384989;
}



/* SEED BEADS PER TUBE CHART */

.seedtube-chart-wrap{
    max-width:1000px;
    margin:30px auto;
    font-family:Arial, Helvetica, sans-serif;
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 6px 18px rgba(0,0,0,.12);
    border:1px solid #d7d8ee;
}

.seedtube-chart-header{
    background:linear-gradient(to right,#6f73c8,#e8e9ff);
    padding:18px 25px;
    text-align:center;
}

.seedtube-chart-header h2{
    margin:0;
    color:#3f4283;
    font-size:28px;
}

.seedtube-chart-header p{
    margin:8px 0 0;
    color:#5f639b;
    font-size:15px;
}

/* Decorative seed bead tubes */

.seedtube-display{
    display:flex;
    justify-content:center;
    align-items:flex-end;
    gap:18px;
    padding:24px 10px 18px;
    flex-wrap:wrap;
}

.seed-tube{
    position:relative;
    width:44px;
    height:95px;
    border:3px solid #6f73c8;
    border-radius:10px;
    background:linear-gradient(to bottom,#ffffff,#f1f1ff);
    overflow:hidden;
    box-shadow:0 2px 5px rgba(0,0,0,.14);
}

.seed-tube:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:14px;
    background:#6f73c8;
}

.seed-tube:after{
    content:"";
    position:absolute;
    left:6px;
    right:6px;
    bottom:8px;
    height:58px;
    border-radius:8px;
    background:
        radial-gradient(circle,#7fd8d0 2px, transparent 3px),
        radial-gradient(circle,#5fbeb7 2px, transparent 3px);
    background-size:9px 9px;
    background-position:0 0, 4px 4px;
}

.tube-label{
    text-align:center;
    margin-top:8px;
    color:#3f4283;
    font-size:13px;
    font-weight:bold;
}

/* Table */

.seedtube-chart{
    width:100%;
    border-collapse:collapse;
}

.seedtube-chart th{
    background:#6f73c8;
    color:#fff;
    padding:14px;
    font-size:14px;
}

.seedtube-chart td{
    padding:12px;
    text-align:center;
    font-size:14px;
    color:#444;
}

.seedtube-chart tr:nth-child(even){
    background:#f7f7ff;
}

.seedtube-chart tr:hover{
    background:#eceeff;
}

.seedtube-chart td:first-child{
    font-weight:bold;
    color:#464a96;
}

@media (max-width:800px){
    .seedtube-chart th,
    .seedtube-chart td{
        font-size:12px;
        padding:8px 4px;
    }

    .seedtube-chart-header h2{
        font-size:22px;
    }
}

/* CORD / STRINGING MATERIAL SIZE CHART */

.cord-chart-wrap{
    max-width:1000px;
    margin:30px auto;
    font-family:Arial, Helvetica, sans-serif;
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 6px 18px rgba(0,0,0,.12);
    border:1px solid #d7dfce;
}

.cord-chart-header{
    background:linear-gradient(to right,#6f8f4e,#edf6df);
    padding:18px 25px;
    text-align:center;
}

.cord-chart-header h2{
    margin:0;
    color:#3f5f24;
    font-size:28px;
}

.cord-chart-header p{
    margin:8px 0 0;
    color:#5f753f;
    font-size:15px;
}

/* Decorative cord graphic */

.cord-display{
    padding:24px 30px 18px;
}

.cord-line{
    height:8px;
    margin:12px auto;
    border-radius:20px;
    background:linear-gradient(to right,#b48a54,#e8c48f,#9a6f3e);
    box-shadow:
        inset 2px 2px 3px rgba(255,255,255,.6),
        inset -2px -2px 3px rgba(0,0,0,.18),
        0 2px 4px rgba(0,0,0,.12);
}

.cord-thin{width:55%; height:4px;}
.cord-medium{width:70%; height:8px;}
.cord-thick{width:85%; height:14px;}

.cord-label{
    text-align:center;
    color:#3f5f24;
    font-size:13px;
    font-weight:bold;
}

/* Table */

.cord-chart{
    width:100%;
    border-collapse:collapse;
}

.cord-chart th{
    background:#6f8f4e;
    color:#fff;
    padding:14px;
    font-size:14px;
}

.cord-chart td{
    padding:12px;
    text-align:center;
    font-size:14px;
    color:#444;
}

.cord-chart tr:nth-child(even){
    background:#f7fbf1;
}

.cord-chart tr:hover{
    background:#eef7df;
}

.cord-chart td:first-child{
    font-weight:bold;
    color:#4f6f2d;
}

@media (max-width:800px){
    .cord-chart th,
    .cord-chart td{
        font-size:12px;
        padding:8px 4px;
    }

    .cord-chart-header h2{
        font-size:22px;
    }
}

/* MENU */


.guide-dot{
    display:inline-block;
    width:8px;
    height:8px;
    border-radius:50%;
    margin-right:6px;
}
.menu-box{
    background:#fffdf2;
    border:1px solid #e5dfbd;
    border-radius:10px;
    padding:6px;
    margin-bottom:15px;
    min-height:320px;
    text-align:left;
    vertical-align:top;
/*    max-width: 100%; */
    margin:0 0px;
}
.menu-box h4{
    text-align:center;
    font-weight: 500;
}
.measure-dot{background:#6f98c8;}
.bead-dot{background:#6fae75;}
.jewelry-dot{background:#c4778f;}

/* PAGE SPECIFIC ALIGNING */
.bead-chart-wrap,
.measure-chart-wrap,
.conversion-chart-wrap,
.pin-chart-wrap,
.bead-length-wrap,
.seed-chart-wrap,
.thread-chart-wrap,
.needle-chart-wrap,
.mesh-chart-wrap,
.wire-chart-wrap,
.necklace-chart-wrap,
.ribbon-chart-wrap,
.seedgram-chart-wrap,
.beadhole-chart-wrap,
.jumpring-chart-wrap,
.seedtube-chart-wrap,
.cord-chart-wrap {
    box-sizing:border-box;
    max-width:90%;
}


/* ANKLET LENGTH CHART */

.anklet-length-wrapper {
    max-width: 850px;
    margin: 20px auto;
    padding: 15px;
}

.anklet-length-wrapper h2 {
    margin-top: 0;
    color: #663366;
}

.anklet-length-wrapper .chartTable {
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0;
}

.anklet-length-wrapper .chartTable th {
    background-color: #f4e6f2;
    color: #333;
    font-weight: bold;
    text-align: left;
    padding: 8px;
    border: 1px solid #c9a7c4;
}

.anklet-length-wrapper .chartTable td {
    padding: 8px;
    border: 1px solid #d8c3d5;
    vertical-align: top;
}

.anklet-length-wrapper .chartTable tr:nth-child(even) {
    background-color: #fff7fd;
}

.anklet-length-wrapper .chartNote {
    font-size: 0.95em;
    background-color: #fff7fd;
    border-left: 4px solid #c9a7c4;
    padding: 10px;
    margin-top: 15px;
}




/* BALL HEAD PINS */

.ball-head-pin-wrapper {
    max-width: 850px;
    margin: 20px auto;
    padding: 15px;
}

.ball-head-pin-wrapper h2 {
    margin-top: 0;
    color: #663366;
}

.ball-head-pin-wrapper .chartTable {
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0;
}

.ball-head-pin-wrapper .chartTable th {
    background-color: #f4e6f2;
    color: #333;
    font-weight: bold;
    text-align: left;
    padding: 8px;
    border: 1px solid #c9a7c4;
}

.ball-head-pin-wrapper .chartTable td {
    padding: 8px;
    border: 1px solid #d8c3d5;
    vertical-align: top;
}

.ball-head-pin-wrapper .chartTable tr:nth-child(even) {
    background-color: #fff7fd;
}

.ball-head-pin-wrapper .chartNote {
    font-size: 0.95em;
    background-color: #fff7fd;
    border-left: 4px solid #c9a7c4;
    padding: 10px;
    margin-top: 15px;
}

/* BRACELET SIZING */

.bracelet-size-wrapper {
    max-width: 850px;
    margin: 20px auto;
    padding: 15px;
}

.bracelet-size-wrapper h2 {
    margin-top: 0;
    color: #663366;
}

.bracelet-size-wrapper .chartTable {
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0;
}

.bracelet-size-wrapper .chartTable th {
    background-color: #f4e6f2;
    color: #333;
    font-weight: bold;
    text-align: left;
    padding: 8px;
    border: 1px solid #c9a7c4;
}

.bracelet-size-wrapper .chartTable td {
    padding: 8px;
    border: 1px solid #d8c3d5;
    vertical-align: top;
}

.bracelet-size-wrapper .chartTable tr:nth-child(even) {
    background-color: #fff7fd;
}

.bracelet-size-wrapper .chartNote {
    font-size: 0.95em;
    background-color: #fff7fd;
    border-left: 4px solid #c9a7c4;
    padding: 10px;
    margin-top: 15px;
}

/* BULB SAFETY PINS */

.bulb-pin-wrapper {
    max-width: 850px;
    margin: 20px auto;
    padding: 15px;
}

.bulb-pin-wrapper h2 {
    margin-top: 0;
    color: #663366;
}

.bulb-pin-wrapper .chartTable {
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0;
}

.bulb-pin-wrapper .chartTable th {
    background-color: #f4e6f2;
    color: #333;
    font-weight: bold;
    text-align: left;
    padding: 8px;
    border: 1px solid #c9a7c4;
}

.bulb-pin-wrapper .chartTable td {
    padding: 8px;
    border: 1px solid #d8c3d5;
    vertical-align: top;
}

.bulb-pin-wrapper .chartTable tr:nth-child(even) {
    background-color: #fff7fd;
}

.bulb-pin-wrapper .chartNote {
    font-size: 0.95em;
    background-color: #fff7fd;
    border-left: 4px solid #c9a7c4;
    padding: 10px;
    margin-top: 15px;
}

/* CABOCHONS */

.cabochon-wrapper {
    max-width: 850px;
    margin: 20px auto;
    padding: 15px;
}

.cabochon-wrapper h2 {
    margin-top: 0;
    color: #663366;
}

.cabochon-wrapper .chartTable {
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0;
}

.cabochon-wrapper .chartTable th {
    background-color: #f4e6f2;
    color: #333;
    font-weight: bold;
    text-align: left;
    padding: 8px;
    border: 1px solid #c9a7c4;
}

.cabochon-wrapper .chartTable td {
    padding: 8px;
    border: 1px solid #d8c3d5;
    vertical-align: top;
}

.cabochon-wrapper .chartTable tr:nth-child(even) {
    background-color: #fff7fd;
}

.cabochon-wrapper .chartNote {
    font-size: 0.95em;
    background-color: #fff7fd;
    border-left: 4px solid #c9a7c4;
    padding: 10px;
    margin-top: 15px;
}

/*  CURVED SAFETY PINS */

.curvedSafetyPinsWrapper {
max-width: 100%;
margin: 0 auto;
line-height: 1.7;
color: #333;
}

.curvedSafetyPinsWrapper h2 {
font-size: 2rem;
margin: 0 0 20px 0;
color: #2c3e50;
}

.curvedSafetyPinsWrapper h3 {
font-size: 1.35rem;
margin: 35px 0 15px 0;
color: #2c3e50;
border-bottom: 1px solid #d9d9d9;
padding-bottom: 6px;
}

.curvedSafetyPinsWrapper p {
margin: 0 0 18px 0;
}

.curvedSafetyPinsWrapper ul {
margin: 0 0 20px 25px;
padding: 0;
}

.curvedSafetyPinsWrapper li {
margin-bottom: 8px;
}

.curvedSafetyPinsWrapper strong {
color: #1f4e79;
}

.curvedSafetyPinsWrapper img {
max-width: 100%;
height: auto;
}





/*  */