/* =========================
    Growtio - Markeiting 
============================ */

/* grotesk and general sans font */
@import url('../../fonts/custom-fonts.css');

/* business demo variable */
:root{
    --font-heading: 'Red Rose', sans-serif;
    --font-primary: 'Syne', sans-serif;
    --base-color: #403672;
    --lh: 26px;
    --body-font-size: 16px;
    --btn-bg: #E67332;
    --menu-hover: #fff;
    --border-header: #ECE0D5;
    /* --m-g: linear-gradient(106.89deg, #AE10F9 0%, #133AC2 47.87%, #FFDB7E 80.57%, #FFDB7E 100.36%); */
    --m-g: linear-gradient(106.89deg, #ae10f9 0%, #133ac2 80.87%);
}

body{
    line-height: var(--lh);
    font-size: var(--body-font-size);
    font-family: var(--font-primary);
    color: var(--gray-1);
    background-color: #fff;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--font-heading);
    font-weight: 500;
    color: var(--base-color);
}

h2{
    font-size: 70px;
    line-height: 75px;
}
.container{
    max-width: 1480px;
    @media screen and (min-width: 1400px) {
        max-width: unset;
    }
}
.container-1600{
    max-width: 1600px;
    margin: 0 auto;
}
.container-1500{
    max-width: 1500px;
    margin: 0 auto;
}
.base-bg{
    background: var(--base-color) !important;
}
.base-color{
    color: var(--base-color) !important;
}
.marketing__bg{
    background-color: var(--base-color);
}
.rts__btn.marketing.rts__border__btn {
	font-size: 18px;
	font-family: var(--font-heading);
	font-weight: 700;
}
.rts__btn.marketing.rts__border__btn:hover {
    border: 1px solid transparent;
    background: transparent !important;
}
.rts__btn.marketing::before{
    background: var(--m-g);
}
.rts__btn.startup{
    background: var(--btn-bg);
    font-family: var(--font-heading);
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
}
.rts__btn.with__arrow{
    font-family: var(--font-heading);
    font-weight: 700;
    color: var(--gray-2);
    border-bottom: 1px solid var(--gray-2);
    span{
        transform: rotate(-40deg);
        transition: var(--transition);
    }
}
.rts__btn.with__arrow:hover{

        color: var(--btn-bg);
        border-color: var(--btn-bg);
        span{
            transform: rotate(0);
        }

}
.rts__btn.radius__btn{
    background: var(--btn-bg);
    font-size: 18px;
    font-weight: 500;
    font-family: var(--font-syne);
}
.rts__btn.radius__btn.h-82{
    height: 82px;
    min-width: 295px;
}
.rts__btn.radius__btn.h-82::before{
    background: var(--m-g);
}
.single__blog__postmeta{
    span, a{
        font-family: var(--font-heading);
        font-weight: 700;
        font-size: 14px;
    }
}