.section_aa 
{
  background-color: #ffffff;
  margin: 10px 0;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.header_aa 
{
display: flex; 
justify-content: space-between; 
align-items: center; 
padding: 10px;
cursor: pointer;
background-color: #e0e0e0;
border-radius: 5px;
direction: rtl; 
}

.header_text_aa 
{
font-weight: bold; 
color: #333; 
font-size: 16px; 
text-align: right; 
}

.toggle_aa 
{
font-size: 20px; 
color: #007BFF; 
}

.content_aa 
{
display: none;
padding: 10px;
border-top: 1px solid #ccc;
border-radius: 0 0 5px 5px; 
background-color: #f9f9f9; 
direction: rtl; 
}

.my_link
{
    text-decoration: underline;
}

.long_text
{
    text-align: justify;
}

.my_num
{
    unicode-bidi: plaintext;
}


/*---------header in mobile view start in arabic---------*/


[dir=rtl] .tp-header-action.ml-50 {
    margin-left: 50px !important;
    margin-right: 0px;
}

[dir=rtl] #header-sticky {
    direction: ltr;
}

[dir=rtl] .tp-header-action-item:not(:first-child) {
    margin-left: 20px;
    margin-right: 0;
}

 [dir=rtl] .cartmini__area, [dir=rtl] .offcanvas__area, [dir=rtl] .profile-menu-panel
  	{
      left: auto;
      right: 0;
      transform: translateX(-115%);
  	}

[dir=rtl] #tp-bottom-menu-sticky {
    direction: ltr;
}

[dir=rtl] .tp-header-action-btn.tp-offcanvas-open-btn
{
   transform: unset;
}

[dir=rtl] .offcanvas__currency-list, [dir=rtl] .offcanvas__lang-list, [dir=rtl] .tp-category-mobile-menu ul li.has-dropdown>a .dropdown-toggle-btn {
    left: -25px;
    right: auto;
}

/*---------header in mobile view end in arabic---------*/


/*---------header in mobile start in english-----*/


  
  #tp-bottom-menu-sticky {
    direction: rtl;
  }

  #header-sticky {
      direction: rtl;
  }

  .tp-header-action
  {
    margin-left: 0px;
  }
  
  .tp-header-action-item:not(:first-child)
  {
   margin-left: 5px; 
  }
 


.offcanvas__area
{
    left: 0;
    right: auto;
  transform: translateX(-115%);
}


.tp-header-action-btn.tp-offcanvas-open-btn
{
   transform: rotate(180deg); 
}

/*---------header in mobile end in english-----*/


/*---------header in desktop start-----*/

@media (min-width: 1024px) {
    [dir=rtl] .cartmini__area,
    [dir=rtl] .offcanvas__area,
    [dir=rtl] .profile-menu-panel {
        left: 0;
        right: auto;
        transform: translateX(-100%);
    }
  
  .tp-header-action-item
  {
   	margin-left: 10px !important;
    margin-right: 10px !important;
  }
}

/*---------header in desktop end-----*/

/*---------myCustomDivClass start--------*/

.myCustomDivClass
{
  margin-bottom: 30px;
}

/*---------myCustomDivClass end--------*/