:root {
       /* --brand-navy: #0b2b47;
            --brand-red:  #c9202a; */
       --brand-navy  : #0b2b47;
       --brand-red   : #c9202a;
       --panel-bg    : #ffffff;
       --muted       : #9aa8b0;
       --container-bg: #ffffff;
   }

   /* body {
            background: var(--container-bg);
            font-family: system-ui, -apple-system, 'Segoe UI', Roboto;
            padding: 18px;
        } */

   .wrap {
       max-width: 1280px;
       margin   : 0 auto;
   }

   .section-header {
       background   : #fff !important;
       padding      : 12px 16px;
       border-radius: 6px 6px 0 0;
       border       : 1px solid rgba(0, 0, 0, 0.06);
   }

   /* .col-deco {
       border       : solid 2px white;
       padding      : 0px;
       border-radius: .56rem;
   } */

   .section-title {
       font-size: 20px;
       margin   : 0;
       color    : var(--brand-navy);
   }

   .card-body-flat {
       /* background: #c9202a; */
       color        : #fff;
       border-radius: 0 0 6px 6px;
       padding      : 20px 22px;
       min-height   : 330px;
       position     : relative;
       overflow     : hidden;
   }

   .news-inner {
       display    : flex;
       gap        : 18px;
       align-items: flex-start;
   }

   .news-image {
       min-width : 200px;
       max-width : 260px;
       background: #fff;
       padding   : 6px;
       border    : 4px solid #fff;
   }

   .news-image img {
       display: block;
       width  : 100%;
       height : auto;
   }

   .news-content h4 {
       font-family   : 'Times New Roman', serif;
       font-size     : 18px;
       margin        : 0 0 12px;
       color         : #fff;
       text-transform: uppercase;
   }

   .news-content p {
       color      : #fff;
       line-height: 1.6;
       text-align : justify;
   }

   .read-btn {
       background   : var(--panel-bg);
       color        : var(--brand-navy);
       padding      : 0px 6px;
       border       : none;
       border-radius: 3px;
       margin-top   : 18px;
       font-weight  : 600;
       float        : inline-end;
   }

   .slider-prev,
   .slider-next {
       position       : absolute;
       top            : 50%;
       transform      : translateY(-50%);
       background     : transparent;
       border         : 1px solid rgba(255, 255, 255, 0.15);
       color          : #fff;
       width          : 40px;
       height         : 40px;
       border-radius  : 50%;
       display        : flex;
       align-items    : center;
       justify-content: center;
       cursor         : pointer;
       z-index        : 5;
   }

   .slider-prev {
       left: 10px;
   }

   .slider-next {
       right: 10px;
   }

   .col-deco::before {
       display: none;
   }

   .ann-viewport {
       height  : 260px !important;
       overflow: hidden;
       padding : 0 12px;
   }

   .ann-inner {
       transition: transform 600ms ease;
   }

   .ann-item {
       padding      : 16px 0;
       border-bottom: 1px solid rgba(255, 255, 255, 0.06);
   }

   .ann-item h6 {
       color    : #fff !important;
       margin   : 0 0 6px;
       font-size: 14px;
   }

   .ann-item small {
       color  : #fff;
       display: block;
   }

   .border-events {
       border       : solid 2px white;
       padding      : 0px;
       border-radius: .56rem;
   }

   .cta {
       background   : var(--brand-red);
       color        : #fff;
       padding      : 2px 5px;
       border-radius: 3px;
       font-weight  : 700;
       border       : none;
   }

   .left-cta {
       position     : absolute;
       left         : 50%;
       transform    : translateX(-50%);
       bottom       : 10px;
       background   : #082041;
       border-radius: 5px;
   }

   .right-cta {
       position  : absolute;
       left      : 50%;
       transform : translateX(-50%);
       bottom    : 10px;
       background: #082041;

   }

   .notification {
       border       : solid 2px white;
       padding      : 0px;
       border-radius: .56rem;
   }

   .news-content {
       padding-left: 60px;
       padding-top : 19px;
       margin-right: 74px;
   }

   @media (max-width: 992px) {
       .card-body-flat {
           min-height: 260px;
       }
   }

   .news-slider {
       position: relative;
       overflow: hidden;
   }

   .slides {
       display    : flex;
       transition : transform 700ms cubic-bezier(.22, .9, .32, 1);
       will-change: transform;
       width      : 100%;
   }

   .slide {
       flex         : 0 0 100%;
       box-sizing   : border-box;
       padding-right: 8px;
   }

   .slides img {
       max-width: 100%;
       height   : auto;
       display  : block;
   }



   /* ======================2-part================ */

   .card-img-top {
       height    : 180px;
       object-fit: cover;
   }

   .card {
       transition: all 0.3s ease-in-out;
   }

   .card:hover {
       transform : translateY(-5px);
       box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
   }