.portals.row.responsive-mobile-slider {
    display: none;
}
.link-site.mobile-site-link{display:none}
section.content_whitebg.level1 {
    box-shadow: 0px 10px 15px 0px #00883E0D;
}
/* ------------------Reset-Tabs-Html-Style------------------------- */
.nav-tabs > li {
  float: right;
  margin-bottom: 10px;
  width: 33.3333%;
}
.tab_top_style .nav-tabs > li > a {
  padding: 14px 0;
  color: #fff;
  background: #fff;
  border: 0;
  outline: none;
  text-align: center;
  color: #fff;
  font-size: 16px;
}
.nav-tabs > li:nth-child(2) {
  padding: 0 10px;
}
.fade.in {
    opacity: 1;
}
.tab_top_style .nav-tabs > li.active > a,
.tab_top_style .nav-tabs > li.active > a:hover,
.tab_top_style .nav-tabs > li.active > a:focus {
  background: #298271;
  border: 0;
  height: auto;
}
.tab_top_style .nav-tabs > li > a > h3 {
    font-size: 16px;
    font-family: 'iransans-Semibold';
    font-weight: normal;
    color: #000;
    border: 1px solid #6DA975;
    border-radius: 19px;
    padding: 26px 21px;
    margin: 0 9.5px;
	position:relative;
}
.tab_top_style .nav-tabs > li > a.active > h3 {
    background: linear-gradient(93.61deg, #54EEDB -26.71%, #00695D 120.31%);
	box-shadow: 0px 7px 4px 0px #6EA97624;
    color: #fff;
}
.tab_top_style .nav-tabs > li > a,
.nav-pills > li > a {
  margin-right: 0;
}
.tab_top_style .nav-tabs > li > a:hover {
  border: 0;
  
  color: #fff;
}
.nav-item .nav-link.active#focusinme1 h3::before {
background: url(images/icons/tab-one-news.png) no-repeat;
    content: "";
    position: absolute;
    right: 44%;
	    width: 24px;
    height: 24px;
	opacity:0;
}
.nav-item #focusinme1 h3::before {
background: url(images/icons/tab-one-news.png) no-repeat;
    content: "";
    position: absolute;
    right: 162px;
    width: 28px;
    height: 24px;
}
.nav-item .nav-link#focusin2 h3::before {
    background: url(images/icons/icon-tab-center-white.png) no-repeat;
    content: "";
    position: absolute;
    right: 126px;
    width: 24px;
    height: 24px;
    top: 26px;
}
.nav-item .nav-link.active#focusin2 h3::before,.nav-item .nav-link.active#focus3 h3::before {display:none}
.nav-item .nav-link#focus3 h3::before {
background: url(images/icons/icon-tab-left-white.png) no-repeat;
    content: "";
    position: absolute;
    right: 31%;
    width: 24px;
    height: 24px;
    top: 31%;
}
.tab_top_style .nav-tabs > li > a:hover > h3{    box-shadow: 0px 0px 8px 3px #00000040;
    border: 1px solid #6DA975;
    cursor: pointer;}
.tab_top_style .tab-content {
  border: 0;
  padding: 0;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #fff;
  background-color: #298271;
  border: 0;
  border-bottom-color: transparent;
  cursor: default;
}
li.slick-active {
    width: 23px;
}

@media handheld, only screen and (max-width: 767px) {
  #myTab li > a > img {
    display: none;
  }
}

@media handheld, only screen and (max-width: 550px) {

  .nav-tabs > li:nth-child(2) {
    padding: 0;
  }
}
/* ------------------Extra Style ------------------------- */
.link-site {
    margin: 0 auto;
    display: table;
}
div#dnn_ContentPane {
    background-size: cover;
}
#extra-hover-box {
  position: absolute;
  right: 0;
  top: 160px;
}
.extra-hover-left {
  display: table;
  float: left;
  background: #eee;
  padding: 18px 25px 17px 10px;
  border-bottom: 4px solid #43ac98;
  cursor: pointer;
}
.extra-hover-right {
  display: table;
  float: right;
  direction: rtl;
  text-align: center;
}
.extra-list {
  position: relative;
}
.right-item-extra {
  width: 100%;
}
.extra-list li {
  /* margin-bottom: 20px; */
  position: absolute;
  min-height: 52px;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
  margin-right: 0;
  min-width: 215px;
  list-style-type: none;
  right: -170px;
}
.extra-list li:hover {
  right: -20px;
}

.extra-list li:nth-child(2) {
  top: 70px;
}
.content-right-extra {
  text-align: center;
  margin: 0 auto;
  display: table;
  float: right;
  line-height: 20px;
  background: #ddd;
  border-radius: 25px 0px 0px 25px;
  padding: 6px 5px 6px 65px;
  width: 100%;
  max-width: 209px;
  min-height: 50px;
}

.content-inner-extra {
  font-size: 12px;
  color: #000;
}
.img-circle-extra {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: inline-block;
  width: 50px;
  height: 50px;
  background: #fff;
  border-radius: 50%;
  line-height: 50px;
}
.inner-border-circle {
  position: relative;
  border: 1px solid #fff;
  display: table;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.img-left-extra {
  position: absolute;
  left: 20px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  top: -4px;
}

#hava-content,
.air_imageNow_desc {
  font-family: iransans-medium;
  font-size: 12px;
}
#air_imageNow {
  width: 35px;
}
#azanazan {
  font-family: iransans-light;
  text-align: center;
}
#weather_imageNow_error {
  border-radius: 100%;
}
#weather_imageNow_normal {
  border-radius: 100%;
}
.weather_desc_error {
  font-size: 10px;
  font-family: iransans-medium;
}

.box-first {
    background-image: url(images/portals/frame-portals.png);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
}
.skin_main_padding{direction:rtl}
h2.heading-pane {
    margin: 0 auto;
    display: block;
    margin: 20px 0;
    text-align: center;
}
/*-----------------------------slider-rotator-----------------------------------------*/
.rotateslider-container {
  position: relative;
  width: 1200px;
  height: 500px;
  margin: 0 auto;
  perspective: 1000px; /* Ų§ŪŒŲ¬Ų§ŲÆ Ų§ŁŚ©ŲŖ 3D */
  margin-bottom: 0;
      margin-top: 176px;
}

.rotateslider-item {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.6);
  opacity: 0;
  transition: all 0.5s ease;
  transform-style: preserve-3d; /* Ų­ŁŲø Ų­Ų§Ł„ŲŖ 3D */
}
.rotateslider-item h3 {
    color: #333333;
    font-size: 45px;
    text-align: right;
    padding: 10px 20px;
    border-radius: 5px;
    z-index: 5;
    font-family: 'iransans-Semibold';
    line-height: 67.5px;
	padding-top: 70px;
}
.rotateslider-item .caption {
    display: block;
    max-width: 459px;
}
.rotateslider-item.now > img {
    margin-left: 160px;
}
.rotateslider-item.prev .caption, .rotateslider-item.prev2 .caption {
    opacity: 0;
}
.rotateslider-item .caption a.link-more {
    float: left;
}
.rotateslider-item img {
    width: 473px;
    float: left;
    height: 519px;
    border: 10px solid #fff;
    border-radius: 48px;
	box-shadow: 10px 15px 60px 0px #6EA97624;
	    object-fit: cover;


}
/* Ų§Ų³Ł„Ų§ŪŒŲÆ ŁŲ¹Ł„ŪŒ (Ł…Ų±Ś©Ų²) */
.rotateslider-item.now {
  opacity: 1;
  filter: blur(0);
  transform: translate(-50%, -70%) scale(1) translateZ(0);
  z-index: 3;
  width: 1200px;
}

/* Ų§Ų³Ł„Ų§ŪŒŲÆ ŲØŲ¹ŲÆŪŒ (Ų§ŁˆŁ„ŪŒŁ† ŲŖŲµŁˆŪŒŲ± Ł¾Ų´ŲŖ Ų³Ł…ŲŖ Ų±Ų§Ų³ŲŖ) */
.rotateslider-item.next {
  opacity: 0.5;
  filter: blur(3px);
  transform: translate(-50%, -50%) scale(0.8) translateX(30%) translateZ(-100px);
  z-index: 2;
}

/* Ų§Ų³Ł„Ų§ŪŒŲÆ Ł‚ŲØŁ„ŪŒ (Ų§ŁˆŁ„ŪŒŁ† ŲŖŲµŁˆŪŒŲ± Ł¾Ų´ŲŖ Ų³Ł…ŲŖ Ś†Ł¾) */
.rotateslider-item.prev {
  opacity: 1;
  /*filter: blur(3px);*/
  transform: translate(-114%, -50%) scale(0.8) translateX(-30%) translateZ(-100px);
  z-index: 2;
}

/* Ų§Ų³Ł„Ų§ŪŒŲÆ ŲØŲ¹ŲÆŪŒ ŲÆŁˆŁ… (ŲÆŁˆŁ…ŪŒŁ† ŲŖŲµŁˆŪŒŲ± Ł¾Ų´ŲŖ Ų³Ł…ŲŖ Ų±Ų§Ų³ŲŖ) */
.rotateslider-item.next2 {
  opacity: 0.3;
  filter: blur(5px);
  transform: translate(-50%, -50%) scale(0.6) translateX(50%) translateZ(-200px);
  z-index: 1;
}

/* Ų§Ų³Ł„Ų§ŪŒŲÆ Ł‚ŲØŁ„ŪŒ ŲÆŁˆŁ… (ŲÆŁˆŁ…ŪŒŁ† ŲŖŲµŁˆŪŒŲ± Ł¾Ų´ŲŖ Ų³Ł…ŲŖ Ś†Ł¾) */
.rotateslider-item.prev2 {
  opacity: 1;
  /*filter: blur(5px);*/
  transform: translate(-148%, -55%) scale(0.6) translateX(-50%) translateZ(-200px);
  z-index: 1;
}
.rotateslider-item .caption a.link-more {
    float: left;
    margin-left: 50px;
    margin-top: 27px;
}
.rotateslider-item.next , .rotateslider-item.next2{display:none}
.arrow {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-color: #ECEDF4;
    position: absolute;
    bottom: 50px;
    cursor: pointer;
    text-align: center;
    z-index: 4;
    border-radius: 24px;
}
.arrow img {
    margin-top: 0;
}
.arrow.left {left: 25.5%;}
.arrow.right { left: 29%; }
span.arrow.right.js-rotateslider-arrow img {
    position: absolute;
    left: 9px;
}

span.arrow.left.js-rotateslider-arrow img {
    position: absolute;
    right: 9px;
}
/* ------------------AzanPane------------------------- */
.azanpane {
  position: relative;
  float: left;
}
.img-right-azan-extra {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: inline-block;
  width: 50px;
  height: 50px;
  background: #fff;
  border-radius: 50%;
}
.img-right-azan-extra img {
  padding: 3px 0;
}
.main_azan.row-fluid {
  font-family: iransans-light;
  font-size: 12px;
}
#ct1 {
  font-family: iransans-light;
  font-size: 12px;
}
.main_azan {
  font-family: iransans-light;
  font-size: 12px;
}
.border1_azan {
  display: table;
}
.row-fluid > div.col-sm-12 {
  width: 140px;
}

/* ------------------weather Style------------------------- */
.extra-list li:nth-child(3) {
  top: 140px;
}

/* ------------------Covid Style------------------------- */
#extra-item4 .content-right-extra {
  padding: 6px 5px 6px 65px;
}
.img-right-covid-extra {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: inline-block;
  width: 50px;
  height: 50px;
  background: #fff;
  border-radius: 50%;
}
.img-right-covid-extra img {
  padding: 8px 0;
}
.extra-list li:nth-child(4) {
  top: 210px;
}
/* ------------------Banner-Slider-Style------------------------- */
.Banner-Slider .slick-arrow {
	/* background: #fff; */
}

.fa-play::before,.fa-pause::before {
  color: #fff;
}
.Banner-Slider .slick-next {
	right: 45%;
	bottom: 0;
	top: auto;
}
.Banner-Slider .slick-prev {
	left: 45%;
	z-index: 1;
	bottom: 0;
	top: auto;
}
.skin_banner .play-pause-buttons {
top: auto;
bottom: 10px;
}
.btn-arrow-bottom {
    margin: 0 auto;
    display: table;
    position: absolute;
    left: 49%;
    transform: translate(-50%, 0);
    top: -57px;
    /* z-index: 1; */
}
.Banner-Slider .caption{
	    position: absolute;
    z-index: 1;
    top: 26%;
    padding: 12.3px 15px 12.3px 37px;
}
.Banner-Slider h2, .Banner-Slider p {

}

.Banner-Slider .slick-track{
	max-height: 374px;
	}
.Banner-Slider .slick-track img{height:374px}
.Banner-Slider .slick-slide img {
   overflow: hidden;
  -ms-transform: scale(1.6); /* IE 9 */
  -webkit-transform: scale(1.6); /* Safari 3-8 */
  transform: scale(1.6);
}
.Banner-Slider a.link-more:after {
    top: 17px;
}
/* ------------------Main-Style------------------------- */
#mainContent {
    z-index: 1;
    position: relative;
    background:url(images/icons/Shape-2.png) no-repeat right top, url('images/icons/Union.png') no-repeat   1px 600px;
}
section.content_whitebg.rowlevel1 {
    box-shadow: 0px 10px 15px 0px #00883E0D;
}
div#BottomGrid12A {
    margin-top: 20px;
}

.Application-Slider {
    max-width: 1200px;
    margin: 0 auto;
    display: block;
}


/* ------------------service-card-Style------------------------- */
.title-services,.title-news {
    direction: rtl;
	position:relative;
}
.title-services span,.title-news span {
    font-size: 20px;
    font-family: 'iransans-medium';
    font-weight: normal;
}
.title-news a.link-more:after {
    top: 13px;
}
.margin-services-box {
 
}
.service-card {
  background:#6DA975;
  padding: 24px 0;
  min-height: 280px;
  border: 1px solid #dadada;
  margin: 0 7px 5px;
  border-radius: 48px;
}
.Services-Slider .service-card:hover {
  background: #38bc9d;
  background: -moz-linear-gradient(top, #38bc9d 0%, #1f7770 100%);
  background: -webkit-linear-gradient(top, #38bc9d 0%, #1f7770 100%);
  background: linear-gradient(to bottom, #38bc9d 0%, #1f7770 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38bc9d', endColorstr='#1f7770',GradientType=0 );
}
.Services-Slider1 .service-card:hover {
    box-shadow: 0px 0px 11px 0px #00000080;
    border-radius: 48px;
}
.services-tehran-box .slick-slide a:focus .service-card {
  background: #38bc9d;
  background: -moz-linear-gradient(top, #38bc9d 0%, #1f7770 100%);
  background: -webkit-linear-gradient(top, #38bc9d 0%, #1f7770 100%);
  background: linear-gradient(to bottom, #38bc9d 0%, #1f7770 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38bc9d', endColorstr='#1f7770',GradientType=0 );
  outline: none;
}
.logo-service {
  padding: 20px 0 14px 0;
}
.service-card > .logo-service > a > span {
  content: "";
  width: 152px;
  height: 116px;
  display: block;
  margin: 0 auto;
}
.desc-service {
    padding: 0;
    text-align: center;
    margin: 0 auto;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    min-height: 50px;
}
.desc-service a {
    color: #ffffff;
    font-family: 'iransans-medium';
    font-size: 18px;
	line-height: 27px;
}
.desc-service span {
  font-family: "iransans-light";
  font-size: 14px;
  color: #000;
  text-align: center;
  direction: rtl;
  line-height: 22px;
  display: table-cell;
  vertical-align: middle;
  font-weight: normal;
}
.Services-Slider .service-card:hover .desc-service span,
.Services-Slider a:focus .service-card .desc-service span  {
  color: #fff;
}
.Services-Slider1 .service-card:hover .desc-service span,
.Services-Slider1 a:focus .service-card .desc-service span  {
  color: #fff;
}
.img-service1 {
  background: url("images/tehran1403/services/s1.png") no-repeat center;
}

.img-service2 {
  background: url("/Portals/0/tehran.99/services/v3/s2.png") no-repeat center;
}

.img-service3 {
  background: url("/Portals/0/tehran.99/services/v3/s3.png") no-repeat center;
}

.img-service4 {
  background: url("/Portals/0/tehran.99/services/v3/s4.png") no-repeat center;
}

.img-service5 {
  background: url("/Portals/0/tehran.99/services/v3/s5.png") no-repeat center;
}

.img-service6 {
  background: url("/Portals/0/tehran.99/services/v3/s6.png") no-repeat center;
}

.img-service7 {
  background: url("images/tehran1403/services/s7.png") no-repeat center;
}

.img-service8 {
  background: url("images/tehran1403/services/s8.png") no-repeat center;
}
.img-service9 {
  background: url("/Portals/0/tehran.99/services/v3/s9.png") no-repeat center;
}
.img-service10 {
  background: url("/Portals/0/tehran.99/services/v3/s10.png") no-repeat center;
}
.img-service11 {
  background: url("/Portals/0/tehran.99/services/v3/s11.png") no-repeat center;
}
.img-service12 {
  background: url("images/tehran1403/services/s12.png") no-repeat center;
}
.img-service13 {
  background: url("/Portals/0/tehran.99/services/v3/s13.png") no-repeat center;
}
.img-service14 {
  background: url("/Portals/0/tehran.99/services/v3/s14.png") no-repeat center;
}
.img-service15 {
  background: url("/Portals/0/tehran.99/services/v3/s15.png") no-repeat center;
}
.img-service16 {
  background: url("images/tehran1403/services/s16.png") no-repeat center;
}
.img-service20 {
  background: url("images/tehran1403/services/s20.png") no-repeat center;
}
.img-service18 {
  background: url("images/tehran1403/services/s18.png") no-repeat center;
}
.img-service19 {
  background: url("images/tehran1403/services/s19.png") no-repeat center;
}
.img-service21 {
  background: url("images/tehran1403/services/s21.png") no-repeat center;
}
.img-service22 {
  background: url("images/tehran1403/services/s22.png") no-repeat center;
}
.img-service24 {
  background: url("images/tehran1403/services/s24.png") no-repeat center;
}
.Services-Slider .service-card:hover .logo-service > span.img-service1,
.Services-Slider a:focus .service-card .logo-service > span.img-service1
 {
  background: url("/Portals/0/tehran.99/services/v3/s1-hover.png") no-repeat
    center;
}

.service-card:hover .logo-service > span.img-service2,
a:focus .service-card .logo-service > span.img-service2 {
  background: url("/Portals/0/tehran.99/services/v3/s2-hover.png") no-repeat
    center;
}

.service-card:hover .logo-service > span.img-service3,
a:focus .service-card .logo-service > span.img-service3 {
  background: url("/Portals/0/tehran.99/services/v3/s3-hover.png") no-repeat
    center;
}

.service-card:hover .logo-service > span.img-service4,
a:focus .service-card .logo-service > span.img-service4 {
  background: url("/Portals/0/tehran.99/services/v3/s4-hover.png") no-repeat
    center;
}

.service-card:hover .logo-service > span.img-service5,
a:focus .service-card .logo-service > span.img-service5 {
  background: url("/Portals/0/tehran.99/services/v3/s5-hover.png") no-repeat
    center;
}

.service-card:hover .logo-service > span.img-service6,
a:focus .service-card .logo-service > span.img-service6 {
  background: url("/Portals/0/tehran.99/services/v3/s6-hover.png") no-repeat
    center;
}

.service-card:hover .logo-service > span.img-service7,
a:focus .service-card .logo-service > span.img-service7 {
  background: url("/Portals/0/tehran.99/services/v3/s7-hover.png") no-repeat
    center;
}

.service-card:hover .logo-service > span.img-service8,
a:focus .service-card .logo-service > span.img-service8 {
  background: url("/Portals/0/tehran.99/services/v3/s8-hover.png") no-repeat
    center;
}
.service-card:hover .logo-service > span.img-service9,
a:focus .service-card .logo-service > span.img-service9 {
  background: url("/Portals/0/tehran.99/services/v3/s9-hover.png") no-repeat
    center;
}
.service-card:hover .logo-service > span.img-service10,
a:focus .service-card .logo-service > span.img-service10 {
  background: url("/Portals/0/tehran.99/services/v3/s10-hover.png") no-repeat
    center;
}
.service-card:hover .logo-service > span.img-service11,
a:focus .service-card .logo-service > span.img-service11 {
  background: url("/Portals/0/tehran.99/services/v3/s11-hover.png") no-repeat
    center;
}
.service-card:hover .logo-service > span.img-service12,
a:focus .service-card .logo-service > span.img-service12 {
  background: url("/Portals/0/tehran.99/services/v3/s12-hover.png") no-repeat
    center;
}
.service-card:hover .logo-service > span.img-service13,
a:focus .service-card .logo-service > span.img-service13 {
  background: url("/Portals/0/tehran.99/services/v3/s13-hover.png") no-repeat
    center;
}
.service-card:hover .logo-service > span.img-service14,
a:focus .service-card .logo-service > span.img-service14 {
  background: url("/Portals/0/tehran.99/services/v3/s14-hover.png") no-repeat
    center;
}
.service-card:hover .logo-service > span.img-service15,
a:focus .service-card .logo-service > span.img-service15 {
  background: url("/Portals/0/tehran.99/services/v3/s15-hover.png") no-repeat
    center;
}
.service-card:hover .logo-service > span.img-service16,
a:focus .service-card .logo-service > span.img-service16 {
  background: url("/Portals/0/tehran.99/services/v3/s16-hover.png") no-repeat
    center;
}
.service-card:hover .logo-service > span.img-service20,
a:focus .service-card .logo-service > span.img-service20 {
  background: url("/Portals/0/tehran.99/services/v3/s20-hover.png") no-repeat
    center;
}
.service-card:hover .logo-service > span.img-service18,
a:focus .service-card .logo-service > span.img-service18 {
  background: url("/Portals/0/tehran.99/services/v3/s18-hover.png") no-repeat
    center;
}
.service-card:hover .logo-service > span.img-service19,
a:focus .service-card .logo-service > span.img-service19 {
  background: url("/Portals/0/tehran.99/services/v3/s19-hover.png") no-repeat
    center;
}
.service-card:hover .logo-service > span.img-service21,
a:focus .service-card .logo-service > span.img-service21 {
  background: url("/Portals/0/tehran.99/services/v3/s21-hover.png") no-repeat
    center;
}
.service-card:hover .logo-service > span.img-service22,
a:focus .service-card .logo-service > span.img-service22 {
  background: url("/Portals/0/tehran.99/services/v3/s22-hover.png") no-repeat
    center;
}
.service-card:hover .logo-service > span.img-service24,
a:focus .service-card .logo-service > span.img-service24 {
  background: url("/Portals/0/tehran.99/services/v3/s24-hover.png") no-repeat
    center;
}


.Services-Slider1.slider .slick-dots {
    bottom: -30px;
    left: 0;
    right: 39%;
}
.tab-news-box .slick-dots {
	 bottom: -30px;
}
.Services-Slider1 .slick-dots li.slick-active button:before, .tab-news-box .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #1d9f90;
    background: #1d9f90;
    border-radius: 10px;
    width: 40px;
    left: -4px;
    height: 16px;
}

a.link-more {
    color: #fff;
    padding: 8px 14px;
    border-radius: 15px;
    font-size: 18px;
    font-family: 'iransans-light';
    margin-bottom: 25px;
	position:relative;
	background: linear-gradient(96.14deg, #5EFEEB -10.84%, #00695D 196.74%);

}
.title-services span:after {
    content: "";
    border: 1.5px solid #F5F6F9;
    width: 59%;
    position: absolute;
    top: 23px;
    right: 314px;
}
.title-news span:after {
    content: "";
    border: 1.5px solid #0ee5cd;
    width: 63.4%;
    position: absolute;
    top: 23px;
    right: 233px;
}
.title-services a.link-more,.title-news a.link-more {
    float: left;
}
.tab-news-box.News-Tab1 .info-news-box {
    padding: 0;
}
.tab-news-box.News-Tab1 .info-news-box h4 {
    font-size: 16px;
}

.tab-news-box.News-Tab1 .col-md-12.icons-date {
    justify-content: flex-start;
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
	margin:0;
}
.tab-news-box.News-Tab1 .info-news-box .title-tab-news {
    min-height: 85px;
}
a.link-more:after {
	content: "";
    width: 22px;
    height: 22px;
    position: absolute;
    top: 16px;
	left: 13px;
}
.title-services a.link-more,.title-news a.link-more {
    float: left;
}
a.link-more:hover {
    box-shadow: 0px 0px 8px 3px #00000040;
}
/* ------------------style-first-pagehome------------------ */
section.content_whitebg.last-pane
 {
    background: url('images/icons/Shape.png') no-repeat 1px -60px;
}
/* ------------------box-mosharekat------------------ */
.box-mosharekat {
    direction: rtl;
}
.box-mosharekat .list1 img {
    border-radius: 15px;
}

.box-mosharekat .list1 .btn-view {
    backdrop-filter: blur(20px);
    background: #FFFFFF1A;
    position: absolute;
    bottom: 40px;
    left: 50%; 
    transform: translate(-50%, -50%);
    padding: 20px 59px;
    display: block;
    width: 86%;
    border-radius: 15px;
}

.col-md-6.list1 {
    position: relative;
	padding: 0;
}

.box-mosharekat .list1 .btn-view a {
    color: #fff;
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
}

.list2 {
    padding: 0 66px;
    margin-top: 0;
}
.list2 h3 img {
    margin-right: -20px;
	margin-left: 14px;
}
.box-mosharekat.row button.cta-button {
    float: left;
}
.list2 h3 {
    text-align: right;
}

.list2 p {
    font-size: 16px;
    font-family: 'iransans-medium';
    line-height: 35px;
}

/* ------------------box-form------------------ */

.box-form .text p {
    font-size: 16px;
    font-family: 'iransans-medium';
    line-height: 35px;
    padding-left: 100px;
    /* line-height: 35px; */
}


/* ------------------Hover-Box------------------------- */
.hover-link-box .slick-slide {
    float: right;
    padding: 0 15px;
}
.hover-link-box .slick-prev::before, .hover-link-box .slick-next::before {
	font-size: 30px;
	line-height: 25px;
}
.hover-link-box .slick-next,.hover-link-box .slick-prev  {
	background: #fff;
	width: 30px;
	height: 30px;
}
.hover-link-box .slick-prev {
	left: 18px;
	z-index: 1;
}
.hero-grid.effect-move:hover .box-opacity-black {
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: 0;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}
.hero-grid:focus-within .box-opacity-black {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: 0;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}
.hero-grid {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  z-index: 1;
}

.hero-grid-image {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  /* opacity: 0.2; */
}

.hero-grid-content {
  padding: 2em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 1;
}

.hero-grid-content::before,
.hero-grid-content::after {
  pointer-events: none;
}

.hero-grid-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}

.hero-grid-title {
  letter-spacing: -1px;
  font-weight: 300;
  margin: 0;
  padding: 0.25em 0;
  line-height: 1;
}

.hero-grid-title span {
  font-weight: 800;
}

.hero-tag {
  /* display: inline-block; */
  font-size: 1.6em;
  padding: 0.6em 0;
  /* background: #fff; */
  color: #000;
  float: right;
  color: #fff;
  font-family: iransans-medium;
  position: relative;
}
.hero-tag.effect-target::after {
  content: "";
  width: 10px;
  height: 2px;
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
}
.hero-tag.effect-target::before {
  content: "";
  width: 50px;
  height: 2px;
  background: #fff;
  position: absolute;
  top: 0;
  right: 20px;
}
.hero-grid h2,
.hero-grid p {
  margin: 0;
}

.hero-grid p {
  /* letter-spacing: 1px; */
  /* font-size: 68.5%; */
  min-height: 235px;
  overflow: hidden;
  /* background: rgba(0,0,0,0.5); */
  padding: 10px 20px;
  clear: both;
}
.hero-grid p > a {
  display: block;
  font-family: iransans-light;
  font-size: 15px;
  color: #fff;
  text-align: right;
}
.hero-grid p > a:hover,
.hero-grid-content:focus-within {
  color: #55d1ba;
}

.more-left-linkbox {
  float: left;
  margin-top: 15px;
}
.hero-tag {
	text-shadow: 1px 1px 5px #000;
}
.effect-image {
  /* max-width: none; */
  width: -webkit-calc(100% + 50px);
  width: calc(100% + 50px);
  /* opacity: 0.2;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0); */
}

.effect-target {
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
}

.effect-target {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
}

.effect-text {
  color: rgba(255, 255, 255, 0.8);
  opacity: 0;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
  transition: opacity 0.2s, transform 0.35s;
}

.effect-move:hover .effect-image,
.effect-move:hover .effect-text,
.hero-grid:focus-within,
.hero-grid p:focus-within {
  opacity: 1;
}

.effect-move:hover .effect-target,
.effect-move:hover .effect-image,
.hero-grid:focus-within,
.hero-grid p:focus-within {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.effect-move:hover .effect-text,
.hero-grid:focus-within,
.hero-grid p:focus-within
 {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
}

.effect-move:focus-within .effect-target {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/* -----------form-services */
.box-form.row {
    direction: rtl;
}
.box-form.row .text {
    margin-top: 89px;
}

        .box-form .form-container .form-view {
            padding: 18px 10px;
            border: 1px solid #D4D4D4;
            box-shadow: 0px 8px 64px 0px #29417317;
            background: #fff;
            border-radius: 15px;
               margin: 80px 19px 19px 19px;
        }
		.form-container button.cta-button {
          float: left;
		  margin-left: 0;
		  margin-top: 38px;
         }
        
        .box-form .form-group {
            margin-bottom: 7px;
        }
        
        .box-form label {
            display: block;
            margin-bottom: 8px;
            font-weight: 600;
            color: #333;
        }
        
        .box-form .required::after {
            content: " *";
            color: #e74c3c;
        }
        
        .box-form select, input, .box-form .editor-toolbar, .box-form .editor-content {
            width: 100%;
            padding: 12px 15px;
            border: 1px solid #ddd;
            border-radius: 8px;
            font-size: 16px;
            transition: all 0.3s;
            background-color: #fff;
            max-width: 100%;
        }
        
       .box-form  select:focus, .box-form input:focus, .box-form .editor-content:focus {
            outline: none;
            border-color: #4a00e0;
            box-shadow: 0 0 0 3px rgba(74, 0, 224, 0.1);
            background-color: white;
        }
        
        .box-form .editor-container {
            border: 1px solid #ddd;
            border-radius: 8px;
            overflow: hidden;
        }
        
        .box-form .editor-toolbar {
            display: flex;
            flex-wrap: wrap;
            gap: 7px;
            padding: 10px;
            border-bottom: 1px solid #ddd;
            border-radius: 8px 8px 0 0;
            background: #f5f5f5;
            direction: ltr;
        }
        
        .box-form .toolbar-group {
            display: flex;
            gap: 8px;
            margin-right: 0;
            /* padding-left: 10px; */
            border-right: 1px solid #ddd;
        }
        
        .box-form .toolbar-btn {
            background: none;
            border: none;
            /* border-radius: 4px; */
            /* padding: 8px 12px; */
            cursor: pointer;
            transition: all 0.2s;
            font-size: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .box-form .toolbar-btn:hover {
            /* background: #f0f0f0; */
        }
        
        .box-form .toolbar-btn.active {
            background: #4a00e0;
            color: white;
            border-color: #4a00e0;
        }
        
        .box-form .toolbar-select {
            width: auto;
            padding: 6px 10px;
            font-size: 14px;
            border-radius: 4px;
            border: none;
            background: none;
        }
        
        .box-form .editor-content {
            min-height: 200px;
            padding: 15px;
            border: none;
            border-radius: 0;
            resize: vertical;
            line-height: 1.6;
        }
        
        .box-form .submit-btn {
            background: linear-gradient(to right, #4a00e0, #8e2de2);
            color: white;
            border: none;
            padding: 15px 30px;
            font-size: 18px;
            border-radius: 8px;
            cursor: pointer;
            width: 100%;
            transition: all 0.3s;
            font-weight: 600;
        }
        
        .box-form .submit-btn:hover {
            background: linear-gradient(to right, #3a00c0, #7e1dc2);
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        }
        
        .box-form .form-footer {
            text-align: center;
            margin-top: 20px;
            color: #666;
            font-size: 14px;
        }
        
        .box-form .icon {
            margin-left: 8px;
        }
        
        .box-form .file-input {
            display: none;
        }
        
        .box-form .link-dialog {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.5);
            display: none;
            justify-content: center;
            align-items: center;
            z-index: 1000;
        }
        
        .box-form .link-dialog-content {
            background: white;
            padding: 20px;
            border-radius: 8px;
            width: 90%;
            max-width: 400px;
        }
        
        .box-form .link-dialog h3 {
            margin-bottom: 15px;
            text-align: center;
        }
        
        .box-form .link-input {
            width: 100%;
            padding: 10px;
            margin-bottom: 15px;
            border: 1px solid #ddd;
            border-radius: 4px;
        }
        
        .box-form .link-dialog-buttons {
            display: flex;
            justify-content: space-between;
        }
        
        .box-form .link-dialog-btn {
            padding: 8px 15px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }
        
        .box-form .link-dialog-confirm {
            background: #4a00e0;
            color: white;
        }
        
        .box-form .link-dialog-cancel {
            background: #ddd;
        }
        
        .box-form .color-container {
            display: flex;
            align-items: center;
            gap: 5px;
        }
        
        .box-form .color-label {
            font-size: 14px;
            font-weight: bold;
        }
        
        @media (max-width: 600px) {
           .box-form  .container {
                border-radius: 10px;
            }
            
           .box-form  .header {
                padding: 20px;
            }
            
           .box-form  .form-container {
                padding: 20px;
            }
            
           .box-form  .toolbar-group {
                margin-left: 5px;
                padding-left: 5px;
            }
            
           .box-form  .editor-toolbar {
                justify-content: center;
            }
        }







/* -----------Tab-News-box */
.tab-news-box {
  /*direction: ltr;*/
}
.tab-news-box .inner-tab-news {
        border-radius: 15px;
    padding: 0 0 16px 0;
	background:#fff;
}
.tab-news-box .slick-slide .tab-news-img img {
    border-radius: 18px 18px 0 0;
}
.box-news.list1-news {
    box-shadow: -2px -2px 12px 0px #29417317;
	border-radius:15px;
}
.title-tab-news {
    padding: 10px;
    text-align: justify;
    direction: rtl;
    width: 100%;
    z-index: 2;
    min-height: 62px;
}
.title-tab-news h4 {
	font-size: 18px;
	font-weight: normal;
	margin: 0;
	line-height: 27px;
	color:#081035;
	    font-family: 'iransans-medium';
	text-align: right;
	
}
.date-tab-news {
  width: 100%;
}
.box-news.list1-news .news-img img {
    width: 100%;
	    max-height: 231px;
		border-radius: 15px 15px 0 0;
}
article.thumb-info {
    margin-bottom: 22px;
}
.text-news p {
    font-size: 16px;
	color:#000;
}
.info-news-box {
    background: #fff;
    padding: 0 17px 10px 40px;
    direction: rtl;
    border-radius: 0 0 48px 48px;
    min-height: 114px;
}
.desc-tab-news {
  text-align: justify;
  color: #979797;
  font-size: 13px;
  font-family: "iransans-medium";
  line-height: 22px;
}
.tab-news-img {
  text-align: center;
  position: relative;
}
.slick-slide .tab-news-img img{border-radius: 48px 45px 0 0;}
.date-tab-news .date-icon img {
  width: 14px;
}
.inner-tab-news {
margin-bottom: 25px;
    padding: 8.6px 10px;
    -webkit-box-shadow: 0px 8px 64px 0px #29417317;
    -moz-box-shadow: 0px 8px 64px 0px #29417317;
    box-shadow: 0px 8px 9px 0px #29417317;
    margin: 10px 7.5px 25px 7.5px;
    border-radius: 48px;
	 border: 2px solid #fff;
}
.tab-news-box.News-Tab1 .inner-tab-news:hover{
    border: 2px solid #6DA975;
    box-shadow: 0px 0px 8px 3px #00000040;
	cursor:pointer;
}
.date-tab-news .date-icon {
    display: inline-block;
    background: #F5F6F9;
    width: 52px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
	border-radius:21.67px;
}
.col-md-12.icons-date {
	padding-right: 37px;
    margin-top: 17px;
	margin-bottom: 19px;
}
.date-tab-news .col-md-6 {
  padding: 0;
}
.list-news .row.align-items-center.nbb .col-sm-4 {
    padding: 0;
}

.list-news .row.align-items-center.nbb .col-sm-4 img {
    border-radius: 0 15px 15px 0;
}
.link-more-tab-news {
  text-align: left;
  padding-left: 10px;
  float:left;
}
span.date-fa {
    color: #000;
    padding-right: 16px;
}
.link-more-tab-news > a {
color: #000;
    font-family: 'iransans-medium';
    font-size: 14px;
	
}
.date-tab-news .date-fa {
color: #000000;
    font-size: 13px;
	    padding-right: 9px;
		    font-family: 'iransans-medium';
}
.tab-news-box .slick-prev::before,
.tab-news-box .slick-next::before {
  color: #fff;
}

.list-news {
    overflow: hidden;
} 
.tab-content > .tab-pane{direction:rtl;}
i.fa.fa-calendar {
    color: #007f3d;
    padding-left: 8px;
}
.list-news article.thumb-info.col-md-6.bg-transparent {
    float: right;
    margin-bottom: 16px;
	

}
.list-news .row.align-items-center.nbb {
    box-shadow: -2px -2px 12px 0px #29417317;
    margin: 0 13px;
	border-radius:15px;
}
.list-news .title-news a{color:#081035;font-size:18px}
.list-news .thumb-info-caption-text a {
    font-family: 'iransans-light';
	    color: #000;
}
.list-news a.more-link {
    color: #000;
    text-align: left;
    float: left;
	font-family: 'iransans-medium';
}
/* -----------Tab2-video-box */
.tab-ajpic-box {
  direction: ltr;
}
/* -----------Tab3-Ajans-box */
.title-tab-Ajans {
    /* background: #f6f6f6; */
    padding: 10px;
    text-align: center;
    color: #29786a;
    font-size: 15px;
    font-family: iransans-medium;
    /* -webkit-box-shadow: 1px 1px 2px #a3a3a3; */
    -moz-box-shadow: 1px 1px 2px #a3a3a3;
    /* box-shadow: 1px 1px 2px #a3a3a3; */
    direction: rtl;
}

/* -----------File-Box */

.bgcolor-file {
  padding: 14px 20px;
  background: #1e8980;
  height: 220px;
}
ul.list-file li {

  list-style-type: none;
  position: relative;
  padding: 10px 0;
}
ul.list-file li > a{
display: table;
 
}
ul.list-file li > a > h4 {
  font-size: 15px;
  margin: 0;
 
}
ul.list-file li::before {
  content: "";
  background: url(/portals/0/tehran.99/file-box/item-file.png) no-repeat center
    center;
  width: 24px;
  height: 29px;
  position: absolute;
  right: -30px;
  top: 2px;
}
.file-left-side {
  text-align: center;
}
.file-left-side > a {
  text-decoration: none;
}
ul.list-file > li > a > span:hover {
  color: #55d1ba;
}
.file-more {
  background: #2d988f;
  padding: 4px 40px;
  color: #fff;
  font-size: 15px;
  -webkit-box-shadow: 1px 1px 2px #a3a3a3;
  -moz-box-shadow: 1px 1px 2px #a3a3a3;
  box-shadow: 1px 1px 2px #181616;
  display: table;
  margin: 10px auto 0 auto;
}

.file-more:hover {
  border: 1px solid #2d988f;
  background: #eff0f0;
  color: #2d988f;
}
h3.title-file {
  color: #4f4f4f;
  text-align: center;
}
/* -----------Video-Box */
.tab-news-video {
  position: relative;
}
.title-tab-video {
  position: absolute;
  bottom: -24px;
  padding: 5px 10px;
  text-align: justify;
  color: #fff;
  font-size: 14px;
  font-family: "iransans-light";
  direction: rtl;
  width: 100%;
  z-index: 2;
  background: rgba(0, 0, 0, 0.8);
}
.video-box video {
  width: 100%;
}

video.video-player , .video-player {
  width: 100%;
  height: 160px;
  width: 100%;
  background: #000;
  border-radius: 10px 10px 0 0;
}
h3.title-video {
  color: #4f4f4f;
  text-align: center;
}
.video-player .h_iframe-aparat_embed_frame iframe
 {
    border-radius: 11px;
}
/* -----------Application-Slider */

h2.center-title span {
    color: #fff;
    font-size: 26px;
    font-family: 'iransans-light';
    font-weight: normal;
}
.Application-Slider.slick-initialized.slick-slider {
    z-index: 1;
}
.margin-appmobile-box {
  margin-bottom: 70px;
}
.center-title-box.mobile-app-title-box {
    text-align: center;
}

.more-app-mobile-box {
  position: absolute;
  bottom: -65px;
}
.Application-Slider {
  direction: rtl;
}
.Application-Slider .slick-slide {
  float: right;
      padding: 15px;
}

.Application-Slider .slick-arrow, .Services-Slider1 .slick-arrow , .tab-news-box .slick-arrow  {
display: inline-block;
    width: 29px;
    height: 28px;
    background-color: #ECEDF4;
    position: absolute;
    top: 222px;
    cursor: pointer;
    text-align: center;
    z-index: 4;
    border-radius: 24px;
}
.Application-Slider .slick-next {
  right: 46%;
}
.Application-Slider .slick-prev {
    right: 50%;
}
.Application-Slider .slick-prev:before, .Services-Slider1 .slick-prev:before, .tab-news-box .slick-prev:before  {
content: url(css/slick/left-arrow.png);
    position: absolute;
    top: -4px;
    left: -12px;
    font-size: 35px;
}

.Application-Slider .slick-next:before, .Services-Slider1 .slick-next:before, .tab-news-box .slick-next:before{
content: url(css/slick/right-arrow.png);
    position: absolute;
    top: -4px;
    right: -11px;
    font-size: 35px;
}
.Services-Slider1 .slick-next {
  right: 4%;
}
.Services-Slider1 .slick-prev {
   right: 7%;
}
.tab-news-box .slick-next {
  left: 93%;
}
.tab-news-box .slick-prev {
   right: 8%;
}
 .Services-Slider1 .slick-arrow{top:306px}
.tab-news-box .slick-arrow {top:431px}
.app-box {
width: 100%;
    display: flex;
    margin: 0 auto;
    text-align: center;
    border:1px solid #D3B05B;
    min-height: 185px;
    background: #fff;
    border-radius: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.app-box:hover {
	background:#007F3D;
    cursor: pointer;
}
.app-box>a {
display: table;
margin: 2px auto;
}
.app-inner-box {
    vertical-align: middle;
    padding: 3px 5px;
    margin: 0 auto;
    /* display: table; */
}
.app-top-title {
  text-align: center;
  direction: rtl;
  font-size: 15px;
}

.inner-img-app-icon {
  padding: 7px 0;
}
.arrow-left {
  background: url("images/ir/arrow-left.png") no-repeat center center;
  width: 5px;
  height: 9px;
}
.app-box .arrow-left {
  padding-right: 15px;
}
.inner-img-app-icon img {
  width: 100px;
  height: auto;
  margin: 0 auto;
}
.inner-content-app-box {
  /* padding: 36px 0px; */
  text-align: right;
}
.app-bottom-link {
  text-align: right;
}
.app-bottom-link > span {
  background: #559b89;
  /* padding: 2px 4px; */
}
.app-top-title > a {
color: #081035;
    margin-top: 12px;
    font-size: 18px;
    font-family: 'iransans-light';
    display: block;
}
.app-bottom-link span > a > img {
  width: auto;
  display: inherit;
}
/* -----------counter-box */
.counter {
  animation-duration: 1s;
  animation-delay: 0s;
}
.counter-box {
  direction: rtl;
  text-align: center;
  overflow: hidden;
}
.counter-box-inner {
  width: 100%;
  margin: 0 auto;
}
.inner-counter {
  position: relative;
  padding: 40px 0;
  text-align: center;
  margin: 0 auto;
  display: table;
}

.num-counter {
  font-family: iransans-medium;
  font-size: 24px;
  color: #6DA975;
  bottom: 10px;
}
.title-counter {
  font-family: iransans-Semibold;
  line-height: 30px;
  font-size: 18px;
  text-align: center;
    margin: 20px 0;
}
.col-md-2.col-sm-12.col-xs-12.col-number:nth-child(1) .inner-counter:before
 {
	 display:none;
}
.inner-counter:before {
    border: 1px solid #0CA44D;
    content: "";
    position: absolute;
    height: 100px;
    right: -34px;
}



    /*----------------------- box-report----------- */
.box-inner {
    direction: rtl;
}
.box-img
 {
    height: 80px;
}
.box-report .col-number .inner {
    padding: 35px 0;
    border: 1px solid #CCD1D9;
    box-shadow: 0px 8px 64px 0px #00000014;
    text-align: center;
	border-radius:29px;

}
.box-report .col-number .inner:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}
.box-report .col-number .title-icon {
    font-size: 18px;
    color: #000;
    padding: 30px 0 0;
    font-family: 'iransans-Semibold'
}

.box-report .col-number {
    align-items: stretch;
    justify-content: center;
    align-items: center;

}


/* -----------Banner-slider-box */
.skin_banner {
position: relative;
    margin-bottom: 39px;
}
section.skin_banner:before {
    clip-path: polygon(0% 0%, 100% 0%, 100% 54%, 100% 100%, 54% 100%, 42% 56%, 0 45%);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #F3FFFD;
}
.img-fill {
  position: relative;
}
.caption-banner-box {
  position: absolute;
  bottom: 50px;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  padding: 10px 40px;
  border-radius: 4px;
}
.caption-banner-box h3 > a {
  color: #fff;
}

.Banner-Slider .slick-dots {
  bottom: 15px;
}




.slide-content .image-side:before{
    background: url(images/icons/shape1.png) no-repeat;
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    right: 5;
    z-index: -1;
    left: 50%;
    bottom: 45px;
}


.slider-container * {
    direction: rtl;
}
.slider-container {
    direction: rtl;
    padding: 20px 0;
padding-top: 150px;
}

.text-image-slider .slide {
    padding-right: 100px;
}

.slide-content {
    display: flex;
    align-items: center;
    gap: 180px;
    margin: 0 auto;
    flex-direction: row-reverse; 
}
.text-image-slider ul.slick-dots {
    bottom: -50px;
}
.text-image-slider button.cta-button
 {
    margin-right: 11px;
}
button.cta-button a {
    color: #fff;
    text-decoration: none;
}
.image-side {
    flex: 1;
    text-align: left; 
	position:relative;
}

.image-side img {
    width: 100%;
    height: 540px;
    object-fit: cover;
    border-radius: 0 10px 10px 0;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.text-side {
    flex: 1;
    text-align: right; 
    padding: 20px;
}
span.icon-title{    text-align: right;
    float: right;
    clear: both;
	    margin-bottom: 25px;}
.text-side h3 {
    font-size: 2rem;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

.text-side p {
    font-size: 1.1rem;
    color: #000;
    line-height: 1.8;
    margin-bottom: 20px;
    clear: both;
    font-size: 16px;
	font-family: 'iransans-medium';
}

.cta-button {
    background: linear-gradient(96.14deg, #56F1DE -10.84%, #00695D 196.74%);
	box-shadow: 0px 8px 23px 0px #4184F73D;
    color: white;
    padding: 12px 30px;
    border: none;
    border-radius: 15px;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.cta-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

/* --------------------- Footer-Style */
.footer_bg {
	z-index: 0;
	position: relative;
}
/* --------------------- Services-Slider */
.Services-Slider .slick-list {
  margin: 0 30px;
}
.Services-Slider .slick-next {
  right: 0;
  width:35px;
  height: 35px;
}
.Services-Slider .slick-prev {
  width:35px;
  height: 35px;
}
.Services-Slider .slick-prev:before {
  content: url(css/slick/left-arrow-green.png);
  position: absolute;
  top: 0;
  left: 0;
  font-size: 35px;
}

.Services-Slider .slick-next:before {
  content: url(css/slick/right-arrow-green.png);
  position: absolute;
  top: 0;
  right: 0;
  font-size: 35px;
}
.btn-more {
  margin: 0 auto;
  text-align: center;
  background: #56b4a2;
  display: table;
  direction: rtl;
  width: 120px;
  height: 32px;
  line-height: 32px;
}
.btn-more > a {
  font-size: 17px;
}
.btn-more img {
  padding-left: 8px;
}
.btn-more a {
  color: #fff;
}
.btn-more a:hover {
  color: #fff;
}
/* --------------------- CatEvents */
#dnn_TopGrid6B_Center {
  padding: 0 1px;
}


.topgrid3a_top,
.topgrid3a_bottom,
.topgrid3b_top,
.topgrid3b_bottom {
  padding: 0;
}
.CatNews-Center-Slider .slick-prev {
  background: #fff;
  width: 30px;
  height: 30px;
}

.CatNews-Center-Slider .slick-next {
  background: #fff;
  width: 30px;
  height: 30px;
}
.CatNews-Center-Slider .slick-prev::before,
.CatNews-Center-Slider .slick-next::before {
  font-size: 30px;
  line-height: 25px;
}

.cat-news-box {
  position: relative;
}
/*.mask-catnews-box {
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}
*/
.content-catnews-center-box {
  position: absolute;
  bottom: 20px;
  right: 10px;
  width: 100%;
  z-index: 2;
}
.content-catnews-center-box h3 {
  color: #fff;
  font-size: 18px;
  font-family: iransans-medium;
  text-align: right;
  line-height: 26px;
  font-weight: normal;
  margin: 0 0 10px 0;
}
.content-catnews-box {
  position: absolute;
  bottom: 20px;
  right: 10px;
  width: 50%;
  z-index: 2;
}
.content-catnews-box h3 {
  color: #fff;
  font-size: 14px;
  font-family: iransans-light;
  text-align: center;
  line-height: 24px;
  font-weight: normal;
  margin: 0 0 10px 0;
  text-align: right;
}
.lable-catnews-box {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 8px;
  z-index: 2;
}
.date-catnews-box {
  text-align: right;
  color: #fff;
  font-size: 11px;
  font-weight: normal;
  font-family: iransans-light;
  padding-right: 10px;
  direction: rtl;
}
.lable-catnews-box > span {
  color: #fff;
}
.bg-lable-varzeshi {
  background: #67bf35;
}
.bg-lable-gardeshgari {
  background: #f05555;
}
.bg-lable-omoomi {
  background: #429d8c;
}
.bg-lable-farhangi {
  background: #ffc61c;
}
.bg-lable-noavari {
  background: #ff58dd;
}
.cat-news-box img {
  width: 100%;
}
/*--------- Audio-Podcast-Music Box ----------*/
/* ========== Ver New ============================= */
/* HTML5 Audio player with playlist styles */
.example,
.example2,
.example3 {
  margin: 50px auto 0;
  width: 390px;
  padding-bottom: 50px;
}

.player {
  background: #1e895b;
  height: 220px;
  position: relative;
  width: 100%;
  z-index: 2;
}
.title,
.artist {
  font-family: verdana;
  right: 20px;
  position: absolute;

  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.title {
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  top: 15px;
  font-family: iransans-medium;
}
.artist {
  color: #eeeeee;
  font-size: 12px;
  top: 36px;
  font-family: iransans-light;
}
/* .pl {
  background: url(images/ir/player/playlist.png) no-repeat;
  cursor: pointer;
  height: 40px;
  left: 330px;
  position: absolute;
  top: 20px;
  width: 39px;
}
.pl:hover {
  top: 21px;
} */
.cover {
  border-radius: 5px 5px 5px 5px;
  height: 140px;
  left: 20px;
  position: absolute;
  top: 15px;
  width: 94px;
  background-size: cover;
  background-repeat: no-repeat;
}
.controls {
  cursor: pointer;
  left: 0px;
  position: absolute;
  top: 65px;
  left: 122px;
}
.controls .play,
.controls .pause {
  width: 60px;
  height: 60px;
  margin: 0 5px 0px 5px;
}
.controls .play,
.controls .pause,
.controls .rew,
.controls .fwd,
.controls .stop {
  text-indent: -10000px;
  border: none;
  float: left;
}
.controls .rew,
.controls .fwd,
.controls .stop {
  width: 50px;
  height: 50px;
  margin: 5px 5px 5px 5px;
}
.controls .play {
  background: url(images/ir/player/play.png) no-repeat;
}
.controls .pause {
  background: url(images/ir/player/pause.png) no-repeat;
  display: none;
}
.controls .rew {
  background: url(images/ir/player/rewind.png) no-repeat;
}
.controls .fwd {
  background: url(images/ir/player/next.png) no-repeat;
}
.controls .stop {
  background: url(images/ir/player/stop.png) no-repeat;
}
.hidden {
  display: none;
}
.controls .visible {
  display: block;
}
.volume {
  height: 11px;
  left: 225px;
  position: absolute;
  top: 142px;
  width: 140px;
  direction: ltr;
}
.mute .volume-btn {
  background: url(images/ir/player/volume-off.png) no-repeat;
}
.volume-btn {
  background: url(images/ir/player/volume-up.png) no-repeat;
  height: 20px;
  width: 20px;
  float: left;
  position: relative;
  top: -4px;
}
.volume-adjust {
  height: 11px;
  position: relative;
  width: 80%;
  background: #fff;
  float: right;
}
.volume-adjust > div > div {
  height: 11px;
  background: #151b48;
}
.progressbar {
  background-color: #fff;
  cursor: pointer;
  z-index: 1;
  right: 0; /* 110 */
  height: 15px;
  left: 0px;
  position: absolute;
  width: 90%;
  top: 170px;
  margin: 0px 5%;
}
.novolume .progressbar {
  right: 4.375em; /* 70 */
}
.progressbar div {
  width: 0%;
  height: 15px;
  position: absolute;
  left: 0;
  top: 0;
}
.bar-loaded {
  background-color: #f1f1f1;
  z-index: 1;
}
.bar-played {
  background: #151b48;
  z-index: 2;
}
.timeHolder {
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  bottom: 10px;
  position: absolute;
  margin: 0px 5%;
  width: 90%;
}
.time-current,
.time-duration,
.time-separator {
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  float: left;
}
.volume .ui-slider-handle {
  background: url("images/ir/player/spr.png") no-repeat scroll -201px -188px
    rgba(0, 0, 0, 0);
  height: 13px;
  width: 13px;
}
.playlist {
  background-color: #fff;
  list-style-type: none;
  margin: -10px 0 0 2px;
  padding-bottom: 10px;
  padding-top: 15px;
  position: relative;
  width: 95%;
  z-index: 1;
  margin: 0px auto;
}
.playlist li,
.playlist div {
  color: #151b48;
  cursor: pointer;
  margin: 0 0 5px 15px;
}
.playlist li > a,
.playlist div > a {
  color: #151b48;
  text-decoration: none;
}
.playlist li.active,
.playlist div.active {
  font-weight: bold;
}
/* .slick-dots {
  bottom: 5px !important;
} */
/* .slick-dots li button:before {
  font-size: 8px !important;
} */


@media handheld, only screen and (max-width: 991px) {
		.tab_top_style .nav-tabs > li > a img, .tab_top_style .nav-tabs > li > a h3:before {
    display: none;
}
	
	/*--------------slider-----------------------*/
.skin_banner .slider-container{padding:0}
    .skin_banner .slide-content {
        flex-direction: column;
		gap:0;
    }
	.skin_banner .text-image-slider .slide{padding:0}
	.skin_banner span.icon-title {
display:none;
}
	.skin_banner .text-side h3{text-align:center;}
	
	
  .margin-appmobile-box .skin_top_content {
    padding: 0;
  }
  .more-app-mobile-box {
    bottom: -75px;
  }
.slick-track{max-height:none}
section.content_whitebg.level1 {
    margin-top: 59px;
}
.box-form .text p{padding:0 20px;}
.inner-counter:before {
display:none;
}
.title-counter{font-size:15px;}
}


@media (max-width: 768px) {
    .slide-content {
        flex-direction: column;
    }
    
    .image-side, .text-side {
        text-align: center;
    }
    
    .image-side img {
        height: 300px;
    }
	.list-news .row.align-items-center.nbb .col-sm-4 img {
    border-radius: 15px;
    margin: 0 auto;
    display: table;
}
}










@media only screen and (max-width: 420px) {
  .controls {
    cursor: pointer;
    position: absolute;
    top: 65px;
    left: 0;
    right: 0;
    margin: auto;
    width: 250px;
  }
  .cover {
    display: none;
  }
}
/* ========== Ver Old ============================= */
.bgcolor-audio {
  background: #1e895b;
}
.audio-info-box > h3 {
  font-size: 14px;
  font-weight: normal;
  text-align: right;
  margin: 0;
}
.audio-left-side {
  padding: 10px 0 0px 10px;
}
.control-box {
  width: 100%;
  display: flex;
}
.audio-right-side {
  padding: 10px 10px 10px 0;
}
#player_play {
  background: url(/Portals/0/tehran.99/video/play.png);
  width: 65px;
  height: 65px;
  display: table;
  float: left;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 50%;
  margin: auto;
}
#player_stop {
  background: url(/Portals/0/tehran.99/video/stop.png);
  width: 65px;
  height: 65px;
  display: table;
  float: left;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 50%;
  margin: auto;
}
#player_prev {
  background: url(/Portals/0/tehran.99/video/prev.png);
  width: 58px;
  height: 57px;
  display: table;
  float: left;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 50%;
  margin: auto;
}
#player_next {
  background: url(/Portals/0/tehran.99/video/next.png);
  width: 58px;
  height: 57px;
  display: table;
  float: left;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 50%;
  margin: auto;
}
h3.title-audio {
  color: #4f4f4f;
  text-align: center;
}
.inner-seekbar {
  padding: 8px 10px;
}
.bgcolor-audio .col-sm-8 {
  padding-left: 0;
}
.bgcolor-audio .col-sm-4 {
  padding-right: 0;
}
/* -----------Portal-Box */
.portal-box {
  background: url(images/ir/portal_bg.png) no-repeat center center;
  border-bottom: 6px solid #44ad99;
}
.Portals-Slider.inner-portal.slick-initialized.slick-slider .slick-slide {
	margin: 4px 0 0 0;
}
.portal-box .slick-slide img{width: auto;margin: 0 auto;padding-bottom: 10px;}
.inner-portal {
  text-align: center;
  padding: 0px 0 28px 0;
}
.title-portal {
  text-align: center;
  color: #fff;
}
.m-manategh {
  width: 79px;
  height: 69px;
  background: url(/Portals/0/tehran.99/moavenat/m-manategh.png) no-repeat;
  display: inline-block;
  padding: 0;
  margin-bottom: 10px;
}
.m-moavenet {
  width: 79px;
  height: 69px;
  background: url(/Portals/0/tehran.99/moavenat/m-moavenat.png) no-repeat;
  display: inline-block;
  padding: 0;
  margin-bottom: 10px;
}
.m-sherkat {
  width: 79px;
  height: 87px;
  background: url(/Portals/0/tehran.99/moavenat/m-sherkatha.png) no-repeat;
  display: inline-block;
  padding: 0;
  margin: 0 1px;
}
.m-edare {
  width: 130px;
  height: 87px;
  background: url(/Portals/0/tehran.99/moavenat/m-edarat.png) no-repeat;
  display: inline-block;
  padding: 0;
  margin: 0 1px;
}
.m-setad {
  width: 79px;
  height: 69px;
  background: url(/Portals/0/tehran.99/moavenat/m-setad.png) no-repeat;
  display: inline-block;
  padding: 0;
  margin-bottom: 10px;
}
.m-sazman {
  width: 130px;
  height: 87px;
  background: url(/Portals/0/tehran.99/moavenat/m-sazman.png) no-repeat;
  display: inline-block;
  padding: 0;
  margin: 0 1px;
}
.portal-box .slick-prev::before,
.portal-box .slick-next::before {
  color: #fff;
}
.portal-box .slick-next {
  right: 0;
}
.portal-box .slick-slide a{display: table;margin: 0 auto;}
.portals.row div#box-first-title {
    padding-right: 0;
}
.portals.row {
    background-image: url(images/bg/bg-portals.png);
    background-size: cover;
    padding: 94.5px 0 94.5px 33px;
    direction: rtl;
    margin-bottom: 100px;
}
.portals.row .box-link{
background: #fff;
    border-radius: 48px;
    display: flex;
    justify-content: center;
    height: 278px;
    align-items: center;
	
}
.portals.row .box-link:hover {
    cursor: pointer;
    box-shadow: 0px 4px 4px 0px #00000040 inset;
    border: 2px solid #6DA975;
}
.portals.row .box-link a{
	display: table;
    margin: 0 auto;
    cursor: pointer;	
}
.portals.row .box-link a img{margin: 0 auto;
    display: table;}
.portals.row .box-link a span{
display: block;
    text-align: center;
    color: #081035;
    padding: 20px;
    font-size: 16px;
    font-family: 'iransans-bold';
    padding-top: 43px;
	
}
.box-services {
    display: flex;
    align-items: center;
    border: 1.5px solid #CFD2E3;
    border-radius: 40px;
    margin: 0 0 19px;
    direction: rtl;
    padding: 23px 24px 23px 0;
}

.box-services img {
    width: 132px;
    height: 132px;
}

.box-services h4 {
    font-size: 16px;
    text-align: center;
    direction: rtl;
    padding-right: 14px;
    font-family: 'iransans-light';
}
.box.picture-orginal img {
    border-radius: 48px;
}
.box-services img {
    width: 132px;
    height: 132px;
    border-radius: 32px;
}
.box.picture-orginal .caption {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 37px 0;
    border-radius: 0 0 48px 48px;
    background: linear-gradient(180deg, rgba(109, 169, 117, 0) 0%, rgba(96, 156, 104, 0.75) 100%);
    z-index: 1;
	    overflow: hidden;
}
.box.picture-orginal {
    border-radius: 48px;
}
.box.picture-orginal .caption:before {
content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    margin-top: -18px;
    z-index: -1;
    background: linear-gradient(180deg, rgba(109, 169, 117, 0) 0%, rgba(96, 156, 104, 0.75) 100%);
    background: linear-gradient(to top, rgba(96, 156, 104, 0), rgba(109, 169, 117, 0));
    backdrop-filter: blur(6px);
}
.box.picture-orginal .caption h4 {
    color: #fff;
    text-align: right;
    padding: 20px;
    direction: rtl;
    font-size: 24px;
    font-family: 'iransans-Semibold';
}
.box.picture-orginal .caption img {
    float: left;
}
div#content-display ul li a {
    border: 1.5px solid #CFD2E3;
    display: block;
    color: #081035;
    margin: 10px 0;
    padding: 19px 32px 20px 0;
    border-radius: 17px;
    position: relative;
font-size:16px;
}
div#content-display ul li a:hover {
    box-shadow: 0px 0px 8px 3px #00000040;
    border: 1.5px solid #6DA975;
}
div#content-display ul {
    margin-right: 0;
    padding-right: 10px;
}
div#content-display ul li {
    list-style-type: none;
	
}

div#content-display ul li a:after {
    background: url('images/icons/icons-list.png');
    content: "";
    width: 48px;
    height: 48px;
    position: absolute;
    left: 9px;
    top: 6px;
    /* bottom: 0; */
}
/* =============================== Responsive ============================== */
@media handheld, only screen and (max-width: 1280px) {
  .Application-Slider .slick-next:before {
    left: 0;
  }


  .Services-Slider .slick-prev::before {
    left: 0;
  }
div#dnn_ContentPane:before{display:none}
.nav-item .nav-link.active#focusin2 h3::before {
    right: 31%;

}
.nav-item .nav-link.active#focus3 h3::before {
    right: 26%;
    top: 37%;
}
.nav-item #focusinme1 h3::before {
    right: 41%;

}
}
@media handheld, only screen and (max-width: 991px) {
.btn-arrow-bottom {
    display: none;
}
.imgbg {
    margin-top: 70px;
}
a.link-more:after {
    content: "";
top: 12px;}
.row{margin:0}
.app-box{margin-bottom: 36px;}
  /*--------- .Services-Slider ----------*/

  .Services-Slider .slick-next:before {
    right: -2px;
  }
  div#dnn_ContentPane{margin-top:0;padding: 24px 18px 0 18px;}
.Application-Slider .slick-arrow{top:485px}
.Application-Slider .slick-prev {
    right: 52%;
}
.Services-Slider1 .slick-prev {
    right: 51%;
}
.Services-Slider1 .slick-next {
    right: 43%;
}
.box.picture-orginal {
    border-radius: 48px;
    margin: 0 auto;
    display: table;
    position: relative;
}
.box.picture-orginal .caption:before{    backdrop-filter: none;background: linear-gradient(180deg, rgba(109, 169, 117, 0) 0%, rgba(96, 156, 104, 0.75) 100%);
}
.box.picture-orginal .caption{padding-bottom: 7px;}
  /*--------- extra-hover-box ----------*/
  #extra-hover-box {
    display: none;
  }
  /*----------------- banner */
  .skin_banner {
    margin-bottom: 0;
  }
  .Banner-Slider {
    padding-bottom: 0;
  }
  .caption-banner-box {
    bottom: 0;
    padding: 0 10px;
    border-radius: 0;
    right: 0;
    text-align: right;
  }
  .caption-banner-box h3 {
    font-size: 14px;
    line-height: 2.4em;
    font-weight: normal;
    margin: 0;
    padding: 4px 0;
  }
  .slick-dots li button::before {
    opacity: 1;
    color: #081035;
  }
  .slick-dots li.slick-active button::before {
    opacity: 1;
    color: #ECEDF4;
  }
  .Banner-Slider .slick-dots {
    bottom: -17px;
  }

  /* ------------------SlickSlider-Banner-VIdeo Style------------------------- */
.Banner-Slider .slick-track img {
    height: auto !important;
}
  .Banner-Slider {
    position: relative;
    width: 100%;
    /* height: 38vw;
  min-height: 8vw; */
    /* margin-bottom: 50px; */
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 1.2s ease;
    transition: all 1.2s ease;
  }
  .Banner-Slider.slick-initialized {
    opacity: 1;
    visibility: visible;
margin-bottom: 30px;
  }

  .Banner-Slider .slick-slide {
    position: relative;
padding:0 6px;
opacity: 0.5;
  }
  .Banner-Slider .link-more{display:none}
  .Banner-Slider .slick-slide::before {
    background-color: #000;
    opacity: 0.3;
    z-index: 1;
  }
  .Banner-Slider .slick-slide video {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .Banner-Slider .slick-slide figure {
    position: relative;
    height: 100%;
  }
  .Banner-Slider .slick-slide .slide-image {
    opacity: 0;
    height: 100%;
    background-size: cover;
    background-position: center;
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
  }
  .Banner-Slider .slick-slide .slide-image.show {
    opacity: 1;
  }
  .Banner-Slider .slick-slide .image-entity {
    width: 100%;
    opacity: 0;
    visibility: hidden;
  }
  .Banner-Slider .slick-slide .loading {
    position: absolute;
    top: 44%;
    left: 0;
    width: 100%;
  }
  .Banner-Slider .slick-slide .slide-media {
    -webkit-animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
    animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
  }
  .Banner-Slider .slick-slide.slick-active {
    z-index: 1;
	        opacity: 1;
  }
  .Banner-Slider .slick-slide.slick-active .slide-media {
    -webkit-animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
    animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
  }
  .Banner-Slider .slick-slide.slick-active .caption {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s;
    transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s;
  }

  @-webkit-keyframes slideIn {
    from {
      -webkit-filter: blur(15px);
      filter: blur(15px);
    }
    to {
      -webkit-filter: blur(0);
      filter: blur(0);
    }
  }

  @keyframes slideIn {
    from {
      -webkit-filter: blur(15px);
      filter: blur(15px);
    }
    to {
      -webkit-filter: blur(0);
      filter: blur(0);
    }
  }
  @-webkit-keyframes slideOut {
    from {
      -webkit-filter: blur(0);
      filter: blur(0);
    }
    to {
      -webkit-filter: blur(15px);
      filter: blur(15px);
    }
  }
  @keyframes slideOut {
    from {
      -webkit-filter: blur(0);
      filter: blur(0);
    }
    to {
      -webkit-filter: blur(15px);
      filter: blur(15px);
    }
  }
  /*----------------- counter-box */
  .counter-box {
    padding: 0 0 40px;
  }
  .graygrid12 {
    margin: 0;
  }
  .inner-counter {
    margin: 0 auto;
    display: table;
   
  }

  /*----------------- catevent-box */
  .topgrid3a_top,
  .topgrid3a_bottom,
  .topgrid3b_top,
  .topgrid3b_bottom {
    padding: 0 2px 0 2px;
  }
  .topgrid4a,
  .topgrid4c {
    padding: 2px 15px !important;
  }
  /*----------------- Extra-Hover  */
  /* #extra-hover-box {
	top: 40px;
} */



  /* --------------------Hover Link */
  .effect-target {
    -webkit-transform: none;
    transform: none;
  }
  .topgrid12 {
    margin: 0;
  }
  /* .hero-grid-content {
    padding: 0 0.5em;
  } */
  .effect-move .effect-image, .effect-move .effect-text{opacity: 1;}
  .hero-grid.effect-move .box-opacity-black {
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 0;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
  }
  .hero-grid-content {
    padding: 3em;
    top:50px;
    bottom: auto;
  }
  
  
  .portals.row.responsive-mobile-slider {
    display: none;
}
   /* --------------------rotateslider */ 
.rotateslider-container#slider{margin-top:0}
  .rotateslider-container#slider, .rotateslider-container#slider .rotateslider-item{width:100%;padding: 25px;margin: 11% 0;}

  .rotateslider-container#slider .rotateslider-item > img {
        margin-left: 0;
        max-width: 49%;
        height: 500px;
}
  .rotateslider-container#slider .rotateslider-item h3{font-size:18px;}
  
  .rotateslider-item .caption {
    max-width: 50%;
}
  .rotateslider-container#slider .arrow{bottom: -42px;}
.rotateslider-container#slider .arrow.right {
    right: 42%;
}
.rotateslider-container#slider .arrow.left {
    left: 47.5%;
}
.rotateslider-item .caption a.link-more{float:right}

  /*---------------extra---*/
  div#dnn_ContentPane:after{left:0;bottom:0;top:auto}
  .title-services span:after{display:none}
  a.link-more{background: none;
    color: #6DA975;}

  div#dnn_ColorGrid4A{order: 1;}
  div#dnn_ColorGrid4C{order:3}
   div#dnn_ColorGrid4A, div#dnn_ColorGrid4B,div#dnn_ColorGrid4C{width:100%;margin-bottom:0}
.title-news span:after{display:none;}
  .Banner-Slider .slick-slide img{clip-path: none !important;border-radius: 15px;}
div#dnn_ColorGrid4B {
    margin-bottom: 0;
}
.portals.row.desktop{display:none}
.portals.row.responsive-mobile-slider {
    display: flex;
background-color:#E4F6E7;
padding: 50px 0;
}
.portals.row .box-link {margin:16px;}
.portals.row .box-link a img{width:auto}
.dnnpane > [class*="col-md"], .dnnpane > [class^="col-md"] {
        padding: 0;
    }
.mobile-slider .slick-prev, .mobile-slider .slick-next{top:386px;
display: inline-block;
    width: 32px;
    height: 32px;
    background-color: #ECEDF4;
    position: absolute;
    cursor: pointer;
    text-align: center;
    z-index: 4;
    border-radius: 24px;
}

.portals.row .box-link a span{font-size:14px;padding-top:15px}
.box-first{    margin-top: 37px;    background-size: 192px 240px;}
.mobile-slider .slick-next:before{
    content: url(images/icons/Right-green.png);
    position: absolute;
    top: -4px;
    right: -11px;
    font-size: 35px;
}
.mobile-slider .slick-prev:before {
    content: url(images/icons/left-green.png);
    position: absolute;
    top: -4px;
    left: -12px;
    font-size: 35px;
}
.mobile-slider button.slick-next.slick-arrow{right: 20%;}
.mobile-slider button.slick-prev.slick-arrow{    left: 65%;}
.title-services, .title-news {
    padding: 0 25px;
}
.title-news a.link-more:after {
    top: 9px;
}
.tab-news-box .slick-next {
    left: 50%;
}
.tab-news-box .slick-prev {
    left: 45%;
}
.tab-news-box .slick-arrow {
    top: 399px;
}
.link-site.mobile-site-link{display:block}
.desktop-site-link{display:none}
.link-site.mobile-site-link {
    display: flex;
    margin: 0 auto;
    align-items: center;
    align-items: center;
    justify-content: center;
    padding: 10px;
}
.nav-item .nav-link.active#focusin2 h3::before {
    right: 26%;

}
.nav-item .nav-link.active#focus3 h3::before {
    right: 20%;
    top: 37%;
}
.nav-item #focusinme1 h3::before {
    right: 41%;

}
.tab_top_style .nav-tabs > li > a.active > h3{margin:0}
}
@media handheld, only screen and (max-width: 767px) {
  /*----------------- News-tab */
  .tab-news-img img {
    width: 100% !important;
  }
  /*----------------- banner-box */
  .caption-banner-box {
    display: none;
  }
  /*----------------- app-box */
  .app-top-title {
    text-align: right;
  }
  .app-bottom-link {
    text-align: center;
  }
  .app-box > .col-xs-12 > img {
    width: 100px;
    margin: 0 auto;
  }
  .nav-tabs > li {
    float: none;
    width: 100%;
    padding: 0;
margin: 0;
  }
.tab_top_style .nav-tabs > li > a{padding: 6px 0;}
.tab_top_style .nav-tabs > li > a > h3{    padding: 17px 22px;}
.nav-item .nav-link.active#focusin2 h3::before {
           right: 42%;
        top: 20px;

}
.nav-item .nav-link.active#focus3 h3::before {
        right: 40%;
        top: 33%;
}
.nav-item #focusinme1 h3::before {
    right: 46%;

}

ul#myTab {
    padding: 0 18px;
}
.title-tab-news{padding: 10px 0;}
}
@media handheld, only screen and (max-width: 680px) {

  .hover-link-box.slick-initialized.slick-slider {
    max-width: 420px;
    margin: 0 auto;
  }

.box-first {
    background-image: url(images/portals/pic-mobile.png);
background-size: contain;
}
    .portals.row .box-link {
        margin: 0 16px;
    }
    .portals.row .box-link a span {
        padding-bottom: 0;
    }
h2.center-title span {
    font-size: 16px;
    font-family: 'iransans-Semibold';
}
.app-top-title > a {
    font-size: 14px;
    font-family: 'iransans-Semibold';
	text-align: center;
}
.Application-Slider .slick-next {
    right: 43%;
}
.title-services span, .title-news span {
    font-size: 16px;
    font-family: 'iransans-Semibold';
}
.title-services a.link-more, .title-news a.link-more {
    float: left;
    font-size: 12px;
}
a.link-more:after{top:7px;}
.desc-service a {
    font-family: 'iransans-Semibold';
    font-size: 14px;
}
.logo-service {
    padding: 10px 0;
}
.num-counter {
    font-size: 36px;
font-family: 'iransans-Semibold';
}
.title-counter1,.title-counter2,.title-counter3 {
    font-size: 18px;
}
h2.heading-pane {
    font-size: 16px;
}
div#content-display ul li a {
    font-size: 14px;
    font-family: 'iransans-medium';
}
    a.link-more {
        font-size: 12px;
    }
div#dnn_ColorGrid4C,div#dnn_ColorGrid4A{padding: 0 25px;}
    .rotateslider-container#slider .rotateslider-item h3 {
        line-height: 30px;
    }
    .rotateslider-container#slider .arrow.left {
        left: 46.5%;
    }
    .rotateslider-container#slider .arrow.right {
        right: 40%;
    }
    .mobile-slider button.slick-prev.slick-arrow {
        left: 61%;
    }
    .mobile-slider button.slick-next.slick-arrow {
        right: 16%;
    }
    .title-news a.link-more:after {
        top: 7px;
    }
.tab-news-box .slick-arrow {
        top: 434px;
    }
    .tab-news-box .slick-next {
        left: 52%;
    }
    .tab-news-box .slick-prev {
        left: 43%;
    }
	.nav-item .nav-link.active#focusin2 h3::before {
right: 41%;
}
.nav-item .nav-link.active#focus3 h3::before {
           right: 38%;

}
	.nav-item #focusinme1 h3::before {
    content: "";
    right: 44%;

}
	.nav-item #focusin2 h3::before {
    content: "";
           right: 40% !important;
        top: 16px !important;

}
	.nav-item #focus3 h3::before {
    content: "";
   right: 42% !important;
        top: 15px !important;

}
}
@media handheld, only screen and (max-width: 580px) {
.service-card{padding:0;    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;    margin: 0 1px 5px 11px;    min-height: 208px;}
.logo-service {
    padding:0;
}
.desc-service {
    padding: 0px 1px;
}
.Services-Slider1 .slick-arrow {
    top: 250px;
}
.inner-counter {
    position: relative;
padding: 25px 0 19px 0;}
.title-counter1,.title-counter2,.title-counter3 {
    margin-top: 12px;
}
.counter-box {
    padding-bottom: 30px;
}
div#content-display ul li a {
    padding: 12px 32px 12px 0;
}
div#content-display ul li a:after {
    background: url(images/icons/icons-list.png) no-repeat;
    content: "";
    background-size: 30px 30px;
}
a.link-more{margin-bottom: 0;}
.box-services {
    padding: 10px 10px 10px 0;
}
.box-services img {
    width: 110px;
    height: 110px;
}
.rotateslider-container#slider .rotateslider-item > img {
    max-width: 50%;
}
.rotateslider-container#slider .arrow {
    bottom: 6px;
}
.rotateslider-container#slider, .rotateslider-container#slider .rotateslider-item {
    width: 100%;
    padding: 25px;
    margin: 11% 0 5% 0;
}
.portals.row .box-link {
    height: 200px;

}
.box-first {
    background-size: 135px 200px;
    margin-top: 0;
}
.portals.row div#box-first-title {
    padding: 0;
}
.portals.row .box-link {
    margin: 0 10px;
}
.portals.row.responsive-mobile-slider {
    padding: 30px 0;
}
.mobile-slider .slick-prev, .mobile-slider .slick-next {
top: 260px;}

.address span,.tell span,.email span  {
    font-weight: 700;
}
.footer_address * {
    font-size: 16px;
    line-height: 40px;
    font-family: 'iransans-medium';
}
.footer-app-downlink {
    font-size: 14px;
    color: #6DA975;
}
.footer-app-downlink img{display:none;}
.footer-app-downlink:after {
    content: "";
    width: 22px;
    height: 22px;
    position: absolute;
    top: 16px;
    left: 13px;
}
.app-download-box a{background:transparent;position: relative;}
.footer-app-downlink:after{
    top: 2px;
    right: 82px;}
.footer-app-downlink{position: relative;}
.footer_address.mobile-social-icons{margin-top:0}
.app-download-box {
    margin-top: 0;
}
.qrcode-box {
    padding-bottom: 11px;
}
	.nav-item .nav-link.active#focusin2 h3::before {
        right: 38%;
}
.nav-item .nav-link.active#focus3 h3::before {
                   right: 34%;

}
	.nav-item #focusinme1 h3::before {
    content: "";
    right: 44%;

}

    .rotateslider-container#slider .arrow.right {
        right: 37%;
    }

.text-image-slider button.cta-button
 {
    margin: 10px;
    display: block;
    text-align: center;
    margin: 0 auto 20px;
}
#mainContent, section.content_whitebg.last-pane {

    background: none;
}

}
@media handheld, only screen and (max-width: 420px) {
  /*----------------- cat-event */
  .content-catnews-box {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    text-align: right;
  }
  .content-catnews-box h3 {
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 5px 0;
    text-align: right;
    padding: 0 6px;
  }
  .date-catnews-box .date-icon > img {
    width: 12px;
    height: 12px;
  }
  .content-catnews-center-box {
    bottom: 0;
  }
  .content-catnews-center-box h3 {
    font-size: 14px;
  }
  .topgrid12 {
    margin: 0 0 -40px 0;
  }

  .colorgrid4a,
  .colorgrid4b,
  .colorgrid4c {
    margin: 0;
  }
  .topgrid3a_top,
  .topgrid3a_bottom,
  .topgrid3b_top,
  .topgrid3b_bottom {
    padding: 0 1px;
  }
    .rotateslider-container#slider, .rotateslider-container#slider .rotateslider-item {
        margin: 28% 0;
    }
div#dnn_ColorGrid4B {
    padding: 0 25px;
}
    .rotateslider-container#slider .arrow.right {
        right: 29%;
    }
    .rotateslider-container#slider .arrow.left {
        left: 44.5%;
    }
    .mobile-slider button.slick-next.slick-arrow {
        right: 11%;
    }
    .mobile-slider button.slick-prev.slick-arrow {
        left: 55%;
    }
    .tab-news-box .slick-arrow {
        top: 390px;
    }
    .tab-news-box .slick-prev {
        left: 40%;
    }
    .tab-news-box .slick-next {
        left: 53%;
    }
		.nav-item .nav-link.active#focusin2 h3::before {
        right: 33%;
}
.nav-item .nav-link.active#focus3 h3::before {
                   right: 27%;

}
	.nav-item #focusinme1 h3::before {
    content: "";
    right: 40%;

}
	
 .rotateslider-container#slider .arrow.right {
        right: 31%;
        bottom: -57px;
    }
    .rotateslider-container#slider .arrow.left {
                left: 45.5%;
        bottom: -57px;
    }
	    .Application-Slider .slick-next {
        right: 39%;
    }
	    .Services-Slider1 .slick-next {
        right: 39%;
    }
	
}
@media handheld, only screen and (max-width: 300px) {
  .topgrid3a_top,
  .topgrid3a_bottom,
  .topgrid3b_top,
  .topgrid3b_bottom {
    width: 100%;
    float: none;
  }
  .topgrid3a_top,
  .topgrid3b_top,
  .topgrid3b_bottom {
    margin-bottom: 8px;
  }


}
/* ===================== focus ====================== */
ul.extra-list li a:focus {
  display: grid;
}