:root {
    --first-div-top-left-image-width: "";
    --first-div-top-left-image-heigth: "";
    --first-div-bottom-left-image-width: "";
    --first-div-bottom-left-image-heigth: "";
    --big-text-color: #f97d77;
    --footer-image-width: 200px;
    --section-dividing-space: 0.5rem;
    --normal-text-size: 1.3rem;
}

@font-face {
    font-family: 'Cold-Style';
    src: url('/fonts/COLDSTYR/COLDSTYR.TTF') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

.font-cold-style {
    font-family: 'Cold-Style';
}

@font-face {
    font-family: 'Zahrah';
    src: url('/fonts/Zahrah-Regular/Zahrah-Regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

.font-zahrah-style {
    font-family: 'Zahrah';
}

@font-face {
    font-family: 'Poster-Sans';
    src: url('/fonts/Poster Sans/Poster Sans.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

.font-poster-sans {
    font-family: 'Poster-Sans';
}

html,
body {
    height: 100%;
}

.text-primary2 {
    color: #93979A;
}

.text-secondary2 {
    color: var(--big-text-color);
}

.xl-text {
    color: var(--big-text-color);
    font-size: 7rem !important;
}

.first-intro-section {
    margin-bottom: var(--section-dividing-space);
    padding: 3rem 0rem;
}

.required-skills-section, .franchise-details-section, .franchise-info-section, .twinkle-cares-section, .connect-with-us-section, .marketing-starter-package-section {
    margin-bottom: var(--section-dividing-space);
    padding: 3rem 5rem;
}

@media only screen and (max-width: 1200px) {
    .first-intro-section {
        margin-bottom: var(--section-dividing-space);
        padding: 1rem 0rem;
    }

    .required-skills-section, .franchise-details-section, .franchise-info-section, .twinkle-cares-section, .connect-with-us-section, .marketing-starter-package-section {
        margin-bottom: var(--section-dividing-space);
        padding: 1rem 1rem;
    }
}

.page-background {
    background: rgb(237, 247, 247);
    background: linear-gradient(0deg, rgba(237, 247, 247, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(237, 247, 247, 1) 100%);
}

.large-text-color {
    color: var(--big-text-color);
}

.underline-color {
    color: #98ddd5;
}

.images-background-div-color {
    background-color: #a7dbd5;
}

#twinkle-cares-bg-div {
    background-color: #a7dbd5;
    padding: 7rem;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 50px), calc(100% - 50px) 100%, 0 100%);
    margin-top: 0rem;
}

.person-saying {
    font-size: 1.5rem;
    color: var(--big-text-color);
    font-family: 'Poster-Sans';
    letter-spacing: 1.5px;
}

.person-saying-name {
    font-size: 1.5rem;
    /* text-align: center; */
    color: var(--big-text-color);
    font-family: 'Poster-Sans';
    letter-spacing: 1.5px;
}

.footer-left-image {
    width: var(--footer-image-width);
}

.footer-right-image {
    width: var(--footer-image-width);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

ul {
    font-size: var(--normal-text-size);
    /* padding-left: 1rem !important; */
}

    ul li::marker {
        color: var(--big-text-color); /* Change the color */
    }

p {
    font-size: var(--normal-text-size);
}

.franchise-fee-heading {
    font-size: 2rem;
    color: var(--big-text-color);
}

.text-justified {
    text-align: justify;
}

.sub-headings {
    color: var(--big-text-color);
    font-family: 'Poster-Sans';
    word-spacing: 3px;
    letter-spacing: 4px;
    font-size: 3rem;
}

.sub-headings-small {
    color: var(--big-text-color);
    font-family: 'Poster-Sans';
    word-spacing: 2px;
    letter-spacing: 3px;
    font-size: 2rem;
}

.sub-headings-social-media {
    font-family: 'Poster-Sans';
    letter-spacing: 2px;
    font-size: 1.5rem;
}

a {
    color: #387ce1 !important;
}