/* Build your own page css starts */
.byop--block .container,
.byop--block .grid-container{
    max-width: 728px;
    padding-left: 0;
    padding-right: 0;
}
.gutentor-module.gutentor-container-cover.byop--block{
    padding: 35px 0;
}
.byop--block{
    font-family: "DM Sans";
    background-color: var(--white);
    font-style: normal;
    font-weight: 400;
}
.byop--block img{
    max-width: 100%;
}
.hwpt--block h2,
.hwpt--block p,
.hwpt--block h3,
.hwpt--block h4,
.hwpt--block h5,
.hwpt--block h6{
    color: var(--primaryGrayBlack);
    padding: 0;
    margin-top: 32px;
    margin-bottom: 32px;
}
.hwpt--block h2{
    font-size: 46px;
    position: relative;
    line-height: 53px;
    font-weight: 400;
    padding-bottom: 32px;
}
.hwpt--block h2::after{
    content: '';
    position: absolute;
    width: 35px;
    height: 4px;
    bottom: 0;
    display: block;
    left: 0;
    background: var(--secondaryColor);
}
.hwpt--block h3{
    font-size: 38px;
    font-weight: 500;
    line-height: 48px;
}
.hwpt--block p{
    font-size: 18px;
    line-height: 36px;
    padding-bottom: 0;
}
.hwpt--block h3,
.hwpt--block h4,
.hwpt--block h5,
.hwpt--block h6{
    padding-bottom: 0;
}
h4{
    line-height: 38px;
}
h5{
    line-height: 32px;
}
h6{
    line-height: 28px;
}
.glob--block--spacing{
    padding:75px 0;
}
.cit-byop-block{
    background-color: var(--silver);
    font-style: normal;
}
.cit-byop-block p{
    color: var(--lightGrey);
    font-size: 16px;
    line-height: 24px; 
    font-weight: 400;
    padding-bottom: 24px;
}
.cit-byop-block p strong{
    font-weight: 700;
}
.callout-byop-block{
    padding: 32px 0;
}
.callout--copy{
    padding:40px;
    background-color: var(--secondaryColor);
}
.callout--copy h2{
    color: var(--white);
    font-size: 46px;
    line-height: 54px;
    font-weight: 400;
}
.callout--copy p{
    color: var(--white);
    padding-top: 32px;
    font-size: 16px;
    line-height: 24px;
}
.bg--burg{
    background-color: var(--secondaryColor);
}
.bg--darkblue{
    background-color: var(--darkBlue);
}
.bg--silver{
    background-color: var(--silver);
}
.callout--copy.bg--silver h2{
    color: var(--secondaryColor);
}
.callout--copy.bg--silver p{
    color: var(--primaryGrayBlack);
}
.callout--copy .pindrop-main-btn.pindrop-white {
    padding-top: 32px;
}
.callout--copy .pindrop-main-btn.pindrop-white .btn{
    border: 1px solid #9E0159;
}
.callout--copy .pindrop-main-btn .btn{
    padding: 8px 16px;
}
.twocol--callout,
.intro--copy p,
.checklist,
.toc--copy{
    padding:32px 0;
}
.twocol--callout .copy{
    color: var(--primaryGrayBlack);
}
.twocol--callout .copy h2{
    font-size: 38px;
    line-height: 48px;
}
.twocol--callout .copy p{
    color: var(--primaryGrayBlack);
    line-height: 36px;
    padding-top:32px;
}
.twocol--callout .callout--box{
    display: flex;
    padding: 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
}
.twocol--callout .callout--box p{
    font-size: 46px;
    font-weight: 400;
    line-height: 54px
}
.twocol--callout .callout--box p small{
    font-size: 16px;
    line-height: 24px
}
.twocol--callout.image .copy p,
.intro--copy p{
    color: var(--lightGrey);
    font-size: 20px;
    font-weight: 500;
    line-height: 28px; 
}
.checklist .item h3{
    padding: 8px 0;
}
.checklist .item p{
    padding-bottom: 8px;
}
.checklist .item h3{
    color: var(--primaryGrayBlack);
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
}
.checklist .item p,
.checklist.bullet p{
    color: var(--primaryGrayBlack);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px; /* 24px */
}
.numberlist-byop-block .checklist .item{
    padding-left: 16px;
}
.checklist .item,
.checklist.bullet p{
    position: relative;
    padding-left: 30px;
}
.checklist .item::before,
.checklist.bullet p::before{
    content:url('../img/checkmark.svg'); 
    position:absolute; 
    z-index:100000;
    left:-25px;
    top:0;
}
.checklist.numbered .item::before{
    display: none;
}
.checklist.numbered .item span {
    position: absolute;
    z-index: 100000;
    left: -25px;
    top: 0;
    border-radius: 50%;
    font-size: 30px;
    font-weight: 500;
    line-height: 50px;
    text-align: center;
    color: var(--darkOrange);
    font-family: "DM Mono";
}
.numberlist-byop-block .checklist.numbered .item span{
    font-size: 22px;
    top:-12px;
}
.numberlist-byop-block .checklist .item p{
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}
.accordion-byop-block .accordion-section .accordion-item{
    border-bottom: 1px solid var(--lightGrey);
}
.checklist{
    margin-left: 94px;
}
.checklist.bullet{
    margin-left: 0;
}
.checklist.bullet p::before{
    content:url('../img/bullet-circle.svg');
}
.checklist.bullet p{
    padding-left: 16px;
    line-height: 28px;
    font-size: 18px;
    padding-bottom: 24px;
    letter-spacing: 0.5px;
}
.checklist .item{
    margin-bottom: 16px;
}
.checklist .item:last-child {
  margin-bottom: 0;
}
.byop--block.bulletlist-byop-block .container{
    max-width: 540px;
    margin: 0 auto;
}
.accordion-byop-block .accordion-section{
    background: none;
    padding: 32px 0;
}
.accordion-byop-block .accordion-header{
    padding: 16px 0;
    line-height: 28px;
}
.accordion-byop-block .accordion-button:not(.collapsed){
    box-shadow: none;
}
.accordion-byop-block .accordion-section .accordion-button::after{
    margin-right: 16px;
}
.accordion-byop-block .accordion-section p {
    max-width: 675px;
    margin-right: 16px;
    line-height: 24px;
    width: auto;
    color: var(--primaryGrayBlack);
}
.accordion-byop-block .accordion-section .accordion-button{
    font-size: 18px;
}
.byop--block .wp-block-table td,
.byop--block .wp-block-table th {
    border: 1px solid #D1D1D4;
    padding: .5em;
    color: var(--primaryGrayBlack);
    padding:10px 12px;
    text-align: left;
    vertical-align: top;
}
.byop--block .wp-block-table thead {
    border-bottom: 1px solid;
}
.byop--block .wp-block-table .has-fixed-layout thead th {
    word-break: break-word;
    color: #212328;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    padding:10px 12px;
    vertical-align: middle;
}
.byop--block.gray .wp-block-table thead {
     background:var(--silver);
}
.byop--block.blue .wp-block-table thead {
    background:var(--darkBlue);
}
.byop--block.blue .wp-block-table .has-fixed-layout thead th{
    color:var(--white);
}
.byop--block.blue.first--col--gray tr td:first-child { 
    background-color: var(--silver);
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
}
.byop--block .wp-block-table{
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
/* table code ends */
.toc--copy h2{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    color:var(--primaryGrayBlack);
    padding-bottom: 24px;
}
.toc--lists{
    border-top: 1px solid var(--lightGrey);
    border-bottom: 1px solid var(--lightGrey);
    padding: 16px 0;
}
.toc--lists p{
    padding-bottom: 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color:var(--primaryGrayBlack);
}
div.toc--lists > p:last-child {
    padding-bottom: 0;
}
.checklist{
    padding-bottom: 0;
}
.byop--block p a{
    color: var(--darkOrange);
}
.twocol--callout .callout--box{
	color:var(--white);
}
.twocol--callout{
    padding-bottom:0;
}