/*===============================


Main stylesheet 
Project : Rahil - Material  OnePage Responsive Template  
Version : 1.0
Author: Norhan_Moh
Primary use : Templates / Creative / Portfolio / Business 

Table Content :
-----------------
+ Main Rules
+ Header
+ Blog
+ Loading Screen
+ Error Page
+ Price Section
+ testimonials
===============================*/


/* Arabic Google font */

@import url('https://fonts.googleapis.com/css?family=Cairo:400,700');

/*-- =====  Main Rules ===== --*/


/* Body */

body {
    font-family: 'Cairo', sans-serif;
    direction: rtl;
}

/* Lists */

ul:not(.browser-default) {
    padding-right: 0px;
    padding-left: 0;
}

/* Rows */

.row .col {
    float: right;
}

/* Right Float */

.right {
    float: left !important;
}
i.right {
    margin-left: inherit;
    margin-right: 15px;
}

/* Left position and aligned */

.left-align {
    text-align: right;
}
.left {
    float: right!important;
}
i.left {
    margin-right: 0px;
    margin-left: 15px;
}

/* Cards */

.card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating) {
    margin-right: 0;
    margin-left: 24px;
}

/* Inputs */

.input-field.col label {
    right: .75rem;
    left: 0px;
}

/* Button */

button[type=submit] i,
a.replay i {
    transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    margin-left: 0px;
    margin-right: 15px;
}
.search-box button[type=submit] i {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    margin-left: 0;
    margin-right: 0;
}

/*-- ===== ====== ===== --*/


/*-- =====  Header ===== --*/


/* Side-nav */


/* Logo */

.side-nav li.logo a.brand-logo {
    text-align: right;
}
.side-nav li.logo .valign {
    text-align: right;
    padding-right: 43px;
    padding-left: inherit;
}
.side-nav > li:not(.logo)>a>i,
.side-nav > li:not(.logo)>a>i.material-icons {
    float: right;
    margin: 0 0 0 32px;
}
.side-nav > li:not(.logo) a {
    border-left: 0px;
    border-right: 7px solid transparent;
}

/* Dropdown Menu */

.dropdown-content li {
    text-align: right;
}

/* font-weight */

#services .service .service-title .card-title {
    font-weight: 700;
}

/*-- ===== ====== ===== --*/


/*-- =====  Blog  ===== --*/

.blog .tags > .chip {
    float: right;
}
.chip img {
    float: right;
    margin: 0 -12px 0 8px;
}
blockquote {
    padding-right: 1.5rem;
    padding-left: 0;
    border-left: 0px;
    border-right: 5px solid #ee6e73;
}
.card.blog .card-content .blog-des ul {
    padding-right: 20px;
    padding-left: 0;
}
.list a span {
    padding: 6px;
}
.comment .replay-comment {
    margin-left: 0;
    margin-right: 53px;
}
ul.pagination i {
    transform: scale(-1);
    -webkit-transform: scale(-1);
    -moz-transform: scale(-1);
}

/*-- ===== ====== ===== --*/


/*-- =====  Loading Screen  ===== --*/

#loadingscreen {
    direction: ltr;
}
#loadingscreen .left {
    float: left !important;
}

/*-- ===== ====== ===== --*/


/*-- =====  Error Page  ===== --*/

.error-page .btn i {
    margin: 0 10px;
    float: left;
}

/*-- ===== ====== ===== --*/


/*-- =====  Price Section  ===== --*/

#price-table .price ul.features-list {
    padding-right: 10px;
    padding-left: 0;
}
#price-table .price ul.features-list li {
    text-align: right;
}

/*-- ===== ====== ===== --*/


/*-- =====  Banner Slider  ===== --*/

#banner.round-slider-banner .slider .slides li .caption.left-align .caption-content {
    padding-right: 230px;
    padding-left: 20px;
}
body[class*='boxed'] #banner.round-slider-banner .slider .slides li .caption.left-align .caption-content {
    padding-right: 127px;
    padding-left: 10px;
}

/*-- ===== ====== ===== --*/


/*-- =====  testimonials  ===== --*/

#testimonials .carousel .carousel-item .card i.material-icons.left {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
}
#testimonials .carousel .carousel-item .card i.material-icons.right {
    transform: scale(-1);
    -webkit-transform: scale(-1);
    -moz-transform: scale(-1);
}
#testimonials .carousel-control.center.center-align {
    direction: ltr;
}

/*-- ===== ====== ===== --*/