/* Add responsive styling for columns */
@media (max-width: 768px) {
    .col-md-6 {
        width: 100%;
        margin-bottom: 20px;
    }
    .headi{
        margin-right: 0px !important;
    }
    .pars{
        margin-right: 0px !important;
    }
    .reset {
        padding: 8px 12px 0px 10px !important;
      }
}

.navbar-header {
    background: #2E2D77 !important;
}
 

/* Add RTL (right-to-left) text direction */
.text-right {
    direction: rtl;
    text-align: right;
}
.text-right1{
    direction: rtl !important;
    text-align: right !important;
}

/* Styling for Arabic list */
.uol-list-arabic {
    list-style-image: url('../pics/tick.png');
    margin-top: 30px;
    text-align: right;
    /* Align the list text to the right */
    padding-right: 20px;
    /* Add some right padding for spacing */
}

.uol-list-arabic li {
    margin-left: 0;
    /* Reset the left margin */
}

/* Styling for Arabic pattern image */
.arabic-pattern {
    float: left;
    /* Float the image to the left */
    margin-right: 0px;
    /* Add some right margin for spacing */
    margin-top: 40px;
}

/* Add responsive styling for Arabic pattern image on smaller screens */
@media (max-width: 768px) {
    .arabic-pattern {
        float: none;
        /* Remove float on smaller screens */
        margin-right: 0;
        /* Remove right margin on smaller screens */
        max-width: 100%;
        /* Make the image full width on smaller screens */
        display: block;
        /* Display as a block element on smaller screens */
        margin-bottom: 20px;
        /* Add some bottom margin for spacing */
    }
}

/* Add Arabic pattern styling for the images */
.arabic-pattern-comma {
    float: right;
    margin-left: 20px;
    margin-top: 10px;
    /* Adjust as needed */
}

/* Add responsive styling for the images */
@media (max-width: 768px) {
    .arabic-pattern-comma {
        float: none;
        margin-left: 0;
        margin-right: auto;
        /* Center the image on smaller screens */
        max-width: 100%;
        /* Make the image full width on smaller screens */
        display: block;
        margin-top: 20px;
        /* Adjust as needed */
    }
}

.slider-ar {
    margin-left: 490px !important;
}

.nav-ar {
    padding: 10px 14px !important;
}

.tick-ar {
    padding: 0px 0px 0px 20px;
}

.loss-ar {
    margin-right: -50px;
}

.contact-ar {
    margin-right: -20px;
}

.add-ar {
    margin-right: 40px;
}

.img-ar {
    float: left;
}

.arrow-ar {
    margin-left: 90px !important;
}

/* Add RTL (right-to-left) text direction for Arabic content */
.text-content {
    direction: rtl;
    text-align: right;
}

/* Add Arabic pattern styling for the image */
.arabic-pattern {
    float: right;
    margin-left: 20px;
    /* Adjust as needed */
    margin-top: 16%;
    /* Adjust as needed */
}


.des-ar {
    padding-top: 12rem !important;
}

.tick {
    padding: 0px 10px 0px 10px !important;
}

/* Add responsive styling for the image */
@media (max-width: 768px) {
    .arabic-pattern {
        float: none;
        margin-left: 0;
        margin-right: auto;
        /* Center the image on smaller screens */
        max-width: 100%;
        /* Make the image full width on smaller screens */
        display: block;
        margin-top: 20px;
        /* Adjust as needed */
    }
}

@media (max-width: 768px){
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 100% !important;
}
}

@media (max-width: 768px){
.navbar-collapse.in {
    overflow-y: visible;
    margin-top: 50px;
}
.custom-navbar .nav li a {
    /* margin-bottom: 0px !important; */
}
}

/* Position the "Back to Top" button on the left side */
.go-left {
    left: 20px;
    /* Adjust the left position as needed */
    right: auto;
}

/* Add RTL (right-to-left) text direction for Arabic content */
.text-right {
    direction: rtl !important;
    text-align: right !important;
}

/* Add responsive styling */
@media (max-width: 768px) {

    .order-md-1,
    .order-md-2 {
        order: 0;
    }
}

.navbar-left {
    direction: rtl !important;
    text-align: right !important;
}

.arabic-two {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 1) 100%);
    border-radius: 12px;
}

.arabic-padding {
    padding-left: 0px !important;
}

/* Logo styles */
.logo-wrapper {
    float: right !important;
}

/* Menu items styles */
.menu-items {
    float: left;
    margin-left: 120px;
    /* Add some spacing between logo and menu items */
}
.iconbox-ar{
  padding: 40px 29px !important;
}
.pricing .pricing-header{
    text-align: center !important;
}

.menu-items li {
    display: inline-block;
    margin-right: 20px;
    /* Add spacing between menu items */
}

/* Login and Language styles */
.login-language {
    float: left;
}

/* Responsive styling */
@media (max-width: 768px) {

    .logo-wrapper,
    .menu-items,
    .login-language {
        float: none;
        text-align: center;
        margin: 0;
    }

    .menu-items li {
        display: block;
        margin: 10px 0;
    }
    
}
@media (max-width: 768px) {
    .text-right {
      text-align: center !important;
    }
    .pricing-slider{
        
        width: 80% !important;
    }
    
  }

  @media (max-width: 575px){
.nav-tabs {
    display: flex !important;
    overflow-x: auto !important;
    height: 60px !important;
    margin-bottom: 10px !important;
}
.form-group label{
    float: right;
}
.p-0{
    padding: 0;
}
}
  @media (max-width: 575px){
.mt-5 {
    margin-top: 0 !important;
}
  }
  @media (max-width: 768px){
  .pricing-slider {
      margin: 10px 12%!important;
  
    }}
  .rows{
    margin-right: 0px !important; 
    margin-left: 0px !important;
    margin-top: 0px !important;
  }

.btn-arabic {
    margin-top: 20px !important;
    margin-left: 100px !important;
}

.language-arabic {
    margin-top: -30px !important;
    margin-left: 0px !important;
}

.switch-ar {
    padding: 3px !important;
    /* border-radius: 0px !important; */
}

.arabic-margin {
    /* margin-right: 2px !important; */
    /* padding-left: 10px !important; */
}

.text-center-pricing-arabic {
    margin-left: 40% !important;

}
.pricing-slider{
    width: 203px;
}

.fonts {
    /* font-size: 73% !important; */
    margin-left: 20px;
}
.tick2{
    margin-left: 5px;
}

.fon {
    margin-right: 10px;
}

.premium-arabic {
    margin-left: 200px;
}
.arrow {
    padding-top: 30px !important;
}

@media (max-width: 768px) {

    .custom-navbar .nav li.active>a, .custom-navbar .navbar-nav>li>a:hover, .custom-navbar .navbar-nav>li>a:focus {
        padding-left: 10px !important;
    }

    .heading-wrapper {
       margin-top: 16%;
    }
    .premium-arabic {
        margin-left: 0px;
    }

    .text-center-pricing-arabic {
        margin-left: 15% !important;

    }

    .ones {
        margin-top: -5px;
    }

    .navbar-brand.logo-ar {
        float: left !important;
        /* Align the image to the left */
    }

    .logo-ar {

        width: 85px;
    }

    .login-arabic {
        margin-right: 0px !important;
    }

    .navbar-collapse {
        padding-right: 0px !important;
    }

    .lang-ar {
        padding-right: 10px !important;
    }

    .arab {
        padding-left: 25px ;
        padding-right: 9px !important;
    }
    .arabs {
        padding-left: 10px ;
        padding-right: 9px !important;
    }

    .slider-ar {
        margin-left: 0px !important;
    }

    #overview {
        padding: 0px 0 !important;
    }

    .section {
        /* padding: 40px 0 !important; */
    }

    .ar-res {
        width: 44% !important;
    }
    .footer-color {
        padding-bottom: 20px;
    }


}

.pa {
    padding-top: 22px;
}

.alignment {
    margin-right: 15px;
}

#content {
    padding-right: 50px;
}

.login-arabic {
    margin-right: 120px;
}

.lang-ar {
    margin-top: 22px !important;
}

.logo-ar {
    float: right;
}

/* .float{
    float: right !important;
} */
.ar-res {
    width: 61%;
}

.pars {
    margin-right: 50px;
}

.headi {
    margin-right: 50px;
}

.saleh-ar {
    margin-top: -20px;
    margin-left: 90px;
}

.saleh-ara {
    margin-top: 60px;
}

.footer-ar {
    margin-left: 70px;
}

.fot-ar {
    margin-left: 40px 1px;
}

.arabic-patterns {
    padding-top: 20px;
}

/* .row-ar{
    margin-left: 70px;
} */
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    padding: 10px 0px 10px 0px !important;
    padding-left: 70px !important;
}

.nav-tabs>li>a {
    padding: 10px 0px 10px 0px !important;
    padding-left: 70px !important;
    margin: 0px 10px 0px 30px;
}

.nav-ars {
    padding-right: 0px !important;
}

.upload-image {
    padding-top: 6rem;
}