.about-self{
	background:url(../images/company-and-about-us_0.jpg);
	background-attachment: fixed;
	background-size: cover;
	padding:10%;
	background-position: center no-repeat;
	
}

.aboutme{
	font-weight: 700;
	font-size: 63px;
	color:#fff;
}

.about-head{
	border:1px solid white;
	width: 50%;
}

.about-head:hover{
 animation-name: bounceIn;
}
.hks{width: 62%; margin:107px auto;}

.main-text{font-size: 60px; float: left;color:orange;position: relative;}
.hello{font-size: 60px; font-weight: bold; margin-top: 120px; text-align: center;}
.bit{color:#a59891; text-align: center}

.about-cont{margin-top:5%; padding:3%;}
.aboutBase {border-radius: 50%; width: 130px;height: 130px; margin:0 auto;}

.about-txt1{font-size: 14px; position:relative;top: 43%;
    left: 25%;
    color: #fff;}



.abt-type1 {background: #E83556; }
.abt-type2{background:#61D0D4; }
.abt-type3{ background:#D0C826;}
.paragraph{margin-top:20px; text-align: justify; font-size: 16px;}

.tab {
    float: left;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    width: 30%;
   }

/* Style the buttons inside the tab */
.tab button {
    display: block;
    background-color: inherit;
    color: black;
    padding: 22px 0px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 17px;
    overflow: hidden;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    float: left;
    padding: 0px 12px;
    border: 1px solid #ccc;
    width: 70%;
    border-left: none;
    height: 524px;
    overflow: auto;
    
}

.work-skill{text-align: center;}
.tech-skill{text-align: center;}
.skill-menu li{list-style: circle;padding:2%;}