/* 
	about_1.css ROOT
	
	--about1_CONTAINER_MAX_WIDTH: var(--content_MAX_WIDTH);
	--about1_CONTAINER_MARGIN: var(--content_MARGIN);
	--about1_CONTAINER_PADDING: var(--content_PADDING);
	
	--about1_INFO_TABLIST_BORDER_COLOR: var(--color6);
	--about1_INFO_TABLIST_LI_BG: var(--color2);
	--about1_INFO_TABLIST_LI_TXT: var(--color9);
	--about1_INFO_TABLIST_LI_ACTIVE_BG: var(--color4);
	--about1_INFO_TABLIST_LI_ACTIVE_TXT: var(--color2);
	--about1_INFO_H2_TXT: var(--color2);
	--about1_INFO_CONTENT_TXT: var(--color2);
	--about1_INFO_CONTACT_ITEM_BG: var(--color10);
	--about1_INFO_CONTACT_ITEM_IMG_BG: var(--color4);
	--about1_INFO_CONTACT_ITEM_LBL_TXT: var(--color2);
	--about1_INFO_CONTACT_ITEM_VAL_TXT: var(--color2);
	--about1_INFO_CONTACT_ITEM_VAL_HOVER_TXT: var(--color4);
 */
 
.about-1- .info-container {
	max-width: var(--about1_CONTAINER_MAX_WIDTH);
	margin: var(--about1_CONTAINER_MARGIN);
	padding: var(--about1_CONTAINER_PADDING)
}

.about-1- .info-tablist- {
	border-left: 4px solid;
	border-color: var(--about1_INFO_TABLIST_BORDER_COLOR)
}

.about-1- .info-tablist- li {
	padding: 1rem;
    text-align: center;
    font-weight: 600;
   	cursor: pointer;
    background: var(--about1_INFO_TABLIST_LI_BG);
    color: var(--about1_INFO_TABLIST_LI_TXT)
}

.about-1- .info-tablist- li:not([onclick]) {
	cursor: default
}

.about-1- .info-tablist- li:hover,
.about-1- .info-tablist- li.active {
	background: var(--about1_INFO_TABLIST_LI_ACTIVE_BG);
    color: var(--about1_INFO_TABLIST_LI_ACTIVE_TXT)
}

.about-1- .info-tabcontent- h2 {
	margin: 0 0 1.5rem;
    color: var(--about1_INFO_H2_TXT)
}

.about-1- .info-tabcontent- .info-content- {
	color: var(--about1_INFO_CONTENT_TXT)
}

.about-1- .info-tabcontent- .contact-list- {
	display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1rem 1.5rem
}

.about-1- .info-tabcontent- .contact-list- .contact-item- {
	display: flex;
	align-items: center;
	border-radius: 5px;
	background: var(--about1_INFO_CONTACT_ITEM_BG)
}

.about-1- .info-tabcontent- .contact-list- .contact-item- .item-img- {
    padding: 5px 10px;
    border-radius: 5px 0 0 5px;
    background: var(--about1_INFO_CONTACT_ITEM_IMG_BG)
}

.about-1- .info-tabcontent- .contact-list- .contact-item- .item-img- img {
	width: 40px
}

.about-1- .info-tabcontent- .contact-list- .contact-item- .item-lbl- {
	font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    color: var(--about1_INFO_CONTACT_ITEM_LBL_TXT);
}

.about-1- .info-tabcontent- .contact-list- .contact-item- .item-val- a {
	color: var(--about1_INFO_CONTACT_ITEM_VAL_TXT)
}

.about-1- .info-tabcontent- .contact-list- .contact-item- .item-val- a:hover {
	color: var(--about1_INFO_CONTACT_ITEM_VAL_HOVER_TXT)
}