:root {
    --heading-font-family: "Montserrat";
    --font-family: "Istok Web";
    --font-size: 16px;
    --font-weight: 400;
    --font-style: normal;
    --line-height: 1.6;
    --heading-line-height: 1.3;
    --main-color: #F2B807;
    --contact-header-color: #333;
    --el-gradient1: #F2CB07;
    --el-gradient2: #F2CB07;
    --primary-color: #ffffff;
    --primary-bg-color: #F0F4F8;
    --secondary-color: #000000;
    --secondary-bg-color: #303036;
    --tertiary-bg-color: #f1f0ea;
    --back-to-button: #343a40;
    --text-primary: #303036;
    --text-secondary: #63636b;
    --border-color: #0D0D0D;
    --placeholder-color: #B7B7BA;
    --error-color: #ff3d0d;
    --el-border-radius: 10px;
    --el-border-radius-min: 6px;
    --el-box-shadow: 2px 4px 20px 1px rgba(45, 45, 45, 0.23);
    --el-box-shadow-minified: 0px 4px 12px -2px rgba(45, 45, 45, 0.23);
    --header-box-shadow: 0px 0px 14px 0px rgba(77, 82, 94, 0.15);
    --alert-primary: #004085;
    --alert-success: #23D36A;
    --alert-danger: #EA2626;
    --alert-warning: #FFD43D;
}



.my-border-red{
    border: 1px solid var(--alert-danger);
}