html, body {
    padding:0;
    margin:0;
	font-family: 'IRANSans';
}
.element{
	direction: rtl;
  }
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 100;
	src: url(./IRANSansWeb.woff);
	@import url('./IRANSansWeb.woff') format('Woff');

}
@import url('./IRANSansWeb.woff');
header {
	font-family: 'IRANSans';
}
.navbar-brand {
	font-family: 'IRANSans';
}
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}
@media only screen and (max-width: 1026px) {
    .social  {
        display: none;
    }
	.v1 {
		display: none;
	}
}
/* for desktop  */
@media all and (min-width: 1100px) and (max-width:1405px) {

}
	/* carousel height  */
.mainCarouselInner .mainCarousel {
	height: 420px;
  }
.mainCarousel img {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 420px;
}
/* for tablets  */
@media only screen and (min-width: 600px) {
	.impact {
		display: flex;
		justify-content: end;
		padding: 10px;
	}
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 768px) {
	.mainCarouselInner .mainCarousel {
		height: 145px;
	  }
	.mainCarousel img {
		position: absolute;
		top: 0;
		left: 0;
		min-height: 145px;
	}
	.flex-container {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 10px;
	}
	.impact {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.jumb {
		text-align: center;
	}
	.aboutPic {
		height: 15vh !important;
	}
	.carolText {
		display: block !important; 
	}
	.dispLg {
		display: none;
	}
	.dispSm {
		display: block !important;
		text-decoration: none;
	}
}
.dispSm {
	display: none;
}

/* .nav-link {
    color: #485785;
} */
/* body{
	background-image: url('https://picsum.photos/id/264/1405');
} */
nav {
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
  }

.v1{
	border-right: 3px solid #43CC29;
	height: 40px;
}
.nav-link:hover {
	color: #43CC29;
}
.active {
	color: #43CC29 !important;
}
.dropdown-menu :hover {
	color: #43CC29;
}.op :hover{
	opacity: 0.75;
	text-decoration: none;
}
hr.new1 {
	border-top: 3px solid #43CC29;
}

/* icon animation start */
.animated-icon1 {
width: 30px;
height: 20px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.animated-icon1 span {
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.animated-icon1 span {
background: #43CC29;
}

.animated-icon1 span:nth-child(1) {
top: 0px;
}

.animated-icon1 span:nth-child(2) {
top: 10px;
}

.animated-icon1 span:nth-child(3) {
top: 20px;
}

.animated-icon1.open span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
}

.animated-icon1.open span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
/* icon animation end  */
.wrapper{
	/* background: #008374; */
	background: rgba(0, 131, 116, 0.1);
	backdrop-filter: blur(10px);
	z-index: 1000;
	/* width: 100vw; */
  }
  .impact {
	background-color: #008374;
	width: 100%;
	height: 60vh;
  }
.flex-container {
	display: flex;
	align-items: center;
	font-family: 'IRANSans';
	color: white;
	/* background-color: #00796B; */
	background-color: rgba(0, 121, 107, 0.75);
	width: 100%;
	height: 35px;
	padding: 20px;
}
.mail {
	font-family: opensans;	
	color: white;
	text-decoration: none;
}
.ico {
	padding-left: 5px;
}
/* card carousel products start  */
#myCarousel {
	margin-top: 50px;
  }
  
  @media (max-width: 768px) {
	.carousel-inner .carousel-item>div {
		display: none;
	}
  
	.carousel-inner .carousel-item>div:first-child {
		display: block;
	}
  }
  
  .carousel-inner .carousel-item.active,
  .carousel-inner .carousel-item-start,
  .carousel-inner .carousel-item-next,
  .carousel-inner .carousel-item-prev {
	display: flex;
  }
  
  @media (min-width: 768px) {
  
	.carousel-inner .carousel-item-right.active,
	.carousel-inner .carousel-item-next,
	.carousel-item-next:not(.carousel-item-start) {
		transform: translateX(25%) !important;
	}
  
	.carousel-inner .carousel-item-left.active,
	.carousel-item-prev:not(.carousel-item-end),
	.active.carousel-item-start,
	.carousel-item-prev:not(.carousel-item-end) {
		transform: translateX(-25%) !important;
	}
  
	.carousel-item-next.carousel-item-start,
	.active.carousel-item-end {
		transform: translateX(0) !important;
	}
  
	.carousel-inner .carousel-item-prev,
	.carousel-item-prev:not(.carousel-item-end) {
		transform: translateX(-25%) !important;
	}
  }
/* card carousel products end  */
  
/* cards carousel events start  */
#myCarousel1 {
	margin-top: 50px;
  }
  
  @media (max-width: 768px) {
	.carousel-inner .carousel-item>div {
		display: none;
	}
  
	.carousel-inner .carousel-item>div:first-child {
		display: block;
	}
  }
  
  .carousel-inner .carousel-item.active,
  .carousel-inner .carousel-item-start,
  .carousel-inner .carousel-item-next,
  .carousel-inner .carousel-item-prev {
	display: flex;
  }
  
  @media (min-width: 768px) {
  
	.carousel-inner .carousel-item-right.active,
	.carousel-inner .carousel-item-next,
	.carousel-item-next:not(.carousel-item-start) {
		transform: translateX(25%) !important;
	}
  
	.carousel-inner .carousel-item-left.active,
	.carousel-item-prev:not(.carousel-item-end),
	.active.carousel-item-start,
	.carousel-item-prev:not(.carousel-item-end) {
		transform: translateX(-25%) !important;
	}
  
	.carousel-item-next.carousel-item-start,
	.active.carousel-item-end {
		transform: translateX(0) !important;
	}
  
	.carousel-inner .carousel-item-prev,
	.carousel-item-prev:not(.carousel-item-end) {
		transform: translateX(-25%) !important;
	}
  }
/* cards carousel events end  */
footer {
		box-shadow: 2px 0 4px 2px rgba(0,0,0,.2);
}
.footSocial{
	font-size: 25px;
}

/* card hover stuff  */
.text-reset:hover {
	color: #43CC29 !important;
}
.text-reset {
	text-decoration: none;
}
/* ............................ */
/* carousel card hover start */
/* hover1  */
.hover1 figure img {
	-webkit-filter: grayscale(0) blur(0);
	filter: grayscale(0) blur(0);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover1 figure:hover img {
	-webkit-filter: grayscale(100%) blur(3px);
	filter: grayscale(100%) blur(3px);
}
/* Child Text Container */
.content_img1 div{
	border-end-end-radius: 10px;
	border-end-start-radius: 10px;
	border-start-start-radius: 10px;
	border-start-end-radius: 10px;
    position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    background: #43CC29;
    color: white;
    margin-bottom: 5px;
	font-family: 'IRANSans';
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s, opacity 0.5s linear; 
    transition: visibility 0s, opacity 0.5s linear;
}
/* Hover on Parent Container */
.content_img1:hover{
    cursor: pointer;
}
.content_img1:hover div{
    padding: 8px 15px;
    visibility: visible;
    opacity: 0.7; 
}
/* hover2  */
.hover2 figure img {
	-webkit-filter: grayscale(0) blur(0);
	filter: grayscale(0) blur(0);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover2 figure:hover img {
	-webkit-filter: grayscale(100%) blur(3px);
	filter: grayscale(100%) blur(3px);
}
/* Child Text Container */
.content_img2 div{
	border-end-end-radius: 10px;
	border-end-start-radius: 10px;
	border-start-start-radius: 10px;
	border-start-end-radius: 10px;
    position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    background: #43CC29;
    color: white;
    margin-bottom: 5px;
	font-family: 'IRANSans';
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s, opacity 0.5s linear; 
    transition: visibility 0s, opacity 0.5s linear;
}
/* Hover on Parent Container */
.content_img2:hover{
    cursor: pointer;
}
.content_img2:hover div{
    padding: 8px 15px;
    visibility: visible;
    opacity: 0.7; 
}
/* hover3  */
.hover3 figure img {
	-webkit-filter: grayscale(0) blur(0);
	filter: grayscale(0) blur(0);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover3 figure:hover img {
	-webkit-filter: grayscale(100%) blur(3px);
	filter: grayscale(100%) blur(3px);
}
/* Child Text Container */
.content_img3 div{
	border-end-end-radius: 10px;
	border-end-start-radius: 10px;
	border-start-start-radius: 10px;
	border-start-end-radius: 10px;
    position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    background: #43CC29;
    color: white;
    margin-bottom: 5px;
	font-family: 'IRANSans';
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s, opacity 0.5s linear; 
    transition: visibility 0s, opacity 0.5s linear;
}
/* Hover on Parent Container */
.content_img3:hover{
    cursor: pointer;
}
.content_img3:hover div{
    padding: 8px 15px;
    visibility: visible;
    opacity: 0.7; 
}
/* hover4 */
.hover4 figure img {
	-webkit-filter: grayscale(0) blur(0);
	filter: grayscale(0) blur(0);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover4 figure:hover img {
	-webkit-filter: grayscale(100%) blur(3px);
	filter: grayscale(100%) blur(3px);
}
/* Child Text Container */
.content_img4 div{
	border-end-end-radius: 10px;
	border-end-start-radius: 10px;
	border-start-start-radius: 10px;
	border-start-end-radius: 10px;
    position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    background: #43CC29;
    color: white;
    margin-bottom: 5px;
	font-family: 'IRANSans';
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s, opacity 0.5s linear; 
    transition: visibility 0s, opacity 0.5s linear;
}
/* Hover on Parent Container */
.content_img4:hover{
    cursor: pointer;
}
.content_img4:hover div{
    padding: 8px 15px;
    visibility: visible;
    opacity: 0.7; 
}
/* hover5 */
.hover5 figure img {
	-webkit-filter: grayscale(0) blur(0);
	filter: grayscale(0) blur(0);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover5 figure:hover img {
	-webkit-filter: grayscale(100%) blur(3px);
	filter: grayscale(100%) blur(3px);
}
/* Child Text Container */
.content_img5 div{
	border-end-end-radius: 10px;
	border-end-start-radius: 10px;
	border-start-start-radius: 10px;
	border-start-end-radius: 10px;
    position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    background: #43CC29;
    color: white;
    margin-bottom: 5px;
	font-family: 'IRANSans';
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s, opacity 0.5s linear; 
    transition: visibility 0s, opacity 0.5s linear;
}
/* Hover on Parent Container */
.content_img5:hover{
    cursor: pointer;
}
.content_img5:hover div{
    padding: 8px 15px;
    visibility: visible;
    opacity: 0.7; 
}
/* hover6  */
.hover6 figure img {
	-webkit-filter: grayscale(0) blur(0);
	filter: grayscale(0) blur(0);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover6 figure:hover img {
	-webkit-filter: grayscale(100%) blur(3px);
	filter: grayscale(100%) blur(3px);
}
/* Child Text Container */
.content_img6 div{
	border-end-end-radius: 10px;
	border-end-start-radius: 10px;
	border-start-start-radius: 10px;
	border-start-end-radius: 10px;
    position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    background: #43CC29;
    color: white;
    margin-bottom: 5px;
	font-family: 'IRANSans';
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s, opacity 0.5s linear; 
    transition: visibility 0s, opacity 0.5s linear;
}
/* Hover on Parent Container */
.content_img6:hover{
    cursor: pointer;
}
.content_img6:hover div{
    padding: 8px 15px;
    visibility: visible;
    opacity: 0.7; 
}
/* hover7 */
.hover7 figure img {
	-webkit-filter: grayscale(0) blur(0);
	filter: grayscale(0) blur(0);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover7 figure:hover img {
	-webkit-filter: grayscale(100%) blur(3px);
	filter: grayscale(100%) blur(3px);
}
/* Child Text Container */
.content_img7 div{
	border-end-end-radius: 10px;
	border-end-start-radius: 10px;
	border-start-start-radius: 10px;
	border-start-end-radius: 10px;
    position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    background: #43CC29;
    color: white;
    margin-bottom: 5px;
	font-family: 'IRANSans';
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s, opacity 0.5s linear; 
    transition: visibility 0s, opacity 0.5s linear;
}
/* Hover on Parent Container */
.content_img7:hover{
    cursor: pointer;
}
.content_img7:hover div{
    padding: 8px 15px;
    visibility: visible;
    opacity: 0.7; 
}
/* hover8 */
.hover8 figure img {
	-webkit-filter: grayscale(0) blur(0);
	filter: grayscale(0) blur(0);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover8 figure:hover img {
	-webkit-filter: grayscale(100%) blur(3px);
	filter: grayscale(100%) blur(3px);
}
/* Child Text Container */
.content_img8 div{
	border-end-end-radius: 10px;
	border-end-start-radius: 10px;
	border-start-start-radius: 10px;
	border-start-end-radius: 10px;
    position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    background: #43CC29;
    color: white;
    margin-bottom: 5px;
	font-family: 'IRANSans';
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s, opacity 0.5s linear; 
    transition: visibility 0s, opacity 0.5s linear;
}
/* Hover on Parent Container */
.content_img8:hover{
    cursor: pointer;
}
.content_img8:hover div{
    padding: 8px 15px;
    visibility: visible;
    opacity: 0.7; 
}
/* carousel card hover end  */
/* ..............................  */
/* carousel events hover start  */
/* hover1  */
.hover9 figure img {
	-webkit-filter: grayscale(0) blur(0);
	filter: grayscale(0) blur(0);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover9 figure:hover img {
	-webkit-filter: grayscale(100%) blur(3px);
	filter: grayscale(100%) blur(3px);
}
/* Child Text Container */
.content_img9 div{
	border-end-end-radius: 10px;
	border-end-start-radius: 10px;
	border-start-start-radius: 10px;
	border-start-end-radius: 10px;
    position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    background: #43CC29;
    color: white;
    margin-bottom: 5px;
	font-family: 'IRANSans';
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s, opacity 0.5s linear; 
    transition: visibility 0s, opacity 0.5s linear;
}
/* Hover on Parent Container */
.content_img9:hover{
    cursor: pointer;
}
.content_img9:hover div{
    padding: 8px 15px;
    visibility: visible;
    opacity: 0.7; 
}
/* hover2  */
.hover10 figure img {
	-webkit-filter: grayscale(0) blur(0);
	filter: grayscale(0) blur(0);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover10 figure:hover img {
	-webkit-filter: grayscale(100%) blur(3px);
	filter: grayscale(100%) blur(3px);
}
/* Child Text Container */
.content_img10 div{
	border-end-end-radius: 10px;
	border-end-start-radius: 10px;
	border-start-start-radius: 10px;
	border-start-end-radius: 10px;
    position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    background: #43CC29;
    color: white;
    margin-bottom: 5px;
	font-family: 'IRANSans';
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s, opacity 0.5s linear; 
    transition: visibility 0s, opacity 0.5s linear;
}
/* Hover on Parent Container */
.content_img10:hover{
    cursor: pointer;
}
.content_img10:hover div{
    padding: 8px 15px;
    visibility: visible;
    opacity: 0.7; 
}
/* hover3  */
.hover11 figure img {
	-webkit-filter: grayscale(0) blur(0);
	filter: grayscale(0) blur(0);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover11 figure:hover img {
	-webkit-filter: grayscale(100%) blur(3px);
	filter: grayscale(100%) blur(3px);
}
/* Child Text Container */
.content_img11 div{
	border-end-end-radius: 10px;
	border-end-start-radius: 10px;
	border-start-start-radius: 10px;
	border-start-end-radius: 10px;
    position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    background: #43CC29;
    color: white;
    margin-bottom: 5px;
	font-family: 'IRANSans';
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s, opacity 0.5s linear; 
    transition: visibility 0s, opacity 0.5s linear;
}
/* Hover on Parent Container */
.content_img11:hover{
    cursor: pointer;
}
.content_img11:hover div{
    padding: 8px 15px;
    visibility: visible;
    opacity: 0.7; 
}
/* hover4 */
.hover12 figure img {
	-webkit-filter: grayscale(0) blur(0);
	filter: grayscale(0) blur(0);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover12 figure:hover img {
	-webkit-filter: grayscale(100%) blur(3px);
	filter: grayscale(100%) blur(3px);
}
/* Child Text Container */
.content_img12 div{
	border-end-end-radius: 10px;
	border-end-start-radius: 10px;
	border-start-start-radius: 10px;
	border-start-end-radius: 10px;
    position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    background: #43CC29;
    color: white;
    margin-bottom: 5px;
	font-family: 'IRANSans';
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s, opacity 0.5s linear; 
    transition: visibility 0s, opacity 0.5s linear;
}
/* Hover on Parent Container */
.content_img12:hover{
    cursor: pointer;
}
.content_img12:hover div{
    padding: 8px 15px;
    visibility: visible;
    opacity: 0.7; 
}
/* carousel events hover end  */
.about {
	background-color: #44cc2917;
	border: 2px solid #43CC29;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	padding: 15px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
}
.aboutPic {
	width: 60%;
	height: 50vh;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
}
.carolText {
	display: none;
}
.ppmHeader {
	color: #CA65B0;
}
.ppmParag {
	color: #7990D8;
}
.moderDen {
	width: 100%;
	cursor: pointer;
}