/* body{
    display:flex;
    justify-content:center;
    align-items:center;
    height:100vh;
    background:#111;
    flex-direction:column;
} */
body{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    /* height:100vh; */
}
.carousel-indicators [data-bs-target] {
    border-radius: 70px;
    background-color: #f8ecd1;
}
.carousel img{
    border-radius:12px;
}
.btn-slide-span{
    background-color: #f8ecd16e;
    border-radius: 6px;
    height: 50px;
}
.carousel-control-next, .carousel-control-prev{
    opacity: 1;
    color: #85586f;
}
.swiper-container{
    width:100%;
    height:300px;
    margin-top: 2rem;
    
}

.swiper-f2{
    flex-direction: column;
}
.div-title{
    width: 95%;
    display:flex;
    justify-content: start;
    padding:0.7rem 0;
    margin:0.5rem 0;
    align-items:center;
    
}
.div-title span{
    border-radius:10px;
    box-shadow:1px 1px 3px #85586f;
    height: 40px;
    padding:0.7rem;
    font-weight:bold;
    font-size: 1.3rem;
    background-color: #deb6de;
    display:flex;
    align-items:center;
    justify-content:center;
}
.swiper,.swiper2 {
    width: 95%;
    height: 96%;

}
.swiper2{
    height: 90%;
}
.swiper-f,.swiper-f2{
    background-color:#85586f;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    height:300px;
}
.swiper-f2{
    background-color: transparent;
    /* border:2px solid #85586f; */
}
.swiper-f{
    height:250px;
}
.swiper-slide {
    text-align: center;
    background: #fff;
    border-radius: 10px;
        /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    /* width: 100%; */
    height: 100%;
    border-radius: 10px;
    /* object-fit: cover; */
}
/* .radius-20 img{
    border-radius: % !important;
} */
.slide-container{
    width:100%;
    height:100%;
}
.slide-card{
    width:100%;
    height: 95%;
    
}
.slide-card-img{
    width:100%;
    height:50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.slide-card-img-top{
    width: 90%;
    height: 95%;
    object-fit: contain;
}
.swiper-button-next,
.swiper-button-prev{
    display: none;
    color: black;
    background-color: #deb6de;
    padding: 1.3rem;
    border-radius: 10px;
}
.scroll-example {
    /* overflow: auto; */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE 10+ */
}

.scroll-example::-webkit-scrollbar {
        width: 0px;
        background: transparent; /* Chrome/Safari/Webkit */
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    font-size: large;
}
/* .all_div {
    width: 250px;
    border-radius: 15px;
    height: 90px;
    background-color: white;
    margin-bottom: 5rem;
} */
/* *{
    margin:0;
    padding:0;
    box-sizing:border-box;
} */



/* .room{
    width:800px;
    height:500px;
    background:url("https://images.unsplash.com/photo-1505693416388-ac5ce068fe85?w=1200");
    background-size:cover;
    background-position:center;
    position:relative;
    overflow:hidden;
    border-radius:15px;
}

.dark{
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.7);
    transition:1s;
}

.light-on{
    background:rgba(0,0,0,.1);
}

.lamp{
    position:absolute;
    width:250px;
    height:250px;
    border-radius:50%;
    background:radial-gradient(circle,
    rgba(255,255,180,.9) 0%,
    rgba(255,255,180,.4) 40%,
    rgba(255,255,180,0) 80%);
    top:40px;
    left:50%;
    transform:translateX(-50%);
    opacity:0;
    transition:1s;
}

.show{
    opacity:1;
}

button{
    margin-top:20px;
    padding:15px 35px;
    font-size:20px;
    border:none;
    border-radius:10px;
    cursor:pointer;
} */
/* *{
    margin:0;
    padding:0;
    box-sizing:border-box;
    }
    
    body{
    
    font-family:tahoma;
    
    overflow:hidden;
    
    } */
    
    /* .hero{
        
    background:url(./site.jpg);
    
    background-size:cover;
    
    background-position:center;
    
    position:relative;
    width: 100%;
    height: 400px;
    
    }
    
    .dark{
    
    position:absolute;
    
    width:100%;
    height:100%;
    
    background:rgba(0,0,0,89%);
    
    transition:1.5s;
    
    }
    
    .glow{
    
    position:absolute;
    
    width:100%;
    height:100%;
    
    background:linear-gradient(
    
    to top,
    
    rgba(255,200,0,.2),
    
    transparent
    
    );
    
    opacity:0;
    
    transition:1.5s;
    
    }
    
    .mouse-light{
    
    position:absolute;
    
    width:250px;
    
    height:250px;
    
    border-radius:50%;
    
    background:radial-gradient(
    
    circle,
    
    rgba(255,255,150,.4),
    
    transparent 70%
    
    );
    
    pointer-events:none;
    
    transform:translate(-50%,-50%);
    
    }
    
    .content{
    
    position:absolute;
    
    top:50%;
    
    left:50%;
    
    transform:translate(-50%,-50%);
    
    z-index:10;
    
    text-align:center;
    
    color:white;
    
    }
    
    h1{
    
    font-size:60px;
    
    margin-bottom:20px;
    
    }
    
    p{
    
    font-size:1.5rem;
    
    margin-bottom:30px;
    
    }
    
    button{
    width: max-content;
    padding:12px 15px;
    
    font-size:22px;
    
    border:none;
    
    border-radius:50px;
    
    cursor:pointer;
    
    background:#f4b400;
    
    color:white;
    
    transition:.4s;
    
    }
    
    button:hover{
    
    transform:scale(1.05);
    
    } */
.div-product{
    background: #e0e0e0;
    box-shadow: 15px 15px 30px #bebebe,
             -15px -15px 30px #ffffff;
}
@media(min-width: 768px){
    .swiper-f2{
        height:360px;
    }
    .swiper-button-next,
    .swiper-button-prev{
        display: flex;
    }
    .swiper-f{
        height:300px;
    }
}
@media(min-width: 1200px){
    
    .swiper-f2{
        height:400px;
    }
    .swiper-f{
        height:350px;
    }
}
/* From Uiverse.io by ilkhoeri */ 
.wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  
  .inner {
    --w: 100px;
    --h: 150px;
    --translateZ: calc((var(--w) + var(--h)) + 0px);
    --rotateX: -15deg;
    --perspective: 1000px;
    position: absolute;
    width: var(--w);
    height: var(--h);
    top: 25%;
    left: calc(50% - (var(--w) / 2) - 2.5px);
    z-index: 2;
    transform-style: preserve-3d;
    transform: perspective(var(--perspective));
    animation: rotating 20s linear infinite; /* */
  }
  @keyframes rotating {
    from {
      transform: perspective(var(--perspective)) rotateX(var(--rotateX))
        rotateY(0);
    }
    to {
      transform: perspective(var(--perspective)) rotateX(var(--rotateX))
        rotateY(1turn);
    }
  }
  
  .card {
    position: absolute;
    border: 2px solid rgba(var(--color-card));
    border-radius: 12px;
    overflow: hidden;
    inset: 0;
    transform: rotateY(calc((360deg / var(--quantity)) * var(--index)))
      translateZ(var(--translateZ));
  }
  
  .img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: #0000
      radial-gradient(
        circle,
        rgba(var(--color-card), 0.2) 0%,
        rgba(var(--color-card), 0.6) 80%,
        rgba(var(--color-card), 0.9) 100%
      );
  }


  .about-section{
  
      padding:90px 0;
      background:#faf8f3;
  
  }
  
  .about-section .container{
  
      width:90%;
      max-width:1300px;
      margin:auto;
  
      display:flex;
      align-items:center;
      gap:60px;
      flex-wrap:wrap;
  
  }
  
  .about-image{
  
      flex:1;
  
  }
  
  .about-image img{
  
      width:100%;
      border-radius:25px;
      box-shadow:0 20px 45px rgba(0,0,0,.15);
  
  }
  
  .about-content{
  
      flex:1;
  
  }
  
  .section-title{
  
      display:inline-block;
      color:#ffc107;
      font-weight:bold;
      margin-bottom:15px;
      font-size:18px;
  
  }
  
  .about-content h2{
  
      font-size:40px;
      color:#1d3557;
      margin-bottom:20px;
  
  }
  
  .about-content p{
  
      color:#666;
      line-height:2.2;
      font-size:16px;
  
  }
  
  .features{
  
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:20px;
      margin-top:35px;
  
  }
  
  .feature-box{
  
      background:white;
      border-radius:18px;
      padding:25px;
      transition:.3s;
      box-shadow:0 8px 20px rgba(0,0,0,.08);
  
  }
  
  .feature-box:hover{
  
      transform:translateY(-8px);
  
  }
  
  .feature-box i{
  
      font-size:40px;
      color:#ffc107;
      margin-bottom:15px;
  
  }
  
  .feature-box h4{
  
      color:#1d3557;
      margin-bottom:10px;
  
  }
  
  .feature-box p{
  
      font-size:14px;
      line-height:1.8;
  
  }
  
  .about-btn{
  
      display:inline-block;
      margin-top:40px;
      background:#1d3557;
      color:white;
      padding:14px 35px;
      border-radius:10px;
      text-decoration:none;
      transition:.3s;
  
  }
  
  .about-btn:hover{
  
      background:#ffc107;
      color:#222;
  
  }
  
  @media(max-width:992px){
  
  .about-section .container{
  
  flex-direction:column;
  
  }
  
  .features{
  
  grid-template-columns:1fr;
  
  }
  
  .about-content h2{
  
  font-size:32px;
  
  }
  
  }
  
  .contact-section{
    width: 100%;
    padding:90px 0;
    background:#ffffff;
  
  }
  
  .contact-section .container{
  
      width:90%;
      max-width:1300px;
      margin:auto;
  
      display:flex;
      gap:60px;
      align-items:center;
      flex-wrap:wrap;
  
  }
  
  .contact-info{
  
      flex:1;
  
  }
  
  .contact-info h2{
  
      color:#1d3557;
      font-size:38px;
      margin:15px 0;
  
  }
  
  .contact-info p{
  
      color:#666;
      line-height:2;
      margin-bottom:40px;
  
  }
  
  .contact-items{
  
      display:flex;
      flex-direction:column;
      gap:20px;
  
  }
  
  .contact-item{
  
      display:flex;
      align-items:center;
  
      background:#faf8f3;
  
      padding:20px;
  
      border-radius:18px;
  
      transition:.35s;
  
  }
  
  .contact-item:hover{
  
      transform:translateX(-8px);
  
      box-shadow:0 15px 30px rgba(0,0,0,.08);
  
  }
  
  .contact-item .icon{
  
      width:65px;
      height:65px;
  
      border-radius:50%;
  
      background:#1d3557;
  
      display:flex;
      justify-content:center;
      align-items:center;
  
      color:#ffc107;
  
      font-size:28px;
  
      margin-left:20px;
  
  }
  
  .contact-item h4{
  
      margin:0 0 8px;
  
      color:#1d3557;
  
  }
  
  .contact-item span{
  
      color:#666;
  
  }
  
  .contact-map{
  
      flex:1;
  
  }
  
  .contact-map img{
  
      width:100%;
  
      border-radius:25px;
  
      box-shadow:0 20px 40px rgba(0,0,0,.12);
  
  }
  
  @media(max-width:992px){
  
  .contact-section .container{
  
  flex-direction:column;
  
  }
  
  .contact-info h2{
  
  font-size:30px;
  
  }
  
  }
  
  .why-us{
  
      padding:90px 0;
  
      background:#f7f8fa;
  
  }
  
  .section-header{
  
      text-align:center;
  
      margin-bottom:60px;
  
  }
  
  .section-header h2{
  
      color:#1d3557;
  
      font-size:38px;
  
      margin:15px 0;
  
  }
  
  .section-header p{
  
      color:#666;
  
      max-width:700px;
  
      margin:auto;
  
      line-height:2;
  
  }
  
  .why-grid{
  
      display:grid;
  
      grid-template-columns:repeat(4,1fr);
  
      gap:30px;
  
  }
  
  .why-card{
  
      background:white;
  
      border-radius:20px;
  
      padding:35px 25px;
  
      text-align:center;
  
      box-shadow:0 10px 30px rgba(0,0,0,.08);
  
      transition:.35s;
  
  }
  
  .why-card:hover{
  
      transform:translateY(-10px);
  
      box-shadow:0 20px 40px rgba(0,0,0,.12);
  
  }
  
  .why-card i{
  
      font-size:48px;
  
      color:#ffc107;
  
      margin-bottom:20px;
  
  }
  
  .why-card h3{
  
      color:#1d3557;
  
      margin-bottom:15px;
  
  }
  
  .why-card p{
  
      color:#666;
  
      line-height:1.9;
  
      font-size:15px;
  
  }
  
  @media(max-width:992px){
  
  .why-grid{
  
  grid-template-columns:repeat(2,1fr);
  
  }
  
  }
  
  @media(max-width:650px){
  
  .why-grid{
  
  grid-template-columns:1fr;
  
  }
  
  .section-header h2{
  
  font-size:30px;
  
  }
  
  }
  
  .company-website{
  
      padding:90px 0;
  
      background:linear-gradient(135deg,#1d3557,#2c5282);
  
  }
  
  .company-website .container{
  
      width:90%;
      max-width:1300px;
  
      margin:auto;
  
      display:flex;
      align-items:center;
      gap:70px;
      flex-wrap:wrap;
  
  }
  
  .website-content{
  
      flex:1;
      color:white;
  
  }
  
  .website-content h2{
  
      font-size:40px;
      margin:20px 0;
  
  }
  
  .website-content p{
  
      line-height:2.2;
      color:#ececec;
      margin-bottom:35px;
  
  }
  
  .website-btn{
  
      display:inline-flex;
      align-items:center;
      gap:12px;
  
      background:#ffc107;
      color:#1d3557;
  
      padding:16px 35px;
  
      border-radius:12px;
  
      text-decoration:none;
  
      font-weight:bold;
  
      transition:.35s;
  
  }
  
  .website-btn:hover{
  
      background:white;
  
      transform:translateY(-5px);
  
  }
  
  .website-image{
  
      flex:1;
      text-align:center;
  
  }
  
  .website-image img{
  
      width:100%;
      max-width:500px;
  
  }
  
  @media(max-width:992px){
  
  .company-website .container{
  
  flex-direction:column-reverse;
  
  text-align:center;
  
  }
  
  .website-content h2{
  
  font-size:32px;
  
  }
  
  }
.home_dis{
    display:none !important;
}
.company-stats{
    padding:100px 0;
    width: 90%;
    background:linear-gradient(135deg,#16324f,#224f7a);

    position:relative;

    overflow:hidden;

  }
  
  /* دایره‌های محو در پس‌زمینه */
  
  .company-stats::before{
  
      content:"";
  
      position:absolute;
  
      width:320px;
  
      height:320px;
  
      background:rgba(255,255,255,.05);
  
      border-radius:50%;
  
      top:-120px;
  
      left:-80px;
  
  }
  
  .company-stats::after{
  
      content:"";
  
      position:absolute;
  
      width:250px;
  
      height:250px;
  
      background:rgba(255,193,7,.08);
  
      border-radius:50%;
  
      bottom:-90px;
  
      right:-70px;
  
  }
  
  .stats-title{
  
      text-align:center;
  
      color:white;
  
      margin-bottom:70px;
  
      position:relative;
  
      z-index:2;
  
  }
  
  .stats-title span{
  
      color:#ffc107;
  
      font-weight:bold;
  
      font-size:18px;
  
  }
  
  .stats-title h2{
  
      font-size:42px;
  
      margin:18px 0;
  
  }
  
  .stats-title p{
  
      max-width:700px;
  
      margin:auto;
  
      color:#d8d8d8;
  
      line-height:2;
  
  }
  
  .stats-grid{
  
      display:grid;
  
      grid-template-columns:repeat(4,1fr);
  
      gap:30px;
  
      position:relative;
  
      z-index:2;
  
  }
  
  .stat-card{
  
      background:rgba(255,255,255,.08);
  
      backdrop-filter:blur(10px);
  
      border:1px solid rgba(255,255,255,.15);
  
      border-radius:22px;
  
      padding:40px 25px;
  
      text-align:center;
  
      transition:.4s;
  
  }
  
  .stat-card:hover{
  
      transform:translateY(-10px);
  
      background:rgba(255,255,255,.14);
  
  }
  
  .stat-card i{
  
      font-size:52px;
  
      color:#ffc107;
  
      margin-bottom:20px;
  
  }
  
  .stat-card h3{
  
      color:white;
  
      font-size:48px;
  
      margin:10px 0;
  
      font-weight:bold;
  
  }
  
  .stat-card span{
  
      color:#e5e5e5;
  
      font-size:17px;
  
  }
  
  @media(max-width:992px){
  
  .stats-grid{
  
  grid-template-columns:repeat(2,1fr);
  
  }
  
  }
  
  @media(max-width:650px){
  
  .stats-grid{
  
  grid-template-columns:1fr;
  
  }
  
  .stats-title h2{
  
  font-size:32px;
  
  }
  
  }
  
  .certificates{
  
      padding:90px 0;
      width: 95%;
      background:#fafafa;
  
  }
  
  .certificate-grid{
  
      display:grid;
  
      grid-template-columns:repeat(4,1fr);
  
      gap:25px;
  
      margin-top:50px;
  
  }
  
  .certificate-card{
  
      background:white;
  
      padding:35px;
  
      border-radius:18px;
  
      text-align:center;
  
      box-shadow:0 8px 25px rgba(0,0,0,.08);
  
      transition:.3s;
  
  }
  
  .certificate-card:hover{
  
      transform:translateY(-8px);
  
  }
  
  .certificate-card img{
  
      width:90px;
  
      height:90px;
  
      object-fit:contain;
  
      margin-bottom:20px;
  
  }
  
  .certificate-card h4{
  
      color:#1d3557;
  
  }
  
  @media(max-width:992px){
  
  .certificate-grid{
  
  grid-template-columns:repeat(2,1fr);
  
  }
  
  }
  
  @media(max-width:650px){
  
  .certificate-grid{
  
  grid-template-columns:1fr;
  
  }
  
  }
  

  .stat-card{
  
  opacity:0;
  
  transform:translateY(60px);
  
  transition:1s;
  
  }
  
  .stat-card.show{
  
  opacity:1;
  
  transform:translateY(0);
  
  }
  
  .stat-card:hover i{
  
  transform:rotate(10deg) scale(1.2);
  
  transition:.4s;
  
  }