/* Gabriel Oba - Brand Servy */



.onblack-base{
    color: #313131 !important;
}
.onblack-secondary{
    color: #919191 !important;
}

.onwhite, .onwhite a {
    color: #ffffff !important;
}
.onblue, .onblue a {
    color: #162750 !important;
}
.onpurple, .onpurple a {
    color: #A020F0 !important;
}
.onroyalpurple, .onroyalpurple a {
    color: #6c3baa !important;
}
.ondarkpink, .ondarkpink a {
    color: #C11C84 !important;
}
.onpink, .onpink a {
    color: #ff8da1 !important;
}
.onlilac, .onlilac a {
    color: #a47dab !important;
}
.onash, .onash a {
    color: #d0c6c6 !important;
}

.bg-purple{
    background-color: #A020F0;
}
.bg-royalpurple{
    background-color: #6c3baa;
}
.bg-darkpink{
    background-color: #C11C84;
}
.bg-pink{
    background-color: #ff8da1;
}
.bg-lilac{
    background-color: #a47dab;
}
.bg-ash{
    background-color: #d0c6c6;
}
.pdr1 {
    padding-right: 1em !important;
}
.pdl1{
    padding-left: 1em !important;
}

.pdl2 {
    padding-left: 2em !important;
}

.pdl4{
    padding-left: 4em !important;
}
.w-40{
    width: 40px;
}
.h-40{
    height: 40px;
}
.footer [class*="col-md-"] {
    margin-bottom: 2.5rem !important;
}

/* widths */
.w-full{
    width: 100%;
}
.w-half{
    width: 50%;
}

/*max-widths*/
.max-w-300{
    max-width: 300px;
}

/* Gabriel Oba - Brand Servy */

/** two grid layout */
.two-grid-layout .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 3rem;
    align-items: center;
    justify-content: center;
}
.three-grid-layout .container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 3rem;
    /* align-items: center; */
    justify-content: center;
}

/** Columns **/
.columns--2 {
    column-count: 2;
}
.columns--3 {
    column-count: 3;
}
.columns--4 {
    column-count: 4;
}

/* XL Breakpoint */
@media (max-width: 1280px){
    .columns--xl-1 {
        column-count: 1;
    }
    .columns--xl-2 {
        column-count: 2;
    }
    .columns--xl-3 {
        column-count: 3;
    }
    .columns--xl-4 {
        column-count: 4;
    }

    
}

/* L Breakpoint */
@media (max-width: 992px){
    .columns--l-1 {
        column-count: 1;
    }
    .columns--l-2 {
        column-count: 2;
    }
    .columns--l-3 {
        column-count: 3;
    }
    .columns--l-4 {
        column-count: 4;
    }
    
}

/* M Breakpoint */
@media (max-width: 768px){
    
    .columns--m-1 {
        column-count: 1;
    }
    .columns--m-2 {
        column-count: 2;
    }
    .columns--m-3 {
        column-count: 3;
    }
    .columns--m-4 {
        column-count: 4;
    }

    .two-grid-layout .container{
        grid-template-columns: 1fr;
        text-align: left;
    }
    .three-grid-layout .container{
        grid-template-columns: 1fr;
        text-align: left;
    }
    .info-wrapper{
        padding-block: 120px 0px;
        flex-direction: column;
        align-items: flex-start;
        position: relative;
        display: flex;
        justify-content: space-between;
        padding-inline: 1px;
    }

    .info-wrapper .title h1{
        font-family: InterUI, sans-serif;
    }

    .info-wrapper .cta{
        display: flex;
        align-items: center;
        text-decoration: none;
        color: #162750;
        cursor: pointer;
        position: relative;
        top: 0;
        left: 0px;
    }

    .info-wrapper .cta .icon-wrapper{
        padding: 8px;
        background: var(--text-blue);
    }
    .info-wrapper .cta .label{
        padding-left: 10px;
        font-family: Inter, 'sans-serif';
        font-size: 18px;
    }
    .info-wrapper .cta .icon-wrapper .icon {
        height: auto;
        width: 16px;
        display: block;
        transform: rotate(-135deg) scale(.8);
    }

    .info-wrapper .title{
        padding-top: 40px;
        padding-bottom: 20px;
        color: var(--text-blue);
        /* text-transform: uppercase; */
    }
    .info-wrapper .title h1{
        font-size: 2rem;
        font-weight: 500;
        color: var(--text-darkpink);
        border-bottom: 1px solid var(--text-darkpink);
        padding-bottom: 1rem;
        margin-bottom: 1rem;
    }
    .big_paragraph {
        font-size: 16px;
        line-height: 1.4;
        letter-spacing: -0.5px;
    }
}

/* S Breakpoint */
@media (max-width: 480px){
    .columns--s-1 {
        column-count: 1;
    }
    .columns--s-2 {
        column-count: 2;
    }
    .columns--s-3 {
        column-count: 3;
    }
    .columns--s-4 {
        column-count: 4;
    }
}

/* Columns Gaps */
.columns-gap--xs {
    column-gap: .25em;
}
.columns-gap--s {
    column-gap: .5em;
}
.columns-gap--m {
    column-gap: 1em;
}
.columns-gap--l {
    column-gap: 1.5em;
}
.columns-gap--xl {
    column-gap: 2em;
}
.columns-gap--xxl {
    column-gap: 2.5em;
}

/* Column Rule Color */
:root {
    --rule-width: .1rem;
    --rule-type: solid;
    --base-dark: #e2cece;
}

.columns-rule--primary {
    column-rule: var(--rule-width) var(--rule-type) var(--primary);
}
.columns-rule--base-light {
    column-rule: var(--rule-width) var(--rule-type) var(--base-light);
}
.columns-rule--base-dark {
    column-rule: var(--rule-width) var(--rule-type) var(--base-dark);
}