main{
    overflow: hidden;
}


@media (max-width: 1600px) {
       .container{
           max-width: 1200px;
       }

       .hero-banner{
          height: 600px;
       }

       .hero-banner-content h1{
    font-size: 50px;
 }

 .hero-banner-content p {
  font-size: 18px;
  line-height: 24px;
 }

 .main_btn{
     margin-top: 10px;
 }

 .main-title {
  font-size: 45px;
  line-height: 45px;
  margin-bottom: 15px;
 }

 p {
  font-size: 18px;
  line-height: 30px;
 }

 .pb_110 {
  padding-bottom:90px;
}
.pt_110 {
  padding-top: 90px;
}

.featured_box_content h3{
  font-size: 26px;
  margin-bottom: 15px;
}

.footer_subscribe_inner h3{
  font-size: 35px;
}

.pb_100 {
  padding-bottom: 80px;
}
.pt_100 {
  padding-top: 80px;
}

.footer_bottom {
  padding: 50px 0;
}

li, ol {
  font-size: 18px;
  line-height: 30px;
}

.footer_copy_right {
  width: 100%;
  padding: 20px 0;
}

.hero-banner img{
     max-height: inherit;
}

.hme_scroller{
    position: relative;
        top: -70px;
        margin-bottom: -70px;
}

.br_tlr {
    -webkit-border-top-left-radius: 25px;
    -moz-border-top-left-radius: 25px;
    border-top-left-radius: 25px;
    -webkit-border-top-right-radius: 25px;
    -moz-border-top-right-radius: 25px;
    border-top-right-radius: 25px;
}

.margin-left {
  margin-left: calc((100% - (1200px - 0rem))/2);
}

.margin-right {
  margin-right: calc((100% - (1200px - 0rem))/2);
}

.padding-left {
  padding-left: calc((100% - (1200px - 0rem))/2);
}

.padding-right {
  padding-right: calc((100% - (1200px - 0rem))/2);
}





.sub-banner-inner-page h1{
     font-size: 55px;
}

.about_first_image-wrap{
      gap: 3%;
}

.about_first_image-wrap img{
     width: 48%;
}

.vision-content h3 {
    font-size: 40px;
    margin-bottom: 30px;
    margin-top: 10px;
}

.sub-banner-inner-page{
      height: 450px;
      padding-bottom: 50px;
}

.vision_section ul li{
  padding: 80px 55px;
    min-height: 620px;
}

.leader-box-img img{
     height: 290px;
}

.leader-box-title{
  padding: 20px 15px 10px;
}

.leader-box-title h5 {
    font-size: 20px;
    line-height: 28px;
}

.leader-box-title span{
    font-size: 17px;
    line-height: 28px;
 }

 .leader-box {
    border-radius: 20px;
    padding: 8px;
}

.leadership_list{
    margin-top: 40px;
}

.blog-main_content_inner h5 {
    font-size: 22px;
}

.blog_tag{
      height: 35px;
    line-height: 35px;
    font-size: 16px;
}

.blog-main-content .learn_btn {
    margin-top: 25px;
}

.blog-main-img{
-webkit-border-radius: 20px;
    border-radius: 20px;
}

.blog-main-content{
  padding-left: 45px;
}

.blog-list-img{
  -webkit-border-radius: 20px;
    border-radius: 20px;
}

.blog-list-img .blog_tag {
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    padding: 0px 10px;
}

.faq_question{
      padding: 25px 20px;
    padding-right: 60px;
    font-size: 22px;
}

.faq_icon{
      width: 18px;
    top: 23px;
    right: 26px;
}

.faq_accordion{
    margin-top: 45px;
}

.faq_item.active .faq_answer {
    padding: 0px 20px 20px;
}

.faq_item.active .faq_icon{
      top: 27px;
}

.blog-list-main {
    margin-top: 65px;
}

.blog-main-list-content {
    padding-top: 20px;
}


.production_box h3 {
    font-size: 20px;
    line-height: 28px;
}

.production_box {
    padding: 24px 25px 60px;
    border-radius: 20px;
}

.bolg-time {
    font-size: 15px;
    margin-top: 20px;
    margin-bottom: 25px;
}

.blog-auther-wrap {
    padding-bottom: 20px;
    margin-bottom: 35px;
}

.blog_detail_inner img {
    margin-bottom: 25px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.contact-details-wrap ul li p, .contact-details-wrap ul li a{
      font-size: 20px;
    line-height: 30px;
}

.contact-details-wrap ul li label {
    font-size: 16px;
    margin-bottom: 20px;
}

.form-main {
    width: 100%;
    height: 50px;
    line-height: 50px;
}

.contact-form .iti,
.contact-form .phone-intl-ready {
    height: 50px;
    line-height: 50px;
}

.contact-form .iti__selected-flag,
.contact-form .iti__selected-dial-code {
    height: 48px;
    line-height: 48px;
}

.contact-form .main_btn {
    margin-top: 30px;
}

.categories_list h5 {
    font-size: 20px;
    line-height: 28px;
    color: #000000;
    margin-top: 20px;
}

.categories_list_box {
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.categories_list_img {
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.categories_list {
    margin-top: 30px;
}

.categories_list ul {
    gap: 40px 15px;
}

.featured_box_img{
     height: 250px;
}

.hme_featured_section .slider_btn_main {
    margin-top: 40px;
}


.category_img {
    border-radius: 20px;
    height: 300px;
}

.category_content h3 {
    font-size: 23px;
    line-height: 28px;
}

.woocommerce-MyAccount-content h1, .section-title{
       font-size: 32px;
}

.featured_btn_main a{
       font-size: 15px;
}

.featured_box_content{
    padding: 35px 20px 10px;  
}

.wishlist{
    right: 10px;
    top: 10px;
}

.default-page-section{
    padding: 90px 0 120px;
  }
  

  .error-404, .search-page-inner, .search-noresult-inner {
    text-align: left;
    padding: 110px 0;
}

.footer_nav {
    width: 48%;
}

}


@media (max-width: 1300px) {
  .container{
           max-width: 90%;
       }

           .hero-banner-content h1 {
        font-size: 45px;
    }

    .hero-banner-content{
        max-width: 610px;
    }

    .padding-left {
        padding-left: 5%
    }

    .padding-right{
        padding-left: 5%
    }

        .pt_110 {
        padding-top: 70px;
    }

        .pb_110 {
        padding-bottom: 70px;
    }

       .pt_100 {
        padding-top: 70px;
    }

        .pb_100 {
        padding-bottom: 70px;
    }

         .pt_90 {
        padding-top: 70px;
    }

        .pb_90 {
        padding-bottom: 70px;
    }

        p {
        font-size: 16px;
        line-height: 28px;
    }

        .main-title {
        font-size: 36px;
        line-height: 40px;
        margin-bottom: 15px;
    }

    .category_content {
    width: 100%;
    padding-top: 20px;
}

.category_content h3 {
    font-size: 21px;
    line-height: 28px;
}

.br_tlr {
    -webkit-border-top-left-radius: 40px;
    -moz-border-top-left-radius: 40px;
    border-top-left-radius: 40px;
    -webkit-border-top-right-radius: 40px;
    -moz-border-top-right-radius: 40px;
    border-top-right-radius: 40px;
}

.learn_btn{
  font-size: 15px;
}

.featured_box_content {
    padding: 30px 30px 10px;
}

.category_tag{
      padding: 6px 8px;
          top: 15px;
    right: 15px;
    font-size: 13px;
    line-height: 18px;
}

    li, ol {
        font-size: 16px;
        line-height: 28px;
    }

    .hme_why_content{
         width: 65%;
         padding-left: 5%;
    }

    .hme_why_section::before{
         width: 300px;
         height: 300px;
    }

    .footer_subscribe_inner h3{
         font-size: 30px;
    }

    .footer_subscribe_btn{
         font-size: 15px;
    }

    .footer_subscribe_input{
          height: 50px;
    line-height: 50px;
    }

    .footer_nav li a{
         font-size: 15px;
    }

    .footer_copy_right p{
          font-size: 15px;
    }

    .footer_subscribe_btn{
          height: 50px;
          line-height: 50px;
    }

    .menu-ul{
      gap: 20px;
    }

    .header{
          padding: 20px 0 10px;
    }

    .category_content p {
    font-size: 15px;
    line-height: 24px;
    }

    .featured_box_content h3{
              font-size: 24px;
        margin-bottom: 15px;
    }

    .featured_box_content h4{
      font-size: 16px;
    }

    .featured_btn_main a{
          font-size: 15px;
          height: 55px;
    }

    .hme_why_content li{
      background-position: left top 3px;
    }

    .hme_why_content ul{
    margin: 15px 0;
}

.footer_contact ul {
    gap: 25px;
}

.featured_box_content p {
    font-size: 15px;
}

.featured_box{
    border-radius: 20px;
}

.featured_btn_main{
  -webkit-border-bottom-left-radius: 20px;
    border-bottom-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.hme_why_section::after{
  width: 450px;
    height: 450px;
}

.header-actions{
      gap: 15px;
}

.categories_list_img img{
  height: 260px;
}

.categories_list ul{
      grid-template-columns: repeat(3, 1fr);
}

    .categories_list h5 {
        font-size: 18px;
        line-height: 26px;
        color: #000000;
        margin-top: 15px;
    }

        .categories_list ul {
        gap: 30px 10px;
    }

        .sub-banner-inner-page h1 {
        font-size: 45px;
    }

        .sub-banner-inner-page {
        height: 440px;
        padding-bottom: 35px;
    }

    .menu-ul {
        gap: 15px;
    }

    .menu-ul li a {
        font-size: 14px;
    }

    .header-actions{
        gap: 15px;
    }

    .icon-btn{
        max-width: 18px;
    }

    .search-submit-btn {
    width: 60px;
    height: 60px;
    right: -2px;
}

.search-popup-title {
    font-size: 27px;
    line-height: 35px;
    margin-bottom: 20px;
}

.search-popup-content{
      padding: 40px 30px;
}

.search-popup-close{
      top: 14px;
    right: 14px;
        font-size: 34px;
}

.logo-container{
  justify-content: left;
}

.header-actions{
  margin-right: 10px;
}

.lang-switch{
      margin-right: 0;  
}

    .header {
        padding: 10px 0 10px;
    }

    .footer_subscribe_btn {
    width: 150px;
    }

    .footer_subscribe_input{
          padding-right: 150px;
    }

    .category_img{
              height: 250px;
    }

        .category_content h3 {
        font-size: 19px;
        line-height: 26px;
    }

    .wishlist{
      width: 26px;
      right: 20px;
    top: 20px;
    }

    .vision_section ul li{
        padding: 50px 35px;
        min-height: 530px;
    }

        .vision-content h3 {
        font-size: 30px;
        margin-bottom: 20px;
        margin-top: 10px;
    }

    .vision_section{
          border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    }

    .vision-icon {
    max-width: 70px;
    }

       .hme_featured_slider {
    margin-top: 45px;
}

.footer_copy_right p a{
     font-size: 15px;
}

.nice-select{
        height: 50px;
    line-height: 50px;
}


.footer_nav {
    width: 46%;
}


}


@media (max-width: 1200px) {
  
  p{
    margin-bottom: 10px;
  }

  .category_filter li {
    padding: 0px 30px;
    min-width: 200px;
}

.default-page-section{
    padding: 70px 0 90px;
}


.error-404, .search-page-inner, .search-noresult-inner {
    text-align: left;
    padding: 80px 0;
}


.error-404 h1, .search-page h1, .search-noresult h1 {
    font-size: 28px;
    margin-bottom: 10px;
}

.error-404 h4{
       font-size: 20px;
}

.error-404 h3 {
    margin: 30px 0 15px 0;
    font-size: 28px;
}

.search-input-wrapper_main{
    padding: 80px 0;
}


}

@media (max-width: 1000px) {

   .menu-open .header{
       background-color: #1b1747;
       position: fixed;
       z-index: 999;
       top: 0;
   }

   .mobile-menu{
         display: flex;
         justify-content: center;
         align-items: center;
   }

   .mobile-nav li a{
    font-size: 18px;
   }

   .mobile-nav li {
    margin-bottom: 10px;
   }

   .mobile-menu{
      height: calc(100vh - 85px);
   }

   .leadership_list ul{
        grid-template-columns: repeat(3, 1fr);
   }

       .leadership_list {
        margin-top: 30px;
    }

        .leader-box-title{
        padding: 15px 10px 10px;
    }

        .leader-box-title span {
        font-size: 16px;
        line-height: 26px;
    }

        .main-title {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 10px;
    }

    .vision_bottom_year{
    width: 120px;
 }

 .vision_bottom_content{
    width: 45%;
    padding: 30px 0 30px 40px;
}

    .footer_subscribe_inner h3 {
        font-size: 24px;
    }

        .footer_copy_right {
        padding: 15px 0;
    }

        .footer_copy_right p {
        font-size: 14px;
    }

    .footer-social ul li a{
         font-size: 15px;
    }

    .footer-social ul{
        gap: 15px;
    }

    .footer_logo{
    width: 35%;
}

    .footer_nav li a {
        font-size: 14px;
    }

        .blog-list-img {
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

    .blog_tag{
      left: 10px;
    top: 10px;
    }

    .blog-list-main ul{
          gap: 40px 15px;
    }

        .blog-list-main {
        margin-top: 50px;
    }

    .main-blog-item{
        margin-top: 45px;
    }

    .blog-main_content_inner h5 {
        font-size: 18px;
    }

        .blog-main-content {
        padding-left: 35px;
    }

    .blog-main_content_inner span {
    font-size: 15px;
    }

        .blog-main-img {
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

    .blog-main_content_inner p {
    font-size: 15px;
    line-height: 24px;
    }

        .blog_tag {
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        padding: 0 15px;
    }

        .bolg-time {
        margin-bottom: 20px;
    }

    .blog_detail_sections .main-title {
    margin-bottom: 30px;
}

.blog-auther-wrap {
        padding-bottom: 10px;
        margin-bottom: 30px;
    }

        .blog_detail_inner img {
        margin-bottom: 20px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
    }

        p {
        font-size: 15px;
        line-height: 26px;
    }

        .blog-list-img {
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

    .blog_related_swiper{
        margin-top: 20px;
    }

    .blog-main_content_inner h5{
         font-size: 18px;
    }

    .blog-main_content_inner span{
         font-size: 14px;
    }

    .breadcrumbs{
        padding: 15px 0;
    }

    .breadcrumbs ul a, .breadcrumbs ul span {
    font-size: 14px;
    }

        li, ol {
        font-size: 16px;
        line-height: 26px;
    }

    .contactform_main_left{
          padding: 50px 30px 50px;
    }

    .contactform_main_right{
        padding: 50px 30px 30px;
    }

    .contact-form .main_btn {
        margin-top: 20px;
    }

    textarea.form-main{
          -webkit-border-radius: 15px;
          border-radius: 15px;
    padding: 15px 15px;
    }

    .form-main{
      padding: 0px 15px;
      font-size: 16px;
              height: 45px;
        line-height: 45px;
    }

    .contact-form .iti,
    .contact-form .phone-intl-ready {
        height: 45px;
        line-height: 45px;
    }

    .contact-form .iti__selected-flag,
    .contact-form .iti__selected-dial-code {
        height: 43px;
        line-height: 43px;
    }

    .contact-details-wrap ul li {
    width: 50%;
    padding: 25px 20px 35px 35px;
    }

    .contact-details-wrap ul li:last-child {
    width: 50%;
}

.contact-details-wrap ul li:nth-child(3){
     width: 50%;
     border-left: none;
     padding-left: 0px;
}

    .contact-details-wrap ul li p, .contact-details-wrap ul li a {
        font-size: 16px;
        line-height: 28px;
    }

        .contact-details-wrap ul li label {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .contact-map {
        height: 550px;
}

.faq_menu ul li a{
     line-height: 65px;
     font-size: 17px;
}

    .faq_accordion {
        margin-top: 35px;
    }


.faq_question {
        padding: 20px 20px;
        padding-right: 55px;
        font-size: 18px;
    }

        .faq_icon {
        width: 16px;
        top: 19px;
        right: 22px;
    }

.faq_item.active .faq_answer {
        padding: 10px 15px 10px;
    }

        .production_usage_wrap {
        margin-top: 25px;
    }

        .production_box {
        padding: 15px 15px 50px;
        border-radius: 10px;
    }

    .download_btn {
    width: auto;
    font-size: 15px;
    color: #0095D9;
    font-weight: 700;
    position: absolute;
    bottom: 16px;
    left: 15px;
    display: flex;
    align-items: center;
    gap: 5px;
}

    .production_box h3 {
        font-size: 18px;
        line-height: 26px;
    }

    .production_usage_wrap ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

  .hme_why_section::before {
        width: 200px;
        height: 200px;
    }

        .hme_why_section::after {
        width: 330px;
        height: 330px;
    }

    .mobile-nav{
        margin-top: -100px;
    }

    .contactform_main_wrap{
      -webkit-border-radius: 15px;
      border-radius: 15px;
    }

    .mobile-menu{
        z-index: 999;
    }

        .hero-banner-content p {
        font-size: 14px;
        line-height: 24px;
    }

    .mobile_language{
            position: relative;
    top: 100px;
    color: #fff;
        text-decoration: none;
    font-size: 15px;
    font-family: "IBM Plex Sans Arabic", sans-serif;
    font-weight: 600;
            text-align: center;
    }

    .footer_nav h3{
           display: none;
    }

    .product-list-main .products{
    grid-template-columns: repeat(2, 1fr);
}

.production_box{
    min-height: 130px;
}


.search-input-wrapper_main .woo-products-grid{
     margin-top: 30px !important;
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 30px 20px;
}

.woo-search-results {
    margin-top: 60px;
}


}

@media (max-width: 1024px) {
.mg-table-wrapper{
    overflow: hidden;
    overflow-x: auto;
}

.mg-table,
.mg-order-details table.shop_table{
     width: 800px !important;
}


.br_tlr {
    -webkit-border-top-left-radius: 20px;
    -moz-border-top-left-radius: 20px;
    border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-top-right-radius: 20px;
    border-top-right-radius: 20px;
}

.main_btn{
        min-width: 150px;
    height: 40px;
    line-height: 40px;
        padding: 0 50px 0 20px;
        font-size: 14px;
}

    .order-item {
        grid-template-columns: 18% 48% 22%;
    }

    .checkout-right {
    padding: 20px 15px;
    border-radius: 15px;
}

    .checkout-step h5 {
        font-size: 16px;
        line-height: 20px;
    }

    .checkout-left .form-row .input-text{
         font-size: 16px;
    }

    .total-line.grand-total .label {
        font-size: 16px;
    }

        .total-line.grand-total .tax-note {
        font-size: 13px;
        line-height: 14px;
    }

        .total-line.grand-total {
        padding: 20px 15px;
        margin-top: 20px;
            border-radius: 10px;
    }

    

}

@media (max-width: 860px) {

    .nice-select {
        height: 45px;
        line-height: 45px;
        font-size: 16px;
    }

    .featured_box_content {
        padding: 30px 15px 10px;
    }

    .wishlist {
        width: 26px;
        right: 10px;
        top: 10px;
    }

    .featured_box {
        border-radius: 10px;
    }

    .featured_btn_main {
        -webkit-border-bottom-left-radius: 8px;
        border-bottom-left-radius: 8px;
        -webkit-border-bottom-right-radius: 8px;
        border-bottom-right-radius: 8px;
    }

    .category_select_content h3{
    font-size: 20px;
    line-height: 25px;
 }

 .category_select_wrap li {
    padding: 0 15px;
 }

 .category_select_wrap{
    padding: 30px 15px;
    margin-top: 40px;
    border-radius: 20px;
 }

 .category_select_icon {
    width: 55px;
    height: 55px;
 }

 .default-page-section{
    padding: 60px 0 80px;
}

.error-404, .search-page-inner, .search-noresult-inner {
    text-align: left;
    padding: 40px 0;
}

.search-input-wrapper_main{
    padding: 60px 0;
}

.woo-search-results {
    margin-top: 50px;
}


}


@media (max-width: 768px) {
    .blog-auther-wrap {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .blog-auther-wrap .footer-social,
    html[dir="rtl"] .blog-auther-wrap .footer-social {
        margin-left: 0;
        margin-right: 0;
    }

 .hero-banner{
    min-height: 100vh;
    height: auto;
 }

 .hero-banner-video iframe {
    width: max(100vw, 177.78vh);
    height: max(56.25vw, 100vh);
 }

 .header{
    padding: 10px 0 10px;
  }

  .logo-container{
      justify-content: left;
  }

      .faq_menu ul li a {
        line-height: 60px;
        font-size: 15px;
    }

    

        .faq_question {
        padding: 15px 15px;
        padding-right: 50px;
        font-size: 16px;
    }

        .faq_accordion {
        margin-top: 30px;
    }

    .faq_icon {
        width: 15px;
        top: 15px;
        right: 16px;
    }

    .faq_menu ul li{
    width: 33.3%;
}

    .pt_110 {
        padding-top: 55px;
    }

        .pb_110 {
        padding-bottom: 55px;
    }

    .pt_100 {
        padding-top: 55px;
    }

        .pb_100 {
        padding-bottom: 55px;
    }

    .footer_subscribe_inner{
        max-width: 100%;
    }

    .footer_subscribe_inner h3{
         width: 100%;
         margin-bottom: 15px;
    }

    .footer_subscribe_form {
    width: 100%;
    }

    .footer_nav {
    width: 100%;
}

    .footer_logo {
        width: 100%;
        display: flex;
        margin-bottom: 30px;
    }

    .footer_nav_inner {
    margin-top: 0;
}


.footer_contact ul{
     display: flex;
     flex-wrap: wrap;
      gap: 3%;
}

.footer_contact {
       width: 100%;
    margin-left: 0;
    margin-top: 40px;
}

.footer_contact ul li{
     width: 47%;
}

.sub-banner-inner-page h1 {
        font-size: 35px;
    }

        .sub-banner-inner-page {
        height: 370px;
        padding-bottom: 30px;
    }

    .about_first_image {
    width: 100%;
}

.about_first_content {
    width: 100%;
    padding-left: 0;
    padding-top: 30px;
}

    .vision_section ul li {
      width: 100%;
        padding: 40px 5%;
        min-height: 300px;
    }

        .vision_section {
        border-top-left-radius: 25px;
        border-top-right-radius: 25px;
    }

    .vision-content h3{
        font-size: 25px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .leadership_list ul{
        grid-template-columns: repeat(2, 1fr);
    }

        .leader-box-title h5 {
        font-size: 18px;
        line-height: 26px;
    }

    .leader-box-title span{
        font-size: 15px;
        line-height: 25px;
    }

        .leadership_list {
        margin-top: 25px;
    }
        .leader-box-img img {
        height: 260px;
    }

    .vision_bottom_img{
    width: 100%;
}

    .vision_bottom_content {
        width: 100%;
        padding: 30px 5% 30px 5%;
    }

        .vision_bottom_year {
        width: 80px;
               top: 28%;
        bottom: inherit;
    }
 .vision_bottom_year img{
 filter: brightness(0) invert(1);
 }

     .vision-icon {
        max-width: 55px;
    }


    .categories_list ul {
        grid-template-columns: repeat(2, 1fr);
    }

        .categories_list_img img {
        height: 200px;
        object-position: center;
    }

        .categories_list_box {
        -webkit-border-radius: 15px;
        border-radius: 15px;
    }

        .categories_list h5 {
        font-size: 17px;
        line-height: 26px;
        color: #000000;
        margin-top: 10px;
    }

        .categories_list ul {
        gap: 20px 10px;
    }

        .categories_list {
        margin-top: 20px;
    }

        .faq_menu ul li a {
        line-height: 50px;
        font-size: 14px;
    }

    .faq_menu ul li {
        width: 100%;
    }

    .blog_search_text {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    margin-bottom: 10px;
    }

    .blog_search_main .nice-select {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    }

    .blog-main-img {
    width: 100%;
    }

    .blog-main-content {
        padding-left: 0;
        width: 100%;
        padding-top: 20px;
    }

        .blog-main-content .learn_btn {
        margin-top: 10px;
    }

    .blog-list-main {
        margin-top: 20px;
    }

    .blog-no-results{
        display: block;
        width: 100%;
        clear: both;
        margin-top: 50px !important;
        padding: 18px 16px;
        font-size: 16px;
    }

        .blog-list-main ul{
        gap: 35px 10px;
        grid-template-columns: repeat(2, 1fr);
    }

    .blog-list-img img{
         height: 220px;
    }

    .video-card .blog-list-img{
         height: 220px;
    }

        .learn_btn{
        font-size: 14px;
    }

    .blog-main-list-content {
        padding-top: 15px;
    }

    .video-play-badge{
         width: 56px;
         height: 56px;
    }

    .video-play-badge::before{
         border-top-width: 8px;
         border-bottom-width: 8px;
         border-left-width: 13px;
    }

    .video-popup{
         padding: 16px;
    }

    .video-popup__content{
         border-radius: 18px;
         width: calc(100% - 32px);
    }

    .video-card{
         border-radius: 18px;
    }

    .videos_main_sections .blog-main-list-content{
         padding: 18px 18px 22px;
         min-height: 170px;
         display: flex;
    }

    .videos_main_sections .blog-main_content_inner{
         display: flex;
         flex-direction: column;
         height: 100%;
    }

    .videos_main_sections .blog-main_content_inner h5{
         font-size: 18px;
         line-height: 26px;
    }

    .video-watch-link{
         margin-top: auto;
    }

        .blog-main_content_inner h5 {
        font-size: 17px;
        line-height: 24px;
    }

        .faq_item.active .faq_icon {
        top: 17px;
    }

        .production_box h3 {
        font-size: 16px;
        line-height: 25px;
    }

    .download_btn{
         font-size: 14px;
    }

        .hero-banner-content h1 {
        font-size: 35px;
    }

    .hme_category_content {
    width: 95%;
    padding-bottom: 60px;
    }

    .hme_category_slider {
    width: 100%;
    margin-top: 20px;
    }

    .slider_btn_main{
         right: 0;
    }

    .hme_featured_slider {
    margin-top: 30px;
}
       
    .hme_featured_section .slider_btn_main {
        margin-top: 30px;
    }

    li, ol {
        font-size: 15px;
        line-height: 26px;
    }

      .logo-container img{
          max-width: 135px;
          height: auto;
      }

      .footer_copy_right p a{
     font-size: 14px;
}

.footer .footer-social{
     margin-top: 20px;
}

.footer_copy_right{
    text-align: center;
}

    .footer .footer-social {
        margin-top: 20px;
        left: 0;
        margin-left: 0;
        width: 100%;
        display: flex;
        justify-content: center;
    }

        .contact-details-wrap ul li{
        width: 100%;
        padding: 15px 20px 20px 0px;
        border-left: none;
        border-top: 1px solid #C7C7C7;
    }

    .contact-details-wrap ul li:nth-child(3),
    .contact-details-wrap ul li:last-child {
        width: 100%;
    }

        .contactform_main_left {
              width: 100%;
        padding: 40px 20px 40px;
    }

        .contactform_main_right {
        padding: 40px 20px 40px;
        width: 100%;
    }

    .category_filter li {
        padding: 0px 30px;
        min-width: 190px;
    }

    .footer_nav ul {
        padding-right: 0;
        width: 50%;
        margin-bottom: 0;
    }

    .footer_nav ul:first-child {
        width: 45%;
    }

    .footer_nav ul:last-child {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

 .footer_nav ul:last-child li {
    width: 45%;
  }

  .product_list_filter_bar {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .product_list_search_form {
    max-width: 100%;
    min-width: 100%;
  }

  .product_list_selects {
    width: 100%;
    max-width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .product_list_select_item {
    width: 100%;
    min-width: 0;
  }

  .product_list_toolbar .nice-select {
    width: 100%;
    min-width: 0;
  }

    .nice-select{
        height: 45px;
    line-height: 45px;
    font-size: 14px;
    }

    body{
           font-size: 15px;
    }

    .category_select_wrap li {
        width: 100%;
    }

    .category_select_wrap li:first-child{
           margin-bottom: 40px;
    }

    .category_select_wrap li {
        padding: 0 10px;
    }

    .category_select_wrap li:first-child::after{
    content: "";
    width: 100%;
    height: 1px;
    background-color: rgba(1, 93, 164, 0.1);
    position: absolute;
    right: 0px;
    top: unset;
    bottom: -20px;
    z-index: 1;
}


.search-input-wrapper_main .woo-products-grid{
     margin-top: 30px !important;
     display: grid;
     grid-template-columns: repeat(1, 1fr);
     gap: 30px 20px;
}

.product_list_filter_bar {
    grid-template-columns: 1fr;
    align-items: stretch;
}

.product_list_search_form,
.product_list_selects,
.product_list_select_item {
    width: 100%;
    min-width: 100%;
}

.product_list_selects {
    grid-template-columns: 1fr;
    gap: 10px;
}

.product_list_toolbar .nice-select {
    width: 100%;
    min-width: 100%;
}

.videos_main_sections .blog-main_content_inner p{
     min-height: auto;
}


}


@media (max-width: 600px) {
    .sub-banner-inner-page h1 {
        font-size: 30px;
    }

        .search-popup-content {
        padding: 25px 10px;
        margin: 10px;
        border-radius: 10px;
    }

        .hero-banner-content h1 {
        font-size: 30px;
    }

    .hme_why_img {
    width: 100%;
}

.hme_why_content{
        width: 100%;
        padding-left: 0;
        margin-top: 25px;
    }

        .hme_why_section::before {
        width: 190px;
        height: 190px;
    }

    .footer_contact ul{
         row-gap: 25px;
    }

    .footer_contact ul li{
         width: 100%;
    }

    .footer_nav h3{
        margin-bottom: 0;
    }

        .leader-box-img img {
        height: 190px;
    }

        .leader-box-title {
        padding: 10px 5px 5px;
    }

        .leader-box {
        border-radius: 12px;
        padding: 6px;
    }

    .leader-box-img {
    -webkit-border-radius: 8px;
    border-radius: 8px;
    }

        .footer_subscribe_btn {
        width: 100px;
    }

        .footer_subscribe_input {
        padding-right: 110px;
        font-size: 16px;
    }

    .contact-form ul li.half {
    width: 100%;
}

    .contact-form .main_btn {
        margin-top: 10px;
    }

        .footer_copy_right p {
        text-align: center;
        width: 100%;
    }

        .sub-banner-inner-page h1 {
        font-size: 30px;
    }

        .footer_bottom {
        padding: 40px 0;
    }

        .blog-list-img img {
        height: 200px;
    }

    .video-card .blog-list-img{
         height: 200px;
    }

    .video-popup{
         padding: 12px;
    }

    .video-popup__content{
         width: calc(100% - 24px);
         border-radius: 14px;
    }

    .lang-switch{
           display: none;
    }

    .product-list-main .products{
        grid-template-columns: repeat(1, 1fr);
    }

    .category_select_content h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .default-page-section{
        padding: 50px 0 70px;
    }

    .wdo-address-grid {
        grid-template-columns: 1fr;
    }
      
    

}


@media (max-width: 480px) {
    .blog-main-content {
        padding-bottom: 0;
    }

    .blog-list-main {
        margin-top: 35px;
    }

    .blog-list-main ul {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Center the password visibility control in RTL password fields on iPad-sized screens. */
@media (min-width: 700px) and (max-width: 820px) {
    html[dir="rtl"] .woocommerce form .password-input,
    html[dir="rtl"] .woocommerce-page form .password-input,
    html[dir="rtl"] .password-input-wrapper {
        position: relative;
    }

    html[dir="rtl"] .woocommerce form .password-input .show-password-input,
    html[dir="rtl"] .woocommerce-page form .password-input .show-password-input,
    html[dir="rtl"] .password-input-wrapper .password-toggle-btn {
        top: 50% !important;
        bottom: auto !important;
        left: 12px !important;
        right: auto !important;
        margin-top: 0 !important;
        transform: translateY(-50%) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}

/* Match the Arabic mobile eye-button offset on the English account login form. */
@media (max-width: 860px) {
    html:not([dir="rtl"]) body.woocommerce-account .woocommerce-form-login .password-input .show-password-input {
        top: 12px !important;
        transform: none !important;
    }
}

/* Keep the quotation form readable when the account content is narrow on tablets. */
@media (max-width: 1024px) {
    #mannaglass-rfq-form #rfq-repeater-container .rfq-repeater-row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 12px !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    #mannaglass-rfq-form #rfq-repeater-container .rfq-product-col,
    #mannaglass-rfq-form #rfq-repeater-container .rfq-qty-col_main,
    #mannaglass-rfq-form #rfq-repeater-container .form-row,
    #mannaglass-rfq-form .form-row-group > .form-row {
        float: none !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin-inline: 0 !important;
        box-sizing: border-box !important;
    }

    #mannaglass-rfq-form #rfq-repeater-container .rfq-qty-col_main {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 8px !important;
    }

    #mannaglass-rfq-form #rfq-repeater-container .rfq-qty-wrapper {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 8px !important;
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    #mannaglass-rfq-form #rfq-repeater-container .rfq-qty-input {
        width: 80px !important;
        min-width: 0 !important;
        flex: 0 1 80px !important;
    }

    #mannaglass-rfq-form #rfq-repeater-container .rfq-action-col button {
        margin: 0 !important;
        max-width: 100% !important;
        position: static !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    #mannaglass-rfq-form .form-row-group {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100% !important;
        min-width: 0 !important;
        gap: 12px !important;
    }

    #mannaglass-rfq-form .form-row input:not([type="hidden"]),
    #mannaglass-rfq-form .form-row select,
    #mannaglass-rfq-form .form-row textarea,
    #mannaglass-rfq-form .form-row .nice-select {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 400px) {
      .leadership_list ul {
        grid-template-columns: repeat(1, 1fr);
    }

        .leader-box-img img {
        height: 270px;
    }

        .vision_bottom_year{
        width: 60px;
        top: 28%;
 }

 .vision_bottom_img img{
    height: 570px;
 }

}

/* Keep the order-details table inside the request modal on phones. */
@media (max-width: 768px) {
    /* The order modal can render the item table directly, without .mg-table-wrapper. */
    body .mg-modal .mg-modal-content {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
    }

    .mg-modal .mg-order-details,
    .mg-modal .mg-table-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
        scrollbar-width: thin;
        box-sizing: border-box !important;
    }

    .mg-modal .mg-items-table-modal,
    .mg-modal .mg-table,
    .mg-modal .mg-order-details table.shop_table {
        display: table !important;
        width: 560px !important;
        min-width: 560px !important;
        max-width: none !important;
        table-layout: auto !important;
        box-sizing: border-box !important;
    }

    .mg-modal .mg-items-table-modal th,
    .mg-modal .mg-items-table-modal td,
    .mg-modal .mg-order-details table.shop_table th,
    .mg-modal .mg-order-details table.shop_table td {
        padding: 8px 6px !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
        word-break: normal !important;
        font-size: 12px !important;
        box-sizing: border-box !important;
    }

    .mg-modal .mg-items-table-modal img,
    .mg-modal .mg-order-details table.shop_table img {
        max-width: 32px !important;
        height: auto !important;
    }
}

/* Preserve refund/order table columns on phones and scroll the table as one unit. */
@media (max-width: 768px) {
    body.woocommerce-account .woocommerce-MyAccount-content {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
        box-sizing: border-box !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content table.shop_table,
    body.woocommerce-account .woocommerce-MyAccount-content table.shop_table_responsive {
        display: table !important;
        width: 700px !important;
        min-width: 700px !important;
        max-width: none !important;
        table-layout: auto !important;
        box-sizing: border-box !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content table.shop_table thead,
    body.woocommerce-account .woocommerce-MyAccount-content table.shop_table_responsive thead {
        display: table-header-group !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody,
    body.woocommerce-account .woocommerce-MyAccount-content table.shop_table_responsive tbody {
        display: table-row-group !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content table.shop_table tr,
    body.woocommerce-account .woocommerce-MyAccount-content table.shop_table_responsive tr {
        display: table-row !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content table.shop_table th,
    body.woocommerce-account .woocommerce-MyAccount-content table.shop_table td,
    body.woocommerce-account .woocommerce-MyAccount-content table.shop_table_responsive th,
    body.woocommerce-account .woocommerce-MyAccount-content table.shop_table_responsive td {
        display: table-cell !important;
        white-space: normal !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
        vertical-align: middle !important;
        box-sizing: border-box !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content table.shop_table td::before,
    body.woocommerce-account .woocommerce-MyAccount-content table.shop_table_responsive td::before {
        display: none !important;
        content: none !important;
    }
}


/* Keep notification action links inside their message bars, including RTL notices. */
.woocommerce-notices-wrapper .woocommerce-message {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px 12px;
    box-sizing: border-box !important;
    max-width: 100%;
    overflow-wrap: anywhere;
}

.woocommerce-notices-wrapper .woocommerce-message .button,
.woocommerce-notices-wrapper .woocommerce-message .button.wc-forward,
.woocommerce-notices-wrapper .woocommerce-error .button,
.woocommerce-notices-wrapper .woocommerce-error a.button {
    float: none !important;
    position: static !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    box-sizing: border-box !important;
    max-width: 100%;
    margin: 0 !important;
    white-space: normal;
    line-height: 1.35;
}

.woocommerce-notices-wrapper .woocommerce-error > li {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 12px;
    max-width: 100%;
    box-sizing: border-box;
}


/* Keep the refund table body cells directly beneath their matching headings in RTL. */
@media (max-width: 768px) {
    body.woocommerce-account .woocommerce-MyAccount-content table.mg-table {
        direction: ltr !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content table.mg-table thead {
        display: table-header-group !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content table.mg-table tbody {
        display: table-row-group !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content table.mg-table tr {
        display: table-row !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content table.mg-table th,
    body.woocommerce-account .woocommerce-MyAccount-content table.mg-table td {
        display: table-cell !important;
        float: none !important;
        position: static !important;
        vertical-align: middle !important;
        box-sizing: border-box !important;
        text-align: right !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content table.mg-table td::before {
        display: none !important;
        content: none !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content table.mg-table td:last-child .mg-view-details {
        display: inline-flex !important;
        align-items: center;
        white-space: nowrap;
        float: none !important;
        position: static !important;
    }
}


/* Use one explicit mobile column grid for refund-list headings and every data row. */
@media (max-width: 768px) {
    body.woocommerce-account .woocommerce-MyAccount-content .mg-table-wrapper {
        overflow-x: auto !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content table.mg-table {
        display: block !important;
        width: 740px !important;
        min-width: 740px !important;
        table-layout: auto !important;
        direction: ltr !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content table.mg-table thead,
    body.woocommerce-account .woocommerce-MyAccount-content table.mg-table tbody {
        display: block !important;
        width: 740px !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content table.mg-table thead tr,
    body.woocommerce-account .woocommerce-MyAccount-content table.mg-table tbody tr {
        display: grid !important;
        grid-template-columns: 120px 120px 120px 140px 100px 140px !important;
        width: 740px !important;
        box-sizing: border-box !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content table.mg-table thead th,
    body.woocommerce-account .woocommerce-MyAccount-content table.mg-table tbody td {
        display: block !important;
        width: auto !important;
        min-width: 0 !important;
        float: none !important;
        position: static !important;
        box-sizing: border-box !important;
        text-align: right !important;
        overflow-wrap: anywhere !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content table.mg-table td::before {
        display: none !important;
        content: none !important;
    }
}


/* Give RTL error text and its login action separate, non-overlapping space. */
.woocommerce-error > li,
.woocommerce-notices-wrapper .woocommerce-error > li {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    column-gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.woocommerce-error > li a,
.woocommerce-notices-wrapper .woocommerce-error > li a {
    float: none !important;
    position: static !important;
    justify-self: start;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    max-width: 100%;
    min-width: max-content;
    margin: 0 !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}

html[dir="rtl"] .woocommerce-error > li,
html[dir="rtl"] .woocommerce-notices-wrapper .woocommerce-error > li {
    direction: rtl !important;
    text-align: right !important;
}

.woocommerce-error > li a,
.woocommerce-notices-wrapper .woocommerce-error > li a {
    grid-column: 2;
    grid-row: 1;
}

/* Keep Arabic account tables in desktop-style RTL columns and scroll them on phones. */
@media (max-width: 768px) {
    html[dir="rtl"] body.woocommerce-account .woocommerce-MyAccount-content .mg-table-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        direction: rtl !important;
    }

    html[dir="rtl"] body.woocommerce-account .woocommerce-MyAccount-content table.mg-table {
        display: table !important;
        width: max-content !important;
        min-width: 700px !important;
        max-width: none !important;
        table-layout: auto !important;
        direction: rtl !important;
    }

    html[dir="rtl"] body.woocommerce-account .woocommerce-MyAccount-content table.mg-table thead {
        display: table-header-group !important;
    }

    html[dir="rtl"] body.woocommerce-account .woocommerce-MyAccount-content table.mg-table tbody {
        display: table-row-group !important;
    }

    html[dir="rtl"] body.woocommerce-account .woocommerce-MyAccount-content table.mg-table tr {
        display: table-row !important;
    }

    html[dir="rtl"] body.woocommerce-account .woocommerce-MyAccount-content table.mg-table th,
    html[dir="rtl"] body.woocommerce-account .woocommerce-MyAccount-content table.mg-table td {
        display: table-cell !important;
        float: none !important;
        position: static !important;
        white-space: nowrap !important;
        vertical-align: middle !important;
        text-align: right !important;
        box-sizing: border-box !important;
    }

    html[dir="rtl"] body.woocommerce-account .woocommerce-MyAccount-content table.mg-table td::before {
        display: none !important;
        content: none !important;
    }
}


/* Compact the request-form location select and keep its dropdown arrow visible. */
#mannaglass-rfq-form .form-row select,
#mannaglass-rfq-form .form-row .nice-select {
    box-sizing: border-box !important;
    height: 54px !important;
    min-height: 54px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: normal !important;
}

#mannaglass-rfq-form .form-row select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23111111' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
    background-size: 14px 14px !important;
    padding-right: 42px !important;
}

#mannaglass-rfq-form .form-row .nice-select {
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    padding-inline: 20px 42px !important;
}

#mannaglass-rfq-form .form-row .nice-select > .current {
    display: block !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.5 !important;
}

#mannaglass-rfq-form .form-row .nice-select:after {
    top: 50% !important;
    right: 16px !important;
    left: auto !important;
    margin-top: 0 !important;
    transform: translateY(-50%) rotate(45deg) !important;
}

html[dir="rtl"] #mannaglass-rfq-form .form-row select {
    background-position: left 16px center !important;
    padding-right: 20px !important;
    padding-left: 42px !important;
}

html[dir="rtl"] #mannaglass-rfq-form .form-row .nice-select {
    padding-right: 20px !important;
    padding-left: 42px !important;
}

html[dir="rtl"] #mannaglass-rfq-form .form-row .nice-select:after {
    right: auto !important;
    left: 16px !important;
}


/* Style the native location select used by the My Request form. */
body.woocommerce-account .woocommerce-MyAccount-content .form-row select.input-text {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 54px !important;
    min-height: 54px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 30px !important;
    padding-right: 48px !important;
    line-height: normal !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-color: #fff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23111111' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 18px center !important;
    background-size: 14px 14px !important;
}

html[dir="rtl"] body.woocommerce-account .woocommerce-MyAccount-content .form-row select.input-text {
    padding-right: 30px !important;
    padding-left: 48px !important;
    background-position: left 18px center !important;
}

/* Show each Arabic return-order record as a full-width card on phones. */
@media (max-width: 767px) {
    html[dir="rtl"] body.woocommerce-account .woocommerce-MyAccount-content .mg-table-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
        direction: rtl !important;
    }

    html[dir="rtl"] body.woocommerce-account .woocommerce-MyAccount-content table.mg-table {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        table-layout: auto !important;
        direction: rtl !important;
    }

    html[dir="rtl"] body.woocommerce-account .woocommerce-MyAccount-content table.mg-table thead {
        display: none !important;
    }

    html[dir="rtl"] body.woocommerce-account .woocommerce-MyAccount-content table.mg-table tbody {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 12px !important;
        width: 100% !important;
    }

    html[dir="rtl"] body.woocommerce-account .woocommerce-MyAccount-content table.mg-table tbody tr {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 6px 12px !important;
        border: 1px solid #e5e5e5 !important;
        border-radius: 12px !important;
        background: #fff !important;
        box-sizing: border-box !important;
    }

    html[dir="rtl"] body.woocommerce-account .woocommerce-MyAccount-content table.mg-table tbody td {
        display: grid !important;
        grid-template-columns: minmax(88px, 38%) minmax(0, 1fr) !important;
        align-items: start !important;
        column-gap: 10px !important;
        width: 100% !important;
        min-width: 0 !important;
        padding: 8px 0 !important;
        border: 0 !important;
        border-bottom: 1px solid #eeeeee !important;
        text-align: right !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
        box-sizing: border-box !important;
    }

    html[dir="rtl"] body.woocommerce-account .woocommerce-MyAccount-content table.mg-table tbody td:last-child {
        border-bottom: 0 !important;
    }

    html[dir="rtl"] body.woocommerce-account .woocommerce-MyAccount-content table.mg-table tbody td::before {
        display: block !important;
        position: static !important;
        float: none !important;
        width: auto !important;
        margin: 0 !important;
        color: #333 !important;
        font-weight: 600 !important;
        text-align: right !important;
        white-space: normal !important;
    }

    html[dir="rtl"] body.woocommerce-account .woocommerce-MyAccount-content table.mg-table tbody td:nth-child(1)::before {
        content: "رقم الطلب" !important;
    }

    html[dir="rtl"] body.woocommerce-account .woocommerce-MyAccount-content table.mg-table tbody td:nth-child(2)::before {
        content: "تاريخ الطلب" !important;
    }

    html[dir="rtl"] body.woocommerce-account .woocommerce-MyAccount-content table.mg-table tbody td:nth-child(3)::before {
        content: "العناصر المرتجعة" !important;
    }

    html[dir="rtl"] body.woocommerce-account .woocommerce-MyAccount-content table.mg-table tbody td:nth-child(4)::before {
        content: "مبلغ الاسترداد" !important;
    }

    html[dir="rtl"] body.woocommerce-account .woocommerce-MyAccount-content table.mg-table tbody td:nth-child(5)::before {
        content: "الحالة" !important;
    }

    html[dir="rtl"] body.woocommerce-account .woocommerce-MyAccount-content table.mg-table tbody td:nth-child(6)::before {
        content: "الإجراءات" !important;
    }

    html[dir="rtl"] body.woocommerce-account .woocommerce-MyAccount-content table.mg-table tbody td:last-child .mg-view-details {
        justify-self: start !important;
        white-space: normal !important;
    }
}

/* Smooth the featured-products carousel's 900 ms slide transition. */
.featured_swiper .swiper-wrapper {
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* Use the same stacked record cards for the English return-orders page. */
@media (max-width: 767px) {
    html:not([dir="rtl"]) body.woocommerce-account .woocommerce-MyAccount-content .mg-table-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
        direction: ltr !important;
    }

    html:not([dir="rtl"]) body.woocommerce-account .woocommerce-MyAccount-content table.mg-table {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        table-layout: auto !important;
        direction: ltr !important;
    }

    html:not([dir="rtl"]) body.woocommerce-account .woocommerce-MyAccount-content table.mg-table thead {
        display: none !important;
    }

    html:not([dir="rtl"]) body.woocommerce-account .woocommerce-MyAccount-content table.mg-table tbody {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 12px !important;
        width: 100% !important;
    }

    html:not([dir="rtl"]) body.woocommerce-account .woocommerce-MyAccount-content table.mg-table tbody tr {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 6px 12px !important;
        border: 1px solid #e5e5e5 !important;
        border-radius: 12px !important;
        background: #fff !important;
        box-sizing: border-box !important;
    }

    html:not([dir="rtl"]) body.woocommerce-account .woocommerce-MyAccount-content table.mg-table tbody td {
        display: grid !important;
        grid-template-columns: minmax(88px, 38%) minmax(0, 1fr) !important;
        align-items: start !important;
        column-gap: 10px !important;
        width: 100% !important;
        min-width: 0 !important;
        padding: 8px 0 !important;
        border: 0 !important;
        border-bottom: 1px solid #eeeeee !important;
        text-align: left !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
        box-sizing: border-box !important;
    }

    html:not([dir="rtl"]) body.woocommerce-account .woocommerce-MyAccount-content table.mg-table tbody td:last-child {
        border-bottom: 0 !important;
    }

    html:not([dir="rtl"]) body.woocommerce-account .woocommerce-MyAccount-content table.mg-table tbody td::before {
        display: block !important;
        position: static !important;
        float: none !important;
        width: auto !important;
        margin: 0 !important;
        color: #333 !important;
        font-weight: 600 !important;
        text-align: left !important;
        white-space: normal !important;
    }

    html:not([dir="rtl"]) body.woocommerce-account .woocommerce-MyAccount-content table.mg-table tbody td:nth-child(1)::before {
        content: "Order Number" !important;
    }

    html:not([dir="rtl"]) body.woocommerce-account .woocommerce-MyAccount-content table.mg-table tbody td:nth-child(2)::before {
        content: "Order Date" !important;
    }

    html:not([dir="rtl"]) body.woocommerce-account .woocommerce-MyAccount-content table.mg-table tbody td:nth-child(3)::before {
        content: "Returned Items" !important;
    }

    html:not([dir="rtl"]) body.woocommerce-account .woocommerce-MyAccount-content table.mg-table tbody td:nth-child(4)::before {
        content: "Refund Amount" !important;
    }

    html:not([dir="rtl"]) body.woocommerce-account .woocommerce-MyAccount-content table.mg-table tbody td:nth-child(5)::before {
        content: "Status" !important;
    }

    html:not([dir="rtl"]) body.woocommerce-account .woocommerce-MyAccount-content table.mg-table tbody td:nth-child(6)::before {
        content: "Action" !important;
    }

    html:not([dir="rtl"]) body.woocommerce-account .woocommerce-MyAccount-content table.mg-table tbody td:last-child .mg-view-details {
        justify-self: start !important;
        white-space: normal !important;
    }
}