@font-face {
font-family: Vazirmatn;
font-style: normal;
font-weight: normal;
src: url('../font/Vazirmatn-Light.woff2') format('woff2');
}
@font-face {
	font-family: VazirmatnB;
	font-style: normal;
	font-weight: bold;
	src: url('../font/Vazirmatn-Bold.woff2') format('woff2');
}
@font-face {
	font-family: Iransans;
	font-style: normal;
	font-weight: normal;
	src: url('../font/IRANSans-web.woff') format('woff');
}
@font-face {
	font-family: Iransans-Bold;
	font-style: normal;
	font-weight: bold;
	src: url('../font/IRAN Sans Bold.woff2') format('woff2');
}
@import url(//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);a:link{text-decoration:none}

.notsupported {
position:fixed;
display:none;
z-index:100000;
left:0;
top:0;
width:100%;
height:100%;
background-color:#3490dc;
color:#fff;
text-align:center;
vertical-align:middle;
padding-top:5%;
direction:ltr;
}
.notsupported a {
color:#fff !important;
text-decoration:underline;
}
.notsupported p {
text-align:center;
}
#_loading[hidden]:after {
animation-play-state:paused !important;
}
#_progress {
position:fixed;
z-index:1002;
top:0;
left:0;
right:0;
height:1px;
background-color:rgba(255,0,0,.6);
max-width:100%;
width:0;
transition:width .1s ease;
}
*:lang(en){text-align: left;direction:ltr}
*:lang(fa,ar,ur,he){direction:rtl}
[translate][lang]{display:none}
html:lang(fa) [translate][lang="fa"],
html:lang(en) [translate][lang="en"],
html:lang(ar) [translate][lang="ar"]{display:inherit}
main{
	font-family: Iransans;
	scroll-behavior: smooth;

}
.scrollable-element {
	scrollbar-width: thin;
  }
.master{
	/* max-width: 1370px; */
	width: 100%;
	/* padding-right: 15px;
	padding-left: 15px; */
	margin-right: auto;
	margin-left: auto;
}
body {
font-family: Iransans;
scroll-behavior: smooth;
padding: 0;
margin: 0;
}
::-webkit-scrollbar {
	width: 5px;
}
  /* Track */
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px grey; 
	border-radius: 10px;
}
  /* Handle */
::-webkit-scrollbar-thumb {
	background: rgb(78, 78, 78); 
	border-radius: 10px;
}
#_logo{
display: inline-block;
image-rendering: auto;
width: 56%;
}
[id] {
	scroll-margin-top: 100px;
}
.center {
text-align: center;
}
.vn-red a{
	width: 90%;
	background-color: #e74c3c;
	display: inline-block;
	position: relative;
	text-align: center;
	margin: 30px 5px;
	padding: 20px 20px 20px 80px;
	color: #fff;
	transition: all 0.4s ease;
	border-radius: 3px;
  }
  .vn-red a:before{
	content:"\f019";
	font-family:fontAwesome;
	position:absolute;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	font-size:28px;
	border-radius:0 20px 0 0;
	color:#000;
	background-color:#fff;
	opacity:0.3;
	padding:20px;
	top:0;
	left:0;
  }
  .vn-red a:hover{ 
	background:rgb(255, 86, 86);
  }
nav {
width: 80%;
margin: 0 auto;
background: #fff;
padding: 30px 0;

}
.circle{
	display: grid;
	grid-template-columns: 30% 70%;	
}
nav ul {
list-style: none;
text-align: center;
position: relative;
top: 14%;
}
nav ul li {
display: inline-block;
}
nav ul li a {
width: fit-content;
display: block;
text-decoration: none;
color: #20426d;
font-weight: 800;
text-transform: uppercase;
margin: 0 10px;
}
nav ul li a,
nav ul li a:after,
nav ul li a:before {
transition: all .5s;
}
nav.circle ul li a {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
nav.circle ul li a:after {
display: block;
position: absolute;
margin: 0;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '.';
color: transparent;
width: 1px;
height: 1px;
border-radius: 50%;
background: transparent;
}
nav.circle ul li a:hover:after {
	animation: circle 1.5s ease-in forwards;
}
nav.shift ul li a:hover {	color: #91640F;
}
nav.shift ul li a:hover:after {
	opacity: 1;
	visibility: visible;
	height: 100%;
}
.container {
	display: flex;
	gap: 5px;
	width: 100%;
	height:10%;
	top:10%;
	flex-direction: row;
	justify-content: flex-end;
	width: 80%;
	margin: 0px auto;
	margin-top: 5rem;
}
.customertxt{
	text-align: center;
	margin-bottom: 3rem;
	margin-top: 3rem;
	font-family: VazirmatnB;
	font-size: 30px;
}
.child{
	flex:1;
	padding:1rem;
	text-align: center;
}
.bg_color {
	padding: 8%;
	background-color: #d1d1d1;
	backdrop-filter: blur(30px);
	padding-left: 14%;
}
.service{
	padding-bottom: 3%;
	background-image: linear-gradient(180deg, #eee, transparent);
}
.card>i{
	font-size: 40px;
	color: #334455;
	cursor: pointer;
}
.card>i:before{
	transform: translateX(-50%);
}
.client{
	flex-direction: row;
	flex-wrap: wrap;
	min-height: 100%;
	max-width: 100%;
	display: flex;
}
.simbol{
	flex: 0 0 16.66666667%;
	display: flex;
	background-clip: padding-box;
	line-height: 1.6;
}
.fhs{
	background: linear-gradient(to bottom,#288ed9 0,#106fb6 50%,#004c84 100%);
}
.hard_soft{
width: 100%;
margin: 0px 0;
min-height: 33rem;
height:60rem;
display:grid;
grid-template-columns: 50% 50%;
box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.25);
margin-right: auto;
margin-left: auto;
background-image: url(../img/world.svg);
background-repeat: no-repeat;
background-position-x: center;
}

.maincontainer{
	margin-right: auto;
	margin-left: auto;
	width: 90%;
	flex-wrap: nowrap;
	height: 100%;
	font-family: Iransans;
}
.containerC {
	display: flex;
	gap: 5px;
	width: 100%;
	height:100%;
	flex-direction: column;
	justify-content: flex-end;
}
.containerC>.child>i{
font-size: 24px;
color: #C7A624;
display: inline;
position: relative;
float: left;
}

#Nfooterc{
	margin: 0px 0;
	height: auto;
	width: 100%;
	display:grid;
	grid-template-columns: 30% 30% 40%;
	background-color:#34495e;
	margin-right: auto;
	margin-left: auto;
	box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.25);
}
#Nfooterc>div{
border-color:rgba(204, 235, 245, 0.1)
}
.contact{
	position: relative;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 0;
	text-align: left;
	letter-spacing: 0.219266px;
	color: #EDEDED;
	width: 100%;
	display: grid;
	grid-template-columns: 53% 33%;
}
.contact>p{
	display: inline;
	color: #fff;
	float: left;
	direction: rtl;
	position: relative;
}
.contact02>p{
	display: inline;
	color: #fff;
	float: left;
	direction: rtl;
	position: relative;
}

.containerC >i{
	font-size:155px;
	position: relative;
	bottom: 70%;
	right: 40%;
}
#price {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	gap: 50px;
	padding: 0 5px;
	margin-top: 20px;
}
.plan {
	display: inline-block;
	width: 25%;
	font-family: Iransans;
	box-shadow: 0 6px 50px rgb(0 0 0 / 5%);
}
.plan-inner {
	background: #fff;
	margin: 0 auto;
	min-width: 280px;
	max-width: 100%;
	position: relative;
}
.entry-title {
	background: #53cfe9;
	height: 140px;
	position: relative;
	text-align: center;
	color: #fff;
	margin-bottom: 30px;
}
.entry-title > h3 {
	background: #20bada;
	font-size: 20px;
	padding: 5px 0;
	text-transform: uppercase;
	font-weight: 700;
	margin: 0;
}
.entry-title .price {
	position: absolute;
	bottom: -25px;
	background: #20bada;
	height: 95px;
	width: 95px;
	margin: 0 auto;
	left: 0;
	right: 0;
	overflow: hidden;
	border-radius: 50px;
	border: 5px solid #fff;
	line-height: 80px;
	font-size: 28px;
	font-weight: 700;
}
.price span {
	position: absolute;
	font-size: 12px;
	bottom: -15px;
	left: 8px;
	font-weight: 400;
}
.entry-content {
	color: #323232;
	margin-top: 1.5rem;
	color: #323232;
	padding-top: 2rem;
	padding-bottom: 2rem;
	/* background-color: #f1f1f1; */
	background-image: linear-gradient(0deg, #e9e9e9, transparent);
}
.main_hardware,.main_software {
	background-color: #e9ecf1;
}
.main_hardware {
	display: flex;
	border-radius: 10px;
	width: 100%;
	gap: 20px;
	padding: 20px;
	justify-content: space-evenly;
	flex-direction: row;
}
.main_software{
	display: flex;
	border-radius: 10px;
	width: 33.9%;
	padding: 20px;
	justify-content: space-evenly;
	flex-direction: row;
}
.pr{
	margin-bottom:10rem;
}
.entry-content ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
.entry-content li {
	border-bottom: 1px solid #e5e5e5;
	padding: 10px 0;
}
.entry-content li:last-child {
	border: none;
}
.catalog{
--color: #560bad;
font-family: inherit;
display: inline-block;
width: 8em;
height: 2.6em;
line-height: 2.5em;
margin-top: 5px;
position: relative;
overflow: hidden;
border: 2px solid var(--color);
transition: color .5s;
z-index: 1;
font-size: 17px;
border-radius: 6px;
font-weight: 500;
color: var(--color);
width: 100%;
cursor: pointer;
}
.catalog:before {
	content: "";
	position: absolute;
	z-index: -1;
	background: var(--color);
	height: 100px;
	width: 680px;
	border-radius: 50%;
}

.catalog:hover {
	color: #FFF;
}

.catalog:before {
	top: 100%;
	left: 100%;
	transition: all .7s;
}
.catalog:hover:before {
	top: -30px;
	left: -30px;
}

.catalog:active:before {
	background: #3a0ca3;
	transition: background 0s;
}



.btn {
	padding: 3em 0;
	text-align: center;
width: 100%;
}
.btn a {
	background: #e9e9e9;
	padding: 12px 157px;
	color: #4f6175;
	text-transform: uppercase;
	font-weight: 700;
	text-decoration: none;
}
.btnp a {
	padding: 8px 30px;
}
.hot {
	position: absolute;
	top: -7px;
	background: #f80;
	color: #fff;
	text-transform: uppercase;
	z-index: 2;
	padding: 2px 5px;
	font-size: 9px;
	border-radius: 2px;
	right: 10px;
	font-weight: 700;
}
.basic .entry-title {
	background: #75ddd9;
}

.basic .entry-title > h3 {	background: #44cbc6;
}

.basic .price {	background: #44cbc6;
}

.standard .entry-title {	background: #4484c1;
}

.standard .entry-title > h3 {	background: #3772aa;
}

.standard .price {	background: #3772aa;
}

.ultimite .entry-title > h3 {	background: #dd4b5e;
}

.ultimite .entry-title {	background: #f75c70;
}

.ultimite .price {	background: #dd4b5e;
}
#contact-info-section{
	color: var(--primary-light);
	padding: 5% 2% 0;
	font-family: Iransans;
	background-color: rgb(235 235 235 / 10%);
	background-image: url("../img/3538533.jpg");
	margin-right: 9%;
	margin-bottom: 10%;
}
#contact-info-section .contact-layout svg {
	fill: none;
	stroke: #949391;
	stroke-miterlimit: 10;
	stroke-width: .75px;
	width: 30px;
	height: 30px;
	
}
.contact-layout {
	display: grid;
	grid-template-columns: 3rem 6rem 1fr;
	align-items: center;
}
.contact-layout h4{
	font-weight: 700;
	line-height: 1.5;
}
.contact-layout span{
	color: var(--primary);
}
.col-xs-12{
	padding: 2% ;
	color: #fff;
	padding-left: 21%;
}
.col-xs-13{
	padding: 2% ;
	color: #fff;
}
.btn {
	background-color: #ebebeb;
	line-height: 31px !important;
	padding: 5px 0px !important;
	border: 0;
	border-radius: 2px;
	transition: .2s ease-out;
}
.btnDis{
	background: #e9e9e9;
	padding: 10px 30px;
	color: #4f6175;
	text-transform: uppercase;
	font-weight: 700;
	text-decoration: none;
	font-family: Iransans;

}
.call-to-action.small a {
	background-color: #ffffff;
	width: 188px;
	color: #694f03;
	margin-top: 24px;
}
.left{
	text-align: center;
	width: 33.33%;
	display: inline-block;
}
.right{
	width: 66.66%;
	float: right;
}
.containerfoot{
	padding: 15px !important;
	background: #03a9f4;
	text-align: right;
	color: white;
	height:7rem;
}
.view {
	position: relative;
}
.plane {
	width: 120px;
	height: 120px;
	transform-style: preserve-3d;
  }
  .plane.main {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	transform: rotateX(60deg) rotateZ(-30deg);
	animation: rotate 20s infinite linear;
  }
  .plane.main .circle {
	width: 120px;
	height: 120px;
	position: absolute;
	transform-style: preserve-3d;
	border-radius: 100%;
	box-sizing: border-box;
	box-shadow: 0 0 60px #bfc8d3, inset 0 0 60px #fff;
  }
.plane.main .circle::before, .plane.main .circle::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 10%;
	height: 10%;
	border-radius: 100%;
	background: var(--secondary-color,#000);
	box-sizing: border-box;
	box-shadow: 0 0 60px 2px var(--secondary-color,#000);
}
.plane.main .circle::before {
	transform: translateZ(-90px);
}
.plane.main .circle::after {
	transform: translateZ(90px);
}
.plane.main .circle:nth-child(1) {
	transform: rotateZ(72deg) rotateX(63.435deg);
}
.plane.main .circle:nth-child(2) {
	transform: rotateZ(144deg) rotateX(63.435deg);
}
.plane.main .circle:nth-child(3) {
	transform: rotateZ(216deg) rotateX(63.435deg);
}
.plane.main .circle:nth-child(4) {
	transform: rotateZ(288deg) rotateX(63.435deg);
}
.plane.main .circle:nth-child(5) {
	transform: rotateZ(360deg) rotateX(63.435deg);
  }
  .price_discript{
	display:grid;
	grid-template-columns: 30% 70%;
	margin-right: auto;
	margin-left: auto;
	background-color:var(--primary-color);

  }
  .product_discript{
	display:grid;
	grid-template-columns: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: var(--primary-color);
	margin-bottom: 10%;
}
:root {
	--primary-color:#1f426b;
	--header-font-color:rgb(62, 118, 205);
	--font-color:rgb(58, 91, 153);
	--bg-box-color:rgb(241, 244, 249);
	--border-line-color:rgb(220, 224, 239);
	--secondary-color:#fff;
	--footer-font-color:#e2e4e7;
}
.cus {
	height: 100vh;
	width: 100vw;
	display: box;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	font-size: 16px;
	font-family: 'proxima nova', 'open sans', 'Helvetica', sans-serif;
  }
  
  
  .foot {
	display: flex;
	background: #fff;
	justify-content: flex-end;
	align-items: flex-end;
	min-height: 15vh;
  }
  
  .footer {
	position: relative;
	background: #3586ff;
	min-height: 100px;
	align-items: center;
	flex-direction: column;
	
  }
  .logo {
	width:50px;
	fill:white;
	padding-right:15px;
	display:inline-block;
	vertical-align: middle;
  }
  
  .inner-header {
	height:5vh;
	width:100%;
	margin: 0;
	padding: 0;
  }
  
  .flex {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
  }
  
.waves {
	position:relative;
	width: 100%;
	height:15vh;
	margin-bottom:-7px; /*Fix for safari gap*/
	min-height:100px;
	max-height:150px;
}
  /* Animation */
.social-icon,
.menu {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 10px 0;
	flex-wrap: wrap;
}
.social-icon__item,
.menu__item {
	list-style: none;
}
.social-icon__link {
	font-size: 2rem;
	color: #fff;
	margin: 0 10px;
	display: inline-block;
	transition: 0.5s;
}
.social-icon__link:hover {
	transform: translateY(-10px);
}

.menu__link {
	font-size: 1.2rem;
	color: #fff;
	margin: 0 10px;
	display: inline-block;
	transition: 0.5s;
	text-decoration: none;
	opacity: 0.75;
	font-weight: 300;
}
.menu__link:hover {
	opacity: 1;
}
.footer p {
	color: #fff;
	margin: 55px 0 10px 0;
	font-size: 1rem;
	font-weight: 300;
	text-align: center;
}
button{
	font-family: Iransans;
}
.buy a{
	background: none;
	color: #fff;
	padding: 0;
}

.burger-wrapper {
	cursor: pointer;
}
#meny {
	background: #fff;
	width: 50rem;
	height: 100vh;
	position: fixed;
	right: 0;
	transform: translateX(50rem);
	top: 0;
	z-index: 101;
	transition: 0.5s;
	box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.25);

}
#menyAvPaa {
	display: none;
  }
  
  #menyAvPaa:checked ~ #meny {
	  transform: translateX(0rem);
  }
  #meny>li {
	border-top: 1px solid rgb(226, 224, 245);
	height: 3rem;
	text-align: right;
	padding-top: 4%;
}
#burger {
	position: fixed;
	cursor: pointer;
	width: 2rem;
	height: 3.5%;
	right: 1rem;
	top: 1rem;
	display: none;
	justify-content: space-between;
	flex-direction: column;
}
#burger > div {
	height: 5px;
	background-color: #20426d;
	transition: 0.5s;
	z-index: 999;
}

#menyAvPaa:checked ~ #burger > div {
	background-color: #20426d;
}
#menyAvPaa:checked ~ #burger > div:nth-child(1) {
	transform: translateY(15px) rotate(45deg);
}
#menyAvPaa:checked ~ #burger > div:nth-child(2) {
	opacity: 0;
}
#menyAvPaa:checked ~ #burger > div:nth-child(3) {
	transform: translateY(-15px) rotate(-45deg);
}
.hard>.maincontainer>.containerC>#_logo{
	position: relative;
	bottom: 77%;
	width: 330px;
	height: 200px;
	background-color: transparent;
	align-self: center;
	object-fit: contain;
}
.hardsale{
	display: grid;
	grid-template-columns: 69% 30%;
}
.solution-h{
	display: grid;
	grid-template-columns: 40% 59%;
	gap: 0 1px;
	margin: 0 5px;
}
.solution-p1>img{
	width: 100%;
	aspect-ratio: 3/2;
}
.hardsale>div:nth-child(2){
	position: relative;
	padding-right: 14%;
}
.hardsale>div:nth-child(2)>h1:nth-child(1){
	font-family: VazirmatnB;
	font-size: 19px;
	padding-bottom: 10%;
	padding-top: 5%;
}
.hardsale>div:nth-child(2)>h3{
	font-family: Iransans;
	padding-bottom: 5%;
}
.hardsale>div:nth-child(2)>p:nth-child(3){
	font-family: Iransans;
	font-size: 15px;
	padding-bottom: 15%;
}
.plan-inner>.card{
	width: 350px;
	height: 340px;
	background-color: transparent;
	align-self: center;
	object-fit: contain
}
.plan-inner>.card>#_logo{
	object-fit: contain;
	width: 70%;
	height: 100%;
	filter: none;
}
._003{
	background-size: cover;
	background-blend-mode: soft-light;
}
.soft>.maincontainer>.containerC>#_logo{
	position: relative;
	bottom: 77%;
	width: 330px;
	height: 200px;
	background-color: transparent;
	align-self: center;
	object-fit: contain;
}
.child >.card>img{
	width: 100px;
}
.Specifications{}
.whyC{
	margin-bottom: -3rem;
}


#_hardimg{
	display: inline-block;
	image-rendering: auto;
	width: 50%;
	margin-right: 25%;
	filter: contrast(0.5);
}
#_hardimg ~ p{
	text-align: center;
	font-size: 30px;
}
.tabs {
	position: relative;
}
.tabs > input,
.tabs > span {
	border-radius: 10px;
	width: 15%;
	height: 33px;
	line-height: 33px;
	position: absolute;
	top: 0;
}
.tabs > input {
	cursor: pointer;
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	z-index: 99;
}
.tabs > span {
	color: #1f4268;
	text-align: center;
	overflow: hidden;
	border-left: 1px solid #e7e2e2;
}
/* .tabs > span i,
.tabs > span {
	transition: all .5s;
} */
.tabs > input:hover + span {
	background: rgba(255,255,255,.1);
}
.tabs > input:checked + span {
	background: rgb(221, 236, 255);
	border-bottom: 3px solid cornflowerblue;
}
.tabs > input:checked + span{
	color: #6495ed;
}
#tab-1, #tab-1 + span {
	left: 0;
}
#tab-2, #tab-2 + span {
	left: 20%;
}
#tab-3, #tab-3 + span {
	left: 60.6%;
}
#tab-4, #tab-4 + span {
	left: 75.6%;
}
#tab-5, #tab-5 + span {
	left: 90.6%;
}
.tab-content {
	padding: 80px 20px 20px;
	min-height: 340px;
}
.tab-content section {
	width: 100%;
	display: none;
	min-height: 55vh;
}
.tab-content section h1 {
	margin-top: 15px;
	font-size: 100px;
	font-weight: 100;
	text-align: center;
}
#tab-1:checked ~ .tab-content #tab-item-1  {
	display: block;
}
#tab-2:checked ~ .tab-content #tab-item-2  {
	display: block;
}
#tab-3:checked ~ .tab-content #tab-item-3  {
	display: block;
}
#tab-4:checked ~ .tab-content #tab-item-4  {
	display: block;
}
#tab-5:checked ~ .tab-content #tab-item-5  {
	display: block;
}
.effect-1 > input:checked + span {
	background: #fff;
}
.effect-2 span i{
	padding-right: 15px;
}
html {
	box-sizing: border-box;
	height: 100%;
	scroll-behavior: smooth;
  }
  *,
  *::before,
  *::after {
	box-sizing: inherit;
	margin: 0;
	padding: 0;
  }
  .containerS {
	display: grid;
	/* justify-content: flex-start; */
	grid-template-columns: 30% 70%;
	margin-right: 3rem;
  }
  
  .thumbnails {
	display: flex;
	flex-direction: column;
	line-height: 0;
  }
  .thumbnails li {
	flex: auto;
  }
  .thumbnails a {
	display: block;
  }
  .thumbnails img {
	width: 30vmin;
	height: 20vmin;
	object-fit: scale-down;
	object-position: top;
  }
.buy{
	display: inline-block;
	outline: none;
	cursor: pointer;
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
	border-radius: 8px;
	padding: 14px 24px;
	border: none;
	transition: box-shadow 0.2s ease 0s, -ms-transform 0.1s ease 0s, -webkit-transform 0.1s ease 0s, transform 0.1s ease 0s;
	background: linear-gradient(to right, rgb(230, 30, 77) 0%, rgb(227, 28, 95) 50%, rgb(215, 4, 102) 100%);
	color: #fff;
	width: 100%;
}
.dis{
	font-family: Iransans;
}
.slidesS {
	overflow: hidden;
	width: 24%;
	height: 100vmin;
  }
  .slidesS li {
	width: 23%;
	height: 100vmin;
	position: absolute;
	z-index: 1;
	margin-right: .5%;
  }
  .slidesS img {
	height: 100vmin;
	width:100%;
	object-fit: contain;
	object-position: center;
	background-color: #fff;
  }
  .slidesS li:target {
	z-index: 3;
	animation: slide 1s 1;
  }
  
  .slidesS li:not(:target) {
	animation: hidden 1s 1;
  }
  .num{
	direction: ltr;
  }
  .products{
	padding: 20px;
	padding-top: 20px;
	text-align: center;
  }
  
  .products .product {
	position: relative;
	overflow: hidden;
	width: 300px;
	height: 380px;
	text-align: left;
	display: inline-block;
	background-color: rgba(0,0,0,0.1);
	border: 1px solid rgba(0,0,0,0.1);
	margin: 10px;
	margin-top: 30px;
	padding: 20px;
}
.products .product img {
	position: relative;
	top: -5px;
	margin: auto;
	transition: all .2s ease;
	width: 100%;
	clip-path: polygon(0 100%, 0 0, 100% 0, 100% 70%);
  }
  .products .product img:hover {
	clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%);
	transform: scale(1.2);
}
.products .product h1 {
	line-height: 20px;
	font-size: 20px;
	margin-top: 15px;
  }
	
  .products .product .price {
	text-align: center;
	font-size: 20px;
	margin-top: 25px;
	color: rgb(255, 255, 255);
	background: #1f426b;
	border: 1px solid blue;
	border-radius: 10px;
	padding: 10px;
  }
  #prices {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	gap: 50px;
	padding: 0 5px;
}
.card02{
	aspect-ratio: 3 / 2;
	width: 33.3%;
	overflow: hidden;
	transition: all 0.3s ease;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background-color: transparent;
	text-decoration: none;
}
a:visited{
	color:#323232;
}
.no-background-color{
	background-color:unset
}
.card02:hover{}

.card02 .img{
	width: 100%;
	background-size: cover;
	background-position: center;
	aspect-ratio:2 / 1;
	border-radius: 10px;
	object-fit: cover;
	border: 1px solid #eceef1;
}
.card02 .cont{
	width: 100%;
	height: 25%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	text-align: center;
}

.card02 .cont a{
	text-decoration: none;
}
.main-title>h2>p{
	font-size: 24px;
	color: var(--font-color);
}
.lefter{
	text-align: left;
    direction: ltr;
}
header.main-title {
	position: relative;
	height: unset;
	width: 90%;
	margin: auto;
}
h2, html[lang=fa] body h2 {
	font: 100 30px/30px IRANSans;
}
header.main-title h2, header.block_title > label {
	color: transparent;
	padding-left: 10px;
	position: relative;
	z-index: 9;
	display: inline-block;
	margin: 0;
	background: #fff;
}
.main-border {
	width: 100px;
	background-color: #fff;
	font-size: 14px;
	padding: 5px;
	z-index: 16;
	position: absolute;
	top: 0;
	left: 5%;
	height: 20px;
}
header.main-title:after {
	content: '';
	background: var(--border-line-color);
	width: 100%;
	height: 2px;
	position: absolute;
	display: block;
	font-weight: bold;
	right: 0;
	top: calc(50% - 1px);
}
.card02 .cont button{
	display: flex;
	align-items: center;
	padding: 8px 90px;
	border-radius: 5px;
	border: none;
	background: #3d3b44;
	color: white;
	text-transform: uppercase;
	font-weight: 600;
	transition:all 0.3s ease; 
}
.sol_slider{
	background-color: #ebeaea;
	padding: 25px 0px;
}
.card02 .cont button i{
	margin-left: 8px;
}
.pc{display: contents}
.pc-v{display: contents}
.mobile{display: none !important}
.mobile-v{display: none !important}
.card02 .cont button:hover{
	cursor: pointer;
	background: #666468;
}
.my-paragraph {
	font-size: 15.5px;
	font-family: 'VazirmatnB';
}
table {
	font-family: Iransans;
	border-collapse: collapse;
	width: 100%;
  }
  
  td, th {
	border-top: 1px solid #eee;
	text-align: right;
	padding: 15px;
	font-size: 18px;
  }
  

  tr:nth-child(even) {
	background-color: #fbfbfb;
  }
  tr:hover{
	background-color: #fafafa;
  }
  .sol-dis{
	/* background: linear-gradient(90deg,#105151,#256f6e 0,#001215 86%); */
	background-color: var(--bg-box-color);
	padding: 40px;
	padding-top: 20px;
	width: 90%;
	border-radius: 10px;
	margin: auto;
	margin-top: 50px;
	border: 2px solid var(--border-line-color);
  }
  :is(.sol-dis) p{
	--tw-text-opacity: 1;
	color: var(--font-color);
	font-size: 14px;
	/* color: rgb(191 238 238/var(--tw-text-opacity)); */
}
.sol_point{
	--tw-text-opacity: 1;
	color: var(--font-color);
	font-size: 14px;
	margin: 1%;
}
.sol-dis-title2, .sol-dis-title{
	color: var(--header-font-color) !important;
	font-size: 18px !important;
}
  .sol-dis-title {
	font-size: x-large;
	margin-bottom: 2%;
	text-align: center;
}
  .sol-dis-title2{
	font-size: large;
	margin: 1% 1% 0 0;
}
  .sol-dis-title2+p{
	padding: 0 2% 1% 0;
}
  .download_logo{
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
}
  .download_logo .maincontainer {
	width: 50%;
}
  .download_logo .maincontainer #catalog{
	width: 50%;
	/* background:url('../img/ibmlogo.webp') no-repeat center center/cover; */
	/* background-color: #cccccc; */
  }
  #catalog{
	background: unset;
	width: 30%;
	margin: auto;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
  }
  .cont p{
	color: #323232;
	font-size: 20px;
  }
  #svg_dow{
	padding-bottom: 25px;
	width: 60px;
	fill: rgb(58 91 153);
  }
  #catalog p{
	color: var(--font-color);
  }
  @keyframes animateWaves {
	0% {
	  background-position-x: 1000px;
	}
	100% {
	  background-positon-x: 0px;
	}
  }
  
  @keyframes animate {
	0% {
	  background-position-x: -1000px;
	}
	100% {
	  background-positon-x: 0px;
	}
  }
  @keyframes rotate {
	0% {
	  transform: rotateX(0) rotateY(0) rotateZ(0);
	}
	100% {
	  transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg);
	}
  }
@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}
@keyframes slide {
	0% {
	transform: translateY(-100%);
	}
	100% {
	transform: translateY(0%);
	}
}
@keyframes hidden {
	0% {
	  z-index: 2;
	}
	100% {
	  z-index: 2;
	}
}
@keyframes move-forever {
	0% {
	transform: translate3d(-90px,0,0);
	}
	100% {
	transform: translate3d(85px,0,0);
	}
}
@media (max-width: 1334px) {
	nav.circle ul li a {font-size: 10px}
}
@media (max-width: 1348px) {
	.pc-v{display: none !important}
	.mobile-v{display: block !important}
}
@media (max-width: 991.98px) {
	.pc{display: none !important}
	.mobile{display: block !important}
	.effect-2 span span {display: none;}
	.effect-2 span i {padding: 0;}
	.main_hardware {
		flex-direction: column;
	}
	.main_software {
		width: 100%;
		margin: auto;
	}
	.maincontainer {
		width: 95%;
	}
	h1 {
		font-size:24px;
	}
	.waves {
		height:40px;
		min-height:40px;
	}
	.basic>.plan-inner>.btn a {
		padding: 12px 122px;
	}
	#contact-info-section{
		background-image: none;
		padding: 28% 2%;
	}
	.price_discript {
		display: grid;
		grid-template-columns: none;
		grid-template-rows: 30% 70%;
	}
	.hardsale{
		grid-template-columns: none;
		grid-template-rows:45% 55%;
	}
	.hardsale>div:nth-child(2) {
		padding: 2%;
	}
	.Specifications {
		margin: 0;
	}
	.col-xs-12 {
		padding-top: 17%;
		padding-left: 10%;
		padding-bottom: 70%;
	}
	.plane.main{
		top:77px
	}
	.hamburger-menu{
		display: inline-block;
	}
	nav ul li {
		display: contents;
	}
	nav ul {
		top: 0;
	}
	nav,.circle {
		grid-template-columns: none;
	}
	#burger {
		display: flex;
	}
	#meny {
		width: 70%;
	}
	.footer-center p {
		max-width: 68%;
	}
	.footer-center p {
		max-width: 17%;
	}
	#_logoFoot {
		width: 80%;
	}
	.hard_soft{
		grid-template-columns: none;
		grid-template-rows:50% 50%;
	}
	.plan{
		margin: 25px;
		max-width: 17rem;
		width: unset;
	}
	._003>#_logo {
		bottom: 0px;
		left: 40px;
	}
	.tab-content section h1 {
		font-size:25px;
	}
	.customertxt {
		font-size: 35px;
	}
	.col-xs-13>ul>li{
		height:auto;
	}
	#_logo {
		position: relative;
		bottom: 44px;
	}
	#burger {
		right: 85%;
	}
	#prices {
		flex-direction: column;
		gap: 20px;
	}
	#price {
		flex-direction: column;
		gap: 20px;
	}
	.card02{
		width:100%;
		margin-top: 2rem;
		margin: auto;
	}
	#catalog {
		height: 15rem;
		width: 100%;
	}
	.download_logo{
		flex-direction: column;
	}
	.download_logo .maincontainer {
		width: 100%;
	}
	.download_logo .maincontainer #catalog {
		width: 100%;
	}
	.tabs > input,
	.tabs > span {
		width: 30%;
	}
	#tab-3, #tab-3 + span {
		left: 0.6%;
	}
	#tab-4, #tab-4 + span {
		left: 33.6%;
	}
	#tab-5, #tab-5 + span {
		left: 60.6%;
	}
	td, th {
		font-size: 12px;
	}
	.main-title>h2>p {
		font-size: 16px
	}
}