.tabBoday .item {display: none;}
.tabBoday .item.active {display: block !important;}
.cc-height {width: 900px;height: 375px;background: #FFFFFF;box-shadow:  0px 7px 6px 0px #F8F8F8;;border-radius: 40px;}
.about {background-color: #fff;padding: 0px 0 0px;}
.aboutme {display: flex;width: 1200px;height: 400px;margin: 20px auto;border-radius: 14px;box-shadow: 0 0 5px #ddd;}
.content {flex: 1;}
.aboutme_img {width: 400px;height: 100%;position: relative;}
.aboutme_img img {position: absolute;top: 50px;left: 50px;width: 300px;height: 300px;}
.head_navbar {display: flex;justify-content: center;padding-top: 50px;}
.head_navbar span {position: relative;width: 200px;text-align: center;color: #6F6F6F;font-size: 20px;}
.head_navbar span span {cursor: pointer;}
.head_slct {position: absolute;top: 100%;left: 50%;transform: translateX(-50%);width: 50px;height: 4px;margin-top: 10px;background-color: #00CA97;
	border-radius: 2px;}
.tabHeder {background-color: #fff;display: flex;justify-content: center; padding-top: 61px;}
.contactme_img {display: block;width: 800px;margin: 20px auto;}
.contact_content {width: 800px;margin: 20px auto;display: flex;justify-content: center;}
.contact_content_item {flex: 1;}
.contact_content_item div {font-size: 20px;font-weight: bold;}
.contact_content_item div span {font-size: 14px;font-weight: normal;}
.tabHeder_item {width: 200px;height: 50px;line-height: 50px;text-align: center;cursor:pointer;font-size: 20px;position: relative;}
.tabHeder_item span {cursor: pointer;}
.tabHeder_select {display:block;width: 50px;height: 4px;background-color: #00BB9E;border-radius: 2px;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);}
.tabBody .item{display: none;}
.tabBody .item.active{display: block!important;}
.select {position: absolute;top: 100%;left: 50%;transform:translateX(-50%);width: 50px;height: 4px;border-radius: 2px;background-color: #00ca97}