.ag_map{width:100%;float:right;margin:2px 0}
.ag_map a.site{cursor:pointer;color:#E8000B;font-size:14px;text-decoration:none}
.ag_map i{font-style:normal}
#agency_shahr{display:flex;flex-wrap:wrap;padding:5px;background-color:#eee;border:1px solid #cecece;width:100%;float:right}
ul.list_shahr{display:block;padding:0;margin:0;width:100%;list-style:none}
.city_agency{float:right;padding:2px 3px;margin:3px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;width:20%;color:#C51A1B;font-size:14px}
.bigtext{display:block;overflow:hidden;color:#787878}
.agency_hide{display:none}
.agency_load{position:absolute;width:500px;height:100px}
.agency_main{clear:both}
.agency_self{width:98%;font-size:12px;box-shadow:1px 0 4px #666;background-color:#fff;padding:0;z-index:8888;margin:10px 5px}
.agency_wait{background:url(../images/loading.gif) no-repeat;z-index:1000;height:300px;width:300px;position:absolute;top:50%}
.map_agency a:hover{border:0}
.no-agency{font-size:13px;color:#DA1F26;font-weight:700;background:#eee;display:block;padding:2px}
.agency_brands li{list-style:none;background:url(../images/brands_tick.png)no-repeat;background-position:right center;width:100%;margin:0;padding:0;text-indent:20px}
.map_agency .agency_brands li{margin-right:-40px}
.agency_social{color:#282828;cursor:pointer;font-size:14px;text-decoration:none}
.agency_more{display:none}
#agency_joz .list{clear:both}
#ag_list_shahr{color:red;font-size:16px;float:right;clear:both;text-align:right;color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6;padding:5px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;display:none}
.agency_social img{padding:1px;margin:0!important}
.agency_city_title{background:url(../images/line.png) #ebebeb repeat;width:100%;height:36px;overflow:hidden;display:none}
.agency_city_title h3{text-shadow:2px 1px rgba(29,29,29,0.4);padding:0;margin:0;border-radius:4px;-moz-border-radius:4px;display:inline-block}
.agency_city_title h4{color:#fff;padding:2px;margin:0;border-radius:4px;-moz-border-radius:4px;display:inline-block}
.agency_city_title h4 a{color:#1974b1;padding-right:5px;font-weight:700;float:left;margin-top:6px}
.agency_city_title .ag_city{float:right;font-size:20px;height:36px;line-height:34px;padding:0px 30px 0px 40px;display:inline-block;background:#777474;color:#fff}
.agency_res_city{margin-bottom:10px}
.agency_loading{position:fixed;z-index:999;height:2em;width:2em;overflow:show;margin:auto;top:0;left:0;bottom:0;right:0}
.agency_loading:before{content:'';display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3)}
.agency_loading:not(:required){font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
.agency_loading:not(:required):after{content:'';display:block;font-size:10px;width:1em;height:1em;margin-top:-.5em;-webkit-animation:spinner 1500ms infinite linear;-moz-animation:spinner 1500ms infinite linear;-ms-animation:spinner 1500ms infinite linear;-o-animation:spinner 1500ms infinite linear;animation:spinner 1500ms infinite linear;border-radius:.5em;-webkit-box-shadow:rgba(0,0,0,0.75) 1.5em 0 0 0,rgba(0,0,0,0.75) 1.1em 1.1em 0 0,rgba(0,0,0,0.75) 0 1.5em 0 0,rgba(0,0,0,0.75) -1.1em 1.1em 0 0,rgba(0,0,0,0.5) -1.5em 0 0 0,rgba(0,0,0,0.5) -1.1em -1.1em 0 0,rgba(0,0,0,0.75) 0 -1.5em 0 0,rgba(0,0,0,0.75) 1.1em -1.1em 0 0;box-shadow:rgba(0,0,0,0.75) 1.5em 0 0 0,rgba(0,0,0,0.75) 1.1em 1.1em 0 0,rgba(0,0,0,0.75) 0 1.5em 0 0,rgba(0,0,0,0.75) -1.1em 1.1em 0 0,rgba(0,0,0,0.75) -1.5em 0 0 0,rgba(0,0,0,0.75) -1.1em -1.1em 0 0,rgba(0,0,0,0.75) 0 -1.5em 0 0,rgba(0,0,0,0.75) 1.1em -1.1em 0 0}
@-webkit-keyframes spinner {
0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@-moz-keyframes spinner {
0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@-o-keyframes spinner {
0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spinner {
0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
.agency_search_box{background:#e8000b;color:#ecf0f1;display:block;margin:0 2px;padding:0 8px;line-height:26px;margin-top:10px;margin-bottom:2px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;height:32px;overflow:hidden}
.agency_search_box form{float:right;width:98%;padding:2px}
.agency_search_box select{width:33%;background:#ca111a;padding:1px 2px;margin-left:3px;height:28px!important;color:#fff;text-align:center;float:right;border:0!important;box-shadow:none!important;}
.agency_search_box select option{text-align:center}
.agency_search_box input{width:55%!important;background:#ca111a!important;padding:1px 2px;margin-left:3px;height:28px!important;border:0 solid #da1c1c;color:#fff;float:right}
.agency_search_box input,.agency_search_box input:focus{outline:none,border:0!important;box-shadow:none!important;}
a#search_agency{float:right;width:9%!important;text-decoration:none!important;}
.agency_search_box img{margin:0!important;padding-right:5px;border-radius:0!important}
a.search_gency{float:right;width:8%}
.agency_search_light{color:#ffa507}
#map_agency{display:block;position:relative;direction:rtl;text-align:right;padding:0;font-size:11px;width:100%;margin:10px auto}
#map_agency .show-title{display:none;position:absolute;background-color:#333;color:#fff;margin:0!important;padding:0 5px;text-align:center;line-height:26px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;opacity:.8}
#map_agency .map_agency{display:block;float:left;width:50%;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
#map_agency .map_agency svg{height:100%;width:100%}
#map_agency .map_agency .border path,#map_agency .map_agency .island path{fill:#fff}
#map_agency .map_agency .province .agency_pno{fill:#999}
#map_agency .map_agency .province .agency_pfound{fill:#4ECC81}
#map_agency .map_agency .sea path,#map_agency .map_agency .lake path{fill:#6caed8}
#map_agency .map_agency .province path:hover,#map_agency .map_agency .island path:hover,#map_agency .map_agency .province path.hover,#map_agency .map_agency .island path.hover{cursor:pointer;fill:#c33a2c;cursor:pointer}
.agency_list .list-title{display:none;position:absolute;background-color:#333;color:#fff;margin:0!important;padding:0 5px;text-align:center;line-height:26px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;opacity:.8}
#map_agency .agency_list{display:block;float:right;width:50%}
#map_agency .agency_list ul{padding:0}
#map_agency .agency_list>ul{margin-left:-12px}
#map_agency .agency_list li{list-style:none}
#map_agency .agency_list li ul li{display:block;float:right;width:33.333333333333%;margin-bottom:0}
#map_agency .agency_list li ul li a{background:#003292;color:#ecf0f1;display:block;padding:0 2px;line-height:26px;height:26px;margin:2px;text-decoration:none;border:0;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}
#map_agency .agency_list li ul li a:hover,#map_agency .list li ul li a.hover{background:#c33a2c}
#map_agency .agency_list ul:before,#map_agency .agency_list ul:after{display:table;content:" "}
#map_agency .agency_list ul,#map_agency .agency_list ul:after{clear:both}
.agency_clearfix:before,.agency_clearfix:after{content:" ";display:table}
.agency_clearfix:after{clear:both}
.agency_clearfix{*zoom:1}
#map_agency .agency_right{display:inline-block;float:none;width:50%}
#map_agency .agency_left{display:block;float:left;width:50%}
#map_agency .agency_left ul,#map_agency .agency_right ul{padding:0!important;margin:00!important}
#map_agency .agency_left li,#map_agency .agency_right li{list-style:none;margin-bottom:0}
#map_agency .agency_left li ul li,#map_agency .agency_right li ul li{display:block;float:right}
#map_agency .agency_left li ul li a:hover,#map_agency .agency_left li ul li a.hover,#map_agency .agency_right li ul li a:hover,#map_agency .agency_right li ul li a.hover{background:#c33a2c}
#map_agency .agency_left ul:before,#map_agency .agency_left ul:after,#map_agency .agency_right ul:before,#map_agency .agency_right ul:after{display:table;content:" "}
#map_agency .agency_left ul,#map_agency .agency_left ul:after,#map_agency .agency_right ul,#map_agency .agency_right ul:after{clear:both}
#map_agency .agency_left li ul li a,#map_agency .agency_right li ul li a{background:#34495e;color:#ecf0f1;display:block;padding:0 2px;line-height:26px;height:26px;margin:2px;text-decoration:none;border:0}
#map_agency .city{clear:both;padding:10px 0}
.agency_ul{margin:0;padding:0;list-style-type:none;clear:both}
.agency_ul li{padding:2px 2px 1px 1px;line-height:25px}
.agency_lable{width:40%;text-align:right;float:right}
.agency_daron{width:58%;text-align:right;float:left}
.agency_right ul.agency_ul:nth-child(odd),.agency_left ul.agency_ul:nth-child(odd){background-color:#ebebeb!important;width:100%}
.agency_right ul.agency_ul:nth-child(even),.agency_left ul.agency_ul:nth-child(even){background-color:#fff!important;width:100%}
.agency_brands li{width:100%!important;clear:both;}
.agency_help_color{clear:both;text-align:right;padding-right:25px}
.ag_box_color{width:15px;height:15px;display:inline-block;margin-left:3px}
.ag_help_text{font-size:11px}
.agency_margin{padding-top:38px}
.agency_ostan_titr{background:#FFB000;height:25px;color:#000;padding:0 8px;margin:0 1px 0 0;width:98%;border-radius:4px;-moz-border-radius:4px;display:none}
.agency_island span,.province span{background:#e8000b;color:#ecf0f1;display:block;margin:0 2px;padding:0 8px;line-height:26px;margin-top:2px;margin-bottom:1px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;height:28px;overflow:hidden}
.agency_island ul{margin:0!important;padding:0!important}
.agency_social_list {
margin: 1px!important;padding:0px!important;width:80%;margin: 0 auto!important;min-height:40px;}
.agency_social_list li{width:20%!important;padding:0px!important;margin:0px!important;}
.agency_social{float:right;display:inline-block}
.agency_social a{background:transparent!important;margin:1px;padding:1px;font-size:11px;text-align:center;text-decoration:none!important;}
.agency_social img{width:32px!important}
#map_agency .agency_tooltip{display:inline;position:relative;}
#map_agency .agency_tooltip:hover:before{border:solid;border-color:#333 transparent;border-width:6px 6px 0;bottom:20px;content:"";left:50%;position:absolute;z-index:99}
#map_agency .agency_tooltip:hover:after{background:#333;background:rgba(0,0,0,.8);border-radius:5px;bottom:26px;color:#fff;content:attr(titles);left:20%;padding:5px 15px;position:absolute;z-index:98;width:80px}
input#agency_search_text::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color:#fff;}
input#agency_search_text::-moz-placeholder { /* Firefox 19+ */
      color:#fff;
}
input#agency_search_text::-ms-input-placeholder { /* IE 10+ */
      color:#fff;
}
input#agency_search_text::-moz-placeholder { /* Firefox 18- */
     color:#fff;
}
@media(max-width: 930px) {
#map_agency .agency_list{width:50%}
#map_agency .agency_left{width:50%}
#map_agency .agency_right{width:50%}
}
@media(max-width: 745px) {
#map_agency .agency_list li ul li{width:50%}
#map_agency .agency_left li ul li{width:50%}
#map_agency .agency_right li ul li{width:50%}
}
@media(max-width: 515px) {
#map_agency .agency_list,#map_agency .map_agency{width:100%}
#map_agency .agency_left,#map_agency .agency_right,#map_agency .map_agency{width:100%}
#map_agency .agency_list li ul li{width:33.333333333333%}
#map_agency .agency_list li ul li a{font-size:11px!important}
#map_agency .agency_left li ul li a,#map .agency_right li ul li a{font-size:11px!important}
#agency_joz .map_agency{width:100%!important;height:auto!important}
#map_agency .agency_left li ul li{width:50%}
#map_agency .agency_right li ul li{width:50%}
.agency_social_list {width:90%}
}
@media only screen and (min-width: 0) and (max-width: 460px) {
.agency_help_color{position:absolute;top:-10px;}
.agency_margin{padding-top:2px}
}
@media(max-width: 250px) {
#map_agency .agency_list li ul li{width:100%;font-size:13px}
#map_agency .agency_left li ul li{width:100%;font-size:13px}
#map_agency .agency_right li ul li{width:100%;font-size:13px}
}
.ag-container {
    max-width: 1200px;
    margin: 20px auto;
    padding: 4px;
    background-color: #fff;
    border-radius: 8px;
    /*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);*/
}
.ag-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 15px; /* فاصله بین ستون‌ها و سطرها */
    padding: 15px;
    box-sizing: border-box;
}
.ag-col-1  { flex: 0 0 calc(8.333% - 15px); max-width: calc(8.333% - 15px); }
.ag-col-2  { flex: 0 0 calc(16.666% - 15px); max-width: calc(16.666% - 15px); }
.ag-col-3  { flex: 0 0 calc(25% - 15px); max-width: calc(25% - 15px); }
.ag-col-4  { flex: 0 0 calc(33.333% - 15px); max-width: calc(33.333% - 15px); }
.ag-col-5  { flex: 0 0 calc(41.666% - 15px); max-width: calc(41.666% - 15px); }
.ag-col-6  { flex: 0 0 calc(50% - 15px); max-width: calc(50% - 15px); }
.ag-col-7  { flex: 0 0 calc(58.333% - 15px); max-width: calc(58.333% - 15px); }
.ag-col-8  { flex: 0 0 calc(66.666% - 15px); max-width: calc(66.666% - 15px); }
.ag-col-9  { flex: 0 0 calc(75% - 15px); max-width: calc(75% - 15px); }
.ag-col-10 { flex: 0 0 calc(83.333% - 15px); max-width: calc(83.333% - 15px); }
.ag-col-11 { flex: 0 0 calc(91.666% - 15px); max-width: calc(91.666% - 15px); }
.ag-col-12 { flex: 0 0 calc(100% - 15px); max-width: calc(100% - 15px); }

.ag-grid > div {
    box-sizing: border-box;
}
/* المان‌های فرم */
#ag_searchForm label {
    display: block!important;
    margin-bottom: 5px;
    font-size: 14px;
    color: #333;
    height: 25px;
}

.ag-form-input,
.ag-btn {
    width: 100%!important;
    padding: 8px;
    border: 1px solid #ccc!important;
    border-radius: 4px!important;
    font-size: 14px!important;
    height: 40px!important;
    margin:0;
}

button.ag-btn {
    background-color: #003292;
    color: white;
    border: none;
    cursor: pointer;
    font-weight: bold;
}

button.ag-btn:hover {
    background-color: #e8000b;
}

.ag-text-center {
    text-align: center;
}
.ag-center-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
@media (max-width: 1200px) {
    .ag-col-1, .ag-col-2, .ag-col-3, .ag-col-4, .ag-col-5, .ag-col-6,
    .ag-col-7, .ag-col-8, .ag-col-9, .ag-col-10, .ag-col-11, .ag-col-12 {
        flex: 0 0 calc(50% - 10px); /* برای لپ‌تاپ، ستون‌ها به 50% عرض می‌رسند */
        max-width: calc(50% - 10px);
    }
}

@media (max-width: 768px) {
    .ag-col-1, .ag-col-2, .ag-col-3, .ag-col-4, .ag-col-5, .ag-col-6,
    .ag-col-7, .ag-col-8, .ag-col-9, .ag-col-10, .ag-col-11, .ag-col-12 {
        flex: 0 0 calc(100% - 0px); /* برای موبایل، ستون‌ها تمام عرض می‌شوند */
        max-width: calc(100% - 0px);
    }

}
.ag-padd-zero {
    padding:0px;
}

.ag-container {
    margin: 0 auto;
}

.ag-table-header,
.ag-table-row {
    display: flex;
    border-bottom: 1px solid #ddd;
    width: 100%; /* اضافه کردن این مورد برای تنظیم عرض کل */
    border-left: 1px solid #ddd;
}

.ag-table-header {
    background-color: #7B7A79;
    color: white;
    font-weight: bold;
}

.ag-table-cell {
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    border-left: 1px solid #ddd;
    border-right: none;
    flex-grow: 1; /* تقسیم فضای ستون‌ها */
    text-align: center;
    font-size: 14px;
    overflow-wrap: anywhere;
}

.ag-table-cell:first-child {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.ag-table-cell:last-child {
    border-right:0px solid #ddd;
    border-left:0px solid #ddd;
    flex-grow: 0; /* محدود کردن فضای ستون "اطلاعات بیشتر" */
    text-align:center;
}

.ag-table-cell a {
    text-decoration: none;
    color: #007bff;
}

.ag-table-cell a:hover {
    text-decoration: underline;
}
@media (max-width: 768px) {
    .ag-table-header {
        display: none; /* پنهان کردن هدر جدول */
    }

    .ag-table-row {
        display: flex;
        flex-direction: column;
        border: 1px solid #ddd;
        margin-bottom: 10px;
        padding: 10px;
        background-color: #fdfdfd;
    }

    .ag-table-cell {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 5px 0;
        border: none;
        border-bottom: 1px solid #ddd;
    }

    .ag-table-cell::before {
        content: attr(data-title);
        font-weight: bold;
        color: #555;
        margin-left: 10px;
    }

    .ag-table-cell:last-child {
        border-bottom: none;
    }
    .ag-table-cell:first-child {
    border-left:0;
    border-right:0;
}
}


.ag-mt-1{
    margin-top:.25rem !important;
}
.ag-mt-2{
    margin-top:.5rem !important;
}
.ag-mb-1{
    margin-bottom:.25rem !important;
}
.ag-mb-2{
    margin-bottom:.5rem !important;
}

.ag-show-modal {
    background-color: #003292;
    color: #fff;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
}
.ag-show-modal:hover{
    background-color: #E8000B!important;
}
.ag-section-title {
    margin: 10px 0;
    font-size: 16px;
    background-color:#7B7A79;
    color: white;
    padding: 10px;
    border-radius: 5px;
    text-align:right;
    display: flex;
    align-items: center;
    height: 40px;
}

/* ساختار ریسپانسیو با Flexbox */
.ag-info-container{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.ag-info-row {
    display: flex;
    align-items: center;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
    flex: 1 1 calc(50% - 10px);
    box-sizing: border-box;
    font-size:13px;
    transition: all 0.3s ease;
}
.ag-info-row:hover {
    background: #f8f9fa;
    border-color: #003292;
}
 .ag-third-width{
        flex: 1 1 calc(33% - 10px)
}

/* استایل برای موبایل و تبلت */
@media (max-width: 768px) {
    .ag-info-row {
        flex: 1 1 100%;
    }
    .ag-third-width{
        flex: 1 1 100%;
    }
}


.ag-brand-label {
    color: #333;
    font-weight: bold;
}

.ag-info-label, .ag-score-label {
    color: #555;
}

.ag-info-value, .ag-score-value {
    color: #333;
    font-weight: bold;
}
.ag-info-value{
    padding-right: 3px;
}
.ag-info-value a{
color:#000;
}
/* ریسپانسیو */
@media (max-width: 600px) {
    .ag-info-row{
        flex: 1 1 100%;
    }
}

.ag-score-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px; /* فاصله بین ستون‌ها */
}

.ag-brand-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px; /* فاصله بین ستون‌ها */
}

.ag-brand-item {
    background-color: #f4f4f4;
    padding: 10px;
    border-radius: 8px; /* گوشه‌های گرد */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    display: flex!important;
    align-items: flex-start!important;
    justify-content: flex-start!important;
    font-size:13px;
}
.ag-brand-label {
    line-height:25px;
    height:auto;
    margin: 0;
}

 .ag-brand-container input[type="checkbox"] {
    width: 20px;
    height: 20px;
}

/* حالت ریسپانسیو برای صفحه‌های کوچک‌تر */

/* برای تبلت‌ها (دو ستون) */
@media (max-width: 768px) {
    .ag-brand-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* برای موبایل‌ها (یک ستون) */
@media (max-width: 480px) {
    .ag-brand-container {
        grid-template-columns: 1fr;
    }
}

.ag-score-item {
    background-color: #f4f4f4;
    padding: 10px;
    border-radius: 8px; /* گوشه‌های گرد */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
     font-size:13px;
}

.ag-score-label {
    font-weight: bold;
}

.ag-score-value {
    color: #007bff;
}

/* حالت ریسپانسیو برای صفحه‌های کوچک‌تر */

/* برای تبلت‌ها (سه ستون) */
@media (max-width: 1024px) {
    .ag-score-container {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .ag-score-container {
        grid-template-columns: repeat(2, 1fr);
    }
    .ag-container{
        padding: 2px;
    }
    .ag-form-input, .ag-btn {
    margin: 0px !important;
}

}
@media (max-width: 480px) {
    .ag-score-container {
        grid-template-columns: 1fr;
    }
}
#ag-loading {
    text-align: center;
    padding: 20px;
}

.ag-spinner {
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-left-color: #003292;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.ag-no-results-box {
    text-align: center;
    padding: 4px;
}
.ag-no-results-box p {
    margin: 0;
    line-height: 1.6;
    font-size: 18px;
    font-weight: bold;
}
.ag-info-row.ag-full-width {
    flex: 1 1 100%;
}
.ag-info-row.ag-half-width{
    ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;

}

.ag-map-btn {
    background-color: #007bff;
    color: white !important;
    padding: 12px 20px;
    text-align: center;
    text-decoration: none;
    display:block;
    font-size: 16px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.ag-map-btn:hover {
    background-color: #0b68cb;
    transform: scale(1.05);
}

.ag-map-btn:active {
    background-color: #007bff;
    transform: scale(0.98);
}

.ag-map-btn:focus {
    outline: none;
}
span.ag-red {
    color: #e8000b;
}
.ag-hide{
    display:none;
}

.ag-agency_social_list {
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
    flex-wrap: wrap!important;
    gap: 10px;
    padding: 0.5rem 0 0 0;
    margin:1rem 0 0 0;
    list-style: none!important;
}

.ag-agency_social {
    flex: 0 1 auto;
    text-align: center;
}

/* استایل برای لینک‌ها */
.ag-agency_social a {
    display: inline-block;
    width: 40px;
    height: 40px;
    transition: transform 0.3s ease;
}

/* استایل برای تصاویر */
.ag-agency_social img {
    width: 100%;
    height: auto;
}

.ag-agency_social a:hover {
    transform: scale(1.1);
}
.ag-modal {
    display: none;
    position: fixed;
    z-index: 105000;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

.ag-modal-open .ag-modal {
   /* overflow-x: hidden;
    overflow-y: auto; */
}
.ag-modal-dialog {
    position: relative;
    width: auto;
    margin: 1.75rem auto;
    pointer-events: none;
}

.ag-modal.fade .ag-modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0,0);
}

.ag-modal.show .ag-modal-dialog {
    transform: translate(0, 0);
}
.ag-modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}

.ag-modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    max-width: 100vw;
    height: 100vh;
    background-color: #000;
}

.ag-modal-backdrop.ag-fade {
    opacity: 0;
}

.ag-modal-backdrop.ag-show {
    opacity: 0.5;
}
.ag-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
    background-color: #f1f1f1;
}

.ag-modal-header .ag-close {
    box-shadow: none;
    padding: 1rem;
    margin:0;
    font-size: 1.5rem;
    font-weight: 700;
    color:#333;
    background: transparent;
    border: 0;
}

.ag-modal-header .ag-close:hover {
    opacity: 0.75;
    cursor: pointer;
    box-shadow: none;
     background: transparent;
     color:#E8000B;
}
.ag-modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 1.25rem;
    font-weight: bold;
    color: #333;
    padding-right: 5px;
}

.ag-modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
}
.ag-modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
    background-color: #f9f9f9;
}

.ag-modal-footer .btn {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

.ag-modal-footer .btn-secondary {
    background-color: #6c757d;
    border-color: #6c757d;
}

.ag-modal-footer .btn-secondary:hover {
    background-color: #5a6268;
    border-color: #545b62;
}

.ag-modal-footer .btn-primary {
    background-color: #007bff;
    border-color: #007bff;
}

.ag-modal-footer .btn-primary:hover {
    background-color: #0069d9;
    border-color: #0062cc;
}
.ag-modal-dialog-centered {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    margin: 0;
}

.ag-modal-content {
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
}

body.ag-modal-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
}

@media (min-width: 576px) {
    .ag-modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }

}

@media (min-width: 992px) {
    .ag-modal-lg {
        max-width: 750px;
    }
}

@media (min-width: 1200px) {
    .ag-modal-xl {
        max-width: 1140px;
    }
}
@media (max-width:768px) {
.ag-modal-content {
    width: 96%;
}
.ag-modal-header {
    padding: 0.5rem;
}
.ag-modal-content {
    margin-top: 20px;
}
.ag-ag-form-header{
    text-align: center;
}

}
@media (max-width:640px) {
#ag-city-lb{
    display: none;
}

}
.ag-modal-fullscreen {
    width: 100vw;
    height: 100vh;
    margin: 0;
}

.ag-modal-fullscreen .ag-modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
}
.ag-tick-icon {
    width: 20px;
    height: 20px;
    margin-left:4px; /* فاصله با متن */
    vertical-align: middle; /* تراز کردن با متن */
}
#agency-maps{
    margin-bottom:50px;
}

.ag-map-box{
    background:transparent!important;
    border: 1px solid #ddd;
    height: 40px!important;
    padding: 6px 6px 6px 6px!important;
}
.ag-map-link{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border-radius: 4px;
    transition: allease 0.4s;
    cursor: pointer;
    font-weight: 500;
    font-size: 13px;
    text-decoration:none!important;
    border: 1px solid #0067cd;
    height: 40px;
    padding: 6px 6px 6px 6px;
    width:100%;
    color:blue!important;
}
.ag-maps-txt{
    padding-right:6px;
}
.ag-form-row {
    border-top:1px solid #eee;
}

.ag-toggle-btn {
    display: none!important;
    background: #fff!important;
    border: 1px solid #003292!important;
    color:#003292!important;
    border: none;
    border-radius: 8px;
    padding: 8px 12px;
    cursor: pointer;
    font-size: 14px;
}
#ag_searchForm{
padding: 10px 10px 4px 10px;
}

@media (max-width: 768px) {
    .ag-toggle-btn {
        display: flex!important;
        width:100%!important;
        align-items: center;
    }

    #ag_searchForm {
        display: none; /* پنهان در حالت اولیه */
        margin-top: 10px;
        padding:0;
    }

    #ag_searchForm.active {
        display: flex; /* وقتی باز شد، نمایش داده شود */
        width:100%;
    }
    label#ag-btn-lb{
        height: 0px;
    }
    #ag_searchForm label{
    display: none!important;
    }

}

/* --- کارت شبیه Bootstrap ---- */

.ag-card {
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-bottom:0px;
    overflow: hidden;
     animation: fadeIn 0.4s ease-out;
     transition: all 0.3s ease;
    position: relative;
}
.ag-card::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 4px;
    height: 100%;
    background: #003292;
    transform: scaleY(0);
    transition: transform 0.3s
ease;
}
.ag-card:hover::before {
    transform: scaleY(1);
}
.ag-card:hover {
    border-color: #003292;
    transform: translateY(-4px);
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.08);
}
.ag-card .ag-section-title img{
   margin-left:5px;
}

.ag-card-header {
    background: #fff;
    padding: 14px 16px;
    cursor: pointer;
}

.ag-toggle-btn-1 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 14px !important;
    width:100%!important;
    border: 1px solid #003292!important;
    border-radius: 3px;
    color: #003292!important;
    margin: 10px 0 0 0 !important;
    padding: 8px;
    height: 40px !important;
    background: #fff;
}
.ag-toggle-btn-1:focus,.ag-toggle-btn-1:hover,.ag-toggle-btn-1:focus.ag-toggle-btn-1:hover,.ag-toggle-btn-1:focus,.ag-toggle-btn-1:hover {
    background-color: #003292!important;
    border: 1px solid #003292!important;
    color: #fff!important;
}
.ag-toggle-icon {
    transition: transform 0.3s;
}

/* چرخیدن آیکون هنگام باز شدن */
.ag-open .ag-toggle-icon {
    transform: rotate(180deg);
}

.ag-collapse {
    overflow: hidden;
    animation: agFade 0.3s ease;
    padding:10px;
    /*background: #ededed;*/
}
.ag-card .ag-map-box a{
    display: flex;
    align-items: center;
    text-decoration: none;
    width: 100%;
}
.ag-card .ag-map-box a img{
    margin-left:5px;
}
.ag-card .ag-section-title
{
background-color:#7B7A79;
}
.ag-agency_social_list img{
    width:40px;
    height:40px;
}
.ag-result-count{
    margin:0 0 10px 0!important;
}
@keyframes agFade {
    from {opacity: 0;}
    to {opacity: 1;}
}
.ag-list-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
@media (max-width: 768px) {
    .ag-list-wrapper {
        grid-template-columns: 1fr;
    }
    .ag-card-header {
     padding: 7px 8px;
    }
     #map_agency .agency_list,#map_agency .map_agency svg {
    margin-top: 30px;
 }
 .ag-table-cell:first-child {
 display: none;
 }
}
@media (max-width: 650px) {
 .ag-card-header {
     padding: 7px 4px 0px 4px;
    }
    .ag-card:hover::before
 {
    transform: scaleY(0);
}
.ag-modal-body div#agency-maps
 {
    margin-bottom: 50px;
}
}