:root {
    --techmyriad-purple: #4c2882;
    --techmyriad-green: #a0f3ce;
    --techmyriad-secondary-green: #dcf9ec;
    --techmyriad-grey: #718096;
    --techmyriad-disabled-background: #cacaca;
    --techmyriad-disabled-color: #a3a2a2;
    --techmyriad-light-purple: #5a2f9a;
    --grey: #f1f0f6;
    --white: #fff;
    --light-green: #c1f4dd;
    --dark-green: #02f688;
    --dark-purple: #3e1d71;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {
    background-color: var(--white);
    font-family: 'Poppins', sans-serif;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
    color: #333;
}

a:hover {
    cursor: pointer;
}

h6,
h5 {
    font-weight: 300;
}

.sm-text {
    font-size: 0.8rem !important;
}

.sm-padding {
    padding: 15px !important;
}

.sub-heading-color {
    color: var(--techmyriad-grey);
}

.padding-top {
    padding-top: 0.6rem;
}

.padding-bottom {
    padding-bottom: 0.6rem;
}

.p-t-half {
    padding-top: 0.5rem;
}

.p-t-sm {
    padding-top: 1rem;
}

.p-t-med {
    padding-top: 2rem;
}

.p-t-lg {
    padding-top: 3rem;
}

.p-l-sm {
    padding-left: 1rem;
}

.p-l-med {
    padding-left: 2rem;
}

.p-l-lg {
    padding-left: 3rem;
}

.icon {
    font-size: 3rem;
    color: var(--techmyriad-green);
}

.icon-pd-bt {
    padding-bottom: 0.5rem;
}

.h2-fs-sm {
    font-size: 1.3rem;
}