.product__intro {

    .head {
        
        .left {
            @apply max-md:bg-transparent;

            &::after {
                @apply max-md:content-none;
            }
        }
    }

    .context {

        p {
            @apply text-sm md:text-base text-tc17 text-justify font-normal leading-6;
        }
    }
}

.product__content {

    .head {
        
        span {
            @apply bg-transparent;

            &::after {
                @apply content-none;
            }
        }
    }

    .context {

        p {
            @apply text-sm md:text-base text-tc17 text-justify font-normal leading-6;
        }
    }
}

.product__table {

    .head {
        
        span {
            @apply bg-transparent;

            &::after {
                @apply content-none;
            }
        }
    }

    .context {

        p {
            @apply text-sm md:text-base text-tc17 text-justify font-normal leading-6;
        }
    }
    
    .items {
        @apply max-md:grow md:flex-1 flex flex-col gap-0 border border-mc23 rounded-two overflow-hidden;

        li {
            @apply w-full h-fit min-h-[88px] md:min-h-20 px-1 py-4 md:p-4 flex flex-wrap items-center justify-center gap-1 md:gap-[10px] text-xs md:text-sm lg:text-base xl:text-lg text-tc24 text-center font-medium;

            &:nth-child(even) {
                @apply bg-mc22;
            }

            &:nth-child(odd) {
                @apply bg-mc21;
            }

            &:first-child {
                @apply min-h-16 md:min-h-14 bg-mc1 max-md:px-[14px] max-md:py-[10px] text-tc13 text-sm md:text-base lg:text-lg xl:text-xl font-bold;
            }
        }

        li.tick {
            
            &::before {
                @apply content-[''] w-4 md:w-6 h-4 md:h-6 bg-[url(../../../images/icons/check.svg)] bg-contain bg-center shrink-0;
            }
        }

        li.close {
            
            &::before {
                @apply content-[''] w-4 md:w-6 h-4 md:h-6 bg-[url(../../../images/icons/close.svg)] bg-contain bg-center shrink-0;
            }
        }
    }
}

.product__plans {

    .head {
        
        .right {
            @apply max-md:bg-transparent;

            &::after {
                @apply max-md:content-none;
            }
        }
    }

    .context {

        p {
            @apply text-sm md:text-base text-tc17 text-justify font-normal leading-6;
        }
    }
}

.product__simple-boxes {

    .head {
        
        .right {
            @apply max-md:bg-transparent;

            &::after {
                @apply max-md:content-none;
            }
        }
    }

    .context {

        p {
            @apply text-sm md:text-base text-tc17 text-justify font-normal leading-6;
        }
    }
}

.product__comparison {

    .head {
        @apply max-sm:px-4;

        span {
            @apply bg-transparent;

            &::after {
                @apply content-none;
            }
        }
    }

    .context {

        p {
            @apply text-sm md:text-base text-tc17 text-justify font-normal leading-6;
        }
    }

    .true {

        .head {
            
            &::before {
                @apply content-[''] w-6 h-6 bg-[url(../../../images/icons/check.svg)] bg-contain bg-center shrink-0;
            }
        }
    }

    .false {

        .head {
            
            &::before {
                @apply content-[''] w-6 h-6 bg-[url(../../../images/icons/close.svg)] bg-contain bg-center shrink-0;
            }
        }
    }
}

.product__logos {

    .head {
        
        span {
            @apply bg-transparent;

            &::after {
                @apply content-none;
            }
        }
    }

    .context {

        p {
            @apply text-sm md:text-base text-tc17 text-justify font-normal leading-6;
        }
    }
}

.product__faqs {

    .head {
        
        span {
            @apply max-md:bg-transparent;

            &::after {
                @apply max-md:content-none;
            }
        }
    }
}

.product__form {
    background-image: var(--bgUrl);

    .tabs {
        
        &::after {
            @apply md:content-[''] w-px h-full bg-mc14 absolute top-0 -end-8;
        }

        &::-webkit-scrollbar {
            @apply h-0;
        }
    }

    .tab__content {
        @apply hidden;
    }

    .tab__content.active {
        @apply grid;
    }
}

.product__attrib-box {

    .head {
        @apply max-sm:px-4;
        
        span {
            @apply bg-transparent;

            &::after {
                @apply content-none;
            }
        }
    }

    .context {

        p {
            @apply text-sm md:text-base text-tc17 text-justify font-normal leading-6;
        }
    }

    .slider {

        .slick-track {
            @apply flex gap-2 md:gap-4 max-sm:px-1;
        }
    }
}