.bg-color-div{
    background-color: #F5F5F5;
    width: 100%;
    height: 100%;
    display: inline-block;
    float: right;
}
/*
.bg-img-div{
    background-image: url("../../images/header-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 50%;
    height: 100%;
    display: inline-block;
    float: left;
}*/
.shadow-sm{
    float: right;
    direction: rtl;
    font-family: Arial;
}
.about-title{
    font-family: Tajawal-Bold, sans-serif;
    font-size: 18px;
    color: #495964;
    padding: 5% 0 5% 0;

}
.about-text{
    font-family: Tajawal-Regular, sans-serif;
    font-size: 17px;
    color: #6E6E6E;
    line-height: 2.3;
}

.news-card-style{
    border-radius: 5px;
    box-shadow: 0 0 12px #00000012;
}
.w-5{
    height: 25px;
    width: 25px;
}
.pagination a{
    color: #717D93;
    border: 1.52px solid #AFC0D5;
    text-decoration: none;
    border-radius: 50% !important;
    
    font-size: 19px;
   /* padding: 8px 14px;*/
    margin: 0;

}
.pagination .shadow-sm{
    box-shadow: 0 0rem 0rem rgba(0,0,0,.075)!important;
}
.py-2 {
    padding-top: 1.5rem!important;
    padding-bottom:1.5rem!important;
}
.px-4{
    padding-left:1.447rem !important;
    padding-right:1.5rem !important;
}
svg{
    color: #717D93;
}
svg.w-5.h-5{
    width: 25px !important;
    height: 25px !important;
}
.border{
    border-radius: 50% !important;  
    border: 2px solid #F38122  ;
    color: #F38122;
    margin-right: 5px;
    margin-left: 5px;


}
.border{
    border: 1px solid transparent;
}
.flex-1   {display: none;   
}
.pagination{
    margin-bottom: 8%;
}
.m-5r{
    margin-bottom: 5rem;
}
.hidden div p {
display: none;}
.date_undefinde {
    font-family: 'GE_SS_TWO_MEDIUM';
}
.paginations {
    margin-top: 1rem;
}
span.relative.inline-flex.items-center.px-4.py-2.-ml-px.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.cursor-default.leading-5 {
    padding:8px 14px !important;
    margin-left: 0px;
    height: 45px;
    width: 45px;
    text-align: center;
    display: inline-block;
    font-size: 19px !important;

}

   
    span.relative.inline-flex.items-center.px-2.py-2.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.cursor-default.rounded-l-md.leading-5 {
        padding: 9px 10px !important;
        height: 45px;
        width: 45px;
        border-radius: 50%;
        display: inline-block;
        text-align: center;
    }
    a.relative.inline-flex.items-center.px-2.py-2.-ml-px.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.rounded-r-md.leading-5.hover\:text-gray-400.focus\:z-10.focus\:outline-none.focus\:ring.ring-gray-300.focus\:border-blue-300.active\:bg-gray-100.active\:text-gray-500.transition.ease-in-out.duration-150 {
        padding: 8px 10px !important;
        height: 45px;
        width: 45px;
        border-radius: 50%;
        display: inline-block;
        text-align: center;
    }
    a.relative.inline-flex.items-center.px-4.py-2.-ml-px.text-sm.font-medium.text-gray-700.bg-white.border.border-gray-300.leading-5.hover\:text-gray-500.focus\:z-10.focus\:outline-none.focus\:ring.ring-gray-300.focus\:border-blue-300.active\:bg-gray-100.active\:text-gray-700.transition.ease-in-out.duration-150 {
        padding: 8px 14px !important;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;  
}
    span.relative.inline-flex.items-center.px-2.py-2.-ml-px.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.cursor-default.rounded-r-md.leading-5{
        padding: 13px 8px !important;
        height: 45px !important;
    width: 45px !important;
        /* margin: 0; */
    }
    a.relative.inline-flex.items-center.px-2.py-2.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.rounded-l-md.leading-5.hover\:text-gray-400.focus\:z-10.focus\:outline-none.focus\:ring.ring-gray-300.focus\:border-blue-300.active\:bg-gray-100.active\:text-gray-500.transition.ease-in-out.duration-150 {
        padding: 8px 10px !important;
        height: 45px;
        width: 45px;
        border-radius: 50%;
        display: inline-block;
        text-align: center;
    }

    /**/
   
    @media only screen and (max-width: 768px) {
        a.relative.inline-flex.items-center.px-2.py-2.-ml-px.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.rounded-r-md.leading-5.hover\:text-gray-400.focus\:z-10.focus\:outline-none.focus\:ring.ring-gray-300.focus\:border-blue-300.active\:bg-gray-100.active\:text-gray-500.transition.ease-in-out.duration-150 {
            padding: 9px 6.5px !important;
           /* margin-left: 4px;   */     }
        svg.w-5.h-5{
            width: 20px !important;
            height: 20px !important;
        }
        .pagination a{
            margin: 0;
            font-size: 13px;

        }
        span.relative.inline-flex.items-center.px-2.py-2.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.cursor-default.rounded-l-md.leading-5 {
            padding: 8px 4.287px !important;
           /* margin: 0 !important;*/
        }
        span.relative.inline-flex.items-center.px-4.py-2.-ml-px.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.cursor-default.leading-5 {
            padding: 8px 12.06px !important;
            padding: 9px 12.9px !important;
            font-size: 13px;
            margin-left: 5px !important;
        }
        a.relative.inline-flex.items-center.px-4.py-2.-ml-px.text-sm.font-medium.text-gray-700.bg-white.border.border-gray-300.leading-5.hover\:text-gray-500.focus\:z-10.focus\:outline-none.focus\:ring.ring-gray-300.focus\:border-blue-300.active\:bg-gray-100.active\:text-gray-700.transition.ease-in-out.duration-150 {
            padding: 8px 14px !important;
            height: 45px;
            width: 45px;
            text-align: center;
            display: inline-block;
            font-size: 19px !important;    }
        
        span.relative.inline-flex.items-center.px-2.py-2.-ml-px.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.cursor-default.rounded-r-md.leading-5 {
            margin-left: 8px !important;
            padding: 8px 10px !important;
            height: 45px;
            width: 45px;
            border-radius: 50%;
            display: inline-block;
            text-align: center;        
        }
        a.relative.inline-flex.items-center.px-2.py-2.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.rounded-l-md.leading-5.hover\:text-gray-400.focus\:z-10.focus\:outline-none.focus\:ring.ring-gray-300.focus\:border-blue-300.active\:bg-gray-100.active\:text-gray-500.transition.ease-in-out.duration-150 {
            padding: 9px 4.7px !important;
margin: 0 !important;        }
    }


    @media only screen and (max-width: 376px) {
      
        .pagination a{
            margin: 0;
            font-size: 13px;

        }
      
        span.relative.inline-flex.items-center.px-4.py-2.-ml-px.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.cursor-default.leading-5 {
            padding: 8px 12.06px !important;
            padding: 9px 12.9px !important;
            font-size: 13px;
            margin-left: 5px !important;
        }
        a.relative.inline-flex.items-center.px-4.py-2.-ml-px.text-sm.font-medium.text-gray-700.bg-white.border.border-gray-300.leading-5.hover\:text-gray-500.focus\:z-10.focus\:outline-none.focus\:ring.ring-gray-300.focus\:border-blue-300.active\:bg-gray-100.active\:text-gray-700.transition.ease-in-out.duration-150 {
            padding: 8px 14px !important;
            height: 40px;
            width: 40px;
            text-align: center;
            display: inline-block;
            font-size: 19px !important;    }
        
        span.relative.inline-flex.items-center.px-2.py-2.-ml-px.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.cursor-default.rounded-r-md.leading-5 {
            margin-left: 8px !important;
            padding: 8px 10px !important;
            height: 40px;
            width: 40px;
            border-radius: 50%;
            display: inline-block;
            text-align: center;        
        }
        a.relative.inline-flex.items-center.px-2.py-2.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.rounded-l-md.leading-5.hover\:text-gray-400.focus\:z-10.focus\:outline-none.focus\:ring.ring-gray-300.focus\:border-blue-300.active\:bg-gray-100.active\:text-gray-500.transition.ease-in-out.duration-150 {
            padding: 9px 4.7px !important;
margin: 0 !important;        }

a.relative.inline-flex.items-center.px-2.py-2.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.rounded-l-md.leading-5.hover\:text-gray-400.focus\:z-10.focus\:outline-none.focus\:ring.ring-gray-300.focus\:border-blue-300.active\:bg-gray-100.active\:text-gray-500.transition.ease-in-out.duration-150{
    height: 40px;
    width: 40px;
}
span.relative.inline-flex.items-center.px-4.py-2.-ml-px.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.cursor-default.leading-5{
    height: 40px;
    width: 40px;   
}
span.relative.inline-flex.items-center.px-2.py-2.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.cursor-default.rounded-l-md.leading-5{
    height: 40px;
    width: 40px; 
}
a.relative.inline-flex.items-center.px-2.py-2.-ml-px.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.rounded-r-md.leading-5.hover\:text-gray-400.focus\:z-10.focus\:outline-none.focus\:ring.ring-gray-300.focus\:border-blue-300.active\:bg-gray-100.active\:text-gray-500.transition.ease-in-out.duration-150{
    height: 40px;
    width: 40px;
}

    }