.choose {background: var(--_c-grad-primary); padding-block: 2rem;}
.choose .wrapper {display: grid; grid-template-columns: repeat(2, 1fr); gap: 4rem; align-items: center;}
.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: 700; text-transform: none; margin-bottom: 0.5rem;}
.choose .content p:not(:last-of-type) {margin-bottom: 1.5rem;}
.choose .image img {margin: auto;}

.packaging {padding-block: 2rem;}
    .packaging .content > :first-child {font-size: calc(var(--fs-xl, 40px) - 2px); text-transform: capitalize; margin-bottom: 1rem;}
    .packaging .content > :first-child * {display: block; font-size: var(--fs-base, 16px); font-weight: 500; color: var(--c-primary); margin-bottom: 0.5rem;} 
    .packaging .content  :where(ul, ol) {padding-left: 14px; margin-bottom: 1rem;}
    .packaging .content  :where(ul, ol) li {font-size: var(--fs-base, 16px); line-height: 1.5;}
    .packaging .content   ul li {list-style: disc;}
    
    /* Media Queries */
    @media only screen and (max-width: 991px) {
        /* Packaging */
        .packaging {padding-block: 1.25rem;}
        .packaging .wrapper {grid-template-columns: 1fr;}
    }
    @media only screen and (max-width: 575px) {
        /* Packaging */
        .packaging {padding-block: 0.875rem;}
        .packaging .wrapper {gap: 1.25rem;}
        .packaging .content > :first-child {margin-bottom: 0.5rem;}
        .packaging .content > :first-child * {margin-bottom: 0.25rem;}
        .packaging .text {margin-bottom: 0.75rem;}
        .packaging .content ul {gap: 0.75rem;}
        .packaging img {width: 20rem;}
        .packaging .features {grid-template-columns: 1fr; gap: 0.5rem;}
        .packaging .features li {padding-left: 3rem;}
        .packaging .features li::before {width: 2rem; height: 2rem;}
    }

/* 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;}
}




.printed {padding-block: 30px;}
.printed .head :first-child {font-size: 32px; font-weight: 700; text-transform: none; margin-bottom: 0.5rem;}
.printed .content {padding-block: 20px; display: grid; grid-template-columns: minmax(250px, 300px) minmax(350px, 700px); gap:40px; align-items: center; }
.printed .cons {padding-block: 25px;  display: grid; grid-template-columns: repeat(2 ,1fr); gap:20px;}
.printed .cons div > :first-child {display: block; font-size: calc(var(--fs-base, 16px) + 2px); font-weight: 700; text-transform: none; margin-bottom: 0.5rem; color: var(--c-heading);}
.printed .cons :where(ul, ol) {padding-left: 14px; margin-bottom: 1rem;}
.printed .cons :where(ul, ol) li {font-size: var(--fs-base, 16px); line-height: 1.5;}
.printed .cons div ul li {list-style: disc;}
.printed .cons div ol li {list-style: auto;}
.printed .image_wrapper { display: grid; grid-template-columns: repeat(3 , 1fr); gap: 30px; }
.printed .btn__primary {position: relative; text-wrap: wrap; padding: 0.625rem 1.75rem; border-radius: 3px;}
.printed .detials {padding-block: 20px; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; gap:16px;}
.printed .detials :first-child {color: #7a7a7a; font-size: 20px;}

@media only screen and (max-width: 991px) {
.printed .head :first-child {font-size: 28px;}
.printed .detials :first-child { font-size: 18px;}
}

@media only screen and (max-width: 767px) {
.printed .head :first-child {font-size: 24px;}
.printed .content { grid-template-columns: 1fr; }
}

@media only screen and (max-width: 575px) {
.printed .cons { grid-template-columns: 1fr; padding-block: 12px; gap:10px; }
.printed .image_wrapper { grid-template-columns: 1fr; }
.printed .detials :first-child {font-size: 16px;}
}