/*

Theme Name: MihanAfzar

Theme URI: http://mihanafzar.ir

Version: 2.0

Author: MihanAfzar

/* Reset html5 */




article,
aside,
details,
figcaption,
figure,
footer,
nav,
section,
summary {
	display: block;margin: 0; padding : 0
}
html, body, div, span, applet, object, iframe, 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, center,
dl, dt, dd, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
}
* {
    
text-decoration:none;

	-webkit-box-sizing: border-box;
	-moz-box-sizing:border-box;outline: 0;
	box-sizing: border-box;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-khtml-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition:all 0.3s ease;
	
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden], .hide {
	display: none;
}
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
img {
	border: 0;
}
svg:not(:root) {
	overflow: hidden;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
::selection{
	background: #333333;
	color: #fff;
}
::-moz-selection{
	background: #333333;
	color: #fff;
}

a,a:hover{
    color:#000;
  cursor: pointer;
}


@font-face {
  font-family: 'Shabnam';
  src:  url('fonts/Shabnam-Bold-FD.ttf') format('truetype'); 
}


@font-face {
  font-family: 'Shabnam2';
  src:  url('fonts/Shabnam-FD.ttf') format('truetype'); 
}


::selection{
	background: #333333;
	color: #fff;
}
::-moz-selection{
	background: #333333;
	color: #fff;
}

body{
    font-family: 'Shabnam';
    direction:rtl;
    margin:0px;
    padding:0px;
    height:100%;
    background:#fff;
    background-image: repeating-linear-gradient(45deg, hsla(207,0%,63%,0.05) 0px, hsla(207,0%,63%,0.05) 1px,transparent 1px, transparent 11px,hsla(207,0%,63%,0.05) 11px, hsla(207,0%,63%,0.05) 12px,transparent 12px, transparent 32px),repeating-linear-gradient(0deg, hsla(207,0%,63%,0.05) 0px, hsla(207,0%,63%,0.05) 1px,transparent 1px, transparent 11px,hsla(207,0%,63%,0.05) 11px, hsla(207,0%,63%,0.05) 12px,transparent 12px, transparent 32px),repeating-linear-gradient(135deg, hsla(207,0%,63%,0.05) 0px, hsla(207,0%,63%,0.05) 1px,transparent 1px, transparent 11px,hsla(207,0%,63%,0.05) 11px, hsla(207,0%,63%,0.05) 12px,transparent 12px, transparent 32px),repeating-linear-gradient(90deg, hsla(207,0%,63%,0.05) 0px, hsla(207,0%,63%,0.05) 1px,transparent 1px, transparent 11px,hsla(207,0%,63%,0.05) 11px, hsla(207,0%,63%,0.05) 12px,transparent 12px, transparent 32px),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255));
    cursor: default;
    overflow-x: hidden;
}


.header{
    background-image: linear-gradient(135deg, rgba(186, 186, 186, 0.03) 0%, rgba(186, 186, 186, 0.03) 10%,rgba(133, 133, 133, 0.03) 10%, rgba(133, 133, 133, 0.03) 14%,rgba(38, 38, 38, 0.03) 14%, rgba(38, 38, 38, 0.03) 17%,rgba(93, 93, 93, 0.03) 17%, rgba(93, 93, 93, 0.03) 25%,rgba(80, 80, 80, 0.03) 25%, rgba(80, 80, 80, 0.03) 45%,rgba(239, 239, 239, 0.03) 45%, rgba(239, 239, 239, 0.03) 100%),linear-gradient(135deg, rgba(236, 236, 236, 0.03) 0%, rgba(236, 236, 236, 0.03) 47%,rgba(182, 182, 182, 0.03) 47%, rgba(182, 182, 182, 0.03) 63%,rgba(223, 223, 223, 0.03) 63%, rgba(223, 223, 223, 0.03) 81%,rgba(86, 86, 86, 0.03) 81%, rgba(86, 86, 86, 0.03) 89%,rgba(23, 23, 23, 0.03) 89%, rgba(23, 23, 23, 0.03) 90%,rgba(226, 226, 226, 0.03) 90%, rgba(226, 226, 226, 0.03) 100%),linear-gradient(45deg, rgba(52, 52, 52, 0.03) 0%, rgba(52, 52, 52, 0.03) 31%,rgba(246, 246, 246, 0.03) 31%, rgba(246, 246, 246, 0.03) 63%,rgba(188, 188, 188, 0.03) 63%, rgba(188, 188, 188, 0.03) 71%,rgba(15, 15, 15, 0.03) 71%, rgba(15, 15, 15, 0.03) 87%,rgba(127, 127, 127, 0.03) 87%, rgba(127, 127, 127, 0.03) 93%,rgba(234, 234, 234, 0.03) 93%, rgba(234, 234, 234, 0.03) 100%),linear-gradient(90deg, #ffffff,#ffffff);
    width:100%;
    background-size:cover;
position:relative;
z-index:10001;
    height:auto;
    padding:1% 2%;
    box-shadow:5px 2px 15px #ccc;
    margin-bottom:2%;
}

.header div{
    display:inline-block;
    vertical-align:middle;   
}

.logo{
    width:12.5%;
}

.menu{
    width:70%;
}


.menu a:hover{color:#000;}

.menu .active{color:#000;}

.lang{
    position:absolute;
    left:4%;
    top:43px;
    text-align:left;
    width:24%;
}

.lang a{
    padding:5px;
    border:1.5px solid #ccc;
    border-radius:5px;
    margin:2px;
    opacity:0.8;
}

.lang .selected{
    background:#f7941d;
    color:#fff;
    opacity:1;
    border:1.5px solid #f7941d;
}

.lang a:hover{
    opacity:1;
    border:1.5px solid #f7941d;
}

.titr{
height:320px;
width:100%;
padding:5% 0 7% 0;
text-align:center;
}


.svg2{
    width:100%;
    height:400px;
    background-image:url('../images/wave(2).svg');
    background-repeat:no-repeat;
    background-position:top center;
    background-size:100% 100%;
}

.svg3{
    margin-top:-260px;
    width:100%;
    height:390px;
    background-image:url('../images/wave.svg');
    background-repeat:no-repeat;
    background-position:top center;
    background-size:cover;
    transform: rotate(-180deg);
}

.svg4{
    width:100%;
    height:270px;
    background-image:url('../images/wave(4).svg');
    background-repeat:no-repeat;
    background-position:top center;
    background-size:cover;
}

.ticon{
width:310px;
position: absolute;
left:100px;
    height:310px;
    background:url('../images/Ranking_Isometric.svg');
    background-size: 100% 100%;
    background-repeat:no-repeat;
}

.titr h1{position:absolute;right:6%;top:37%;font-size:50px;text-shadow:1px 1px 1px #eee;}
.titr h2{position:absolute;right:6%;top:51%;font-size:30px;margin-bottom:35px;}

.idea{
    width:100%;
    margin:-65px auto;
    background:#f7941d;
    padding:0 10px;
    direction:ltr;
}

.ideatext{text-align:right;width:60%;display:inline-block;vertical-align:top;margin-top:-40px;padding:0 90px;}
.ideatext h2{font-size:35px;color:#000;text-shadow:0px 1px 1px #f19066;}
.ideatext p{font-size:17px;color:#000;text-shadow:0px 1px 1px #f19066;direction:rtl;}

.idea .icon{
    width:38%;
    height:300px;
margin:auto;
direction:rtl;
    background-position:right right;
    background-image:url('../images/3564083.png');
    background-repeat:no-repeat;
        background-size:cover;
    display:inline-block;
    opacity:0.9;
}

.ideatext a{
position:relative;
top:25px;
    border:1px solid #000;
    background:#000;
    color:#f7941d;
    border-radius:5px;
    padding:4px 10px;
}
.services{
    margin-top:60px;
    width:100%;
    padding:40px 0;
    text-align:center;
    color:#585858;
    font-size:13px;
    font-family:Shabnam2;
}
.services img{border-radius:5px;border:1px solid #ccc}
.services h2{
text-shadow:1px 1px 1px #eee;
text-decoration: underline;
text-decoration-style: wavy;
text-decoration-color: #eee;
padding-bottom:20px;
font-size:30px;
font-family:Shabnam;
}

.services h3{
        display:inline-block;
        text-align:center;
        font-size:16px;
        padding:5px 0;
        margin:2px;
        text-shadow:1px 1px 1px #eee;    font-family:Shabnam;
                font-weight:600;
}

.shabnam h3{color:#7f0b52;}
.searchline h3{color:#30a358;}
.mypayam h3{color:#53b2d6;}
.avapayamak h3{color:#585858;}
.netmail h3{color:#fac118;}
.mihanautomation h3{color:#fac118;}
.mihanfingerprintrecognition h3{color:#fac118;}
.shenasa h3{color:#fac118;}
.mihanaccount h3{color:#fac118;}
.baygani h3{color:#fac118;}
.avapayamak h3{color:#fac118;}
.onlinewebinar h3{color:#fac118;}

.services h4{
    font-family:Shabnam;
        display:inline-block;
        text-align:center;
        font-size:16px;
              font-weight:600;
              text-shadow:1px 1px 1px #fff;
        padding:5px 0;
        margin:2px;
}


.services hr{
    margin-bottom:15px;
    color:red;
border:1px dotted #000;
}

.services img{width:255px;display:block;margin:10px auto;}

.services div{
    text-align:center;
    width:250px;
    margin:20px;
    display:inline-block;

}

.services p{text-align:right;text-shadow:1px 1px 1px #f1f1f1;}

.titt{width:100%;
    height:auto;
    padding:135px 0 0px 0;
    position:relative;
    z-index:-1;
    background-image:url('../images/wave.svg');
    background-repeat:no-repeat;
    background-position:top center;
    background-size:cover;
margin:20px auto;text-align:center;    position:relative;
    z-index:1001;font-family:Shabnam;  
}
.titt h3{font-size:30px;font-family:Shabnam;text-shadow:1px 1px 1px #eee;}
.titt p{

    width:50%;
    color:#585858;
    margin:40px auto;
}
.titt a{
    text-align:center;
padding:5px 9px;
background:#333;
color:#fff;
border-radius:2px;
opacity:0.9;
}

.titt a:hover{
opacity:1;
}

.icon{
    text-align:center;
}

.icon img{
   margin:35px; 
}
ul.topnav {
  position:relative;
  z-index:1001;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow:hidden;
}

ul.topnav li {margin:0 30px;float: right;}

ul.topnav li a {
 font-weight:100;
  display: inline-block;
 color:#555;
  text-align: center;


  text-decoration: none;
  transition: 0.3s;
  font-size: 16px;
  text-shadow:1px 1px #eee;
}
ul.topnav li i{color:#f7941d;position:relative;font-size:17px;margin-left:5px;display:inline-block;}
ul.topnav li a:hover {color:#000;}
ul.topnav li.icon {display: none;margin-right:-23px;margin-top:-10px;}
.icon i{font-size:37px !important;margin-right:10px;}
.icons{
    margin:70px auto -130px auto;
    width:100%;
    text-align:center;
}



.icons h5{
    font-family:Shabnam;
    font-weight:normal;
    margin:20px 0;
    font-size:20px;
    text-align:center;
}
    
.icons a{
    color:#555;
    opacity:0.85;
}

.icons a:hover{
    color:#333;
    opacity:1;
}


.icons a{
display:inline-block;
width:27%;
    text-align:center;
height:200px;
}

.certificate{margin:auto;
width:220px;height:120px;background:url('../images/certificate.png');background-repeat:no-repeat;}

.customer{margin:auto;width:220px;height:120px;background:url('../images/customer.png');background-repeat:no-repeat;}

.praivacy{margin:auto;width:220px;height:120px;background:url('../images/praivacy.png');background-repeat:no-repeat;}

.call{
    margin-top:110px;

    background-color:#000;
    background-image: linear-gradient(135deg, rgba(236, 236, 236, 0.03) 0%, rgba(236, 236, 236, 0.03) 47%,rgba(182, 182, 182, 0.03) 47%, rgba(182, 182, 182, 0.03) 63%,rgba(223, 223, 223, 0.03) 63%, rgba(223, 223, 223, 0.03) 81%,rgba(86, 86, 86, 0.03) 81%, rgba(86, 86, 86, 0.03) 89%,rgba(23, 23, 23, 0.03) 89%, rgba(23, 23, 23, 0.03) 90%,rgba(226, 226, 226, 0.03) 90%, rgba(226, 226, 226, 0.03) 100%),linear-gradient(45deg, rgba(52, 52, 52, 0.03) 0%, rgba(52, 52, 52, 0.03) 31%,rgba(246, 246, 246, 0.03) 31%, rgba(246, 246, 246, 0.03) 63%,rgba(188, 188, 188, 0.03) 63%, rgba(188, 188, 188, 0.03) 71%,rgba(15, 15, 15, 0.03) 71%, rgba(15, 15, 15, 0.03) 87%,rgba(127, 127, 127, 0.03) 87%, rgba(127, 127, 127, 0.03) 93%,rgba(234, 234, 234, 0.03) 93%, rgba(234, 234, 234, 0.03) 100%),linear-gradient(10deg, #f7941d,#fff);
    width:100%;
    background-size:cover;
position:relative;
z-index:10001;
    height:330px;
    text-align:center;
    padding-top:50px;
}



.call i{
    font-size:150px;
    color:#82613c;
    margin-bottom:20px;
}

.call a{
    margin:auto;
       color:#fff;
       width:300px;
       height:60px;
    font-size:50px;
    border-radius:115px;
    font-family:Shabnam;
        background:#82613c;
        display:block;
}

.call span{
    margin:auto;
       color:#fff;
       width:250px;
       height:20px;
    font-size:13px;
    margin-top:10px;
    border-radius: 115px;
    font-family:Shabnam;
        background:#82613c;
        display:block;
}
.call div{
    color:#fff;
    font-size:50px;
    font-family:Shabnam;
    border-radius:3px;
    background:#82613c;
    border:1px solid #cc995e;
    width:22%;
    height:60%;
    margin:20px;
    display:inline-block;
}

.footer{
    margin-top:-10px;

background-image: repeating-linear-gradient(425deg, #f3f4f5 0px, #f3f4f5 2px,transparent 2px, transparent 4px),linear-gradient(90deg, #f3f4f5,#f3f4f5);
    width:100%;
    background-size:cover;
position:relative;
z-index:10001;
    height:auto;
    text-align:center;
    padding:30px 0 0 0;
}

.english{
    float:left;
    direction:ltr;
    font-family:Arial;
}

li .icon{
    font-size:35px;
    margin-top:15px;
}
.footer div{
    vertical-align:top;
    color:#000;
    text-align:center;
    font-size:17px;
    border-radius:3px;
    width:30%;
    height:auto;
    margin:10px 10px 75px 10px;
    display:inline-block;
}
.footer ul{margin:auto;font-size:14px;}

.footer li{
    direction:rtl;
    text-align:right;
    width:130px;
    overflow:hidden;
list-style-type: square;
display:inline-block;
opacity:0.8;
}
.footer li:hover{opacity:1;}
.footer ul li:before{
	content: "\f100";
	font: normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	 color:#f7941d;
	 margin-left:5px;
}

.tels ul {width:70%;margin:auto;}
.tels ul li{
text-align:right;
        width:100%;
list-style-type: none;
}

.footer h6{
    margin:auto auto 30px auto;
    width:155px;
    padding:1px;

    font-size:17px;
    color:#515151;
    font-family:Shabnam;
    padding-bottom:10px;
    border-bottom:2px solid #555;


    font-weight:normal;

}
.footer i,.tels i{
    width:61px;
    height:61px;
    color:#f7941d;
    font-size:35px;
    padding:13px;
    border-radius:50px;
    background:#fff;
    position:relative;
    margin:10px 0;
}

.copyright a{
    font-weight:600;
}

.copyright{
    border-top:1px solid #ccc;
    width:100%;
    height:auto;
    padding:10px;
    background:#ddd;
    color:#000;
    font-family:Shabnam2;
    font-size:13px;
}


.telegram{
    width:45px;
    height:45px;
    background:url('../images/telegram.png');
    background-size:cover;
    margin:5px;
    display:inline-block;
}


.instagram{
    width:45px;
    height:45px;
    background:url('../images/instagram.png');
    background-size:cover;
    margin:5px;
    display:inline-block;
}


.linkdin{
    width:45px;
    height:45px;
    background:url('../images/linkdin.png');
    background-size:cover;
    margin:5px;
    display:inline-block;
}
.page{
    padding-top:10px;
    margin:auto;
    width:90%;
    
}
    
.page h1{
    font-weight:normal;
    display:inline-block;
    color:#111;
        font-size:22px;
}

.abouttext{
    padding:10px;
    border-radius:10px;
    background:#f1f1f1;
    border:1px solid #ddd;
    color:#222;
    margin:20px auto 80px auto;
    width:95%;

}

.abouttext p{margin-top:10px;line-height:30px;}

.page h2{
        font-weight:normal;
    display:inline-block;
    font-size:20px;
    background:#f7941d;
    color:#fff;
    border-radius:335px;
width:auto;
padding:0 20px;
text-align:center;
position:relative;
top:-3px;
right:-5px;
}

.page i{
    font-size:23px;
    margin:0 10px;
    color:orange;
    display:inline-block;
}


.email i{
        display:inline-block;
        font-size:15px;
        color:#585858;
            margin:0 2px;
}

.fs{
    margin-top:-60px;
}

.fs div{
    vertical-align:top;
    width:30%;
    margin:70px;
}

.fp1{
    margin-bottom:-100px;
}

.fp{
    margin-bottom:-200px;
}

.mapframe{
    border:3px solid #eee;
    border-radius:8px;
    margin-bottom:-135px;
}

.page ul{
    margin-bottom:50px;}
    
.page li{
list-style-type: none;
margin:2px;
}

.about li{
list-style-type: square;
margin:2px;
}

.text2{
    margin:10px 20px 10px 0;
    display:block;
    width:85%;
}

.page li b{
    font-weight:normal;
    font-size:20px;
letter-spacing: 1px;
}

.contactform{
margin:50px auto;
    width:90%;
    height:auto;
    text-align:right;

}

.customers{
    padding-top:15px;
    width:95%;
    margin:20px auto;
    background:#fff;
    border:1px solid #ddd;
    border-radius:12px;
        text-align:center;

}
.customers span{
    font-family:Shabnam2;
      text-align:center;
    width:150px;
    height:140px;
    display:inline-block;
    margin:10px auto;
}  
.customers span b{text-shadow:1px 1px 1px #fff;display:block;font-size:12px;margin-top:10px;font-weight:500;}
.customers img{width:75px;height:75px}
.customers span{cursor:pointer;opacity:0.9;color:#444;}
.customers span:hover{opacity:1;color:#000;}

.jobs span b{font-family:Shabnam;font-weight:normal;color:brown;font-size:20px;}
.jobs span i{color:brown;}
.jobs span li{font-family:Shabnam2;font-weight:normal;margin-right:-10px;}

.jobs span li::before {
	content: "\f104";
	font: normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  color: brown;
  font-size:15px;
  font-weight: bold;
  display: inline-block;
position:relative;
right:-5px;
}

.jobs span{vertical-align:top;background-color:#000;
    background-image: linear-gradient(95deg, rgba(236, 236, 236, 0.03) 0%, rgba(000, 000, 000, 0.03) 17%,rgba(182, 182, 182, 0.03) 47%, rgba(182, 182, 182, 0.03) 63%,rgba(223, 223, 223, 0.03) 63%, rgba(223, 223, 223, 0.03) 81%,rgba(86, 86, 86, 0.03) 81%, rgba(86, 86, 86, 0.03) 89%,rgba(23, 23, 23, 0.03) 89%, rgba(23, 23, 23, 0.03) 10%,rgba(226, 226, 226, 0.03) 90%, rgba(226, 226, 226, 0.03) 100%),linear-gradient(45deg, rgba(52, 52, 52, 0.03) 0%, rgba(52, 52, 52, 0.03) 31%,rgba(246, 246, 246, 0.03) 31%, rgba(246, 246, 246, 0.03) 63%,rgba(188, 188, 188, 0.03) 63%, rgba(188, 188, 188, 0.03) 71%,rgba(15, 15, 15, 0.03) 71%, rgba(15, 15, 15, 0.03) 87%,rgba(127, 127, 127, 0.03) 17%, rgba(127, 127, 127, 0.03) 93%,rgba(234, 234, 234, 0.03) 93%, rgba(234, 234, 234, 0.03) 100%),linear-gradient(10deg, #f1f1f1,#fff);
box-shadow:1px 1px  10px #ccc;
    background-size:cover;
    padding:20px 10px 0 10px;margin:15px;width:22%;display:inline-block;
    border-radius:10px;
}
.jobs p{
    margin:10px auto 60px auto;
}

.resume{
    margin:50px auto 0 auto;
    border:1px solid yellow;
    padding:0;
    width:98%;
    height:auto;
    background-color:#f7941d;
    color:#fff;
    border-radius:10px;
    background-image:url('../images/resume.svg');
    background-position:170% -30px;
    background-size:130% 130%;
        background-repeat:no-repeat;
}

.resume h5{margin-right:15%;font-weight:normal;font-size:25px;position:relative;top:20px;}
.resume p{margin-right:15%;position:relative;top:-10px;}
.contactform{
    font-size:16px;
}

.contactformdetail{
        width:30%;
    max-width:270px;
}

.contactform input{
        font-family:Shabnam2;
    text-align:center;
    display:block;
    width:30%;
    max-width:270px;
    height:50px;
    border:1px solid #f7941d;
    border-radius:10px;
    margin-top:20px;
    opacity:0.7;
    font-size:17px;
}

.contactform input[type=submit]{
        -webkit-appearance: none;
    -moz-appearance: none;
    cursor:pointer;
        font-family:Shabnam2;
    background:#f7941d;
    color:#fff;
    border:1px solid #f7941d;
    opacity:.9;
}

.contactform input[type=submit]:focus,.contactform input[type=submit]:hover{
    transition:all 0.3s ease;
    opacity:1;
    border:1.4px solid #f7941d;
}

.contactform input:focus{
    transition:all 0.3s ease;
    opacity:1;
    border:1.4px solid #f7941d;

}
.contactform textarea{
    font-family:Shabnam2;
    text-align:right;
    padding:10px;
    width:70%;
    height:260px;
    border:1px solid #f7941d;
    border-radius:10px;
    position:relative;
    margin-top:-50px;
    right:10px;
    float:left;
    resize:none;
    opacity:0.7;
        font-size:17px;
}
.contactform textarea:focus{
    	transition:all 0.3s ease;
        border:1.4px solid #f7941d;
        opacity:1;
}



.error{
    margin-top:-30px;
    margin-bottom:25px;
    width:101%;
    padding:7px;
    padding-right:10px;
    text-align:right;
    border:0px;
    border-radius:7px;
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
    font-size:15px;
}

.success{
    margin-top:-30px;
        margin-bottom:25px;
    width:101%;
    border-radius:7px;
    padding:7px;
    padding-right:10px;
    text-align:right;
    border:0px;
    color:#3c763d;
    background-color:#dff0d8;
    border-color:#d6e9c6;
    font-size:15px;
}

@media screen and (max-width:700px) {
    .contactform{text-align:center;}
.contactdetail{
    width:89%;
}

.contactform input{
        margin:20px auto;
            width:90%;
}
.contactform textarea{
    max-width:270px;
    text-align:center;
    padding:10px;
    width:90%;
    height:225px;
    border:1px solid #f7941d;
    border-radius:10px;
    position:relative;
    float:none;
    margin-top:0px;
    right:0px;
    resize:none;
    opacity:0.7;
}
}

@media screen and (max-width:1300px) {
.titr{
padding-top:30px;
}
    .svg2{
    margin-top:-90px;
    margin-bottom:-140px;
    }

}



@media screen and (max-width:920px) {

    .idea{padding-bottom:20px;}
    .titr{
        padding-bottom:40px;
        }

    .copyright{
        text-align:center;
    }
    .english{
        display:none;
    }
        .resume h5{margin-right:5%;font-size:14px;position:relative;top:30px;}
        .resume p{margin-right:5%;font-size:13px;top:10px;}
    .jobs span{
        width:100%;
        margin:20px auto;
    }
    .page{
    padding-top:35px;
    }
    
    
.titt{margin:-75px auto 0 auto;}
    .icons{
    margin:0px auto -210px auto;
    }
    
    .footer{padding:5px 0;}
    .footer div{
        margin:50px auto 50px auto;
        width:100%;
    }

    .icons a{
width:100%;
color:#333;
        margin:15px 0;
    }

    .titt p{width:75%;}
}

@media screen and (max-width:1200px) {
ul.topnav li a{
      padding: 14px 13px;
}

  ul.topnav.responsive {
    position:relative;
    z-index:10001;
    height:auto;margin-top:-20px;
    background:#eee;position: absolute;
}


  ul.topnav.responsive li.icon {
    position: absolute;
    left: 0;
    top: 0;
  }
  ul.topnav.responsive li {
      position:relative;
    z-index:10001;
    float: none;
    display: inline;
    width:100%;
  }

  .icon i{position:relative;}

  ul.topnav.responsive li a {
    display: block;
    text-align: right;
        position:relative;
    z-index:10001;
  }


ul.topnav li a:hover {color:#000;}

ul.topnav li.icon {display: none;}


  ul.topnav li {display: none;}
  ul.topnav li.icon {
    display: inline-block;
position:relative;
top:5px;
  }



ul.topnav li a{
      padding: 14px 13px;
}

  ul.topnav.responsive {
    position:fixed;
    z-index:1002;
    right:0px;
    top:0px;
    padding:91.55px 0 0 0;
    text-align:center;
    height:107%;    background:#fff;
    background-image: repeating-linear-gradient(45deg, hsla(207,0%,63%,0.05) 0px, hsla(207,0%,63%,0.05) 1px,transparent 1px, transparent 11px,hsla(207,0%,63%,0.05) 11px, hsla(207,0%,63%,0.05) 12px,transparent 12px, transparent 32px),repeating-linear-gradient(0deg, hsla(207,0%,63%,0.05) 0px, hsla(207,0%,63%,0.05) 1px,transparent 1px, transparent 11px,hsla(207,0%,63%,0.05) 11px, hsla(207,0%,63%,0.05) 12px,transparent 12px, transparent 32px),repeating-linear-gradient(135deg, hsla(207,0%,63%,0.05) 0px, hsla(207,0%,63%,0.05) 1px,transparent 1px, transparent 11px,hsla(207,0%,63%,0.05) 11px, hsla(207,0%,63%,0.05) 12px,transparent 12px, transparent 32px),repeating-linear-gradient(90deg, hsla(207,0%,63%,0.05) 0px, hsla(207,0%,63%,0.05) 1px,transparent 1px, transparent 11px,hsla(207,0%,63%,0.05) 11px, hsla(207,0%,63%,0.05) 12px,transparent 12px, transparent 32px),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255));
 width:100%;
 border-bottom:12px dotted #f7941d;
  }
  ul.topnav.responsive li.icon {
    width:100%;
    text-align: center;
    position: absolute;
    right: 20px;
    top: 40.55px;
  }
  .menu .active{margin-top:100px;}
  ul.topnav.responsive li i{display:inline-block;}
  ul.topnav.responsive li {width:100%;text-align: center;
      position:relative;
    z-index:10001;
    float: none;
    display: block;
    text-align:right;
  }
  ul.topnav.responsive li a {
    display: inline-block;
    text-align: right;
        position:relative;
    z-index:10001;
  }
  .logo{width:45%;}
  .menu{width:50%;}
  .lang{width:50%; top:35px;}
}  

@media screen and (max-width:820px) {
    .svg2{
        margin-top:-100px;
    }
    .logo{width:45%;}
    .menu{width:50%;}
    .lang{width:50%; top:35px;}
    .titr h2{font-size:23px;}
    .ticon,.titr h1,.titr h2{display:block;width:100%;margin:auto;position:relative;right:0px;top:0px;left:0px;text-align:center;}
    .ticon{width:250px;height:250px;}
        .titr{padding-top:20px;}
        .services{margin-top:180px;}
        .fs{margin-top:0px;}
    .services div{margin:40px auto 50px auto;width:78%;display:block;}
    .ideatext{display:block;width:100%;padding:10px}
    .idea{margin:-170px auto;padding-top:10px;padding-bottom:60px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='400px' width='450px'><text x='35' y='250' fill='#ba6d11' font-size='20'>MihanAfzar</text></svg>")}
    .idea .icon{width:100%;background-size:50% 50%; height:auto;}
    .ideatext p{width:100%;font-size:13px;}
    .ideatext h2{font-size:25px;}
    .services h2{
text-decoration: none;
font-size:17px;
}

.services img{margin:10px auto;display:block;}

}