/*
Theme Name:   Hello Elementor Child
Theme URI:    http://example.com
Description:  Hello Elementor Child Theme
Author:       Your Name
Author URI:   http://example.com
Template:     hello-elementor
Version:      1.0.0
*/

/* CSS های اختصاصی شما از اینجا شروع می‌شوند */

/*home*/
body , html{
    overflow-x:hidden;
        
}

.jet-listing-grid__item.jet-listing-dynamic-post-15.jet-equal-columns {
    display: none;
}
.cat-border::before
 {
    content: "";
    position: absolute;
    z-index: 1;
    width: 102%;
    top: -1px;
    right: -2px;
    bottom: -2px;
    border-radius: 19px;
    background: linear-gradient(230deg, rgb(0 120 255) 26.26% 26.26%, #00b3ff 42.16%, #98a5ff 134.57%);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    padding: 2px;
    box-sizing: border-box;
}
.title-lamp-light::after {
    content: url(https://khodadadisunroof.com/wp-content/uploads/2025/08/Asset-1.svg);
    position: absolute;
    top: 5%;
    right: -30%;
    transform: translate(-50%, -50%) rotate(38deg);
    width: 200px!important;
    height: 200px!important;
    z-index: -1;
    opacity: 1!important;
}
@media (max-width: 768px) {
    .bg-top-hero::after {
        opacity: .2 !important;
    }
    .bg-top-hero::after {
    content: '';
    position: absolute;
    width: 258px!important;
    height: 200px!important;
    background-color: #141526!important;
    left: 25%;
    transform: translate(-50%, -50%);
    filter: blur(20px);
    z-index: -10!important;
    opacity: 1!important;
}
}
i.two-color {
    color: #537FE7;
}

.home-services-btn .elementor-button-icon svg {
  transition: transform 0.2s ease-in-out;
}

.home .main-header::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(230deg, rgb(0 120 255) 26.26% 26.26%, #00b3ff 42.16%, #98a5ff 134.57%);
    width: 600px;
    height: 500px;
    filter: blur(180px);
    opacity: .2;
}

.home-services-btn:hover .elementor-button-icon svg {
  transform: rotate(45deg);
}

.home-services-btn.header-asli .elementor-button-icon svg {
  transition: transform 0.2s ease-in-out;
}

.home-services-btn.header-asli .elementor-button-icon svg{
    transform: rotate(360deg);
}

.home-services-btn path{
    fill:#fff;
}

.home-services-btn.cart::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-radius: 23px;
    background: linear-gradient(230deg, rgb(0 120 255) 26.26% 26.26%, #00b3ff 42.16%, #98a5ff 134.57%);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    padding: 2px;
    box-sizing: border-box;
}

.elementor-16 .elementor-element.elementor-element-c74d57c .elementor-testimonial__content, .elementor-16 .elementor-element.elementor-element-c74d57c .elementor-testimonial__content:after {
    background-color: #272949!important;
    color: white;
}

.elementor-16 .elementor-element.elementor-element-c74d57c .elementor-testimonial__text {
    color: #ffffff!important;
}

.home-services-btn .elementor-button-icon {
  padding: 0 15px;
  border-radius: 23px;
 background: linear-gradient(230deg, rgb(0 120 255) 26.26% 26.26%, #00b3ff 42.16%, #98a5ff 134.57%);
}

.products-buttom path{
    fill:#fff;
}

.products-buttom .elementor-button-icon svg {
  transition: transform 0.2s ease-in-out;
}

.products-buttom:hover .elementor-button-icon svg {
  transform: rotate(45deg);
}

.products-buttom::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-radius: 23px;
    background: linear-gradient(230deg, rgb(0 120 255) 26.26% 26.26%, #00b3ff 42.16%, #98a5ff 134.57%);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    padding: 2px;
    box-sizing: border-box;
}

.section-hero::after{
    content: url(https://khodadadisunroof.com/wp-content/uploads/2025/08/home-video-section-back.svg);
    position: absolute;
    z-index: -5;
    opacity: .3;
    
}

.new-products .grid-products{
    background: #272949;
    border-radius: 23px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(4.8px);
    -webkit-backdrop-filter: blur(4.8px);
    border: 1px solid rgba(20, 21, 38, 0.3);
}

.new-products .grid-products::before
 {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0px;
    left: 0;
    right: 0px;
    bottom: -2px;
    border-radius: 23px;
    background: linear-gradient(230deg, rgb(58 125 142) 26.26% 26.26%, #00d3ff 42.16%, #1833ff 134.57%);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    padding: 2px;
    box-sizing: border-box;
}

.products-site .grid-products{
        background: #272949;
    border-radius: 23px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(4.8px);
    -webkit-backdrop-filter: blur(4.8px);
    border: 1px solid rgba(20, 21, 38, 0.3);
}

.grid-products::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0px;
    left: 0;
    right: 0px;
    bottom: -2px;
    border-radius: 23px;
    background: linear-gradient(230deg, rgb(58 125 142) 26.26% 26.26%, #00d3ff 42.16%, #1833ff 134.57%);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    padding: 2px;
    box-sizing: border-box;
}

.products-box::before {
    content: ""!important;
    position: absolute;
    z-index: -1;
    top: 0px;
    left: 0;
    right: 0px;
    bottom: -2px;
    border-radius: 23px;
    background: linear-gradient(230deg, rgb(58 125 142) 26.26% 26.26%, #00d3ff 42.16%, #1833ff 134.57%);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    padding: 2px;
    box-sizing: border-box;
}

.products-box {
    background: #272949;
    border-radius: 23px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(4.8px);
    -webkit-backdrop-filter: blur(4.8px);
    border: 1px solid rgba(20, 21, 38, 0.3);
}

/*
Theme Name:   Hello Elementor Child
Theme URI:    http://example.com
Description:  Hello Elementor Child Theme
Author:       Your Name
Author URI:   http://example.com
Template:     hello-elementor
Version:      1.0.0
*/

/* CSS های اختصاصی شما از اینجا شروع می‌شوند */

/*home*/

body , html{
    overflow-x:hidden;
        
}

.elementor-widget-woocommerce-my-account .e-my-account-tab__dashboard:not(.e-my-account-tab__dashboard--custom) .woocommerce-MyAccount-content-wrapper, .elementor-widget-woocommerce-my-account .e-my-account-tab__downloads .woocommerce-MyAccount-content-wrapper, .elementor-widget-woocommerce-my-account .e-my-account-tab__edit-account .woocommerce-MyAccount-content-wrapper, .elementor-widget-woocommerce-my-account .e-my-account-tab__orders .woocommerce-MyAccount-content-wrapper, .elementor-widget-woocommerce-my-account .e-my-account-tab__payment-methods .woocommerce-MyAccount-content-wrapper {
    background-color: #262C51!important;
}

.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login, .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register, .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-ResetPassword {
    background-color: #262C51!important;
}

.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-form__label-for-checkbox span {
    color: #ffffff!important;
}

.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login p:not([class]), .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register p:not([class]) {
    color: #ffffff!important;
}

.box-asli-account{
    background-color:#FFFFFF00!important;
}

.title-lamp-light::after {
    content: url(https://khodadadisunroof.com/wp-content/uploads/2025/08/Asset-1.svg);
    position: absolute;
    top: 5%;
    right: -30%;
    transform: translate(-50%, -50%) rotate(38deg);
    width: 200px;
    height: 200px;
    z-index: -1;
    opacity: .8;
}

i.two-color {
    color: #537FE7;
}

.home-services-btn .elementor-button-icon svg {
  transition: transform 0.2s ease-in-out;
}

.home-services-btn:hover .elementor-button-icon svg {
  transform: rotate(45deg);
}

.home-services-btn::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-radius: 23px;
    background: linear-gradient(230deg, rgb(0 120 255) 26.26% 26.26%, #00b3ff 42.16%, #98a5ff 134.57%);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    padding: 2px;
    box-sizing: border-box;
}

.home-services-btn path{
    fill:#fff;
}

.home-services-btn .elementor-button-icon {
  padding: 0 12px;
  border-radius: 23px;
 background: linear-gradient(230deg, rgb(0 120 255) 26.26% 26.26%, #00b3ff 42.16%, #98a5ff 134.57%);
}

.products-buttom path{
    fill:#fff;
}

.products-buttom .elementor-button-icon svg {
  transition: transform 0.2s ease-in-out;
}

.products-buttom:hover .elementor-button-icon svg {
  transform: rotate(45deg);
}

.products-buttom::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-radius: 23px;
    background: linear-gradient(230deg, rgb(0 120 255) 26.26% 26.26%, #00b3ff 42.16%, #98a5ff 134.57%);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    padding: 2px;
    box-sizing: border-box;
}


.bg-top-hero::after {
    content: '';
    position: absolute;
    width: 1400px;
    height: 400px;
    background-color: #141526;
    top: -12%;
    left: 25%;
    transform: translate(-50%, -50%);
    filter: blur(40px);
    z-index: 1;
    border-radius: 300px;
}

.section-hero::after{
    content: url(https://khodadadisunroof.com/wp-content/uploads/2025/08/home-video-section-back.svg);
    position: absolute;
    z-index: -5;
    opacity: .3;
    
}

.new-products .grid-products{
    background: #272949;
    border-radius: 23px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(4.8px);
    -webkit-backdrop-filter: blur(4.8px);
    border: 1px solid rgba(20, 21, 38, 0.3);
}

.new-products .grid-products::before
 {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0px;
    left: 0;
    right: 0px;
    bottom: -2px;
    border-radius: 23px;
    background: linear-gradient(230deg, rgb(58 125 142) 26.26% 26.26%, #00d3ff 42.16%, #1833ff 134.57%);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    padding: 2px;
    box-sizing: border-box;
}

.products-site .grid-products{
        background: #272949;
    border-radius: 23px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(4.8px);
    -webkit-backdrop-filter: blur(4.8px);
    border: 1px solid rgba(20, 21, 38, 0.3);
}

.grid-products::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0px;
    left: 0;
    right: 0px;
    bottom: -2px;
    border-radius: 23px;
    background: linear-gradient(230deg, rgb(58 125 142) 26.26% 26.26%, #00d3ff 42.16%, #1833ff 134.57%);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    padding: 2px;
    box-sizing: border-box;
}

.products-box::before {
    content: ""!important;
    position: absolute;
    z-index: -1;
    top: 0px;
    left: 0;
    right: 0px;
    bottom: -2px;
    border-radius: 23px;
    background: linear-gradient(230deg, rgb(58 125 142) 26.26% 26.26%, #00d3ff 42.16%, #1833ff 134.57%);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    padding: 2px;
    box-sizing: border-box;
}

.products-box {
    background: #272949;
    border-radius: 23px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(4.8px);
    -webkit-backdrop-filter: blur(4.8px);
    border: 1px solid rgba(20, 21, 38, 0.3);
}

.products-buttom::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-radius: 23px;
    background: linear-gradient(230deg, rgb(0 120 255) 26.26% 26.26%, #00b3ff 42.16%, #98a5ff 134.57%);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    padding: 2px;
    box-sizing: border-box;
}

.logo-mobile::before{
    content: '';
    position: absolute;
    width:150px;
    height: 30px;
    top: 80%;
    left: 50%;
    transform: translate(-50% , -50%);
    background-color: #fff;
   filter: blur(40px);
    z-index: -9;
    opacity: .5
    
}

h2#reply-title {
    color: white!important;
}

p.logged-in-as {
    color: white!important;
}

.elementor-kit-6 label {
    color: #ffffff!important;
    font-family: "IRANSansWeb_FaNum", Sans-serif;
    font-size: 14px;
    letter-spacing: -0.5px;
}

.elementor-kit-6 input:not([type="button"]):not([type="submit"]), .elementor-kit-6 textarea, .elementor-kit-6 .elementor-field-textual {
    font-family: "IRANSansWeb_FaNum", Sans-serif;
    font-size: 13px;
    letter-spacing: -0.5px;
    color: #fdfdffc4;
    background-color: #3b3e6496!important;
    border-style: none;
    border-radius: 15px 15px 15px 15px;
    padding: 12px 15px 15px 15px;
}

h2.title-comments {
    color: white !important;
}


b.fn {
    color: white !important;
}

span.says {
    color: white !important;
}

.comment-content {
    color: white !important;
}

.categories-bg::before{
    content: url(https://khodadadisunroof.com/wp-content/uploads/2025/08/bg-blue.svg);
    position: absolute;
    top: 27%;
    left: 50%;
    transform: translate(-50% , -50%);
    opacity: .3;
}

.blog-bg-top::before{
    content: url(https://khodadadisunroof.com/wp-content/uploads/2025/08/bg-blog-1.svg);
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50% , -50%);
    opacity: .3
    
}
/* استایل اولیه برای آیکون */
.top-to-back {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none; /* مخفی کردن آیکون در ابتدا */
  z-index: 1000;
  opacity: 0;
  transform: translateY(30px); /* حرکت اولیه از پایین */
  transition: opacity 0.3s ease, transform 0.3s ease; /* انیمیشن نرمی برای ظاهر شدن */
}

/* کلاس فعال برای نمایش و انیمیشن پرش */
.top-to-back.show-top-to-back {
  display: block;
  opacity: 1;
  transform: translateY(0); /* جایگاه نهایی */
  animation: bounce 1s ease infinite; /* انیمیشن پرش توپ */
}

/* انیمیشن پرش توپ */
@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px); /* پرش به بالا */
  }
  100% {
    transform: translateY(0);
  }
}
.top-to-back .elementor-icon {
    background-color: white;
    padding:10px;
    border-radius:50%;
}


@media(max-width:768px){
    .bg-top-hero::after{
     
     
    }
    
    .elementor-element.elementor-element-3a751bd.bg-top-hero.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
    z-index: -6;
}

.home-services-btn a {
    border-radius: 23px !important;
   
}

.header-site::before {
        opacity: 0.3!important;
}

.title-lamp-light::after{
    top: 30%;
    right: -41%;
}
.control-panel-mobile{
    /* From https://css.glass */
background: rgba(95, 97, 132, 0.57);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(95, 97, 132, 0.3);
}
}

.section-hero.mobile .botton-hero-mobile::before {
    content: '';
    position: absolute;
    width: 270px;
    height: 149px;
    background-color: #141526;
    top: 63px;
    left: 21%;
    transform: translate(-50%, -50%);
    filter: blur(31px);
    z-index: -1;
    border-radius: 300px;
}
.elementor-16 .elementor-element.elementor-element-4026e03e .elementor-testimonial__content, .elementor-16 .elementor-element.elementor-element-4026e03e .elementor-testimonial__content:after {
    background-color: #272949!important;
}