/*** Spinner Start ***/
body {

    /* font-family: system-ui; */
    /* font-family: 'Amiri', serif;  */
    /* font-family: 'Cairo', sans-serif; */
    /* font-family: 'Tajawal', sans-serif; */

}

.footer .footer-widget ul li a::before {
    content: '\f060';
    padding-left: 5px;
}
.top-bar {
    padding: 10px 0;
}
h2 {
    font-size: 1.5rem;
}

.footer .footer-widget .title {
    font-size: 18px;
}

.bg-light {
    background-color: #ededed !important;
}

.footer .newsletter .btn {
    right: auto;
    left: 0;
}

.img_left {
    width: 100px;
    height: 60px;
    object-fit: cover;
    padding-left: 10px;
}

.single-news .sn-slider .slick-prev {
    left: 14px;
    right: auto;
}

.single-news .sn-slider .slick-next {
    right: calc(100% - 85px);
    left: auto;
}

.top-news .tn-left .tn-title a {
    font-size: 20px;
    font-weight: 400;
}

/* حركة الكورسل */
/* [dir='rtl'] .slick-slide {
    float: left;
} */
.h_100 {
    height: 80vh;
}

.dir_rtl {
    direction: rtl;
}

.dir_ltr {
    direction: ltr;
}

.btn_sersh {
    top: 0;
    left: 25%;
}

/* ========= */
.top-news .slick-next {
    right: 30px;
    left: auto;
}

.cat-news .slick-prev {
    right: auto;
    left: 14px;
}

.cat-news .slick-next {
    left: auto;
    right: calc(100% - 85px);
}

/* الشكل السداسي  6 */
.hexagon {
    position: relative;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    /* الشكل السداسي */
    overflow: hidden;
}

.hexagon img {
    object-fit: cover;
    display: block;
}

.hexagon:hover {
    transform: scale(1.05);
    /* تكبير بسيط عند التمرير */
    transition: transform 0.3s ease-in-out;
}

.w_16 {
    padding-left: 17%;
    padding-right: 17%;
}
.h_300{
    height: 300px !important;
}
/* الشكل السداسي  end*/

/* corsel 19  */
.container_19 {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.container_19 .slider {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.container_19 ul {
    position: relative;
    width: 100%;
    height: 450px;
    display: flex;
    justify-content: center;
}

.container_19 ul li {
    list-style: none;
    margin-bottom: -400px;
}

.container_19 ul li input {
    position: relative;
    z-index: 1000;
    width: 15px;
    height: 15px;
    margin: 0 10px;
}

.container_19 ul li .slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.container_19 ul li .slide .face {
    position: absolute;
    /* width: 50%; */
    /* height: 100%; */
    /* background-color: #fff; */

}

.container_19 ul li .slide .face.face1 {
    left: 0;
    transition: transform 1s;
    transform-origin: top;
    transform: rotateX(90deg);

}

.container_19 ul li .slide .face.face1 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    object-fit: cover;
}


.container_19 ul li .slide .face.face2 {
    right: 0;
    transition: transform 1s;
    transform-origin: bottom;
    padding-left: 20px;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    transform: rotateX(90deg);

}

.container_19 ul li .slide .face.face2 p {
    line-height: 1.9em;
}

.container_19 ul li input[type="radio"]:checked~.slide .face.face1 {
    transform: rotateX(0deg);
    transition: transform 1s;
    transform-origin: bottom;
}

.container_19 ul li input[type="radio"]:checked~.slide .face.face2 {
    transform: rotateX(0deg);
    transition: transform 1s;
    transform-origin: top;
}

/* corsel 19 end */