html, body{
    font-size:14px;
    margin-top: 63px;
}
.rtl {
    direction: ltr;
}

.ltr {
    direction: rtl;
}

.homepage .section-02 .box {
    direction:rtl;
}

.homepage .section-02 .box p{
    text-transform: uppercase;
}

.homepage .section-07 .box .box-inner::before {
    content: '';
    background: url('../assets/images/yellow-arrow-2.png') no-repeat;
    position: absolute;
    left: inherit;
    right: -40px;
    top: 0;
    width: 80px;
    height: 80px;
    z-index: 0;
}

.homepage .section-08 .slider-nav .slick-prev {
    left: 2.5rem;
    right: auto;
}

.homepage .section-08 .slider-nav .slick-next {
    left: 7rem;
    right: auto;
}
.homepage .section-09
{
    font-size:1.4rem;
}
/* #About
================================================== */
.about .section-01 .container {
    background-position: right bottom;
}

.about .section-07 ul li:before {
    margin-left: inherit;
    margin-right: 1rem;
}

.about .section-04 .slider-nav .box {
    text-align: right;
}

    .about .section-04 .slider-nav .box h4 {
        margin-left:inherit;
        margin-right: 2rem;
    }

    .about .section-04 .slider-nav .box p {
        margin-left: inherit;
        margin-right: 2rem;
        direction: ltr;
    }

    .about .section-04 .slider-nav .box::before {
        right: 0;
        left: inherit;
        background-position: right bottom;
    }

    .about .section-04 .slider-nav .box::after {
        right: 0;
        left: inherit;
        margin-left: inherit;
        margin-right: 10px;
    }

.about .section-03 .slider-nav .slick-prev {
    left: 10.5rem;
    right: auto;
}

.about .section-03 .slider-nav .slick-next {
    left: 15rem;
    right: auto;
}

.about .section-04 .slider-nav .slick-prev {
    left: 10.5rem;
    right: auto;
}

.about .section-04 .slider-nav .slick-next {
    left: 15rem;
    right: auto;
}

.about .section-05 .box
{
    direction:rtl;
}
.about .section-05 .box p {
    text-transform: uppercase;    
}

.electricity .nav.nav-pills .nav-link.active img {
    margin-left: inherit;
    margin-right: 0.5rem;
}

.investors .section-02 .box ul li:before {
    margin-left: inherit;
    margin-right: 1rem;
}

.contact .section-02 .box .circle-icon {
    margin-left: inherit;
    margin-right: 1rem;
}