@font-face {
     font-family: news-light;
     src: url(../fonts/UKANewsLight703-Roman.otf) format("opentype");
     font-weight: 400;
     font-style: normal;
     font-display: swap
}

body {
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}



.news p {

     font-family: news-light, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     font-size: 16px;
     line-height: 24px;
     margin-bottom: 20px;

}


.news h1 {
     font-family: news-light, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     font-weight: bold;
     font-size: 44px;
     line-height: 54px;
     margin-bottom: 20px;
}


.news .cat_title {
     font-family: news-light, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     font-weight: bold;
     font-size: 22px;
     line-height: 22px;
     margin-bottom: 10px;

}

.news .cat_title a {
     text-decoration: none;
     color: #222;



}


.lajmet-anash {
     line-height: 54px;
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     font-size: 25px;
     margin-bottom: 20px;
}



/* Top Header */
.top-header {
     background-color: #336699;
     color: #141d4f;
     padding: 8px 0;
     font-size: 0.9rem;
}

.top-header a {
     color: white;
     text-decoration: none;
     margin-left: 15px;
}

.language-dropdown a {
     color: #141d4f;
     text-decoration: none;
     margin-left: 15px;
}


.top-header a:hover {
     opacity: 0.8;
}

.social-links a {
     margin-left: 10px;
     font-size: 1.1rem;
}

.language-dropdown .dropdown-toggle {
     background: transparent;
     border: 1px solid white;
     color: white;
     font-size: 0.85rem;
     padding: 2px 10px;
}

.language-dropdown .dropdown-toggle:hover {
     background: rgba(255, 255, 255, 0.1);
}

/* Main Header */
.main-header {
     background-color: white;
     padding: 15px 0;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
     min-height: 100px;
}

.logo {
     font-size: 1.5rem;
     font-weight: bold;
     color: #0066cc;
}

.navbar-nav .nav-link {
     color: #333;
     font-weight: 500;
     padding: 0.5rem 1rem;
}


.navbar-collapse ul li {
     padding: 0.5rem 1rem;
}

.navbar-nav .nav-link:hover {
     color: #0066cc;
}

.dropdown-menu {
     border: none;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Carousel */
.hero-carousel {
     height: 40vh;
     min-height: 350px;
}

.carousel-item {
     height: 40vh;
     min-height: 350px;
     background-size: cover;
     background-position: center;
     position: relative;
}

.carousel-item::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: rgba(0, 0, 0, 0.3);
}

.gradient-overlay {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 1;
}

.carousel-caption {
     position: absolute;
     bottom: 50%;
     transform: translateY(50%);
     left: 10%;
     right: 10%;
     text-align: left;
     z-index: 2;
}

.carousel-caption h2 {
     font-size: 2.5rem;
     font-weight: bold;
     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
     margin-bottom: 15px;
}

.carousel-caption p {
     font-size: 1.2rem;
     text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* Cards Section */
.cards-section {
     padding: 60px 0;
     background-color: #f8f9fa;
}

.info-card {
     background: white;
     border-radius: 8px;
     padding: 30px;
     height: 100%;
     transition: transform 0.3s;
}

.info-card:hover {
     transform: translateY(-5px);
}

.info-card.border-red {
     border-left: 5px solid #dc3545;
}

.info-card.border-green {
     border-left: 5px solid #28a745;
}

.info-card.border-blue {
     border-left: 5px solid #17a2b8;
}

.info-card .icon {
     font-size: 3rem;
     margin-bottom: 20px;
}

.info-card.border-red .icon {
     color: #dc3545;
}

.info-card.border-green .icon {
     color: #28a745;
}

.info-card.border-blue .icon {
     color: #17a2b8;
}

.info-card h3 {
     font-size: 1.5rem;
     margin-bottom: 15px;
     font-weight: 600;
}

.info-card p {
     color: #666;
     line-height: 1.6;
}

.module_whatwedo {

     padding: 3rem 0;
}

.gray {
     background-color: #f4f4f4;
}

.module_whatwedo .container {
     flex-direction: row;
     justify-content: space-between;
}


.zonat-section .container .titull-seksioni {
     width: 100%;
     text-transform: uppercase;
     color: #336699;
     margin: 30px auto;
     font-size: 3rem
}

.module_whatwedo .container .titull-seksioni {
     width: 100%;
     text-transform: uppercase;
     color: #336699;
     margin-bottom: 0;
     font-size: 3.5rem
}


.module_whatwedo .container .section-content {
     width: 100%;
     padding-top: 4rem;

}


.module_cta .container .section-content {
     width: 100%;
     padding-top: 4rem;
     border-top: 2px solid #000;
}

.module_cta .container .section-content p {
     color: #000;
     font-size: 1.8rem;
}



.wo_image-module {
     position: relative;
     /* aspect-ratio: 1 / 0.6; */
     height: 250px;
     overflow: hidden;
     background-size: cover;
     background-position: center;
     border-radius: 8px;
     cursor: pointer;
}

.wo_image-module::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: rgba(0, 0, 0, 0.3);
     transition: opacity 0.3s ease;
}

.wo_overlay1 {
     position: absolute;
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background-color: rgba(126, 71, 26, 0.8);
     transition: left 0.4s ease;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 2rem;
}

.wo_overlay2 {
     position: absolute;
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background-color: rgba(26, 114, 126, 0.8);
     transition: left 0.4s ease;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 2rem;
}

.wo_image-module:hover .wo_overlay1,
.wo_image-module:hover .wo_overlay2 {
     left: 0;
}

.wo_overlay-content {
     color: white;
     width: 100%;
}

.wo_overlay-content h3 {
     font-size: 1.5rem;
     margin-bottom: 1.5rem;
     font-weight: 600;
}

.wo_overlay-content ul {
     list-style: none;
     padding: 0;
     margin: 0;
}

.wo_overlay-content li {
     margin-bottom: 0.75rem;
     position: relative;
     padding-left: 1.5rem;
}

.wo_overlay-content li::before {
     content: '•';
     position: absolute;
     left: 0;
     font-size: 1.2rem;
}

.wo_overlay-content a {
     color: white;
     text-decoration: none;
     transition: opacity 0.2s ease;
}

.wo_overlay-content a:hover {
     opacity: 0.8;
     text-decoration: underline;
}

.foo_newsletter_section {
     background-color: #204d7a;
     padding: 40px 0;
}

.foo_newsletter_content {
     display: flex;
     align-items: center;
     gap: 20px;
     flex-wrap: wrap;
}

.foo_icon_wrapper {
     flex-shrink: 0;
}

.foo_icon_wrapper img {
     width: 50px;
     height: 50px;
}

.foo_text_wrapper {
     flex: 1;
     min-width: 200px;
}

.foo_catchy_text {
     color: white;
     font-size: 1.2rem;
     font-weight: 600;
     margin: 0;
     line-height: 1.3;
}

.foo_register_text {
     color: white;
     font-size: 0.9rem;
     margin: 0;
     opacity: 0.9;
}

.foo_form_wrapper {
     display: flex;
     gap: 10px;
     flex: 1;
     min-width: 300px;
}

.foo_email_input {
     flex: 1;
     padding: 10px 15px;
     border: none;
     border-radius: 4px;
}

.foo_subscribe_btn {
     background-color: white;
     color: #336699;
     border: none;
     padding: 10px 30px;
     border-radius: 4px;
     font-weight: 600;
     cursor: pointer;
     white-space: nowrap;
}

.foo_subscribe_btn:hover {
     background-color: #f0f0f0;
}

.foo_main_section {
     background-color: #0e3760;
     padding: 50px 0 30px;
     color: white;
}

.foo_logo_col img {
     max-width: 350px;
     height: auto;
}

.foo_contact_title,
.foo_menu_title,
.foo_social_title {
     font-weight: 600;
     margin-bottom: 20px;
     font-size: 1.1rem;
}

.foo_contact_info p {
     margin-bottom: 10px;
     line-height: 1.6;
}

.foo_menu_list {
     list-style: none;
     padding: 0;
     margin: 0;
}

.foo_menu_list li {
     margin-bottom: 10px;
}

.foo_menu_list a {
     color: white;
     text-decoration: none;
     transition: opacity 0.3s;
}

.foo_menu_list a:hover {
     opacity: 0.8;
}

.foo_social_links {
     display: flex;
     gap: 15px;
     flex-wrap: wrap;
}

.foo_social_icon {
     color: white;
     font-size: 1.5rem;
     transition: opacity 0.3s;
}

.foo_social_icon:hover {
     opacity: 0.8;
}

.foo_bottom_section {
     background-color: #061e37;
     padding: 20px 0;
     color: white;
}

.foo_bottom_content {
     display: flex;
     justify-content: space-between;
     align-items: center;
     flex-wrap: wrap;
     gap: 15px;
}

.foo_copyright {
     margin: 0;
}

.foo_legal_links {
     display: flex;
     gap: 20px;
     flex-wrap: wrap;
}

.foo_legal_links a {
     color: white;
     text-decoration: none;
     transition: opacity 0.3s;
}

.foo_legal_links a:hover {
     opacity: 0.8;
}

.num_section {
     background-color: #336699;
     padding: 60px 0;
}


.num_section .titull-seksioni {

     width: 100%;
     text-transform: uppercase;
     color: #ffffff;
     margin: 30px auto;
     font-size: 3rem;
}


.num_container {
     max-width: 1200px;
     margin: 0 auto;
}



.num_item {
     text-align: center;
     color: white;
     padding: 20px 10px;
}

.num_icon_wrapper {
     margin-bottom: 20px;
}

.num_icon {
     font-size: 3.5rem;
     color: white;
     transition: transform 0.3s ease;
}

.num_item:hover .num_icon {
     transform: scale(1.1);
}

.num_counter {
     font-size: 2rem;
     font-weight: 500;
     color: white;
     margin: 15px 0 10px;
     line-height: 1;
}

.num_label {
     font-size: 1.1rem;
     color: white;
     font-weight: 500;
     text-transform: capitalize;
     margin-top: 10px;
}


.nx_news_section {
     padding: 40px 0;
     background-color: #f8f9fa;
}

.nx_news_section .titull-seksioni {
     width: 100%;
     text-transform: uppercase;
     color: #336699;
     font-size: 1.7rem;
}

.brd-bt {
     border-bottom: 1px dotted #336699;
     margin-bottom: 10px;
     padding-bottom: 10px;
}


.nx_main_news {
     padding-right: 30px;
     border-right: 2px solid #dee2e6;
}

.nx_main_image {
     width: 100%;
     height: 250px;
     object-fit: cover;
     border-radius: 8px;
     transition: transform 0.3s ease;
}

.nx_main_image:hover {
     transform: scale(1.02);
}

.nx_main_title {
     font-size: 1.75rem;
     font-weight: bold;
     color: #212529;
     text-decoration: none;
     margin-top: 15px;
     display: block;
     transition: color 0.3s ease;
}

.nx_main_title:hover {
     color: #0d6efd;
}

.nx_date {
     color: #6c757d;
     font-size: 0.9rem;
     margin-top: 8px;
     margin-bottom: 12px;
}

.nx_text {
     color: #495057;
     line-height: 1.6;
}

.nx_side_news {
     padding-left: 30px;
}

.nx_side_column {
     padding: 0 15px;
}

.nx_side_column:first-child {
     border-right: 2px solid #dee2e6;
}

.nx_news_item {
     margin-bottom: 30px;
}

.nx_small_image {
     width: 100%;
     height: 150px;
     object-fit: cover;
     border-radius: 6px;
     transition: transform 0.3s ease;
}

.nx_small_image:hover {
     transform: scale(1.02);
}

.nx_small_title {
     font-size: 1.1rem;
     font-weight: 600;
     color: #212529;
     text-decoration: none;
     margin-top: 10px;
     display: block;
     transition: color 0.3s ease;
}

.nx_small_title:hover {
     color: #0d6efd;
}



.events-section {

     /*      
     background: #f8f9fa;
     padding: 20px;
     border-radius: 8px;
      */
}

.section-title {
     font-size: 1.5rem;
     font-weight: bold;
     margin-bottom: 20px;
     color: #333;
}

.event-item {
     background-color: #e7e7e7;
     display: flex;
     margin-bottom: 2px;
     overflow: hidden;
     border-radius: 4px;
}

.event-item:hover {
     background-color: #dadada;

}

.event-date {
     background-color: #dc3545;
     color: white;
     padding: 7px;
     text-align: center;
     min-width: 60px;
     display: flex;
     flex-direction: column;
     justify-content: center;
}

.event-day {
     font-size: 1.5rem;
     font-weight: bold;
     line-height: 1;
}

.event-month {
     font-size: 0.9rem;
     text-transform: uppercase;
     margin-top: 0px;
}

.event-year {
     font-size: 0.85rem;
     margin-top: 0px;
}

.event-title {
     color: #000;
     padding: 5px 20px 0px 20px;
     flex-grow: 1;
     display: flex;
     align-items: center;
     font-weight: 500;
}

.event-title a {
     color: #000;
     text-decoration: none;
}

.event-title a:hover {
     color: #880404;
     text-decoration: underline;
}





@media (max-width: 768px) {

     .carousel-caption h2 {
          font-size: 1.5rem;
     }

     .carousel-caption p {
          font-size: 1rem;
     }

     .info-card {
          margin-bottom: 20px;
     }

     .logo img {
          width: 350px
     }

     .module_cta.black,
     .module_cta.gray {
          margin-top: 8rem;
          padding: 8rem 0;
     }

     .module_whatwedo .container .titull-seksioni {
          font-size: 2rem;
     }

     .wo_overlay-content h3 {
          font-size: 1.25rem;
          margin-bottom: 1rem;
     }

     .wo_overlay-content li {
          font-size: 0.9rem;
          margin-bottom: 0.5rem;
     }

     .foo_newsletter_content {
          flex-direction: column;
          text-align: center;
     }

     .foo_form_wrapper {
          flex-direction: column;
          width: 100%;
     }

     .foo_email_input,
     .foo_subscribe_btn {
          width: 100%;
     }

     .foo_bottom_content {
          flex-direction: column;
          text-align: center;
     }

     .foo_legal_links {
          justify-content: center;
     }

     .num_icon {
          font-size: 2.5rem;
     }

     .num_counter {
          font-size: 1.5rem;
     }

     .num_label {
          font-size: 1rem;
     }

     .num_item {
          padding: 15px 5px;
     }

     .nx_main_news {
          border-right: none;
          border-bottom: 2px solid #dee2e6;
          padding-right: 0;
          padding-bottom: 30px;
          margin-bottom: 30px;
     }

     .nx_side_news {
          padding-left: 0;
     }

     .nx_side_column:first-child {
          border-right: none;
          border-bottom: 2px solid #dee2e6;
          padding-bottom: 20px;
          margin-bottom: 20px;
     }
}