html[dir='rtl']  body {
     font-family: 'Roboto', sans-serif !important;
 }

html[dir='rtl']   .wrapper .input-group input {
    border-radius: 8px 0 0px 8px !important;
}

html[dir='rtl']   .wrapper .input-group  span {
    border-radius: 0 8px 8px 0 !important;
}

html[dir='rtl']   .wrapper .input-group  img {
    transform: rotateY(180deg);
}

html[dir='rtl'] .tabCard  .cardInfo img {
    transform: rotateY(180deg);
}



html[dir='rtl']  .nav  .nav-link  img {
    transform: rotateY(180deg);
}

html[dir='rtl'] .me-3 {
    margin-right: 0 !important;
    margin-left: 1rem;
}

html[dir='rtl'] .desktop button.accordion-button p {
    flex: 1 !important;
    text-align: right !important;
}

html[dir='rtl'] .responsive .collapse-wrapper  .collapse-tap  img {
    transform: rotateY(180deg);
}


html[dir='rtl'] .responsive .tab-content img {
    width: 22px
}

html[dir='rtl']  .close {
    width: 30px;
    height: 30px;
}


html[dir='rtl'] .home-boxes .tabCard  .card .cardInfo p {
    text-align: right;
}