.technopol-index-box.technopol-index-service-item img {    position: absolute;   top: 0;    right: 0;    left: 0;    bottom: 0;    object-fit: cover;    margin: 0;    width: auto !important;    height: auto;}
.technopol-video-wrapper {  position: relative;  width: 100%;  height: 100vh; /* یا ارتفاع فعلی */  overflow: hidden;}
.hero-poster, .hero-video {  position: absolute;  inset: 0;  width: 100%;  height: 100%;  object-fit: cover;}
.technopol-index-box.technopol-index-service-item {   position: relative;    display: block;    overflow: hidden;}
.technopol-index-box.technopol-index-service-item img {    position: absolute;   top: 0;    right: 0;    left: 0;    bottom: 0;    object-fit: cover;    margin: 0;}
.technopol-index-cta-bg-banner img ,   .technopol-index-article-box-img img, .technopol-index-book-box-img img, .technopol-index-video-box-img img, .technopol-index-regulation-box-img img{    position: absolute !important;    left: 0;    top: 0;    right: 0;    bottom: 0;    object-fit: cover;    margin: 0;align-self: center;}
.technopol-index-cta-bg-banner{position: relative; display: flex; overflow: hidden; justify-content: center; background-color: #7d7d7d;}
.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% !important;   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 !important; 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;  } 
.card.technopol-index-about-box.bg-technopol-g {    border: unset;    border-radius: unset;    background-color: #7c7c7c;}
.technopol-index-service-nav {    display: flex;}
.technopol-index-article-box-img, .technopol-index-book-box-img, .technopol-index-video-box-img, .technopol-index-regulation-box-img {    padding-top: 235px;position: relative; overflow: hidden;}
.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;}
@media  only screen and (max-width: 620px) {
   #hero-media {    aspect-ratio: 16 / 9; /* یا هر نسبتی که ویدیو دارد */    width: 100%;   height: auto;    min-height: 300px; /* یک مقدار حداقلی تخمینی */}#v-pills-tabContent{height: auto !important;}
   	.technopol-social-nav-item {  position: relative;  display: block;  width: 49% !important;  float: right;  text-align: center;}
    .box-pad-0{padding: 0 !important;}
	.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% !important;  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;  }	
}