@font-face {
    font-family: 'medium';
    src: url('../fonts/Pinar-Regular.woff2') format('woff2');
       font-style: normal;
  }    
  
  @font-face {
    font-family: 'bold';
    src: url('../fonts/Pinar-SemiBold.woff2') format('woff2');
       
  }    
  
  @font-face {
    font-family: 'light';
    src: url('../fonts/Pinar-Light.woff2') format('woff2');
       font-style: normal;
  }
    
    body{
      background:#0b1c2d; /* آبی کاربنی */
      font-family:medium;
      padding:40px 0;
    }
    .gallery-title{
      color:white; /* صورتی */
      text-align:center;
      margin-bottom:40px;
      font-weight:700;
      background-color: #ff2d85;
      font-family: bold;
    }
    .gallery-item{
      position:relative;
      aspect-ratio:1/1;
      overflow:hidden;
      border-radius:18px;
      box-shadow:0 10px 30px rgba(0,0,0,.4);
      cursor:pointer;
    }
    .gallery-item img{
      width:100%;
      height:100%;
      object-fit:cover;
      transition:transform .6s ease;
    }
    .gallery-overlay{
      position:absolute;
      inset:0;
      background:linear-gradient(135deg, rgba(255,95,162,.85), rgba(11,28,45,.85));
      display:flex;
      align-items:center;
      justify-content:center;
      opacity:0;
      transition:.5s ease;
    }
    .gallery-overlay h5{
      color:#fff;
      font-size:26px;
      transform:translateY(20px);
      transition:.5s ease;
      font-family: bold;
    }
    .gallery-item:hover img{
      transform:scale(1.15);
    }
    .gallery-item:hover .gallery-overlay{
      opacity:1;
    }
    .gallery-item:hover .gallery-overlay h5{
      transform:translateY(0);
    }
  

    .container {
        max-width: 900px;
        margin: auto;
    }

    h2 {
        margin-top: 40px;
        background: #333;
        color: #fff;
        padding: 12px 20px;
        border-radius: 10px;
    }

    .accordion {
        background: #fff;
        margin: 10px 0;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    }

    .accordion-header {
        padding: 15px;
        background: #eee;
        cursor: pointer;
        font-weight: bold;
    }

    .accordion-content {
        max-height: 0;
        overflow: hidden;
        background: #fff;
        padding: 0 15px;
        transition: max-height 0.3s ease;
    }

    .accordion-content p {
        padding: 15px 0;
    }

    .h1-header-question-title{
        color: white;
    
    }

    .h2-header-question-section {
        background-color: #ff2d85;
        font-family: bold;
    }

    .header-img-style-page{
        max-width: 600px !important;
        margin: 0 auto;
    }

    .accordion-content p {
        font-family: light;
        line-height: 40px;
    }

    #faqSearch{
        border-radius:50px;
        padding:12px 20px;
        border:2px solid #ff5fa2;
      }
      
      .accordion.highlight{
        border:2px solid #ff5fa2;
        box-shadow:0 0 12px rgba(255,95,162,.4);
      }

      .content-image {
        width: 100%;
        max-width: 836px;
        height: auto;
    }
    
    .image-box {
      border: 1px solid #ddd;
      padding: 12px;
      border-radius: 10px;
      background: #fff;
      box-shadow: 0 6px 15px rgba(0,0,0,0.1);
      margin: 20px 0;
      text-align: center;
      margin-bottom: 68px;
  }

  .content-text p {
    line-height: 2;
    margin-bottom: 18px;
    font-size: 16px;
}

.step-title {
    font-weight: bold !important;
    font-size: 20px;
    margin: 30px 0 10px;
    font-family: bold !important;
}

.note-title {
    font-weight: bold;
    margin: 25px 0 10px;
}

.image-box {
    margin: 25px 0;
    text-align: center;
}

.image-box img {
  width: 100%;
}

.breadcrumb{
background-color: #ff2d85;
}

.breadcrumb li a {
	color:white !important;
	font-family:bold;
}

ul.breadcrumb li + li::before {
color:white !important;
}