@charset "utf-8";
/* CSS Document */

@font-face{font-family: Tajawal-Regular ; src: url(../fonts/Tajawal-Regular.ttf)}
@font-face{font-family: Tajawal-Bold ; src: url(../fonts/Tajawal-Bold.ttf)}
@font-face{font-family: GE_SS_Medium; src: url(../fonts/GE_SS_Two_Medium.otf)}
@font-face{font-family: MyriadPro-Regular; src: url(../fonts/MyriadPro-Regular.Otf)}
@font-face{font-family: A-Jannat-LT-Bold; src: url(../fonts/A-Jannat-LT-Bold.ttf)}
@font-face{font-family:OpenSans-Bold; src: url(../fonts/OpenSans-Bold.ttf)}
@font-face{font-family:OpenSans-Semibold; src: url(../fonts/OpenSans-Semibold.ttf)}
@font-face{font-family: AdobeArabic-Regular_; src: url(../fonts/AdobeArabic-Regular_.otf)}

body{font-family: "Tajawal-Regular";}
a:hover,a:focus{text-decoration: none;}
h3,h4,h5,h6{margin: 0}
h1,h2{font-family: "Tajawal-Bold";}

hr {
    margin: 0
}

ul {
    margin: 0px;
    padding: 0px
}

ul li {
    margin: 0px;
    padding: 0px
}
.list-inline{margin: 0;padding: 0}
.list-inline>li {
    padding-left: 0;
    padding-right: 0
}

.fa-ul {
    margin-left: 0 !important
}

p {
    margin: 0
}

.form-group {
    margin-bottom: 0}

.clicker{display: none !important;}



.fixedPosition
 {
    position: fixed;
 }
 .fixedPosition2
 {
    position: fixed;
 }

.btn{width: 112px;
    height: 40px;
    background-color:#f37421;
    border:1px solid #f37421;
    color: #fff;
    font-size: 12px;
    font-family:"Tajawal-Bold";
    text-align: center;
    outline: none;
    border-radius: 25px;box-shadow: none;
    position: relative;z-index:1;overflow: hidden;
    transition: all 0.5s
}

.btn:before{content:"";
            width: 0%;
            height: 100%;
            background-color: #fff;
            position: absolute;
            top: 0;
            right: -3px;
            border-radius: 25px}


.btn:hover::before{
width: 100%;
transition: width .5s;right: 0;
-webkit-transition: width .5s;z-index: -1;
}


.btn:after{content:"";
        transition: width .5s;
        -webkit-transition: width .5s;
        background-color: #fff;
        width: 0%;
        height: 100%;
        border-radius: 25px;
        position: absolute;
        top: 0;
        left: -3px}
.btn:hover::after{transition-property: none;
                  visibility: hidden;
                    width: 100%;left: 0;z-index: -1}
.btn:focus,
.btn:hover{
outline: none;color: #f37421
}
.center{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.main_title {
            position: relative;
            float: right;
            width: 100%;display: flex;
            margin-bottom: 40px}
            

.main_title h5{font-size:28px;
            color: #282828;
            width: 100%;
            font-family: "GE_SS_Medium";}
           

.main_title h5 img{width:100%;
    height: 100%;
    max-width: 40px;
    flex-shrink: 0;
    margin-left: 20px}



html::-webkit-scrollbar{width:7px;height:8px}
html::-webkit-scrollbar-track{background-color: #eeeeee;}
html::-webkit-scrollbar-thumb{background-color:#f37421;border-radius: 5px;}

html {
  scroll-behavior: smooth;
}


.toTop {
    background-color:#EE634D;
    color: #fff;
    position: fixed;
    bottom: 60px;
    right: -60px;
    width: 40px;
    height: 70px;
    border-radius: 25px;
    cursor: pointer;
    line-height: 70px;
    text-align: center;
    z-index: 99;
    -webkit-transition: all .5s;
    transition: all .5s;
   

}
.toTop:hover , .toTop:focus{
   background-color: #131313
}
.toTop i {
    font-size: 22px;
    -webkit-transition: all .5s;
    transition: all .5s;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);}

/* start header */
header{}

.header.affix{
    top: 0;
    left: 0;
    width: 100%;
    padding: 5px 0;
    z-index: 9999;
    box-shadow: 0 0 10px rgba(27, 57, 96, .2);}


.header.affix .logo{line-height: 75px}
.header.affix .logo img{
    width: 80%;
}

.header.affix .navigation .navbar-default{
    margin: 15px 0;
}


header .top-header{
    background-color:#0d0d0d;
    width: 100%;
    color: #fff;
    padding: 5px 50px;
    line-height: 40px}


.date_time{float: right}                      
.date_time li{margin-left: 15px;font-size: 11px;
                color: #bdc0c5;
                transition: all 0.4s;
                position: relative;padding-left: 15px}

.date_time li:last-child{padding-left:0}
.date_time li span{margin-left: 5px}

.date_time li:first-child::after {
    content: "";
    width: 1.5px;
    height: 14px;
    background-color: #bdc0c5;
    position: absolute;
    top: 12px;
    left: 0;}




.top-header .social-top{float: left;}
.social-top li{margin-left:6px;
                transition: all 0.4s;
                position: relative;
                border:1.2px solid #424242;
                width: 25px;
                height: 25px;
                text-align: center;
                line-height: 25px;}

.social-top li:after{content:"";
position:absolute;
top: 0px;left: 0px;right: 100%;bottom: 100%;
border-top:1.5px solid #f37421;
border-right: 1.5px solid #f37421;
opacity: 0}                                              

.social-top li:hover::after
{opacity: 1;
    right: 0px;
    bottom: 0px;
    -webkit-transition: opacity .001s, right .125s linear .001s, bottom .125s linear .126s;
    -o-transition: opacity .001s, right .125s linear .001s, bottom .125s linear .126s;
    transition: opacity .001s, right .125s linear .001s, bottom .125s linear .126s;}

.social-top li:before{content: "";
    position: absolute;
    bottom: 0px;
    right: 0px;
    top: 100%;
    left: 100%;
    opacity: 0;
    border-bottom: 1.5px solid #f37421;
    border-left: 1.5px solid #f37421;}    

.social-top li:hover::before
{opacity: 1;
    top: 0px;
    left: 0px;
    -webkit-transition: opacity .001s, left .125s linear .001s, top .125s linear .126s;
    -o-transition: opacity .001s, left .125s linear .001s, top .125s linear .126s;
    transition: opacity .001s, left .125s linear .001s, top .125s linear .126s;} 


.social-top li:last-child{margin-left: 0}
.social-top li a{position: relative;z-index: 99}
.social-top li span{font-size: 11px;
                    color: #fff;
                    transition: all 0.4s;}



header .logo-header{padding: 25px 50px}
.logo-header .block-logo{float: right;width: 40%}
.logo-header .block-logo img{width:190px;height: 100%}

.logo-header .search-sec{float: left;
                        height: 40px;
                        display: flex;
                        margin-top: 10px;
                        position: relative;
                        width: 50%;}
                        
.search-sec .form-group{position: relative;
                        width: 22%;}

.search-sec .input{width: 60%}
.search-sec .form-control{height: 100%;
                        font-size: 13px;
                        border: 1.5px solid #e8ebee;
                        box-shadow: none;
                        outline: none;
                        padding-right: 25px;
                        color: #848484;
                        border-radius: 0 25px 25px 0;}

.search-sec input::-webkit-input-placeholder {color: #848484 !important;}
.search-sec input:-moz-placeholder {color: #848484 !important;} 
.search-sec input::-moz-placeholder {color: #848484 !important;}
.search-sec input:-ms-input-placeholder { color: #848484 !important;}

.search-sec select{width: 100%;
                    height: 100%;
                    padding: 5px 14px;
                    font-size: 13px;
                    color: #282828;
                    outline: none;
                    appearance: none;
                    border: 1px solid #f3f5f6;
                    background-color: #f3f5f6;
                    border-right: none;
                    border-radius: 25px 0px 0px 25px;}
                    
.search-sec .form-group i{
                        font-size: 11px;
                        position: absolute;
                        top: 15px;
                        left: 20px;} 


.search-sec .btn-search{margin-right: 10px;
                        width: 112px;
                        height: 40px;}
    

.nav-header {padding: 0px 50px;
            background-color: #e8ebee;}

.navigation{}

.navigation .navbar-default {
    background-color: transparent;
    border: none;
    margin: 0;min-height: auto;
}


.navigation .navbar-default .navbar-nav {
  padding:0 ;float: right!important;
}
.navigation .navbar-default .navbar-nav li{
	margin-left:25px;
}
.navigation .navbar-default .navbar-nav li:last-child{
	margin-left: 0;	
}

.navigation .navbar-default .navbar-nav li a {
                                        font-size: 13px;
                                        color: #282828;
                                        padding: 13px 3px;
                                        transition: all .4s;
                                        position: relative;}

.navigation .navbar-default .navbar-nav li a:after{content:"";
                            width: 0;height:2.5px;
                            background-color: #f37421;
                            position: absolute;
                            left: 50%;
                            bottom: -1px;
                            opacity: 0;
                            transform: translate(-50%,-50%);
                            transition: all 0.4s}


.navigation .navbar-default .navbar-nav li:hover a::after,
.navigation .navbar-default .navbar-nav li:active a::after,
.navigation .navbar-default .navbar-nav li:focus a::after,

.navigation .navbar-default .navbar-nav .active a:after,
.navigation .navbar-default .navbar-nav .active:focus a::after
{opacity: 1;width: 50%;}

.navigation .navbar-default .navbar-nav li a:hover,
.navigation .navbar-default .navbar-nav li.active a,
.navigation .navbar-default .navbar-nav li a:active
{
	color:#f37421
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover{
    background-color: transparent;
}
  
.navigation .btn{float: left;
                width:auto;
                height: auto;
                padding: 13px 40px}

            

.width{width: 100% !important;}
.opacity{display: none !important;}
.margin{right: 0 !important;}


/* End header */

/* addv-hero */
.addv-hero{padding:20px 50px;}
.addv-hero .img-hero{width: 100%;
                    overflow: hidden;
                    display: flex;
                    border-radius: 10px;
                    overflow: hidden;}
.addv-hero .img-hero img{width: 100%;
                        max-height: 400px;
                        flex-shrink: 0;
                        border-radius: 10px;
                        object-fit: fill;}
.hero-slider .owl-next,
.hero-slider .owl-prev{width: 45px;
                        height: 45px;
                        background-color:#fff;
                        border-radius:50%;
                        color: #000;
                        font-size: 16px;
                        line-height: 48px;
                        text-align: center;
                        box-shadow: 0px 1px 27px 0px rgba(0,0,0,0.3);
                        position: absolute;
                        top: 45%;transition: all 0.4s}                        

.hero-slider .owl-next{right: -20px}                    
.hero-slider .owl-prev{left: -20px} 

.hero-slider .owl-next:hover ,
.hero-slider .owl-prev:hover{box-shadow: none;color: #f37421}

/* end addv-hero */

/* start select-cars */

.select-cars{padding: 20px 50px}
.select-cars .select-kind{position: relative;
                            clear: both;
                            overflow: hidden;}
.select-kind .select-form{float: right;
                            width: 60%;
                            display: flex;
                            justify-content: space-around;
                            flex-wrap: nowrap;}
.select-form label{font-size: 13px;
                    color: #474747;
                    font-family: "Tajawal-Bold";
                    padding-top: 5px;
                    margin-left: 8px}
.select-form .form-group{width: 23%;
                        position: relative;
                        margin-left: 5px}
.select-form .form-group:last-child{width: auto;margin-left: 0}                        
.select-form select{width:100%;
                    height: 35px;
                    color: #949494;
                    border:1px solid #dddddd;
                    border-radius:8px;
                    font-size: 12px;
                    padding-right: 15px;
                    outline: none;
                    appearance:none;}

.select-form i{font-size: 11px;
            color: #949494;
            position: absolute;
            top: 15px;
            left: 15px;}                   
.select-form .btn-select{border-radius:6px;height: 35px}
.btn-select:before{border-radius: 6px}
.btn-select:after{border-radius: 6px}

.types-cars{width: 100%;
            padding-top: 30px;}

.types-cars .blocks-cars{float: left;
                        width: 70%;}
   
.blocks-cars .tab-car{position: absolute;
                        top: 0;
                        left: 0;
                        border:none;
                        border-radius: 0}
.tab-car>li.active>a,
.tab-car>li.active>a:focus,
.tab-car>li.active>a:hover {color: #f37421;
                            border: none;
                            border-radius: 0;}  

 .tab-car>li>a{border-radius: 0;
                border: none;
                padding: 10px;
                font-size: 18px;color: #999999}                        

.tab-car>li>a:hover{background-color: transparent;
                    border: 0;border-radius: 0}


.blocks-cars {width: 100%}
 .coll-boxes{display: flex;
            justify-content: space-between;
            flex-wrap: wrap;}
.box-car{width: 31.5%;
        height: 350px;
        border: 1.5px solid #e4e7ea;
        border-radius: 10px;
        position: relative;
        overflow: hidden;
        margin-bottom: 28px;
        transition: all 0.4s}


.box-car .img-box{width: 100%;
                height: 155px;
                border-bottom: 1px solid #e4e7ea;
                clear: both;
                margin: 0 auto;
                display: flex;
                align-items: center;
                justify-content: center;
                overflow: hidden;}

.box-car .img-box img{width: auto;
                    max-width: 90%;transition: all 0.4s}   
.box-car .text-box{padding: 12px;
                text-align: center;
                margin: 0 auto;}
.box-car .text-box h3{font-size: 15px;
                    font-family: "Tajawal-Bold";
                    color: #171717;
                    line-height: 22px;
                    width: 90%;
                    margin: 0 auto;
                    margin-bottom: 12px;
                    transition: all 0.3s}
.box-car .text-box h4{font-size: 14px;
                    color: #424242;
                    margin-bottom: 12px}
.box-car .text-box h4 span{font-family:"MyriadPro-Regular"}

.box-car .text-box .city{}
.text-box .city li{font-size: 14px;
                color: #424242;
                font-family: "Tajawal-Bold"}
.text-box .city li i{color: #f37421;
                    margin-left: 5px}          
.text-box .kind-car{width: 100%;
                    position: absolute;
                    bottom: 0;
                    right: 0;
                    margin: 0;
                    height: 35px;
                    border-radius: 0;} 
.kind-car li a{font-family:"Tajawal-Bold";
                font-size: 13px;
                color: #55585b;transition: all 0.4s}   
.kind-car>li+li:before{content: none;}
.kind-car li span{margin: 0 5px;font-size: 10px}

.text-box li:hover a{color: #f37421}
.tab-content .list-view .box-car {
                                width: 100%;
                                height: 230px;}
.list-view .box-car .img-box{border-bottom: none;
                            float: left;
                            border-right:1.5px solid #e4e7ea;
                            width: 35%;
                            height: 100%;}
.list-view .text-box{text-align: right;
                    margin: 0 auto;
                    float: right;
                    padding-right: 30px;}
.list-view .text-box h3{margin: 0;margin-bottom: 15px!important}

.list-view .kind-car{text-align: center;}

.box-car:hover h3{}
.box-car:hover img{}
.box-car:hover {box-shadow: 0px 2px 11px 0px rgb(0 0 0 / 20%);
                border: none;}
.box-car:hover .img-box{}

.coll-boxes .avert-kind{width: 100%;margin-bottom:30px;
    border-radius: 10px;overflow: hidden;}
.coll-boxes .avert-kind img{width: 100%;min-height: 170px}


.cars-pagin{float: left;
            padding-top: 40px;}
.cars-pagin>li:first-child>a,
.cars-pagin>li:first-child>span{margin-left: 5px;
                                border-radius: 0}  
.cars-pagin>li:last-child>a,
.cars-pagin>li:last-child>span {margin-left: 0px;
                                border-radius: 0;
                                margin-right: 0}
.cars-pagin>li>a,
.cars-pagin>li>span{width: 32px;
                    height: 32px;
                    border: 1px solid #bcbcbc;
                    margin-left: 5px;
                    font-size: 14px;
                    color:#bcbcbc;
                    text-align: center;
                    line-height: 30px;
                    padding: 0}

.cars-pagin>.dots a{border: none;
                    overflow: hidden;
                    padding: 0;
                    margin: 0 auto;line-height: 30px}
.pagination>.active>a,
 .pagination>.active>a:focus, 
 .pagination>.active>a:hover, 
 .pagination>.active>span,
  .pagination>.active>span:focus,
   .pagination>.active>span:hover
   {background-color: #f2833a;border-color:#f2833a;}
   .pagination>li>a:focus, .pagination>li>a:hover, 
   .pagination>li>span:focus, .pagination>li>span:hover
   {background-color: #f2833a;border-color:#f2833a;color: #fff}




.types-cars .brand-cars{width: 28%;
            height: auto;
            background-color: #f9f9f9;
            border-radius: 8px;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            padding: 15px 12px;padding-bottom: 5px}
.brand-cars .img-brand{height: 130px;
                        background-color: #fff;
                        width: 48%;
                        align-items: center;
                        text-align: center;
                        border-radius: 8px;
                        padding-top: 10px;
                        margin-bottom: 12px;
                        transition:all 0.4s}
.img-brand span{width: 100%;
                height: 80px;
                display: flex;
                justify-content: center;
                flex-wrap: wrap;
                align-items: center;}
.img-brand img{max-width: 80%;
                width: auto;
                max-height: 80%;}

.brand-cars .img-brand h5{font-size: 13px;color: #171717}

.brand-cars .img-brand:hover{box-shadow: 0px 1px 15px 0px rgb(0 0 0 / 20%);}

/* end select-cars */

/* start addv-footer */

.addv-footer{padding: 30px 50px;}
.addv-footer .img-adv {border-radius: 10px;overflow: hidden;}
.addv-footer .img-adv img{width: 100%;
                        border-radius: 10px;
                        min-height: 170px;
                        display: flex;
                        flex-shrink: 0}
/* end addv-footer */



/* start footer */

footer{background-color:#151515;
        padding: 40px 50px;
        margin-top: 20px}
      
footer .main-links{} 
.title-footer{padding-bottom: 25px}
.title-footer h6{font-family: "Tajawal-Bold";
                font-size: 15px;
                color:#fff}
.main-links .logo-footer{margin-bottom: 25px}                
.main-links .logo-footer img{max-width: 240px;width: 100%}
.main-links .text-footer{width: 68%;
                        position: relative;
                        padding-bottom: 35px}
.text-footer p{font-size: 13px;
                color: rgba(255,255,255,0.8);
                line-height: 24px;
                letter-spacing: 0.3px;
                text-align: justify;}
.text-footer .link-footer{font-size: 14px;
                        color:rgba(255,255,255,0.3);
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        transition: all 0.4s}
.text-footer .link-footer:hover{text-decoration: underline;color:#fff}
                                

.main-links .links{list-style: none;}
.main-links .links li{margin-bottom: 10px;
                    transition: all 0.4s;}
.main-links .links li:last-child{margin-bottom: 0px}
.main-links .links li a{font-size:14px;
                        color:rgba(255,255,255,0.8);
                        padding-bottom: 5px;
                        transition: all 0.4s;
                        position: relative;
                        padding-right: 15px;}
.main-links .links li a:after{content: "";
                            width: 5px;
                            height: 2px;
                            background-color:rgba(255,255,255,0.8);
                            position: absolute;
                            right: 0;
                            top: 10px;
                            transition: all 0.4s;display: flex;}
.main-links .links li:hover a:after{background-color: #f2833a}                        
.main-links .links li:hover a{color: #f2833a} 


.main-links .con li{font-size: 14px;
                    color: rgba(255,255,255,0.8);
                    padding-right: 25px;
                    position: relative;}
.main-links .con li i{position: absolute;
                    top: 0;
                    right: 0;}
.main-links .con li span{display: block;
                        padding:5px 0}

.main-links .con li:first-child{padding-bottom: 10px}


                      
/* end footer */


/* start bottom-footer */
.bottom-footer{padding: 10px 50px;
                background-color:#0b0b0b;
                overflow: hidden;}
.bottom-footer .text-bottom{display: flex;justify-content: space-between;}                
.bottom-footer h3{font-size: 12px;color: #a0a0a0;line-height: 50px}
.bottom-footer h3 a{color: #ff8f25}
.bottom-footer .social-top{line-height: 50px}
.bottom-footer img{max-width: 90px;height: 100%}

/* end bottom-footer */


/*=================sections==================*/

.sections{padding: 20px 50px}
.sections .icons-sec{display: flex;
                    justify-content: center;
                    flex-wrap: nowrap;}
.icons-sec li{width: 230px;
            height: 85px;
            background-color: #fff;
            padding: 10px;
            padding-right: 25px;
            border-radius: 10px;
            box-shadow:0px 1px 32px 0px rgba(0,0,0,0.2);
            margin-left: 20px;
            line-height: 60px;
            transition: all 0.4s;position: relative;}

.icons-sec li:last-child{margin-left: 0}

.icons-sec li:after{content:"";
                    position:absolute;
                    top: 0px;left: 0px;right: 100%;bottom: 100%;
                    border-top:1.5px solid #f37421;
                    border-right: 1.5px solid #f37421;
                    border-radius: 10px;
                    opacity: 0}                                              

.icons-sec li:hover::after
{opacity: 1;
    right: 0px;
    bottom: 0px;
    -webkit-transition: opacity .001s, right .125s linear .001s, bottom .125s linear .126s;
    -o-transition: opacity .001s, right .125s linear .001s, bottom .125s linear .126s;
    transition: opacity .001s, right .125s linear .001s, bottom .125s linear .126s;}

.icons-sec li:before{content: "";
                    position: absolute;
                    bottom: 0px;
                    right: 0px;
                    top: 100%;
                    left: 100%;
                    opacity: 0;
                    border-bottom: 1.5px solid #f37421;
                    border-left: 1.5px solid #f37421;
                border-radius: 10px;}    

.icons-sec li:hover::before
    {opacity: 1;
    top: 0px;
    left: 0px;
    -webkit-transition: opacity .001s, left .125s linear .001s, top .125s linear .126s;
    -o-transition: opacity .001s, left .125s linear .001s, top .125s linear .126s;
    transition: opacity .001s, left .125s linear .001s, top .125s linear .126s;} 



.icons-sec li a{font-size: 18px;
                color: #282828;
                font-family: "Tajawal-Bold";
                display: block;
                position: relative;z-index: 99}

.icons-sec li img{margin-left: 20px;
                max-width: 60px;
                height: auto}
.icons-sec li:hover{box-shadow: none;}

.special-adv{padding: 40px 50px;position: relative;}

.slider-blocks{padding-bottom: 50px}
.slider-blocks .box-car{width: auto}
.slider-blocks .box-car img{width: auto !important;}

.slider-blocks .owl-next,
.slider-blocks .owl-prev{color: #f37421;
                        font-size: 20px;
                        position: absolute;
                        top: 35%}
                        
.slider-blocks .owl-next{right: -35px;}                        
.slider-blocks .owl-prev{left: -35px;}



.overlay-block{width:100%;
                height:100%;
                background-color: rgba(0,0,0,0.7);
                border-radius: 10px;
                position: absolute;
                top: 0;
                right: 0;
                transform: scale(1);
                transition: all 0.3s;
                opacity: 0;
                visibility: hidden;}

.box-car .overlay-block .btn-details{position: absolute;
    top: 30%;
    left: 36%;
    transform: scale(0) translate(-50%,-50%);
    opacity: 0;
    visibility: hidden;
    margin: 0 auto;
    display: block;}   

.box-car:hover .overlay-block{opacity: 1;visibility: visible;}   
.box-car:hover .btn-details{transform: scale(1);
                            opacity:1;
                            visibility: visible;}
.size-block .coll-boxes{justify-content:flex-start;}                       
.size-block .box-car{width: 24%;margin-left: 10px}

.link-title{font-size: 16px;
            color: #f37421;
            position: absolute;
            top: 60px;
            left: 80px;
            font-family: "A-Jannat-LT-Bold";
            transition: all 0.4s}

.link-title span{margin-right:8px }
.link-title:hover{color: #282828}

/*=================single==================*/
.color-bg{background-color: #f8f8f8}
.details-single{padding: 20px 50px}
.details-single .details-kind{
                            background-color: #fff;
                            padding: 30px 15px;
                            position: relative;
                            margin-bottom: 28px}

.text-details{padding-right:15px}                          
.text-details h2{font-size: 20px;
                color: #171717;
                padding-bottom: 12px;}
.text-details .ul-detail{list-style: none;
                        padding-bottom: 28px}
.ul-detail li{font-size: 14px;
            color: #171717;
            padding-bottom: 10px;}

.ul-detail li span{margin-left: 3px;}
.ul-detail li i{font-size: 15px;
                margin-left: 8px;
                color: #f37421;}
.ul-detail li:nth-of-type(1){position: absolute;top: 50px;left:50px;}

.description{padding-right: 0}
.description h2{font-size: 14px;
                margin: 0;
                background-color: #e4e7ea;
                width: 100%;
                height: 30px;
                border-radius: 8px;
                padding-right: 25px;
                line-height: 30px;
                margin-bottom: 20px}

.description .ul-detail{width: 70%;}
.description .ul-detail li{width:48%;
                        font-family: "Tajawal-Bold";
                        color: #343434;
                        position: relative;}
.description li:after{content: "";
                        width: 1.5px;
                        height: 12px;
                        background-color: #343434;
                        position: absolute;
                        top: 3px;
                        left: 0;
                    margin-left: 80px}

.description li:nth-child(even)::after{content: none;}

.description .ul-detail li span{font-family:"Tajawal-Regular"}

.description li:nth-of-type(1){position: sticky;}
.description li:last-child::after{content: none;}

.description p{ font-size: 14px;
                color: #343434;
                width: 74%;
                line-height: 25px;}

.details-imges{list-style: none;
                padding: 75px 0}

.details-imges li{margin-bottom: 20px}
.details-imges li:last-child{margin-bottom: 0px}
.details-imges li img{width: 98%;
                    margin: 0 auto;
                    display: table;}

.details-kind .call-us{padding-right: 15px}
.details-kind .call-us li{font-family:"Tajawal-Bold"}
.details-kind .call-us li:nth-child(even){float: left}
.call-us li span{color: #171717;
                font-size: 14px;
                margin-left: 15px;}

 .call-us .price{font-size: 20px;
                color: #f37421;
                margin-bottom: 60px}
                            
.call-us .phone{color: #fff;float: left;
                font-size: 16px;
                font-family: "OpenSans-Semibold";
                padding: 10px 15px;
                background-color: #f37421;
                border-radius: 6px;
                margin-top: -6px;
                letter-spacing: 1px}

.call-us .phone i{margin-left: 10px}


.hidden_{display: none;}
.social-single{display: flex;
            justify-content: space-between;
            flex-wrap: nowrap;padding: 30px 0}
.social-single li{width: auto;
                height: 35px;
                background-color: #f7f7f7;
                border-radius: 10px;
                padding: 0 15px;
                padding-right: 65px;
                position: relative;
                line-height: 35px;}
.social-single li a{font-size: 12px;
                    color: #1e1e1e;display: block;}               
.social-single li span{width: 45px;
                        height: 45px;
                        background-color: #fff;
                        border-radius: 50%;
                        font-size: 17px;
                        color: #444444;
                        text-align: center;
                        line-height: 45px;
                        box-shadow: 0px 0px 14px 0px rgb(0 0 0 / 30%);
                        position: absolute;
                        top: -5px;
                        right: 0;
                        transition: all 0.4s}
.social-single li:last-child{position: relative;}
.social-single li:after{content: none;}

.social-single li:hover span{box-shadow: none;color: #feb801}

/*.social-single .social-1:hover span{color: #0077b5}
.social-single .social-2:hover span{color: #25D366}
.social-single .social-3:hover span{color: #af0606}
.social-single .social-4:hover span{color: #0077B5}
.social-single .social-5:hover span{color: #0077B5}
.social-single .social-6:hover span{color: #0077B5}*/

.form-single{ width: 100%;
    padding-left: 20px;
    overflow: hidden;}
.form-single .form-control{width: 100%;
                        height: 200px;
                        resize: none;
                        background-color: #f7f7f7;
                        border: none;
                        box-sizing: content-box;
                        outline: none;
                        padding: 20px;
                        font-size: 14px;
                        color: #171717;
                        margin-bottom: 20px}

.form-single .btn{float: left;}


.details-single .simmilar-addv{margin-top: 30px}
.simmilar-addv h2{font-size:20px;color: #171717;margin-bottom: 20px}
.simmilar-addv .simmilar-kind{background-color: #fff;
                                padding: 30px 15px}
.simmilar-kind .simmilar-img{display: flex;
                            justify-content: space-between;
                            flex-wrap: wrap;}
.simmilar-img li{width: 30.3%;
                border-radius: 8px;
                overflow: hidden;
                height: 100px;margin-bottom:11px}
.simmilar-img li img{width: 100%;
                    min-height: 100px;}