.pay-with-hadi-bg{position:relative;height:100%}.pay-with-hadi-bg figure{margin-bottom:0;position:relative;height:100%}.pay-with-hadi-bg figure img{width:100%;height:100%;object-fit:cover}.pay-with-hadi-bg h2{position:absolute;font-family:"Oxygen",sans-serif;top:57px;left:63px;z-index:50}@media (max-width:576px){.pay-with-hadi-bg h2{left:30px;top:45px}}@media (max-width:1199.98px){.pay-with-hadi-bg::before{position:absolute;content:"";background:linear-gradient(90deg,black 0%,transparent 160%);width:100%;height:100%;top:0;left:0;z-index:20}}.pay-hadi-box{display:flex;flex-wrap:wrap;height:100%}.hadi-box{max-width:50%;flex:0 0 50%;background-color:#F7F7F7;display:flex;flex-direction:column;justify-content:center;min-height:308px;padding:89px 65px}@media (max-width:1500px){.hadi-box{padding:30px}}@media (max-width:1200px){.hadi-box{min-height:250px}}@media (max-width:576px){.hadi-box:last-child:hover{background-color:transparent!important}.hadi-box:last-child:hover p{color:#BD2031!important}}@media (max-width:576px){.hadi-box{display:flex;max-width:100%;flex:0 0 100%;min-height:130px;flex-direction:row;justify-content:flex-start;align-items:center;padding:10px 25px}}.hadi-box:hover{text-decoration:none}.hadi-box figure{margin-bottom:0;padding-bottom:28px}@media (max-width:1200px){.hadi-box figure{padding-bottom:12px}}@media (max-width:576px){.hadi-box figure{padding-bottom:0;margin-right:25px}}.hadi-box p{margin-bottom:0}@media (max-width:576px){.hadi-box p{width:167px}}.hadi-box:first-child{background-color:#EFEFEF}@media (max-width:576px){.hadi-box:first-child{background-color:#E6E6E6!important}}@media (max-width:576px){.hadi-box:nth-child(2){background-color:#EFEFEF!important}.hadi-box .hadi-box-wrapper{display:flex;align-items:center}.hadi-box .hadi-box-wrapper br{display:none}}.hadi-box:last-child{background-color:transparent;transition:0.3s all ease-in-out;align-items:center}.hadi-box:last-child p{color:#000;transition:0.2s color ease-in-out;width:fit-content}.hadi-box:last-child figure{width:fit-content}.hadi-box .hadi-box-wrapper{width:fit-content}.hadi-box:last-child figure svg{transition:0.3s transform ease-in-out;width:35px}.hadi-box:last-child:hover{background-color:#BD2031}.hadi-box:last-child:hover figure svg{transform:rotate(45deg)}.hadi-box:last-child:hover figure svg g circle{fill:#fff}.hadi-box:last-child:hover figure svg g g path{stroke:#BD2031}.hadi-box:last-child:hover p{color:#fff}