@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,
cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed, 
figure,figcaption,footer,header,hgroup,menu,output,section,summary,time,mark,audio,video{
margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,section{display: block;}
body{line-height: 1px;}
ol,ul{list-style: none;}
img{max-width: 100%;height: auto;}
ul,ul li{list-style-type: none;}
a{text-decoration: none;transition: 0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all;}
a:hover{transition: 0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all;}
.clear{clear: both;}
strong{font-weight: bold;}




@font-face {
font-family: vazir;
src: url('fonts/vazir-fd.woff') format('woff');
font-weight: normal;
font-display: swap;
}

@font-face {
font-family: vazir;
src: url('fonts/vazir-bold-fd.woff') format('woff');
font-weight: bold;
font-display: swap;
}
@font-face {
font-family: vazir;
src: url('fonts/vazir-light-fd.woff') format('woff');
font-weight: 300;
font-display: swap;
}

input,button,textarea{font-family: vazir,tahoma;
transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;}
*{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
body{color: #44566C;background-color: #f5f6f7;width: 100%;height: 100vh;
font-family: vazir,tahoma;font-size: 14px;line-height: 25px;
direction: rtl;text-align: right;overflow-x: hidden;font-weight: 400;
background-image: url(images/triangles-top-2.svg), url(images/triangles-bottom-2.svg);
background-position: left top, right bottom;
background-repeat: no-repeat;
background-size: inherit;
}
a{color: #44566C;outline: unset;}
.rkianoosh_center{width: 1100px;height: auto;margin: 0 auto;margin-top: 70px;position: relative;}

.right_sides{width: 25%;height: auto;float: right;background: #fff;position: sticky;top: 20px;display: block;
border-radius: 20px;box-shadow: 0 2.5rem 3.125rem rgba(103, 118, 128, 0.1) !important;
}
.left_sides{width: 72%;height: auto;float: left;
background: #fff;border-radius: 20px;
box-shadow: 0 2.5rem 3.125rem rgba(103, 118, 128, 0.1) !important;}

.iam_box_p{width: 100%;height: auto;clear: both;font-size: 14px;padding: 20px 30px 30px 20px;
line-height: 30px;text-align: justify;}
.title_bx_kianoosh{width: 100%;height: auto;clear: both;margin-bottom: 15px;}
.title_bx_kianoosh h2{font-size: 20px;position: relative;margin-bottom: 30px;font-weight: bold;
display: block;position: relative;}
.title_bx_kianoosh h2:before {
    content: '';
    background-color: #304CFD;
    border-radius: 20px;
    height: 4px;
    position: absolute;
    bottom: -1.0625rem;
    right: 0;
    width: 30px;
}

.profile_img{text-align: center;line-height: 0;margin-top: 20px;}
.profile_img img{width: 180px;height: 180px;
border-radius: 40px;}
.user_info{width: 100%;text-align: center;margin: 20px 0 10px 0;}
.myname{width: 100%;font-size: 20px;}
.socials {line-height: 1;}
.socials a{font-size: 15px;display: inline-block;margin: 5px;line-height: 1;}
.socials .fa-instagram,.socials .fa-twitter{font-size: 17px !important;}
.badge-light {
    background-color: #F5F6F7;
    color: #44566C;
    display: inline-block;
    line-height: 1;margin: auto;
    padding: 5px 10px;margin: 15px auto;
    border-radius: 20px;
}
.user_c_dets{width: 100%;height: auto;padding: 20px;background: #f5f8f9;
border-radius: 0 0 20px 20px;}
.user_c_dets li{width: 100%;height: auto;clear: both;margin-bottom: 10px;position: relative;}
.user_c_dets li i{width: 18px;height: 18px;font-size: 17px;vertical-align: middle;text-align: center;
margin-left: 5px;}
.phone_tells{direction: ltr;text-align: right;display: inline-block;font-family: tahoma;}








.btn {
    background-color: #304CFD;
    border-radius: 20px;
    border: 0;
    box-shadow: 0 0.5rem 1rem rgba(48, 76, 253, 0.15), 0 0.125rem 0.25rem rgba(48, 76, 253, 0.15);
    color: #fff;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 400;
    line-height: inherit;
    padding: 0.9375rem 2rem 0.875rem;
    position: relative;
    transition: .4s ease-in-out;
    white-space: nowrap;
}
.my_Skill_box{width: 100%;height: auto;padding: 30px;background: #f5f8f9;
border-radius:0 0 20px 20px;}
.my_Skill_box_title{width: 100%;height: auto;clear: both;margin-bottom: 10px;font-size: 20px;
font-weight: bold;}

.my_Skill_box ul{margin: 0 -15px;}
.my_Skill_box ul li{width: 50%;padding: 10px;float: right;}
.skilss_items{width: 100%;height: auto;padding: 20px;background: #fff;
border-radius: 15px;}
.skilss_items .fa_icons_box{float: right;margin: 5px 0 0 15px;color: #304CFD;font-size: 40px;}
.skilss_items .dets_kian{position: relative;overflow: hidden;}
.skilss_items .dets_kian h3{font-size: 15px;font-weight: bold;margin-bottom: 5px;}
.skilss_items .dets_kian p{color: #5F6F81;line-height: 1.5;font-size: 13px;}


@media (max-width: 1100px){
.rkianoosh_center{width: 1000px;}

}
@media (max-width: 1000px){
.rkianoosh_center{width: 900px;}
.right_sides,.left_sides{width: 100%;margin-bottom: 30px;position: relative;top: auto;}



}
@media (max-width: 900px){
.rkianoosh_center{width: 800px;}

}
@media (max-width: 800px){
.rkianoosh_center{width: 700px;}
.my_Skill_box ul{margin: 0;}
.my_Skill_box ul li{width: 100%;padding:10px 0;}
}
@media (max-width: 700px){
.rkianoosh_center{width: 600px;}

}
@media (max-width: 600px){
.rkianoosh_center{width: 500px;}

}
@media (max-width: 500px){
.rkianoosh_center{width: 400px;}

}
@media (max-width: 400px){
.rkianoosh_center{width: 350px;}

}
@media (max-width: 350px){
.rkianoosh_center{width: 97%;}

}
@media (max-width: 300px){
.rkianoosh_center{width: 97%;}
.skilss_items .fa_icons_box{float: none;margin: 0 auto;text-align: center;clear: both;margin-bottom: 10px;}
}