/*=========================================================
                NEWS & UPDATES SECTION
=========================================================*/

.news-section{

    padding:45px 0;

    background:#dfe8f3;

}

/*=========================================================
                SECTION TITLE
=========================================================*/

.section-title{

    text-align:center;

    margin-bottom:30px;

}

.section-title h2{

    font-size:34px;

    font-weight:700;

    color:#1b2d4f;

    margin-bottom:8px;

}

.section-title p{

    font-size:15px;

    color:#666;

    margin:0;

}

/*=========================================================
                SLIDER WRAPPER
=========================================================*/

.news-slider-wrapper{

    position:relative;

    display:flex;

    align-items:center;

}

/*=========================================================
                SLIDER
=========================================================*/

.news-slider{

    display:flex;

    gap:24px;

    overflow-x:auto;

    scroll-behavior:smooth;

    scrollbar-width:none;

    width:100%;

    padding:10px 0;

}

.news-slider::-webkit-scrollbar{

    display:none;

}

/*=========================================================
                CARD
=========================================================*/

.news-card{

    flex:0 0 260px;

    background:#fff;

    border-radius:8px;

    overflow:hidden;

    text-decoration:none;

    box-shadow:0 6px 18px rgba(0,0,0,.08);

    transition:.35s;

}

.news-card:hover{

    transform:translateY(-8px);

    box-shadow:0 15px 30px rgba(0,0,0,.18);

}

/*=========================================================
                CARD HEADER
=========================================================*/

.news-card-top{

    background:#1f4f97;

    color:#fff;

    text-align:center;

    padding:28px 18px;

    min-height:170px;

    display:flex;

    flex-direction:column;

    justify-content:center;

}

.news-card-top i{

    font-size:52px;

    margin-bottom:18px;

}

.news-card-top h5{

    margin:0;

    font-size:22px;

    font-weight:600;

    line-height:1.4;

}

/*=========================================================
                CARD BODY
=========================================================*/

.news-card-body{

    padding:16px;

    min-height:75px;

    display:flex;

    align-items:center;

}

.news-card-body p{

    margin:0;

    font-size:15px;

    color:#222;

    line-height:1.5;

    overflow:hidden;

    display:-webkit-box;

    -webkit-line-clamp:2;

    -webkit-box-orient:vertical;

}

.news-card:hover .news-card-body p{

    color:#004b98;

}

/*=========================================================
                NAVIGATION BUTTONS
=========================================================*/

.news-btn{

    width:48px;

    height:48px;

    border:none;

    border-radius:50%;

    background:#1f4f97;

    color:#fff;

    font-size:24px;

    display:flex;

    align-items:center;

    justify-content:center;

    position:absolute;

    top:50%;

    transform:translateY(-50%);

    z-index:20;

    transition:.3s;

    box-shadow:0 6px 15px rgba(0,0,0,.18);

}

.news-btn:hover{

    background:#ffc107;

    color:#000;

    transform:translateY(-50%) scale(1.08);

}

.news-btn.prev{

    left:-22px;

}

.news-btn.next{

    right:-22px;

}

/*=========================================================
                RESPONSIVE
=========================================================*/

@media (max-width:1200px){

.news-card{

    flex:0 0 240px;

}

}

@media (max-width:992px){

.section-title h2{

    font-size:28px;

}

.news-card{

    flex:0 0 220px;

}

.news-card-top{

    min-height:150px;

    padding:22px 15px;

}

.news-card-top i{

    font-size:44px;

}

.news-card-top h5{

    font-size:18px;

}

.news-btn{

    width:42px;

    height:42px;

    font-size:20px;

}

}

@media (max-width:768px){

.news-section{

    padding:35px 0;

}

.news-card{

    flex:0 0 80%;

}

.news-btn{

    display:none;

}

.section-title h2{

    font-size:24px;

}

.section-title p{

    font-size:14px;

}

}

@media (max-width:576px){

.news-card{

    flex:0 0 90%;

}

.news-card-top{

    min-height:130px;

}

.news-card-top h5{

    font-size:16px;

}

.news-card-body p{

    font-size:14px;

}

}



.news-slider{

    cursor: grab;

}

.news-slider.dragging{

    cursor: grabbing;

    user-select: none;

    scroll-behavior: auto;

}

.news-card{

    user-select: none;

}