/*

Theme Name: SehatSanji

Theme URL: http://SehatSanji.ir

Version: 1.0

Author: Ratin

/* 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, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
span, 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;
}
label{display:block;margin-top:-5px;}

* {
    
text-decoration:none;

	-webkit-box-sizing: border-box;
	-moz-box-sizing:border-box;outline: 0;
	box-sizing: border-box;
	-webkit-transition:all 0.0s ease;
	-moz-transition:all 0.0s ease;
	-khtml-transition:all 0.0s ease;
	-o-transition:all 0.0s ease;
	-ms-transition:all 0.0s ease;
	transition:all 0.0s ease;
	
}

:not(input):not(textarea) {
  -webkit-user-select:none;
  -webkit-touch-callout:none
}
::-webkit-scrollbar {
  display:none
}
input:focus::-webkit-input-placeholder {
  color:transparent
}

del{
    display:block;
    color:#666;
    font-size:15px;
position:relative;
height:11px;
top:1px;
right:-5px;
margin-bottom:7px;
  text-decoration: line-through;
}

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:hover{
  cursor: pointer;
}

@font-face {
  font-family: 'Dana';
  src:  url('fonts/iranyekanwebmedium.bae5f862.ttf') format('truetype'); 
}


body{
    font-family: Dana;
    direction:rtl;
    width:100%;
    height: auto;
    margin: 0;
    padding: 0;
    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%;
    position: relative;
}

.icon {
  width: 20px;
  height: 20px;
  background-size: 100% 100%;
  display: inline-block;
  font-size: 20px;
  position: relative;
  top: 6px;
  margin-left: 5px;
}

.i-profile {
  background-image: url('icon/profile.svg');
}

.header{
  width: 100%;
  background-position: center;
  position: relative;
  z-index: 10001;
  height: auto;
  padding: 2% 7% 1.2% 7%;
  color:#fff;
  font-size:16px;
  box-shadow:5px 2px 15px #ccc;
}

.logo{
  padding:5px 10px;
  display: inline-block;
}

.loginbutton{
  display: inline-block;
  background:#fff;
  position: relative;
  float:left;
  left:.1%;
  margin-top:6px;
  padding:1px 10px 5px 10px;
  border-radius: 10px;
  border:1px solid #ddd;
  font-size:13px;
}

.loginbutton a{
  color:#555c62;
  vertical-align: top;
position:relative;
top:5px;
}

.contents{
  width:100%;
  padding:1.5% 8%;
}

.contents h1{
  font-weight: normal;
}



.contents h4{
  font-weight: normal;
  font-size:20px;
  color:#585858;
text-align: right;
  display: block;
  width: 100%;
}

.contents h4::before{
  content: "»";
  font-size: 14px;
  font-size: inherit;
  margin-left:4px;
}

.contents p{
  width: 100%;
  display: block;
  margin:20px 0;
  text-align: right;
}

span{
  width:100%;
  text-align:center;
}

span div{
  width:48%;
  display: inline-table;
  vertical-align: top;
}

span h2{
  color:#000;
text-shadow: 1px 1px 1px #ddd;
}

span h3{
  font-weight: normal;
  color:#555;
  font-size:16px;
  margin-bottom: 50px;
}
span a{
  font-weight: normal;
}

span a{
  border-radius: 5px;
  padding:4px 10px 8px 10px;
  font-size: 15px;
  background: #fff;
  color: #1e3784;
  border:1px solid #1e3784;
  text-align: center;
  vertical-align: middle;
  margin-left:10px;
}

span a::after{
  content: "❱";
  vertical-align: middle;
  margin:1px 5px;
}

span img{
  padding:0 20px;
  width:48%;
  display: inline-table;
  vertical-align: top;
  margin:50px 0;
}

section{
  display: block;
  margin:50px 0;
}

.topcontents{
  background:linear-gradient(323deg, rgba(16,12,117,1) 0%, rgba(77,193,182,1) 100%);
  width:100%;
  padding:1.5% 1%;
  margin:0px auto 100px auto;
overflow: hidden;
box-shadow:1px 1px 1px #fff;

}

.titr{
  width:63%;
  color:#000;
  display: inline-table;
  text-align: right;
  padding-right:7%;
}

.verify{
  display: inline-block;
  padding:10px;
  width:35%;
  height:350px;
  opacity: .8;
  background-image:url('icon/verified.svg');
  background-size:100% 100%;
  background-position: center center;
}



.topcontents h1{
  font-size: 25px;
  font-weight: 400;
  color:#fff;
  text-shadow:1px 1px 1px #585858;
  display: block;
}

.topcontents p{
  width:85%;
  font-size: 15px;
  color:#fff;
  display: inline-block;
}
.topcontents a{margin-top:10px;}

.list{
  display: block;
  width: 50%;
  margin:auto;
  height:100px;
  margin:0 auto 200px auto;
}

.list ul{
  list-style-type: none;
}

.list li::before {
  content: '';
  display: inline-block;
  height: 25px;
  width: 25px;
  background-size: contain;
  background-image: url("icon/verified1.svg");
  margin-left: 5px;
  position:relative;
  top:8px;
  }

.list li{
  text-align: right;
  width:40%;
  margin:5px;
  display: inline-block;
}

.counter{
  width:100%;
  height: 500px;;
  background-image:url('../images/footer.jpg');
  background-size: cover;
}

.footer{
margin-top:-160px;
  background: #1e3784;
  color:#fff;
  padding:3.5% 8% 3.5% 0;
display: grid;
grid-template-columns: auto auto auto auto;
gap:20px;
}

.blog ul,.link ul{
  width:100%;
  padding:0 10px;
  text-align: right;
}

.blog li,.link li{
list-style-type: none;
}

.blog li::before,.link li::before{
content: "»";
  font-size: 14px;
  font-size: inherit;
  margin-left:4px;
}

.link ul li{
  width:45%;
  margin:2px;
  display: block;
}

.blog a,.link a{
  font-size:10px;
color:#fff;
}

.footer b{
  cursor: default;
  font-weight: 900;
  color:#1e3784;
  border-radius: 10px;
  background-color: #fff;
  font-size:15px;
  text-shadow: 1px 1px 1px #eee;
  margin:20px 0;
  padding:1px 5px;
}

.contact{
  text-align: center;
}

.contact a{
  width: 70%;
  margin:auto;
  text-align: center;
  color:#fff;
  padding:5px 10px;
  border-bottom:2px dotted #0f1e49;
  display: block;
  margin-bottom:20px;
}

.copyright{
  width:100%;
  height:auto;
  padding:1% 8%;
  font-size:14px;
  cursor: default;
}

.logo{
  width:250px;
}

@media screen and (max-width: 1200px) {
  .logo{
    width:240px;
  }
  .header{padding:2% 2% 1.2% 2%;}
  .loginbutton{
    left:0px;
  }
  .copyright{
    text-align:center;
    padding:2% 1%;
    font-size:12px;
  }
.titr,.verify,.list{
    width:100%;
  }
  .topcontents{
    padding:10px 1%;
  }
  .verify{background-size:100% 100%;background-repeat: no-repeat;height:100px}
  .list{text-align: center;}
.list li{width:80%;text-align: right;display: block;}
section p,section img{
    width:100%;
    display: block;
  }

  span img{
    width:100%;
    display: block;
  }

span div{
    width:100%;
    display:block;
  }

  .footer{
      padding:3.5% 8% 3.5% 0;
    display: grid;
    grid-template-columns: auto;
    gap:20px;
    }
}