/* padding top and bottom */
.py-12 {
    padding-top: 12px;
    padding-bottom: 12px;
}
.py-24 {
    padding-top: 24px;
    padding-bottom: 24px;
}
.py-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}
.py-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}
.py-120 {
    padding-top: 120px;
    padding-bottom: 120px;
}


/* Padding left and right */
.px-12 {
    padding-left: 12px;
    padding-right: 12px;
}
.px-24 {
    padding-left: 24px;
    padding-right: 24px;
}
.px-40 {
    padding-left: 40px;
    padding-right: 40px;
}
.px-80 {
    padding-left: 80px;
    padding-right: 80px;
}
.px-120 {
    padding-left: 120px;
    padding-right: 120px;
}

.pb-16 {
    padding-bottom: 16px;
}


/* Margin top and bottom */
.my-12 {
    margin-top: 12px;
    margin-bottom: 12px;
}
.my-24 {
    margin-top: 24px;
    margin-bottom: 24px;
}
.my-40 {
    margin-top: 40px;
    margin-bottom: 40px;
}
.my-80 {
    margin-top: 80px;
    margin-bottom: 80px;
}
.my-120 {
    margin-top: 120px;
    margin-bottom: 120px;
}


/* margin left and right */
.mx-12 {
    margin-left: 12px;
    margin-right: 12px;
}
.mx-24 {
    margin-left: 24px;
    margin-right: 24px;
}
.mx-40 {
    margin-left: 40px;
    margin-right: 40px;
}
.mx-80 {
    margin-left: 80px;
    margin-right: 80px;
}
.mx-120 {
    margin-left: 120px;
    margin-right: 120px;
}


/* All Font Size */
.fs-h1 {
    font-size: 36px;
}

.fs-h2 {
    font-size: 24px;
}

.fs-h3 {
    font-size: 20px;
}

.fs-b1 {
    font-size: 16px;
}

.fs-b2 {
    font-size: 14px;
}

.fs-b3 {
    font-size: 12px;
}

@media (max-width: 768px) {

    .fs-h1 {
        font-size: 24px;
    }

    .fs-h2 {
        font-size: 20px;
    }

    .fs-h3 {
        font-size: 18px;
    }
}


/* Shadow on box*/

.drop-shadow-3xl {
    filter: drop-shadow(0 30px 50px rgba(0, 0, 0, 0.1));
}


/* Text Color primary */
.text-brand {
    color: #DF1B12;
}

.text-white {
    color: #ffffff;
}

.text-black {
    color: #000000;
}


/* Text Color secondary */
.text-indigo {
    color: #004B7F;
}



/* For Container */
/* .tt-container {
    width: 100%;
    padding-right: 80px;
    padding-left: 80px;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 768px) {
    .tt-container {
        padding-right: 24px;
        padding-left: 24px;
    }
}

@media (min-width: 1600px) {
    .tt-container {
        padding-right: calc((100vw - 1440px) / 2);
        padding-left: calc((100vw - 1440px) / 2);
        max-width: 1440px;
    }
} */