@font-face {
        font-family: "tilausajot";
        src: url("fonts/Arboria-Book/Arboria-Book.ttf") format("truetype"); /* Path to your .ttf file */
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: "tilausajot-bold";
        src: url("fonts/Arboria-Book/Arboria-Book.ttf") format("truetype"); /* Path to your .ttf file */
        font-weight: normal;
        font-style: normal;
}

:root {
  --color-navy: #023047;
  --color-blue: #023047;
  --color-blue-deep: #0E3B52;
  --color-light-blue: #D5E5EE;
  --color-yellow: #FFB703;
  --color-light-yellow: #FFE9B2;
  --color-lightest-yellow: #FFF7E4;
  --color-dark-gray: #1C1C1C;
  --color-white: #FFFFFF;
  --color-light-red: #FEDADA;
  --color-red: #C90000;
  --color-light-green: #E5F6EE;
  --color-lightest-blue:#F5F7F8;

  --color-light-gray:#F3F3F3;
  --color-border-gray:#767676;
  --color-label-black:#3A3A3A;
  --color-ink-3: #666;

  --color-off-white: #F5F7F8;
  --color-off-white2: #F7F7F7;
  --color-pink-light: #FEDADA;
  --color-yellow-soft: #FFE9B2;
  --color-cream: #FFFEF4;
  --color-black-soft: #1C1C1C;
  --color-black: #000000;
  --color-mint: #E5F6EE;

  --border:      #e4e7ed;
  --accent:      #e8a020;
  --accent-lt:   #fdf3e0;
  --text:        #023047;
  --muted:       #6b7280;

  --radius:      15px;
  --color-link: #1A73E8!important;


    --navy: #023047;
    --navy-deep: #0E3B52;
    --navy-soft: #134866;
    --yellow: #FFB703;
    --yellow-soft: #FFE9B2;
    --yellow-bg: #FFF7E4;
    --ink: #1C1C1C;
    --ink-2: #3A3A3A;
    --ink-3: #666;
    --line: #D9D9D9;
    --line-2: #D3D3D3;
    --bg: #FFFFFF;
    --bg-soft: #F5F7F8;
    --bg-blue: #D5E5EE;
    --bg-blue-soft: #EAF1F6;
    --success: #15803D;
    --success-bg: #E8F5EC;
    --danger: #C90000;
    --danger-bg: #FDECEC;
    --warn: #B47600;
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.08), 0 2px 4px -2px rgba(0,0,0,0.06);
    --shadow-lg: 0 12px 32px -12px rgba(2,48,71,0.15);
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-pill: 94px;
    --font-display: tilausajot;/* "Arboria","Nunito Sans","Helvetica Neue",Helvetica,Arial,sans-serif;*/
    --font-aux: tilausajot;/*"Red Hat Display","Nunito Sans",system-ui,sans-serif;*/

    --navy: #023047; --navy-deep: #0E3B52;
    --yellow: #FFB703; --yellow-soft: #FFE9B2; --yellow-bg: #FFF7E4;
    --gold: #B47600;
    --ink: #1C1C1C; --ink-2: #3A3A3A; --ink-3: #6E6E6E; --ink-4: #9A9A9A;
    --line: #E5E5E5; --line-strong: #D3D3D3;
    --bg: #FFFFFF; --bg-soft: #F5F6F7; --bg-blue: #EAF1F6;
    --success: #16704A; --success-bg: #DDEDE5;
    --danger: #B0392C; --danger-bg: #F7E0DC;
    --info: #245A87;
    --radius-input: 8px; --radius-card: 12px; --radius-pill: 999px;
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --shadow-md: 0 6px 18px -10px rgba(2,48,71,0.18), 0 2px 4px -2px rgba(2,48,71,0.06);
    --shadow-lg: 0 20px 40px -20px rgba(2,48,71,0.20);

}

body{
  font-family: "tilausajot";
  color: var(--color-blue);
  /* background-color: var(--color-white); */
  background:var(--bg-soft);
}


  *, *::before, *::after { box-sizing: border-box; }
  html, body { margin: 0; padding: 0; }
  body {
    font-family: var(--font-display);
    background: var(--bg-soft); color: var(--ink);
    font-size: 16px; line-height: 1.5;
    -webkit-font-smoothing: antialiased;
  }
  a { color: inherit; text-decoration: none; }
  button { font-family: inherit; cursor: pointer; border: 0; background: none; color: inherit; }
  input, select, textarea { font-family: inherit; color: inherit; }
  svg {width:18px; width:18px}
    
  a{color: var(--color-blue); font-weight:bold;}
  a{text-decoration: underline; opacity: 1;}
  a:hover{opacity: 0.75;}
  a img, .btn-lue-lisaa , .card-op, .navbar-brand{opacity: 1;}
  a img:hover, .btn-lue-lisaa:hover, .card-op:hover, .navbar-brand:hover{opacity: 1;}

  .btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    padding: 10px 22px; border-radius: var(--radius-pill);
    font-weight: 500; font-size: 15px; line-height: 1; white-space: nowrap;
    transition: background 140ms, color 140ms, transform 140ms;
  }
  .btn:hover { transform: translateY(-1px); }
  .btn-primary { background: var(--yellow); color: var(--ink); }
  .btn-primary:hover { background: var(--yellow-soft); }
  .btn-navy { background: var(--navy); color: #fff; }
  .btn-navy:hover { background: var(--navy-deep); }
  .btn-outline { background: transparent; color: var(--navy); border: 1px solid var(--navy); }
  .btn-outline:hover { background: var(--bg-blue); }
  .btn-sm { padding: 8px 16px; font-size: 14px; }
  .button-link {background:none; color: var(--color-dark-gray)!important; text-decoration:none; }
  .button-link:hover { background:none; color: var(--color-dark-gray)!important;}
  .button-link:hover .btn-text {text-decoration: underline;text-underline-offset: 4px; text-decoration-thickness: 1px;}
  .button-link .btn-arrow-icon {text-decoration: none!important; }

/* .unknown{background:red; border-radius:3px;} */
.mainHeader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1050;
    background-color: var(--color-off-white);
}
.navbar ul.list-unstyled li:first-child{
  position:relative;
}
.navbar ul.list-unstyled li.d-none{
  margin-left:10px;
}
.navbar ul.list-unstyled .dropdown-toggle{padding:10px 0;}
.navbar .navbar-nav li a{font-weight: bold; text-decoration: none; opacity: 1;}
.navbar .navbar-nav li a:hover{
  text-decoration: underline;
}


.dropdown-menu-custom {
    background-color: var(--color-white);
    border: none;
    border-radius: 16px;
    padding: 16px 0;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    min-width: 50px;
    margin-top: 12px;
  }

  .hero-section{
    position: relative;
    min-height: 600px;
}
.hero__bg {
  background-size: 500px 500px;
  background-repeat: no-repeat;
  background-size: cover; 
  background-position: center bottom;
  color: white;
  display: flex; 
  align-items: center;   
  position: absolute;
  inset:0;
}
.hero__diagonal {
  position: absolute;
  inset: 0;
  background-color: #f5b800;
  clip-path: polygon(0 45%, 80% 100%, 0 100.5%);
}

.hero-section h1{margin-bottom:10px; font-family:tilausajot-bold}
.hero-section p{margin-bottom:5px;}
.hero-section label{margin-bottom:0px}
.hero-section .form-control{padding-top:0px; padding-bottom:0px;}
.hero-section .col-6:last-child{padding-left:20px!important}
.hero-section .card{border-radius:20px}

 
  a.btn{opacity: 1;}
  .btn{
      display: flex;
      align-items: center;
      /* width: 100%; */
      padding: 10px 32px;
      font-size: 18px;
      font-weight: 600;
      border-radius: 50px;
      border-width: 1px;
      transition: all 0.3s ease;
      justify-content: center;
  }
  .btn-default {
      background-color: var(--color-white);
      border-color: var(--color-blue);
      color: var(--color-blue);
  }  
  .btn-default:hover,
  .btn-default:focus {
    background-color: transparent;
    border-color: var(--color-blue);
    color: var(--color-dark-gray);
  }
  
  .btn-action {
      background-color: white;
      border-color: #dee2e6;      
      color: #212529;
  }
  .btn-action:hover {
      background-color: #f8f9fa;
      border-color: #adb5bd;
      color: #212529;
      transform: translateY(-1px);
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
  .btn-action:active {
      transform: translateY(0);
  }

  .btn .bi, .btn-default .fa, .btn-default .glyphicon {
      margin-right: 15px;
      font-size: 24px;
      vertical-align: middle;
  }
  .btn-reject, .btn-danger {
      background-color: transparent;
      border-color: var(--color-red);
      color: var(--color-gray);
  }
  .btn-reject:hover, .btn-reject:focus,
  .btn-danger:hover, .btn-danger:focus {
      background-color: var(--color-light-red);
      border-color: var(--color-red);
      color: var(--color-gray);
  }

  


.btn-primary{
  /* padding: 10px 32px; */
  background: var(--color-yellow);
  border:1px solid var(--color-yellow);
  border-radius: 79px;
  color: var(--color-dark-gray);
}

.btn-primary:hover {
    background-color: var(--color-yellow-soft);
    border-color: var(--color-yellow-soft);
    color: var(--color-dark-gray);
}

.btn-seven{
  background: var(--color-light-blue);
  border:1px solid var(--color-light-blue);
  border-radius: 79px;
  color: var(--color-dark-gray);
}

.btn-seven:hover {
    background-color: transparent;
    border-color: var(--color-blue);
    color: var(--color-dark-gray);
}

.btn-six{
  background: transparent;
  border:1px solid var(--color-blue);
  border-radius: 79px;
  color: var(--color-dark-gray);
}

.btn-six:hover {
    background: var(--color-light-blue);
    border:1px solid var(--color-blue);
}

.btn-footer{
  background: transparent;
  font-size:16px;
  border:1px solid var(--color-white);
  border-radius: 79px;
  color: var(--color-white);
}

.btn-footer:hover {    
    border:1px solid var(--color-white);
}


.btn-detail{
  background: transparent;
  border:1px solid var(--color-blue);
  border-radius: 79px;
  color: var(--color-dark-gray);  
}
.btn-detail:hover {
    box-shadow: 0 3px 8px rgba(0,0,0,0.1);
}



.btn-read{
  background: transparent;
  border:none;
  color: var(--color-blue);
  padding:0px;
  font-weight:bold;
}

.btn-secondary, .btn-blue{
  /* padding: 10px 32px; */
  background: var(--color-navy);
  border:1px solid var(--color-navy);
  border-radius: 79px;
  color: var(--color-white);
}
.btn-secondary:hover, .btn-blue:hover {
    background-color: transparent;
    border:1px solid var(--color-navy);
    color: var(--color-dark-gray);
}

.btn-arrow {
    position: relative;
    overflow: hidden;
    /* padding-right: 1rem; */
    transition: padding-right 0.3s ease;
  }

  .btn-arrow .btn-arrow-icon {
    display: inline-block;
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    white-space: nowrap;
    transition: max-width 0.3s ease, opacity 0.3s ease, margin-left 0.3s ease;
    margin-left: 0;
    vertical-align: middle;
  }

  .btn-arrow:hover .btn-arrow-icon {
    max-width: 2rem;
    opacity: 1;
    margin-left: 6px;
  }

  /* .btn-arrow:hover { */
    /* padding-right: 1.5rem; */
  /* } */

  a.btn-lue-lisaa .btn-arrow-icon{
    margin-top:-6px;
  }

  button.btn-lue-lisaa .btn-arrow-icon{
    margin-top:-6px;
  }

    .section-heading {
      font-weight: 700;
      color: #002b45;
      margin-bottom: 15px;
      font-family:tilausajot-bold
    }
    .section-subheading {
      color: #555;
      font-size: 15px;
      margin-bottom: 40px;
    }
    .profile-card {
      background: #fff;
      border-radius: 8px;
      padding: 10px;
      margin: 10px;
      box-shadow: 0 3px 8px rgba(0,0,0,0.1);
      text-align: center;
      height: 100%;
    }
    .profile-card img {
      width: 100%;
      border-radius: 6px;
    }
    .profile-card h5 {
      margin-top: 12px;
      font-weight: 600;
      color: #002b45;
    }
    .profile-card h5 a {
      text-decoration: none;
      color: #002b45;
    }
    .btn-custom {
      background: #ffbd00;
      color: #002b45;
      font-weight: bold;
      padding: 12px 24px;
      border-radius: 25px;
      margin-top: 25px;
      display: inline-block;
      border: none;
    }
    /* Flexbox row inside carousel */
    .carousel-inner {
      display: flex;
    }
    .carousel-item {
      flex: 0 0 100%; /* default full width (mobile) */
    }
    @media (min-width: 768px) {
      .carousel-item {
        flex: 0 0 50%; /* 2 per row on tablets */
      }
    }
    @media (min-width: 992px) {
      .carousel-item {
        flex: 0 0 25%; /* 4 per row on desktops */
      }
    }

    .content_container{
      position:absolute; 
      width:100%; 
      display:table-cell;
      background:var(--color-light-gray);      
    }
    .inner-container {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 450px;
    }
        .footer-main {
            background-color: var(--color-blue);
            color: var(--color-white);
            padding: 60px 0 40px;
            position: absolute;
            bottom: 0;
            height: 450px;
        }
        .footer-main h5{color:var(--color-white);}
        .footer-main p{text-align:left!important}
        .footer-main .container{background: var(--color-blue)} 
        .inner-container-public{margin-bottom:530px!important}
        .footer-main-public{height:530px!important}
        .footer-main a{text-decoration:none; font-weight:normal; opacity: 1;}
        .footer-main a, .footer-main a:hover, .footer-main a:active{color:#FFF}
        .footer-main a:hover{text-decoration:underline;}
        
        .footer-logo-box {
            border: 3px solid var(--color-white);
            padding: 15px 25px;
            display: inline-block;
            margin-bottom: 20px;
        }
        
        .footer-logo-text {
            color: #4CAF50;
            font-weight: 700;
            font-size: 18px;
            line-height: 1.2;
            margin: 0;
        }
        
        .footer-heading {
            font-size: 22px;
            font-weight: 700;
            margin-bottom: 25px;
        }
        
        .footer-link {
            color: var(--color-white);
            text-decoration: none;
            display: block;
            margin-bottom: 12px;
            transition: opacity 0.3s;
        }
        
        .footer-link:hover {
            color: var(--color-white);
            opacity: 0.8;
        }
        
        .footer-text {
            margin-bottom: 12px;
            line-height: 1.6;
        }
        
        .social-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 45px;
            height: 45px;
            border-radius: 50%;
            background-color: transparent;
            border: 2px solid var(--color-white);
            color: var(--color-white);
            text-decoration: none;
            margin-right: 15px;
            font-size: 24px;
            transition: all 0.3s;
        }
        
        .social-icon:hover {
            background-color: var(--color-white);
            color: #0a3d52;
        }
        
        .btn-outline-white {
            border: 2px solid var(--color-white);
            color: var(--color-white);
            border-radius: 50px;
            padding: 12px 30px;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            transition: all 0.3s;
            font-weight: 500;
        }
        
        .btn-outline-white:hover {
            background-color: var(--color-white);
            color: #0a3d52;
        }
        
        .footer-meta {
            font-size: 14px;
            opacity: 0.9;
        }
        
        .flag-icon {
            width: 40px;
            height: auto;
            display: block;
            margin-bottom: 15px;
        }
        
        .blue-icon {
            color: #4fc3f7;
            font-size: 32px;
            margin-bottom: 15px;
        }
        
        @media (max-width: 991px) {
            .footer-main {
                padding: 40px 0 30px;
            }
            
            .footer-heading {
                font-size: 20px;
                margin-bottom: 20px;
                margin-top: 30px;
            }
            
            .mb-lg-0 {
                margin-bottom: 30px !important;
            }
        }    


        


        .cta-section {
            background-color: #FDB813;
            padding: 60px 0;
            text-align: center;
        }
        
        .cta-heading {
            color: #0a3d52;
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 25px;
            line-height: 1.2;
        }
        
        .cta-text {
            color: #0a3d52;
            font-size: 1.125rem;
            margin-bottom: 35px;
            line-height: 1.6;
        }
        
       /*  .btn-cta {
            background-color: #0a3d52;
            color: var(--color-white);
            border: none;
            border-radius: 50px;
            padding: 16px 45px;
            font-size: 1.125rem;
            font-weight: 600;
            text-decoration: none;
            display: inline-block;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(10, 61, 82, 0.3);
        }
        
         */
        
        @media (max-width: 768px) {
            .cta-section {
                padding: 40px 0;
            }
            
            .cta-heading {
                font-size: 1.75rem;
                margin-bottom: 20px;
            }
            
            .cta-text {
                font-size: 1rem;
                margin-bottom: 30px;
            }
            
            .btn-cta {
                padding: 14px 35px;
                font-size: 1rem;
            }
        }
        
        @media (max-width: 576px) {
            .cta-heading {
                font-size: 1.5rem;
            }
            
            .btn-cta {
                padding: 12px 30px;
            }
        }



        .btn-submit {
            background-color: var(--color-yellow);
            border: none;
            color: var(--color-dark-gray);
            font-weight: 600;
            padding: 0.875rem 2.5rem;
            font-size: 1rem;
            border-radius: 50px;
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            transition: all 0.2s;
            margin-top: 1.5rem;
        }

        .btn-submit:hover {
            background-color: var(--color-yellow);
            transform: translateY(-1px);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
        }

        .btn-submit i {
            font-size: 1.1rem;
        }         

        h1 {
            color: var(--color-blue);
            font-size:64px;
            line-height:66px; 
            margin-bottom: 2rem;
            font-weight: 700;
        }
        h2 {
            color: var(--color-blue);
            font-size:48px;
            line-height:45px; 
            margin-bottom: 2rem;
        }
        h3 {
            color: var(--color-blue);
            font-size:40px;
            line-height:36px; 
            margin-bottom: 2rem;
        }
        h4 {
            color: var(--color-blue);
            font-size:32px;
            line-height:36px; 
            margin-bottom: 2rem;
        }
        h5 {
            color: var(--color-blue);
            font-size:24px;
            line-height:30px; 
            margin-bottom: 2rem;
        }
        h6 {
            color: var(--color-blue);
            font-size:22px;
            line-height:26px; 
            margin-bottom: 2rem;
        }
        .page-title {
            color: var(--color-blue);
            font-weight: 700;
            margin-bottom: 12px;
            margin-top:0px;
        }

        .page-subtitle {
            color: var(--color-dark-gray);
            font-size: 20px;
            line-height: 24px;            
            margin-bottom: 40px;
        }

        p{font-size:16px; line-height:20px}


        .error-message{color:var(--color-red)}

.form-card {
    background: white;
    padding: 2rem;
    margin-bottom:10px;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}
.form-card h2 {
    color: var(--color-dark-gray);
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 1.5rem;
}
.form-label {
    color: var(--color-dark-gray);
    font-weight: bold;
    margin-bottom: 0.5rem;
}
.form-text {
    color: var(--color-dark-gray);
    font-size: 0.875rem;
    margin-top: 0.25rem;
}
.form-control{color:var(--color-dark-gray);}
.form-control, .form-select {
    border: 1px solid transparent;
    border-radius: 10px;
    padding: 0.75rem;
    background-color: var(--color-light-gray);
}
.form-control:focus, .form-select:focus {
    background-color: white;
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
}                
.readonly-field {
    background-color: #f5f5f5;
    border: 1px solid #e0e0e0;
    padding: 0.75rem 1rem;
    border-radius: 0.375rem;
    color: #666;
    font-size: 0.95rem;
}

.form-check-input {
    width: 1.25rem;
    height: 1.25rem;
    margin-top: 0.125rem;
    margin-left:0px!important;
}
.form-check-label {
    margin-left: 0.5rem;
    color: var(--color-dark-gray);
    font-weight:bold;
}

.form-control::placeholder {
    color: #999;
}

.password-wrapper {
    position: relative;
}

.password-toggle {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #666;
    cursor: pointer;
    padding: 0;
    font-size: 1.2rem;
}

.password-toggle:hover {
    color: #333;
}

.orderForm .required-field::after {
    content: " *";
    color: var(--color-dark-gray);
}

.request-card {
    background: white;
    border-radius: 16px;
    padding: 10px 24px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    margin-bottom: 24px;
    transition: all 0.3s ease;
}


.request-card_links a{color:#1A73E8!important; text-decoration: underline; opacity: 1;}
.request-card_links a:hover{color:#1558B0!important; opacity: 0.75;}
.request-card_links a:visited{color:#6A1B9A!important;}

/* .request-card:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
} */

.grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
}





        table.pagi {
            width: 100%;
            background: white;
            border-collapse: collapse;
            border-radius: 8px;
            overflow: hidden;
            /* box-shadow: 0 2px 8px rgba(0,0,0,0.1); */
            position:relative;
        }

        table.pagi thead {
            background-color: #f8f9fa;
        }

        table.pagi th, table.pagi td {
            padding: 1rem;
            text-align: left;
            border-bottom: 1px solid #e9ecef;
        }

        table.pagi th {
            font-weight: 600;
            color: #495057;
            font-size: 0.875rem;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        table.pagi tbody tr:hover {
            background-color: #f8f9fa;
        }

        table.pagi tfoot td {
            padding: 1.25rem 1rem;
            border-bottom: none;
        }

        table.pagi tfoot tr td:first-child {
            color: #6c757d;
            font-size: 0.9rem;
        }

        /* pagi Styles */
        .pagi {
            list-style: none;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            gap: 0.25rem;
            margin: 0;
            padding: 0;
        }

        .pagi-sm {
            font-size: 0.875rem;
        }

        .pagi li {
            display: inline-block;
            margin:0 1px;
        }

        .pagi li a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 36px;
            height: 36px;
            padding: 0.5rem 0.75rem;
            text-decoration: none;
            color: #495057;
            background-color: white;
            border: 1px solid #dee2e6;
            border-radius: 4px;
            transition: all 0.2s ease;
            font-weight: 500;
        }

        .pagi li a:hover {
            background-color: #e9ecef;
            border-color: #adb5bd;
            color: #212529;
        }

        .pagi li.active a {
            background-color: #0d6efd;
            border-color: #0d6efd;
            color: white;
            pointer-events: none;
        }

        .pagi li.disabled a {
            color: #adb5bd;
            background-color: white;
            border-color: #dee2e6;
            pointer-events: none;
            cursor: not-allowed;
            opacity: 0.6;
        }

        .pagi li.prev a,
        .pagi li.next a {
            font-weight: 600;
        }

        /* Responsive */
        @media (max-width: 768px) {
            table.pagi  {
                font-size: 0.875rem;
            }

            table.pagi th, table.pagi td {
                padding: 0.75rem;
            }

            table.pagi tfoot tr {
                display: flex;
                flex-direction: column;
                gap: 1rem;
            }

            table.pagi tfoot td {
                width: 100%;
            }

            .pagi {
                justify-content: center;
            }

            .pagi li a {
                min-width: 32px;
                height: 32px;
                padding: 0.4rem 0.6rem;
                font-size: 0.8rem;
            }
        }




.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius:15px;
}        




    .page-header {
      padding: 3rem 0 2rem;
    }
    .page-header h1 {
      font-size: 2.6rem;
    }
    .hero-img-placeholder {
      width: 120px;
      height: 90px;
      background: #d0d0d0;
      border-radius: 4px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .hero-img-placeholder svg {
      opacity: 0.5;
    }
    .wrap{max-width:1320px; padding: 0 30px; margin: 0 auto;}
    .hero{padding-top:3rem!important; padding-bottom:3rem!important}
    .hero .wrap,
    .article-head .wrap{max-width:1320px; padding: 0 30px}
    .search-section {
      margin-bottom: 2rem;
    }
    .search-section h5 {
      font-weight: 700;
      
      margin-bottom: 0.75rem;
    }
    .search-wrapper {
      position: relative;
      max-width: 420px;
    }
    .search-wrapper input {
      border-radius: 50px;
      border: 1.5px solid #ccc;
      padding: 0.5rem 2.5rem 0.5rem 1.25rem;
      background: #fff;
      font-size: 0.95rem;
      width: 100%;
      outline: none;
    }
    .search-wrapper input:focus {
      border-color: #999;
    }
    .search-wrapper .search-icon {
      position: absolute;
      right: 12px;
      top: 50%;
      transform: translateY(-50%);
      color: #555;
      cursor: pointer;
      background: none;
      border: none;
      padding: 0;
    }
    .category-pills {
      display: flex;
      flex-wrap: wrap;
      gap: 0.4rem;
      margin-top: 0.75rem;
    }
    .category-pill {
        display: inline-block;
        padding: 6px 16px;
        border-radius: 50px;
        border: 1px solid #ccc;
        background: #D3D3D3;
        border-color: #D3D3D3;
        color: #000;
        font-size: 0.875em;
        text-decoration: none;
        cursor: pointer;
        transition: background 0.2s, border-color 0.2s;
    }

    .blog-card {
      /* background: #fff; */
      border-radius: 0;
      overflow: hidden;
      border: none;
    }
    .blog-card-img {
      width: 100%;
      aspect-ratio: 16/9;
      /* background: #d5d5d5; */
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .blog-card-img svg {
      opacity: 0.4;
    }
    .blog-card-body {
      padding: 1.25rem 0;
    }
    .blog-card-body h3 {
      font-size: 1.3rem;
      margin-bottom: 0.2rem;
    }
    .blog-date {
      font-size: 0.82rem;
      color: var(--color-dark-gray);
      margin-bottom: 0.6rem;
    }
    .blog-card-body p {
      font-size: 0.9rem;
      color: var(--color-dark-gray);
      line-height: 1.6;
    }
    .btn-lue-lisaa {
      background: var(--color-yellow);
      border:1px solid var(--color-yellow);
      /* border: 1.5px solid #D3D3D3; */
      border-radius: 50px;
      /* background: #D3D3D3; */
      color: var(--color-dark-gray);
      padding: 0.35rem 1.2rem;
      font-size: 0.88rem;
      cursor: pointer;
      transition: all 0.2s;
      text-decoration: none;
      display: inline-block;
      margin-top: 0.75rem;
      font-weight:600;
    }
    .btn-lue-lisaa:hover {
        background-color: var(--color-yellow-soft);
        border-color: var(--color-yellow-soft);
        color: var(--color-dark-gray);
    }

    /* List view cards */
    .blog-list-card {
      /* background: #fff; */
      display: flex;
      margin-bottom: 1.5rem;
    }
    .blog-list-img {
      flex: 0 0 280px;
      min-height: 190px;
      /* background: #d5d5d5; */
      display: flex;
      align-items: center;
      justify-content: center;      
    }
    .blog-list-img a{opacity:1;}
    @media (max-width: 576px) {
			.blog-list-img {
              flex: 0 0 170px;
            }
    }
    .blog-list-img svg { opacity: 0.4; }
    .blog-list-body {
      padding: 1.5rem 2rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    .blog-list-body h3 {
      font-size: 1.25rem;
      margin: 0.15rem 0;
    }
    .blog-list-body p {
      font-size: 0.9rem;
      color: var(--color-dark-gray);
      line-height: 1.6;
      margin-bottom: 0;
    }
    /* Pagination wrapper */
ul.pagination.pagination-sm {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  list-style: none;
  padding: 2rem 0 3rem;
  margin: 0;
}

/* Hide the empty spacer <li> elements */
ul.pagination.pagination-sm > li:empty {
  display: none;
}

/* All page number links */
ul.pagination.pagination-sm li a {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1.5px solid #ccc;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.88rem;
  color: #444;
  text-decoration: none;
  transition: all 0.2s;

}

ul.pagination.pagination-sm li a:hover {
  border-color: #1a2233;
  color: #1a2233;
}

/* Active page */
ul.pagination.pagination-sm li.active a {
  background: #1a2233;
  color: #fff;
  border-color: #1a2233;
}

/* Prev << and Next >> buttons */
ul.pagination.pagination-sm li.prev a,
ul.pagination.pagination-sm li.next a {
  width: auto;
  border-radius: 50px;
  padding: 0 1rem;
  border-color: transparent;
  font-size: 0.9rem;
  color: #333;
}

ul.pagination.pagination-sm li.prev a:hover,
ul.pagination.pagination-sm li.next a:hover {
  color: #1a2233;
  border-color: transparent;
  background: transparent;
}

/* Disabled prev button */
ul.pagination.pagination-sm li.prev.disabled a {
  color: #bbb;
  pointer-events: none;
  border-color: transparent;
  background: transparent;
}

/* Override Bootstrap defaults */
ul.pagination.pagination-sm li.active a:focus,
ul.pagination.pagination-sm li a:focus {
  box-shadow: none;
  outline: none;
}

.pagination .prev{position:absolute; left:0;}
.pagination .next{position:absolute; right:0;}


    .carrier-card {
      background: var(--color-blue);
      padding: 2rem 2.25rem;
      margin: 0 auto;
    }
    .carrier-card .page-title, .hero .page-title{color:var(--color-yellow);}
    .carrier-card .page-subtitle, .hero .page-subtitle{color:var(--color-white);}
    .carrier-card .page-subtitle a{color:var(--color-white);}
    
    .btn-ghost-light { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,0.3); font-weight: 500; }
    .btn-ghost-light:hover { background: rgba(255,255,255,0.1); color:var(--color-white); border-color: #fff; }

    .carrier-card .card-title {
      font-size: 1.6rem;
      font-weight: 700;
      letter-spacing: -0.02em;
      margin-bottom: 0.6rem;      
    }
    .blog-card a, .carrier-card a{text-decoration: none!important;}
    .carrier-card .description {
      font-size: 0.9rem;
      line-height: 1.6;
      margin-bottom: 1.4rem;
      /* max-width: 500px; */
    }

    .carousel-control-prev,
        .carousel-control-next {
            width: 50px;
            height: 50px;
            background-color: rgba(15, 61, 84, 0.1);
            border-radius: 50%;
            top: 50%;
            transform: translateY(-50%);
            opacity: 0.8;
        }

        .carousel-control-prev {
            left: -20px;
        }

        .carousel-control-next {
            right: -20px;
        }

        .carousel-control-prev:hover,
        .carousel-control-next:hover {
            background-color: rgba(15, 61, 84, 0.2);
            opacity: 1;
        }

        /* .carousel-control-prev-icon,
        .carousel-control-next-icon {
            filter: invert(18%) sepia(18%) saturate(2478%) hue-rotate(161deg) brightness(93%) contrast(95%);
        } */
        .carousel-inner .carousel-item{display:none}
        .carousel-inner .active{display:flex!important}

        @media (max-width: 768px) {
           
            .carousel-control-prev,
            .carousel-control-next {
                width: 40px;
                height: 40px;
            }

            .carousel-control-prev {
                left: -20px;
            }

            .carousel-control-next {
                right: -20px;
            }            
        }
		@media (min-width: 992px) {
			.carousel-item {
				flex: 0 0 98%;
			}
		}

    .star-rating {
      color: var(--color-yellow);
      font-size: 1rem;
      letter-spacing: 1px;
    }

    .rating-score {
      font-size: 0.88rem;
      font-weight: 600;
      color: var(--color-blue);
    }

    .offer-card {
      background: var(--color-white);
      border: 1px solid var(--color-light-blue);
      border-radius: 12px;
      padding: 1.5rem 1.5rem 0 1.5rem;
      margin-bottom: 2rem;
      position: relative;
    }
   

    .ribbon {
      position: absolute;
      top: -30px; left: -29px;
      width: 80px; height: 80px;
      /* overflow: hidden; */
      z-index: 2;
    }

    .stars { color: #f5a623; font-size: 1rem; }
    .company-name { font-size: 1.05rem; font-weight: 700; color: var(--color-dark-gray); }
    .offer-date { font-size: 0.82rem; color: var(--color-dark-gray); }

    .price-label { font-size: 0.78rem; color: var(--color-dark-gray); }
    .price-value { font-size: 2rem; font-weight: 800; color: var(--color-dark-gray); line-height: 1.1; }
    .price-vat { font-size: 0.75rem; color: var(--color-dark-gray); }

    .info-icon {
      display: inline-flex; align-items: center; justify-content: center;
      width: 18px; height: 18px; border-radius: 50%;
      border: 1.5px solid #adb5bd; font-size: 0.65rem; color: #6c757d;
      cursor: pointer; font-style: normal; font-weight: 600;
    }

    .card-body-inner { padding-left: 3.5rem; }
    .section-title { font-size: 0.95rem; font-weight: 600; }

  .invalid-feedback{color:var(--color-red);}
  .form-control.is-valid, .was-validated .form-control:valid{border:1px solid var(--color-light-green);}
  .form-control.is-invalid, .was-validated .form-control:invalid{border:1px solid var(--color-light-red);}

  .infotip {
    cursor: pointer;
  }

  .tooltip .tooltip-inner {
    background-color: #1f2937;
    color: #f9fafb;
    font-size: 13px;
    padding: 6px 10px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
  }

  .tooltip .bs-tooltip-start .tooltip-arrow::before,
  .tooltip .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
    border-left-color: #1f2937;
  }

  .info-row{margin-bottom:10px}

  .toggle-details {
      background: none;
      border: none;
      color: var(--color-blue);
      font-weight: 500;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      padding: 0.5rem 0;
      margin-top: 0.5rem;
      font-size: 1rem;
      transition: color 0.2s;
  }
  .toggle-details:hover {
      color: var(--color-link);
  }
  .toggle-details svg {
      transition: transform 0.2s;
  }
  .toggle-details[aria-expanded="true"] svg {
      transform: rotate(180deg);
  }

  .form-card-light-blue{border:1px solid var(--color-light-blue); box-shadow:none; }

  .yellow-circle{
	background: #FFCA49 0% 0% no-repeat padding-box;
	border: 2px solid #FFFFFF;
	color: #2A303D;
	border-radius: 50%;
	height: 23px;
	width: 23px;
	text-align: center;
	font: normal 11px "GalanoGrotesque-Medium";
	display: inline-block;
	padding-top: 2px;
}
.circle-dropdown{
	right: 2px;
	margin-top: -25px;
	padding-top: 4px;
	position: absolute;
	display: inline-block;
}

.fixHyperLink a{text-decoration:underline!important; }