@charset "utf-8";

.about_logo {
	border-radius: 5px;
    margin: 100px auto 0;
    width: 35%;
    opacity: 0.5;
    vertical-align: middle;
    padding: 0 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 75px;
}

.about_slogan {
	margin: 6px auto 15px;
    min-width: max-content;
    font-weight: 600;
    color: #94a1ad;
	width: max-content;
}

.about_slider_record {
    display: flex;
    align-items: center;
    padding: 8px 9px;
    transition: 0.1s;
    border-radius: 5px;
    border: 1px #ffffff00 solid;
	cursor:pointer;
}

.about_slide_line {
	height: 3px; 
	margin: 10px -15px;
}

.about_slide_bottom {
	font-weight: 500;
	letter-spacing: 1px;
	padding: 10px 15px 12px 15px;
	margin: 15px 0 0 0;
	border-radius: 10px;
	font-size: 15px;
	text-align: center;
	transition:0.1s;
	cursor:pointer;
}

.about_metric {
	margin: 75px 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
}
.about_metric_item {
	text-align: center;
}
.about_metric_item > div:first-child {
	font-size: 32px; 
	font-weight: 700; 
}
.about_metric_item > div:last-child {
	font-size: 16px;
}

.about_singup {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin: 60px auto 0;
    border-radius: 12px;
    overflow: hidden;
	width: max-content;
}
.about_singup_bottom {
	padding: 8px 15px 10px;
	font-weight: 500;
	cursor:pointer;
	transition:0.1s;
	font-size: 19px;
	letter-spacing: 1px;
}
.about_singup_email {
	padding-right: 75px;
	font-weight: 500;
	outline: none;
    border: none;
	font-size: 19px;
	padding: 12px 15px 10px;
	width: 210px;
	letter-spacing: 1px;
}
.about_singup_bottom {
	background: #4ba987;
	color: #fff;
}
.about_singup_bottom:hover {
	background: #3a9d79;
}

.about_new_title {
	font-size:19px; 
	margin:0 0 12px 15px; 
	font-weight:500
}
.about_news {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
	margin-top:75px;
	margin: 75px 15px 0;
}
.about_new {
	padding:12px 15px;
	display: flex;
	align-items: center;
	transition: 0.1s;
}
.about_new > div:first-child {
	min-width: max-content;
}
.about_new:hover {
	cursor:pointer;
	border-radius:8px;
	border-top: 1px #ffffff00 solid;
}
.about_new_link {
	transition: 0.1s;
	padding: 12px;
    margin: -12px -12px -12px 0;
	width: -webkit-fill-available;
}

.about_blocks {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-radius: 15px;
    margin: 75px 15px;
    font-size: 13px;
    gap: 24px;
}
.about_block {
	padding: 20px 0 22px 25px;
    min-width: max-content;
    border-radius: 12px;
}
.about_block > div:first-child {
	font-size: 19px;
    font-weight: 500;
    margin-bottom: 14px;
}
.about_block > div:last-child {
	font-size: 12px;
	line-height: 18px;
}





.chat_off * {
	
	.about_slogan {
    	font-size: clamp(19px, 4vw, 45px);
	}
	
	@media (max-width: 950px) {
		.about_metric { grid-template-columns: repeat(2, 1fr); }
		.about_metric_item { padding:24px 0; }
	}
	@media (max-width: 490px) {
		.about_metric { grid-template-columns: repeat(1, 1fr); }
	}
	
	@media (max-width: 512px) {
		.about_singup { grid-template-columns: repeat(1, 1fr); }
		.about_singup_email, .about_singup_bottom { font-size: 15px; }
		.about_singup_email { width: auto; }
	}
	
	@media (max-width: 1024px) {
		.about_news { grid-template-columns: repeat(1, 1fr); gap: 75px; }
	}
	
	@media (max-width: 1080px) {
		.about_blocks { grid-template-columns: repeat(2, 1fr); }
	}
	@media (max-width: 720px) {
		.about_blocks { grid-template-columns: repeat(1, 1fr); }
	}
}

.chat_on * {
	
	.about_slogan {
    	font-size: clamp(19px, 3vw, 45px);
	}
	
	@media (max-width: calc(950px + 335px)) {
		.about_metric { grid-template-columns: repeat(2, 1fr); }
		.about_metric_item { padding:24px 0; }
	}
	@media (max-width: calc(490px + 335px)) {
		.about_metric { grid-template-columns: repeat(1, 1fr); }
	}
	
	@media (max-width: calc(512px + 335px)) {
		.about_singup { grid-template-columns: repeat(1, 1fr); }
		.about_singup_email, .about_singup_bottom { font-size: 15px; }
		.about_singup_email { width: auto; }
	}
	
	@media (max-width: calc(1024px + 335px)) {
		.about_news { grid-template-columns: repeat(1, 1fr); gap: 75px; }
	}
	
	@media (max-width: calc(1080px + 335px)) {
		.about_blocks { grid-template-columns: repeat(2, 1fr); }
	}
	@media (max-width: calc(720px + 335px)) {
		.about_blocks { grid-template-columns: repeat(1, 1fr); }
	}
}