:root{
    --mainColor:#cda979;
    --darkColor:#2B2A29;
    --lightColor:#F4F4F4;
    --sbrown:#b58544;
    --primary:#b58544;
    --light:#fff;
    --primary-100:#cda979;
    --primary-100: #bf9153;
    --primary-200: #bc8b4a;
    --primary-300: #b58544;
    --primary--100: #cda979;
    --primary--200: #d0af82;
    --primary--300: #d4b58b;
	--dark: #212529;
    --dark-100: #16181b;
    --dark-200: #101214;
    --dark-300: #0a0c0d;
    --dark--100: #2c3237;
    --dark--200: #32383e;
    --dark--300: #383f45;
    --dark-rgba-0: rgba(33, 37, 41, 0);
    --dark-rgba-10: rgba(33, 37, 41, 0.1);
    --dark-rgba-20: rgba(33, 37, 41, 0.2);
    --dark-rgba-30: rgba(33, 37, 41, 0.3);
    --dark-rgba-40: rgba(33, 37, 41, 0.4);
    --dark-rgba-50: rgba(33, 37, 41, 0.5);
    --dark-rgba-60: rgba(33, 37, 41, 0.6);
    --dark-rgba-70: rgba(33, 37, 41, 0.7);
    --dark-rgba-80: rgba(33, 37, 41, 0.8);
    --dark-rgba-90: rgba(33, 37, 41, 0.9);
    --light: #FFF;
    --light-100: #f2f2f2;
    --light-200: #ececec;
    --light-300: #e6e6e6;
    --light--100: #ffffff;
    --light--200: #ffffff;
    --light--300: #ffffff;
    --light-rgba-0: rgba(255, 255, 255, 0);
    --light-rgba-10: rgba(255, 255, 255, 0.1);
    --light-rgba-20: rgba(255, 255, 255, 0.2);
    --light-rgba-30: rgba(255, 255, 255, 0.3);
    --light-rgba-40: rgba(255, 255, 255, 0.4);
    --light-rgba-50: rgba(255, 255, 255, 0.5);
    --light-rgba-60: rgba(255, 255, 255, 0.6);
    --light-rgba-70: rgba(255, 255, 255, 0.7);
    --light-rgba-80: rgba(255, 255, 255, 0.8);
    --light-rgba-90: rgba(255, 255, 255, 0.9);
	--primary-inverse: #FFF;
    --secondary-inverse: #777;
    --tertiary-inverse: #FFF;
    --quaternary-inverse: #777;
    --dark-inverse: #FFF;
    --light-inverse: #777;
	--grey: #969696;
    --grey-100: #f4f4f4;
    --grey-200: #eaeaea;
    --grey-300: #e5e5e5;
    --grey-400: #e0e0e0;
    --grey-500: #dbdbdb;
    --grey-600: #cecece;
    --grey-700: #c1c1c1;
    --grey-800: #a8a8a8;
    --grey-900: #8e8e8e;
    --grey-1000: #757575;
}
body:lang(ar){
    font-family: 'Noto Kufi Arabic', sans-serif;
}
.ar{
    font-family: 'Noto Kufi Arabic', sans-serif;
}
.container-fluid {
    max-width: 1700px;
    margin: auto;
}
.mainColor{
    color:var(--mainColor);
}
.bgLight{
    background: var(--lightColor);
}
.comp-cont{
    border-radius:15px;
    padding:20px;border:solid 1px #ecebeb;
    margin-bottom:30px;
}
a.comp-cont{
    color:black !important;
}
.comp-cont:hover{
    background-color:#f8f7f7;
}
.position-relative{
	position: relative;
}
#all_body {
	text-align: justify;
}
#all_body ul li:lang(ar)::before{
	float: right;
	content:"\f00c";
	margin-right: 0;
	margin-left: .5rem;
}
#all_body ul li::before{
	content:"\f00c";
	font-family:"Font Awesome 6 Pro";
	float: left;
    margin-right: .5rem;
	color: var(--primary);
}
#all_body ul{
	list-style: none;
	
}
.link-sp{
	color:#2a7eca;
	cursor:pointer;
}
.err_info{
	color:red;
}
.font-xs{
    font-size:0.6rem;
}
.font-sm{
    font-size:0.9rem;
}
.font-md{
    font-size:1.2rem;
}
.font-lg{
    font-size:1.4rem;
}
.page-header{
	background-color: #ccc!important;
	margin-bottom: 1rem;
}
.fit-contain{
	height: 100%;
    object-fit: contain;
}
.text1{
	color:#666
}
.stext.active{
	color: var(--primary);
}
.fit-cover{
	height: 100%;
    object-fit: cover;
}
.def-img{
	background: #eaeaea;
	border-radius: 10px;
}
.brief{
	padding:10px;
	text-align:center;
	font-weight:bold;
	font-size:15px;
	background-color:#418a48;
	color:white;
	border-radius:5px;
	width:auto !important;
	display:inline-block;
	margin-right:auto;margin-left:auto;
	vertical-align: middle;
}
.brief i{
	vertical-align: middle;
}

.brief.pending{background-color:rgb(200, 214, 77);}
.brief.danger{background-color:#d9534f;}
.brief.initial{background-color:#512cd6;}
.brief.wow{background-color:#e27821;}
.brief.balert{background-color:#e6c861;}
.brief.info{background-color:rgb(192, 192, 28);}
.brief.warning{background-color:orange;}
.brief-sm{font-size:11px;padding:5px;}
.brief.success i{color:white !important;}

a{
    text-decoration:none;
    color:var(--mainColor);
}
.page-top{
    background-color:#643070;
    /*height:60px;*/
    color:white;
}
.page-top a{color:white;}
.topUl{
    list-style:none;
    float:left;
}
.border-mainColor{
    border-color: var(--mainColor)!important;
}
.topUl li{
    float:right;
    padding-right:15px;padding-left:15px;
    font-size:0.9rem;
}
h1, h2, h3, h4, h5, h6{
    line-height: 150%;
}
.primaryColor{
	color: var(--primary);
}
.toast-top-right{
    top:75x;
}
header{
    padding:0.5rem 0;
}
.navs{
    display: flex;
    gap:2rem;
    width:100%;
    justify-content: space-between;
}
.topMenu:lang(ar){
    padding-right:3rem;
    padding-left:0;
}
.topMenu{
    display: flex;
    gap:2rem;
    padding-left:3rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
header hr{
    border-color:#EBEBEB;
    opacity: 1;
}
.topSocial:lang(ar){
    margin-right: auto;
    margin-left: 0;
}
.topSocial {
    margin:0;
    margin-left: auto;
    list-style: none;
}
.topSocial a{
    color:var(--darkColor);
    font-size:1.3rem;
    margin:auto 1rem;
}
.navbar-brand{
    margin:0;
}
.navbar-brand.logo{
    max-width: 350px;
}
.dropdown-toggle::after{
    color: var(--mainColor);
}
.dropdown-toggle:lang(ar)::after{
    margin-right: .255em;
    margin-left: 0;
}
.mainMenu:lang(ar){
}
.mainMenu{
    margin-right: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    
}
.fs-7{
    font-size:12px;
}
.menuInfo{
    padding:0;
    display: flex;
    gap: 2rem;
    margin-bottom: 0;
    align-items: center;
}
.menuInfo li:lang(ar){
	line-height: 1.2;
}
.menuInfo li{
    display: flex;
    align-items: center;
    gap:0.5rem;
    line-height: 1;
}
.menuInfo li .fs-7{
    color: #999;
}
.menuInfo li span i{
    color:var(--mainColor);
}
.menuInfo .sep{
    width:1px;
    background: #EBEBEB;
}
.menuInfo a i:lang(ar){
    margin-right:0;
    margin-left:0.5rem;
}
.menuInfo a i{
    color:var(--mainColor);
    margin-right:0.5rem;
}
.menuInfo a{
    color:var(--darkColor);
    font-weight: bold;
}
.nav-link{
    color:var(--darkColor);
}
.bottomMenu .navbar-nav .nav-link{
    font-weight: 600;
    padding: 0;
}
.bottomMenu .navbar-nav .nav-link:hover{
    color:var(--mainColor)
}
.bottomMenu .navbar-nav{
    
}
.bottomMenu .navbar-nav{
    width: 100%;
}
.bottomMenu{
}
.searchArea:lang(ar){
    border-right: 1px solid #EBEBEB;
    border-left: 0;
}
.searchArea{
	width: 80%;
	justify-content: end;
}
.searchArea button{
    background: none;
    color:var(--mainColor);
    border:none;
}
.searchArea form:lang(ar){
    right: inherit;
    left: 1rem;
}
.searchArea form{
    max-width:500px;
    z-index: 1;
}
#navbarSupportedContent .dropdown-menu:lang(ar){
    text-align: right;
}
#navbarSupportedContent .dropdown-menu{
    opacity: 0;
    display: block;
    visibility: hidden;
    transition: all 0.3s;
}
#navbarSupportedContent .dropdown-menu.longdrop{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    top: 100%;
    min-height: 200px;
    border-radius: 0;
    padding: 2rem;
    flex-wrap: wrap;
    box-shadow: 0px 3px 7px #393939;
    border: 0;
    opacity: 0;
    display: flex;
    visibility: hidden;
    transition: all 0.3s;
}
ul.dropdown-menu-2 {
    list-style: none;
    padding-left: 0;
    font-size: 14px;
}
#navbarSupportedContent .dropdown-menu.longdrop > li:lang(ar) {
	border-left: 0px;
	border-right: 1px solid var(--sbrown);
}
#navbarSupportedContent .dropdown-menu.longdrop > li {
    border-left: 1px solid var(--sbrown);
    padding: 0 1rem;
    margin-bottom: 1rem;
    width: 32%;
}
#navbarSupportedContent .dropdown-menu > li .dropdown-item{
    white-space: normal;
	font-size:14px;
}
#navbarSupportedContent .dropdown-menu > li > a.dropdown-item {
    font-weight: 700;
	font-size:14px;
}
#navbarSupportedContent .dropdown,#navbarSupportedContent .dropdown-center,#navbarSupportedContent .dropend,#navbarSupportedContent .dropstart,#navbarSupportedContent .dropup,#navbarSupportedContent .dropup-center{
    position: inherit;
}
.carousel-caption{
    top:50%;
    width:auto;
    text-align: center;
    filter: blur(2px);
    transition: all 0.3s;
    transform: translate(-50% 0);
}
.nav-link.active.current-page-active{
	color: var(--primary-300)!important;
}
.carousel-caption h2{
    font-size:3.5rem;
}
.carousel-item.active .carousel-caption{
    filter: blur(0);
}
.sec{
    margin:4rem 0;
}
#carouselExample .carousel-item {
    max-height: 700px;
    overflow: hidden;
}
.word-break {
    white-space: pre-wrap; /* Preserves whitespace and allows text wrapping */
    word-wrap: break-word; /* Breaks words that are too long */
    word-break: break-all;  /* Forces the browser to break words onto new lines */
  }
.no-border{
    border: none !important;
    text-align: left;
    width: 100%;
    display: block;
    margin: auto;
}
/*
#about{
    background: linear-gradient(90deg, rgba(244,244,244,1) 50%, rgba(255,255,255,0.2329306722689075) 50%, rgba(255,255,255,0.2329306722689075) 100%);
}
#about:lang(ar){
    background: linear-gradient(90deg, rgba(255,255,255,0.2329306722689075) 50%, rgba(244,244,244,1) 50%, rgba(244,244,244,1) 100%);
}
    
#quality{
    background: linear-gradient(90deg, rgba(244,244,244,1) 50%, var(--sbrown) 50%,var(--sbrown) 100%);
}
#quality:lang(ar){
    background: linear-gradient(90deg, var(--sbrown) 50%, rgba(244,244,244,1) 50%,rgba(244,244,244,1) 100%);
}
    */

#quality{
    background: #444;
	background: transparent url(../../images/1.jpg);
    padding:4rem 0;
	background-attachment: fixed;
}
.about{
    padding:0 3rem;
}
.mainTitle span{
    border-bottom: 1px solid;
    border-color: var(--mainColor);

}
.mainTitle{
    text-transform: uppercase;
    font-weight: bold;
}
.mainTitle span.border-bottom::after{
	margin-top:5px;
	content:"";
	height:1px;
	width: 80%;
	display: block;
	background-color: var(--primary);
}
.aboutDetails{
    font-size:14px;
    text-align: justify;
    line-height: 1.5;
    color:#777;
}
.word-spacing{
	word-spacing: 6px;
}
.mainBtn{
    color:var(--sbrown);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.3s;
}
.mainBtn i{
    font-size:1.3rem;
    transition: all 0.3s;
}
.mainBtn:hover {
    gap: 0.7rem;
}
.readmoreArea{
    margin-top: 1.5rem;
}
.col-6.abtItem {
    margin-top: 1rem;
}
.abtItems{
    width:85%;
    margin:auto;
    margin-top:5rem;
}
.abtItem a img{
    margin-bottom: 1rem;
    height:70px;
}
.abtItem a{
    padding:4rem 2rem;
    background: #fff;
    color:var(--mainColor);
    display: block;
    text-align: center;
    font-size: 1.4rem;
}
.abtItem a:hover img{
    filter: brightness(3.5);
}
.abtItem a:hover{
    background: var(--sbrown);
    color:#fff;
}
.op-05{
	opacity: 0.5;
}
#services{
    padding:4rem 0;
	overflow: hidden;
}
.services-grid{
	position: relative;
}
.services-grid .feature-box:hover .fbox-icon {
	transform:translateY(-1rem);
}
.services-grid .feature-box:hover .fbox-content {
	transform:translateY(-1rem);
}
.services-grid .feature-box {
    padding: 3rem;
    background-size: 0;
    border: 1px solid rgb(218 218 218);
    width: 100%;
    transition: all 0.3s;
    border-radius: 10px;
	position: relative;
	overflow: hidden;
	background: #fcfcfc;
}
.services-grid .feature-box .fbox-icon,.services-grid .feature-box .fbox-content{
position: relative;
z-index: 1;
transition: all 0.3s;
}
.feature-box.flex-column.h-shadow.mx-0:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	left: 0;
	top: 0;
	opacity: 0;
	visibility: hidden;
	/* display: none; */
	transition: all 0.3s;
}
.primary-hover:hover{
	background: var(--primary);
	color:#fff;
}
.primary-hover{
	transition: all 0.3s;
}
.services-grid .feature-box .fbox-content h4{
    transition: all 0.3s;
}
.services-grid .feature-box:hover .fbox-content h4{
    color:#fff;
}
.services-grid .feature-box:hover{
    background: #ccc;
    background-size: cover;
}
.fbox-icon a {
    display: block;
    position: relative;
    width: 100px;
    height: 100px;
    color: #fff;
    border-radius: 50%;
    background-color: #eee;
    overflow: hidden;
    line-height: 100px;
    text-align: center;
}
.fbox-icon i, .fbox-icon img {
    object-fit: contain;
    width: 65%;
    height: 65%;
    margin: auto;
    filter: hue-rotate(180deg);
}
.fbox-content {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
    padding: 0 0.75rem;

}
.fbox-content p {
    margin-top: .5rem;
    margin-bottom: 0;
    color: #ced4da;
}
.services-grid .feature-box:not(:hover) .hover-button {
    opacity: 0;
    transform: translateY(-5px);
}
.hover-button {
    display: block;
    margin-top: 20px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s;
}
.text-shadow-1{
	text-shadow: 0 0 9px black;
}
.fw-semibold {
    font-weight: 600 !important;
}
/*
.services a img{
    margin-bottom: 1rem;
    height:70px;
}
.services a{
    padding:4rem 2rem 1rem 2rem;
    background: var(--lightColor);
    color:var(--sbrown);
    display: block;
    text-align: center;
    font-size: 1.4rem;
    height:100%;
}
.services a:hover{
    background: var(--sbrown);
    color:#fff;
}
.services a:hover img{
    filter: brightness(3.5);
}
*/
.secItems{
    
}
.secItem a{
    display: flex;
    align-items: center;
    color:#fff;
    transition: all 0.3s;
    font-weight: bold;
	text-decoration: none;
}
.secItem a:hover {
    transform: scale(1.2);
    filter: drop-shadow(2px 4px 6px black);
	text-decoration: none!important;
	color: var(--primary)!important;
}
.secItem a .secItemImg{
    height: 80px;
    padding: 0.8rem;
    width: 100px;
    flex: none;
    border-radius: 1px;
}
.secItem a span{
	line-height: 1.2;
}
.secItem a .secItemImg img{
    width:100%;
    height:100%;
    object-fit: contain;
}
.slick-next {
    right: 0;
}
.slick-prev {
    left: 0;
}
.slick-prev:hover, .slick-next:hover{
    color: #666;
}
.slick-prev, .slick-next{
    z-index: 1;
    font-size: 2rem;
    color:#000;
}
.slick-prev:before, .slick-next:before{
    content:"";
}
#members{
    background: #F7F9FB;
    padding: 4rem 0;
    margin: 0;
}
.member a{
    color:var(--darkColor);
}
.member a:hover img{
transform: scale(1.1);
}
.member {
    margin:0 2.25rem;
    border-bottom: 4px solid var(--lightColor);
	border-radius: 10px;
}
.member .memberAvatar{
    background: var(--lightColor);
    overflow: hidden;
    text-align: center;
    margin: auto;
}
.memberAvatar img {
    display: block;
    background: var(--lightColor);
    transition: all 0.3s;
    margin: auto;
    box-shadow: 0 0 5px #ccc;
    height: 100%;
}
.memberAvatar:hover img {
    filter: grayscale(0);
}
.memberInfo {
    height: 120px;
    color: var(--darkColor);
    text-align: center;
    background: #fff;
    padding: 0.75rem;
}
.memberInfo p:lang(ar){
	line-height: 1.2;
}
.memberInfo p{
    color: #bbb;
    font-size: 14px;
	line-height: 1;
}
.memberInfo h3{
    margin-bottom: 0;
    font-size: 1.1rem;
    line-height: 1;
    margin-bottom: 0.75rem;
}
.members {
    margin-top: 2rem;
}
footer{
    background: #222;
    padding:3rem 0 0.5rem;
    color:#fff;
}
.footer_txt{
    margin-top:1rem;
    margin-bottom:1rem;
    font-size:13px;
    color:#FEFEFE;
}
.footerSocial {
    display: flex;
}
.footerSocial a{
    width:40px;
    height:40px;
    display: block;
    background: var(--sbrown);
    color:var(--darkColor);
    line-height: 40px;
    text-align: center;
    margin:0 5px;
    border-radius: 50%;
}
.footerSocial a:hover{
    color:#fff;
    background-color: var(--mainColor);
}
.slick-prev:before, .slick-next:before{
    color: var(--sbrown);
}
.footer h4{
    margin-top:1.5rem;
	color:var(--primary);
}
footer a{
    color:#fff;
}

footer ul li {
    margin-bottom: 1rem;
    line-height: 1;
}
footer ul li a:hover{
    color: var(--mainColor);
}
footer ul{
    list-style: none;
    padding:0;
}
.middle_footer{
    margin:2rem 0;
    padding:1rem 0;
    border-top:1px solid var(--sbrown);
    border-bottom:1px solid var(--sbrown);
}

.footerInfo{
    display: flex;
    gap:1rem;
    align-items: center;
    padding:1rem;
    height: 100%;
}
.footerInfo i,.footerInfo svg{
    width:45px;
    height:45px;
    line-height:45px;
    border: 1px solid var(--mainColor);
    text-align: center;
    color:var(--mainColor);
    border-radius:50%;
    font-size:1.3rem;
    flex: 0 0 auto;
}
.bottom_footer{
    font-size:13px;
}
#counter{
    
}
.counter-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 50px;
    justify-content: space-around;
}

.counter-box {
   text-align: center;
    /* background-color: #b0b0b0; */
    padding: 20px;
    border-radius: 8px;
    /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); */
    gap: 1rem;
    align-items: center;
}

.counter {
    font-size: 3rem;
    font-weight: bold;
    color: #000;
	margin:0.5rem 0 0.5rem 0;
}
.counter-box i{
	color: var(--primary);
}
.counter-container p {
    margin-top: 10px;
    font-size: 1.25rem;
    color: black;
    margin:0;
}
.feature-box.flex-column.h-shadow.mx-0:hover:before{
	visibility: visible;
	opacity: 1;
}
@media(max-width:1520px){
    .menuInfo{
        gap:1rem;
    }
    
}
@media(max-width:1395px){
    .menuInfo a{
    }
}
@media(max-width:1395px){
}
@media (max-width: 1185px) {
    .topSocial a {
        margin: auto 0.25rem;
    }
    .menuInfo a {
        font-size: 1rem;
    }
    .topSocial a{
        font-size: 1.1rem;
    }
}
@media(max-width:992px){
    .bottomMenu .navbar-nav .nav-link{
        font-size: 1rem;
    }
    .navs,.menuInfo{
        flex-direction: column;
        gap:0rem;
    }
    .menuInfo .sep{
        display: none;;
    }
    .menuInfo{
        align-items: inherit;
    }
    .menuInfo a{
        padding-bottom:10px;
    }
    .topSocial a{
        display: block;
    }
    .sec {
        margin: 2rem 0;
    }
    .about {
        padding: 1rem 0;
    }
    .abtItems{
        width:100%;
        margin-top: 2rem;
    }
    .abtItem a{
        padding: 2rem 1rem;
        font-size: 1.2rem;

    }
    .abtItem a img,.services a img{
       
    }
    .services{
        margin-top:1rem!important;
    }
    .services .col{
        margin-bottom:1rem;
    }
    .services a{
       
    }
    #quality {
        
    }
    .secItems .row .secItem:nth-child(n+4){
        
    }
    .secImg{
        
    }
    .slick-next {
        right: 25px;
        z-index: 9;
    }
    .slick-prev {
        left: 25px;
        z-index: 9;
    }
    #btn-back-to-top{
        width: 40px;
        height: 40px;
        padding:5px;
    }

}
#searchkey,#searchkey1,#button-addon1{
    background: #eee;
    border:none;
}
.internal-page header{
    border-bottom: 1px solid #EBEBEB;
}
.mask.full-mask,
.fill {
  /*
    For a value of 90%
    0.9 * 360  / 2
  */
  transform: rotate(0deg);
}
.fill.shim {
  /* 
    For a value of 90%
    0.9 * 360
  */
  transform: rotate(0deg);
}

.start .mask.full-mask,
.start .fill {
  /*
    For a value of 40%
    0.4 * 360  / 2
  */
  transform: rotate(0deg);
}
.start .fill.shim {
  /* 
    For a value of 40%
    0.4 * 360
  */
  transform: rotate(0deg);
}

.end .mask.full-mask,
.end .fill {
  /*
    For a value of 81%
    0.81 * 360  / 2
  */
  transform: rotate(0deg);
}
.end .fill.shim {
  /* 
    For a value of 81%
    0.81 * 360
  */
  transform: rotate(0deg);
}
/***** END Radial CSS ****/








/* Owl Carousel */
.owl-carousel {
	display: block;
	margin-bottom: 20px;
	opacity: 0;
}

.owl-carousel.owl-loaded {
	opacity: 1;
}

.owl-carousel:not(.owl-loaded):not(.owl-carousel-light) > div, .owl-carousel:not(.owl-loaded):not(.owl-carousel-light) span {
	display: none;
}

.owl-carousel:not(.owl-loaded):not(.owl-carousel-light) > div:first-child, .owl-carousel:not(.owl-loaded):not(.owl-carousel-light) span:first-child {
	display: block;
}

.owl-carousel .owl-item img {
	transform-style: unset;
}

.owl-carousel .owl-item img[data-icon] {
	display: inline;
}

.owl-carousel .thumbnail {
	margin-right: 1px;
}

.owl-carousel .item-video {
	height: 300px;
}

.owl-carousel .owl-nav {
	top: 50%;
	position: absolute;
	width: 100%;
	margin-top: 0;
	transform: translate3d(0, -50%, 0);
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
	display: inline-block;
	position: absolute;
	top: 50%;
	width: 30px;
	height: 30px;
	outline: 0;
	margin: 0;
	transform: translate3d(0, -50%, 0);
}
.ms-2:lang(ar) {
    margin-right: .5rem !important;
    margin-left: 0 !important;
}
.ms-4:lang(ar){
	margin-right:1.5rem!important;
	margin-left:0!important;
}
.owl-carousel .owl-nav button.owl-prev {
	left: 0;
}

.owl-carousel .owl-nav button.owl-prev:before {
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	font-size: 11.2px;
	font-size: 0.7rem;
	content: "\f053";
	position: relative;
	left: -1px;
	top: -1px;
}

.owl-carousel .owl-nav button.owl-next {
	right: 0;
}

.owl-carousel .owl-nav button.owl-next:before {
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	font-size: 11.2px;
	font-size: 0.7rem;
	content: "\f054";
	position: relative;
	left: 1px;
	top: -1px;
}

.owl-carousel.stage-margin .owl-stage-outer {
	margin-left: 40px !important;
	margin-right: 40px !important;
}

.owl-carousel.stage-margin .owl-stage-outer .owl-stage {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.owl-carousel.stage-margin.stage-margin-sm .owl-stage-outer {
	margin-left: 50px !important;
	margin-right: 50px !important;
}

.owl-carousel.stage-margin.stage-margin-md .owl-stage-outer {
	margin-left: 75px !important;
	margin-right: 75px !important;
}

.owl-carousel.stage-margin.stage-margin-lg .owl-stage-outer {
	margin-left: 100px !important;
	margin-right: 100px !important;
}

.owl-carousel.top-border {
	border-top: 1px solid #eaeaea;
	padding-top: 18px;
}

.owl-carousel.nav-remove-prev .owl-nav .owl-prev {
	display: none;
}

.owl-carousel.nav-remove-next .owl-nav .owl-next {
	display: none;
}

.owl-carousel.nav-full-height .owl-stage-outer {
	z-index: 1;
}

.owl-carousel.nav-full-height .owl-nav {
	height: 100%;
}

.owl-carousel.nav-full-height .owl-nav .owl-next,
.owl-carousel.nav-full-height .owl-nav .owl-prev {
	height: 100% !important;
}

.owl-carousel.show-nav-hover .owl-nav {
	opacity: 0;
	transition: all 0.2s ease-in-out;
}

.owl-carousel.show-nav-hover .owl-nav button.owl-prev {
	left: 0;
	transition: all 0.2s ease-in-out;
}

.owl-carousel.show-nav-hover .owl-nav button.owl-next {
	right: 0;
	transition: all 0.2s ease-in-out;
}

.owl-carousel.show-nav-hover:hover .owl-nav {
	opacity: 1;
}

.owl-carousel.show-nav-hover:hover .owl-nav button.owl-prev {
	left: -40px;
}

.owl-carousel.show-nav-hover:hover .owl-nav button.owl-next {
	right: -40px;
}

.owl-carousel.show-nav-hover.show-nav-hover-pos-2:hover .owl-nav button.owl-prev {
	left: -15px;
}

.owl-carousel.show-nav-hover.show-nav-hover-pos-2:hover .owl-nav button.owl-next {
	right: -15px;
}

.owl-carousel.show-nav-hover.show-nav-hover-pos-2.nav-md:hover .owl-nav button.owl-prev {
	left: -20px;
}

.owl-carousel.show-nav-hover.show-nav-hover-pos-2.nav-md:hover .owl-nav button.owl-next {
	right: -20px;
}

.owl-carousel.show-nav-hover.show-nav-hover-pos-3:hover .owl-nav button.owl-prev {
	left: 10px;
}

.owl-carousel.show-nav-hover.show-nav-hover-pos-3:hover .owl-nav button.owl-next {
	right: 10px;
}

.owl-carousel.show-nav-title .owl-nav {
	top: 0;
	right: 0;
	margin-top: -25px;
	width: auto;
}

.owl-carousel.show-nav-title .owl-nav button[class*="owl-"], .owl-carousel.show-nav-title .owl-nav button[class*="owl-"]:hover, .owl-carousel.show-nav-title .owl-nav button[class*="owl-"]:active {
	font-size: 18px;
	background: transparent !important;
	width: 18px;
}

.owl-carousel.show-nav-title .owl-nav button.owl-prev {
	left: -40px;
}

.owl-carousel.show-nav-title .owl-nav button.owl-prev:before, .owl-carousel.show-nav-title .owl-nav button.owl-prev:after, .owl-carousel.show-nav-title .owl-nav button.owl-next:before, .owl-carousel.show-nav-title .owl-nav button.owl-next:after {
	font-size: inherit;
}

.owl-carousel.show-nav-title.show-nav-title-both-sides .owl-nav {
	width: 100%;
}

.owl-carousel.show-nav-title.show-nav-title-both-sides button.owl-prev {
	left: 0;
}

.owl-carousel.show-nav-title.show-nav-title-both-sides button.owl-next {
	right: 0;
}

.owl-carousel.show-nav-title.show-nav-title-both-sides-style-2 .owl-nav {
	margin-top: 15px;
}

.owl-carousel.rounded-nav .owl-nav button[class*="owl-"] {
	padding: 3px 7px;
	border-radius: 50%;
	background: transparent;
	border: 1px solid #999;
	color: #999;
}

.owl-carousel.rounded-nav .owl-nav button[class*="owl-"]:hover, .owl-carousel.rounded-nav .owl-nav button[class*="owl-"].hover {
	background: transparent;
	border: 1px solid #a1a1a1;
	color: #a1a1a1;
}

.owl-carousel.rounded-nav .owl-nav button[class*="owl-"]:active, .owl-carousel.rounded-nav .owl-nav button[class*="owl-"].active {
	background: transparent;
	border: 1px solid #666;
	color: #666;
}

.owl-carousel.nav-bottom .owl-stage-outer {
	margin-bottom: 10px;
}

.owl-carousel.nav-bottom .owl-nav {
	position: static;
	margin: 0;
	padding: 0;
	width: auto;
	transform: none;
}

.owl-carousel.nav-bottom .owl-nav button.owl-prev, .owl-carousel.nav-bottom .owl-nav button.owl-next {
	position: static;
	transform: none;
}

.owl-carousel.nav-bottom .owl-nav button.owl-prev {
	margin-right: 5px;
}

.owl-carousel.nav-bottom .owl-nav button.owl-next {
	margin-left: 5px;
}

.owl-carousel.nav-bottom.nav-bottom-align-left .owl-nav {
	text-align: left;
}

.owl-carousel.nav-bottom.nav-bottom-align-right .owl-nav {
	text-align: right;
}

.owl-carousel.nav-bottom-inside .owl-nav {
	position: relative;
	margin: -68.8px 0 0 0;
	margin: -4.3rem 0 0 0;
	padding: 0;
	width: auto;
}

.owl-carousel.nav-bottom-inside .owl-nav button.owl-prev, .owl-carousel.nav-bottom-inside .owl-nav button.owl-next {
	position: static;
}

.owl-carousel.nav-inside .owl-nav button.owl-prev {
	left: 15px;
}

.owl-carousel.nav-inside .owl-nav button.owl-next {
	right: 15px;
	left: auto;
}

.owl-carousel.nav-inside.nav-inside-edge .owl-nav button.owl-prev {
	left: 0;
}

.owl-carousel.nav-inside.nav-inside-edge .owl-nav button.owl-next {
	right: 0;
	left: auto;
}

.owl-carousel.nav-inside.nav-inside-plus .owl-nav button.owl-prev {
	left: 30px;
}

.owl-carousel.nav-inside.nav-inside-plus .owl-nav button.owl-next {
	right: 30px;
	left: auto;
}

.owl-carousel.nav-inside.nav-bottom .owl-nav {
	position: absolute;
	top: auto;
	bottom: 40px;
	width: 100%;
}

.owl-carousel.nav-inside.nav-bottom .owl-nav button.owl-prev, .owl-carousel.nav-inside.nav-bottom .owl-nav button.owl-next {
	position: relative;
}

.owl-carousel.nav-inside.nav-bottom .owl-nav button.owl-prev {
	left: 0;
}

.owl-carousel.nav-inside.nav-bottom .owl-nav button.owl-next {
	right: 0;
}

.owl-carousel.nav-inside.nav-bottom.nav-style-2 .owl-nav button.owl-prev, .owl-carousel.nav-inside.nav-bottom.nav-style-2 .owl-nav button.owl-next {
	position: relative;
}

.owl-carousel.nav-inside.nav-inside-half-section .owl-nav {
	top: auto;
	bottom: 60px;
}

.owl-carousel.nav-inside.nav-inside-half-section .owl-nav button.owl-prev, .owl-carousel.nav-inside.nav-inside-half-section .owl-nav button.owl-next {
	transform: none;
	width: 60px !important;
	height: 60px !important;
}

.owl-carousel.nav-inside.nav-inside-half-section .owl-nav button.owl-prev:before, .owl-carousel.nav-inside.nav-inside-half-section .owl-nav button.owl-next:before {
	font-size: 12.8px;
	font-size: 0.8rem;
	left: 0;
	top: 0;
}

.owl-carousel.nav-inside.nav-inside-half-section .owl-nav button.owl-prev {
	left: -60px;
	top: -61px;
}

.owl-carousel.nav-inside.nav-inside-half-section .owl-nav button.owl-next {
	left: -60px;
}

@media (max-width: 991px) {
	.owl-carousel.nav-inside.nav-inside-half-section .owl-nav button.owl-prev {
		left: 0;
	}

	.owl-carousel.nav-inside.nav-inside-half-section .owl-nav button.owl-next {
		left: 0;
	}
}

.owl-carousel.nav-outside .owl-nav button.owl-prev {
	left: 0;
}

.owl-carousel.nav-outside .owl-nav button.owl-next {
	right: 0;
}

@media (min-width: 992px) {
	.owl-carousel.nav-outside .owl-nav button.owl-prev {
		left: -50px;
	}

	.owl-carousel.nav-outside .owl-nav button.owl-next {
		right: -50px;
	}
}

.owl-carousel.nav-position-1 .owl-nav button.owl-prev {
	left: 20px;
}

.owl-carousel.nav-position-1 .owl-nav button.owl-next {
	right: 20px;
}

.owl-carousel.nav-icon-1 .owl-nav .owl-next:before {
	content: "\f061";
}

.owl-carousel.nav-icon-1 .owl-nav .owl-prev:before {
	content: "\f060";
}

.owl-carousel.nav-size-md .owl-nav .owl-next {
	width: 40px;
	height: 40px;
}

.owl-carousel.nav-size-md .owl-nav .owl-next:before {
	top: 0;
	font-size: 12px;
	font-size: 0.75rem;
}

.owl-carousel.nav-size-md .owl-nav .owl-prev {
	width: 40px;
	height: 40px;
}

.owl-carousel.nav-size-md .owl-nav .owl-prev:before {
	top: 0;
	font-size: 12px;
	font-size: 0.75rem;
}

.owl-carousel.nav-style-1 .owl-nav .owl-next,
.owl-carousel.nav-style-1 .owl-nav .owl-prev {
	width: 20px;
	background: transparent !important;
	color: #000;
}

.owl-carousel.nav-style-1 .owl-nav .owl-next:hover, .owl-carousel.nav-style-1 .owl-nav .owl-next:active,
.owl-carousel.nav-style-1 .owl-nav .owl-prev:hover,
.owl-carousel.nav-style-1 .owl-nav .owl-prev:active {
	color: var(--grey-500);
}

.owl-carousel.nav-style-1 .owl-nav .owl-next:before, .owl-carousel.nav-style-1 .owl-nav .owl-next:after,
.owl-carousel.nav-style-1 .owl-nav .owl-prev:before,
.owl-carousel.nav-style-1 .owl-nav .owl-prev:after {
	font-size: inherit;
}

.owl-carousel.nav-style-2 .owl-nav .owl-next,
.owl-carousel.nav-style-2 .owl-nav .owl-prev {
	background: transparent !important;
}

.owl-carousel.nav-style-2 .owl-nav .owl-next:before,
.owl-carousel.nav-style-2 .owl-nav .owl-prev:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 1px;
	width: 1.3em;
	height: 1.3em;
	border-top: 2px solid var(--grey-500);
	border-left: 2px solid var(--grey-500);
	font-size: inherit;
	transform: translate3d(0, -50%, 0) rotate(-45deg);
}

.owl-carousel.nav-style-2 .owl-nav .owl-next:after,
.owl-carousel.nav-style-2 .owl-nav .owl-prev:after {
	content: '';
	display: block;
	border-top: 3px solid var(--grey-500);
	width: 2.5em;
	position: absolute;
	top: 50%;
	font-size: inherit;
	transform: translate3d(0, -50%, 0);
}

.owl-carousel.nav-style-2 .owl-nav .owl-next {
	transform: rotate(180deg) !important;
	transform-origin: 15px 8px;
}

.owl-carousel.nav-style-2.nav-bottom.nav-inside .owl-nav .owl-next {
	transform-origin: 15px;
}

.owl-carousel.nav-style-3 .owl-nav {
	top: 25%;
}

.owl-carousel.nav-style-3 .owl-nav .owl-next,
.owl-carousel.nav-style-3 .owl-nav .owl-prev {
	width: 30px;
	background: transparent !important;
	color: var(--grey-500);
}

.owl-carousel.nav-style-3 .owl-nav .owl-next:hover, .owl-carousel.nav-style-3 .owl-nav .owl-next:active,
.owl-carousel.nav-style-3 .owl-nav .owl-prev:hover,
.owl-carousel.nav-style-3 .owl-nav .owl-prev:active {
	color: var(--grey-500);
}

.owl-carousel.nav-style-3 .owl-nav .owl-next:before, .owl-carousel.nav-style-3 .owl-nav .owl-next:after,
.owl-carousel.nav-style-3 .owl-nav .owl-prev:before,
.owl-carousel.nav-style-3 .owl-nav .owl-prev:after {
	font-size: 1.5em;
}

.owl-carousel.nav-style-4 .owl-nav .owl-prev {
	left: 75px;
}

@media (max-width: 991px) {
	.owl-carousel.nav-style-4 .owl-nav .owl-prev {
		left: 40px;
	}
}

@media (max-width: 767px) {
	.btn.btn-px-4{
		padding-left: 28px;
		padding-left: 0.75rem!important;
		padding-right: 28px;
		padding-right: 0.75rem!important;
	}
	.owl-carousel.nav-style-4 .owl-nav .owl-prev {
		left: 13px;
	}
	.counter-container{
		flex-wrap: wrap;
	}
	.menuInfo a,.menuInfo li{
        font-size: 10px;
    }
	.menuInfo {
        flex-direction: row;
        gap: 1rem;
    }
	.topMenu{
		padding-left: 0;
	}
	.menuInfo li span i{
		font-size:19px;
	}
	.navbar-toggler-icon{
		background-size: 80%;
		background-color: var(--mainColor);
	}
	.navbar-toggler{
		background-color: var(--mainColor);
	}
	#navbarSupportedContent .dropdown-menu.longdrop > li{
		width:100%;
		padding:0;
	}
	#navbarSupportedContent .dropdown-menu.longdrop{
		position: inherit;
		box-shadow: none;
		display: block;
		visibility: visible;
		opacity: 1;
		padding:1rem;
	}
	#navbarSupportedContent{
		margin-top:1rem;
	}
	.owl-carousel .owl-item img{
		width: 200px !important;
	}
}

.owl-carousel.nav-style-4 .owl-nav .owl-next {
	right: 75px;
}

@media (max-width: 991px) {
	.owl-carousel.nav-style-4 .owl-nav .owl-next {
		right: 40px;
	}
}

@media (max-width: 767px) {
	.owl-carousel.nav-style-4 .owl-nav .owl-next {
		right: 13px;
	}
}

.owl-carousel.nav-style-4 .owl-nav .owl-prev, .owl-carousel.nav-style-4 .owl-nav .owl-next {
	background: var(--light);
	font-size: 11.2px;
	font-size: 0.7rem;
	width: 40px;
	height: 40px;
	color: #000;
	border-radius: 100%;
	box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.3);
}

.owl-carousel.nav-style-4 .owl-nav .owl-prev:hover, .owl-carousel.nav-style-4 .owl-nav .owl-next:hover {
	color: var(--light);
}

.owl-carousel.nav-style-4.nav-style-4-pos-2 .owl-nav .owl-prev {
	left: 0px;
}

.owl-carousel.nav-style-4.nav-style-4-pos-2 .owl-nav .owl-next {
	right: 0px;
}

.owl-carousel.nav-style-diamond .owl-nav .owl-prev, .owl-carousel.nav-style-diamond .owl-nav .owl-next {
	transform: rotate(45deg);
	transform-origin: 100% 0%;
}

.owl-carousel.nav-style-diamond .owl-nav .owl-prev:before, .owl-carousel.nav-style-diamond .owl-nav .owl-next:before {
	display: block;
	transform: rotate(-45deg);
	transform-origin: 60% 50%;
}

.owl-carousel.nav-style-diamond .owl-nav .owl-next:before {
	transform-origin: 50%;
}

.owl-carousel.nav-svg-arrows-1 .owl-nav .owl-prev, .owl-carousel.nav-svg-arrows-1 .owl-nav .owl-next {
	width: 35px;
	height: 35px;
}

.owl-carousel.nav-svg-arrows-1 .owl-nav .owl-prev:before, .owl-carousel.nav-svg-arrows-1 .owl-nav .owl-next:before {
	content: none;
}

.owl-carousel.nav-svg-arrows-1 .owl-nav .owl-prev svg, .owl-carousel.nav-svg-arrows-1 .owl-nav .owl-next svg {
	width: 2em;
}

.owl-carousel.nav-svg-arrows-1 .owl-nav .owl-prev svg polygon, .owl-carousel.nav-svg-arrows-1 .owl-nav .owl-next svg polygon {
	fill: #FFF;
	stroke: #FFF;
}

.owl-carousel.nav-svg-arrows-1 .owl-nav .owl-prev svg {
	transform: rotate(180deg);
}

.owl-carousel.nav-arrows-1 .owl-nav .owl-prev, .owl-carousel.nav-arrows-1 .owl-nav .owl-next {
	width: 35px;
	height: 35px;
	font-size: 19.2px;
	font-size: 1.2rem;
	background: transparent;
}

.owl-carousel.nav-arrows-1 .owl-nav .owl-next:before {
	content: '\f061';
	font-size: inherit;
}

.owl-carousel.nav-arrows-1 .owl-nav .owl-prev:before {
	content: '\f060';
	font-size: inherit;
}

.owl-carousel.nav-arrows-2 .owl-nav .owl-prev, .owl-carousel.nav-arrows-2 .owl-nav .owl-next {
	width: 35px;
	height: 35px;
	font-size: 19.2px;
	font-size: 1.2rem;
	background: transparent;
}

.owl-carousel.nav-arrows-2 .owl-nav .owl-next:before {
	content: '\f101';
	font-size: inherit;
}

.owl-carousel.nav-arrows-2 .owl-nav .owl-prev:before {
	content: '\f100';
	font-size: inherit;
}

.owl-carousel.nav-arrows-thin .owl-nav .owl-prev:before, .owl-carousel.nav-arrows-thin .owl-nav .owl-next:before {
	font-family: simple-line-icons;
	speak: none;
	font-style: normal;
	font-weight: 700;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.owl-carousel.nav-arrows-thin .owl-nav .owl-next:before {
	content: "\e606";
	font-size: inherit;
}

.owl-carousel.nav-arrows-thin .owl-nav .owl-prev:before {
	content: "\e605";
	font-size: inherit;
}

.owl-carousel.nav-center-images-only .owl-nav {
	top: 37%;
}

.owl-carousel.nav-center-outside .owl-nav {
	width: calc(100% + 90px);
	left: 49.9%;
	transform: translate3d(-50%, 0, 0);
}

.owl-carousel.full-width .owl-nav button[class*="owl-"], .owl-carousel.full-width .owl-nav button[class*="owl-"]:hover, .owl-carousel.big-nav .owl-nav button[class*="owl-"], .owl-carousel.big-nav .owl-nav button[class*="owl-"]:hover {
	height: auto;
	padding: 20px 0 !important;
}

.owl-carousel.full-width .owl-nav button.owl-prev, .owl-carousel.big-nav .owl-nav button.owl-prev {
	border-radius: 0 4px 4px 0;
}

.owl-carousel.full-width .owl-nav button.owl-next, .owl-carousel.big-nav .owl-nav button.owl-next {
	border-radius: 4px 0 0 4px;
}

.owl-carousel.nav-squared .owl-nav button[class*="owl-"] {
	border-radius: 0;
}

.owl-carousel.nav-rounded .owl-nav button[class*="owl-"] {
	border-radius: 50%;
}

.owl-carousel.nav-sm .owl-nav button.owl-prev,
.owl-carousel.nav-sm .owl-nav button.owl-next {
	width: 30px !important;
	height: 30px !important;
}

.owl-carousel.nav-md .owl-nav button.owl-prev,
.owl-carousel.nav-md .owl-nav button.owl-next {
	width: 40px;
	height: 40px;
}

.owl-carousel.nav-lg .owl-nav button.owl-prev,
.owl-carousel.nav-lg .owl-nav button.owl-next {
	width: 45px;
	height: 60px;
}

.owl-carousel.nav-lg.rounded-nav .owl-nav button.owl-prev,
.owl-carousel.nav-lg.rounded-nav .owl-nav button.owl-next {
	width: 60px;
	height: 60px;
}

.owl-carousel.nav-font-size-sm .owl-nav button.owl-prev,
.owl-carousel.nav-font-size-sm .owl-nav button.owl-next {
	font-size: 10px;
}

.owl-carousel.nav-font-size-sm .owl-nav button.owl-prev:before,
.owl-carousel.nav-font-size-sm .owl-nav button.owl-next:before {
	font-size: inherit;
}

.owl-carousel.nav-font-size-md .owl-nav button.owl-prev,
.owl-carousel.nav-font-size-md .owl-nav button.owl-next {
	font-size: 14px;
}

.owl-carousel.nav-font-size-md .owl-nav button.owl-prev:before,
.owl-carousel.nav-font-size-md .owl-nav button.owl-next:before {
	font-size: inherit;
}

.owl-carousel.nav-font-size-lg .owl-nav button.owl-prev,
.owl-carousel.nav-font-size-lg .owl-nav button.owl-next {
	font-size: 19px;
}

.owl-carousel.nav-font-size-lg .owl-nav button.owl-prev:before,
.owl-carousel.nav-font-size-lg .owl-nav button.owl-next:before {
	font-size: inherit;
	left: 2px;
}

.owl-carousel.nav-font-size-xl .owl-nav button.owl-prev,
.owl-carousel.nav-font-size-xl .owl-nav button.owl-next {
	font-size: 25px;
}

.owl-carousel.nav-font-size-xl .owl-nav button.owl-prev:before,
.owl-carousel.nav-font-size-xl .owl-nav button.owl-next:before {
	font-size: inherit;
	left: 2px;
}

.owl-carousel.nav-light:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav button[class*="owl-"] {
	background-color: #ececec !important;
	border-color: #ececec !important;
	color: var(--dark) !important;
}

.owl-carousel.nav-light:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav button[class*="owl-"]:hover {
	background-color: var(--light) !important;
	border-color: var(--light) !important;
}

.owl-carousel.nav-light:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav button[class*="owl-"]:active {
	background-color: #d2d2d2 !important;
	border-color: #d2d2d2 !important;
}

.owl-carousel.nav-light:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1).nav-with-transparency .owl-nav button[class*="owl-"] {
	width: 35px;
	height: 45px;
	background-color: rgba(236, 236, 236, 0.4) !important;
	border-color: transparent !important;
}

.owl-carousel.nav-light:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1).nav-svg-arrows-1 .owl-nav button[class*="owl-"] svg polygon {
	fill: var(--dark) !important;
	stroke: var(--dark) !important;
}

.owl-carousel.nav-light.nav-style-1 .owl-nav .owl-next,
.owl-carousel.nav-light.nav-style-1 .owl-nav .owl-prev {
	color: var(--light) !important;
}

.owl-carousel.nav-light.nav-style-2 .owl-nav .owl-next:before, .owl-carousel.nav-light.nav-style-2 .owl-nav .owl-next:after,
.owl-carousel.nav-light.nav-style-2 .owl-nav .owl-prev:before,
.owl-carousel.nav-light.nav-style-2 .owl-nav .owl-prev:after {
	border-color: var(--light) !important;
}

.owl-carousel.nav-light.nav-style-3 .owl-nav .owl-next,
.owl-carousel.nav-light.nav-style-3 .owl-nav .owl-prev {
	color: var(--light) !important;
}

.owl-carousel.nav-light.nav-svg-arrows-1 .owl-nav .owl-next svg polygon,
.owl-carousel.nav-light.nav-svg-arrows-1 .owl-nav .owl-prev svg polygon {
	fill: #FFF !important;
	stroke: #FFF !important;
}

.owl-carousel.nav-light.nav-arrows-1 .owl-nav .owl-next,
.owl-carousel.nav-light.nav-arrows-1 .owl-nav .owl-prev {
	color: var(--light) !important;
}

.owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav .owl-next, .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav .owl-prev {
	background-color: var(--dark--100) !important;
	border-color: var(--dark--100) var(--dark--100) var(--dark--100) !important;
	color: var(--light) !important;
}

.owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav .owl-next:hover, .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav .owl-prev:hover {
	background-color: var(--dark--100) !important;
	border-color: var(--dark--100) !important;
}

.owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav .owl-next:active, .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav .owl-prev:active {
	background-color: var(--dark) !important;
	border-color: var(--dark) !important;
}

.owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1).nav-with-transparency .owl-nav .owl-next, .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1).nav-with-transparency .owl-nav .owl-prev {
	width: 35px;
	height: 45px;
	background-color: rgba(var(--dark--100), 0.4) !important;
	border-color: transparent !important;
}

.owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1).nav-with-transparency .owl-nav .owl-next:hover, .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1).nav-with-transparency .owl-nav .owl-prev:hover {
	background-color: rgba(var(--dark--100), 1) !important;
}

.owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1).nav-with-transparency.nav-style-diamond .owl-nav .owl-next, .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1).nav-with-transparency.nav-style-diamond .owl-nav .owl-prev {
	width: 40px;
	height: 40px;
}

.owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1).nav-svg-arrows-1 .owl-nav .owl-next svg polygon, .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1).nav-svg-arrows-1 .owl-nav .owl-prev svg polygon {
	fill: #FFF !important;
	stroke: #FFF !important;
}

.owl-carousel.nav-dark.nav-style-1 .owl-nav .owl-next,
.owl-carousel.nav-dark.nav-style-1 .owl-nav .owl-prev {
	color: var(--dark) !important;
}

.owl-carousel.nav-dark.nav-style-2 .owl-nav .owl-next:before, .owl-carousel.nav-dark.nav-style-2 .owl-nav .owl-next:after,
.owl-carousel.nav-dark.nav-style-2 .owl-nav .owl-prev:before,
.owl-carousel.nav-dark.nav-style-2 .owl-nav .owl-prev:after {
	border-color: var(--dark) !important;
}

.owl-carousel.nav-dark.nav-style-3 .owl-nav .owl-next,
.owl-carousel.nav-dark.nav-style-3 .owl-nav .owl-prev {
	color: var(--dark) !important;
}

.owl-carousel.nav-dark.nav-svg-arrows-1 .owl-nav .owl-next svg polygon,
.owl-carousel.nav-dark.nav-svg-arrows-1 .owl-nav .owl-prev svg polygon {
	fill: var(--dark) !important;
	stroke: var(--dark) !important;
}

.owl-carousel.nav-dark.nav-arrows-1 .owl-nav .owl-next,
.owl-carousel.nav-dark.nav-arrows-1 .owl-nav .owl-prev {
	color: var(--dark) !important;
}

.owl-carousel .owl-dots .owl-dot {
	outline: 0;
}

.owl-carousel .owl-dots .owl-dot span {
	width: 8px;
	height: 8px;
	margin: 5px 4px;
}

.owl-carousel.dots-inside .owl-dots {
	position: absolute;
	bottom: 2px;
	right: 10px;
	margin-top: 0;
}

.owl-carousel.dots-title .owl-dots {
	position: absolute;
	margin-top: 0 !important;
	top: -51px;
	left: 155px;
}

.owl-carousel.dots-title .owl-dots .owl-dot span {
	width: 8px;
	height: 8px;
	margin: 5px 4px;
}

.owl-carousel.dots-title.dots-title-pos-2 .owl-dots {
	left: 235px;
}

.owl-carousel.dots-light .owl-dots .owl-dot span {
	background: rgba(255, 255, 255, 0.6);
}

.owl-carousel.dots-light .owl-dots .owl-dot.active span, .owl-carousel.dots-light .owl-dots .owl-dot:hover span {
	background: #FFF !important;
}

.owl-carousel.dots-dark .owl-dots .owl-dot span {
	background: rgba(33, 33, 33, 0.6);
}

.owl-carousel.dots-dark .owl-dots .owl-dot.active span, .owl-carousel.dots-dark .owl-dots .owl-dot:hover span {
	background: #212121 !important;
}

.owl-carousel.dots-morphing .owl-dots .owl-dot span {
	width: 20px;
	height: 6px;
	transition: ease width 300ms;
}

.owl-carousel.dots-morphing .owl-dots .owl-dot.active span, .owl-carousel.dots-morphing .owl-dots .owl-dot:hover span {
	width: 40px;
}

.owl-carousel.dots-modern .owl-dots {
	display: flex;
	align-items: center;
	justify-content: center;
}

.owl-carousel.dots-modern .owl-dots .owl-dot {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 2px;
}

.owl-carousel.dots-modern .owl-dots .owl-dot span {
	width: 4px;
	height: 4px;
	transition: ease all 300ms 300ms;
}

.owl-carousel.dots-modern .owl-dots .owl-dot.active span {
	transition: ease all 300ms;
	transform: scale(2);
}

.owl-carousel.dots-modern.dots-modern-lg .owl-dots .owl-dot {
	margin: 0 3px;
}

.owl-carousel.dots-modern.dots-modern-lg .owl-dots .owl-dot span {
	width: 6px;
	height: 6px;
}

.owl-carousel.dots-orientation-portrait .owl-dots {
	display: flex;
	flex-direction: column;
	margin-left: 15px !important;
	margin-right: 15px !important;
}

.owl-carousel.dots-align-left .owl-dots {
	text-align: left;
	justify-content: flex-start;
}

.owl-carousel.dots-align-right .owl-dots {
	text-align: left;
}

.owl-carousel.dots-horizontal-center .owl-dots {
	left: 0;
	right: 0;
	width: 100%;
}

.owl-carousel.dots-vertical-center .owl-dots {
	top: 50%;
	bottom: auto;
	margin: 0;
	transform: translate3d(0, -50%, 0);
}

@media (max-width: 575px) {
	.owl-carousel.show-dots-xs .owl-dots {
		opacity: 1 !important;
		visibility: visible !important;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.owl-carousel.show-dots-sm .owl-dots {
		opacity: 1 !important;
		visibility: visible !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.owl-carousel.show-dots-md .owl-dots {
		opacity: 1 !important;
		visibility: visible !important;
	}
}

.owl-carousel.show-dots-hover .owl-dots {
	opacity: 0;
	visibility: hidden;
	transition: ease opacity 300ms;
}

.owl-carousel.show-dots-hover:hover .owl-dots {
	opacity: 1;
	visibility: visible;
}

.owl-carousel.carousel-shadow-1 {
	position: relative;
}

.owl-carousel.carousel-shadow-1:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 65%;
	height: 0px;
	box-shadow: 0 0 110px 180px rgba(0, 0, 0, 0.04);
	transform: translate3d(-50%, -50%, 0);
	z-index: 0;
}

.owl-carousel.carousel-shadow-1.carousel-shadow-1-bold:before {
	box-shadow: 0 0 110px 230px rgba(0, 0, 0, 0.04);
}

.owl-carousel .img-thumbnail.img-thumbnail-hover-icon {
	display: block;
}

.owl-carousel.carousel-right-side-nav {
	width: calc( 100% - 55px);
}

.owl-carousel.carousel-right-side-nav .owl-nav .owl-next {
	width: 55px;
	transform: translate3d(100%, -50%, 0);
}

.owl-carousel.carousel-bottom-inside-shadow .owl-stage-outer:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	height: 35%;
	width: 100%;
	background-image: linear-gradient(360deg, var(--grey-500) 0%, transparent 100%);
}

.owl-carousel [class*="opacity-"]:not([class*="opacity-hover"]) {
	transition: ease opacity 300ms;
}

.owl-carousel [class*="opacity-"]:not([class*="opacity-hover"]):hover {
	opacity: 1 !important;
}

@media (min-width: 576px) {
	.owl-carousel.carousel-sync-style-1 {
		position: absolute;
		top: 50%;
		left: -30px;
		max-width: 355px;
		transform: translate3d(0, -50%, 0);
	}
}

.owl-carousel-spaced {
	margin-left: -5px;
}

.owl-carousel-spaced .owl-item > div {
	margin: 5px;
}

.owl-carousel.testimonials img {
	display: inline-block;
	height: 70px;
	width: 70px;
}

@media (max-width: 575px) {
	.owl-carousel-spaced {
		margin-left: 0;
	}
}

.carousel-half-full-width-wrapper > .owl-carousel {
	width: 100%;
}

@media (min-width: 576px) {
	.carousel-half-full-width-wrapper > .owl-carousel {
		width: calc( 100vw - ( ( 100vw - 540px ) / 2 ));
	}
}

@media (min-width: 768px) {
	.carousel-half-full-width-wrapper > .owl-carousel {
		width: calc( 100vw - ( ( 100vw - 720px ) / 2 ));
	}
	.text-md-start:lang(ar) {
        text-align: right !important;
    }
	.text-md-end:lang(ar) {
        text-align: left !important;
    }
}

@media (min-width: 992px) {
	.carousel-half-full-width-wrapper > .owl-carousel {
		width: calc( 100vw - ( ( 100vw - 960px ) / 2 ));
	}
}

@media (min-width: 1200px) {
	.carousel-half-full-width-wrapper > .owl-carousel {
		width: calc( 100vw - ( ( 100vw - 1140px ) / 2 ));
	}
}

.carousel-half-full-width-wrapper > .owl-carousel .owl-stage-outer {
	margin-bottom: 20px;
}

.carousel-half-full-width-wrapper.carousel-half-full-width-left {
	direction: rtl;
}

.carousel-half-full-width-wrapper.carousel-half-full-width-left > .owl-carousel .owl-nav {
	display: flex;
}

.carousel-half-full-width-wrapper.carousel-half-full-width-left > .owl-carousel .owl-nav .owl-prev {
	order: 2;
}

.carousel-half-full-width-wrapper.carousel-half-full-width-left > .owl-carousel .owl-nav .owl-next {
	order: 1;
}

.carousel-areas {
	background: #f2f2f2;
	background: linear-gradient(to bottom, #f2f2f2 0%, rgba(33, 37, 41, 0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='var(--dark)', GradientType=0 );
	margin-bottom: -10px;
	padding: 8px 8px 0 8px;
	border-radius: 6px 6px 0 0;
	box-shadow: 0px 0px 50px 20px rgba(0, 0, 0, 0.07);
}

.carousel-areas .owl-carousel {
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.carousel-areas .owl-carousel .owl-nav button.owl-prev {
	left: -55px;
}

.carousel-areas .owl-carousel .owl-nav button.owl-next {
	right: -55px;
}

.carousel-areas .owl-carousel:first-child img {
	border-radius: 6px 6px 0 0;
}

@media (max-width: 991px) {
	.carousel-areas .owl-carousel .owl-nav {
		display: none;
	}
}

.owl-carousel.carousel-center-active-item .owl-item {
	opacity: 0.2;
	transition: ease opacity 300ms;
}

.owl-carousel.carousel-center-active-item .owl-item.current {
	opacity: 1 !important;
}

.owl-carousel.carousel-center-active-item.carousel-center-active-item-style-2 .owl-item {
	opacity: 0.7;
}

.owl-carousel.carousel-center-active-item-2 .owl-stage-outer {
	overflow: visible;
}

.owl-carousel.carousel-center-active-item-2 .owl-item > div {
	width: 66.6666%;
	margin-left: auto;
	padding: 48px;
	padding: 3rem;
	background: var(--light);
	border-radius: 7px;
	box-shadow: 0px 0px 70px -40px rgba(0, 0, 0, 0.2);
}

.owl-carousel.carousel-center-active-item-2 .owl-item.active > div {
	margin-right: auto;
}

.owl-carousel.carousel-center-active-item-2 .owl-item.active > div * {
	color: var(--light) !important;
}

.owl-carousel.carousel-center-active-item-2 .owl-item.active + .owl-item > div {
	margin-right: auto;
	margin-left: 0;
}

.owl-carousel.carousel-center-active-item-3 .owl-stage-outer {
	overflow: visible;
}

.owl-carousel.carousel-center-active-item-3 .owl-item > div {
	width: 100%;
	margin-left: auto;
	transition: ease opacity 300ms;
}

.owl-carousel.carousel-center-active-item-3 .owl-item.active > div {
	margin-right: auto;
}

.owl-carousel.carousel-center-active-item-3 .owl-item.active + .owl-item > div {
	margin-right: auto;
	margin-left: 0;
}

.owl-carousel-light.owl-carousel-light-init-fadeIn {
	transition: ease opacity 300ms;
}

.owl-carousel-light .owl-stage-outer,
.owl-carousel-light .owl-stage {
	height: 100%;
}

.owl-carousel-light .owl-item {
	display: block;
	visibility: hidden;
	opacity: 0;
	width: 100%;
	height: 100%;
	top: 0;
	transition: ease opacity 300ms;
}

.owl-carousel-light .owl-item.active {
	display: block;
	visibility: visible;
	opacity: 1;
}

.owl-carousel-light .owl-dots .owl-dot span {
	margin: 5px 2px;
}

.horizontal-scroller {
	padding: 32px 0;
	padding: 2rem 0;
	height: 100vh;
	position: relative;
}

.horizontal-scroller-scroll {
	position: relative;
	overflow: hidden;
	padding: 32px;
	padding: 2rem;
}

.horizontal-scroller-images {
	height: 100%;
	display: flex;
	align-items: center;
}

.horizontal-scroller-item {
	height: 100%;
	display: flex;
	justify-content: center;
	flex: 0 0 auto;
	padding: 0 32px;
	padding: 0 2rem;
}

.horizontal-scroller-image {
	-o-object-fit: fill;
	object-fit: fill;
	margin: 0 auto;
	max-height: 80vh;
	padding-top: 10vh;
}

/* Carousel - Skin */
.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
	background-color: var(--primary-100);
}

.owl-carousel.show-nav-title .owl-nav button[class*="owl-"],
.owl-carousel.show-nav-title .owl-nav button[class*="owl-"]:hover,
.owl-carousel.show-nav-title .owl-nav button[class*="owl-"].hover {
	color: var(--primary);
}

.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"] {
	background-color: var(--primary);
	border-color: var(--primary) var(--primary) var(--primary-300);
	color: var(--primary-inverse);
}

.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"]:hover, .owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"].hover {
	background-color: var(--primary--100);
	border-color: var(--primary--300) var(--primary--300) var(--primary);
}

.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"]:active, .owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"].active {
	background-color: var(--primary-300);
	background-image: none;
	border-color: var(--primary-300) var(--primary-300) var(--primary-300);
}

.owl-carousel.nav-with-transparency:not(.nav-style-1):not(.show-nav-title):not(.nav-arrows-1) .owl-nav button[class*="owl-"] {
	background-color: var(--primary-rgba-35);
}

.owl-carousel.nav-style-1 .owl-nav .owl-next,
.owl-carousel.nav-style-1 .owl-nav .owl-prev {
	color: var(--primary) !important;
}

.owl-carousel.nav-style-2 .owl-nav .owl-next:before, .owl-carousel.nav-style-2 .owl-nav .owl-next:after,
.owl-carousel.nav-style-2 .owl-nav .owl-prev:before,
.owl-carousel.nav-style-2 .owl-nav .owl-prev:after {
	border-color: var(--primary);
}

.owl-carousel.nav-svg-arrows-1 .owl-nav .owl-prev svg polygon, .owl-carousel.nav-svg-arrows-1 .owl-nav .owl-next svg polygon {
	fill: var(--primary);
	stroke: var(--primary);
}

.owl-carousel.nav-arrows-1 .owl-nav .owl-prev, .owl-carousel.nav-arrows-1 .owl-nav .owl-next {
	color: var(--primary);
}

/* Carousel Center Active Item 2 - Skin */
.owl-carousel.carousel-center-active-item-2 .owl-item.active > div {
	background: var(--primary);
}

/* Bottom Inside Shadow - Skin */
.owl-carousel.carousel-bottom-inside-shadow .owl-stage-outer:after {
	background-image: linear-gradient(360deg, var(--primary) 0%, transparent 100%);
}
