.choose {background: var(--_c-grad-primary); padding-block: 2rem;}
.choose .wrapper {display: grid; grid-template-columns: 492px 1fr; gap: 2rem;}
.choose .content > :first-child {font-size: var(--fs-xxl, 46px); text-transform: capitalize; margin-bottom: 1rem;}
.choose .content > :first-child * {display: block; font-size: calc(var(--fs-base, 16px) + 2px); font-weight: 500; margin-bottom: 0.5rem;}
.choose .content p:not(:last-of-type) {margin-bottom: 1.5rem;}
.choose .image img {margin: auto;}

/* Media Queries */
@media only screen and (max-width: 1200px) {
    /* Choose */
    .choose .wrapper {gap: 2rem;}
}
@media only screen and (max-width: 991px) {
    /* Choose */
    .choose {padding-block: 1.5rem;}
    .choose .wrapper {grid-template-columns: 1fr; gap: 1.5rem;}
    .choose .content > :first-child {margin-bottom: 0.75rem;}
    .choose .content p:not(:last-of-type) {margin-bottom: 1rem;}
}
@media only screen and (max-width: 575px) {
    /* Choose */
    .choose {padding-block: 1rem;}
    .choose .wrapper {margin-bottom: 1rem;}
    .choose .content > :first-child {margin-bottom: 0.5rem;}
    .choose .content > :first-child * {margin-bottom: 0.25rem;}
    .choose .content p:not(:last-of-type) {margin-bottom: 0.5rem;}
}



.straight {padding-block: 2rem;}
.straight[data-bg="true"]{background-color: var(--_c-lgt-primary);}
.straight .wrapper {display: grid; grid-template-columns: 598px 1fr; gap: 3rem;}
.straight[data-img="left"] .wrapper {grid-template-columns: 598px 1fr;}
.straight .image img {margin: auto;}
.straight .content > :first-child {font-size: var(--fs-xxl, 46px); text-transform: capitalize; margin-bottom: 1rem;}
.straight .content > :first-child * {display: block; font-size: calc(var(--fs-base, 16px) + 2px); font-weight: 500; margin-bottom: 0.5rem;}
.straight .content p {margin-bottom: 1rem;}
.straight .content p:last-of-type {margin-bottom: 2rem;}
.straight .content a {position: relative; text-wrap: wrap; margin-left: auto; padding: 0.625rem 1.75rem; border-radius: 3px;}
.straight .content a::before {position: absolute; inset: 0 12px 0 auto; width: 0.375rem; height: 0.625rem; background: no-repeat center/cover url('https://customcosmeticboxes.com/wp-content/themes/customcosmeticboxes/assets/images/icons/chevron-right.svg'); content: ''; margin-block: auto;}

/* Media Queries */
@media only screen and (max-width: 1200px) {
    /* Stright */
    .straight .wrapper {gap: 1.5rem;}
}
@media only screen and (max-width: 991px) {
    /* Straight */
    .straight {padding-block: 1.5rem;}
    .straight .wrapper {grid-template-columns: 1fr;}
    .straight[data-img="left"] .wrapper {grid-template-columns: 1fr;}
    .straight .image {order: 2;}
    .straight .content {order: 1;}
    .straight .content > :first-child {margin-bottom: 0.75rem;}
    .straight .content p:last-of-type {margin-bottom: 1.25rem;}
    .straight .content a {padding: 0.5rem 1.25rem;}
    .straight .content a::before {right: 8px;}
}
@media only screen and (max-width: 575px) {
    /* Straight */
    .straight {padding-block: 1rem;}
    .straight .wrapper {margin-bottom: 1rem;}
    .straight .content > :first-child {margin-bottom: 0.5rem;}
    .straight .content p {margin-bottom: 0.625rem;}
    .straight .content p:last-of-type {margin-bottom: 0.75rem;}
    .straight .content a {padding: 0.375rem 0.625rem;}
    .straight .content a::before {right: 3px; width: 0.25rem;}
}


.customization {background-color: var(--_c-lgt-primary); padding-block: 2rem;}
.customization .head {text-align: center; margin-bottom: 2rem;}
.customization .head > :first-child {font-size: var(--fs-lg, 32px); text-transform: capitalize;}
.customization .head > :first-child * {display: block; font-size: calc(var(--fs-base, 16px) + 2px); font-weight: 700; margin-bottom: 0.5rem;}
.customization .wrapper {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-bottom: 2.5rem;}
.customization .card {display: flex; flex-direction: column; gap: 1.25rem; background-color: #fff; padding: 1rem 1rem 2rem; border-radius: 10px; box-shadow: var(--_shdw-black);}
.customization .card img {width: 16rem; height: 16rem; object-fit: contain; margin-inline: auto;}
.customization .card > :nth-child(2) {font-size: var(--fs-md, 24px); text-align: center; text-transform: capitalize;}
.customization .card ul {padding-left: 1.75rem;}
.customization .card li {list-style: disc;}
.customization .card li:not(:last-of-type) {margin-bottom: 0.625rem;}
.customization .btn__primary {position: relative; text-wrap: wrap; padding: 0.625rem 1.75rem; border-radius: 3px; margin-inline: auto;}
.customization .btn__primary::before {position: absolute; inset: 0 12px 0 auto; width: 0.375rem; height: 0.625rem; background: no-repeat center/cover url('https://customcosmeticboxes.com/wp-content/themes/customcosmeticboxes/assets/images/icons/chevron-right.svg'); content: ''; margin-block: auto;}

@media only screen and (max-width: 991px){
    .customization {padding-block: 1.25rem;}
    .customization .head {margin-bottom: 1.25rem;}
    .customization .wrapper {grid-template-columns: repeat(2, 1fr); gap: 1rem;}
}
@media only screen and (max-width: 767px) {
    .customization .wrapper {grid-template-columns: 1fr; margin-bottom: 1rem;}
    .customization .card {max-width: 354px; margin-inline: auto;}
}
@media only screen and (max-width: 575px){
    .customization {padding-block: 0.75rem;}
    .customization .head {margin-bottom: 0.75rem;}
    .customization .card {gap: 0.75rem; padding: 0.75rem 0.75rem 1.25rem;}
    .customization .card img {width: 9.375rem;}
    .customization .btn__primary {padding: 0.375rem 0.75rem;}
    .customization .btn__primary::before {width: 0.25rem; right: 4px;} 
}




.excited {padding-block: 2rem;}
.excited .content {max-width: 882px;}
.excited .content :where(h2, h3, h4, h5, h6) {font-weight: 500; color: #000; text-transform: capitalize; margin-bottom: 1.25rem;}
.excited .content h2 {font-size: var(--fs-lg, 32px)}
.excited .content h3 {font-size: calc(var(--fs-md, 24px) + 4px);}
.excited .content h4 {font-size: var(--fs-sm, 24px)}
.excited .content h5 {font-size: var(--fs-sm, 20px);}
.excited .content h6 {font-size: var(--fs-base, 16px);}
.excited .content :where(ul, ol) {padding-left: 2.5rem; margin-bottom: 1rem;}
.excited .content :where(ul, ol) li {font-size: var(--fs-base, 16px); line-height: 1.5;}
.excited .content ul li {list-style: disc;}
.excited .content ol li {list-style: auto;}
.excited .content li:not(:last-child) {margin-bottom: 0.25rem;}
.excited .content p {font-size: var(--fs-base, 16x); padding-left: 0.75rem;}
.excited .content p a {display: inline; font-size: var(--fs-base, 16px); color: var(--c-primary);}
.excited .content p:not(:last-of-type) { margin-bottom: 1rem;}
.excited .content p strong {font-size: var(--fs-base, 16px); text-transform: capitalize; color: var(--c-text);}

/* Media Queries */
@media only screen and (max-width: 991px) {
    .excited {padding-block: 1.25rem;}
}
@media only screen and (max-width: 575px) {
    .excited {padding-block: 0.75rem;}
    .excited .content :is(h2, h3, h4, h5, h6) {margin-bottom: 0.5rem;}
    .excited .content :where(ul, ol) {padding-left: 1.125rem; margin-bottom: 0.625rem;}
    .excited .content p {padding-left: 0;}
    .excited .content p:not(:last-of-type) {margin-bottom: 0.5rem;}
}

.bathbomb1 {padding-block: 2rem;}
.bathbomb1 .head {margin-bottom: 2.5rem;}
.bathbomb1 .head > :first-child {font-size: calc(var(--fs-xl, 40px) - 2px); text-transform: capitalize; margin-bottom: 1rem;}
.bathbomb1 .head > :first-child * {display: block; font-size: var(--fs-base, 16px); font-weight: 500; color: var(--c-primary); margin-bottom: 0.5rem;} 
.bathbomb1 .head p {max-width: 882px;}
.bathbomb1 .wrapper {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.75rem;}
.bathbomb1 .wrapper img {width: 100%}
.bathbomb1 .content {max-width: 55.125rem; margin-bottom: 1.5rem;}
.bathbomb1 .content :where(h2, h3, h4, h5, h6) {font-weight: 500; color: #000000; margin-bottom: 1.25rem;}
.bathbomb1 .content h2 {font-size: var(--fs-lg, 32px)}
.bathbomb1 .content h2:first-of-type {text-transform: none; color: var(--c-heading);}
.bathbomb1 .content h3 {font-size: calc(var(--fs-md, 24px) + 4px);}
.bathbomb1 .content h4 {font-size: var(--fs-sm, 24px)}
.bathbomb1 .content h5 {font-size: var(--fs-sm, 20px);}
.bathbomb1 .content h6 {font-size: var(--fs-base, 16px);}
.bathbomb1 .content :where(ul, ol) {padding-left: 2.5rem; margin-bottom: 1rem;}
.bathbomb1 .content :where(ul, ol) li {font-size: var(--fs-base, 16px); line-height: 1.5;}
.bathbomb1 .content ul li {list-style: disc;}
.bathbomb1 .content ol li {list-style: auto;}
.bathbomb1 .content li:not(:last-child) {margin-bottom: 0.25rem;}
.bathbomb1 .content p {font-size: var(--fs-base, 16x);}
.bathbomb1 .content p a {display: inline; font-size: var(--fs-base, 16px); color: var(--c-primary);}
.bathbomb1 .content p:not(:last-of-type) { margin-bottom: 1rem;}
.bathbomb1 .content p strong {font-size: var(--fs-base, 16px); text-transform: capitalize; color: var(--c-text);}
.bathbomb1 .btn__primary {position: relative; text-wrap: wrap; padding: 0.625rem 1.75rem; border-radius: 3px;}
.bathbomb1 .btn__primary::before {position: absolute; inset: 0 12px 0 auto; width: 0.375rem; height: 0.625rem; background: no-repeat center/cover url('https://customcosmeticboxes.com/wp-content/themes/customcosmeticboxes/assets/images/icons/chevron-right.svg'); content: ''; margin-block: auto;}

/* Media Queries */
@media only screen and (max-width: 991px) {
    .bathbomb1 {padding-block: 1.25rem;}
    .bathbomb1 .head {margin-bottom: 1.75rem;}
    .bathbomb1 .head > :first-child {margin-bottom: 0.75rem;}
    .bathbomb1 .wrapper {gap: 1.25rem;}
}
@media only screen and (max-width: 575px) {
    .bathbomb1 {padding-block: 0.75rem;}
    .bathbomb1 .head {margin-bottom: 0.75rem;}
    .bathbomb1 .head > :first-child {margin-bottom: 0.5rem;}
    .bathbomb1 .head > :first-child * {margin-bottom: 0.25rem;}
    .bathbomb1 .wrapper  {gap: 0.5rem;}
    .bathbomb1 .content {margin-bottom: 0.75rem;}
    .bathbomb1 .content :is(h2, h3, h4, h5, h6) {margin-bottom: 0.5rem;}
    .bathbomb1 .content :where(ul, ol) {padding-left: 1.125rem; margin-bottom: 0.625rem;}
    .bathbomb1 .content p {padding-left: 0;}
    .bathbomb1 .content p:not(:last-of-type) {margin-bottom: 0.5rem;}
    .bathbomb1 .btn__primary {padding: 0.375rem 0.625rem;}
    .bathbomb1 .btn__primary::before {right: 3px; width: 0.25rem;}
}


.bathbomb2 {padding-block: 2rem;}
.bathbomb2 .head {margin-bottom: 2.5rem;}
.bathbomb2 .head > :first-child {font-size: calc(var(--fs-xl, 40px) - 2px); text-transform: capitalize; margin-bottom: 1rem;}
.bathbomb2 .head > :first-child * {display: block; font-size: var(--fs-base, 16px); font-weight: 500; color: var(--c-primary); margin-bottom: 0.5rem;} 
.bathbomb2 .head p {max-width: 882px;}
.bathbomb2 .wrapper {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.75rem;}
.bathbomb2 .wrapper img {width: 100%}
.bathbomb2 .content {max-width: 55.125rem; margin-bottom: 1.5rem;}
.bathbomb2 .content :where(h2, h3, h4, h5, h6) {font-weight: 500; color: #000000; margin-bottom: 1.25rem;}
.bathbomb2 .content h2 {font-size: var(--fs-lg, 32px)}
.bathbomb2 .content h3 {font-size: calc(var(--fs-md, 24px) + 4px);}
.bathbomb2 .content h4 {font-size: var(--fs-sm, 24px)}
.bathbomb2 .content h5 {font-size: var(--fs-sm, 20px);}
.bathbomb2 .content h6 {font-size: var(--fs-base, 16px);}
.bathbomb2 .content :where(ul, ol) {padding-left: 2.5rem; margin-bottom: 1rem;}
.bathbomb2 .content :where(ul, ol) li {font-size: var(--fs-base, 16px); line-height: 1.5;}
.bathbomb2 .content ul li {list-style: disc;}
.bathbomb2 .content ol li {list-style: auto;}
.bathbomb2 .content li:not(:last-child) {margin-bottom: 0.25rem;}
.bathbomb2 .content p {font-size: var(--fs-base, 16x);}
.bathbomb2 .content p a {display: inline; font-size: var(--fs-base, 16px); color: var(--c-primary);}
.bathbomb2 .content p:not(:last-of-type) { margin-bottom: 1rem;}
.bathbomb2 .content p strong {font-size: var(--fs-base, 16px); text-transform: capitalize; color: var(--c-text);}
.bathbomb2 .btn__primary {position: relative; text-wrap: wrap; padding: 0.625rem 1.75rem; border-radius: 3px;}
.bathbomb2 .btn__primary::before {position: absolute; inset: 0 12px 0 auto; width: 0.375rem; height: 0.625rem; background: no-repeat center/cover url('https://customcosmeticboxes.com/wp-content/themes/customcosmeticboxes/assets/images/icons/chevron-right.svg'); content: ''; margin-block: auto;}

/* Media Queries */
@media only screen and (max-width: 991px) {
    .bathbomb2 {padding-block: 1.25rem;}
    .bathbomb2 .head {margin-bottom: 1.75rem;}
    .bathbomb2 .head > :first-child {margin-bottom: 0.75rem;}
    .bathbomb2 .wrapper {gap: 1.25rem;}
}
@media only screen and (max-width: 575px) {
    .bathbomb2 {padding-block: 0.75rem;}
    .bathbomb2 .head {margin-bottom: 0.75rem;}
    .bathbomb2 .head > :first-child {margin-bottom: 0.5rem;}
    .bathbomb2 .head > :first-child * {margin-bottom: 0.25rem;}
    .bathbomb2 .wrapper  {gap: 0.5rem;}
    .bathbomb2 .content {margin-bottom: 0.75rem;}
    .bathbomb2 .content :is(h2, h3, h4, h5, h6) {margin-bottom: 0.5rem;}
    .bathbomb2 .content :where(ul, ol) {padding-left: 1.125rem; margin-bottom: 0.625rem;}
    .bathbomb2 .content p {padding-left: 0;}
    .bathbomb2 .content p:not(:last-of-type) {margin-bottom: 0.5rem;}
    .bathbomb2 .btn__primary {padding: 0.375rem 0.625rem;}
    .bathbomb2 .btn__primary::before {right: 3px; width: 0.25rem;}
}



.bathbomb3 {padding-block: 2rem;}
.bathbomb3 .head {margin-bottom: 2.5rem;}
.bathbomb3 .head > :first-child {font-size: calc(var(--fs-xl, 40px) - 2px); text-transform: capitalize; margin-bottom: 1rem;}
.bathbomb3 .head > :first-child * {display: block; font-size: var(--fs-base, 16px); font-weight: 500; color: var(--c-primary); margin-bottom: 0.5rem;} 
.bathbomb3 .head p {max-width: 882px;}
.bathbomb3 .wrapper {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.75rem; margin-bottom: 2rem;}
.bathbomb3 .wrapper img {width: 100%}
.bathbomb3 .content {max-width: 55.125rem; margin-bottom: 1.5rem;}
.bathbomb3 .content :where(h2, h3, h4, h5, h6) {font-weight: 500; color: var(--c-heading); text-transform: capitalize; margin-bottom: 1.25rem;}
.bathbomb3 .content h2 {font-size: var(--fs-lg, 32px)}
.bathbomb3 .content h3 {font-size: calc(var(--fs-md, 24px) + 4px);}
.bathbomb3 .content h4 {font-size: var(--fs-sm, 24px)}
.bathbomb3 .content h5 {font-size: var(--fs-sm, 20px);}
.bathbomb3 .content h6 {font-size: var(--fs-base, 16px);}
.bathbomb3 .content :where(ul, ol) {padding-left: 2.5rem; margin-bottom: 1rem;}
.bathbomb3 .content :where(ul, ol) li {font-size: var(--fs-base, 16px); line-height: 1.5;}
.bathbomb3 .content ul li {list-style: disc;}
.bathbomb3 .content ol li {list-style: auto;}
.bathbomb3 .content li:not(:last-child) {margin-bottom: 0.25rem;}
.bathbomb3 .content p {font-size: var(--fs-base, 16x); padding-left: 0.75rem;}
.bathbomb3 .content p a {display: inline; font-size: var(--fs-base, 16px); color: var(--c-primary);}
.bathbomb3 .content p:not(:last-of-type) { margin-bottom: 1rem;}
.bathbomb3 .content p strong {font-size: var(--fs-base, 16px); text-transform: capitalize; color: var(--c-text);}
.bathbomb3 .btn__primary {position: relative; text-wrap: wrap; padding: 0.625rem 1.75rem; border-radius: 3px;}
.bathbomb3 .btn__primary::before {position: absolute; inset: 0 12px 0 auto; width: 0.375rem; height: 0.625rem; background: no-repeat center/cover url('https://customcosmeticboxes.com/wp-content/themes/customcosmeticboxes/assets/images/icons/chevron-right.svg'); content: ''; margin-block: auto;}

/* Media Queries */
@media only screen and (max-width: 991px) {
    .bathbomb3 {padding-block: 1.25rem;}
    .bathbomb3 .head {margin-bottom: 1.75rem;}
    .bathbomb3 .head > :first-child {margin-bottom: 0.75rem;}
    .bathbomb3 .wrapper {gap: 1.25rem; margin-bottom: 1.75rem;}
}
@media only screen and (max-width: 575px) {
    .bathbomb3 {padding-block: 0.75rem;}
    .bathbomb3 .head {margin-bottom: 0.75rem;}
    .bathbomb3 .head > :first-child {margin-bottom: 0.5rem;}
    .bathbomb3 .head > :first-child * {margin-bottom: 0.25rem;}
    .bathbomb3 .wrapper  {gap: 0.5rem; margin-bottom: 0.75rem;}
    .bathbomb3 .content {margin-bottom: 0.75rem;}
    .bathbomb3 .content :is(h2, h3, h4, h5, h6) {margin-bottom: 0.5rem;}
    .bathbomb3 .content :where(ul, ol) {padding-left: 1.125rem; margin-bottom: 0.625rem;}
    .bathbomb3 .content p {padding-left: 0;}
    .bathbomb3 .content p:not(:last-of-type) {margin-bottom: 0.5rem;}
    .bathbomb3 .btn__primary {padding: 0.375rem 0.625rem;}
    .bathbomb3 .btn__primary::before {right: 3px; width: 0.25rem;}
}


.bathbomb4 {padding-block: 2rem;}
.bathbomb4 .head {margin-bottom: 2.5rem;}
.bathbomb4 .head > :first-child {font-size: calc(var(--fs-xl, 40px) - 2px); text-transform: capitalize; margin-bottom: 1rem;}
.bathbomb4 .head > :first-child * {display: block; font-size: var(--fs-base, 16px); font-weight: 500; color: var(--c-primary); margin-bottom: 0.5rem;} 
.bathbomb4 .head p {max-width: 882px;}
.bathbomb4 .wrapper {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.75rem; margin-bottom: 2rem;}
.bathbomb4 .wrapper img {width: 100%}
.bathbomb4 .content {max-width: 55.125rem; margin-bottom: 1.5rem;}
.bathbomb4 .content :where(h2, h3, h4, h5, h6) {font-weight: 500; color: var(--c-heading); text-transform: capitalize; margin-bottom: 1.25rem;}
.bathbomb4 .content h2 {font-size: var(--fs-lg, 32px)}
.bathbomb4 .content h3 {font-size: calc(var(--fs-md, 24px) + 4px);}
.bathbomb4 .content h4 {font-size: var(--fs-sm, 24px)}
.bathbomb4 .content h5 {font-size: var(--fs-sm, 20px);}
.bathbomb4 .content h6 {font-size: var(--fs-base, 16px);}
.bathbomb4 .content :where(ul, ol) {padding-left: 2.5rem; margin-bottom: 1rem;}
.bathbomb4 .content :where(ul, ol) li {font-size: var(--fs-base, 16px); line-height: 1.5;}
.bathbomb4 .content ul li {list-style: disc;}
.bathbomb4 .content ol li {list-style: auto;}
.bathbomb4 .content li:not(:last-child) {margin-bottom: 0.25rem;}
.bathbomb4 .content p {font-size: var(--fs-base, 16x); padding-left: 0.75rem;}
.bathbomb4 .content p a {display: inline; font-size: var(--fs-base, 16px); color: var(--c-primary);}
.bathbomb4 .content p:not(:last-of-type) { margin-bottom: 1rem;}
.bathbomb4 .content p strong {font-size: var(--fs-base, 16px); text-transform: capitalize; color: var(--c-text);}
.bathbomb4 .btn__primary {position: relative; text-wrap: wrap; padding: 0.625rem 1.75rem; border-radius: 3px;}
.bathbomb4 .btn__primary::before {position: absolute; inset: 0 12px 0 auto; width: 0.375rem; height: 0.625rem; background: no-repeat center/cover url('https://customcosmeticboxes.com/wp-content/themes/customcosmeticboxes/assets/images/icons/chevron-right.svg'); content: ''; margin-block: auto;}

/* Media Queries */
@media only screen and (max-width: 991px) {
    .bathbomb4 {padding-block: 1.25rem;}
    .bathbomb4 .head {margin-bottom: 1.75rem;}
    .bathbomb4 .head > :first-child {margin-bottom: 0.75rem;}
    .bathbomb4 .wrapper {gap: 1.25rem; margin-bottom: 1.75rem;}
}
@media only screen and (max-width: 575px) {
    .bathbomb4 {padding-block: 0.75rem;}
    .bathbomb4 .head {margin-bottom: 0.75rem;}
    .bathbomb4 .head > :first-child {margin-bottom: 0.5rem;}
    .bathbomb4 .head > :first-child * {margin-bottom: 0.25rem;}
    .bathbomb4 .wrapper  {gap: 0.5rem; margin-bottom: 0.75rem;}
    .bathbomb4 .content {margin-bottom: 0.75rem;}
    .bathbomb4 .content :is(h2, h3, h4, h5, h6) {margin-bottom: 0.5rem;}
    .bathbomb4 .content :where(ul, ol) {padding-left: 1.125rem; margin-bottom: 0.625rem;}
    .bathbomb4 .content p {padding-left: 0;}
    .bathbomb4 .content p:not(:last-of-type) {margin-bottom: 0.5rem;}
    .bathbomb4 .btn__primary {padding: 0.375rem 0.625rem;}
    .bathbomb4 .btn__primary::before {right: 3px; width: 0.25rem;}
}


.bathbomb5 {padding-block: 2rem;}
.bathbomb5 .head {margin-bottom: 2.5rem;}
.bathbomb5 .head > :first-child {font-size: calc(var(--fs-xl, 40px) - 2px); text-transform: capitalize; margin-bottom: 1rem;}
.bathbomb5 .head > :first-child * {display: block; font-size: var(--fs-base, 16px); font-weight: 500; color: var(--c-primary); margin-bottom: 0.5rem;} 
.bathbomb5 .head p {max-width: 882px;}
.bathbomb5 .wrapper {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.75rem;}
.bathbomb5 .wrapper img {width: 100%}
.bathbomb5 .content {max-width: 55.125rem; margin-bottom: 1.5rem;}
.bathbomb5 .content :where(h2, h3, h4, h5, h6) {font-weight: 500; color: var(--c-heading); text-transform: capitalize; margin-bottom: 1.25rem;}
.bathbomb5 .content h2 {font-size: var(--fs-lg, 32px);}
.bathbomb5 .content h2:first-of-type {font-size: calc(var(--fs-lg, 32px) + 4px); font-weight: 800;}
.bathbomb5 .content h3 {font-size: calc(var(--fs-md, 24px) + 4px);}
.bathbomb5 .content h4 {font-size: var(--fs-sm, 24px)}
.bathbomb5 .content h5 {font-size: var(--fs-sm, 20px);}
.bathbomb5 .content h6 {font-size: var(--fs-base, 16px);}
.bathbomb5 .content :where(ul, ol) {padding-left: 2.5rem; margin-bottom: 1rem;}
.bathbomb5 .content :where(ul, ol) li {font-size: var(--fs-base, 16px); line-height: 1.5;}
.bathbomb5 .content ul li {list-style: disc;}
.bathbomb5 .content ol li {list-style: auto;}
.bathbomb5 .content li:not(:last-child) {margin-bottom: 0.25rem;}
.bathbomb5 .content p {font-size: var(--fs-base, 16x);}
.bathbomb5 .content p a {display: inline; font-size: var(--fs-base, 16px); color: var(--c-primary);}
.bathbomb5 .content p:not(:last-of-type) { margin-bottom: 1rem;}
.bathbomb5 .content p strong {font-size: var(--fs-base, 16px); text-transform: capitalize; color: var(--c-text);}
.bathbomb5 .btn__primary {position: relative; text-wrap: wrap; padding: 0.625rem 1.75rem; border-radius: 3px;}
.bathbomb5 .btn__primary::before {position: absolute; inset: 0 12px 0 auto; width: 0.375rem; height: 0.625rem; background: no-repeat center/cover url('https://customcosmeticboxes.com/wp-content/themes/customcosmeticboxes/assets/images/icons/chevron-right.svg'); content: ''; margin-block: auto;}

/* Media Queries */
@media only screen and (max-width: 991px) {
    .bathbomb5 {padding-block: 1.25rem;}
    .bathbomb5 .head {margin-bottom: 1.75rem;}
    .bathbomb5 .head > :first-child {margin-bottom: 0.75rem;}
    .bathbomb5 .wrapper {gap: 1.25rem;}
}
@media only screen and (max-width: 575px) {
    .bathbomb5 {padding-block: 0.75rem;}
    .bathbomb5 .head {margin-bottom: 0.75rem;}
    .bathbomb5 .head > :first-child {margin-bottom: 0.5rem;}
    .bathbomb5 .head > :first-child * {margin-bottom: 0.25rem;}
    .bathbomb5 .wrapper  {gap: 0.5rem;}
    .bathbomb5 .content {margin-bottom: 0.75rem;}
    .bathbomb5 .content :is(h2, h3, h4, h5, h6) {margin-bottom: 0.5rem;}
    .bathbomb5 .content :where(ul, ol) {padding-left: 1.125rem; margin-bottom: 0.625rem;}
    .bathbomb5 .content p {padding-left: 0;}
    .bathbomb5 .content p:not(:last-of-type) {margin-bottom: 0.5rem;}
    .bathbomb5 .btn__primary {padding: 0.375rem 0.625rem;}
    .bathbomb5 .btn__primary::before {right: 3px; width: 0.25rem;}
}



.bathbomb6 {padding-block: 2rem;}
.bathbomb6 .content {max-width: 55.125rem; margin-bottom: 1.5rem;}
.bathbomb6 .content :where(h2, h3, h4, h5, h6) {font-weight: 500; color: var(--c-heading); text-transform: capitalize; margin-bottom: 1.25rem;}
.bathbomb6 .content h2 {font-size: calc(var(--fs-lg, 32px) + 4px); font-weight: 800;}
.bathbomb6 .content h3 {font-size: calc(var(--fs-md, 24px) + 4px);}
.bathbomb6 .content h4 {font-size: var(--fs-sm, 24px)}
.bathbomb6 .content h5 {font-size: var(--fs-sm, 20px);}
.bathbomb6 .content h6 {font-size: var(--fs-base, 16px);}
.bathbomb6 .content :where(ul, ol) {padding-left: 2.5rem; margin-bottom: 1rem;}
.bathbomb6 .content :where(ul, ol) li {font-size: var(--fs-base, 16px); line-height: 1.5;}
.bathbomb6 .content ul li {list-style: disc;}
.bathbomb6 .content ol li {list-style: auto;}
.bathbomb6 .content li:not(:last-child) {margin-bottom: 0.25rem;}
.bathbomb6 .content p {font-size: var(--fs-base, 16x);}
.bathbomb6 .content p a {display: inline; font-size: var(--fs-base, 16px); color: var(--c-primary);}
.bathbomb6 .content p:not(:last-of-type) { margin-bottom: 1rem;}
.bathbomb6 .content p strong {font-size: var(--fs-base, 16px); text-transform: capitalize; color: var(--c-text);}
.bathbomb6 .btn__primary {position: relative; text-wrap: wrap; padding: 0.625rem 1.75rem; border-radius: 3px;}
.bathbomb6 .btn__primary::before {position: absolute; inset: 0 12px 0 auto; width: 0.375rem; height: 0.625rem; background: no-repeat center/cover url('https://customcosmeticboxes.com/wp-content/themes/customcosmeticboxes/assets/images/icons/chevron-right.svg'); content: ''; margin-block: auto;}


@media only screen and (max-width: 575px) {
    .bathbomb6 .content {margin-bottom: 0.75rem;}
    .bathbomb6 .content :is(h2, h3, h4, h5, h6) {margin-bottom: 0.5rem;}
    .bathbomb6 .content :where(ul, ol) {padding-left: 1.125rem; margin-bottom: 0.625rem;}
    .bathbomb6 .content p {padding-left: 0;}
    .bathbomb6 .content p:not(:last-of-type) {margin-bottom: 0.5rem;}
    .bathbomb6 .btn__primary {padding: 0.375rem 0.625rem;}
    .bathbomb6 .btn__primary::before {right: 3px; width: 0.25rem;}
}



.bathbomb7 {background-color: var(--_c-lgt-primary); padding-block: 2rem;}
.bathbomb7 .head {margin-bottom: 2.5rem;}
.bathbomb7 .content > :first-child {font-size: calc(var(--fs-xl, 40px) - 2px); text-transform: capitalize; margin-bottom: 1rem;}
.bathbomb7 .content > :first-child * {display: block; font-size: var(--fs-sm, 20px); margin-bottom: 0.5rem;} 
.bathbomb7 .wrapper {display: grid; grid-template-columns: repeat(5, 1fr); gap: 1.75rem; margin-bottom: 2rem;}
.bathbomb7 .wrapper img {width: 100%}
.bathbomb7 .content {margin-bottom: 1.5rem;}
.bathbomb7 .content :where(h2, h3, h4, h5, h6) {font-weight: 500; color: var(--c-heading); text-transform: capitalize; margin-bottom: 1.25rem;}
.bathbomb7 .content h2 {font-size: var(--fs-lg, 32px)}
.bathbomb7 .content h3 {font-size: calc(var(--fs-md, 24px) + 4px);}
.bathbomb7 .content h4 {font-size: var(--fs-sm, 24px)}
.bathbomb7 .content h5 {font-size: var(--fs-sm, 20px);}
.bathbomb7 .content h6 {font-size: var(--fs-base, 16px);}
.bathbomb7 .content :where(ul, ol) {padding-left: 2.5rem; margin-bottom: 1rem;}
.bathbomb7 .content :where(ul, ol) li {font-size: var(--fs-base, 16px); line-height: 1.5;}
.bathbomb7 .content ul li {list-style: disc;}
.bathbomb7 .content ol li {list-style: auto;}
.bathbomb7 .content li:not(:last-child) {margin-bottom: 0.25rem;}
.bathbomb7 .content p {font-size: var(--fs-base, 16x); padding-left: 0.75rem;}
.bathbomb7 .content p a {display: inline; font-size: var(--fs-base, 16px); color: var(--c-primary);}
.bathbomb7 .content p:not(:last-of-type) { margin-bottom: 1rem;}
.bathbomb7 .content p strong {font-size: var(--fs-base, 16px); text-transform: capitalize; color: var(--c-text);}
.bathbomb7 .btn__primary {position: relative; text-wrap: wrap; padding: 0.625rem 1.75rem; border-radius: 3px; margin-inline: auto;}
.bathbomb7 .btn__primary::before {position: absolute; inset: 0 12px 0 auto; width: 0.375rem; height: 0.625rem; background: no-repeat center/cover url('https://customcosmeticboxes.com/wp-content/themes/customcosmeticboxes/assets/images/icons/chevron-right.svg'); content: ''; margin-block: auto;}

/* Media Queries */
@media only screen and (max-width: 991px) {
    .bathbomb7 {padding-block: 1.25rem;}
    .bathbomb7 .head {margin-bottom: 1.75rem;}
    .bathbomb7 .head > :first-child {margin-bottom: 0.75rem;}
    .bathbomb7 .wrapper {gap: 1.25rem; margin-bottom: 1.75rem;}
}
@media only screen and (max-width: 575px) {
    .bathbomb7 {padding-block: 0.75rem;}
    .bathbomb7 .head {margin-bottom: 0.75rem;}
    .bathbomb7 .head > :first-child {margin-bottom: 0.5rem;}
    .bathbomb7 .head > :first-child * {margin-bottom: 0.25rem;}
    .bathbomb7 .wrapper  {gap: 0.5rem; margin-bottom: 0.75rem;}
    .bathbomb7 .content {margin-bottom: 0.75rem;}
    .bathbomb7 .content :is(h2, h3, h4, h5, h6) {margin-bottom: 0.5rem;}
    .bathbomb7 .content :where(ul, ol) {padding-left: 1.125rem; margin-bottom: 0.625rem;}
    .bathbomb7 .content p {padding-left: 0;}
    .bathbomb7 .content p:not(:last-of-type) {margin-bottom: 0.5rem;}
    .bathbomb7 .btn__primary {padding: 0.375rem 0.625rem;}
    .bathbomb7 .btn__primary::before {right: 3px; width: 0.25rem;}
}