:root {
   --primary: #014994;
   --secondary: #4EBFEF;
   --light-blue: #D4EDFC;
   --gray-100: #F4F4F4;
   --gray-500: #555555;
   --gray-600: #3C3C3C;

   --white: #ffffff;
   --black: #000000;
   --bodybg: #FBFBFB;
   --source-san-pro: 'Source Sans Pro';

   --font-normal: normal;
   --font-semibold: 600;
   --font-bold: bold;
 }

 /* Fonts */
 @font-face {
   font-family: 'Source Sans Pro';
   src: url('../fonts/SourceSansPro-Regular.woff2') format('woff2'),
     url('../fonts/SourceSansPro-Regular.woff') format('woff');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: 'Source Sans Pro';
   src: url('../fonts/SourceSansPro-Semibold.woff2') format('woff2'),
     url('../fonts/SourceSansPro-Semibold.woff') format('woff');
   font-weight: 600;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: 'Source Sans Pro';
   src: url('../fonts/SourceSansPro-Bold.woff2') format('woff2'),
     url('../fonts/SourceSansPro-Bold.woff') format('woff');
   font-weight: bold;
   font-style: normal;
   font-display: swap;
 }



 /********* Global Style Start ***********/
 body {
   font-family: var(--source-san-pro);
   font-weight: 400;
   font-size: 18px;
   line-height: 24px;
   color: #000000; /* var(--primary) */
   margin: 0;
   padding: 0;
   background-color: var(--bodybg);
 }
 h1, .h1,
 h2, .h2,
 h3, .h3,
 h4, .h4,
 h5, .h5,
 h6, .h6
 {
   color: var(--primary);
 }
 .cursor-pointer {
     cursor: pointer;
 }

 @media(min-width:1200px) {
   body {
     font-size: 20px;
     line-height: 28px;
   }
 }

 dl,
 ol,
 ul {
    margin: 0 0 1rem 0;
    padding: 0;
 }
 li {
   list-style: none;
   padding-left: 1.5rem;
 }

 a {
   transition: all ease-in-out .4s;
   -webkit-transition: all ease-in-out .4s;
   -ms-transition: all ease-in-out .4s;
   -moz-transition: all ease-in-out .4s;
   -o-transition: all ease-in-out .4s;
 }

 a:hover {
   text-decoration: none;
 }
.icon-grid-wrapper a,
.icon-grid-wrapper a > div {
   text-decoration: none;
    cursor: pointer;
 }

 @media (min-width: 1366px) {
   .container {
     max-width: 1320px;
   }
 }

 /* Buttons CSS Start */
 .btn {
     padding: 13px 22px;
     font-family: var(--source-san-pro);
     font-size: 17px;
     font-weight: var(--font-semibold);
     border: 2px solid transparent;
     border-radius: 0;
     line-height: inherit;
     /* margin: 20px 0; */
 }

 .bg-light .btn-primary,
 .btn-primary {
     border-color: var(--primary);
     background-color: var(--primary);
     color: var(--white);
 }

 .btn-primary:hover,
 .btn-primary:focus-visible,
 .btn-primary:active,
 .btn-primary.active {
     border-color: var(--primary) !important;
     background-color: var(--white) !important;
     color: var(--primary) !important;
 }

 .bg-light .btn-secondary,
 .btn-secondary {
     border-color: var(--secondary);
     background-color: var(--secondary);
     color: var(--white);
 }

 .btn-secondary:hover,
 .btn-secondary:focus-visible,
 .btn-secondary:active,
 .btn-secondary.active {
     border-color: var(--secondary) !important;
     background-color: var(--white) !important;
     color: var(--black) !important;
 }

 .btn-outline-primary {
     border-color: var(--primary);
     background-color: transparent;
     color: var(--black);
 }

 .btn-outline-primary:hover,
 .btn-outline-primary:focus-visible,
 .btn-outline-primary.active,
 .btn-outline-primary:active {
     background-color: var(--primary) !important;
     color: var(--white) !important;
     border-color: var(--primary) !important;
 }

 .btn-outline-secondary {
     border-color: var(--secondary);
     background-color: transparent;
     color: var(--black) !important;
 }

 .btn-outline-secondary:hover,
 .btn-outline-secondary:focus-visible,
 .btn-outline-secondary.active,
 .btn-outline-secondary:active {
     background-color: var(--secondary) !important;
     color: var(--white) !important;
     border-color: var(--secondary) !important;
 }

 /* Buttons CSS End */

 [id] {
   scroll-margin-top: 130px;
   /* same as header offset */
 }

 .bg-primary {
   background-color: var(--primary) !important;
 }

 .bg-secondary {
   background-color: var(--secondary) !important;
 }

 .bg-primary *,
 .bg-secondary * {
   color: var(--white);
 }

 .bg-light-blue {
   background-color: var(--light-blue) !important;
 }

 .bg-gray {
   background-color: var(--gray-100) !important;
 }

 .bg-light *,
 .bg-light a,
 .bg-gray a {
   color: var(--primary);
 }

 *:focus-visible {
   outline: 0 !important;
   box-shadow: 0 0 0 .2rem rgba(78, 191, 239, 0.75) !important;
 }

 /* Doppelten Abstand durch letztes Inhaltselement bei Farbigen hintergründen entfernen [UVB-562] */
 .frame.bg-primary > div > *:last-child,
 .frame.bg-secondary > div > *:last-child,
 .frame.bg-light-blue > div > *:last-child,
 .frame.bg-light > div > *:last-child,
 .frame.bg-gray > div > *:last-child {
     padding-bottom: 0;
     margin-bottom: 0;
 }

 /********* Global Style End ***********/


 /* ========== Header CSS Start ========== */

 .header {
   background: var(--white);
   box-shadow: 0 0.1875rem 0.375rem #00000029;
   position: sticky;
   top: 0;
   z-index: 999;
 }

 .header.sticky {
   background-color: var(--primary);
 }

 .header.sticky .logout {
   display: none;
 }

 /* Header Top CSS Start */
 .header-top-inner {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 1.31rem 0.5rem;
 }

 .header.sticky .header-top-inner {
   padding-top: 0.8rem;
   padding-bottom: 0.8rem;
 }

 .navbar-brand {
   min-width: 156px;
   display: block;
   /* Optional enhancements */
   max-width: 100%;
   height: auto;
 }


 .header.sticky .navbar-brand {
   min-width: 6.125rem;
   height: auto;
 }

 .header.sticky .navbar-brand img {
   filter: brightness(0) invert(1);
 }

 .header-top-right .nav-top-links {
   display: none;
 }

 @media (min-width: 1200px) {

   .logout,
   .header-top-right .navbar-toggler {
     display: none;
   }

   .header.sticky .header-top {
     display: none;
   }

   .header-top-right .nav-top-links {
     display: flex;
   }

   .header-top-right .nav-top-links li {
     font-size: 0.875rem;
     line-height: 1.125rem;
   }

   .header-top-right .nav-top-links li a {
     padding: 0.5rem 1rem;
     background: transparent;
     font-size: 0.875rem;
     font-weight: var(--font-normal);
     color: var(--gray-600);
     text-decoration: none;
     display: block;
     line-height: 1.125rem;
   }

   .header-top-right .nav-top-links li:hover a,
   .header-top-right .nav-top-links li:focus-within a,
   .header-top-right .nav-top-links li.active a,
   .header-top-right .nav-top-links li a:active {
     background-color: var(--primary);
     color: var(--white);
     font-weight: var(--font-semibold);
   }
 }

 /* Header Top CSS End */

 /* Account Icon CSS Start */
 .account {
   display: none;
 }

 @media (min-width: 1200px) {
   .account {
     width: 3rem;
     height: 3rem;
     border: 1px solid var(--secondary);
   }

   .account a {
     width: 100%;
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
   }

   .header.sticky .account {
     display: block;
   }
 }

 /* Account Icon CSS End */

 /* Header Bottom CSS Start */
 .header-bottom {
     position: absolute;
     left: 0;
     top: 100%;
     width: 100%;
     background: var(--white);
     overflow: hidden;
 }

 .navigation-mobile {
     overflow: hidden;
 }

 .navigation-mobile .header-bottom {
     height: 100vh;
     overflow: scroll;
 }

 .header-bottom .header-bottom-inner {
     padding: 0 0.625rem;
 }

 .sub-submenu {
     position: static;
     display: none;
 }

 .sub-submenu li.active a {
     font-weight: var(--font-semibold);
 }

 .header-bottom .navbar-collapse {
     padding-bottom: 3.125rem;
 }

 @media (min-width: 1200px) {
     .header-bottom {
         position: static;
         overflow: unset;
     }

     .header-bottom .header-bottom-inner {
         padding: .75rem 0;
     }

     .header-bottom .navbar ul.sub-submenu {
         padding-top: 2.5rem;
         padding-left: 2.5rem;
         height: auto;
     }

     .header-bottom-inner {
         display: flex;
         align-items: center;
         position: relative;
     }

     .header-bottom-right {
         padding: 0.9375rem 0;
     }

     .header.sticky .header-bottom {
         background-color: var(--primary);
     }

     .header-bottom .navbar-collapse {
         padding-bottom: 0;
     }
 }

 /* Search Bar CSS Start */

 .search-bar {
   width: 1.875rem;
   display: none;
 }

 .search-mobile {
   width: 2.375rem;
   height: 2.375rem;
   border: 1px solid transparent;
 }

 .search-mobile a {
   display: flex;
   width: 100%;
   height: 100%;
   align-items: center;
   justify-content: center;
 }

 .header.sticky .search-mobile {
   border: 1px solid var(--secondary);
 }

 .header.sticky .search-mobile .search-icon-normal {
   display: none;
 }

 .search-mobile .sticky-search-icon {
   display: none;
 }

 .search-mobile .sticky-search-icon img {
   width: 1.125rem;
   height: 1.125rem;
 }

 .header.sticky .search-mobile .sticky-search-icon {
   display: flex;
 }

 .search-bar .btn-search .search-icon {
   background-image: url('../images/magnifying-glass.svg');
   width: 1.3125rem;
   height: 1.3125rem;
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
   display: block;
 }

 @media (min-width: 1200px) {
   .search-mobile {
     display: none;
   }

   .search-bar {
     display: block;
     min-width: 12rem;
     max-width: 12rem;
     width: 100%;
   }

   .search-bar .form-control {
     border-radius: 0;
     border: 1px solid var(--gray-500);
     padding: 0.75rem 1.5rem;
     font-size: 0.875rem;
     line-height: 1.5;
     width: 100%;
   }

   .search-bar .btn-search {
     position: absolute;
     right: 0;
     top: 0;
     height: 100%;
     padding: 0 0.8rem;
     border: none;
     background: none;
     border-radius: 0;
   }

   .header-bottom .search-bar {
     display: none;
   }

   .header.sticky .header-bottom .search-bar {
     display: block;
     min-width: 14.125rem;
     max-width: 14.125rem;
     height: 100%;

   }

   .header.sticky .header-bottom .search-bar .form-control {
     background-color: var(--primary);
     border: 1px solid var(--secondary);
     color: var(--white);
   }

   .header.sticky .header-bottom .search-bar .form-control::placeholder {
     color: var(--white);
   }

   .header.sticky .header-bottom .search-bar .btn-search .search-icon {
     background-image: url('../images/search-white.svg');
   }
 }

 /* Search Bar CSS End */


 /* Dropdown Menu CSS Start */
 .header-bottom .dropdown-toggle::after {
     content: "";
     background-image: url('../images/dropdown-arrow-mobile.svg');
     width: 0.625rem;
     height: 0.75rem;
     border: none;
     margin-left: auto;
     vertical-align: middle;
     right: 0;
     position: absolute;
     top: 1.3125rem;
 }

 .header-bottom .submenu .dropdown-toggle::after {
     display: none;
 }

 .header-bottom .toggle-arrow-mobile img {
     transition: transform 0.3s ease;
 }

 .header-bottom .toggle-arrow-mobile.rotate img {
     transform: rotate(90deg);
 }

 @media (min-width: 1200px) {
     .header-bottom .submenu .dropdown-toggle::after {
         display: block;
     }

     .header-bottom .dropdown-toggle::after {
         content: "";
         top: 0.875rem;
     }
 }

 .header-bottom .dropdown-toggle.show::after {
     transform: rotate(90deg);
 }

 .header-bottom .navbar-nav .dropdown-menu {
     border: 0;
     padding: 0;
     margin: 0;
     background-color: var(--light-blue);
     border-radius: 0;
     position: relative;
 }

 .header-bottom .navbar-nav .dropdown-menu::before {
     content: "";
     height: 100%;
     width: 100%;
     right: 100%;
     position: absolute;
     background-color: var(--light-blue);
 }

 .header-bottom .navbar-nav .dropdown-menu::after {
     content: "";
     height: 100%;
     width: 100%;
     left: 100%;
     top: 0;
     position: absolute;
     background-color: var(--light-blue);
 }

 .header-bottom .nav-link {
     padding: 0.9375rem 0;
     color: var(--primary);
     font-size: 18px;
     line-height: 23px;
     font-weight: var(--font-semibold);
 }

 .header-bottom .dropdown-menu ul.submenu {
     padding-top: 0.625rem;
     padding-bottom: 1.25rem;
 }

 .header-bottom .dropdown-menu ul.submenu li {
     margin-bottom: 0.625rem;
 }

 .header-bottom .dropdown-menu ul.submenu li a {
     font-size: 1rem;
     line-height: 1.1875rem;
     font-weight: 600;
     text-decoration: none;
     color: var(--primary);
     padding: 0.5rem 0;
     background: transparent;
     white-space: normal;
     display: flex;
     hyphens: auto;
    word-break: break-all;
 }

 @media (max-width: 991px) {
     .header-bottom .dropdown-menu ul.submenu li .sub-submenu li a {
         font-size: 0.875rem;
         padding: 0.375rem 0;
     }
 }

 @media (min-width: 1200px) {
     .header-bottom .dropdown {
         position: static;
         margin-right: 2.5rem;
     }

     .header-bottom .navbar-nav .dropdown-menu {
         background-color: var(--white);
         position: absolute;
     }

     .header-bottom .navbar-nav .dropdown-menu::before,
     .header-bottom .navbar-nav .dropdown-menu::after {
         display: none;
     }

     .header-bottom .dropdown-toggle::after {
         background-image: url('../images/dropdown-arrow-primary.svg');
         width: 0.8125rem;
         height: 0.625rem;
         position: static;
         margin-left: 0.25rem;
     }

     .header-bottom .dropdown-toggle.show::after {
         transform: rotate(0);
     }

     .header.sticky .header-bottom .dropdown-toggle::after{
         background-image: url('../images/dropdown-arrow-secondary.svg');
     }

     .header-bottom>.nav-item {
         margin-right: 1.875rem;
     }

     .header.sticky .nav-link {
         color: var(--white);
         font-size: 1.125rem;
     }

     .header-bottom .dropdown-menu {
         left: 0;
         width: 100%;
         border-radius: 0;
         box-shadow: 0 1.875rem 2rem rgba(0, 0, 0, 0.16);
         padding: 0 1.875rem;
         margin-top: 0;
     }

     .header-bottom .dropdown-menu ul {
         padding: 2.5rem 0;
     }

     .header-bottom .dropdown-menu ul.submenu {
         max-width: 100%;
         padding: 2.5rem 0 2.5rem 2.25rem;
         position: relative;
         height: 100%;
     }

     .header-bottom .dropdown-menu ul.submenu li {
         margin-bottom: 0.9375rem;
         padding-right: 2.8125rem;
         margin-right: 0;
     }

     .header-bottom .dropdown-menu ul.submenu li a {
         padding: 0.3125rem 0.3125rem 0.3125rem 0;
         position: relative;

     }

     /* .header-bottom .dropdown-menu ul.submenu>li>a {
       padding-right: 7.5rem;
     } */

     .header-bottom .dropdown-menu ul.submenu li:hover>a,
     .header-bottom .dropdown-menu ul.submenu li.active>a {
         font-weight: var(--font-bold);
     }

     .header-bottom .dropdown-menu ul.submenu>li.dropdown>a::after,
     .header.sticky .header-bottom .dropdown-menu ul.submenu>li.dropdown>a::after,
     .header-bottom .dropdown-menu ul.sub-submenu>li.dropdown>a::after,
     .header.sticky .header-bottom .dropdown-menu ul.sub-submenu>li.dropdown>a::after {
         content: "";
         background-image: url('../images/dropdown-arrow-mobile.svg');
         position: absolute;
         right: 0;
         top: 0.625rem;
         width: 0.625rem;
         height: 0.75rem;
         background-size: cover;
         background-repeat: no-repeat;
     }

     .header-bottom .sub-submenu,
     .header-bottom .sub-sub-submenu {
         display: none;
         position: absolute;
         left: 100%;
         top: 0;
         width: 100%;
         max-width: 27.875rem;
         background: var(--light-blue);
         padding: 2.5rem 0 0 2.25rem;
         height: 100%;
     }

     .header-bottom .dropdown-menu ul li.open > ul.sub-submenu,
     .header-bottom .dropdown-menu ul li.open > ul.sub-sub-submenu,
     .header-bottom .dropdown-menu ul li:focus-within > ul.sub-submenu,
     .header-bottom .dropdown-menu ul li:focus-within > ul.sub-sub-submenu {
         display: block;
     }

     .header-bottom .dropdown-menu {
         transition: height 0.3s ease;
     }

     .header.sticky .navbar-nav .nav-link.active,
     .header.sticky .navbar-nav .nav-link.show {
         color: var(--white);
     }
 }


 .navbar-nav .nav-link.active,
 .navbar-nav .nav-link.show {
     font-weight: var(--font-bold);
     color: var(--primary);
 }


 @media (max-width: 1199px) {
     .header-bottom .sub-submenu,
     .header-bottom .sub-sub-submenu {
         display: none;
         position: static;
         padding-left: 1rem;
         background: var(--light-blue);
         max-width: 100%;
     }

     .header-bottom .sub-submenu.show,
     .header-bottom .sub-sub-submenu.show {
         display: block;
         padding-left: 1rem;
     }

     .header-bottom .toggle-arrow-mobile {
         width: 1.5rem;
         height: 1.5rem;
         margin-left: auto;
         padding: 0.3125rem;
         display: flex;
         align-items: center;
         justify-content: center;
     }
 }

 @media(max-width:1199px){
    .header-bottom .dropdown-menu ul li.open > ul.sub-submenu.show,
    .header-bottom .dropdown-menu ul li.open > ul.sub-sub-submenu.show{
      display: block;
    }
 }
 /* Dropdown Menu CSS End */

 /* Toggler Icons Start */
 .header .navbar-toggler {
     width: 1.375rem;
     height: 1.375rem;
 }

 .header [aria-expanded="true"] .nav-open {
     display: none;
 }

 .header [aria-expanded="false"] .nav-close {
     display: none;
 }

 .header.sticky .navbar-toggler img {
     filter: brightness(0) invert(1);
 }

 /* Toggler Icons End */



 /* Menu CTA CSS Start */
 .menu-cta {
     display: none;
 }

 @media (min-width: 1024px) {
     .menu-cta {
         padding: 2rem;
     }
 }

 @media (min-width: 1200px) {
     .menu-cta {
         display: flex;
         flex-direction: column;
         align-items: flex-start;
         padding: 2.8125rem;
     }

     .menu-cta h2 {
         font-family: var(--source-san-pro);
         font-weight: var(--font-bold);
         font-size: 1.5rem;
         line-height: 2rem;
         margin-bottom: 1.25rem;
         color: var(--primary);
     }

     .menu-cta p {
         font-family: var(--source-san-pro);
         font-weight: var(--font-bold);
         font-size: 1.125rem;
         line-height: 1.75rem;
         color: var(--primary);
     }

     .menu-cta .btn {
         padding: 0.8125rem 0.875rem;
         font-size: 0.875rem;
         line-height: 1;
     }
 }


 /* Menu CTA CSS End */

 /* Header CSS End */

 /**** Links CSS Start ****/
 a,
 .links,
 .bg-light-blue .links,
 .bg-gray .links {
     font-weight: var(--font-bold);
     text-underline-offset: 1px;
     text-decoration-thickness: 1px;
     position: relative;
     color: var(--primary);
 }

 .links:hover {
     text-decoration: underline;
     text-decoration-thickness: 1px;
     opacity: 0.7;
 }

 .bg-secondary .links,
 .bg-primary .links {
     color: var(--white);
 }

 .link-phone,
 .link-email,
 .link-external,
 .link-doc {
     padding-left: 20px;
 }

 /* Link Phone Start */

 .link-phone::before,
 .bg-light .link-phone::before {
     content: "";
     width: 18px;
     height: 18px;
     position: absolute;
     left: 0px;
     top: 6px;
     background-image: url('../images/link-phone-primary.svg');
     background-repeat: no-repeat;
     background-size: contain;
 }

 .bg-secondary .link-phone::before,
 .bg-primary .link-phone::before {
     content: "";
     background-image: url('../images/link-phone-white.svg');
 }

 /* Link Phone End */


 /* Link Email Start */
 .link-email::before,
 .bg-light .link-email::before,
 .bg-gray .link-email::before {
     content: "";
     width: 18px;
     height: 18px;
     position: absolute;
     left: 0px;
     top: 6px;
     background-image: url('../images/link-email-primary.svg');
     background-repeat: no-repeat;
     background-size: contain;
 }

 .bg-secondary .link-email::before,
 .bg-primary .link-email::before {
     content: "";
     background-image: url('../images/link-email-white.svg');
 }

 /* Link Email End */


 /* Link External Start */
 .link-external::before,
 .bg-light .link-external::before,
 .bg-gray .link-external::before {
     content: "";
     width: 18px;
     height: 18px;
     position: absolute;
     left: 0px;
     top: 6px;
     background-image: url('../images/link-external-primary.svg');
     background-repeat: no-repeat;
     background-size: contain;
 }

 .bg-secondary .link-external::before,
 .bg-primary .link-external::before {
     content: "";
     background-image: url('../images/link-external-white.svg');
 }

 /* Link External End */


 /* Link Document Start */
 .link-doc::before,
 .bg-light .link-doc::before,
 .bg-gray .link-doc::before {
     content: "";
     width: 18px;
     height: 18px;
     position: absolute;
     left: 0px;
     top: 6px;
     background-image: url('../images/link-doc-primary.svg');
     background-repeat: no-repeat;
     background-size: contain;
 }

 .bg-secondary .link-doc::before,
 .bg-primary .link-doc::before {
     content: "";
     background-image: url('../images/link-doc-white.svg');
 }

 /* Link Document End */



 /**** Links CSS End ****/


 /* Footer CSS Start */
 footer p {
   font-size: 1rem;
   font-weight: var(--font-normal);
   line-height: 1.25rem;
 }

 .footer-top {
   padding-top: 1.875rem;
   padding-bottom: 3rem;
   padding-left: 0.625rem;
   padding-right: 0.625rem;
 }

 @media (min-width: 1200px) {
   .footer-top {
     padding-top: 4.375rem;
     padding-bottom: 4.375rem;
   }
 }

 .footer-top h2 {
   font-size: 1.625rem;
   font-weight: var(--font-bold);
 }

 .footer-top ul {
   padding-top: 2rem;
 }

 .footer-top ul li {
   margin-bottom: 0.625rem;
 }

 .footer-top ul li a {
   padding-left: 0.9375rem;
   position: relative;
   font-size: 1.1875rem;
   line-height: 1.5rem;
   font-weight: var(--font-bold);
   color: var(--primary);
   display: block;
   text-decoration: none;
 }

 .footer-top ul li a:hover {
   opacity: 0.8;
 }

 .footer-top ul li a::before {
   content: "";
   width: 0.5625rem;
   height: 0.59375rem;
   position: absolute;
   left: 0;
   top: 0.5625rem;
   background-image: url('../images/footer-links-arrow.svg');
   background-repeat: no-repeat;
   background-size: contain;
 }

 .footer-top ul {
   display: grid;
   grid-template-columns: 1fr;
 }

 @media (min-width: 768px) {
   .footer-top ul {
     grid-template-columns: repeat(2, 1fr);
   }
 }

 @media (min-width: 992px) {
   .footer-top ul {
     grid-template-columns: repeat(3, 1fr);
   }
 }

 @media (min-width: 1200px) {
   .footer-top ul {
     grid-template-columns: repeat(4, 1fr);
   }
 }

 .footer-bottom {
   padding-top: 2.125rem;
   padding-bottom: 1.25rem;
   background-color: var(--primary);
   padding-left: 0.625rem;
   padding-right: 0.625rem;
 }

 .footer-bottom h5 {
   font-size: 1rem;
   font-weight: var(--font-semibold);
   line-height: 1.25rem;
 }
 .footer-bottom .btn.btn-outline-secondary {
     color: var(--white) !important;
 }
 @media (min-width: 1200px) {
   .footer-bottom {
     padding-top: 5rem;
     padding-bottom: 1.875rem;
   }
 }

 .footer-bottom * {
   color: var(--white);
 }

 .footer-bottom .address-info {
   margin-left: 1.375rem;
 }

 .online-service ul li {
   margin-bottom: 0.5rem;
 }

 .online-service .h5,
 .online-service h5 {
     padding-bottom: 1.5rem;
 }

 .online-service ul li a {
   font-size: 1rem;
   line-height: 1.25rem;
   font-weight: var(--font-normal);
   display: block;
   text-decoration: none;
   padding-left: 1.25rem;
   position: relative;
 }

 .online-service ul li a:hover {
   opacity: 0.8;
 }

 .online-service ul li a::before {
   content: "";
   width: 0.5625rem;
   height: 0.5625rem;
   position: absolute;
   left: 0;
   top: 0.375rem;
   background-color: var(--secondary);
   border-radius: 0.5625rem;
 }

 .footer-bottom .social-media {
   text-align: left;
   margin-top: 2.375rem;
 }

 @media (min-width: 992px) {
   .footer-bottom .social-media {
     margin-top: 0;
     text-align: right;
   }
 }

 .footer-bottom .social-media li a {
   font-size: 1.25rem;
   line-height: 1.5625rem;
   font-weight: var(--font-bold);
   text-decoration: none;
   display: inline-flex;
   align-items: center;
 }

 .footer-bottom .social-media li a:hover {
   opacity: 0.8;
 }

 .footer-bottom .social-media li a img {
   width: 1.375rem;
   height: 1.375rem;
   margin-right: 1.0625rem;
 }

 .footer-bottom .service-img-wrapper {
   display: none;
 }

 @media (min-width: 1024px) {
   .footer-bottom .service-img-wrapper {
     display: block;
     position: relative;
     margin-right: 1.875rem;
     min-width: 11.3125rem;
     height: 10.6875rem;
   }

   .footer-bottom .service-img-wrapper img {
     aspect-ratio: 1 / 1;
     object-fit: cover;
     width: 100%;
     height: 100%;
   }

   .footer-bottom .service-img-wrapper span {
     position: absolute;
     right: 0;
     bottom: 0;
     width: 1.5rem;
     height: 1.5rem;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 0.25rem;
     background-color: var(--primary);
     font-size: 1rem;
     line-height: 1;
   }
 }

 @media (max-width: 767px) {
   .footer-bottom .online-service {
     margin-top: 2.375rem;
   }
 }

 .footer-bottom .more-links {
   margin-top: 2.6875rem;
   margin-bottom: 0;
   display: flex;
   align-items: center;
   flex-wrap: wrap;
 }

 .footer-bottom .more-links li {
   margin-bottom: 0.625rem;
 }

 .footer-bottom .more-links li a {
   font-size: 0.875rem;
   font-weight: var(--font-semibold);
   position: relative;
   padding-right: 0.25rem;
   margin-right: 0.5rem;
   display: inline-block;
   line-height: 1.5;
   text-decoration: none;
 }

 .footer-bottom .more-links li a:hover {
   opacity: 0.8;
 }

 .footer-bottom .more-links li a::after {
   content: ".";
   position: absolute;
   bottom: 0;
   right: -0.25rem;
   display: block;
 }

 /*********  Footer CSS End **********/

 /********* Widget Style Start ***********/
 .widget {
   position: fixed;
   bottom: 1.25rem;
   right: 1.25rem;
   z-index: 5;
   display: flex;
   flex-direction: row;
   gap: 0.8rem;
   justify-content: center;
 }

 .widget li a {
   width: 4.875rem;
   height: 4.875rem;
   background: transparent;
   border-radius: 2.5rem 2.5rem 0;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   text-align: center;
   text-decoration: none;
   padding: 0.625rem;
 }

 .widget li a img {
   max-width: 1.875rem;
   height: 1.875rem;
 }

 .widget li a span {
   margin-bottom: 0.375rem;
   margin-top: 0.25rem;
   font-size: 0.75rem;
   font-weight: var(--font-semibold);
   line-height: 1;
   color: #fff;
 }

 @media (min-width: 1500px) {
   .widget li a {
     width: 6.5625rem;
     height: 6.5625rem;
     border-radius: 6.25rem 6.25rem 0;
   }

   .widget li a img {
     max-width: 2.8125rem;
     height: 2.8125rem;
   }

   .widget li a span {
     font-size: .9rem;
   }

   .widget {
     left: inherit;
     top: 28%;
     bottom: inherit;
     flex-direction: column;
     justify-content: inherit;
   }
 }

 .widget li.call a {
   background-color: var(--primary);
 }

 .widget li.report a {
   background-color: #CE2405;
 }

 .widget li a:hover {
   filter: invert(0.1);
 }

 /********* Widget Style End ***********/


 /********* Hero Slider Style Start ***********/

 .hero-slider .swiper {
   width: 100%;
   height: 100%;
   padding: 0;
   margin-bottom: 1.25rem;
 }

 .slider-inner {
   position: relative;
 }

 .slider-info {
   position: relative;
   bottom: 1.75rem;
   padding-inline: 0.625rem;
   height: 100%;
   margin: 0;
   width: 100%;
   display: flex;
   align-items: flex-end;
 }

 .slider-info h1,
 .slider-info h2 {
   font-size: clamp(1.5rem, 5vw, 2.5rem);
   font-weight: var(--font-bold);
   margin: 0;
 }

 .slider-info h1 p,
 .slider-info h2 p,
 .slider-info h1 span,
 .slider-info h2 span {
     display: table;
     background-color: var(--primary);
     color: var(--white);
     padding: 0.625rem 0.75rem;
     margin-bottom: 0.625rem;
 }
 /*

 .slider-info h1,
 .slider-info h2,

 .slider-info .title {
     display: inline-block;
 }

 .slider-info .title::first-line {
     background-color: var(--primary);
     border: 1rem solid var(--primary);
     color: var(--white);
     padding: 0.9375rem 1.25rem;
     margin-bottom: 0.5rem;
 }

 */

 .hero-slider .image-wrapper {
   display: block;
   position: relative;
   height: 9.625rem;
   overflow: hidden;
 }

 .hero-slider .image-wrapper img {
   object-fit: cover;
   object-position: center;
   height: 100%;
   width: 100%;
 }

 .hero-slider .image-wrapper .copyright-tag {
   position: absolute;
   right: 0;
   bottom: 0;
   width: 1.625rem;
   height: 1.625rem;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0.25rem;
   background-color: var(--primary);
   color: var(--white);
   font-size: 1.5rem;
   line-height: 1;
 }

 .hero-slider .swiper-pagination {
   margin-bottom: 0;
   bottom: 0;
 }

 .hero-slider .swiper-pagination-bullet {
   width: 0.375rem;
   height: 0.375rem;
   margin: 0.375rem;
   border-radius: 0.375rem;
   background-color: #ccc;
   border: 0;
   opacity: 1;
   transition: background-color 0.3s ease;
 }

 .hero-slider .swiper-pagination-bullet-active {
   background-color: var(--primary);
 }

 /* Media Queries */
 @media(min-width: 768px) {
   .hero-slider .image-wrapper {
     height: 20.625rem;
   }
 }

 @media(min-width: 992px) {
   .hero-slider .swiper {
     padding-bottom: 2.375rem;
     margin-bottom: 1.5625rem;
   }

   .hero-slider .image-wrapper {
     height: 28.125rem;
   }

   .slider-info h2 {
     font-size: 2.5rem;
   }

   .hero-slider .image-wrapper .copyright-tag {
     width: 2.1875rem;
     height: 2.1875rem;
   }
 }

 @media(min-width: 1200px) {
   .slider-info {
     position: absolute;
     bottom: 0;
     padding: 1.875rem 3.125rem;
     height: auto;
     margin: 0;
     width: auto;
   }

   .slider-info h2 span {
     padding: 0.9375rem 1.25rem;
     margin-bottom: 0.5rem;
   }
 }

 @media(min-width: 1366px) {
   .hero-slider .image-wrapper {
     height: 39.25rem;
   }
 }

 /********* Hero Slider Style End ***********/

 /********* News Widget Slider Style Start ***********/
 .news-widget-wrapper {
   background-color: var(--light-blue);
   padding: 1.5625rem 1.25rem 1.75rem;
   margin-bottom: 1.25rem;
   overflow: hidden;
 }
.news-widget-wrapper .btn-outline-secondary {
  color: var(--black) !important;
}
.news-widget-wrapper .btn-outline-secondary:hover {
  color: var(--white) !important;
}
 .news-widget-slider {
   margin-left: -1.25rem;
   margin-right: -1.25rem;
   padding-left: 1.25rem;
   padding-right: 1.25rem;
 }

 .news-widget-main {
   padding-top: 2.25rem;
 }
 .news-widget-wrapper .swiper-wrapper{
  align-items: center;
}
 @media (min-width: 992px) {
   .news-widget-wrapper {
    position: relative;
    margin-bottom: 15rem;
    margin-top: 12.5rem;
    overflow: unset;
    padding: 2.625rem 1.25rem 3.75rem;
  }

   .news-widget-slider {
     margin-left: 0;
     margin-right: 0;
     padding-left: 0;
     padding-right: 0;
   }

   .news-widget-main {
     margin-top: -7.5rem;
     margin-bottom: -12.5rem;
     padding-top: 0;
   }

   .news-widget-main .news-widget-slider {
     padding-bottom: 4.375rem;
     position: relative;
   }
 }

 .news-widget-wrapper .section-title {
   color: var(--primary);
   font-size: 1.5rem;
   font-weight: 700;
   margin-bottom: 0;
 }

 @media (min-width: 992px) {
   .news-widget-wrapper .section-title {
     font-size: 2rem;
   }
 }

 .news-widget-wrapper .section-text {
   font-size: 1.25rem;
   line-height: 1.4;
   margin-bottom: 1rem;
   margin-top: 1.8125rem;
   color: var(--black);
 }

 @media (min-width: 992px) {
   .news-widget-wrapper .section-text {
     margin-top: 0.9375rem;
     margin-bottom: 0;
   }
 }

 .news-widget-wrapper .swiper-slide {
   height: auto;
 }

 .news-widget-wrapper .card {
   border: 1px solid var(--gray-500);
   border-radius: 0;
   transition: transform 0.3s ease;
   padding: 1.625rem;
   display: block;
 }
 .news-widget-wrapper .card a{
  text-decoration:none;
 }

 .news-widget-wrapper .card-img-top {
   border-radius: 0;
   position: relative;
   aspect-ratio: 3 / 2;
   margin-bottom: 1.625rem;
 }

 .news-widget-wrapper .card-img-top img {
   height: 100%;
   object-fit: cover;
   object-position: center;
 }

 .news-widget-wrapper .copyright-tag {
   position: absolute;
   right: 0;
   bottom: 0;
   width: 1.625rem;
   height: 1.625rem;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0.25rem;
   background-color: var(--primary);
   color: var(--white);
   font-size: 1.25rem;
   line-height: 1;
 }

 .news-widget-wrapper .card .card-body {
   padding: 0;
 }
 .news-widget-wrapper .card .card-body .h4.card-subtitle{
  display: none;
}
 .news-widget-wrapper .card-body .card-title {
   color: var(--primary);
   font-size: 20px;
 }

 .news-widget-wrapper .card-text, .news-widget-wrapper p {
   font-size: 1.125rem;
   line-height: 1.4;
   margin-top: 0.9375rem;
   font-weight: var(--font-normal);
   color: var(--black);
 }

 .news-widget-wrapper .swiper-button-prev,
 .news-widget-wrapper .swiper-button-next {
   color: var(--primary);
   top: auto;
   bottom: 0;
   width: 2.5rem;
   height: 2.5rem;
   border: 1px solid var(--primary);
   border-radius: 2.5rem;
   right: 1.25rem;
 }

 @media (min-width: 992px) {

   .news-widget-wrapper .swiper-button-prev,
   .news-widget-wrapper .swiper-button-next {
     left: auto;
     right: 0;
   }
 }

 .news-widget-wrapper .swiper-button-prev {
   right: 4.75rem;
   left: auto;
 }

 @media (min-width: 992px) {
   .news-widget-wrapper .swiper-button-prev {
     right: 3.5rem;
   }
 }

 .news-widget-wrapper .swiper-button-next:after {
   content: "";
   background-image: url('../images/news-widget-arrow-right.svg');
   background-repeat: no-repeat;
   background-size: contain;
   width: 0.4375rem;
   height: 0.625rem;
   display: block;
 }

 .news-widget-wrapper .swiper-button-prev:after {
   content: "";
   background-image: url('../images/news-widget-arrow-left.svg');
   background-repeat: no-repeat;
   background-size: 0.4375rem;
   width: 0.4375rem;
   height: 0.625rem;
   display: block;
 }

 .news-widget-wrapper .swiper-pagination {
   position: relative;
   width: 100%;
   right: 7.5rem;
   left: auto;
   text-align: right;
   font-size: 1.1875rem;
   line-height: 1;
   color: var(--black);
   font-weight: var(--font-semibold);
 }

 @media (min-width: 992px) {
   .news-widget-wrapper .swiper-pagination {
     position: absolute;
     width: 3.75rem;
     right: 6.875rem;
   }
 }

 .link-learn-more {
   padding-left: 0.9375rem;
   position: relative;
   font-size: 1.1875rem;
   line-height: 1.5rem;
   font-weight: var(--font-bold);
   color: var(--primary);
   display: block;
   text-decoration: none;
   margin-top: auto;
 }

 .link-learn-more::before {
   content: "";
   width: 0.5625rem;
   height: 0.59375rem;
   position: absolute;
   left: 0;
   top: 0.5625rem;
   background-image: url('../images/footer-links-arrow.svg');
   background-repeat: no-repeat;
   background-size: contain;
 }

 /********* News Widget Slider Style End ***********/



 /********* Icon Grid CSS Start ***********/
 .icon-grid-wrapper {
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }

 @media (min-width: 992px) {
   .icon-grid-wrapper {
     padding-top: 2.625rem;
     padding-bottom: 2.625rem;
   }
 }

 .icon-grid-wrapper .service-box {
   background-color: var(--light-blue);
   padding: 1.1875rem;
   height: 100%;
   text-align: left;
   font-size: 0.95rem;
   color: var(--primary);
   display: flex;
   flex-direction: column;
   justify-content: start;
   transition: transform 0.2s;
   border-radius: 0;
   text-decoration: none;
 }

 .icon-grid-wrapper .service-box .icon-wrapper img {
   max-width: 2.5rem;
 }

 @media (min-width: 992px) {
   .icon-grid-wrapper .service-box .icon-wrapper img {
     max-width: 3.125rem;
     height: 3.125rem;
   }
 }

 .icon-grid-wrapper .service-box strong {
   font-size: 1.25rem;
 }

 @media (min-width: 992px) {
   .icon-grid-wrapper .service-box strong {
     font-size: 1.375rem;
   }
 }

 .icon-grid-wrapper .service-box .icon-wrapper {
   gap: 0.75rem;
   font-size: 1.25rem;
   display: flex;
   align-items: center;
   margin-bottom: 0.625rem;
 }

 .icon-grid-wrapper .service-box p {
   font-size: 1.125rem;
 }

 .icon-grid-wrapper .service-box:hover {
   background-color: var(--secondary);
   color: var(--white);
 }

 .icon-grid-wrapper .service-box:hover img {
   filter: brightness(0) invert(1);
 }

 .icon-grid-wrapper .service-box.bg-primary:hover {
   background-color: var(--secondary) !important;
 }

 .icon-grid-wrapper .service-box .search-bar {
   width: 100%;
   max-width: 100%;
   display: block;
 }

 .icon-grid-wrapper .service-box .search-bar .form-control {
   border-radius: 0;
   border: none;
   padding: 0.75rem 1.5rem;
   font-size: 0.875rem;
   line-height: 1.5;
   width: 100%;
   padding-right: 2.5rem;
 }

 .icon-grid-wrapper .service-box .search-bar .btn-search {
   position: absolute;
   right: 0;
   top: 0;
   height: 100%;
   padding: 0 0.8rem;
   border: none;
   background: none;
   border-radius: 0;
 }

 .icon-grid-wrapper .service-box .search-bar .btn-search .search-icon {
   background-image: url('../images/service-box-search-icon.svg');
   width: 0.875rem;
   height: 0.9375rem;
 }

 /* Icon-grid-wrapper End */


 /* Event-Widget CSS Start */
 .event-widget-wrapper {
   padding-top: 2.1875rem;
   padding-bottom: 1.875rem;
   padding-left: 0.5rem;
   padding-right: 0.5rem;
   overflow: hidden;
 }

 .section-event-heading {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 1.875rem;
 }

 .section-event-heading h2 {
   font-size: 1.625rem;
   line-height: 2.0625rem;
   font-weight: var(--font-bold);
   color: var(--primary);
 }

 @media (min-width: 992px) {
   .section-event-heading h2 {
     font-size: 2rem;
     line-height: 2.5rem;
   }
 }

 .section-event-heading .filter {
   display: none;
 }

 @media (min-width: 768px) {
   .section-event-heading .filter {
     display: block;
   }

   .section-event-heading .filter .form-select {
     border-radius: 0;
     border: 1px solid var(--secondary);
     padding: 0.75rem 1.5rem;
     font-size: 0.875rem;
     line-height: 1.5;
     width: 100%;
     min-width: 19.375rem;
     max-width: 19.375rem;
   }
 }

 .event-widget-slider {
   margin-left: -1.25rem;
   margin-right: -1.25rem;
   padding-left: 1.25rem;
   padding-right: 1.25rem;
 }

 .event-widget-slider .swiper-slide {
   height: auto;
 }

 .event-widget-slider .card {
   background-color: var(--gray-100);
   border: none;
   border-radius: 0;
   text-decoration: none;
   padding: 1.5625rem;
 }

 .event-widget-slider .card .card-body {
   padding: 0;
 }

 .event-widget-slider .card-title {
   font-size: 1.25rem;
   line-height: 1.5625rem;
   margin-bottom: 1.1875rem;
   color: var(--primary);
 }

 .event-widget-slider .card-subtitle {
   font-size: 1.125rem;
   font-weight: var(--font-semibold);
   color: var(--black);
 }

 .event-widget-slider .card-text {
   font-size: 1.125rem;
   font-weight: var(--font-normal);
 }

 .event-widget-slider .swiper-button-prev,
 .event-widget-slider .swiper-button-next {
   color: var(--primary);
   top: 50%;
   bottom: 0;
   width: 2.5rem;
   height: 2.5rem;
   border: 1px solid var(--primary);
   border-radius: 2.5rem;
   right: 1.25rem;
 }

 @media (min-width: 992px) {

   .event-widget-slider .swiper-button-prev,
   .event-widget-slider .swiper-button-next {
     left: auto;
     right: 0;
   }
 }

 .event-widget-slider .swiper-button-prev {
   right: 4.75rem;
   left: auto;
 }

 @media (min-width: 992px) {
   .event-widget-slider .swiper-button-prev {
     right: 3.5rem;
   }
 }

 .event-widget-slider .swiper-button-next:after {
   content: "";
   background-image: url('../images/news-widget-arrow-right.svg');
   background-repeat: no-repeat;
   background-size: contain;
   width: 0.4375rem;
   height: 0.625rem;
   display: block;
 }

 .event-widget-slider .swiper-button-prev:after {
   content: "";
   background-image: url('../images/news-widget-arrow-left.svg');
   background-repeat: no-repeat;
   background-size: 0.4375rem;
   width: 0.4375rem;
   height: 0.625rem;
   display: block;
 }

 .event-widget-slider .swiper-pagination {
   position: relative;
   width: 100%;
   right: 7.5rem;
   left: auto;
   text-align: center;
   font-size: 1.1875rem;
   line-height: 1;
   color: var(--black);
   font-weight: var(--font-semibold);
   display: none;
 }

 @media (min-width: 768px) {
   .event-widget-slider .swiper-pagination {
     position: absolute;
     width: 3.75rem;
     right: 6.875rem;
     top: 56%;
     transform: translateY(-50%);
     display: block;
   }
 }

 .event-widget-footer {
   position: relative;
   display: flex;
   justify-content: space-between;
 }

 /* Event-Widget CSS End */

 /* Media Center CSS Start */
 .media-center-wrapper {
   padding-top: 3.75rem;
   padding-bottom: 4.375rem;
   background-color: #F4F4F4;
   overflow: hidden;
 }

 .media-center-wrapper .card {
   padding: 1.25rem;
   background-color: var(--white);
   border: 0;
   border-radius: 0;
   border-bottom: 0.0625rem solid var(--black);
 }

 .media-center-wrapper .card .media-image-block {
   width: 100%;
   background-color: var(--gray-100);
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0.625rem;
 }

 .media-center-wrapper .card .media-image-block img {
   max-width: 7.5rem;
 }

 @media (max-width: 47.9375rem) {
   .media-center-wrapper .row {
     flex-wrap: nowrap;
     overflow-y: scroll;
   }

   .media-center-wrapper .row .col-12 {
     max-width: 88%;
   }
 }

 .media-center-wrapper .card .card-img-top {
   border-radius: 0;
   aspect-ratio: 3 / 2;
   height: 100%;
   object-fit: cover;
 }

 .media-center-wrapper .card-body {
   padding: 0;
   margin-top: 1.25rem;
   min-height: 8.375rem;
   display: flex;
   flex-direction: column;
   justify-content: space-around;
 }

 .media-center-wrapper .card-body .card-title {
   font-size: 1.25rem;
   font-weight: var(--font-bold);
   line-height: 1.75rem;
   color: var(--primary);
 }

 .media-center-wrapper .card-body .card-text {
   font-size: 1rem;
   line-height: 1.25rem;
   color: var(--black);
 }

 /* Media Center CSS End */



 /* Breadcrumb CSS Start */
 #maincontent {
   padding-top: 0.625rem;
 }

 .breadcrumb-wrapper {
     padding-bottom: 0.625rem;
 }

 @media (min-width: 992px) {
     #maincontent {
     padding-top: 1rem;
   }
   .breadcrumb-wrapper {
     padding-bottom: 1rem;
   }
 }

 .breadcrumb-wrapper .pagination {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     margin-bottom: 0;
 }

 .breadcrumb-wrapper .pagination li {
     font-size: 0.875rem;
 }

 @media (min-width: 992px) {
     .breadcrumb-wrapper .pagination li {
         font-size: 1.125rem;
         line-height: 1.5625rem;
         padding-left: 0;
         margin-bottom: 0;
     }
 }

 .breadcrumb-wrapper .pagination li a {
     padding-right: 1.875rem;
     position: relative;
     display: block;
     text-decoration: none;
     color: var(--primary);
 }

 .breadcrumb-wrapper .pagination li a:after {
     content: "";
     background-image: url('../images/pagination-arrow-right.svg');
     background-repeat: no-repeat;
     background-size: contain;
     display: block;
     position: absolute;
     width: 0.5625rem;
     height: 0.625rem;
     top: 0.5rem;
     right: 0.625rem;
 }

 @media (min-width: 992px) {
     .breadcrumb-wrapper .pagination li a:after {
         width: 0.6875rem;
         height: 0.6875rem;
         right: 0.625rem;
     }
 }

 .breadcrumb-wrapper .pagination li:last-child {
     color: var(--gray-500);
 }

 /* Breadcrumb CSS End */

 /* Header Content Page CSS Start */
 .header-content-wrapper {
   background-color: var(--light-blue);
   padding-top: 0.625rem;
     padding-bottom: 0.625rem;
 }

 @media (min-width: 992px) {
   .header-content-wrapper {
     padding-top: 3.25rem;
     padding-bottom: 3.25rem;
   }
 }

 .header-content-info h2 {
   font-size: 1.875rem;
   line-height: 2.1875rem;
   color: var(--primary);
   font-weight: var(--font-bold);
 }

 @media (min-width: 992px) {
   .header-content-info h2 {
     font-size: 3rem;
     line-height: 3.4375rem;
   }
 }

 .header-content-info p {
   font-size: 1.125rem;
   line-height: 1.75rem;
   color: var(--black);
   margin-top: 0.875rem;
 }

 @media (min-width: 992px) {
   .header-content-info p {
     font-size: 1.25rem;
     line-height: 1.75rem;
   }
 }
.header-content-info .image-wrapper {
  position: relative;
 }


 /* Header Content Page CSS End */



 /* Image Copyright Start */
 .image-container {
     position: relative;
 }
 .copyright-container {
     position: absolute;
     bottom: 7px;
     right: 7px;
     margin-left: 7px;
     background-color: #fff;
     padding: 5px 9px;
     border-radius: 0;
     cursor: pointer;
     transition: background-color 0.3s ease-in-out;

     font-size: clamp(1rem, 1vw, 1.3rem);
     font-family: "ZF Sans", sans-serif;
     font-weight: 300;
     color: #110450;
     line-height: 1.3;
 }
 .copyright-container.copyright-container-left {
     left: 7px;
     right: auto;
     margin-right: 7px;
     margin-left: 0;
 }

 /* Image Copyright End */

 /* Copyrights CSS Start */

 .copyright-card .image-container {
     width: 100%; /* Passt die Breite an den übergeordneten Container an */
     aspect-ratio: 4 / 3; /* Erzwingt das Seitenverhältnis 4:3 */
     position: relative; /* Positionierung für das enthaltene Bild */
     overflow: hidden; /* Verhindert, dass das Bild die Container-Grenzen überschreitet */
     background: #f0f0f0; /* Optionaler Hintergrund für bessere Sichtbarkeit */
 }

 .copyright-card .image-container img {
     width: 100%; /* Die Breite des Bildes anpassen */
     height: 100%; /* Die Höhe des Bildes anpassen */
     object-fit: cover; /* Cover-Positionierung aktivieren */
     object-position: center; /* Bild mittig positionieren */
     position: absolute; /* Stellt sicher, dass es sich relativ zum Container bewegt */
 }

 /* Copyrights CSS End */


/* Accordion CSS Start */

 .accordion .accordion-item {
     border: none;
     border-bottom: 1px solid #9C9C9C;
     border-radius: 0;
     background: transparent;
 }

 .accordion .accordion-item:first-of-type > .accordion-header .accordion-button {
     border-radius: 0;
     background: transparent;
 }

 .accordion .accordion-button {
     font-family: var(--source-san-pro);
     font-size: clamp(1rem, 2vw, 1.25rem);
     color: var(--primary);
     line-height: 1.3;
     font-weight: var(--font-bold);
     padding: 17px 1rem;
     gap: 1.5rem;
     background: transparent;
     box-shadow: none;
 }

 .accordion .accordion-button::after {
     background-image: url('../images/accordion-arrow.svg');
     background-size: contain;
     background-repeat: no-repeat;
     width: 19px;
     height: 11px;
     transition: transform 0.3s ease;
 }

 .accordion .accordion-button:not(.collapsed) {
     color: var(--black);
 }

 .accordion .accordion-button:not(.collapsed)::after {
     transform: rotate(-180deg);
 }

 .accordion .accordion-button:focus {
     box-shadow: none;
 }

 .accordion .accordion-body {
     padding-top: 0.65rem;
     padding-bottom: 2.72rem;
 }

 .accordion .accordion-body .container {
     padding: 0;
 }

 .accordion .accordion-body p,
 .accordion .accordion-body ul li {
     font-weight: var(--font-normal);
     line-height: normal;
     margin-bottom: 0.5rem; /* Optional for spacing consistency */
 }
 /* Accordion CSS End */

 /* File Link Box CSS Start */
 .ce-uploads {
     list-style: none;
     padding: 0;
     margin: 0;
     display: grid;
     gap: 0.5rem;
 }

 /* File Item Container */
 .ce-uploads li {
     display: flex;
     align-items: center;
     background: var(--white);
     border: 1px solid var(--gray-100);
     border-radius: 0;
     transition: box-shadow 0.3s ease;
     position: relative;
     margin: 0;
 }

 .ce-uploads li:hover {
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
 }

 /* Icon Block */
 .ce-uploads li > a {
     width: 76px;
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     background: var(--gray-100);
     text-align: center;
 }

 .ce-uploads li > a img {
     width: 18px;
     height: 18px;
 }

 /* File Info Section */
 .ce-uploads li > div {
     flex: 1;
     padding: 14px 16px 14px 35px;
     width: 100%;
 }

 .ce-uploads li > div a {
     font-size: 1.25rem; /* 20px */
     font-weight: 700;
     color: var(--primary);
     display: block;
     line-height: 1;
     margin-right: 1rem;
     text-decoration: none;
 }

 /* Filename */
 .ce-uploads-fileName {
     color: var(--primary);
     display: inline-block;
     margin-bottom: 2px;
     line-height: 1;
 }

 /* Description & Filesize */
 .ce-uploads-description,
 .ce-uploads-filesize {
     font-size: 1rem;
     line-height: 1.2;
     color: var(--black);
     display: inline-block;
     margin-right: 0.3rem;
     padding-right: 0.7rem;
     position: relative;
 }
 .ce-uploads-description {
     text-transform: uppercase;
 }

 .ce-uploads-description::after {
     content: "|";
     position: absolute;
     top: 0;
     right: 0;
     height: 100%;
     line-height: 1;
 }
 .ce-uploads span {
     display: inline;
 }
 .ce-uploads img {
     padding-right: 0;
 }

 /* Arrow Icon */
 /*
 .ce-uploads li::after {
     content: "";
     position: absolute;
     right: 16px;
     top: 21px;
     width: 7px;
     height: 12px;
     background-image: url('../images/file-links-arrow-right.svg');
     background-size: contain;
     background-repeat: no-repeat;
     z-index: 1;
 }
 */
 /* File Link Box CSS End */




 /* positioniert das Modal an der rechten Seite des Bildschirms */
 #contactModal .modal-dialog {
     position: fixed;
     right: 1rem;
     top: 0;
     width: calc(100% - 2rem);
     max-width: 500px;
     height: 100%;
     margin: 0;
 }

 /* fügt eine Übergangsanimation hinzu */
 #contactModal.modal.fade .modal-dialog {
     -webkit-transform: translate3d(100%, 0, 0);
     transform: translate3d(100%, 0, 0);
 }

 #contactModal.modal.show .modal-dialog {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
 }
 #contactModal .modal-content {
     border-radius: 0;
 }
 #contactModal .modal-header {
     padding: 1rem 2.5rem;
     border: 0;
 }
 #contactModal .modal-body {
     padding: 1rem 2.5rem;
     border: 0;
 }
 #contactModal .modal-body .no-link-icons {
     color: var(--primary);
     text-decoration: none;
     font-weight: 700;
 }


 /* Schriftgrößen */

 body {
     font-size: clamp(1rem, 2vw, 1.25rem); /* Dynamischer Absatz */
     line-height: 1.3;
 }

 h1, .h1 {
     font-size: clamp(2rem, 5vw, 3rem); /* Große Überschrift */
     font-weight: var(--font-bold);
 }

 h2, .h2 {
     font-size: clamp(1.75rem, 4vw, 2.5rem); /* Etwas kleiner */
     font-weight: var(--font-bold);
 }

 h3, .h3 {
     font-size: clamp(1.5rem, 2.75vw, 2.15rem);
     font-weight: var(--font-bold);
 }

 h4, .h4 {
     font-size: clamp(1.25rem, 2.5vw, 2rem);
     font-weight: var(--font-bold);
 }

 h5, .h5 {
     font-size: clamp(1.125rem, 2vw, 1.5rem);
     font-weight: var(--font-bold);
 }

 h6, .h6 {
     font-size: clamp(1rem, 2vw, 1.75rem); /* Kleinste Überschrift */
     font-weight: var(--font-bold);
 }

 /* Listenpunkte */

 /* Allgemein: Standard-Textfarbe */
 main ul, ol {
     color: #000; /* normale Schriftfarbe der Liste */
 }

 /* Ungeordnete Liste (ul) mit Kreis in #4ebfef */
 main ul {
     list-style-type: none; /* Entfernt standardmäßige Bullets */
 }

 main ul li::before {
     content: '●'; /* Kreis als Content */
     color: #4ebfef; /* Farbe des Kreises */
     margin-right: 11px; /* Etwas Abstand zwischen Kreis und Text */
     font-size: 1em; /* Größe anpassen wie der Text */
     margin-left: -1.5rem;
 }

 /* Geordnete Liste (ol) mit Zahl und Punkt in #4ebfef */
 main ol {
     list-style: none; /* Standardnummerierung entfernen */
     counter-reset: list-counter; /* Counter für die geordnete Liste starten */
 }

 main ol li {
     counter-increment: list-counter; /* Zähler für jedes Element erhöhen */
 }
 main ul li,
 main ol li {
     margin-bottom: .5rem;
     line-height: 1.2;
 }

 main ol li::before {
     content: counter(list-counter) '. '; /* Konkateniert Zahl mit Punkt */
     color: #4ebfef; /* Farbe für Zahl und Punkt */
     margin-left: -1.5rem;
     padding-right: 3px;
 }

 ul.pagination {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
 }

 /* Pagination/ Breadcrumb/ uploads ausschließen */
 ul.pagination li::before,
 ul.ce-uploads li::before {
     content: '';
     margin-right: 0;
 }
 /* breadcrumb */
 .breadcrumb-wrapper ul.pagination li::before {
     display: none;
 }

 /* Tabelle */

 .ce-table thead th {
     border: 0;
     color: var(--primary);
 }
 /* Suche */

.tx-indexedsearch-info-sword, .tx-indexedsearch-browsebox, .tx-indexedsearch-res {
     display: none;
 }
#this_page_uid307 #maincontent .tx-indexedsearch-info-sword, #this_page_uid307 #maincontent .tx-indexedsearch-browsebox, #this_page_uid307 #maincontent .tx-indexedsearch-res {
     display: block;
 }

 /* Input Felder CSS Start */

 #maincontent input[type="checkbox"] {
     outline:  1px solid #000000;
     border:  0;
     border-radius: 0;
     margin-right: 1rem;
     margin-bottom: 1rem;
 }
 #maincontent button[type="submit"] {
     margin-top: 1rem;
 }


 .form-floating select {
     appearance: none; /* Standard-Pfeil ausblenden */
     -moz-appearance: none; /* Für Firefox */
     -webkit-appearance: none; /* Für Safari */
     background-image: url('../images/select_arrow.svg'); /* Eigene Grafik hier einfügen */
     background-repeat: no-repeat; /* Verhindert Wiederholung */
     background-position: right 10px bottom 8px; /* Pfeil rechts platzieren, alternativ: right 10px center */
     background-size: 16px 16px; /* Größe der Grafik anpassen */
 }

 .form-floating select,
 .form-floating input[type="text"],
 .form-floating input[type="email"],
 .form-floating input[type="number"],
 .form-floating input[type="tel"],
 .form-floating input[type="date"],
 .form-floating textarea {
     border: 0;
     border-bottom: 1px solid #000000;
     border-radius: 0;
     color: var(--primary);
     font-weight: 700;
     margin-top: 2rem;
 }
 .form-floating textarea {
     min-height: 150px !important;
 }
 .form-floating > label {
     padding: 1rem 0;
 }
 .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown), .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
     padding: 1.925rem 0 .625rem 0;
 }

 #maincontent .form-check {
     padding-top: 1rem;
     padding-left:  0;
 }
 #maincontent label,  #maincontent input,  #maincontent textarea,  #maincontent .form-control {
     font-size: clamp(1rem, 5vw, 1.3rem);
 }
 .form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
     transform: scale(.85) translateY(-1.5rem) translateX(-.15rem);
 }

 .form-group[data-element-type="RadioButton"] {
     margin-top: 1rem;
 }
 #maincontent .form-group[data-element-type="RadioButton"] .form-check{
     padding-top: 0;
     padding-bottom: 1rem;
     margin-bottom: 0;
 }
 #maincontent .form-group[data-element-type="RadioButton"] .form-check .form-check-label{
     display: flex;
 }
#maincontent [data-element-type="RadioButton"] input {
     font-size: clamp(1rem, 5vw, 1.2rem);
 }
 .form-check .form-check-input[type="radio"] {
     margin-left: 0;
     margin-right: .5rem;
     outline: 1px solid #000000;
     border: 0;
 }

 #maincontent .form-check-label {
     font-weight: bold;
     color: var(--primary);
 }

 #maincontent .form-group[data-element-type="RadioButton"] {
     margin-top: 2rem;
 }
 #maincontent .form-label {
     color: rgba(var(--bs-body-color-rgb),.65);
 }

 #maincontent .form-group[data-element-type="RadioButton"] .form-check {
     padding-bottom: 0.5rem;
 }

 #maincontent .input .form-label {
     margin-top: 1rem;
 }

 #maincontent textarea {
     padding-left: 0.5rem !important;
     padding-right: 0.5rem !important;
 }

 #maincontent .form-floating label.form-label {
     padding-left: 0.5rem !important;
     padding-right: 0.5rem !important;
 }

 /* Input Felder CSS End */

 .video-embed-item {
     max-width: 100%;
 }
 /* --- Suche --- Start --- */

 .tx-indexedsearch-info-sword, .tx-indexedsearch-browsebox, .tx-indexedsearch-res, .tx-indexedsearch-resultinfo { display: none; }
 #maincontent .tx-indexedsearch-info-sword,  #maincontent .tx-indexedsearch-browsebox,  #maincontent .tx-indexedsearch-res, #maincontent .tx-indexedsearch-browsebox, #maincontent .tx-indexedsearch-resultinfo { display: block; }

 /* Entfernt die Listenpunkte */
 #maincontent .tx-indexedsearch-browsebox {
     list-style: none;
     padding: 1rem 0;
     margin: 0;
     display: flex !important; /* Anordnung nebeneinander */
     justify-content: center; /* Zentriert die Pagination */
 }
 #maincontent .tx-indexedsearch-browsebox p {
     display: block !important; /* Anordnung nebeneinander */
 }

 /* Allgemeine Styles für alle Listeneinträge */
 #maincontent .tx-indexedsearch-browsebox li {
     margin: 0 5px; /* Abstand zwischen den Elementen */
     padding: 0 .5rem;
     width: fit-content;
     display: inline;
 }

 /* Inaktive Punkte: normale Schriftfarbe und -gewicht */
 #maincontent .tx-indexedsearch-browsebox li a {
     color: inherit;
     font-weight: normal;
     text-decoration: none; /* Entfernt Unterstreichung */
 }

 /* Aktiver Punkt: fetter Schriftstil und Primärfarbe */
 #maincontent .tx-indexedsearch-browsebox li strong a {
     font-weight: bold;
     color: var(--primary); /* Bootstrap Farbvariable nutzen */
 }

 #maincontent .tx-indexedsearch-browsebox  ul li::before {
     display: none;
 }
 .search-result-header a {
     text-decoration: none;
 }
 #maincontent .tx-indexedsearch-res {
     margin-bottom: 3rem;
 }
 /* --- Suche --- Ende --- */


/* News List CSS Start */
.news-list-view {
  margin-top: 50px;
}


.news-list-view .card {
  border: 1px solid var(--gray-500);
  border-radius: 0;
  transition: transform 0.3s ease;
  padding: 1.625rem;
  margin-top: 28px;
  text-decoration: none;

}

@media (min-width: 992px) {
  .news-list-view .card {
    display: flex;
    flex-direction: row;
    margin-top: 25px;
  }
}
@media (min-width: 1200px) {
  .news-list-view .card {
    align-items: center;
  }
}

.news-list-view .card-img-top {
  border-radius: 0;
  position: relative;
  aspect-ratio: 1.29 / 1;
  width: 100%;
  height: 220px;
  margin-bottom:1.25rem;
}

@media (min-width: 992px) {
  .news-list-view .card-img-top {
    aspect-ratio: 1.72 / 1;
    width: 393px;
    height: 229px;
    margin-right: 29px;
    margin-bottom:0;
  }
}

.news-list-view .card-img-top img {
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
}

.news-list-view .copyright-tag {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1.625rem;
  height: 1.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
  background-color: var(--primary);
  color: var(--white);
  font-size: 1.25rem;
  line-height: 1;
}

.news-list-view .card .card-body {
  padding: 0;
}
.news-list-view .card a{
  text-decoration:none;
}

.news-list-view .card-body .card-title {
  color: var(--primary);
  font-size: 1.25rem;
}

.news-list-view .card-text, .news-list-view p {
  font-size: 1.25rem;
  line-height: 1.4;
  margin-top: 0.9375rem;
  font-weight: var(--font-normal);
  color: var(--black);
}

.news-list-view .card-body .date {
  font-size: 1.25rem;
  line-height: 1.4;
  color: var(--black);
  font-weight: 400;
}

/* News List CSS End */



/* News Filter CSS Start */
.filter-bar {
    background: var(--light-blue);
    padding: 30px 20px;
    margin-top: 30px;
}
@media (min-width: 992px) {
  .filter-bar {
    padding: 30px;
  }
}
.filter-bar label {
    font-size: 18px !important;
    line-height: 28px;
    color: var(--black);
    white-space: nowrap;
}
@media (max-width: 991px) {
  .filter-bar label{
    min-width: 90px;
  }
}
.filter-bar .form-control,
.filter-bar .form-select {
  border-radius: 0;
  box-shadow: none;
  padding: 9px 21px;
  font-size: 18px !important;
  line-height: 28px;
  flex: 1 1 auto;
}

.filter-bar .btn-filter {
    padding: 11px 18px;
    font-size: 17px !important;
    color: #000 !important;
    max-width: 100px;
}
.filter-bar  .btn-filter:hover{
    color: #fff !important;
}

/* Custom Select Start */
.filter-bar .custom-select {
  position: relative;
  display: inline-block;
  width: 100%;
}

.filter-bar .custom-select select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #fff;
  width: 100%;
  cursor: pointer;
}

.filter-bar .custom-select::after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  background-image: url('../images/filter-dropdown.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 17px;
  height: 14px;
}

/* Action button Start */
.action-buttons {
    position: relative;
    margin-top: 0.625rem;
    display: flex;
    align-items: center;
    gap: 1.25rem;
}
@media(min-width:992px){
  .action-buttons{
    margin-top: 0;
  }
}

.action-buttons .reset {
    white-space: nowrap;
    display: block;
    font-size: 1rem;
    font-weight: 600;
    color: var(--primary);
    position: relative;
    text-decoration: none !important;
}
@media(min-width:1600px){

	.action-buttons .reset {
    font-size: 1.0625rem;
    position: absolute;
    left: auto;
    right: 0;
    min-width: max-content;
    top: calc(100% + 0.2rem);
}
}
/* News Filter CSS End */


/* Pagination CSS Start */
.f3-widget-paginator {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin-top: 65px;
    justify-content: center;
}
.f3-widget-paginator li {
	background: transparent;
	padding: 6px 10px;
  list-style: none;
}
.f3-widget-paginator li.disabled{
  display: none;
}
.f3-widget-paginator li::before{
  content: none;
}
.f3-widget-paginator li a{
  color: var(--black);
  font-weight: 400;
  text-decoration: none;
}
.f3-widget-paginator li a:hover{
  color: var(--secondary);
}
.f3-widget-paginator li.current{
  color: var(--primary);
  font-weight: 700;
}
/* Pagination CSS End */

.news-single .thumbnail{
  position: relative;
  margin-bottom: 20px;
}
.news-single .copyright-tag {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1.625rem;
    height: 1.625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem;
    background-color: var(--primary);
    color: var(--white);
    font-size: 1.25rem;
    line-height: 1;
}
/* tabelle */
main .table > :not(caption) > * > * {
    background-color: transparent;
}
main table th,
main table td {
    padding: .25rem .5rem;
}
main table th {
    color: var(--primary);
}
main table td {

}

 /* submenu */
.title-submenu-list {
    display: flex;
    line-height: 1.5rem;
    display: -webkit-box;       /* Flexbox-basierter "Box-Layout" für Webkit */
    -webkit-line-clamp: 2;      /* Legt die maximale Anzahl der Zeilen fest */
    -webkit-box-orient: vertical; /* Formatiert Boxen vertikal */

    overflow: hidden;           /* Textüberlauf wird versteckt */
    text-overflow: ellipsis;    /* Zeigt "..." an, wenn der Text abgeschnitten wird */
    white-space: normal;        /* Ermöglicht Zeilenumbrüche */
    min-height: 3rem;            /* Optional: Beschränkt die Höhe auf 2 Zeilen (bei z.B. einer Schriftgröße von 1.5em pro Zeile) */
}


/* Media Center Page CSS Start */
.uvb-breadcrumb{
    background-color: var(--light-blue);
    padding-top: 1rem;
}
.uvb-hero {
    background-color: var(--light-blue);
    padding: 2.5rem 0;
}

.uvb-form label {
    margin-bottom: 0.3125rem;
}

.uvb-form .form-control {
    border: 0.0625rem solid var(--gray-500);
    border-radius: 0;
    padding: 0.625rem 0.9375rem;
    height: 3.125rem;
    background-color: var(--white);
}
.uvb-form textarea.form-control{
    height: 10.625rem;
}
.uvb-form .form-check-input[type=checkbox]{
    border-radius: 0 !important;
    border: 0.0625rem solid var(--gray-500) !important;
    margin-left: 0 !important;
}

.uvb-form .custom-select {
    width: 100%;
    position: relative;
}

.uvb-form .custom-select::after {
    content: "";
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    pointer-events: none;
    background: url('../images/icon-down-arrow.svg') no-repeat center center;
    width: 2.5rem;
    height: 3.125rem;
}

.uvb-form .custom-select select {
    width: 100%;
    border: 0.0625rem solid var(--gray-500);
    border-radius: 0;
    padding: 0.625rem;
    height: 3.125rem;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff;
    cursor: pointer;
}

.uvb-form .btn-search {
    width: 3.125rem;
    height: 3.125rem;
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
    align-self: flex-end;
}

.uvb-form .btn-reset {
    padding: 0;
    margin: 0.9375rem 0 0 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
    display: flex;
    align-items: center;
    gap: 0.625rem;
    color: #555555;
    font-size: 1.125rem;
    font-weight: 700;
}

.uvb-form .btn-reset:hover {
    opacity: .8;
}

.uvb-sidebar .info-widget h2 {
    font-size: 1.25rem;
    color: var(--primary);
}

.uvb-sidebar .info-widget p {
    font-size: 1.125rem;
}

.uvb-sidebar .btns-group {
    border-top: 0.0625rem solid var(--white);
    margin-top: 1rem;
    padding-top: 1.5rem;
}

.uvb-sidebar .btns-group .btn-link {
    padding-left: 0;
    padding-right: 0;

}

.uvb-sidebar .btns-group .btn-link:hover {
    color: var(--white);
    opacity: 0.8;
}

.uvb-sidebar .table-cart {
    width: 100%;
    border-collapse: collapse;
    font-size: 1.125rem;
    font-weight: 400;
    color: var(--white);
}

.uvb-sidebar .table-cart td {
    padding: .75rem 0;
    color: var(--white);
    vertical-align: top;
}

.uvb-sidebar .table-cart td p {
    max-width: 10.625rem;
}

.uvb-sidebar .table-cart td input {
    width: 2.375rem;
    height: 2.375rem;
    border: none;
    border-radius: 0;
    padding: 0 0 0 0;
    background-color: var(--white);
    font-size: 1.125rem;
    font-weight: 400;
    text-align: center;
    line-height: 2.375rem;
    color: var(--black);
}

.uvb-sidebar .table-cart td button {
    width: 1.5rem;
    height: 1.5rem;
    border: none;
    border-radius: 0;
    padding: 0;
    background-color: transparent;
}

.uvb-sidebar .table-cart td button:hover,
.uvb-sidebar .table-cart td button:focus-within,
.uvb-sidebar .table-cart td button:focus {
    opacity: 0.8;
    color: var(--white);
}


.media-per-page ul li {
    padding: 0 0.625rem 0 0;
}
.media-per-page ul li::before {
  display: none;
}

.media-per-page ul li a {
    color: var(--black);
    font-weight: 400;
    text-decoration: none;
}

.media-per-page ul li a:hover {
    opacity: 0.8;
}

.media-per-page ul li a.active {
    color: var(--primary);
    font-weight: 700;
}

.media-card {
    padding: 0;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    border-bottom: 0.0625rem solid var(--black);
}

.media-card .media-image-block {
    width: 100%;
    background-color: var(--gray-100);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}
.media-card .media-image-block .badge{
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--bs-danger);
    border-radius: 0;
    font-size: 1rem;
    color: var(--white);
}

.media-card .media-image-block img {
    max-width: 11.625rem;
}
.media-card .card-body {
    padding: 1rem 1.5rem;
}
.media-card .card-title {
    font-size: 1.25rem;
    font-weight: var(--font-bold);
    line-height: 1.75rem;
    color: var(--primary);
}

.media-card .card-text {
    font-size: 1rem;
    line-height: 1.25rem;
    color: var(--black);
}

.media-card .card-info-text-wrapper p{
    color: var(--gray-500);
    font-size: 1rem;
}
.media-card .input-wrapper-text{
    font-size: 1rem;
}
.media-card .add-to-cart-wrapper{
    min-height: 3.125rem;
}
.media-card .add-to-cart-wrapper .input-wrapper{
   flex: 0 0 3.125rem;
}
.media-card .add-to-cart-wrapper .input-wrapper input {
    height: 100%;
    border: none;
    border-radius: 0;
    padding: 0 0 0 0;
    background-color: var(--white);
    font-size: 1.125rem;
    font-weight: 400;
    text-align: center;
    line-height: 2.375rem;
    color: var(--black);
    border: 0.0625rem solid var(--gray-500);
}

.uvb-pagination li{
    margin: 0 0.625rem;
    padding: 0;
}
.uvb-pagination li::before{
  display: none;
}
.uvb-pagination li .page-link{
    color: var(--black);
    font-weight: 400;
    font-size: 1.25rem;
}
.uvb-pagination li a:hover{
    opacity: 0.8;
}
.uvb-pagination li.active .page-link {
    color: var(--primary);
    font-weight: 700;
}

.table-checkout{
    width: 100%;
    border-collapse: collapse;
    font-size: 1.125rem;
    font-weight: 400;
    color: var(--black);
}
.table-checkout th{
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--primary);
    border-bottom: 0.0625rem solid var(--gray-500);
    vertical-align: top;
    padding: 0.25rem 0;
}
.table-checkout td{
    font-size: 1.125rem;
    font-weight: 400;
    color: var(--black);
    border-bottom: 0.0625rem solid var(--gray-500);
    padding: 0.625rem 0;
    vertical-align: top;
}
.table-checkout .first-column{
    width: 25%;
}
.table-checkout .second-column{
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
}
.table-checkout .third-column{
    width: 25%;
}
@media (max-width: 991px) {
    .table-checkout .second-column{
        width: 65%;
    }
    .table-checkout .third-column{
        width: 10%;
    }
}
.table-checkout td p{
    font-size: 1rem;
    font-weight: 400;
    color: var(--black);
    max-width: 33.375rem;
}
.table-checkout td p a{
    color: var(--primary);
}
.recaptcha-image{
    flex: 0 0 12.5rem;
    height: 5.625rem;
    background-color: var(--gray-100);
    display: flex;
    align-items: center;
    justify-content: center;
}
/* Media Center Page CSS End */