/*List Style One*/

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');

body {
	font-family: "Cairo", sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	font-family: "Cairo", sans-serif;
}

input,button,select,textarea{
	font-family: "Cairo", sans-serif;
}

.social-icon-two li.follow{
	font-family: "Cairo", sans-serif;
}
.header-top-three .top-right .cart-box .cart-panel .btns-boxed li a{
	font-family: "Cairo", sans-serif;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li > a{
	font-family: "Cairo", sans-serif;
}

.team-block .inner-box .lower-box h3{
	font-family: "Cairo", sans-serif;
}
.blog-cat li a{
	font-family: "Cairo", sans-serif;
}
.brochure-box .inner .text{
	font-family: "Cairo", sans-serif;
}
.service-single .service-tabs .tab-btns .tab-btn{
	font-family: "Cairo", sans-serif;
}
.prod-tabs .tabs-content .tab .title{
	font-family: "Cairo", sans-serif;
}
.cart-table thead tr th{
	font-family: "Cairo", sans-serif;
}
.faq-page-section .search-column .search-box .form-group input[type="text"],
.faq-page-section .search-column .search-box .form-group input[type="search"]{
	font-family: "Cairo", sans-serif;
}

.list-style-one li .icon{
  right:0px;
  left: auto;
}
/*List Style Two*/


.list-style-two li .icon{
  right:0px;
  left: auto;
}
/*List Style Three*/

.list-style-three li:before{
  right:0px;
  left: auto;
}
/*List Style Four*/


.list-style-four li:before{
  right:0px;
  left: auto;
}
/*List Style Five*/


.list-style-five li:before{
  right:0px;
  left: auto;
}
/*Social Icon One*/


.social-icon-one:after{
  right:0px;
  left: auto;
}
/*** 

====================================================================
	Social Icon Three
====================================================================

***/


.preloader{
  right:0px;
  left: auto;
}
/*** 

====================================================================
	Section Title
====================================================================

***/



.sec-title .seperater:before{
  right:0px;
  left: auto;
}
.sec-title .seperater:after{
  right:10px;
  left: auto;
}

/***************** Header Top ******************/
.main-header .header-top .top-left{
  float:right;
}
.main-header .header-top .top-left .links li a .icon{
  right:0px;
  left: auto;
}

.main-header .header-top .top-left .links li { 
    margin-left: 18px; 
    padding-left: 22px; 
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-right: none;
}
.main-header .header-top .top-left .links li:last-child {
    border-left: none;
}
/***************** End Header Top ******************/
.main-header .header-top .top-right:before{
  right: -30px;
     left: 0px; 
    border-right: 30px solid transparent;
    border-left:0px;
}
.main-header .header-top .top-right{
  text-align:left;
}
.main-header .header-top .top-right:after{
  right:100%;
  left: auto;
}
.main-header .language .dropdown-menu{
    left:0px;
  right: auto;
  right:auto;
  
}
.main-header .language .dropdown-menu > li > a{
  text-align:right;
}
.header-top-two .top-right .links{
  float:right;
}
.header-top-two .top-right{
  float:left;
}
.header-top-two .top-right .social-icons{
  float:left;
}
.main-header .main-box{
  right:0px;
  left: auto;
}
.main-header .main-box .logo-box{
  float:right;
  right:0px;
  left: auto;
}
.header-style-four .header-upper .outer-box{
  float:left;
}
/*Header Style Five*/

.main-header.header-style-six .nav-outer .outer-btn{
  left:0px;
  right: auto;
  float:left;
}
.main-header.header-style-six .nav-outer .outer-btn .quote-btn{
  left:0px;
  right: auto;
}
.main-header.header-style-six .upper-box .logo-box{
  right: 50%;
  left: auto;
}
.main-header.header-style-six .upper-box .social-icons{
  float:right;
}
.main-header.header-style-six .main-menu .navigation > li:after{
  left:0px;
}
.header-style-two .nav-outer{
  float:left;
}
.main-header .info-box{
  float:right;
  text-align:right;
  padding:0px 65px 20px 0px;
}
.main-header .info-box:last-child{
    float:left;
}
.main-header .info-box .icon-box{
  right:0px;
  left: auto;
}
.header-style-three{
  right:0px;
  left: auto;
}
.header-style-three .nav-outer{
    float:left;
}
.header-style-three .nav-outer .outer-box{
    float:right;
}
/*Header Style Four*/

.main-header.header-style-five .info-box{
    padding:47px 120px 46px 60px;
}
.main-header.header-style-five .info-box .icon-box{
    right:50px;
  left: auto;
}
.main-header.header-style-five .outer-box .options > li{
  float:right;
}
.main-menu .navigation > li{
  float:right;
  margin-left: 40px;
  margin-right: 0px;
}

.main-menu .navigation > li:last-child
{
    margin-left: 0px;
}
.main-menu .navigation > li:before{
  right:0px;
  left: auto;
}
.main-header.header-style-two .nav-outer .outer-box{
    float:left;
}
.header-top-three .top-left .links li a .icon{
  right:0px;
  left: auto;
}
.header-top-three .top-right{
  float:left;
}
.header-top-three .top-right .cart-box{
  float:right;
}
.cart-product .inner{
  right: auto;
  left:0px;
}
.cart-product .inner .image{
  right:0px;
  left: auto;
}
.header-style-three .main-menu .navigation > li:before{
  right:0px;
  left: auto;
}
.header-style-three .main-menu .navigation > li:after{
  right:0px;
  left: auto;
}
/*Sticky Header*/

.sticky-header{
  right:0px;
  left: auto;
}
.header-style-two .main-box .logo-box:before{
  left:0px;
  right: auto;
}
.header-style-two .main-box .logo-box:after{
  left:-110px;
  right: auto;
}
.main-menu .navigation > li > ul{
  right:0px;
  left: auto;
  
}
.main-menu .navigation > li > ul.from-right{
    right:auto;
  left:0px;
}
.main-menu .navigation > li > ul > li.dropdown > a:after{
  left:10px;
  right:100%;
}
.main-menu .navigation > li > ul > li > ul.from-right{
    right:auto;
  left:0px;
}
.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{
  left:10px;
  right: auto;
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
  left:10px;
  right: auto;
}
.main-header .options-box{
  float:right;
  left:0px;
  right: auto;
}
.main-header .header-lower .outer-box{
  float:left;
}
.main-header .header-lower .outer-box .advisor-box{
  float:right;
}
.main-header .header-lower .outer-box .advisor-box .advisor-btn:before{
  right: -28px;
  left: auto;
}
.search-box-outer{
  float:right;
}
.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select{
    padding:7px 15px 7px 40px;
}
.main-header .search-panel .search-btn{
  left:0px;
  right: auto;
}
/************************ Mega Menu ***************************/


.main-menu .navigation > li > .mega-menu{
  padding: 45px 45px 30px 40px;
}
/*** 

====================================================================
	Main Slider style
====================================================================

***/
.main-slider .tp-caption{
    text-align:center;
}
.main-slider h2{
    line-height: 1.6em;
}
.main-slider .text.alternate{
    text-align:center !important;
}
.main-slider .tparrows.preview3.tp-rightarrow{
    left:-36px !important;
  right: auto;
}
.main-slider .tparrows.preview3.tp-leftarrow{
    right:-36px !important;
  left: auto;
}
.about-section .image-column .inner-column .image:before{
  right:-50px;
  left: auto;
}
.about-section .content-column .inner-column .experiance-box span{
  right:30px;
  left: auto;
}
.about-section .content-column .inner-column .experiance-box span:before{
  right:-30px;
  left: auto;
}
/*** 

====================================================================
	Fact Counter style
====================================================================

***/
.fact-counter-section .outer-image{
  right:0px;
  left: auto;
}
.project-tab .p-tab{
  right:0px;
  left: auto;
}
.project-block .inner-box .image:before{
  right:0px;
  left: auto;
}
/*** 

====================================================================
	Team Section
====================================================================

***/

.team-block .inner-box .social-icon-one{
  right:0px;
  left: auto;
}
.testimonial-section:before{
  right:0px;
  left: auto;
}
.testimonial-block .inner-box .image{
  right:0px;
  left: auto;
}
.testimonial-block .inner-box .content:before{
  right:0px;
  left: auto;
}
.testimonial-block .inner-box:hover .content:before{
    right:-60px;
  left: auto;
}
.testimonial-block .inner-box .content .rating{
  left:30px;
  right: auto;
}
.testimonial-section .owl-nav{
  left: 0px;
  right: auto;
}

/*** 

====================================================================
	News Section
====================================================================

***/

.news-block .inner-box .image:before{
  right: -100%;
  left: auto;
}

.news-block .inner-box .lower-content .post-meta li:after{
  left:0px;
  right: auto;
}

/*** 

====================================================================
	Sponsors Section
====================================================================

***/
.sponsors-section:before{
  right:0px;
  left: auto;
}
.sponsors-section.style-three:before{
  right:0px;
  left: auto;
}
/*** 

====================================================================
	Main Footer
====================================================================

***/

/*News Widget Block*/

.news-widget-block .widget-inner .image{
  right:0px;
  left: auto;
}
/*Footer Style Two*/

.footer-style-two:before{
  right:0px;
  left: auto;
}
/*** 

====================================================================
	Services Section Two
====================================================================

***/ 
.services-block-two .inner-box .image .overlay-box .overlay-inner{
  right: 0px;
  left: auto;
}
.services-block-two .inner-box .lower-box .icon-box{
  right:0px;
  left: auto;
}
/*** 

====================================================================
	Reason Section
====================================================================

***/

.reason-list li .icon{
  right:0px;
  left: auto;
}
.fluid-section-one .image-column{
  right:0px;
  left: auto;
}
.fluid-section-one .content-column{
  float:left;
  right: auto;
}
/*Custom Select*/

.form-group .ui-button .ui-icon:before{
  left:0px;
  right: auto;
}
.price-block .inner-box .upper-box:before{
  right:0px;
  left: auto;
}
/*** 

====================================================================
	Default Section
====================================================================

***/

.default-section .testimonial-column .owl-nav{
  right:50%;
  left: auto;
}
.default-section .testimonial-column .owl-nav .owl-next{
    left:0px;
  right: auto;
}
.default-section .news-column .inner-column .owl-nav{
  left:0px;
  right: auto;
}
/* Reason List Two */

.reason-list-two li .icon{
  right:0px;
  left: auto;
}
/*** 

====================================================================
	Offer Section
====================================================================

***/

.offer-section .side-image{
  left:-120px;
  right: auto;
}
/*Offer Tab*/
.accordion-box .block .acc-btn{
  padding:10px 40px 10px 45px;
}
.accordion-box .block .icon-outer{
  left:15px;
  right: auto;
}
.accordion-box .block .icon-outer .icon{
  left:0px;
  right: auto;
  text-align: center;
}
.subscribe-section:before{
  right:0px;
  left: auto;
}
.subscribe-section .title-column .icon-box{
  left:-55px;
  right: auto;
}
.subscribe-section .title-column .icon-box:before{
  left:0px;
  right: auto;
}
.subscribe-form .form-group input[type="text"],
.subscribe-form .form-group input[type="tel"],
.subscribe-form .form-group input[type="email"],
.subscribe-form .form-group textarea{
  padding:10px 20px 10px 50px;
}
/*Video Box*/
.video-box .overlay-box{
  right:0px;
}
/*** 

====================================================================
	Construction Section
====================================================================

***/
.construction-section .content-column:after{
  left: -140px;
  right: auto;
}
.construction-section:before{
  right: 0px;
  left: auto;
}
.construction-section:after{
  left:0px;
  right: auto;
}
.main-footer-three .logo-widget:before{
  left:0px;
  right: auto;
}
/*** 

====================================================================
	subscribe-form
====================================================================

***/
.subscribe-form-two .form-group .subscribe-btn{
  left: 0px;
  right: auto;
  float:left;
}
/*** 

====================================================================
	Hidden Sidebar style
====================================================================

***/
.hidden-bar.right-align{
    left: -400px;
  right: auto;
}
.hidden-bar.right-align.visible-sidebar{
    left:0px;
  right: auto;
}
.hidden-bar.left-align{
    right: 0px;
  left: auto;
}
.hidden-bar .hidden-bar-closer{
  left:15px;
  right: auto;
}
.hidden-bar .side-menu ul li a .btn.expander{
  left: 20px;
  right: auto;
}
/*** 

====================================================================
	Page Title
====================================================================

***/
.page-breadcrumb li { 
    margin-left: 10px;
    padding-left: 15px; 
    margin-right: 0px;
    padding-right: 0px; 
}

.page-breadcrumb{
  right:0px;
  left: auto;
  padding:15px 0px 15px 45px;
}
.page-breadcrumb:after{
  left:100%;
  right: auto;
}
.page-breadcrumb li:first-child::after{
  left:-3px;
  right: auto;
}
/*Blog Category*/

.blog-cat li a{
  padding:18px 38px 18px 15px;
}
.blog-cat li a:before{
  left:22px;
  right: auto;
  content: '\f104';
}

.list-style-three li:before,
.main-menu .navigation > li > ul > li.dropdown > a:after,
.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after,
.main-slider .tparrows.tp-rightarrow.preview3::after,
.cat-list li a:before{ 
  content: '\f104';
}
/*Brochure Box*/

.brochure-box{
  padding:20px 30px 20px 15px;
}
.brochure-box .overlay-link{
  right:0px;
  left: auto;
}
.brochure-box .inner .icon{
  right:0px;
  left: auto;
}
.service-single .inner-box .lower-content .service-quote .quote-author{
    text-align:left;
}
/*** 

====================================================================
	Service Tabs Style
====================================================================

***/
.service-single .service-tabs .tab-btns .tab-btn{
    float:right;
}
.service-single .service-tabs .tab-btns .tab-btn:hover:after,
.service-single .service-tabs .tab-btns .tab-btn.active-btn:after{
  right:0px;
  left: auto;
}
/*** 

====================================================================
	Styled Pagination
====================================================================

***/


.styled-pagination li{
  margin:0px 0px 10px 6px;
} 
.blog-single .inner-box .title-box .post-info li:after{
  left:-5px;
  right: auto;
}
/*Comment Area*/
.sidebar-page-container .comments-area .comment{
  padding:0px 125px 0px 0px;
}
.sidebar-page-container .comments-area .comment .comment-reply{
  left:0px;
  right: auto;
}
.sidebar-page-container .comments-area .comment-box .author-thumb{
  right:0px;
  left: auto;
}
.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
  padding:10px 20px 10px 50px;
}
.sidebar .search-box .form-group button{
  left:0px;
  right: auto;
}
/*Cat List*/
.cat-list li a:before{
  right:0px;
  left: auto;
}
/*Post Widget*/
.sidebar .popular-posts .post .post-thumb{
  right:0px;
  left: auto;
}

/*Popular Tags*/

.sidebar .popular-tags a{
  margin:0px 0px 10px 6px;
}
/*** 

====================================================================
	Contact Form Section
====================================================================

 ***/
/* Info Section */
.map-outer iframe{
  right: 0;
  left: auto;
}
/*Shop Item*/

.shop-item .inner-box .image .overlay-box{
  right:0px;
  left: auto;
}
.product-details .basic-details .item-quantity .field-label{
    float:right;
}
.product-details .basic-details .item-quantity{
    float:right;
}
.product-details .basic-details .item-quantity .field-label{
    float:right;
}

/*** 

====================================================================
	Cart Section style
====================================================================

***/
.cart-table tbody tr td .quantity-spinner{
    padding:5px 20px 5px 0px;
  
}
.cart-table tbody .available-info .icon{
  right:0px;
  left: auto;
}
.cart-section .apply-coupon .form-group{
  float:right;
}
.cart-section .totals-table .col{
  float:right;
}
.cart-section .totals-table li .col:last-child{
    text-align:left;
}
.checkout-page .lower-content .column h2:after{
  right:0px;
  left: auto;
}
/*Coupon Box*/


.order-box .title-box .col{
  float:right;
}
.order-box ul li span{
    float:left;
}
.payment-box .payment-options li .radio-option input[type="radio"]{
  right:0px;
}
.payment-box .payment-options li .radio-option label .small-text:before{
  right:30px;
  left: auto;
}
/*Sidebar Range slider */

.range-slider-one .title{
  float:right;
}
.range-slider-one .title:before{
  left:-14px;
}
.range-slider-one .input{
    float:left;
  right: 8px;
  left: auto;
  
}
.range-slider-one .input input{
    text-align:right;
}
.sidebar .related-posts .post .post-thumb{
  right:0px;
  left: auto;
}
.comming-soon:before{
  right:0px;
  left: auto;
}
.comming-soon .content{
  right: 0px;
  left: auto;
}
.comming-soon .emailed-form .form-group input[type="text"],
.comming-soon .emailed-form .form-group input[type="tel"],
.comming-soon .emailed-form .form-group input[type="email"],
.comming-soon .emailed-form .form-group textarea{
  padding:10px 30px 10px 50px;
}
.comming-soon .emailed-form .form-group input[type="submit"],
.comming-soon .emailed-form button{
  left:5px; 
  right: auto;
}
/*Search Box Widget*/

.faq-page-section .search-column .search-box .form-group input[type="text"],
.faq-page-section .search-column .search-box .form-group input[type="search"]{
  padding:10px 5px 10px 50px;
}
.faq-page-section .search-column .search-box .form-group button{
  left:5px;
  right: auto;
  text-align:left;
}
/*** 

====================================================================
	Team Single Section
====================================================================

***/


.team-single-section .team-detail .content-column .inner-box .title:after{
  right:0px;
  left: auto;
}
/*Skill Box*/

.skills-box h3:before{
  right:0px;
  left: auto;
}
/*** 

====================================================================
	Progress Levels Section
====================================================================

 ***/

.progress-levels .progress-box .box-title{
  left: 0px;
  right: auto;
}
.progress-levels .progress-box .bar .bar-innner{
  right:0px;
  left: auto;
}
.progress-levels .progress-box .bar .bar-fill{
  right:-100%;
  left: auto;
}
.progress-levels .progress-box.animated .bar .bar-fill{
    right:0px;
  left: auto;
}
/*Team Single Section*/
.team-single-section .team-title:after{
  right:0px;
  left: auto;
}
.testimonial-block-three .inner-box .quote-icon{
  left:50px;
  right: auto;
}
.subscribe-section-two .inner-container h2{
  right:0px;
  left: auto;
}
.newsletter-form .form-group input[type="text"],
.newsletter-form .form-group input[type="tel"],
.newsletter-form .form-group input[type="email"],
.newsletter-form .form-group textarea{
  padding:10px 30px 10px 50px;
}
.newsletter-form .form-group input[type="submit"],
.newsletter-form button{
  left:5px;
  right: auto;
}
.team-block-two .inner-box .lower-content:before{
  right: 0px;
  left: auto;
}
.team-block-two .inner-box .lower-content:after{
  left: 0px;
  right: auto;
}
.team-block-two .inner-box .lower-content .social-navs:before{
  right: 0px;
  left: auto;
}
/*News Block Three*/

.news-block-three .inner-box .image .option-box{
  left: 0px;
  right: auto;
} 
.news-block-three .inner-box .image .post-info{
  right:0px;
  left: auto;
}
.news-block-three .inner-box .image .post-info li:after{
  left:-6px;
  right: auto;
}

.fullwidth-gallery-section .big-letter{
  right:0px;
  left: auto;
}
.fullwidth-gallery-section .owl-nav{
  right:0px;
  left: auto;
}
.fullwidth-gallery-section .owl-nav .owl-prev{
  right:-60px;
  left: auto;
}
.fullwidth-gallery-section .owl-nav .owl-next{
  left:-60px;
  right: auto;
}
.testimonial-section-two .owl-nav{
  left:0px;
  right: auto;
}
.testimonial-block-four .inner-box .image-column .image .quote-icon{
  right:0px;
  left: auto;
}
.services-block-three .inner-box .lower-content:before{
  right:0px;
  left: auto;
}
.we-do-section .owl-nav{
  left: 100px;
  right: auto;
}

.pull-right {
 float: left;
}

.pull-left {
 float: right;
}

.about-section:after {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 270px;
    height: 270px;
    background: url(../images/resource/curve-2.png) no-repeat;
    z-index: -1;
}
.about-section:before{
    display: none;
}

.about-section .content-column .inner-column .text{
    padding-left: 50px;
}

.sidebar-widget h2{
    text-align: right;
}