/* style guide */
    /* colors */
    :root {
        /* declare theme colors */
        --primary-white: #fff;
        --primary-black: #000;

        --secondary-white: #fdfdfd;
        --secondary-black: #454545;
        
        --wt--white: #ffffff;
        --wt--grey: #747A7E;
        --wt--warm-brown: #DCA964;
    }

    /* colors */

    /* utility classes */
    .container-fluid {
        width: 90%;
    }

    .primary-black {
        color: var(--primary-black);
    }

    .primary--white {
        color: var(--primary-white);
    }

    .secondary--black {
        color: var(--secondary-black);
    }

    .wt--grey {
        color: var(--wt--grey);
    }

    .wt--warm-brown {
        color: var(--wt--warm-brown);
    }

    .hvc-reg--ff {
        font-family: 'HV-ClioRegular', sans-serif;
    }

    .poppins--ff {
        font-family: 'Poppins', sans-serif;
    }

    .lato--ff {
        font-family: 'Lato', sans-serif;
    }

    .cover-heading {
        font-size: 6.25rem;
        font-weight: bolder;
        line-height: 1.2;
        white-space: nowrap;
    }

    .heading {
        font-size: 5rem;
        font-weight: 400;
        line-height: 1.2;
    }

    .ar-heading {
        font-size: 4.5rem;
        font-weight: 400;
        line-height: 1.2;
    }

    .sub-heading {
        font-size: 2.25rem;
        line-height: 1.5;
        font-weight: 400;
    }

    .paragraph {
        font-size: 1.125rem;
        line-height: 1.65 !important;
        font-weight: 400;
    }

    .fashiontv-branding {
        font-size: 8.75rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1000%;
    }

    .faq-heading {
        color: #747A7E;
        font-family: Poppins;
        font-size: 1.5rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.5;
        text-transform: capitalize;
    }

    .faq-paragraph {
        color: #454545;
        font-family: Poppins;
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.875rem;
    }

    .blogs-heading {
        font-size: 1.5rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.5;
    }

    .shadow-text {
        color: white; /* Text color */
        text-shadow: 6px 6px 8px rgba(0, 0, 0, 0.75); /* horizontal-offset vertical-offset blur color */
    }

    #more {
        display: none;
    }

    .cp-h-box {
        width: 100%;
        padding: 2rem 2rem;    
        border: 1px solid var(--primary-white);   
        height: 100%;
    }

    .cp-h-box:hover {
        background-color: #DCA964;
    } 

    .cp-h-box:hover img {
        filter: grayscale(100%) brightness(1000%);
    } 

    .cp-h-box img {
        width: 20%;
    } 

    .wt-cp--btn {
        cursor: pointer;
        border-radius: 10px;
        color: #fff !important;
        background-color: #DCA964 !important;
    }

    .wt-cp--btn:hover {
        color: #DCA964 !important;
        background-color: #fff !important;
        border: 1px solid #DCA964 !important;
    }
    /* utility classes */
/* style guide */