.toggle {
            display: flex;
            flex-direction: column;
            cursor: pointer;
            padding: 15px 20px;
            border-bottom: 1px solid #ddd;
            transition: background 0.3s ease;
        }

        .toggle:hover {
            background: #000;
        }

        .toggle-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .toggle-icon {
            margin-right: 10px;
            color: #fd0a0a;
        }

        .toggle-content {
            display: none;
            padding: 15px 20px;
            font-size: 0.9rem;
            line-height: 1.6;
            background: #f9f9f9;
            border: solid 1px #d7d3d3;
            color: #000;
        }
		 

        .toggle.open + .toggle-content {
            display: block;
        }
		 
		  .toggle-content p{
            font-size: 1rem;
            
        }

        .toggle h2 {
            margin: 0;
            font-size: 1.1rem;
			color: #fff;
            display: flex;
            align-items: center;
        }
		 
		 .toggle h2 i{
             font-size: 1.3rem;
    color: #ed1d26;
    display: flex;
    align-items: center;
    margin-right: 20px;
        }
		 
		 .toggle .open{
         font-size: 20px;
         color: #ed1d26;
               
        }

.faq-arrow {
    color: #0d6efd;
}

	/*--------------------------------------------------------------
# Faq Section
--------------------------------------------------------------*/
.faq .faq-title {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: var(--heading-color);
}

.faq .faq-description {
  font-size: 1rem;
  color: var(--default-color);
  margin-bottom: 2rem;
}

.faq .faq-arrow {
  color: var(--accent-color);
}

.faq .faq-container .faq-item {
  background-color: var(--surface-color);
  position: relative;
  padding: 20px;
  margin-bottom: 15px;
  border-radius: 10px;
  overflow: hidden;
}

.faq .faq-container .faq-item:last-child {
  margin-bottom: 0;
}

.faq .faq-container .faq-item h3 {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  margin: 0 30px 0 0;
  transition: 0.3s;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.faq .faq-container .faq-item h3 .num {
  color: var(--accent-color);
  padding-right: 5px;
}

.faq .faq-container .faq-item h3:hover {
  color: var(--accent-color);
}

.faq .faq-container .faq-item .faq-content {
  display: grid;
  grid-template-rows: 0fr;
  transition: 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
}

.faq .faq-container .faq-item .faq-content p {
  margin-bottom: 0;
  overflow: hidden;
}

.faq .faq-container .faq-item .faq-toggle {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 16px;
  line-height: 0;
  transition: 0.3s;
  cursor: pointer;
}

.faq .faq-container .faq-item .faq-toggle:hover {
  color: var(--accent-color);
}

.faq .faq-container .faq-active h3 {
  color: var(--accent-color);
}

.faq .faq-container .faq-active .faq-content {
  grid-template-rows: 1fr;
  visibility: visible;
  opacity: 1;
  padding-top: 10px;
}

.faq .faq-container .faq-active .faq-toggle {
  transform: rotate(90deg);
  color: var(--accent-color);
}