.about_content {
display:block;
position:relative;
width:1000px;
height:490px;
margin:0px auto 0px auto;

-webkit-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

.about_text {
display:block;
width:48%;
height:auto;
min-height:100px;
font:normal 18px 'NeoSansArabic';
color:rgba(7,57,80,1);
text-align:justify;
direction:rtl;
float:right;
margin:28px 0px 0px 0px;

-webkit-animation: fadeInRight 0.5s ease-in-out;
animation: fadeInRight 0.5s ease-in-out;

-webkit-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

.about_msg {
display:none;
width:48%;
height:auto;
min-height:100px;
font:normal 18px 'NeoSansArabic';
color:rgba(7,57,80,1);
text-align:justify;
direction:rtl;
float:right;
margin:28px 0px 0px 0px;

-webkit-animation: fadeInRight 0.5s ease-in-out;
animation: fadeInRight 0.5s ease-in-out;

-webkit-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

.about_vision {
display:none;
width:48%;
height:auto;
min-height:100px;
font:normal 18px 'NeoSansArabic';
color:rgba(7,57,80,1);
text-align:justify;
direction:rtl;
float:right;
margin:28px 0px 0px 0px;

-webkit-animation: fadeInRight 0.5s ease-in-out;
animation: fadeInRight 0.5s ease-in-out;

-webkit-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

.about_goal {
display:none;
width:48%;
height:auto;
min-height:100px;
font:normal 18px 'NeoSansArabic';
color:rgba(7,57,80,1);
text-align:justify;
direction:rtl;
float:right;
margin:28px 0px 0px 0px;

-webkit-animation: fadeInRight 0.5s ease-in-out;
animation: fadeInRight 0.5s ease-in-out;

-webkit-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

.about_media {
display:block;
width:500px;
height:318px;
float:left;
margin:30px 0px 0px 0px;

-webkit-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

.about_media img {
width:100%;
height:100%;

-webkit-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

.about_sp {
display:block;
position:relative;
width:100%;
height:1px;
margin:35px 0px 0px 0px;
background:rgba(0,0,0,0.08);

-webkit-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

.about_continer {
display:block;
position:relative;
width:1000px;
height:50px;
margin:20px auto 150px auto;

-webkit-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

.about_tab {
display:inline-block;
width:20%;
font:normal 50px 'sfctc';
color:rgba(255,194,0,1);
text-align:center;
padding:20px 0px 0px 0px;
float:right;
cursor:pointer;
direction:rtl;

-webkit-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

.about_tab:before {
content: attr(data-icon);
}

.about_tab:hover {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);

-webkit-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

.about_tab span {
display:block;
font:normal 32px 'NeoSansArabic';
color:rgba(7,57,80,1);
text-align:center;
padding:5px 0px 0px 0px;

-webkit-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

.about_tab_sp {
display:inline-block;
width:1px;
height:100px;
margin:20px 30px 0px 30px;
background:rgba(0,0,0,0.08);
float:right;

-webkit-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

/*media query*/
@media only screen and (max-width: 768px) {

.about_content {
display:table;
width:90%;
margin:0px auto 0px auto;

-webkit-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

.about_media {
display:block;
width:100%;
height:auto;
margin:15px auto 0px auto;

-webkit-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

.about_text {
width:100%;
font-size:16px;
margin:15px 0px 0px 0px;

-webkit-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

.about_msg {
width:100%;
font-size:16px;
margin:15px 0px 0px 0px;

-webkit-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

.about_vision {
width:100%;
font-size:16px;
margin:15px 0px 0px 0px;

-webkit-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

.about_goal {
width:100%;
font-size:16px;
margin:15px 0px 0px 0px;

-webkit-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}


.about_continer{
display:table;
width:90%;
margin:0px auto 0px auto;

-webkit-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

.about_tab {
display:block;
width:60%;
height:40px;
font:normal 36px 'sfctc';
text-align:right;
float:none;
margin:0px auto 0px auto;

-webkit-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

.about_tab span {
display:inline-block;
position:relative;
width:100%;
font:normal 24px 'NeoSansArabic';
text-align:left;
margin:0px auto 0px auto;
top:-50px;

-webkit-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

.about_tab_sp {
display:block;
width:80%;
height:1px;
float:none;
margin:40px auto 0px auto;
background:rgba(0,0,0,0.08);
}

.about_continer div:nth-child(7) {
padding-bottom:70px;
}


}

/*animations*/
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(-10%, 0, 0);
transform: translate3d(-10%, 0, 0);
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(-10%, 0, 0);
transform: translate3d(-10%, 0, 0);
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}