/* 
	about_2.css ROOT
	
	--about2_INFO_TABLIST_BG: var(--color4);
	--about2_INFO_TABLIST_LI_BG: var(--color2);
	--about2_INFO_TABLIST_LI_TXT: var(--color9);
	--about2_INFO_TABLIST_LI_ACTIVE_BG: var(--color4);
	--about2_INFO_TABLIST_LI_ACTIVE_TXT: var(--color2);
	--about2_INFO_H2_TXT: var(--color2);
	--about2_INFO_H2_DISC: linear-gradient(-240deg, var(--color6) 0%, var(--color7) 100%);
	--about2_INFO_CONTENT_TXT: var(--color2);
	--about2_INFO_CONTENT_BG: var(--gradient1);
	--about2_INFO_CONTENT_RADIUS: 5px;
	--about2_INFO_CONTACT_ITEM_BG: var(--color10);
	--about2_INFO_CONTACT_ITEM_IMG_BG: var(--color4);
	--about2_INFO_CONTACT_ITEM_LBL_TXT: var(--color2);
	--about2_INFO_CONTACT_ITEM_VAL_TXT: var(--color2);
	--about2_INFO_CONTACT_ITEM_VAL_HOVER_TXT: var(--color4);
 */

.about-2- .info-tablist- {
	display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    background: var(--about2_INFO_TABLIST_BG)
}

.about-2- .info-tablist- li {
	display: flex;
    align-items: center;
	width: fit-content;
	padding: 2.5vw 3vw;
    text-align: center;
    font-size: var(--BODY_SMALL_TXT_FONT_SIZE);
    font-weight: var(--REG_FONT_WEIGHT);
   	cursor: pointer;
   	background: var(--about2_INFO_TABLIST_LI_BG);
    color: var(--about2_INFO_TABLIST_LI_TXT)
}

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

.about-2- .info-tablist- li.active {
	background: var(--about2_INFO_TABLIST_LI_ACTIVE_BG);
    color: var(--about2_INFO_TABLIST_LI_ACTIVE_TXT)
}

.about-2- .info-tabcontent- h2 {
	position: relative;
	margin: 0 0 1.25rem;
    padding: 0 0 0 1rem;
    font-size: var(--HEADER_FONT_SIZE);
    font-weight: var(--REG_FONT_WEIGHT);
    font-family: var(--SECONDARY_FONT_FAMILY);
	letter-spacing: 1px;
    color: var(--about2_INFO_H2_TXT);
    line-height: 21px;
}

.about-2- .info-tabcontent- h2:before {
	content: "";
	position: absolute;
	width: 8px;
    height: 20px;
    left: 0;
    top: 0;
    background: var(--about2_INFO_H2_DISC)
}

.about-2- .info-tabcontent- .info-content-,
.about-2- .info-tabcontent- .contact-list- {
	padding: 1rem;
	border-radius: var(--about2_INFO_CONTENT_RADIUS);
	color: var(--about2_INFO_CONTENT_TXT);
	background: var(--about2_INFO_CONTENT_BG);
}

.about-2- .info-tabcontent- .info-content- p {
	font-size: inherit
}

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

.about-2- .info-tabcontent- .contact-list- .contact-item-:last-child {
	margin: 0
}

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

.about-2- .info-tabcontent- .contact-list- .contact-item- .item-img- img {
	width: 35px
}

.about-2- .info-tabcontent- .contact-list- .contact-item- .item-lbl- {
	margin: 0 0 5px;
    font-weight: var(--REG_FONT_WEIGHT);
    font-size: var(--BODY_TXT_FONT_SIZE);
    letter-spacing: 1px;
    color: var(--about2_INFO_CONTACT_ITEM_LBL_TXT);
}

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

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