:root {
    --bg-color: #ffffff;
    --text-color: #2e2e2e;
    --brif-text-color: #595959;
    --link-color: #216EF4;
    --link-hover-color: #094cbf;

    --one-button-bg: #ffffff;
    --one-button-color: #000000;
    --one-button-border: 1px solid #cfcfcf;
    --one-button-hover-bg: #4792DE;
    --one-button-hover-color: #ffffff;
    --one-button-hover-border: 1px solid #4792DE;

    --two-button-bg: #216EF4;
    --two-button-color: #ffffff;
    --two-button-hover-bg: #3D8252;
    --two-button-hover-color: #ffffff;

    --hover-bg-color: #EAEFFF;
    --second-bg-color: #F8F8F8;
    --input-bg-color: #ffffff;
    --border-color: #dddddd;
    --border-focus-color: #2A3646;

    --tariff-bg: #fff;
    --tariff-title-color: #5b5b5b;
    --tariff-price-color: #5b5b5b;

    --title-color: #3D8252;

    transform: all 0.2s;
    height: 100%;
}

.theme_dark {
    --bg-color: #000;
    --text-color: #ffffff;
    --brif-text-color: #a4a4a4;
    --link-color: #c1d9ff;
    --link-hover-color: #7eadff;

    --one-button-bg: #1A191E;
    --one-button-color: #ffffff;
    --one-button-border: 1px solid #404A50;
    --one-button-hover-bg: #404A50;
    --one-button-hover-color: #ffffff;
    --one-button-hover-border: 1px solid #404A50;

    --two-button-bg: #4686f6;
    --two-button-color: #ffffff;
    --two-button-hover-bg: #3D8252;
    --two-button-hover-color: #ffffff;

    --hover-bg-color: #404A50;
    --second-bg-color: #1A191E;
    --input-bg-color: #253037;
    --border-color: #253037;
    --border-focus-color: #253037;

    --tariff-bg: #1A191E;
    --tariff-title-color: #fff;
    --tariff-price-color: #35ffa0;

    --title-color: #35FFA0;
}

html, body, div, span, object, iframe, menu, h1, h2, h3, h4, p, button, td, tr, tbody, ul, li, dl, dd, dt, figure {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	cursor: inherit;
	-webkit-user-select: inherit;
	-moz-user-select: inherit;
	-ms-user-select: inherit;
	-o-user-select: inherit;
	user-select: inherit;
	box-sizing: border-box;
	transition: background-color 0.15s linear, color 0.15s linear;
}
body {
	background: var(--bg-color);
	font-size: 16px;
	overflow-y: scroll;
	font-family: Helvetica,verdana,arial,tahoma,sans-serif;
	/* user-select: none; */
	min-width: 300px;
	color: var(--text-color);
	height: 100%;
	font-family: Roboto,'Fira sans',sans-serif;
}
input, select {border-radius: 0;box-shadow: none;outline: none;}
input, textarea {-webkit-appearance: none;}
button {outline: none;}
a {text-decoration: none;color: var(--link-color);transition: color 0.15s;}
/*a:hover {color: var(--link-hover-color);}*/

.material-icons {
    font-size: inherit;
}


.pg-main {display: flex;justify-content: center;align-items: center;height: 85vh;flex-direction: column;}

.pg-main__title {
    text-align: center;
    font-family: Roboto;
    letter-spacing: 0.1em;
    color: #ffcf1b;
    font-weight: 900;
    font-size: 11vw;
    font-size: clamp(16px, 11vw, 170px);
    /* margin-bottom: 13px; */
    line-height: 110%;
}

.pg-main__tg-link {
    background-color: #690000;
    padding: 10px 16px;
    border-radius: 5px;
    color: #d2d2d2;
    font-weight: bold;
    letter-spacing: 0.03em;
    margin-top: 32px;
}

.pg-main__footer {
    position: absolute;
    bottom: 0;
    padding: 17px 12px;
    display: flex;
    gap: 14px 25px;
    flex-wrap: wrap;
    justify-content: center;
}

.pg-main__footer a {
    color: #494949;
}

.pg-main__brif {
    font-weight: 200;
    color: #eee;
    letter-spacing: 0.04em;
    text-align: center;
    margin-top: 12px;
}

.pg-main__prices {
    width: 300px;
    margin-top: 20px;
}

.pg-main__prices__items {
    display: flex;
    flex-wrap: wrap;
    gap: 12%;
    margin-top: 12px;
}

.pg-main__prices__item {
    width: 44%;
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
}

.pg-main__prices__item div:last-child {
    color: #2C4567;
}

.pg-main__prices__item div:first-child {font-weight: bold;}

.pg-main__prices__brif {
    font-weight: 300;
    color: #d5d5d5;
    text-align: center;
}