.header{
    margin: 1rem 0;
}
.mega-menu-title-item:before{
    content: "";
    background: linear-gradient(180deg, #f96073 0%, #dd001f 100%);
    position: absolute;
    right: 0;
    top: -2px;
    width: 5px;
    height: 20px;
    margin-right: -10px;
    border-radius: 90px;
    box-shadow: 0px 2px 25px 0px #ef233c59;
}
div#mega-menu * {
    cursor: pointer;
}
.e-n-menu-content::after {
content: "";
width: 100%;
height: -webkit-fill-available;
    position: fixed !important;
left: 0;
background-color: transparent;
pointer-events: none;
transition: background-color 0s;
z-index:-3;
}
.e-n-menu-content:has(.e-active)::after {
background-color: #0000008f;
transition: background-color  0.25s;
}
.menu-offcanvas i:before{
    color: #fff;
}
.menu-offcanvas{
    line-height: 0;
}
.menu-offcanvas .elementor-icon{
    box-shadow: 0 0 15px rgba(var(--colorSecondaryRGB), .5);
}
#stickyheaders, #stickysearch {
    transition: transform 0.34s ease;
}
.headerup{
transform: translateY(-110px); /*adjust this value to the height of your header*/
}
/* .header-box { */
    /* background-color: #ffffffbf; */
    /* backdrop-filter: saturate(180%) blur(15px) !important; */
    /* z-index: 1; */
/* } */
.site-title{
    background: linear-gradient(to right, #DD0020 0%, #1E3A70 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.callphone .call-bold{
    font-weight: 900;
    font-size: 18px
}

.callphone-cta .elementor-icon-box-icon, .callphone .elementor-icon-box-icon{
    line-height: 0
}
 .callphone-cta .elementor-icon path, .callphone .elementor-icon path{
    fill: #fff;
}
.callphone span.elementor-icon{
    box-shadow: 0 0 15px rgba(var(--colorPrimaryRGB), .5);
}
.callphone-cta .line1, .line2, .line3, .line4, .callphone .line1, .line2, .line3, .line4 {
    animation-duration: 2s;
    animation-iteration-count: infinite;
    opacity: 0
}

.callphone {
    cursor: pointer;
}

.callphone-cta .line1, .callphone .line1 {
    animation-name: fade1
}

.callphone-cta .line2, .callphone .line2 {
    animation-name: fade2
}

.callphone-cta .line3, .callphone .line3 {
    animation-name: fade3
}

.callphone-cta .line4, .callphone .line4 {
    animation-name: fade4
}

@keyframes fade1 {
    0% {
        opacity: 0
    }

    20% {
        opacity: 1
    }

    25% {
        opacity: 1
    }

    45% {
        opacity: 0
    }
}

@keyframes fade2 {
    20% {
        opacity: 0
    }

    40% {
        opacity: 1
    }

    45% {
        opacity: 1
    }

    65% {
        opacity: 0
    }
}

@keyframes fade3 {
    40% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    65% {
        opacity: 1
    }

    85% {
        opacity: 0
    }
}

@keyframes fade4 {
    60% {
        opacity: 0
    }

    80% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}
@media (max-width: 767px){
	.callphone .elementor-icon-box-icon{
    margin: 0 !important;
}
	.callphone .elementor-icon-box-title{
		display: none;
}
 #stickysearch{
    display: none !important;
}
}
.search-header i:before{
    color: #fff;
}
.search-header{
    line-height: 0;
}
.search-header .elementor-icon{
    box-shadow: 0 0 15px rgba(var(--colorSecondaryRGB), .5);
}
.search-header:hover:before {
    opacity: .4;
    right: -6px;
    top: -6px;
    width: calc(100% + 12px);
    height: calc(100% + 12px);
}

.search-header:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 13px;
    border: 1px solid var(--colorSecondary);
    z-index: -1;
    transition: 300ms;
    opacity: 0;
}
.search-header:hover:after {
    opacity: .8;
    right: -3px;
    top: -3px;
    width: calc(100% + 6px);
    height: calc(100% + 6px);
}
.search-header:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 11px;
    border: 1px solid var(--colorSecondary);
    z-index: -1;
    transition: 300ms;
    opacity: 0;
}
@media (max-width: 1024px) {
    .footer-icon .elementor-icon {
        max-height: fit-content !important;
    }
	.footer-box{
        clip-path: none !important
    }
}

.footer-icon i:before{
	color: #1E3A70;
}
.footer-icons-box {
    backdrop-filter: blur(2px);
}
.shine-glow {
    -webkit-mask: linear-gradient(-60deg, #000 30%, #0005, #000 50%) right / 300% 100%;
    mask: linear-gradient(-60deg, #000 30%, #0005, #000 50%) right / 300% 100%;
    background-repeat: no-repeat;
    animation: shimmer 3.5s infinite !important;
}
@keyframes shimmer {
    0% {
        -webkit-mask-position: 140% 140%;
        mask-position: 140% 140%
    }

    100% {
        -webkit-mask-position: -20% -20%;
        mask-position: -20% -20%
    }
}
.separator-footer {
    mask: linear-gradient(to right, transparent, white 5% 95%, transparent);
}


footer-box:after{
    content: "";
    position: absolute;
    top: 17%;
    inset-inline-start: 136px;
    width: 74px;
    height: 74px;
    border-radius: 50%;
    filter: blur(24px);
    background-color: var(--primary-100);
    z-index: -1;
}
.offcanvas-social i:before{
    color: #fff;
}
.offcanvas-close i:before{
    color: #DD0020;
}
.offcanvas-close{
    line-height: 0;
}
.header-box{
    backdrop-filter: blur(5px);
}
.namad path{
    fill: #fff;
}
.namad{
    backdrop-filter: blur(5px);
    line-height: 0;
    border: 1px dashed white;
    border-radius: 20px
}
.header-cart i:before{
    color: #FFF;
}
.header-cart span.elementor-button-icon-qty {
    right: -10px !important;
    left: auto;
}
.header-cart:hover:before {
    opacity: .4;
    right: -6px;
    top: -6px;
    width: calc(100% + 12px);
    height: calc(100% + 12px);
}

.header-cart:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 13px;
    border: 1px solid var(--colorPrimary);
    z-index: -1;
    transition: 300ms;
    opacity: 0;
}
.header-cart:hover:after {
    opacity: .8;
    right: -3px;
    top: -3px;
    width: calc(100% + 6px);
    height: calc(100% + 6px);
}
.header-cart:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 11px;
    border: 1px solid var(--colorPrimary);
    z-index: -1;
    transition: 300ms;
    opacity: 0;
}
.header .callphone a.elementor-icon {
    box-shadow: 0px 0px 15px 0px rgba(221, 0, 32.000000000000085, 0.5019607843137255);
}
div#profile-menu span.e-n-menu-title-text, div#profile-menu i.icon.icon-fi-rr-user:before {
    color: #2a4d91;
    font-weight: 400;
}
#stickysearch{
    display: none;
}
.search-widget i:before{
    color: white;
}
.close-search{
    line-height: 0
}
.close-search i:before{
    color: #DD0020;
}
.search-header, .close-search {
    cursor: pointer;
}
.search-widget input {
    width: 1150px;
}
span.woocommerce-Price-amount.amount {
    display: inline-flex !important;
}

.elementor-widget-search .e-search-input.no-icon-label {
    padding-inline-start: 10px !important;
    margin-top: 5px;
}
.searchbox-t2 {  
  position: absolute;  
  top: 50%;  
  right: 10px;  
  transform: translateY(-50%);
  width: 100%;
  height: 90%;
  overflow: hidden;  
  display: flex; 
  align-items: center;
  justify-content: flex-start;
  pointer-events: none;
}  

.searchbox-t2 ul {
  list-style: none;  
  margin: 0;  
  padding: 0;  
  position: relative;  
  width: 100%; 
  height: 100%; 
}  

.searchbox-t2 li {   
  position: absolute;   
  inset: 0;                 
  display: flex;   
  align-items: center;      
  justify-content: flex-start;
  padding: 0;   
  font-size: 16px;   
  color: #1e3a70;                
  opacity: 0;   
  transform: translateY(25px);
  animation: slide 6s infinite;  
  user-select: none;          
  cursor: text;             
  pointer-events: auto;       
  font-weight: 500;
}   


.search-widget input::placeholder{
 opacity: 0;
 transition: opacity 0.3s ease;
}

.search-widget input:focus::placeholder{
 opacity: 1;
}

.searchbox-t2 li img {
  width: 40px;
  height: 30px;
  object-fit: contain;
  margin-left: 4px;
  flex-shrink: 0;
}


.search-widget input {
 text-align: right !important;
}

/* ترتیب نمایش */  
.searchbox-t2 li:nth-child(1) {  
  animation-delay: 0s;  
}  
.searchbox-t2 li:nth-child(2) {  
  animation-delay: 2s;  
}  
.searchbox-t2 li:nth-child(3) {  
  animation-delay: 4s;  
}  

@keyframes slide {  
  0% {  
    opacity: 0;  
    transform: translateY(25px);  
  }  
  10% {  
    opacity: 1;  
    transform: translateY(0);  
  }  
  30% {  
    opacity: 1;  
    transform: translateY(0);  
  }  
  40% {  
    opacity: 0;  
    transform: translateY(-25px);  
  }  
  100% {  
    opacity: 0;  
    transform: translateY(-25px);  
  }  
}