/*
Theme Name: Iran Gpu Theme Child
Theme URI: https://irangpu.com/
Template: hello-elementor
Author: Saeed
Author URI: https://pelacket.com/
Tags: https://pelacket.com/
Version: 1.0.0.1761678721
Updated: 2025-10-28 22:42:01

*/


.rotating-border-box .elementor-widget-image {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    z-index: 1;
    background: #fff;
    padding: 70px 50px;
}elementor-widget-image

.rotating-border-box .elementor-widget-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  position: relative;
  z-index: 3;
}

.rotating-border-box-no {
    position: relative;
    z-index: 1;

}

.rotating-border-box-no::before , .rotating-border-box .elementor-widget-image::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 2px; /* ضخامت بوردر */
background: linear-gradient(270deg, #f07800, #ffffff, #f07800);
background-size: 400% 400%;
animation: borderGradientMove 6s ease-in-out infinite;
  border-radius: inherit;
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: 2;
}



@keyframes borderGradientMove {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.glass-button .elementor-button {
  background: rgba(239, 239, 239, 0.3); /* GR04 */
  border: 1px solid rgba(255, 255, 255, 0.1); /* GR01 */
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition: all 0.3s ease;
}

.glass-button .elementor-button:hover {
  background: rgba(239, 239, 239, 0.5);
  border-color: rgba(255, 255, 255, 0.2);
}

.gradient-border {
  position: relative;
  border-radius: 6px;
  z-index: 0;
}

.gradient-border::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 6px;
  padding: 2px; /* ضخامت بوردر */
  background: linear-gradient(to right,
    rgba(255, 255, 255, 0.1),
    rgb(255 255 255 / 34%),
    rgba(255, 255, 255, 0.1)
  );
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}

.glass-gradient-box {
  position: relative;
  border-radius: 4px;
  background: rgba(234, 245, 240, 0.3); /* GR03 رنگ پس‌زمینه با شفافیت */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  z-index: 0;
}

/* بوردر گرادینت با گوشه‌های گرد */
.glass-gradient-box::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 4px;
  padding: 1px; /* ضخامت بوردر */
  background: linear-gradient(to right,
    rgba(255, 255, 255, 0.5),
    rgba(255, 255, 255, 0.8),
    rgba(255, 255, 255, 0.3)
  ); /* GR02 */
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}


.card-hover-box-btn{
    height:48px;
    width: 48px;
    overflow:hidden;
}
.card-hover-box:hover .card-hover-box-btn {
    width: 100%;
    transition: width .3s;
}

.card-hover-box:hover .card-hover-box-det {
    transition: width .3s;
    width: 0;
    overflow: auto;
    height: 0;
    display:none;
}

.card-hover-box span.elementor-button-text {
    font-size:0;
    transition: .3s;
}

.card-hover-box:hover span.elementor-button-text {
    font-size:14px;
    transition: .3s;
}

.card-hover-box p.elementor-image-box-description {
    height: 85px;
    text-align: justify;
}

.card-hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
/*   background-image: url(/wp-content/uploads/2025/10/Union-before.svg); */
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom center;
  transition: background-image 0.4s ease;
  z-index: 0;
  pointer-events: none;
  top:0;
  height: 435px;
  transition: .4s height ease;
  background: linear-gradient(45deg, #595959, transparent);
  border: 1px solid #ffffff38;
}

.card-hover-box .elementor-image-box-wrapper {
    height: 320px;
    margin: 0 auto;
}

.card-hover-box figure.elementor-image-box-img img {
    width: 100%;
}

.card-hover-box:hover::before {
    /* background-image: url(/wp-content/uploads/2025/10/Union-after.svg); */
    background-size: 100%;
    background-position: top center;
    height: 365px;
    transition: .4s height ease;
}

.elementor-element:has( > .card-hover-box-btn)::before {
    content:"";
    position:absolute;
    width: 60px;
    height: 80px;
    background: #292929;
    right: -1px;
	 border-radius:4px 0 ;
}

.card-hover-box-det {
    margin: 0;
    height: 45px;
    margin-left: 10px;
}

.card-hover-box h3.elementor-image-box-title {
    height: 57px;
}

.logo-car figure.swiper-slide-inner {
    background: linear-gradient(45deg, #ffffff8a, #FFFFFF, #ffffff8a);
    border-radius: 4px;
}

.why-gpu-li .elementor-icon-box-icon .elementor-icon {
border:2px solid rgb(255 255 255 / 78%);
}

.home-testi .elementor-testimonial__content::after {
    right: 45% !important;
}

.home-testi cite.elementor-testimonial__cite {
    text-align: center !important;
}

.home-testi .swiper-slide .elementor-testimonial{
    filter:blur(2px)
}

.home-testi .swiper-slide.swiper-slide-next .elementor-testimonial{
    filter:blur(0px)
}

.home-testi .elementor-swiper-button {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
     background: linear-gradient(135deg, rgba(240, 120, 0, 0.3) 0%, rgba(240, 120, 0, 0.3) 100%);
    justify-content: center;
    border-radius: 4px;
    border:1px solid #ffffff6e;
}

#home-faq .e-n-accordion-item {
    background: #fff;
    border-radius: 4px;
    border: 1px solid #f0780000;
    transition:.3s;
}

#home-faq .e-n-accordion-item:hover {
    background: #fff;
    border: 1px solid #F07800;
    transition:.3s;
}

#home-faq .e-n-accordion-item-title {
    border: none !important;
}

#home-faq .e-n-accordion-item[open] {
        border: 1px solid #F07800;
    transition:.3s;

}

.aspect-4-3-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
}

.aspect-4-3-wrapper a {
  display: block;
  width: 100%;
  height: 100%;
}

.aspect-4-3-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* یا contain بسته به نیازت */
}


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

.card-hover-box::before {
    height: 435px;
    background: linear-gradient(45deg, #595959, transparent);
    border:1px solid #ffffff5c;
}
	
.card-hover-box:hover::before {
    height: 435px !important;
}
	
	.elementor-element:has( > .card-hover-box-btn)::before {
    background: transparent;
}

.card-hover-box-det {
    height: 46px;
	 margin-right: 10px;
}
	
.card-hover-box h3.elementor-image-box-title {
    font-size: 21px !important;
}

.card-hover-box span.elementor-button-text {
    font-size: 16px;
}

.card-hover-box-btn {
    width: 100%;
    order: 1;
}
	
	.home-testi .swiper-slide .elementor-testimonial {
    filter: blur(0px);
}
}