/* 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;
    --red: #ff0000;
}

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

.red {
    color: #ff0000 !important;
}

.hvc-reg--ff {
    /* font-family: 'HV-ClioRegular', sans-serif; */
    font-family: 'Rockwell-regular';
    letter-spacing: 4px;
}


.grotesk {
    font-family: 'Grotesk'
}

.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: #000000;
    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: rgb(58, 58, 58);
}

.cp-h-box 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 */