@import "style.css";

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


/*default class*/
body{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'sans-serif';
    //direction: rtl;
    //text-align: right;
    //height: 6000px;
}
.transition-me{
    -weebkit-transition: all 0.3s ease-in-out;
    -noz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.index_over{
    z-index: 100
}
button:focus:not(:focus-visible),
button,
select,
input,
textarea{
    outline: none
}
.rounded{
    border-radius: 8px !important
}
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover,
.carousel-control-next, .carousel-control-prev{
    opacity: 1
}
.point{
    cursor: pointer;
}
.row{
    margin-right: 0px;
    margin-left: 0px;
}
/*main-class*/
:root{
    --main--color: #7a4a1c;
    --second--color: #cb6819;
    --third--color: #000;
}
.main_color{
    color: var(--main--color);
}
.second_color{
    color: var(--second--color);
}
.third_color{
    color: var(--third--color);
}
.main_bg{
    background: var(--main--color);
}
.second_bg{
    background: var(--second--color);
}
.third_bg{
    background: var(--third--color);
}
.my_teny{
    font-size: 14px;
}
.main_border{
    border: 1px solid var(--main--color);
}
.main_bt{
    background: var(--main--color);
    color: #FFF;
}
.main_bt:hover{
    background: var(--third--color);
    color: #FFF;
}
.main_link{
    color: #000;
}
.main_link:hover{
    color: var(--main--color)
}
.second_link{
    color: var(--main--color);
}
.second_link:hover{
    color: #000
}
.my_oppacity{
    opacity: 0.6
}
/*start main_slid*/
/*.main_slid{
    background: url('../img/urn_aaid_sc_US_7af692f3-4219-4b3c-98d4-d41d297c8045.png') no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}*/
.main_slid .in_main_slide{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 228, 0.7)
}
.border-right{
    border-right: 2px solid var(--main--color) !important
}
/*start our services*/
.our_control{
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--main--color);
}
.our_control:hover{
    background: var(--main--color);
    color: #FFF;
}
.news .carousel-control-next, .news .carousel-control-prev,
.services .carousel-control-next, .services .carousel-control-prev{
    width: 5%
}
/*start news*/
.news .in_news{
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.news .carousel-indicators {
    bottom: -35px;
}
.news .carousel-indicators li{
    opacity: 1;
    background: #fff;
    height: 15px;
    width: 15px;
    border: 1px solid var(--main--color);
    border-radius: 50%
}
.news .carousel-indicators .active{
    background: var(--main--color)
}
/*strat service*/
.breadcrumb-item+.breadcrumb-item::before{
    content: "";
    float: left;
    padding-right: 0px;
}
.breadcrumb-item+.breadcrumb-item::after{
    float: right;
    color: var(--main--color);
    content: "/";
    padding: 0px 10px;
    font-size: 22px
}
.tab_me:hover{
    background: #f9f4f0;
    color: var(--main--color);
}
::marker {
    color: var(--main--color);
    font-size: 35px
}
/*start social_separation*/
.table-striped tbody tr:nth-of-type(odd){
    background: #f9f4f0
}
/*start service_start*/
.line_hei{
    height: 3px;
    width: 100%;
}
.ball{
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
/*start my_account*/
i.icon-phone_enabled.main_color.h3.position-absolute,
i.icon-envelope.main_color.h3.position-absolute,
i.icon-lock.main_color.h3.position-absolute,
i.icon-user.main_color.h3.position-absolute{
    top: 15px;
    right: 15px
}
/*start contact_us*/
.right_border{
    border-left: 4px solid #CCC;
    padding-left: 15px
}
.left_border{
    border-right: 4px solid #CCC;
    padding-right: 15px
}