:root{
    --white-color: #fff;
    --black-color: #000;
    --text-color: #4B506D;
    --box-shadow: rgba(0, 0, 0, 0.25) 0px 15px 40px -12px;
    --body-background: #FAFAFA;
    --p-color: #398CBF;
    --p-2-color: #FF9C41;
    --bot-border: #EBEBF6;
    --input-fill: #FCFDFE;
    --input-stroke: #F0F1F7;
}

*{
    box-sizing: inherit;
}
body{
    background-color: var(--body-background);
    /* padding: 20px; */
}
html{
    font-size: 62.5%;
    line-height: 1.6rem;
    font-family: 'Inter', sans-serif;
    box-sizing: border-box;
}

.grid{
    width: 1300px;
    max-width: 100%;
    margin: 0 auto;
}

.grid__full-width{
    width: 100%;
}

.grid__row{
    display: flex;
    flex-wrap: wrap;
}
.red{
    color: red;
}
.border__right{
    border-right: 2px solid var(--p-color);
}
.hide{
    display: none;
}
.show{
    display: block;
}