@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300&family=El+Messiri&display=swap');

@font-face {
  font-family: pun;
  src: url(../fonts/pnu.ttf);
}

* {
    font-family: pun;
}

body {
    font-family: pun;
}

h1, h2, h3, h4, h5, h6, p, span, li, a, strong,
.text-primary,
.navbar-menu .navbar-nav .nav-sm .nav-link,
.page-title-box h4,
.btn {
    font-family: pun !important;
}

.hero .img-bg{
    left: 0;
    right: auto;
}
.section-with-bg .bg,.dashboard-wrapper .sidebar ul li a:after {
    right: 0;
    left: auto;
}
[type=email], [type=number], [type=tel], [type=url]{
    direction: rtl;
}
.login-page .password-wrapper .show-pass{
    right: auto;
    left: 0;
}

.btn-with-icon .icon{
    right: auto;
    left: 17px;
}
.btn-with-icon:hover .icon {
    right: auto;
    left: 10px;
}