/* 
	about_2.css ROOT
	
	--about2_CONTAINER_MAX_WIDTH: var(--content_MAX_WIDTH);
	--about2_CONTAINER_MARGIN: var(--content_MARGIN);
	--about2_CONTAINER_PADDING: var(--content_PADDING);
	
	--about2_WRAP_BG: var(--gradient1);
	--about2_WRAP_TXT: var(--color2);
	--about2_WRAP_RADIUS: 5px;
	--about2_INFO_TABLIST_LI_BG: var(--color2);
	--about2_INFO_TABLIST_LI_TXT: var(--color9);
	--about2_INFO_TABLIST_LI_BORDER: 4px solid var(--color4);
	--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_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-container {
	max-width: var(--about1_CONTAINER_MAX_WIDTH);
	margin: var(--about1_CONTAINER_MARGIN);
	padding: var(--about1_CONTAINER_PADDING)
}

.about-2- .about-wrap- {
	padding: 2rem;
	background: var(--about2_WRAP_BG);
	border-radius: var(--about2_WRAP_RADIUS);
	color: var(--about2_WRAP_TXT)
}


.about-2- .info-tablist- li {
	width: calc(100% / 7);
	padding: .75rem 1rem;
	display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: .75rem;
    font-weight: 600;
   	cursor: pointer;
   	background: var(--about2_INFO_TABLIST_LI_BG);
    color: var(--about2_INFO_TABLIST_LI_TXT);
    border-top: var(--about2_INFO_TABLIST_LI_BORDER)
}

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

.about-2- .info-tablist- li.active,
.about-2- .info-tablist- li:hover {
	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: 1.5rem;
    font-weight: 600;
    color: var(--about2_INFO_H2_TXT)
}

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

.about-2- .info-tabcontent- .info-content- {
	font-size: 1rem
}

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

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

.about-2- .info-tabcontent- .contact-list- .contact-item- {
	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-size: 14px;
    font-weight: 600;
    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)
}