.accordion-wrapper{border-bottom:1px solid var(--CardBoard);padding:16px 0 16px 0}.accordion-wrapper input{display:none}.accordion-wrapper input~.head{display:flex;justify-content:space-between;align-items:flex-start;cursor:pointer;padding:16px 0}.accordion-wrapper input~.head .title{width:calc(100% - 32px);color:var(--Raven);font-weight:700}.accordion-wrapper input~.head .icon{display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;min-width:24px;min-height:24px;border:2px solid var(--Raven);border-radius:50%}.accordion-wrapper input~.head .icon svg{width:16px;height:auto;transform:rotateX(180deg);transition:.5s}.accordion-wrapper input~.body{max-height:0;overflow:hidden}.accordion-wrapper input~.body p{font-size:16px;line-height:36px}.accordion-wrapper input:checked~.head .icon svg{transform:rotateX(0)}.accordion-wrapper input:checked~.body{max-height:1500px;-webkit-transition:max-height 2.5s;-moz-transition:max-height 2.5s;-ms-transition:max-height 2.5s;-o-transition:max-height 2.5s;transition:max-height 2.5s}html.dark .accordion-wrapper input~.head .icon svg path{fill:#f8f8f8}@media(max-width: 768px){.accordion-wrapper input~.body p{font-size:12px;line-height:28px}}.accordion-wrapper input~.head .title{font-size:20px;margin-bottom:0px;line-height:32px}.accordion-wrapper input~.head{padding:12px 0}.accordion-wrapper{border-bottom:1px solid var(--CardBoard);padding:27px 0 20px 0}.accordion-wrapper input~.body p{font-size:16px;line-height:36px;margin-bottom:12px}.bill-payment p:last-child{margin-bottom:0}.bill-payment .intro{padding-top:60px;display:flex;align-items:center;gap:30px}.bill-payment .intro .image{width:20%;max-width:250px;flex-shrink:0}.bill-payment .intro .image img{display:block;width:100%}.bill-payment .intro .image picture{display:flex;justify-content:center;align-items:center}.bill-payment .intro .intro-title{font-size:16px;font-weight:700;color:#0a0a0a;display:none;margin:0}.bill-payment .intro .desc{font-size:18px;font-weight:400;text-align:justify;color:#202020}.bill-payment .intro .desc *{font-size:18px;font-weight:400;text-align:justify;color:#202020}.bill-payment .process-guide{margin-top:60px;margin-bottom:30px}.bill-payment .process-guide .section-title{font-size:24px;font-weight:500;text-align:center;margin:0;color:#0a0a0a}.bill-payment .process-guide .info{font-size:18px;font-weight:300;margin-top:45px;color:#333}.bill-payment .process-guide .info p{font-size:18px;font-weight:300;margin-top:45px;color:#333}.bill-payment .process-guide .info strong{font-weight:500}.bill-payment .guide-steps{display:flex;justify-content:space-between;margin-top:70px;gap:38px}.bill-payment .guide-steps .step-wrapper{width:33.33%;display:flex;align-items:center;gap:20px}.bill-payment .guide-steps .step-wrapper .number{flex-shrink:0;font-size:48px;font-weight:500;color:#ffcb05;flex-shrink:0}.bill-payment .guide-steps .step-wrapper .step-content{display:flex;align-items:center;height:116px;background-image:url(../../images/bill-payment-step-back.png);background-repeat:no-repeat;background-position:center;background-size:100% 100%;padding:20px 17px;width:100%}.bill-payment .guide-steps .step{display:flex;align-items:center;width:100%;height:78px;border-radius:40px;background:linear-gradient(90deg, #F3F3F3 0%, #FEFEFE 100%);overflow:hidden}.bill-payment .guide-steps .step .icon{flex-shrink:0;width:80px;height:100%;display:flex;justify-content:center;align-items:center;background-image:url(../../images/bill-payment-icon-back.svg);background-repeat:no-repeat;background-position:center left;background-size:100% 100%}.bill-payment .guide-steps .step .icon svg,.bill-payment .guide-steps .step .icon img{width:28px}.bill-payment .guide-steps .step span{font-size:18px;font-weight:500;padding:0 16px;color:#000}.bill-payment .other-methods{background:linear-gradient(105.18deg, rgba(255, 238, 168, 0.2) -2.04%, rgba(255, 243, 195, 0.2) 107.42%);padding:60px 0}.bill-payment .other-methods .section-title{font-size:24px;font-weight:500;margin:0;color:#0a0a0a}.bill-payment .other-methods .buttons{display:flex;gap:20px;margin-top:23px}.bill-payment .other-methods .buttons .tab-btn{display:inline-flex;align-items:center;justify-content:center;min-width:140px;height:48px;font-size:16px;font-weight:400;padding:0 32px;border-radius:12px;color:#202020;background-color:#fff;border:1px solid #b0b0b0;text-decoration:none}.bill-payment .other-methods .buttons .tab-btn.active{color:#202020;background-color:#ffc001;border-color:#ffc001}.bill-payment .methods-accordion{position:relative}.bill-payment .methods-accordion:has(.active)::before{background-color:#a7a7a7}.bill-payment .methods-accordion .accordion-item{display:block;position:relative;margin-bottom:20px;z-index:1;min-height:50px;border-radius:10px}.bill-payment .methods-accordion .accordion-item.link-item .accordion-head .accordion-title{font-weight:700;color:#0f87b4;text-decoration:underline}.bill-payment .methods-accordion .accordion-item::after{content:"";width:2px;height:100%;background-color:#ffc001;display:block;position:absolute;top:25px}.bill-payment .methods-accordion .accordion-item:last-child{margin-bottom:0}.bill-payment .methods-accordion .accordion-item:last-child::after{display:none}.bill-payment .methods-accordion .accordion-item.active{background-color:#fafafa;z-index:10;border-radius:10px 10px 0 0}.bill-payment .methods-accordion .accordion-item.active .accordion-head .chevron-icon svg{transform:rotate(180deg)}.bill-payment .methods-accordion .accordion-item.active .accordion-body{max-height:600px;padding:0 0 20px;opacity:1;position:absolute;top:100%;width:100%;background-color:#fafafa;z-index:11;border-radius:0 0 10px 10px}.bill-payment .methods-accordion .accordion-item.active:last-child .accordion-head{position:absolute;width:100%;height:89px;transition:all .4s linear;bottom:191px}.bill-payment .methods-accordion .accordion-item.active:last-child .accordion-body{transition:max-height 1s linear;top:unset;bottom:0}.bill-payment .methods-accordion .accordion-item .accordion-head{display:flex;cursor:pointer;position:relative;background-color:#fafafa;border-radius:10px;min-height:38px;display:flex;justify-content:space-between;align-items:flex-start;bottom:0}.bill-payment .methods-accordion .accordion-item .accordion-head .chevron-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;margin-top:1px}.bill-payment .methods-accordion .accordion-item .accordion-head .chevron-icon svg{width:20px;height:20px;transition:transform .3s ease}.bill-payment .methods-accordion .accordion-item .accordion-head .accordion-title{flex:1;font-size:16px;font-weight:500;color:#1d1d1d}.bill-payment .methods-accordion .accordion-item .yellow-dot{width:28px;height:24px;display:inline-flex;justify-content:center;align-items:center;border-radius:50%;background-color:#ffefae;flex-shrink:0;position:relative;z-index:2;transition:background-color .3s ease;position:absolute;top:4px;cursor:pointer}.bill-payment .methods-accordion .accordion-item .yellow-dot::before{content:"";width:16px;height:14px;background-color:#ffcc01;border-radius:50%}.bill-payment .methods-accordion .accordion-item .accordion-body{max-height:0;overflow:hidden;opacity:0;padding:0;position:relative}.bill-payment .methods-accordion .accordion-item .accordion-body .accordion-content{font-size:14px;font-weight:300;color:#333;padding:0 18px;text-align:justify}.bill-payment .methods-accordion .accordion-item .accordion-body .accordion-content *{font-size:14px;font-weight:300;color:#333}.bill-payment .methods-accordion .accordion-item .accordion-body .accordion-content p{line-height:28px;text-align:justify;margin:0}.bill-payment .methods-accordion .accordion-item .accordion-body .accordion-content strong{font-weight:700}.bill-payment .methods-accordion .accordion-item .accordion-body .accordion-content ul{list-style-type:disc;margin:0}.bill-payment .methods-accordion .accordion-item .accordion-body .accordion-content ul li{display:flex}.bill-payment .methods-accordion .accordion-item .accordion-body .accordion-content ul li span{font-weight:700;direction:ltr}.bill-payment .methods-accordion .accordion-item .accordion-body .accordion-content ul li::before{flex-shrink:0;content:"";width:4px;height:4px;background-color:#333;border-radius:50%}.bill-payment .methods-accordion .accordion-item .accordion-body .accordion-content a{color:#0f87b4;font-weight:700;text-decoration:underline}.bill-payment .methods-accordion .change-top{animation:topPosition .3s linear forwards}.bill-payment .methods-accordion:has(.active) .accordion-item:not(.active)::after{background-color:#ededed}.bill-payment .methods-accordion:has(.active) .accordion-item:not(.active) .yellow-dot{background-color:#ededed}.bill-payment .methods-accordion:has(.active) .accordion-item:not(.active) .yellow-dot::before{background-color:#a7a7a7}.bill-payment .benefits{padding:60px 0}.bill-payment .benefits .container{background-image:url("../../images/bill-payment-benefits-back.png");background-repeat:no-repeat;background-size:55% 100%}.bill-payment .benefits .section-title{font-size:24px;font-weight:700;margin:0}.bill-payment .benefits .desc{margin-top:40px;font-size:18px;font-weight:300;text-align:justify;color:#333}.bill-payment .benefits .desc *{font-size:18px;font-weight:300;text-align:justify;color:#333}.bill-payment .benefits .items{display:flex;flex-wrap:wrap;gap:40px}.bill-payment .benefits .items .item{width:calc(50% - 20px);display:flex;flex-direction:column}.bill-payment .benefits .items .item .icon{display:inline-flex;justify-content:center;align-items:center;width:63px;height:63px;border-radius:15px;background-color:#f8f8f8}.bill-payment .benefits .items .item .icon svg,.bill-payment .benefits .items .item .icon img{width:40px;display:block}.bill-payment .benefits .items .item span{display:inline-block;font-size:20px;font-weight:500;color:#000;margin:30px 0 0}.bill-payment .benefits .yellow-btn{align-items:center;justify-content:center;height:64px;font-size:20px;font-weight:700;padding:0 36px;margin-top:40px;border-radius:40px;color:#202020;background-color:#ffc001}.bill-payment .faq{padding:60px 0}.bill-payment .faq .section-title{font-size:24px;font-weight:700;text-align:center;margin:0 0 40px 0;color:#202020}.bill-payment .faq .faq-accordion .faq-item{border-bottom:1px solid #e8e8e8;padding:20px 0}.bill-payment .faq .faq-accordion .faq-item:last-child{border-bottom:none}.bill-payment .faq .faq-accordion .faq-item .faq-head{display:flex;align-items:flex-start;gap:16px;cursor:pointer;padding:0}.bill-payment .faq .faq-accordion .faq-item .faq-head .faq-icon{width:28px;height:28px;flex-shrink:0;transform:rotate(180deg);transition:transform .3s ease}.bill-payment .faq .faq-accordion .faq-item .faq-head .faq-question{flex:1;font-size:20px;font-weight:700;color:#202020;margin:0;line-height:1.5}.bill-payment .faq .faq-accordion .faq-item .faq-body{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease,opacity .3s ease;opacity:0;padding:0}.bill-payment .faq .faq-accordion .faq-item .faq-body p{font-size:16px;font-weight:400;color:#202020;line-height:28px;margin:0}.bill-payment .faq .faq-accordion .faq-item.active .faq-head .faq-icon{transform:rotate(0deg)}.bill-payment .faq .faq-accordion .faq-item.active .faq-body{max-height:500px;opacity:1;padding:16px 0 0 0}@media(max-width: 1199.99px){.bill-payment .intro .desc{font-size:14px}.bill-payment .intro .desc *{font-size:14px}.bill-payment .process-guide .section-title{font-size:20px}.bill-payment .process-guide .info,.bill-payment .process-guide .info p{font-size:14px}.bill-payment .guide-steps{margin-top:50px;gap:20px}.bill-payment .guide-steps .step-wrapper{width:33.33%;gap:10px}.bill-payment .guide-steps .step-wrapper .number{font-size:48px}.bill-payment .guide-steps .step-wrapper .step-content{height:92px}.bill-payment .guide-steps .step{height:62px}.bill-payment .guide-steps .step .icon{width:70px}.bill-payment .guide-steps .step .icon svg,.bill-payment .guide-steps .step .icon img{width:20px}.bill-payment .guide-steps .step span{font-size:14px;padding:0 10px}.bill-payment .other-methods .section-title{font-size:20px}.bill-payment .methods-accordion .accordion-item .accordion-head .accordion-title{font-size:14px}.bill-payment .benefits .section-title{font-size:20px}.bill-payment .benefits .desc{margin-top:20px;font-size:14px}.bill-payment .benefits .desc *{font-size:14px}.bill-payment .benefits .items{gap:20px}.bill-payment .benefits .items .item{width:calc(50% - 10px)}.bill-payment .benefits .items .item span{font-size:16px;margin-top:20px}.bill-payment .benefits .yellow-btn{height:48px;font-size:16px;margin-top:20px}.bill-payment .faq .section-title{font-size:20px}.bill-payment .faq .faq-accordion .faq-item .faq-head .faq-icon{width:24px;height:24px}.bill-payment .faq .faq-accordion .faq-item .faq-head .faq-question{font-size:16px;line-height:32px}.bill-payment .faq .faq-accordion .faq-item .faq-body p{font-size:14px}}@media(max-width: 1399px){.bill-payment .methods-accordion .accordion-item.active:last-child .accordion-body{bottom:10px}.bill-payment .methods-accordion .accordion-item.active:last-child .accordion-head{position:absolute;width:100%;height:123px;transition:all .45s linear;bottom:206px}}@media(max-width: 1200px){.bill-payment .methods-accordion .accordion-item.active:last-child .accordion-body{bottom:0px}}@media(max-width: 991.99px){.bill-payment .process-guide .info{text-align:center}.bill-payment .process-guide .info *{text-align:center}.bill-payment .guide-steps{flex-direction:column;align-items:center;gap:40px}.bill-payment .guide-steps .step-wrapper{width:325px}.bill-payment .other-methods{padding:40px 0}.bill-payment .other-methods .section-title{text-align:center}.bill-payment .other-methods .buttons{justify-content:center}.bill-payment .methods-accordion{margin-top:40px}.bill-payment .benefits{padding:40px 0}.bill-payment .benefits .container{background:unset}.bill-payment .benefits .section-title{font-size:16px;text-align:center}.bill-payment .benefits .items{margin-top:30px}.bill-payment .benefits .yellow-btn{margin:30px auto 0}.bill-payment .faq{padding:40px 0}.bill-payment .faq .section-title{font-size:16px}}@media(max-width: 767.99px){.accordion-wrapper input~.head .title{font-size:14px;margin-bottom:0px;line-height:32px}.accordion-wrapper input~.head{padding:3px 0}.accordion-wrapper{border-bottom:1px solid var(--CardBoard);padding:20px 0 20px 0}.accordion-wrapper:last-child{border-bottom:none}.accordion-wrapper input~.body p{font-size:12px;line-height:30px;margin-bottom:0px}.bill-payment .intro{flex-direction:column;align-items:center;gap:20px;padding-top:20px}.bill-payment .intro .image{width:70%;max-width:200px}.bill-payment .intro .intro-title{display:block}.bill-payment .process-guide{margin-top:25px}.bill-payment .process-guide .section-title{font-size:16px}.bill-payment .guide-steps{margin-top:40px}.bill-payment .other-methods{background:unset}.bill-payment .other-methods .section-title{font-size:16px}.bill-payment .benefits .items .item{width:100%}.bill-payment .benefits .items .item span{margin-top:12px}.bill-payment .benefits .yellow-btn{margin-top:20px}}@media(max-width: 540px){.bill-payment .methods-accordion .accordion-item.active:last-child .accordion-head{transition:all .5s linear;bottom:253px}}@media(max-width: 540px){.bill-payment .methods-accordion .accordion-item.active:last-child .accordion-head{transition:all .52s linear;bottom:227px}}@media(max-width: 390px){.bill-payment .methods-accordion .accordion-item.active:last-child .accordion-head{bottom:303px;transition:all .56s linear;height:100px}.bill-payment .methods-accordion .accordion-item.active:last-child .accordion-body{bottom:23px}}html[lang=fa-IR] .bill-payment .methods-accordion{padding-right:50px}html[lang=fa-IR] .bill-payment .methods-accordion .accordion-item::after{right:-35px}html[lang=fa-IR] .bill-payment .methods-accordion .accordion-item.active .accordion-body{left:0;padding:0 0 20px}html[lang=fa-IR] .bill-payment .methods-accordion .accordion-item .accordion-head{padding:7px 18px 5px 12px}html[lang=fa-IR] .bill-payment .methods-accordion .accordion-item .accordion-head .accordion-title{text-align:right}html[lang=fa-IR] .bill-payment .methods-accordion .accordion-item .yellow-dot{right:-48px}html[lang=fa-IR] .bill-payment .methods-accordion .accordion-item .accordion-body{padding-right:40px}html[lang=fa-IR] .bill-payment .methods-accordion .accordion-item .accordion-body .accordion-content ul li span{margin-right:auto}html[lang=fa-IR] .bill-payment .methods-accordion .accordion-item .accordion-body .accordion-content ul li::before{margin:16px 0 0 10px}html[lang=fa-IR] .bill-payment .benefits .container{background-position:center left}html[lang=fa-IR] .bill-payment .faq .faq-accordion .faq-item .faq-head .faq-question{text-align:right}html[lang=fa-IR] .bill-payment .faq .faq-accordion .faq-item .faq-body p{text-align:right}@media(max-width: 1199.99px){html[lang=fa-IR] .bill-payment .guide-steps .step-wrapper .step-content{padding:10px 12px 10px 20px}}html[lang=en-US] .bill-payment .methods-accordion .accordion-item.active:last-child .accordion-head{position:absolute;width:100%;height:107px;transition:all .4s linear;bottom:224px}html[lang=en-US] .bill-payment .methods-accordion .accordion-item.active:last-child .accordion-body{transition:max-height 1s linear;top:unset;bottom:25px}@media(max-width: 1399px){html[lang=en-US] .bill-payment .methods-accordion .accordion-item.active:last-child .accordion-head{position:absolute;width:100%;height:143px;transition:all .5s linear;bottom:262px}html[lang=en-US] .bill-payment .methods-accordion .accordion-item.active:last-child .accordion-body{bottom:39px}}@media(max-width: 1200px){html[lang=en-US] .bill-payment .methods-accordion .accordion-item.active:last-child .accordion-body{bottom:18px}}@media(max-width: 540px){html[lang=en-US] .bill-payment .methods-accordion .accordion-item.active:last-child .accordion-head{transition:all .55s linear;bottom:296px;height:107px}html[lang=en-US] .bill-payment .methods-accordion .accordion-item.active:last-child .accordion-body{bottom:22px}}@media(max-width: 390px){html[lang=en-US] .bill-payment .methods-accordion .accordion-item.active:last-child .accordion-head{transition:all .57s linear;bottom:315px}html[lang=en-US] .bill-payment .methods-accordion .accordion-item.active:last-child .accordion-body{bottom:16px}}@media(max-width: 375px){html[lang=en-US] .bill-payment .methods-accordion .accordion-item.active:last-child .accordion-head{transition:all .66s linear;bottom:344px}html[lang=en-US] .bill-payment .methods-accordion .accordion-item.active:last-child .accordion-body{bottom:0}}html[lang=en-US] .bill-payment .guide-steps .step .icon{transform:scaleX(-1)}html[lang=en-US] .bill-payment .guide-steps .step .icon img{transform:scaleX(-1)}html[lang=en-US] .bill-payment .methods-accordion{padding-left:50px}html[lang=en-US] .bill-payment .methods-accordion .accordion-item::after{left:-35px}html[lang=en-US] .bill-payment .methods-accordion .accordion-item.active .accordion-body{right:0;padding:0 0 20px}html[lang=en-US] .bill-payment .methods-accordion .accordion-item .accordion-head{padding:7px 12px 5px 18px}html[lang=en-US] .bill-payment .methods-accordion .accordion-item .accordion-head .accordion-title{text-align:left}html[lang=en-US] .bill-payment .methods-accordion .accordion-item .yellow-dot{left:-48px}html[lang=en-US] .bill-payment .methods-accordion .accordion-item .accordion-body{padding-left:40px}html[lang=en-US] .bill-payment .methods-accordion .accordion-item .accordion-body .accordion-content ul{margin-left:0}html[lang=en-US] .bill-payment .methods-accordion .accordion-item .accordion-body .accordion-content ul li span{margin-left:auto}html[lang=en-US] .bill-payment .methods-accordion .accordion-item .accordion-body .accordion-content ul li::before{margin:16px 10px 0 0}html[lang=en-US] .bill-payment .guide-steps .step-wrapper .step-content{background-image:url("../../images/bill-payment-step-back-en.png")}html[lang=en-US] .bill-payment .benefits .container{background-position:center right}html[lang=en-US] .bill-payment .faq .faq-accordion .faq-item .faq-head .faq-question{text-align:left}html[lang=en-US] .bill-payment .faq .faq-accordion .faq-item .faq-body p{text-align:left}@media(max-width: 1399.99px){html[lang=en-US] .bill-payment .guide-steps .step span{font-size:16px;padding:0 10px}}@media(max-width: 1199.99px){html[lang=en-US] .bill-payment .guide-steps .step-wrapper .step-content{padding:10px 20px 10px 12px}}@keyframes topPosition{from{top:4px}to{top:-224px}}