body{overflow-x: hidden;
    font-family: "Tajawal", sans-serif;
    
    font-size: medium;}
.custom{
    box-shadow: rgb(0 0 0 / 10%) 0px 2px 10px;
    transition: all 0.3s cubic-bezier(0, 0, 0.5, 1) 0s;
    max-width: 500px;
    margin: auto;
}
.custom:hover, .custom:focus{
    box-shadow: rgb(0 0 0 / 30%) 0px 0px 20px -8px, rgb(0 0 0 / 20%) 0px 0px 25px -16px;
    transform: scale3d(1.03, 1.03, 1.08) translate3d(0.1rem, -0.25rem, 20rem);
  
}
.cont-normal{max-width: 1140px !important;}
.img-01{background: url(/ar/Deans/E-Learning/Documents/agencies/images/elearn-home.jpg) center top no-repeat; transition: .5s;}
.img-01:hover{background: url(/ar/Deans/E-Learning/Documents/agencies/images/elearn-home-over.jpg) center top no-repeat; transition: .5s;}

.img-02{background: url(/ar/Deans/E-Learning/Documents/agencies/images/it-home.jpg) center top no-repeat; transition: .5s;}
.img-02:hover{background: url(/ar/Deans/E-Learning/Documents/agencies/images/it-home-over.jpg) center top no-repeat; transition: .5s;}
.img-03{background: url(/ar/Deans/E-Learning/Documents/e-learning-pages/assets/images/vision.jpg) center top no-repeat; transition: .5s;}
.img-03:hover{background: url(/ar/Deans/E-Learning/Documents/e-learning-pages/assets/images/vision-hoveer.jpg) center top no-repeat; transition: .5s;}
.img-04{background: url(/ar/Deans/E-Learning/Documents/e-learning-pages/assets/images/academic.jpg) center top no-repeat; transition: .5s;}
.img-04:hover{background: url(/ar/Deans/E-Learning/Documents/e-learning-pages/assets/images/academic-hover.jpg) center top no-repeat; transition: .5s;}
.bg-dean{background: url(/ar/Deans/E-Learning/Documents/agencies/images/bg-dean2.png) center top no-repeat;}
.width-bg{width: 500px; height: 370px;}
.link-icon-custom {
    color: #0b6f77;
    text-decoration: none;
    font-size: 16px;
}
.link-icon-custom:hover {
    color: #c69a47;
    text-decoration: none;
    font-size: 16px;
}
.border-color{border-color: #0b6f77 !important;}
.border-color:hover{border-color: #c69a47 !important;}
.custom-divider {
    margin: 1.5rem 0;
    color: transparent;
}
/*news*/
.news-slider {
    width: 100%;
    margin: auto;
}
.news-item {
    position: relative;
    background-color:rgb(249 249 249);
    overflow: hidden;
}
.news-image img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}
.news-content {
    padding: 15px;
    max-width: 500px;
}
.news-title {
    font-size: 1.5rem;
    margin-bottom: 10px;
    line-height: 1.8;
    font-weight: 500;
}
.news-date {
    color: #c69a47;
    font-size: 0.9rem;
    margin-bottom: 15px;
    font-weight: bold;
}
.news-summary {
    font-size: 1.1rem;
   text-align: justify;
   line-height: 1.5;
}
.slick-dots{display: block !important;}
.slick-slide{height: auto !important;}
.slick-dots li button:before{font-size: 1rem;color: #0b6f77;}
.slick-dots li.slick-active button:before{color: #0b6f77;}
.slick-prev:before, .slick-next:before{display: none;}
.slick-prev:after, .slick-next:after{display: none;}
.link-main{color: #0b6f77;text-decoration: none;}
.link-main:hover{color: #c69a47;text-decoration: none;}
.date-bg {
    width: 112px;
    height: 89px;
    background: url(/ar/Deans/E-Learning/Documents/shms-awards/img/date-bg.png);
}
.clear{clear: both; height: 5px;}
.opc-0{opacity: 0;}
.icon-bg{height: auto; width: auto;}
.icon-bg .btn-title{font-weight: bold;color: #0b6f77;}
.icon-bg:hover .btn-title{font-weight: bold;color: #c69a47;}
#pills-tab .nav-link.active .opc-0{color: #c69a47 !important; opacity: 100;}
#pills-tab .nav-link.active .btn-title{color: #c69a47;}
.justify{text-align: justify;}
.bg-chart{background: url(/ar/Deans/E-Learning/Documents/e-learning-pages/assets/images/chart-background.png) center no-repeat;}
@media (max-width: 767.98px){
    .width-bg{width: 400px;}
    .news-content{max-width: 100%;}
}

@media (max-width: 991px){
    .width-bg{width: 450px;}
    .news-content{max-width: 100%;}
}
@media (max-width: 1024px){
.bg-chart{background: none;}
}
@media (min-width: 992px){
    .col-lg-7 {
        flex: 0 0 auto;
        width: 14.28%;
    }
}