/* 
Theme Name: stockestiri Child
Theme URI: https://stockestiri.ir
Description: Stockestiri Child is a child theme of Stockestiri, created by Stratech team
Author: Stratech Team
Author URI: https://stratech.or
Template: stockestiri
Version: 2.0.0
Text Domain: stockestiri-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
:root {
    --font-primary: 'Kalameh', sans-serif;
    --font-weight-light: 300;
    --font-weight-regular: 300;
    --font-weight-bold: 700;
	--colorPrimary: #dd0020;
    --colorPrimaryRGB: 221, 0, 32;
    --colorSecondary: #1E3A70;
    --colorSecondaryRGB: 30, 58, 112;
}

body {
    font-family: var(--font-primary);
    font-weight: var(--font-weight-regular);
}
* {
    -webkit-tap-highlight-color: transparent;
}
*:focus {
    outline: none;
}
::-webkit-scrollbar{
    width: 6px;
}
::-webkit-scrollbar-track{
    background-color: #fff;
}
::-webkit-scrollbar-thumb{
    background-color: #1E3A70;
    border-radius: 20px;
}
.carusel-title:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 100%;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    background: #DD0020;
    box-shadow: 0 0 0 0 rgba(221, 0, 32, 0.7);
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(221, 0, 32, 0.7);
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(221, 0, 32, 0);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(221, 0, 32, 0);
    }
}

.carusel-title{
    padding-right: 20px;
}
.cta2-box, .footer-box{
    background-image: url(./assets/img/cta-bg-1.png), url(./assets/img/cta-bg-2.png), radial-gradient(39.28% 291.17% at 43.13% 61.86%, #f2295b 0, #1f3a70 100%);
    background-blend-mode: overlay, overlay, normal;
    background-repeat: no-repeat;
    background-position-x: 0, 100%;
}
.tooltip {
    position: absolute;
    background: #fff;
    color: #333;
    font-size: 14px;
    padding: 8px 12px;
    border-radius: 6px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -10px);
    transition: all 0.3s ease-in-out, transform 0.2s ease-in-out;
    z-index: 1000;
}


.tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}


.tooltip.active {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0px);
}
.future-box-txt p{
    margin:10px 0;
}
.future-box-icon {
    line-height: 0;
    box-shadow: none;
    filter: none !important;
}
.future-box-icon i:before{
    color: #1E3A70
}
.future-box {
        -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.25));
    -moz-filter: drop-shadow(1px 1px 3px rgba(0,0,0,0.25));
    -ms-filter: drop-shadow(1px 1px 3px rgba(0,0,0,0.25));
    -o-filter: drop-shadow(1px 1px 3px rgba(0,0,0,0.25));
}
.inner-future {
  --r: 20px; 
  --s: 40px;
  --a: 15deg;
  --p: 50%;

  height: 150px;
  aspect-ratio: 3/2;
  background: linear-gradient(to left, #1E3A70 0%, #DD0020 100%);
  border-radius: var(--r);
  --_m:var(--r),#000 calc(100% - 1px),#0000;
  --_d:(var(--s) + var(--r))*cos(var(--a));
  mask:
    radial-gradient(var(--r) at calc(var(--p) + var(--_d)) var(--_m)),
    radial-gradient(var(--r) at calc(var(--p) - var(--_d)) var(--_m)),
    radial-gradient(var(--s) at var(--p) calc(-1*sin(var(--a))*var(--s)),
      #0000 100%,#000 calc(100% + 1px)) 0 calc(var(--r)*(1 - sin(var(--a)))) no-repeat,
    linear-gradient(90deg,#000 calc(var(--p) - var(--_d)),#0000 0 calc(var(--p) + var(--_d)),#000 0);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    
}
@media screen and (max-width: 768px) {
    .inner-future {
    max-height:75px;

  --r: 15px;
  --s: 25px;
  --a: 15deg;
  --p: 50%;
}
}

.footer-icons-box{
	-webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.post-grid:before{
    width: 150px;
    height: 700px;
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    top: 200px;
    border-radius: 100px;
    filter: blur(7px);
    background: radial-gradient(circle, #DD0020 0%, rgba(255, 255, 255, 1) 100%);
    transform: scale(1.5);
    transition: all 0.4s !important;
}
.post-grid{
    position: relative;
    width: 100%;
    border-radius: 16px;
    background-color: #fff;
    overflow: hidden;
    display: flex !important;
    align-items: center;
    justify-content: center;
}


.post-grid:hover::before {
    transform: scale(17);
    background: #DD0020;
    filter: none;
    
}
.post-grid *{
    transition: all 0.4s !important;
}
.post-card-link p {
    position: absolute;
    top: 15px;
    right: 8px;
    margin: 0;
    padding: 0;
    font-weight: 500;
    color: #DD0020
}


.post-grid:hover .readmore-text a{
    color: #fff !important;
}
a.post-card-link.body5 {
    display: flex;
}
.post-grid:hover path.sep-blog-card-link1 {
    fill: #DD0020;
}

.post-grid:hover path.arrow {
    fill: white;
}
.product-grid:before{
    width: 170px;
    height: 200px;
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    border-radius: 100px;
    filter: blur(7px);
    background: radial-gradient(circle, #DD0020 0%, rgba(255, 255, 255, 1) 100%);
    transform: scale(1.5);
    transition: all 0.4s !important;
}
.product-grid{
    position: relative;
    width: 100%;
    border-radius: 16px;
    background-color: #fff;
    overflow: hidden;
    display: flex !important;
    align-items: center;
    justify-content: center;
}


.product-grid:hover::before {
    transform: scale(17);
    background: #DD0020;
    filter: none;
    
}
.product-grid *{
    transition: all 0.4s !important;
}
.products-card-link p {
    position: absolute;
    top: 15px;
    right: 8px;
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: 500;
    color: #DD0020
}

.products-card-link {
    max-width: 135px;
}

.addtocart-grid{
    width: fit-content;
}
.product-grid:hover .products-card-link p{
    color: #fff;
}
a.products-card-link.body5 {
    display: flex;
}
.product-grid:hover path.sep-products-card-link1 {
    fill: #DD0020;
}

.product-grid:hover path.cart {
    fill: white;
}
.product-grid-price p.price {
    margin: 0;
    color: #1e3a70
}
.product-grid-price svg {
    scale: 1.2;
    fill: #1e3a70;
}
.readmore-text a {
    padding: 0px 55px;
}
@media screen and (max-width: 768px){
.readmore-text div{
	display: flex !important;
    padding-right: 20% !important;
}
.readmore-text a {
    padding: 0px 40px !important;
}
svg.sep-blog-card-link-svg2 {
    width: 100% !important;
}
}
@media screen and (min-width: 1024px){
.e-loop-item {
    max-width: 254px !important;
}
}
.inner-car {
  --r: 20px; 
  --s: 70px;
  --a: 30deg;
  --p: 50%;

  height: 150px;
  aspect-ratio: 3/2;
  background: linear-gradient(to left, #1E3A70 0%, #DD0020 100%);
  border-radius: var(--r);
  --_m:var(--r),#000 calc(100% - 1px),#0000;
  --_d:(var(--s) + var(--r))*cos(var(--a));
  mask:
    radial-gradient(var(--r) at calc(var(--p) + var(--_d)) var(--_m)),
    radial-gradient(var(--r) at calc(var(--p) - var(--_d)) var(--_m)),
    radial-gradient(var(--s) at var(--p) calc(-1*sin(var(--a))*var(--s)),
      #0000 100%,#000 calc(100% + 1px)) 0 calc(var(--r)*(1 - sin(var(--a)))) no-repeat,
    linear-gradient(90deg,#000 calc(var(--p) - var(--_d)),#0000 0 calc(var(--p) + var(--_d)),#000 0);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    
}
.woocommerce-notices-wrapper {
    max-width: 1350px !important;
    inset: 0;
    margin: 0 auto;
}
a.button.wc-forward {
    font-family: 'Kalameh' !important;
}
.woocommerce-message {
    outline: none !important;
}
@media screen and (max-width: 768px){
.woocommerce-notices-wrapper{
	    padding: 0 0.6em;
}
a.button.wc-forward {
    display: flex;
    justify-content: center !important;
    width: -webkit-fill-available;
}
.products-card-link {
    max-width: 145px !important;
}
.products-card-link p {
    right: 12px !important;
}
.product-grid-price span {
    font-size: 16px !important;
}
}
.product-grid-price span{
    font-size: 14px;
}
 .read-more-text p:last-child{
    margin: 0;
}
 .read-more-text{
    max-height: 400px;
    overflow: hidden;
    mask: linear-gradient(0, transparent, white);
    transition: .6s cubic-bezier(.24,1.65,.71,.87)!important
}
 .read-more-text.active{
    max-height: 1000rem;
    mask:none;
}
 .read-more-btn{
    cursor: pointer;
}

.row.justify-content-center.align-items-center {
    height: 90vh;
}
@media screen and (min-width: 992px) {
    p.comment-form-author, p.comment-form-email {
        display: inline-grid;
        width: 49.7%;
    }
}
input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    border: 1px solid #e4e4e4;
    border-radius: 10px;
    background: #fbfbfb;
    margin: 7px 0;
}

input#submit {
    width: 100% !important;
    border-radius: 8px !important;
    background-color: #1f3a70 !important;
    color: #FFF !important;
}
input[type=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, select:focus, textarea:focus {
    border-color: #dd001f !important;
    border: 1.5px solid;
}
.table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 2rem 0;
}

.table-responsive table {
  width: 100%;
  border-collapse: collapse;
  min-width: 600px;
}

.table-responsive th,
.table-responsive td {
  padding: 10px;
  text-align: center;
  border: 1px solid #ccc;
  white-space: nowrap;
  background-color: #fff;
}

.table-responsive caption {
  caption-side: top;
  font-weight: bold;
  margin-bottom: 10px;
}
.woocommerce-Reviews-title {
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    color: #2a4d91;
}

p.woocommerce-noreviews {
    text-align: center;
    margin: 10px 0;
}
.product-card-title H3{
    display: block;
    width: 216px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 2px 0;
}
@media screen and (max-width:768px){
    .product-card-title H3{
    width: 100% !important;
}
}
.davinci-btn1 .elementor-button {
    position: relative;
    display: flex;
    text-transform: uppercase;
    z-index: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1);
}

.davinci-btn1 .elementor-button:hover span {
    animation: storm 0.7s ease-in-out both;
    animation-delay: 0.06s;
}

.davinci-btn1 .elementor-button::before, .davinci-btn1 .elementor-button::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #fff;
    opacity: 0;
    transition: transform 0.15s cubic-bezier(0.02, 0.01, 0.47, 1), opacity 0.15s cubic-bezier(0.02, 0.01, 0.47, 1);
    z-index: -1;
    transform: translate(100%, -25%) translate3d(0, 0, 0);
}

.davinci-btn1 .elementor-button:hover::before, .davinci-btn1 .elementor-button:hover::after {
    opacity: 0.15;
    transition: transform 0.2s cubic-bezier(0.02, 0.01, 0.47, 1), opacity 0.2s cubic-bezier(0.02, 0.01, 0.47, 1);
}

.davinci-btn1 .elementor-button:hover::before {
    transform: translate3d(50%, 0, 0) scale(0.9);
}

.davinci-btn1 .elementor-button:hover::after {
    transform: translate(50%, 0) scale(1.1);
}