.elementor-37244 .elementor-element.elementor-element-a62ca63{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;--z-index:3;}.elementor-37244 .elementor-element.elementor-element-2b8a14c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:-150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;--z-index:10;}.elementor-37244 .elementor-element.elementor-element-650a5f2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-37244 .elementor-element.elementor-element-273919e{--display:flex;--background-transition:0.3s;}.elementor-37244 .elementor-element.elementor-element-273919e.e-con{--align-self:center;}.elementor-37244 .elementor-element.elementor-element-3503226 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-37244 .elementor-element.elementor-element-e25345c .elementor-button{background-color:#E30909;}.elementor-37244 .elementor-element.elementor-element-e25345c > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-37244 .elementor-element.elementor-element-e25345c.elementor-element{--align-self:center;}.elementor-37244 .elementor-element.elementor-element-fc177f7{--display:flex;--background-transition:0.3s;}.elementor-37244 .elementor-element.elementor-element-661f184{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-37244 .elementor-element.elementor-element-6869a79{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-37244 .elementor-element.elementor-element-6869a79:not(.elementor-motion-effects-element-type-background), .elementor-37244 .elementor-element.elementor-element-6869a79 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://voltabin.com/wp-content/uploads/2025/08/backcat.webp");}.elementor-37244 .elementor-element.elementor-element-6869a79, .elementor-37244 .elementor-element.elementor-element-6869a79::before{--border-transition:0.3s;}.elementor-37244 .elementor-element.elementor-element-70f0a06{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#009999;}.elementor-37244 .elementor-element.elementor-element-70f0a06 .elementor-headline{text-align:center;font-size:30px;}.elementor-37244 .elementor-element.elementor-element-70f0a06 .elementor-headline-plain-text{color:#07627A;}.elementor-37244 .elementor-element.elementor-element-70f0a06 .elementor-headline-dynamic-text{font-family:"IRANSansWeb_Bold", Sans-serif;}.elementor-37244 .elementor-element.elementor-element-c647786{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-37244 .elementor-element.elementor-element-1899062{--e-image-carousel-slides-to-show:5;}.elementor-37244 .elementor-element.elementor-element-1899062 .swiper-wrapper{display:flex;align-items:center;}.elementor-37244 .elementor-element.elementor-element-0df3d16{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-37244 .elementor-element.elementor-element-f8df150{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;border-style:none;--border-style:none;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-37244 .elementor-element.elementor-element-f8df150:not(.elementor-motion-effects-element-type-background), .elementor-37244 .elementor-element.elementor-element-f8df150 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #07627A 0%, #01AAAF 100%);}.elementor-37244 .elementor-element.elementor-element-f8df150, .elementor-37244 .elementor-element.elementor-element-f8df150::before{--border-transition:0.3s;}.elementor-37244 .elementor-element.elementor-element-f8df150 > .elementor-shape-top svg, .elementor-37244 .elementor-element.elementor-element-f8df150 > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:70px;}.elementor-37244 .elementor-element.elementor-element-f8df150 > .elementor-shape-bottom svg, .elementor-37244 .elementor-element.elementor-element-f8df150 > .e-con-inner > .elementor-shape-bottom svg{width:calc(120% + 1.3px);height:93px;}.elementor-37244 .elementor-element.elementor-element-3327842 .title{color:#FFFFFF;}.elementor-37244 .elementor-element.elementor-element-76dd141{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-37244 .elementor-element.elementor-element-2c61c5f{--display:flex;--justify-content:center;--background-transition:0.3s;}.elementor-37244 .elementor-element.elementor-element-21933eb > .elementor-widget-container{padding:0px 20px 0px 20px;}.elementor-37244 .elementor-element.elementor-element-21933eb.elementor-element{--align-self:center;}.elementor-37244 .elementor-element.elementor-element-e89c51c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--background-transition:0.3s;}.elementor-37244 .elementor-element.elementor-element-b2ac93a .elementor-button{background-color:#FFFFFF;fill:#000000;color:#000000;border-radius:15px 15px 15px 15px;}.elementor-37244 .elementor-element.elementor-element-e7929a9 .elementor-button{background-color:#FFFFFF;fill:#000000;color:#000000;border-radius:15px 15px 15px 15px;}.elementor-37244 .elementor-element.elementor-element-f8ffc18{--display:flex;--background-transition:0.3s;}.elementor-37244 .elementor-element.elementor-element-bfec071 .wd-el-video{height:400px;}.elementor-37244 .elementor-element.elementor-element-c34b380{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-37244 .elementor-element.elementor-element-4351912{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-37244 .elementor-element.elementor-element-8551a32{--e-image-carousel-slides-to-show:5;}.elementor-37244 .elementor-element.elementor-element-8551a32 .swiper-wrapper{display:flex;align-items:center;}.elementor-37244 .elementor-element.elementor-element-c710b87{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;border-style:none;--border-style:none;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-37244 .elementor-element.elementor-element-c710b87, .elementor-37244 .elementor-element.elementor-element-c710b87::before{--border-transition:0.3s;}.elementor-37244 .elementor-element.elementor-element-c710b87 > .elementor-shape-top svg, .elementor-37244 .elementor-element.elementor-element-c710b87 > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:70px;}.elementor-37244 .elementor-element.elementor-element-c710b87 > .elementor-shape-bottom svg, .elementor-37244 .elementor-element.elementor-element-c710b87 > .e-con-inner > .elementor-shape-bottom svg{width:calc(120% + 1.3px);height:93px;}.elementor-37244 .elementor-element.elementor-element-c6bfb05 .title{color:#07627A;font-size:28px;}.elementor-37244 .elementor-element.elementor-element-dc6a1db{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--background-transition:0.3s;}.elementor-37244 .elementor-element.elementor-element-ddc2776{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:30px 30px;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-37244 .elementor-element.elementor-element-ddc2776.e-con{--align-self:center;}.elementor-37244 .elementor-element.elementor-element-7f85f1b{--display:flex;--background-transition:0.3s;}.elementor-37244 .elementor-element.elementor-element-7975199 .elementor-image-box-wrapper{text-align:right;}.elementor-37244 .elementor-element.elementor-element-7975199.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-37244 .elementor-element.elementor-element-7975199.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-37244 .elementor-element.elementor-element-7975199.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-37244 .elementor-element.elementor-element-7975199 .elementor-image-box-wrapper .elementor-image-box-img{width:20%;}.elementor-37244 .elementor-element.elementor-element-7975199 .elementor-image-box-img img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );transition-duration:0.3s;}.elementor-37244 .elementor-element.elementor-element-7975199 .elementor-image-box-title{font-size:20px;}.elementor-37244 .elementor-element.elementor-element-2fbf1f8{--display:flex;--background-transition:0.3s;}.elementor-37244 .elementor-element.elementor-element-3b441fc .elementor-image-box-wrapper{text-align:right;}.elementor-37244 .elementor-element.elementor-element-3b441fc.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-37244 .elementor-element.elementor-element-3b441fc.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-37244 .elementor-element.elementor-element-3b441fc.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-37244 .elementor-element.elementor-element-3b441fc .elementor-image-box-wrapper .elementor-image-box-img{width:20%;}.elementor-37244 .elementor-element.elementor-element-3b441fc .elementor-image-box-img img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );transition-duration:0.3s;}.elementor-37244 .elementor-element.elementor-element-3b441fc .elementor-image-box-title{font-size:20px;}.elementor-37244 .elementor-element.elementor-element-bf87743{--display:flex;--background-transition:0.3s;}.elementor-37244 .elementor-element.elementor-element-953d6c1 .elementor-image-box-wrapper{text-align:right;}.elementor-37244 .elementor-element.elementor-element-953d6c1.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-37244 .elementor-element.elementor-element-953d6c1.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-37244 .elementor-element.elementor-element-953d6c1.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-37244 .elementor-element.elementor-element-953d6c1 .elementor-image-box-wrapper .elementor-image-box-img{width:20%;}.elementor-37244 .elementor-element.elementor-element-953d6c1 .elementor-image-box-img img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );transition-duration:0.3s;}.elementor-37244 .elementor-element.elementor-element-953d6c1 .elementor-image-box-title{font-size:20px;}.elementor-37244 .elementor-element.elementor-element-38383fc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-37244 .elementor-element.elementor-element-38383fc.e-con{--align-self:center;}.elementor-37244 .elementor-element.elementor-element-73824dc .elementor-counter-number-wrapper{color:#01AAAF;font-size:30px;}.elementor-37244 .elementor-element.elementor-element-73824dc .elementor-counter-title{color:#07627A;font-size:15px;}.elementor-37244 .elementor-element.elementor-element-c5e9467 .elementor-counter-number-wrapper{color:#01AAAF;font-size:30px;}.elementor-37244 .elementor-element.elementor-element-c5e9467 .elementor-counter-title{color:#07627A;font-size:15px;}.elementor-37244 .elementor-element.elementor-element-84f194e .elementor-counter-number-wrapper{color:#01AAAF;font-size:30px;}.elementor-37244 .elementor-element.elementor-element-84f194e .elementor-counter-title{color:#07627A;font-size:15px;}.elementor-37244 .elementor-element.elementor-element-e8cdf63{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--background-transition:0.3s;}.elementor-37244 .elementor-element.elementor-element-be52407{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-37244 .elementor-element.elementor-element-be52407, .elementor-37244 .elementor-element.elementor-element-be52407::before{--border-transition:0.3s;}.elementor-37244 .elementor-element.elementor-element-89f7d3f{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#07627A;}.elementor-37244 .elementor-element.elementor-element-89f7d3f .elementor-headline{text-align:center;}.elementor-37244 .elementor-element.elementor-element-89f7d3f .elementor-headline-dynamic-wrapper path{stroke:#01AAAF;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-37244 .elementor-element.elementor-element-6869a79{--width:95%;}.elementor-37244 .elementor-element.elementor-element-f8df150{--width:100%;}.elementor-37244 .elementor-element.elementor-element-4351912{--width:95%;}.elementor-37244 .elementor-element.elementor-element-c710b87{--width:95%;}.elementor-37244 .elementor-element.elementor-element-ddc2776{--width:40%;}.elementor-37244 .elementor-element.elementor-element-e8cdf63{--width:40%;}.elementor-37244 .elementor-element.elementor-element-be52407{--width:95%;}}@media(max-width:1024px){.elementor-37244 .elementor-element.elementor-element-2b8a14c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-37244 .elementor-element.elementor-element-2b8a14c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-37244 .elementor-element.elementor-element-b0ce824 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-37244 .elementor-element.elementor-element-1899062{--e-image-carousel-slides-to-show:2;}.elementor-37244 .elementor-element.elementor-element-f8df150 > .elementor-shape-top svg, .elementor-37244 .elementor-element.elementor-element-f8df150 > .e-con-inner > .elementor-shape-top svg{width:calc(180% + 1.3px);}.elementor-37244 .elementor-element.elementor-element-f8df150 > .elementor-shape-bottom svg, .elementor-37244 .elementor-element.elementor-element-f8df150 > .e-con-inner > .elementor-shape-bottom svg{width:calc(170% + 1.3px);height:75px;}.elementor-37244 .elementor-element.elementor-element-e89c51c{--justify-content:center;}.elementor-37244 .elementor-element.elementor-element-8551a32{--e-image-carousel-slides-to-show:3;}.elementor-37244 .elementor-element.elementor-element-8551a32 > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-37244 .elementor-element.elementor-element-8551a32 .swiper-wrapper{display:flex;align-items:center;}.elementor-37244 .elementor-element.elementor-element-c710b87 > .elementor-shape-top svg, .elementor-37244 .elementor-element.elementor-element-c710b87 > .e-con-inner > .elementor-shape-top svg{width:calc(180% + 1.3px);}.elementor-37244 .elementor-element.elementor-element-c710b87 > .elementor-shape-bottom svg, .elementor-37244 .elementor-element.elementor-element-c710b87 > .e-con-inner > .elementor-shape-bottom svg{width:calc(170% + 1.3px);height:75px;}.elementor-37244 .elementor-element.elementor-element-dc6a1db{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-37244 .elementor-element.elementor-element-ddc2776{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-37244 .elementor-element.elementor-element-7975199 .elementor-image-box-wrapper{text-align:center;}.elementor-37244 .elementor-element.elementor-element-7975199 .elementor-image-box-img{margin-bottom:15px;}.elementor-37244 .elementor-element.elementor-element-3b441fc .elementor-image-box-wrapper{text-align:center;}.elementor-37244 .elementor-element.elementor-element-3b441fc .elementor-image-box-img{margin-bottom:15px;}.elementor-37244 .elementor-element.elementor-element-953d6c1 .elementor-image-box-wrapper{text-align:center;}.elementor-37244 .elementor-element.elementor-element-953d6c1 .elementor-image-box-img{margin-bottom:15px;}.elementor-37244 .elementor-element.elementor-element-38383fc{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;}.elementor-37244 .elementor-element.elementor-element-73824dc{width:auto;max-width:auto;}.elementor-37244 .elementor-element.elementor-element-c5e9467{width:auto;max-width:auto;}.elementor-37244 .elementor-element.elementor-element-84f194e{width:auto;max-width:auto;}}/* Start custom CSS for html, class: .elementor-element-b0ce824 */.items-site {
  display: flex;
  justify-content: center; /* وسط چین کارت‌ها */
  gap: 50px;               /* فاصله بین کارت‌ها */
  max-width: calc(210px*4 + 3*50px); /* مجموع عرض ۴ کارت + فاصله‌ها */
  margin: 40px auto;
  text-align: center;
  direction: rtl;
}

/* کارت‌ها مربع 210x210 */
.items-site .item {
  width: 210px;
  height: 210px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
  font-family: 'IRANSansWeb_Bold', sans-serif;
}

.items-site .item:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

.items-site .item img {
  width: 80px;
  height: 80px;
  object-fit: contain;
}

.items-site .item span {
  margin-top: 10px;
  font-family: 'IRANSansWeb_Bold', sans-serif;
  font-size: 14px;
  color: var(--color2, #1B4684);
}

.items-site .item:hover span {
  color: #ffffff; /* رنگ متن سفید */
}

.items-site .item:hover .icon-item {
  background-color: #ffffff; /* پس‌زمینه تصویر سفید */
  border-radius: 50%; 
  width: 90px;   /* بزرگ‌تر از حالت اولیه */
  height: 90px;  /* بزرگ‌تر از حالت اولیه */
  display: flex;
  align-items: center;
  justify-content: center;
}

.items-site .item:hover .icon-item img {
  width: 60px; /* تصویر داخل دایره */
  height: 60px;
  object-fit: contain;
}

/* رنگ های هاور متناوب */
.items-site .item:nth-child(odd):hover {
  background-color: #01aaaf;
}

.items-site .item:nth-child(even):hover {
  background-color: #006279;
}

/* 📱 تبلت: ۲ کارت در هر ردیف، اندازه کوچکتر */
@media (max-width: 992px) {
  .items-site {
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px; /* فاصله کارت‌ها */
  }

  .items-site .item {
    width: 140px;
    height: 140px;
  }

  .items-site .item img {
    width: 70px;
    height: 70px;
  }

  .items-site .item span {
    font-size: 13px;
  }
}

/* 📱 موبایل: ۲ کارت در هر ردیف، اندازه کوچکتر */
@media (max-width: 576px) {
  .items-site {
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
  }

  .items-site .item {
    width: 120px;
    height: 120px;
  }

  .items-site .item img {
    width: 60px;
    height: 60px;
  }

  .items-site .item span {
    font-size: 12px;
  }
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-7975199 */.sup img {
  background-color: #01aaaf; /* رنگ پیش‌فرض پشت عکس */
  border-radius: 50%;       /* دایره‌ای شدن */
  padding: 10px;            /* فاصله برای دیده شدن رنگ پشت */
  transition: background-color 0.3s ease;
}

.sup:hover img {
  background-color: #07627a; /* رنگ موقع هاور */
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-3b441fc */.sup img {
  background-color: #01aaaf; /* رنگ پیش‌فرض پشت عکس */
  border-radius: 50%;       /* دایره‌ای شدن */
  padding: 10px;            /* فاصله برای دیده شدن رنگ پشت */
  transition: background-color 0.3s ease;
}

.sup:hover img {
  background-color: #07627a; /* رنگ موقع هاور */
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-953d6c1 */.sup img {
  background-color: #01aaaf; /* رنگ پیش‌فرض پشت عکس */
  border-radius: 50%;       /* دایره‌ای شدن */
  padding: 10px;            /* فاصله برای دیده شدن رنگ پشت */
  transition: background-color 0.3s ease;
}

.sup:hover img {
  background-color: #07627a; /* رنگ موقع هاور */
}/* End custom CSS */