@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/IRANSansWeb(FaNum).eot');
    src: url('../fonts/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('../fonts/IRANSansWeb(FaNum).woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/IRANSansWeb(FaNum).woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/IRANSansWeb(FaNum).ttf') format('truetype');
}
body { font-family: IRANSans; color:#414f62; font-size: 12pt; overflow-x: hidden }
a { color: #062149; text-decoration: none }
a:hover { text-decoration: none; color: green; }
.btn-style-1 { background: #009444;  color: white; border-radius: 20px }
.btn-style-1:hover { border: solid 1px #009444;  color: #009444 }
.btn-style-2 { background: #EDD089;  color: white; border-radius: 20px }
.btn-style-2:hover { background: #C58D3A; color: white }
.btn-style-3 { background: #f5f8fe;  color: #009444; border-radius: 20px }
.btn-style-3:hover { background: #EDD089; color: white; }
.btn-style-3:focus { background: #C58D3A; color: white }
.btn-style-4 { background: #C58D3A;  color: white; border-radius: 20px }
.btn-style-4:hover { background: #EDD089; color: white; }
.form-control { border-radius: 20px; border: solid 1px #9d9d9d; background: #f5f8fe }
/*----------------------header-----------------*/
header {  height: 100px;   }
.nav-item { padding: 5px 13px }
.nav-link { color: #009444; font-weight: bolder }
.nav-link:hover { color: #006838; }
.carousel-caption {  opacity: 0.5; background: -webkit-linear-gradient(right,transparent,black,transparent); margin-bottom: -20px; }
.item-caption { padding: 20px; color: white; background: -webkit-linear-gradient(top,transparent,rgba(0,0,0,.8)); position: relative; margin-top: -70px; }
.item-caption h3 { font-size: 15pt; font-weight: bold }
/*-----------------------------detail pages-----------------*/
.btn-start:hover { background: transparent; border:solid 1px white }
.contact-info { margin-bottom: 20px; padding: 15px; border-radius: 5px; box-shadow: 3px 2px 3px #f0f3f9; border: solid 1px #f0f3f9; }
.contact-info h6 { color: black; font-size: 11pt }
.contact-info p { color: #C58D3A; font-size: 12pt }
.contact-info i { color: white; background: #8DC63F  }
.content { width: 415px;  margin-right: auto; margin-left: auto; }
/*----------------------------------Footer----------------------*/
footer { width: 100%; float: right; background: #006838; }
footer .container { padding-top: 10px; color: white; font-size: 10pt }
footer .row {  margin-top: 15px; margin-bottom: 15px;  }
footer .social {  font-size: 15pt  }
footer a { color: white; }
footer a:hover { color: lawngreen }

/* Floating WhatsApp-like icon */
.floating-whatsapp{
    position: fixed;
    right: 20px;           /* فاصله از سمت راست صفحه */
    bottom: 20px;          /* فاصله از پایین صفحه */
    width: 64px;           /* اندازه کانتینر (تغییر بدید) */
    height: 64px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;         /* بالاتر از اغلب عناصر */
    border-radius: 50%;    /* گرد شدن (دایره) */
    background: transparent; /* چون آیکون شما زمینهٔ شفاف دارد */
    box-shadow: 0 6px 18px rgba(0,0,0,0.5);
    transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    /* در صورت نیاز می‌توانید pointer-events را تغییر دهید */
}

/* تصویر داخل آیکون — کمی حاشیه داخلی برای بزرگی مناسب */
.floating-whatsapp img{
    width: 72%;   /* نسبت تصویر داخل دایره */
    height: auto;
    display: block;
    pointer-events: none; /* تا کلیک روی لینک ثبت شود */
    user-select: none;
}

/* افکت hover / focus برای تعامل بهتر و دسترس‌پذیری */
.floating-whatsapp:hover,
.floating-whatsapp:focus{
    transform: translateY(-6px);
    box-shadow: 0 10px 24px rgba(0,0,0,0.22);
    outline: none;
}

/* حالت فوکوس کیبورد (قابل مشاهده برای دسترس‌پذیری) */
.floating-whatsapp:focus{
    box-shadow: 0 0 0 4px rgba(37, 155, 36, 0.18), 0 10px 24px rgba(0,0,0,0.22);
}
.floating-whatsapp.active{
    background-color: white;
}
.text-mycolor {
    color: #C58D3A !important;
    font-weight: bold;
}
.btn_style_3{
    color: #009444;
}

.download_application:hover{
    color: #8DC63F !important;
}
/*----------------------------------Responsive----------------------*/
@media (min-width:1380px) {
    .carousel-item img { height: auto }
}
@media (min-width:1200px) {
    .jonbeshsabz .w-20{
        width: 20% !important;
    }
}
@media (max-width:767px) {
    .jonbeshsabz .w-20{
        width: 80% !important;
    }
}
@media (max-width:480px) {
    .view { height: 500px; background-size: 100% 500px  }
    .aAccount { margin-right: 50px }
    /*-------------------index-----------------*/
    .carousel-item img { height: auto }
    .carousel-caption h5 { font-size: 12pt }
    .carousel-caption p { font-size: 9pt }
    .carousel-caption { position: relative; width: 100%; margin-top: 20px; padding: 5px; padding-bottom: 1px; background: -webkit-linear-gradient(top,black,black); margin-right: -54px; height: 110px; align-items: center; display: flex; justify-content: center; flex-direction: column }
    .detail_page { margin-top: 90px }

    /*-------------------select-city------------*/
    .content { width: 320px }
    /*-----------------------------------------*/
    .modal { right: 0; }
    .bg_image {  background-size: 100% 300px; height: 300px; }
}
@media (max-width: 480px){
    .floating-whatsapp{
        width: 52px;
        height: 52px;
        right: 14px;
        bottom: 14px;
    }
    .floating-whatsapp img{ width: 74%; }}

/* احترام به users که motion رو غیرفعال کرده‌اند */
@media (prefers-reduced-motion: reduce){
    .floating-whatsapp,
    .floating-whatsapp:hover,
    .floating-whatsapp:focus{
        transition: none;
        transform: none;
    }
}
@media (max-width: 991px) {
    .how_to_work_content{
        margin-bottom: 30px;
    }
    .img_faq,.img_privacy,.img_support,.img_terms,.img_how_to_price,.img_how_to_work,
    .img_mayoralty_collaborate,.img_corporation_collaborate,.img_namayandegi_in_city,.img_job_opportunity,
    .services,.about,.mag,.smart-waste-collection,.renewable_energies,.artificial_intelligence,.blockchain,.security_and_transparency,
    .img_management_introduction,.img_licenses_certifications,.img_mission_activities{
        display: none;
    }
    .img_how_to_work1,.img_faq1,.img_support1,.img_terms1,.img_privacy1,.img_how_to_price1,.img_mayoralty_collaborate1,
    .img_mayoralty_collaborate1,.img_corporation_collaborate1,.img_namayandegi_in_city1,.img_job_opportunity1,
    .services1,.about1,.mag1,.smart-waste-collection1,.renewable_energies1,.artificial_intelligence1,.blockchain1,.security_and_transparency1,
    .img_management_introduction1,.img_licenses_certifications1,.img_mission_activities1
    {
        display: block;
        margin-bottom: 25px;
    }
}
@media (min-width: 992px){
    .img_how_to_work1,.img_faq1,.img_support1,.img_terms1,.img_privacy1,.img_how_to_price1,.img_mayoralty_collaborate1,
    .img_mayoralty_collaborate1,.img_corporation_collaborate1,.img_namayandegi_in_city1,.img_job_opportunity1,
    .services1,.about1,.mag1,.smart-waste-collection1,.renewable_energies1,.artificial_intelligence1,.blockchain1,.security_and_transparency1,
    .img_management_introduction1,.img_licenses_certifications1,.img_mission_activities1{
        display: none;
    }
}
@media (max-width: 481px) {
    .ios-install-help{
        display: flex !important;
        justify-content: center !important;
    }
}
@media (max-width: 767px) {
    .contact_tamasbama{
        margin-right: 13px !important;
    }
}