@font-face{font-family:'iransans';src:url(../font/iransans.eot?#iefix) format("embedded-opentype"),url(../font/iransans.woff) format("woff"),url(../font/iransans.ttf) format("truetype");font-weight:400;font-style:normal; font-display: swap; }@font-face{font-family:iransansb;src:url(../font/iransans_b.eot?#iefix) format("embedded-opentype"),url(../font/iransans_b.woff) format("woff"),url(../font/iransans_b.ttf) format("truetype");font-weight:400;font-style:normal; font-display: swap;}
body, div, table, span, p, li, a, h1, h2, h3, h4, h5 ,h6, strong, b, article, section, main{font-family:iransans}
.mar-pad-0{margin: 0; padding: 0;}
a{text-decoration: none !important;}
p{text-align: justify;}
.mar-0{margin: 0 }
.mar-b-1 {margin-bottom: 1em;}
.mar-b-2 {margin-bottom: 2em;}
.mar-b-3 {margin-bottom: 3em;}
.mar-b-4 {margin-bottom: 4em;}
.mar-b-5 {margin-bottom: 5em;}
.mar-b-6 {margin-bottom: 6em;}
.mar-b-7 {margin-bottom: 7em;}
.mar-t-2 {margin-top: 2em;}
.mar-t-3 {margin-top: 3em;}
.mar-t-4 {margin-top: 4em;}
.mar-t-5 {margin-top: 5em;}
.mar-t-6 {margin-top: 6em;}
.mar-t-7 {margin-top: 7em;}
.mar-t-15{margin-top:15px}
.mar-t-20{margin-top:20px}
.mar-t-25{margin-top:25px}
.mar-t-30{margin-top:30px}
.mar-tb-1 {margin: 1em 0;}
.mar-tb-2 {margin: 2em 0;}
.mar-tb-3 {margin: 3em 0;}
.mar-tb-10 {margin: 10px 0;}
.mar-tb-15 {margin: 15px 0;}
.mar-tb-20 {margin: 20px 0;}
.mar-b-10{margin-bottom:10px}
.mar-b-15{margin-bottom:15px}
.mar-b-20{margin-bottom:20px}
.mar-b-25{margin-bottom:25px}
.mar-10 {margin: 10px;}
.mar-15{margin: 15px;}
.mar-20{margin: 20px;}
.pad-0{padding: 0 }
.pad-tb-1 {padding: 1em 0;}
.pad-tb-2 {padding: 2em 0;}
.pad-tb-3 {padding: 3em 0;}
.pad-b-2 {padding-bottom: 2em;}
.pad-b-3 {padding-bottom: 3em;}
.pad-b-4 {padding-bottom: 4em;}
.pad-b-5 {padding-bottom: 5em;}
.pad-b-6 {padding-bottom: 6em;}
.pad-b-7 {padding-bottom: 7em;}
.pad-t-2 {padding-top: 2em;}
.pad-t-3 {padding-top: 3em;}
.pad-t-4 {padding-top: 4em;}
.pad-t-5 {padding-top: 5em;}
.pad-t-6 {padding-top: 6em;}
.pad-t-7 {padding-top: 7em;}
.pad-tb-15 {padding: 15px 0;}
.pad-tb-20 {padding: 20px 0;}
.pad-rl-15{padding: 0 15px;}
.pad-rl-20{padding: 0 20px;}
.pad-10 {padding: 10px;}
.pad-15{padding: 15px;}
.pad-20{padding: 20px;}
.scrollgress {  z-index: 99999;}
.bg-technopol-l{background-color: #f8f9fa;}
.bg-technopol-g{background-color: #7c7c7c;}
.bg-technopol-r{background-color: #df0023;}
.bg-grays{background-color: #7a7c79;}
footer, main{position: relative; width: 100%; display: block; float: right; clear: both;}
/************************Index********************************/
.technopol-indx-header-aboutus{font-size: 24px;  font-family: iransansb;}
.hexagon-wrapper {  width: 590px;  height: 390px;  position: relative;  z-index: 3;  margin: 6em auto;}
.hexagon {  position: absolute;  opacity: 0;  animation-delay: 0.3s;  animation-fill-mode: forwards;  animation-duration: 0.6s;}
.hexagon.hex1 {  animation-name: tp-bounce-left;  left: 0;  bottom: 80px;}
.hexagon.hex2 {  animation-name: tp-bounce-right;  left: 140px;  bottom: 0px;}
.hexagon.hex3 {  animation-name: tp-bounce-right;  right: 140px;  bottom: 80px;}
.hexagon.hex4 {  animation-name: tp-bounce-right;  right: 0px;  top: 80px;}
.hexagon.hex5 {  animation-name: tp-bounce-left;  right: 140px;  top: 0px;}
.hexagon.hex6 {  animation-name: tp-bounce-left;  left: 140px;  top: 80px;}
.hexagon svg {  width: 170px;  height: auto;  fill: #fff;  opacity: 1;}
.hexagon .info {  padding: 10px 30px;  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;  display: flex;  flex-direction: column;  justify-content: center;}
.hexagon .info .ico {  display: flex;  justify-content: center;  margin-bottom: 14px;}
.hexagon .info .ico svg {  max-width: 56px;}
.hexagon .info .ico svg path{fill: #df0023;}
.hexagon .info .title {  transition: 0.3s all;  text-align: center;  color: #fff;  font-size: 11px;  font-weight: 700;}
.hexagon a {  display: block;  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;  z-index: 5;}

@keyframes tp-bounce-right {
  0% {
    opacity: .2;
    transform: translateX(-200px);
  }
  60% {
    opacity: .7;
    transform: translateX(15px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes tp-bounce-left {
  0% {
    opacity: .2;
    transform: translateX(200px);
  }
  60% {
    opacity: .7;
    transform: translateX(-15px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.technopol-index-about-box .card-title.text-center a {  font-size: 20px;}
.subservice-page-content p img {  position: relative;  display: block;  margin: 0 auto;}
.technopol-page h2, .technopol-page h3{position: relative;  display: block;  padding: 10px 0 15px;  margin-bottom: 20px;}
.technopol-index-sliders{background-color: #7c7c7c;}
.hexagon:hover > .info .ico svg path{fill: #fff;}
.hexagon:hover > svg path.back {  fill: #df0023;  opacity: 1 !important;}
.hexagon:hover > .info .title span{color:#fff}
.technopol-index-about-box{border: none;border-radius: 0;}
.technopol-index-service-item-text-link:hover, .technopol-index-service-item-text-link:visited{color: #fff;}
.technopol-index-service-item-text-box p a{display:none}
.technopol-index-service-item-text-box {  position: relative;  display: none;  width: 100%;}
#index-service-carousel .owl-item.active {  background-color: white;}
.technopol-index-service-item-text{ position: absolute;   width: 40%;   right: 20px;   height: calc( 100% - 30%);   top: 15%;   bottom: 15%;   z-index: 99;}
.owl-item.active .technopol-index-service-item-text-box {  display: block !important;  height: 100%;background-color: #df0023db;}
.technopol-index-service-item-text h3{position: relative;  display: block;  width: 100%;  padding: 20px 20px 5px;  margin: 0;}
.technopol-index-service-item-text p{font-size: 15px;  color: white;  padding: 0 20px 20px;  max-height: calc( 100% - 120px );  overflow: hidden;}
.technopol-index-service-item-slider{  padding-block-start: var(--bc-padding-block-start,var(--padding-block-start));
  padding-block-end: var(--bc-padding-block-end,var(--padding-block-end));--display: flex;
  --justify-content: flex-end;
  --background-transition: 0.3s;
  --overlay-opacity: 0.5;
  --border-radius: 32px 32px 32px 32px;
  --padding-block-start: 390px;
  --padding-block-end: 10px;
  --padding-inline-start: 50px;
  --padding-inline-end: 50px;
  position: relative;
  padding-left: 20px;
	padding-right: 20px; background-color: #253c9554;}
.technopol-index-service-item-text h3 a{font-size: 20px;  font-weight: bold;  color: white; padding: 0; margin:0; position:relative !important; background-color:transparent !important}
.technopol-index-service-item-text-btn{position: absolute;  display: block;  bottom: 20px;  padding: 5px 25px;  background-color: white;  left: 20px;  margin-left: calc(var(--bs-gutter-x) * .5);  color: #003c71;}
  .technopol-index-service-item-img {
  padding-block-start: var(--bc-padding-block-start,var(--padding-block-start));
  padding-block-end: var(--bc-padding-block-end,var(--padding-block-end));
  --display: flex;
  --justify-content: flex-end;
  --background-transition: 0.3s;
  --overlay-opacity: 0.5;
  --border-radius: 32px 32px 32px 32px;
  --padding-block-start: 390px;
  --padding-block-end: 10px;
  --padding-inline-start: 50px;
  --padding-inline-end: 50px;
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
}
.technopol-index-service-nav div, .technopol-index-service-nav div a {  display: grid;  text-align: center;  justify-items: center;  gap: 10px;  padding: 10px 15px;  position: relative;}
.technopol-index-service-item-text-link{color: #fff;}
.technopol-index-service-nav{background-color: #7c7c7c;}
.technopol-index-service-nav-item:hover{background-color: #DF0023}
section{position: relative; display: block; width: 100%; clear: both; float: right;}
.technopol-index-video-wrapper {  overflow: hidden;  position: relative;  display: block;  width: 100%;  float: right;}
.technopol-video-wrapper {  position: absolute;  left: 0;  top: 0;  right: 0;  width: 100%;  display: block;}
.technopol-index-activity .nav-pills .nav-link {
  color: #3f3f3f;
  border-radius: 6px;
  padding: 15px 10px 15px 15px;
  background-color: #fff;
  margin: 8px 0;
  font-weight: 400;
  display: flex;
  min-width: 210px;
}
.technopol-index-service-nav div svg {
  width: 50px;
  height: 50px;
}
.technopol-index-activity .nav-pills .nav-link.active {
  color: #DF0023;
  background-color: #fff;
  border-radius: 6px;
  font-weight: 600;
  position: relative;
}
.technopol-index-activity .nav-pills .active::after {
  content: '';
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-right: 15px solid #fff;
  border-left: 0px solid transparent;
  position: absolute;
  left: -15px;
  top: 15px;
}
#v-pills-tab {
  min-width: 240px;
}
#v-pills-tab button img {
  position: relative;
  float: right;
  width: 23px;
  margin: 0;
  margin-left: 0px;
  margin-left: 10px;
}
.v-pills-home-content-box p {
  margin: 0; text-align:center !important;
}
#v-pills-tabContent {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 6px;
  padding:15px ;
}
#v-pills-tabContent .tab-pane {position: relative; width: 100%;}
.technopol-index-solution-box-img img{max-height: 300px;
  object-fit: cover;
  width: 100%;
  margin: 0;
  transition: 0.2s ease; max-width: 100% !important;}
  .technopol-index-solution-box-img{width: 100%;
    margin-left: 0px;
    overflow: hidden;
    position: relative;}
  .technopol-index-solution-box-img::after{content: '';
    position: absolute;
    width: 86%;
    height: 80%;
    top: 10%;
    left: 7%;
    border: 2px solid #fff;
    opacity: 0.5;}
    .technopol-index-solution-box-img:hover img {
      transform: scale(1.2);
    }
    .technopol-index-solution-box-item{display: flex;
  align-items: center;
  padding: 0;
  position: relative;}
  .v-pills-home-content-box {
    border: 1px solid #df0023;
    background-color: #df002342;
  }
  .v-pills-home-content-box:hover {
    background-color: #fff;
    color: #797c79;
  }
  .technopol-index-solution-box .container .row .technopol-index-solution-box-item:nth-child(4n+2){background-color: #7d7d7d;}
  .technopol-index-solution-box .container .row .technopol-index-solution-box-item:nth-child(2n+1){background-color: #df0023;}
  .technopol-index-solution-box-content {    padding: 20px 40px;    color: white;  }
  .technopol-index-head-section {
    -webkit-text-stroke-width: 1.4px;
    color: transparent;
    font-size: 2.9em;
    font-weight: 700;
    position: relative;
    transition: .5s;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 20px;
  }
  .stroke-color-white{-webkit-text-stroke-color: #fff;}
  .stroke-color-gray{-webkit-text-stroke-color: #7c7c7c;}
  .stroke-color-red{-webkit-text-stroke-color: #df0023;}
  .technopol-box-center-content{max-width: 550px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;}
  .card-product{padding: 0;}
#index-product-carousel .owl-nav button.owl-prev,
#index-product-carousel .owl-nav button.owl-next {
	z-index: 1;
	width: 40px;
	height: 40px;
	background-color: #df0023;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	transform: translatey(-50%);
    border: 2px solid white;
}

#index-product-carousel .owl-nav button span {
	font-size: 30px;
	height: 100%;
	display: block;
	width: 100%;
  text-align: center;
  color: #fff;
  display: flex;
  justify-content: center;
  align-content: center;
  line-height: 38px;
}
#index-product-carousel .owl-nav button.owl-prev {
	right: -25px;
}
#index-product-carousel .owl-nav button.owl-next {
	left: -25px;
}
#index-product-carousel .owl-nav {
	margin: 0;
}
.card-product .card-body .card-title a {
    font-size: 18px;
    font-weight: 600;
    font-family: 'iransans';
    color: #212529;
  }
  .card-product .card-body{min-height: 150px;}
  .card-product .card-body .card-permalink, .technopol-index-book-box .card-body .card-permalink, .technopol-index-regulation-box .card-body .card-permalink, .technopol-index-video-box .card-body .card-permalink, .technopol-index-related_products-box .card-permalink{
    display: block;
    transition: all .3s ease-in;
    max-height: 0;
    overflow: hidden;
    text-align: left;
    color: #797c79;
  }
  .card-product .card-body .card-permalink i, .technopol-index-book-box .card-body .card-permalink i, .technopol-index-regulation-box .card-body .card-permalink i , .technopol-index-video-box .card-body .card-permalink i, .technopol-index-related_products-box .card-permalink{
    display: inline-block;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 5px;
    padding: .4em .6em;
  border-radius: 1.5rem;
  background-color: #df0023;
  color: white;
 }
 .technopol-index-book-box .card-body, .technopol-index-regulation-box .card-body, .technopol-index-video-box .card-body  {  min-height: 115px;}
    .card-product:hover .card-body a.card-permalink, .technopol-index-book-box:hover .card-body .card-permalink, .technopol-index-regulation-box:hover .card-body .card-permalink , .technopol-index-video-box:hover .card-body .card-permalink, .technopol-index-related_products-box .card-permalink{
        max-height: 100px;
      }
      
      .technopol-nav-blog .nav-item button.active {
        background-color: transparent;
        color: var(--bs-danger) !important;
      }
      .technopol-nav-blog .nav-item button.active::after {
        content: "";
        border-bottom: 4px solid var(--bs-danger);
        width: 100%;
        position: absolute;
        left: 0;
        bottom: -1px;
        border-radius: 5px 5px 0 0;
      }
      
      .technopol-index-book-box-img, .technopol-index-regulation-box-img {
        max-height: 418px;
        overflow: hidden;
      }
      .technopol-index-book-box-link, .technopol-index-regulation-box-link, .technopol-index-video-box-link {
        font-size: 16px;
        color: #434344;
        text-align: justify;
        line-height: 24px;
        position: relative;
        display: block;
      }
      .technopol-index-book-box-link:hover, .technopol-index-regulation-box-link:hover, .technopol-index-video-box-link:hover {color: #df0023;}
      .technopol-index-book-box .card-title, .technopol-index-regulation-box .card-title {
        min-height: 48px;
      }
      .technopol-index-article-box .card-body {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  backdrop-filter: blur(30px);
}
.technopol-index-article-box .card-body .card-title a{font-size: 16px; color: #fff;}
.technopol-index-video-box-play{position: absolute;
  ms-transform: translate(-50%,-50%) !important;
  transform: translate(-50%,-50%) !important;
  top: 50%;
  left: 50%;}
.technopol-index-video-box-icon{background-color: rgba(0,0,0,.2);
  width: 3em;
  color: #fff;
  height: 3em;
  line-height: 2.8em;
  border-radius: 100%;
  text-align: center;
  border: 2px solid #fff;
  opacity: .8;
  transition: transform .2s , opacity .2s;}
  .technopol-index-video-box-icon i{font-size: 1.1em;
    transition: color .3s;
    top: 3px;
    text-transform: none !important;
    position: relative;
    line-height: 1.2;
    padding: 0;
    margin: 0;
    left: 1px;}
.technopol-index-video-box:hover .technopol-index-video-box-icon{opacity: 1;
  -ms-transform: scale(1.15);
  transform: scale(1.15);}
  .technopol-index-video-box-img {
    position: relative;
    display: block;
    width: 100%;
  }
  .technopol-pills-box-link {
    backdrop-filter: blur(30px);
    background-color: #939393;
    color: white;
    border: 2px solid #7c7c7c;
    padding: 3px 10px;
    margin-bottom: 20px;
    display: inline-flex;
    border-radius: 4px;
    font-size: 20px;
  }
/************************End Index********************************/
/***********************sub service  ***************************/
.technopol-subservice-box {  max-height:294px;  margin-bottom: 25px;}
.technopol-subservice-box h4{padding: 226px 15px 48px;  text-align: center;  color: white;  font-size: 16px;  line-height: 20px;}
/*******************end sub service ***************************/
/************************Archive post********************************/
.technopol-archive-post-item { border-bottom: 1px solid #e5e5e5;  padding-top: 10px;  padding-bottom: 30px;}
.technopol-archive-post-item-date {  display: flex;  flex-direction: row;  align-self: center !important;  align-items: center;  justify-content: space-between;}
.technopol-header-archive-title {  text-align: center;}
.technopol-header-archive-title h1{/*background: linear-gradient(to right, #df0024 10%, #7c7c7c 40%, #000 90%);  background-clip: border-box;background-clip: border-box;-webkit-background-clip: text;-webkit-text-fill-color: transparent;*/color:white; position: relative;display: initial;margin: 0 auto;}
.technopol-archive-post-item-content, .technopol-archive-post-item-date  {  margin-top: 20px;}
.technopol-category-post-date span {  margin-left: 10px; color: black;}
.technopol-archive-post-item-content strong a {  color: black;   font-size: 18px;  font-family: iransansb; }
.technopol-header-archive-title span{position: relative;  display: block;  width: 100%;  margin: 20px auto;}
.technopol-header-archive-title span a {  color: white;}
.technopol-cateory-head-svg {  position: absolute;  left: 0;  top: 0;  right: 0;  border: 0;}
.technopol-header-archive {  position: relative;  display: block;  width: 100%;  padding: 0;  margin-bottom: 80px;}
.technopol-header-archive .container {z-index: 2;  position: relative;}
.technopol-header-archive-title {  padding: 3em 0;}
.technopol-video-wrapper video {  position: relative;  width: 100%;}
.technopol-archive-post-itme-img-box {
  max-height: 300px;
  position: relative;
  display: block;
  float: right;
  width: 100%;
  overflow: hidden;
}
/************************End Archive post****************************/
/************************Single post*********************************/
.technopol-single-head {margin-top: 3em;}
.technopol-single-head h1 {  font-size: 3rem;}
.technopol-post-detail{list-style: none; align-items: center;  border-top: 2px solid #2e475d;  border-bottom: 2px solid #2e475d;  display: grid;  grid-template-columns: 1fr;  margin-top: 1rem; padding: 1rem 0;}
.technopol-post-detail i, .technopol-post-detail .post-views-icon::before{color: #df0023ed;}
.technopol-post-detail li, .technopol-post-detail  li a{color:black}
.technopol-post-thumbnail{position: relative; display: block; margin: 0 auto; width: auto;  max-width: 100%;}
.technopol-single-category-label a {  background-color: #df0023;  padding: 5px 30px;  color: white;}
#ez-toc-container {  position: relative;  display: block;  width: 100%;border: 1px solid #df002370;  background-color: #df002321;}
#ez-toc-container ul li {  padding-right: 40px;  background-repeat: no-repeat;  background-position: 100% 3px;  margin: 5px;  background-size: 19px;  position: relative;  display: block;  float: right;  width: 100%;  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath transform='rotate(180, 12, 12)' id='svg_1' d='m13,18l0,-4l-7,0l0,-4l7,0l0,-4l6,6l-6,6zm-1,-16c5.514,0 10,4.486 10,10s-4.486,10 -10,10s-10,-4.486 -10,-10s4.486,-10 10,-10zm0,-2c-6.627,0 -12,5.373 -12,12s5.373,12 12,12s12,-5.373 12,-12s-5.373,-12 -12,-12z' style='fill: %23df00237d;'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");}
textarea#comment {  position: relative;  display: block;  width: 100%;}
#commentform textarea, #commentform input {border: 2px solid #bababa; border-radius: 8px; position: relative;  width: 100%;  margin: -10px 0 0 0;  padding: 10px;  display: block;}
#commentform textarea:hover, #commentform input:hover  {  border: 2px solid #df0023 !important;}
.comment-form-comment label,.comment-form-author label, .comment-form-email label { background-color: white;  padding: 0 10px; margin-right: 20px;  z-index: 99; position: relative; }
#respond {background-color: #fff !important;}
#respond form p.form-submit input#submit{background-color: #df0023;  color: #fff;  width: auto;  border: 2px solid #df0023;  padding: 10px 40px 10px;  border-radius: 6px;  position: relative;  font-size: 22px;  letter-spacing: .66px;  transition: all .5s ease 0s;  margin: 0;  font-weight: 500;}
.comment-form-cookies-consent input {   width: auto !important;    margin-top: 6px !important;    margin-left: 15px !important;  }
.card-link::after {  content: url("data:image/svg+xml,%3Csvg width='7.664' height='13.329' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cpath transform='rotate(180, 4.039, 6.664)' stroke-width='2' stroke-linejoin='round' stroke-linecap='round' stroke='%23df0023' fill='none' d='m1.414,11.914l5.25,-5.25l-5.25,-5.25' /%3E%3C/g%3E%3C/svg%3E");  vertical-align: middle;  padding-right: 6px; padding-top: 3px;}
.card-link {    color: #070723 !important;    font-weight: 500;  }
.card-similar-article {  height: 480px;  border-bottom: 6px solid #DF0023;  border-radius: 5px;  box-shadow: 0px 20px 20px #DDDDDD;  background-color: #ffffff;}
.card-similar-article .card-title a{color:#070723}
.comment-list {padding: 0; margin:0;}
.comments-area ol {  list-style: none;}
.comment-list li article {  border: 1px solid #e6eefc;  border-radius: 5px;  overflow: hidden;  margin-bottom: 20px;  padding: 2rem 2.5rem;}
.thread-odd article, .thread-even .children .odd article, .thread-even .children .odd .children .even .children .odd article, .thread-odd .children .odd .children .even article  {  background-color: #f2f7fd;}
.thread-even article, .thread-odd .odd article, .thread-even .children .odd .children .even .children .odd .children .even article , .thread-even .children .odd .children .even article , .thread-odd .children .even article, .thread-odd .children .even .children .odd .children .even article {  background-color: #fff;}
.comment-meta {  display: flex;  justify-content: space-between !important;}
.comment-meta a, .comment-content a{color: #df0023;}
.comment-reply-link{border: 2px solid #bfceea; color: #7e96c1; padding: 3px 15px; border-radius: 5px; }
article p img, article figure img, article img {  position: relative;  margin: 1em auto;  display: block;}
article p , article figure{position: relative;  display: block; width: 100% !important; float: right; clear: both; }
figure figcaption {  width: 543px;  position: relative;  display: block;  margin: 0 auto;  text-align: center;}
a.ez-toc-link:before {  margin-right: 25px;}
#single-rekated-article-carousel .card-image{overflow: hidden;
  position: relative;
  height: 60%;
  margin-top: -30px;
  margin-right: 15px;
  margin-left: 15px;
  border-radius: 6px;
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);}
  #single-rekated-article-carousel .owl-stage{padding:50px 0;}
  #single-rekated-article-carousel .card-title{
    font-size: 18px;
    font-weight: bold;
    margin-top: 30px;
  }
 
/************************End single post****************************/
/*********************** single product **************************/
#wpgs-gallery {
  max-width: 100% !important;
}
.technopol-datasheet-product {
  border: 2px solid #df0023;
}
.data-product-description-item-box {
  padding: 6em 2rem 1em;
  border-radius: 0.7rem;
  background-color: #ffffff;
  box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 22%);
  transition: all 0.7s;
  position: relative;
  display: block;
  width: 100%; height:100%;
}
.prodduct-title-hexagon{position: absolute;
  opacity: 0;
  animation-delay: 0.3s;
  animation-fill-mode: forwards;
  animation-duration: 0.6s; animation-name: tp-bounce-left;
  right: calc( 50% - 85px);
  top: -73px;}
  .prodduct-title-hexagon svg {  width: 170px;  height: auto;  fill: #fff;  opacity: 1;}
.prodduct-title-hexagon .info {  padding: 10px 30px;  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;  display: flex;  flex-direction: column;  justify-content: center;}
.prodduct-title-hexagon .info .ico {  display: flex;  justify-content: center;  margin-bottom: 14px;}
.prodduct-title-hexagon .info .ico svg {  max-width: 56px;}
.prodduct-title-hexagon .info .ico svg path{fill: #df0023;}
.prodduct-title-hexagon .info .title {  transition: 0.3s all;  text-align: center;  color: #fff;  font-size: 11px;  font-weight: 700;}
.prodduct-title-hexagon a {  display: block;  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;  z-index: 5;}
.technopol-product-single-top { background-color: #FFECE5;  padding: 70px 0 160px; position: relative;width: 100%;
  float: right;
  display: block;margin-bottom: 6px;}
.technopol-product-single-bottom{background-color: #f6f6f6;position: relative; width: 100%;
  float: right;
  display: block;}
.technopol-product-single-top h1{font-size: 3.9rem; color:#df0023; text-align: center;font-weight: bold;}
.technopol-product-single-basic{margin: -100px auto 5%; background-color: #fff;}
.technopol-single-cta-box-content {  position: relative;  display: flex;  width: 100%;  justify-content: space-between;  align-content: center;  display: flex;}
.technopol-single-cta-box-content-text {  justify-content: center;  position: relative;  display: block;  align-items: center;align-self: center;}
.technopol-single-cta-box-content-link a { color: black; background-color: white;  justify-content: center;  align-items: center;  padding: 10px 35px;  text-decoration: none;  display: flex;}
.technopol-single-cta-box {
  background-color: #df0023;
  color: white;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 10px 17%;
  display: flex;
  text-align: center;
}
.accordion-item .accordion-header {  padding: 0;  margin: 0;  font-weight: bold;  font-family: iransansb;}
.technopol-page-product-faq-content .accordion-button:focus{border: unset;}
.technopol-page-product-faq-content .accordion-item{margin: 0 0 20px;  border: unset;}
.technopol-page-product-faq-content .accordion-button{color: #7c7c7c; border-radius: 0 !important; border: unset;  border-bottom: 2px solid #7c7c7c;}
.technopol-page-product-faq-content .accordion-button:not(.collapsed){color: #df0023;
  background-color: #df002324; box-shadow: unset;}
.technopol-page-product-faq-content .accordion-body{background-color: #bababa;}
#tab-reviews {
  display: block !important;
}
.technopol-page-product-nav-item-active::before, .technopol-page-product-nav-item:focus::before, .technopol-page-product-nav-item-active::before {
  opacity: 1;
  content: "";
  left: 50%;
  top: 100%;
  width: 1px;
  height: 1px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid #df0023;
  border-left: 10px solid transparent;
  border-right: 10px solid #df0023;
  margin: -10px -0 0 -10px;
  position: absolute;
  transform: rotate(45deg);
  transition: border-color .5s;
}
.technopol-page-product-nav-item-active::after, .technopol-page-product-nav-item:focus::after, .technopol-page-product-nav-item-active::after {
    opacity: 1;
  content: "";
  left: 50%;
  top: 100%;
  width: 1px;
  height: 1px;
  border-top: 5px solid #fff;
  border-bottom: 5px solid #fff;
  border-left: 5px solid #fff;
  border-right: 5px solid #fff;
  margin: -5px -0 0 -5px;
  position: absolute;
  transform: rotate(45deg);
  transition: border-color .5s;
}
.technopol-page-product-nav-item-active, .technopol-page-product-nav-item:focus, .technopol-page-product-nav-item-active {
  box-shadow: 0px 4px 0 #e2001a;
  position: relative;
  color: #676767;
  text-decoration: none;
  display: inline-block;
  margin-right: 15px;
  padding: 7.5px;
}
.technopol-page-product-nav-item{position: relative;  color: #676767 !important;  text-decoration: none;  display: inline-block;  margin-right: 15px;  padding: 7.5px;}
#technopol-page-product-nav {
  position: relative;
  display: flex;
  margin: 70px 0 20px;
  width: 100%;
  justify-content: space-evenly;
  list-style: none;
  border-bottom: 4px solid #7d7d7d;
}
.content-product-description a {
  color: #df0023;
  border-bottom: 2px dashed #df0023;
}
.admin-bar .technopol-product-fixed-nav {  margin-top: 30px !important;}
.technopol-page-product-row-document a, .technopol-page-product-row-document button{
  border-radius: 99px;  padding: 0px 30px 0px 30px;  color: #df0023;position: relative;  float: left;
  border: 1px solid #c1c1c2 !important; min-width: 125px;  text-align: center;  background-color: #e9e9ed;}
.technopol-page-product-row-document span {    min-width: 245px;  }
.technopol-page-product-row-document a:hover, .technopol-page-product-row-document button:hover {
  background-color: #df0023;
  color: white;
}
.technopol-page-product-row-document {  position: relative;  display: flex;  justify-content: space-between;  padding: 20px 20px 20px 20px;  border-radius: 5px;  background-color: rgb(249, 249, 249);  -webkit-box-shadow: 0 1px 3px -2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);  box-shadow: 0 1px 3px -2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);  align-content: center; margin-bottom: 20px;}
.technopol-page-product-row-document strong{border-radius: 99px;
  padding: 0px 30px 0px 30px;
  color: #c1c1c2;
  border: 1px solid #c1c1c2 !important;
  line-height: 27px;
  max-height: 25px;
  background-color: white; margin-left: 20px;}
  .technopol-product-page-meta-category a {    color: #7d7d7d;  }
  .content-product-description p, .content-product-description li {
    line-height: 32px;
  }
  .content-product-description h2 {
    font-size: 28px;
    font-weight: bold;
  }
  .content-product-description h3 {
    font-size: 22px;
    font-weight: bold;
  }
  #technopol-page-product-nav li a:hover {
    color: #df0023;
  }
  .technopol-page-service-child-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
  }
  .technopol-page-service-child-item h2 a{color:#7d7d7d}
  .technopol-page-service-child-item-btn {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    border: none;
    text-align: center;
    font: normal normal 500 12px/30px Rubik;
    letter-spacing: .54px;
    text-transform: uppercase;
    border-radius: 6px;
    align-items: center;
    display: flex;
    justify-content: center;
    background: #f5f5f5 0 0 no-repeat padding-box;
    opacity: 1;
    height: 44px;
    padding: 0 12px;
  }
/*
.technopol-page-product-box-document{
  padding: 20px 20px 20px 20px;
  border-radius: 5px;
  background-color: rgb(249, 249, 249);
  -webkit-box-shadow: 0 1px 3px -2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
  box-shadow: 0 1px 3px -2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
  -webkit-transition: background-color .3s,color .3s,opacity .3s,-webkit-transform .3s,-webkit-box-shadow .3s;
  transition: background-color .3s,color .3s,opacity .3s,-webkit-transform .3s,-webkit-box-shadow .3s;
  -o-transition: transform .3s,box-shadow .3s,background-color .3s,color .3s,opacity .3s;
  transition: transform .3s,box-shadow .3s,background-color .3s,color .3s,opacity .3s;
  transition: transform .3s,box-shadow .3s,background-color .3s,color .3s,opacity .3s,-webkit-transform .3s,-webkit-box-shadow .3s;
  position: relative;
  display: grid;
  text-align: center;
  justify-content: center;}
  .technopol-page-product-box-document a, .technopol-page-product-box-document button {
    border-radius: 99px;
    padding: 0px 30px 0px 30px;
    color: #df0023;
    border: 1px solid #c1c1c2 !important;
  }
  .technopol-page-product-box-document a, .technopol-page-product-box-document button, .technopol-page-product-box-document span, .technopol-page-product-box-document img{margin: 5px auto;}
  .technopol-page-product-box-document a:hover, .technopol-page-product-box-document button:hover {
    background-color: #df0023;
    color: white;
  }
  */
  .wpcf7.js, .wpcf7-form {
    position: relative;
    display: block;
    width: 100%;
    float: right;
  }
  #exampleModal form p {
    position: relative;
    width: 48%;
    display: block;
    float: right;
    margin: 1%;
  }
  #exampleModal form p:nth-child(8n) {
    width: 100%;
  }
  #exampleModal input, #exampleModal select, #exampleModal textarea, #exampleModal p label {
    position: relative;
    display: block;
    float: right;
    width: 100%;
  }
/*********************** end single product**************************/
/************************start archive product ************************/
.technopol-section-heading-box {
  position: relative;
  display: block;
  margin: 0 auto;
    margin-bottom: 0px;
  text-align: center;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}
.technopol-heading-box-title {
  position: relative;
  display: flex;
  margin: 0 auto;
    margin-bottom: 0px;
  margin-bottom: 0px;
  margin-bottom: 0px;
  text-align: center;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-bottom: 0px;
}
.technopol-heading-box-hr {
  border-top: 8px solid #df0023;
  border-bottom: 8px solid #7d7d7d;
  opacity: 1;
  top: 20px;
  position: absolute;
  width: 100%;
  padding: 0;
  margin: 0;
}
.technopol-heading-box-title h2, .technopol-heading-box-title-headbox {
  font-size:18px;
  font-weight: 700;
  font-family: iransans;
  text-align: center;
  border: 4px solid #7d7d7d;
  padding: 4px 15px;
  background-color: #f8f9fa;line-height: 34px;
}
.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
  padding: 10px 10px 0 !important;
  position: relative;
  display: block;
}
.tax-product_cat .entry.product {
  border: 1px solid gray;
  border-radius: 5px;
}
.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail, .woocommerce ul.products li.product a img {
  border-radius: 10px;
  margin-bottom: 0px !important;
}
.technopol-archive-product-category {
  color: #7d7d7d;
  font-size: 12px;
}
.woocommerce-loop-product__title {
  font-size: 16px !important;
  color: black;min-height: 56px;}
.technopol-archive-product-box {
  position: relative;
  width: 100%;
  padding: 0 10px; display: grid;
  text-align: center;
  justify-content: center;}
.technopol-archive-product-link{border-radius: 99px;
  padding: 0px 30px 0px 30px;
  color: #df0023;
  border: 1px solid #c1c1c2 !important; position: relative;
  margin: 5px auto 20px;}
/****************************end archive product********************/
/****************************start sub serivce page***************************/
.technopol-page h2::before {
  content: "";
  position: absolute;
  width: 7.5rem;
  height: 2px;
  bottom: 0;
  display: block;
  right: 0;
  background: -moz-linear-gradient(left, rgba(26,26,26,0) 0%, rgba(26,26,26,1) 79%, rgba(26,26,26,1) 100%);
  background: -webkit-linear-gradient(left, rgba(26,26,26,0) 0%,rgba(26,26,26,1) 79%,rgba(26,26,26,1) 100%);
  background: linear-gradient(to right, rgba(26,26,26,0) 0%,rgba(26,26,26,1) 79%,rgba(26,26,26,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001a1a1a', endColorstr='#1a1a1a',GradientType=1 );}
.wp-video {  position: relative;  margin: 40px auto;}
/************************************************************/
/****************************start service page*********************/
.technopol-page-thumbnail{  background-position: center;  background-size: cover;}
.technopol-service-page-title{  padding: 5% 0 10%; text-align: center;}
.technopol-decor-page-title-box{  position: relative; margin: 0 auto; background-color: #0000009e;  padding: 20px 0;  width: 100%;  max-width: 850px;  color: white; }
.technopol-page-breadcrumb-box a{  color: white;}
.technopol-page-box{margin-top: -10%;
  background-color: #7d7d7d;
  color: white;}
.technopol-page-content{padding: 20px;}
.technopol-page-service-child-item-title{
  position: absolute;
  bottom: 32px;
  color: white !important;
  text-align: right;
  padding-left: 32px;
  padding-right: 32px;}
.technopol-page-service-child-item h2 a{ color: white; font-weight: 700;  font-size: 28px;}
.technopol-page-service-child-item span{ font-size: 16px; font-weight: 300;color: #fffc;}
.technopol-page-service-child-item-bg{ position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); }
.technopol-page-cta{
  position: relative;
  display: block;
  margin: 8em 0  4em auto!important;
  padding: 0 !important;
  width: 100%;}
/*
.technopol-page-cta video{filter: brightness(1);
  z-index: -1;
  border-radius: 6px;
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 100%;}
*/
.mejs-poster.mejs-layer {  border: 10px solid #df0023;  box-shadow: 3px 4px 11px 1px black;}
.video-card-title {  padding: 0 10px;  font-size: 16px;  min-height: 45px;  line-height: 22px;}
.video-card-link {  border: 2px solid #df0023;  color: #df0023;  margin: 0 10px 20px;}
.video-card-link:hover {  background-color:#df0023; color:white;}
.navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links .page-numbers {
  padding: 5px;
  min-width: 30px;
  display: inline-flex;
  text-align: center;
  align-content: center;
  justify-content: center;
  border-left: 1px solid #cfc8d8; 
}
.navigation.pagination .nav-links .page-numbers{color: #cfc8d8;}
.navigation.pagination .nav-links .page-numbers.current{color:black}
.navigation.pagination .nav-links {  display: inline-block;  white-space: nowrap;  padding: 0;  clear: both;  border: 1px solid #cfc8d8;    border-left-width: 1px;    border-left-style: solid;    border-left-color: rgb(207, 200, 216);  border-left-width: 1px;  border-left-style: solid;  border-left-color: rgb(207, 200, 216);  border-left: 0;  margin: 1px;  position: relative;  margin: 0 auto;}
/****************************end service page*********************/
/***********************footer start********************************/
.technopol-social-nav-item a svg, .technopol-social-nav-item a svg path{/*fill:#df0023;*/}
.technopol-social-nav-item a svg {
  max-width: 40px;
  max-height: 40px;
  position: relative;
  display: block;
  width: 100%;
  margin-left: 15px;
}
.powered-by span , .powered-by span span{color: #7c7c7c !important;}
.technopol-social-nav-item-box {
    position: relative;
    display: flex;
  }
  .technopol-social-nav-item-box span {
    color: #2d2d2d; line-height: 40px;
  }
.technopol-social-nav-item{margin: 30px 0;}
.site-footer {
  background: linear-gradient(-90deg,#f8f9fa,#f8f9fa 45%,#7c7c7c 0%,#7c7c7c);
}
.copyright-row {
  margin-top: -30px;
}
.site-footer div div div ul li a, .powered-by span {
  color: white;
  font-size: 14px;
}
.textwidget span a, .textwidget a {
  color: white;
}
.footer-copyright {
    color: #df0023;
  }
  .textwidget div ul {list-style: none;}
  .dir-ltr {    direction: ltr;      }
  .office span{
    position: relative;
    width: 100%;
    clear: both;
    float: right;
    text-align: center;}
  .office span svg {width: 30px; height: 30px; margin-left: 10px;}
  .office span svg path{fill:white}
  .office span i {  color: white;     margin-left: 10px;  }
/***********************footer end***********************************/
/*********************** start CTA*************************************/
.technopol-cta-columns-full{
  width: 100%;
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}
.technopol-index-activity-box {  background-image: url('../images/04.png'); background-color: #df0023;}
.technopol-cta-bg-banner {
  background-image: url('../images/cta.jpg');
  background-position: 50%;
  background-size: cover;
  min-height: 300px;
}
.technopol-cta{
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 14px;
  display: flex;
}
.technopol-cta-box{background-image: url('../images/cta.svg');
    background-position: -60%;
    background-repeat: no-repeat;
    background-size: auto;
    background-color: #df0023;
    color: white;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 80px 17%;
    display: flex;}
.technopol-cta-content{
      max-width: 550px;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      display: flex;
  }
  .subtitle {
    color: #ffffff;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 8px;
    display: flex;
}
  .line-subtitle {
    width: 27px;
    height: 1px;
    background-color: #ffffff;
}
.text-subtitle {
  color: #ffffff;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-left: 12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 130%;
}
.technopol-cta-box-content-link{
  margin-top: 38px;
}
.technopol-cta-box-content-link a {
  background-color: white;
  justify-content: center;
  align-items: center;
  padding: 23px 35px;
  text-decoration: none;
  display: flex;
}
.technopol-cta-box-content-link a:hover{background-color: black; color:white}
.video-card-title, .video-card-link {  font-size: 16px;}
/**************************search**********************************/
.technopol-search-lightbox {  top: 0;  left: 0;  width: 100%; height: 100%;  z-index: 1042;  overflow: hidden;  position: fixed;  background: #0b0b0b;  opacity: 0.6;  -webkit-transition: opacity .25s;  -o-transition: opacity .25s;  transition: opacity .25s;}
.technopol-search-modal-box {  text-align: center;  position: absolute;  width: 100%;  height: 100%;  left: 0;  top: 0;  padding: 30px;  -webkit-box-sizing: border-box;  box-sizing: border-box;}
.technopol-search-modal {  top: 0;  left: 0;  width: 100%;  height: 100%; z-index: 1043;  position: fixed;  outline: none !important;  -webkit-backface-visibility: hidden;}
.technopol-lightbox-submit {  background-color: #df0023;  padding: 7px 0.6em;  fill: white;}
.technopol-search-modal-box::before {  content: "";  display: inline-block;  height: 40%;  vertical-align: middle;}
.technopol-search-modal-dial {  opacity: 1;  width: 100%;  -ms-scrollbar-base-color: #000;  -ms-scrollbar-arrow-color: #000;  -ms-overflow-style: -ms-autohiding-scrollbar;  cursor: auto;}
.technopol-search-modal-content {  max-width: 550px;  position: relative;  display: block;  margin: 0 auto;}
.technopol-lightbox-submit svg {  fill: white;}
.d-flex div.technopol-lightbox-input {  -webkit-box-flex: 1;  -ms-flex: 1;  flex: 1;}
.technopol-lightbox-input input {  -webkit-box-sizing: border-box;  box-sizing: border-box;  border: 1px solid #ddd;  height: 2.507em;  font-size: .97em;  border-radius: 0;  max-width: 100%;  width: 100%;  vertical-align: middle;  background-color: #fff;  color: #333;  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);  box-shadow: inset 0 1px 2px rgba(0,0,0,.1);  -webkit-transition: color .3s,border .3s,background .3s,opacity .3s;  -o-transition: color .3s,border .3s,background .3s,opacity .3s;  transition: color .3s,border .3s,background .3s,opacity .3s;  padding: 20px 0.75em;}
.wpmsl-box-close {  position: absolute;  left: 0;  top: 0;  width: 50px;  height: 50px;  cursor: pointer;  background-color: #df0023;  fill: white;  margin: 30px;  border-radius: 5px;}
.technopol-menu-search-icon {  position: relative;  display: block;  width: 44px;  height: 70px;  padding: 5px;  background: url(../images/search-icon-technopol.png) no-repeat;    background-position-x: 0%;    background-position-y: 0%;    background-size: auto;  background-position: center;  float: left;  background-size: 30px 30px;  cursor: pointer;}
/**********************************************************************/
.technopol-page-cta-content{  padding: 4em 2em;  z-index: 9;  color: white;  text-align: center;}
.technopol-page-cta-content h3 {font-size: 24px;  font-weight: bold;  text-align: center;}
.technopol-page-cta-content h4 {font-size: 16px;  color: #cacaca;  max-width: 550px;  margin: 2em auto;  line-height: 26px;  text-align: justify;}
.technopol-page-cta-content a{color: white;  text-align: center;  background-color: red;  padding: 5px 15px;  font-size: 18px;  font-weight: bold;}
.technopol-page-cta video{position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0; width:100%}
main{position:relative; display:block; overflow:hidden; width:100%}
/***********************end CTA*************************************/
@media screen and (min-width: 1330px) {
.hexagon-wrapper{margin:11em auto}
}
@media screen and (min-width: 1680px) {
  
}

@media screen and (min-width: 1023px) {
 .single article h2::before {  content: "";  background: url("../images/head-title-technopol.png") no-repeat center center transparent; position: absolute;     top: 0;     right: -90px;     display: block;     width: 165px;     height: 50px;     background-repeat: no-repeat;     background-size: auto 35px;}
 .single article h2 {padding: 0 82px 0 0; font-weight: 100;  font-size: 1.68rem;  line-height: 1.2;  color: #333; font-family:iransansb  position: relative;  margin: 25px 0 25px 0;position: relative;  display: block;  width: 100%;  float: right;}
 .comment-form-author, .comment-form-email {
    width: 48% !important;
    margin: 1%;
  }
  /*
  .comment-form-author label, .comment-form-email label {
  top: -10px;
  position: absolute;
  right: 20px;
  background-color: white;
  padding: 0 10px;
  z-index: 99;
  }*/
}
@media only screen and (min-width: 997px){
	.technopol-post-thumbnail {min-width:890px;}
	.section-single-fourth article p img, .section-single-fourth article img {  min-width: 500px;}
	article h2 {    font-size: 1.6em;    font-weight: 700;    line-height: 1.3;	}
	article h3 {   font-size: 1.2rem;    font-weight: 200;    line-height: 1.1;    font-family: iransansb;    position: relative;    display: block;    width: 100%;    float: right;	}
	article p, article ul li {    font-size: 1rem;    font-weight: 400;    line-height: 1.8;	padding: 0 !important;    text-align: justify;	}
    .technopol-footer-1-box {        padding-left: 1.5rem;    }
  }
@media screen and (min-width: 768px) {
  .technopol-archive-post-itme-img{padding-right: 50px;}
	.technopol-index-service-nav-mobile{display:none !important;}
}

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

}

@media only screen and (max-width: 1679px) {
  
}

@media only screen and (max-width: 1022px) {
  .single article h2 {padding: 0; font-weight: bold;  font-size: 2rem;  line-height: 1.2;  color: #df0023;  font-weight: bold;  position: relative;  margin: 25px 0 25px 0;}


}

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

}
@media  only screen and (max-width: 620px) {
	.technopol-social-nav-item {
  position: relative;
  display: block;
  width: 49% !important;
  float: right;
  text-align: center;
}
	.technopol-social-nav {
  display: block !important;
  padding: 0;
  position: relative;
  margin: 0 auto;
  width: 80%;
		text-align: center;}
	.technopol-index-service-item-text {
  position: relative;
  display: block;
  width: 100%;
  right: unset;
  top: unset;
  bottom: unset;
}
	.technopol-cta-columns-full{display:block}
	.technopol-index-service-nav, .technopol-cta-bg-banner{display:none !important}
	.technopol-index-service-nav-mobile{ background-color: #7c7c7c;}
	.technopol-index-service-nav-mobile div, .technopol-index-service-nav-mobile div a {
  text-align: center;
  justify-items: center;
  gap: 10px;
  padding: 10px 0px;
  position: relative;
}
	.technopol-index-service-item-text h3 {text-align:center}
  .hexagon-wrapper {
    height: auto;
    width: 100%;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
	  margin: 14em auto 2em;
  }
  .hexagon {
    position: relative;
    width: 140px;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    margin: 10px;
  }
  .hexagon svg {
    width: 140px;
  }
  .hexagon .info .title {
    font-size: 12px;
  }
	
}
/*******************************custom css***************************************/
main{position:relative; display:block; overflow:hidden; width:100%}
.technopol-index-service-item-slider{  background-color: #253c9554;}
td {  border: 1px solid black;  text-align: center; padding:5px}
td p{ text-align: center !important;}
table, img, figure {  position: relative;  margin: 0 auto;}
/*.technopol-index-activity-box{background-image:url('https://demo.technopol.ir/wp-content/uploads/2024/04/11.png');}*/
.technopol-cta-bg-banner{background-image:url('https://www.technopol.ir/wp-content/uploads/2024/04/design-implementation-wall-mesh-technopol.jpg');}
main section div div div p a {  color: #df0023;  font-weight: bold;  border-bottom: 1px solid;}
main section div div div p{line-height:30px}
main section div div div img{position:relative; display:block; margin:20px auto;}
.technopol-index-book-box {  border: none;  }
.technopol-index-book-box:hover {  outline: none 1px;  box-shadow: 0 0 25px 0 rgba(0,0,0,.15);}
.technopol-index-book-box-img img {  margin: 0 !important;  padding: 0 !important;}
#pills-tabContent {  border: none !important;}
#index-book-carousel .owl-item {  padding: 25px;}
.technopol-archive-product-box a .price, .technopol-product-page-description .price, .product_meta {  display: none !important;}
.content-product-description table {  position: relative;  width: 100%;}
/***********end custom css***********/