.elementor-30 .elementor-element.elementor-element-efb7931{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30 .elementor-element.elementor-element-efb7931.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-30 .elementor-element.elementor-element-09dba7d{--display:flex;--margin-top:40vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--z-index:15;}.elementor-30 .elementor-element.elementor-element-09dba7d:not(.elementor-motion-effects-element-type-background), .elementor-30 .elementor-element.elementor-element-09dba7d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-30 .elementor-element.elementor-element-0f12d7b{--display:flex;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--z-index:15;}.elementor-30 .elementor-element.elementor-element-0f12d7b:not(.elementor-motion-effects-element-type-background), .elementor-30 .elementor-element.elementor-element-0f12d7b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-30 .elementor-element.elementor-element-9dd4667{--display:flex;--z-index:15;}.elementor-30 .elementor-element.elementor-element-9dd4667:not(.elementor-motion-effects-element-type-background), .elementor-30 .elementor-element.elementor-element-9dd4667 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-30 .elementor-element.elementor-element-4376ad9{z-index:11;}.elementor-30 .elementor-element.elementor-element-4376ad9 .search-input-wrapper .agency-search-input:focus{border-color:#015A70;box-shadow:0 0 0 3px #015A7030;}.elementor-30 .elementor-element.elementor-element-4376ad9 .city-tab-btn.active{background-color:#015A70;border-color:#015A70;}.elementor-30 .elementor-element.elementor-element-4376ad9 .agency-card .info-row svg{color:#015A70;}body.elementor-page-30:not(.elementor-motion-effects-element-type-background), body.elementor-page-30 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F9FA;}:root{--page-title-display:none;}body.elementor-page-30{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-30 .elementor-element.elementor-element-09dba7d{--margin-top:136vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;}.elementor-30 .elementor-element.elementor-element-0f12d7b{--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-50665cd *//* --- General Farsi & RTL Body Styles --- */
body[dir="rtl"] {
    font-family: 'Vazirmatn', sans-serif;
}
*{
    font-family: 'Vazirmatn', sans-serif;
}
/* --- V1 HERO RESTORED: Dynamic Gradient Header --- */
.va-page-header {
    padding: 120px 50px;
    text-align: center;
    color: #fff;
    background: linear-gradient(-45deg, #03736D, #004f71, #222);
    background-size: 400% 400%;
    animation: moveGradient 15s ease-in-out infinite;
}
.va-page-header h1 {
    
    font-size: 2.5rem;
    font-weight: 800;
    margin: 0 0 15px 0;
    text-shadow: 0 2px 10px rgba(0,0,0,0.2);
}
.va-page-header p {
    font-size: 1.2rem;
    font-weight: 300;
    opacity: 0.9;
    margin: 0;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

/* --- Agencies Section --- */
.va-agencies-section {
    width: 100%;
    padding: 80px 0;
    background-color: #f8f9fa;
}

.va-accordion-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
}

.va-accordion-item {
    background-color: #ffffff;
    border-radius: 12px;
    margin-bottom: 20px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);
    border: 1px solid #e9ecef;
    overflow: hidden;
}

/* FIX: Increased specificity by using 'button.va-accordion-header'.
  This makes these styles stronger than generic theme styles for '<button>'.
  Also explicitly reset properties like background, border, and outline.
*/
button.va-accordion-header {
    background: #ffffff; /* Explicitly set background */
    width: 100%;
    border: none; /* Reset border */
    outline: none; /* Reset outline */
    box-shadow: none; /* Reset shadow */
    padding: 25px 30px;
    text-align: right;
    font-family: 'Vazirmatn', sans-serif;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    transition: background-color 0.3s ease;
}

/* Define hover state separately */
button.va-accordion-header:hover {
    background-color: #fafafa;
}

/* Define focus state to remove default browser/theme outline */
button.va-accordion-header:focus-visible {
    outline: 2px solid #03736D;
    outline-offset: -2px;
}

/* FIX: Explicitly set the background color on the active state.
  This prevents a theme's '.active' button color from showing up.
*/
button.va-accordion-header.active {
    background-color: #ffffff; /* Keep background white when active */
}

.va-accordion-header::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 4px;
    height: 0;
    background-color: #03736D;
    transform: translateY(-50%);
    transition: height 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

button.va-accordion-header.active::after {
    height: 60%;
}

.va-province-name {
    font-size: 2rem;
    font-weight: 600;
    color: #343a40;
}

.va-header-meta {
    display: flex;
    align-items: center;
    gap: 25px;
}

.va-agency-count {
    font-size: 1rem;
    font-weight: 400;
    color: #6c757d;
}

.va-accordion-icon {
    width: 22px;
    height: 22px;
    position: relative;
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.va-accordion-icon::before, .va-accordion-icon::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 2px;
    background-color: #343a40;
}
.va-accordion-icon::before {
    transform: translate(-50%, -50%);
}
.va-accordion-icon::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

button.va-accordion-header.active .va-accordion-icon {
    transform: rotate(45deg);
}

.va-accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), padding 0.5s ease;
    background-color: #ffffff;
    padding: 0 15px;
}

.va-agencies-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 25px;
    padding: 25px 15px 40px 15px;
    border-top: 1px solid #e9ecef;
}

.va-agency-card {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    opacity: 0;
    transform: translateY(15px);
    transition: opacity 0.6s ease, transform 0.6s ease, box-shadow 0.3s ease;
}

.va-agency-card:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.07);
    transform: translateY(10px);
}

.va-accordion-content.open .va-agency-card {
    opacity: 1;
    transform: translateY(0);
}

.va-accordion-content.open .va-agency-card:nth-child(2) { transition-delay: 0.1s; }
.va-accordion-content.open .va-agency-card:nth-child(3) { transition-delay: 0.2s; }
.va-accordion-content.open .va-agency-card:nth-child(4) { transition-delay: 0.3s; }

.va-card-main-info {
    padding: 20px 25px;
}
.va-card-main-info h3 {
    font-size: 1.3rem;
    font-weight: 700;
    color: #212529;
    margin: 0 0 5px 0;
}
.va-card-main-info .va-representative {
    font-size: 1rem;
    color: #495057;
}

.va-card-details {
    padding: 20px 25px;
    flex-grow: 1;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}

.va-detail-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    font-size: 0.95rem;
    line-height: 1.7;
    color: #495057;
    margin: 0 0 15px 0;
}
.va-detail-item:last-child {
    margin-bottom: 0;
}
.va-detail-icon {
    width: 20px;
    height: 20px;
    fill: #6c757d;
    flex-shrink: 0;
    margin-top: 3px;
}

.va-card-footer {
    padding: 15px 25px;
    background-color: transparent;
    text-align: left;
}

.va-card-cta {
    display: inline-block;
    background-color: #03736D;
    color: #fff;
    padding: 10px 25px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 500;
    font-size: 0.9rem;
    transition: background-color 0.3s ease, transform 0.3s ease;
}
.va-card-cta:hover {
    background-color: #025a55;
    transform: translateY(-2px);
}

/* --- Responsive Adjustments --- */
@media (max-width: 768px) {
    .va-province-name { font-size: 1.8rem; }
    .va-agency-count { display: none; }
    .va-header-meta { gap: 15px; }
    .va-agencies-grid {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */
/* Start custom CSS *//* این کار نمی‌کند و اشتباه است */
.agency-list-scroll {
  overflow-y: auto;
  data-lenis-stop: true; /* <-- این یک ویژگی CSS معتبر نیست */
}/* End custom CSS */