/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on October 17, 2023 */

/*h2 {
    font-family: Danske-Medium, Verdana, sans-serif;;
}

.h2 {
    font-family: Danske-Medium, Verdana, sans-serif;;
}*/

@font-face {
    font-family: 'danskecondensedsemibold';
    src: url('danskecondsemi-webfont.woff2') format('woff2'),
         url('https://danskebank.dk//-/media/files/uk/css/danskecondsemi-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.bus-condensed{
  font-family: 'danskecondensedsemibold';
  color: white;
  text-transform: uppercase;
  font-size: 3rem;
  font-weight:normal;
  font-style:normal;
}

/*!----------- Mobile lightbox fix -----------*/


.icon.close {
    margin-bottom: 5rem !important;
}

/*!-------------------------------------------*/




/*!----------- Thrive styles -----------*/

.custom-font{
font-family: Danske-Medium, Verdana, sans-serif;
}

  .custom-header{
    color: #002337;
    font-family: Danske-Medium, Verdana, sans-serif;
    font-size: 2.5rem; 
    line-height: 3rem;
    /*text-align: left !important;*/
    font-weight: 400;
  }

  .custom-header-2{
    color: #002337;
    font-family: Danske-Medium, Verdana, sans-serif;
    font-size: 2.5rem; 
    line-height: 3rem;
    font-weight: 400;
   }

.custom-header-3{
    color: #002337;
    font-family: Danske-Medium, Verdana, sans-serif;
    font-size: 2.5rem; 
    line-height: 3rem;
    font-weight: 400;
   }

  .intro{
    color: #002337;
    /*font-family: Danske-Medium, Verdana, sans-serif;*/
    font-size: 1.3rem;
    line-height: 2rem;
    /*text-align: left !important;*/
  }

  .pod-intro_xx{
    font-family: Danske-Medium, Verdana, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;

  }


      .intro-bus{
      font-family: Danske-Medium, Verdana, sans-serif;
      font-weight: bold;
     }

  .intro-2{
    color: #002337;
    font-family: Danske-Medium, Verdana, sans-serif;
    font-size: 2.2rem;
    line-height: 1.5rem;
    text-align: left !important;
  }

  .col-marg{
    margin: 0 !important;

  }


  .navy{
    color: #003755;
  }

.table .table-header th {
    font-size: 1rem;
}
 
.table.responsive-table .table-data-value:before {
     font-size: 1rem;
}


/*-------------------------Savings-------------------------------*/

.banner-cta_xx{
  display: inline; 
  float: right;
  margin: 2.5rem !important;

}

.orange_xx{
 background-color: #E88039;
}

.orange2_xx{
 background-color: #FCCFA5;
}

.rng-txt{
 color: #E06A19;
 font-size:  2rem;
}

.arrow-cta_xx{

  font-size:  1.2rem;
}

.bar_xx{
  color: #E88039;
  opacity: .9;
    border-style: solid;
    border-width: 2px;
}

.sum-title_xx{
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    gap: 1rem;
  }

.sum_xx{
  font-size: 1.5rem;
}

.sum-li_xx li{
margin-top: 1rem;
}



.blu-button_xx{
    display: inline-block;
    position: relative;
    width: auto;
    max-width: 100%;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    text-decoration: none !important;
    padding: 0 0 0.0625rem 0;
    color: #fff !important;
    transition: background 0.3s;
    border-radius: 1000px;
    background-color: #0a5ef0;
    border: 1px solid #1B5072;
    outline-offset: 4px;

  }

  .blu-button-table_xx{
    display: inline-block;
    position: relative;
    width: auto;
    max-width: 100%;
    text-decoration: none !important;
    padding: 0 0 0.0625rem 0;
    color: #fff !important;
    transition: background 0.3s;
    border-radius: 1000px;
    background-color: #0a5ef0;
    border: 1px solid #1B5072;
    outline-offset: 4px;

  }

.blu-button_xx.large {
    min-height: 44px;
    font-size: 1rem !important;
    padding: 18px 36px;
    line-height: 1.1rem;

  }

  .blu-button-table_xx.medium{
    min-height: 44px;
    font-size: 1rem !important;
    padding: 15px 32px;
    line-height: 1.1rem;
}

  .blu-button_xx:active, .blu-button_xx:focus, .blu-button_xx:hover, .blu-button-table_xx:active, .blu-button-table_xx:focus, .blu-button-table_xx:hover {
    background-color: #0456C9;
    color: #fff;
}



.icon-download {
  position: relative;
  /* Adjust these values accordingly */
  top: -4px;
  left: 5px;
}

.pillbox_xx {
    border-radius: 4px;
    display: inline-block;
    margin: .4rem .3rem;
    padding: 0.55rem 0.85rem 0.55rem 0.55rem;
    position: relative;
}

.pillbox_xx img {
    display: block;
    position: absolute;
    left: -.5rem;
    padding: 0 .3rem;
    margin: 0rem .4rem;

 }

 .pillbox_xx p {
    margin: 0;
    position: relative;
    padding-left: 2rem;
}

.spotlight_xx .arrow-right{
    width: 33px !important;
    height: 20px !important;
    min-width: 15px !important;
    min-height: 15px !important;
    margin-left: 3px;
    margin-top: 6px;
}

.spotlight_xx i {
    position: absolute;
    top: 50%;
    right: 3.3rem;
    transform: translateY(-50%);
    background: #E88039;
    border-radius: 50%;
    width: 35px !important;
    height: 35px !important;
    margin-top: 0px !important;
}


.spot-txt_xx {
    max-width: 85%;
}

/*.spot-txt_xx a {
  text-decoration: none;

}*/

a.guide_xx {
    text-decoration: none;
}

.disc_xx{
    color: #FEFFFF;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    display: grid;
    place-items: center;
    margin: 0rem 1rem 1rem .5rem;
    font-size: 2rem;
  }

.disc_xx h1{
  margin-top: .4rem;
  color: #002337;
}



ul.s-list{
  list-style-type: none;
  margin-left: -0.2em;}

.s-list {
    line-height: 1.5em
}

.s-list li {
    padding-left: 2em;
    margin: .8em auto;
    position: relative
}

.s-list li:before {
    content: url("/-/media/danske-bank-images/dbuk/icons/personal/orange-tick.png")
}

.s-list li:before,.s-list li>.icon {
    position: absolute;
    left: .2em;
    top: .15em;
    width: 1em;
    height: 1em
}

.s-list li>.icon {
    fill: #E88039;
}

.s-list.medium .h3,.s-list.medium h3,.s-list.medium li {
    font-size: 1.25rem
}

.s-list.large li {
    font-size: 1.5rem
}


.orange-table .responsive-table table, 
.orange-table .responsive-table th, 
.orange-table .responsive-table td {
    border: none;
}


.orange-table tr {
    border-bottom: 1px solid rgba(232, 127, 56, 0.8);
}

.blocks_show p {
    font-size: 1.1rem !important;
}


/*-------------------------BCA/PCA + MTG-------------------------------*/

.vert-rule_xx{
margin: 0 auto;
width: 1px;
height: 100%;
border: 1px solid #003755;
opacity: 0.5;

}

.icon_pod_xx{
max-height: 55px;
}

.bca_button-2025_xx{
   display: inline-block;
   position: relative;
   font-size: 1.1rem !important;
   width: auto;
   max-width: 100%;
   min-width: 200px;
   text-align: center;
   margin-bottom: 1rem;
   padding: .7rem 2rem;
   text-decoration: none !important;
   font-weight: 600;
   color: #0456C9;
   transition: background 0.3s;
   border-radius: 1000px;
   background-color: white;
   border: 2px solid #0456C9;
   outline-offset: 4px;
  }

  .bca_button-2025_xx:active, .bca_button-2025_xx:focus, .bca_button-2025_xx:hover {
    
   background-color: #0456C9;
   color: #fff;
   font-weight: 400;
   border: 2px solid #0456C9;
   box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2);
   transition: background 0.5s;
}

.bca_button_secondary-2025_xx{
    white-space: nowrap;
   font-size: 1.1rem !important;
   color: #0456C9;
   font-weight: bold;
   padding: .3rem 0;
    margin: .8rem;
   border-bottom: 2px solid;

}

 .bca_button_secondary-2025_xx:active, .bca_button_secondary-2025_xx:focus, .bca_button_secondary-2025_xx:hover {
      color: #002337;
      transition: background 0.5s;

   }


.bca_button_secondary_white-2025_xx{
    white-space: nowrap;
   font-size: 1.1rem !important;
   color: #fff;
   font-weight: bold;
   padding: .3rem 0;
    margin: .8rem;
   border-bottom: 2px solid #ffffff;;

}

 .bca_button_secondary_white-2025_xx:active, .bca_button_secondary_white-2025_xx:focus, .bca_button_secondary_white-2025_xx:hover {
      color: #fff;
    padding: .3rem 0;
    border-bottom: 2px solid #027bc7;
      transition: border-bottom 0.5s ease;

   }

  .cam-quote_xx{
    font-family: Danske-Medium,Verdana, sans-serif;
    font-size: 1.5rem;
    line-height: 2rem;
  }

.hotlinks{
 list-style-type: none;
margin-left: -1.5rem !important;
 margin-right: -1.5rem !important;
}

.hotlinks li {
    font-size:  1.1rem;
    padding: 0 .8rem;
line-height: 1.2rem;
}

.hotlinks li a {
    display:  block;
    padding: .6rem;
    border-width:  thin 0 0;
    text-decoration: none !important;
}

.hotlinks li a:hover {
transition: all 0.6s ;
    text-decoration: underline !important;
}


/* container_xx styles are used to display icon beside text */
.container_xx {
    display: flex;
    align-items: flex-start; /* Aligns items to the top */
  }

.container_xx p{
    flex-grow: 1;
}

.h-list_xx{
    font-size: 1.3rem;
    line-height: 1.5rem;
}

.testimonial_xx{
    margin: 2rem 0;
    padding: 1rem;
    background-color: #e7f1f7;
    border-radius: 9px;
}

.testimonial_dark_xx{
    margin: 2rem 0;
    padding: 1rem;
    background-color: #406980;
    border-radius: 9px;
}

.testimonial_xx .thumb_xx, .testimonial_dark_xx .thumb_xx{
    margin: 0 1.5rem;
    width: 90px;
}


.img_xx{
display: flex !important;
flex-shrink: 0; /* Prevents the image from shrinking */
    margin-right: 20px; /* Adds space between the image and the text */
    height: 45px;   
    
}

.img-mtg_xx{
/*display: flex !important;
flex-shrink: 0; /* Prevents the image from shrinking */*/
    margin-right: 20px; /* Adds space between the image and the text */
    padding-bottom: 1rem; ;
    height: 70px;   
    
}

.img_sm_xx {
    display: flex !important;
    flex-shrink: 0;
    margin-right: 20px;
    height: 25px;

}


/* Account offer label */
.label_xx{
    position: absolute;
    top: 3px;
    left: 3px;
    padding: .3rem 1.5rem;
    background-color: #FFECB0;
    color: #002337;
    min-width: 200px;
    text-align: center;

}

.label_green_xx{
    position: absolute;
    top: 3px;
    left: 3px;
    padding: .3rem 1.5rem;
    background-color: #8AD0BF;
    color: #002337;
    min-width: 200px;
    text-align: center;

}

.unique-breadcrumb nav.context-menu .breadcrumb-list a {
    font-size: 1.1rem;
    color: #fff;
}


.link-container_xx a.ssPopup:not(.button):not(.expand-btn):not(.category-card), 
.box-info a.ssPopup:not(.button):not(.expand-btn):not(.category-card), 
.box-cta a.ssPopup:not(.button):not(.expand-btn):not(.category-card) {
    color: #003755 !important;
text-decoration: none;
}

.link-container_xx a.ssPopup:not(.button):not(.expand-btn):not(.category-card):hover, 
.box-info a.ssPopup:not(.button):not(.expand-btn):not(.category-card):hover, 
.box-cta a.ssPopup:not(.button):not(.expand-btn):not(.category-card):hover {
    color: #ffffff !important;
text-decoration: none;
}

/* breadcrumb list is for sticky nav styling */

.unique-breadcrumb .bar {
    top: 0;
}

.unique-breadcrumb nav.context-menu.breadcrumb-list li:first-child {
    padding-right: 1rem;
    font-size: 1.1rem;
    color: #002337;
    font-weight: bold; /* To emulate the <strong> tag */
}

.unique-breadcrumb  nav.context-menu.breadcrumb-list li {
    text-decoration: underline;
}

.unique-breadcrumb nav.context-menu .breadcrumb-list span {
color: #003755;
    padding-left: 0.5rem;
    padding-right: 1rem;
}

.unique-breadcrumb nav.context-menu .breadcrumb-list li:last-child {
    padding-right: 1rem;
}

.unique-breadcrumb nav.context-menu .breadcrumb-list a: hover {
    color@ #fff;
text-decoration: underline;
}

.unique-breadcrumb nav.context-menu .breadcrumb-list {
    color: #fff;
}

.unique-breadcrumb nav.context-menu .breadcrumb-list strong {
    color: #003755;
}

.unique-breadcrumb nav.context-menu .bar.fixed .breadcrumb-list strong {
    color:  #fff;
}

.unique-breadcrumb nav.context-menu .bar.fixed .breadcrumb-list span{
    color: #fff;

}

.unique-breadcrumb nav.context-menu .breadcrumb-list a.arrow-link > span {
    color: #fff;
}

.unique-breadcrumb .context-menu .bar .wrapper, .breadtest1{
    height: 58px;
    width: 100%;
    background-color: #fff;
    overflow: hidden;
}

 .unique-breadcrumb .context-menu .bar.fixed .wrapper {
    overflow: hidden !important; 
transition: all 0.9s ease;
background-color: #003755 !important;

}



.white-block_xx{
    display: block;
    background-color: #fff;
    text-align: center;
    padding: .5rem;
    margin: 1rem 0;

}



/* Start application buttons (big squares) */
.bca-btn_xx {
   display: flex;
align-items: center; /* Centers text vertically */
    justify-content: center; /* Centers text horizontally */
    background-color: #fff;
    border: solid 2px #003755;
    border-radius: 6px;
    padding: 1rem;
    margin: 1rem .5rem;
    width: 250px; /* Ensures each button has the same width */
    height: 114px; /* Ensures each button has the same height */
    text-decoration: none; /* Optional: removes underline from links */
    color: #003755; /* Optional: sets text color */
/*    font-weight: bold;*/
}

.bca-btn_xx:hover {
    background-color: #003755;
    color: #fff; /* Changes text color on hover */
}

.link-container_xx {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; /* Allows wrapping on smaller screens */
}

.link-container_xx .ssPopup: hover{
    color: #fff !important;
}

/* Key account features bullet points */
ul.s-list_xx{
  list-style-type: none;
  margin-left: -0.2em;}

.s-list_xx {
    line-height: 1.5em
}

.s-list_xx li {
    padding-left: 2em;
    margin: .8em auto;
    position: relative
}

.s-list_xx li:before {
    content: url("/-/media/danske-bank-images/dbuk/icons/personal/db-blue-check.png")
}

.s-list_xx li:before,.s-list_xx li>.icon {
    position: absolute;
    left: .2em;
    top: .15em;
    width: 1em;
    height: 1em
}

.s-list_xx li>.icon {
    fill: #E88039;
}

/* Switch list is for custom list 1 2 3 on switching content */
.switch-list_xx {
    list-style: none; /* Removes default list styling */
    counter-reset: custom-counter; /* Initializes a counter */
    padding-left: 0; /* Removes default padding */
    margin-left: 0rem;
}

.switch-list_xx li {
    position: relative; /* Needed for absolute positioning of pseudo-elements */
    counter-increment: custom-counter; /* Increment the counter */
    padding-left: 4rem; /* Space for the number */
    margin-bottom: 1.5rem; /* Space between items */
}

.switch-list_xx li::before {
    content: counter(custom-counter); /* Display the counter */
    position: absolute; /* Positioning relative to the li */
    left: 0; /* Align with the left edge of the li */
    width: 50px; /* Width of the circle */
    height: 50px; /* Height of the circle */
    background-color: #fee27f; /* Yellow background */
    color: black; /* Text color */
    border-radius: 50%; /* Circle shape */
    font-size:  1.5rem;
    font-weight:  bold;
    text-align: center; /* Center the text horizontally */
    line-height: 50px; /* Center the text vertically */
}

.switch-list_xx li::after {
    content: ""; /* No content, used for styling */
    position: absolute; /* Positioning relative to the li */
    left: 24px; /* Align with the center of the circle */
    top: 50px; /* Start from the bottom of the circle */
    height: calc(100% - 10px); /* Height up to the next item */
    border-left: 3px dashed #fee27f; /* Dotted line */
}


.switch-list_xx li:last-child::after {
    display: none; /* No line after the last item */
}

/*-------------------------Media Queries-------------------------------*/

@media only screen and (max-width: 767px) {
  /* CSS rules for mobile devices */

  .spot-txt_xx {
        max-width: 75%;
    }

  .spotlight_xx i {
    right: 3rem;
  }

.orange-table .responsive-table table, 
.orange-table .responsive-table th, 
.orange-table .responsive-table td {
    border: none;
}


.orange-table tr {
    border-bottom: none;
}

.sum_xx{
  font-size: 1.5rem;
}
}

@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: portrait) {
  /* CSS rules for tablet devices in portrait */

    .sum_xx{
      font-size: 2rem;
    }

    .spotlight_xx i {
       right: 2.5rem;

    }

   .unique-breadcrumb nav.context-menu .breadcrumb-list {
        color: #fff;
        /*justify-content: center;*/
    }

}

@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: landscape) {
  /* CSS rules for tablet devices in landscape */

  .bus-condensed{
  font-family: 'danskecondensedsemibold';
  font-size: 3rem;
}

  .custom-header{
     font-size: 4rem; 
     line-height: 4.5rem;
     }
  .custom-header-2{
     font-size: 3.2rem; 
     line-height: 3.5rem;
     }

  .custom-header-2{
     font-size: 3.2rem; 
     line-height: 3.5rem;
     }

    .intro{
     font-size: 1.5rem; 
     line-height: 2.2rem;
    }

    .pod-intro_xx{
    font-size: 1.5rem;
    line-height: 2rem;

    }

    .intro-bus{
    font-size: 2rem;
    line-height: 3rem;
     }


  .header-3{
    font-size: 3.25rem;
  }

    .cam-quote_xx{
        font-family: Danske-Medium,Verdana, sans-serif;
     
        font-size: 2rem;
        line-height: 2.5rem;
     }

/*  .spot-txt_xx{
  max-width: 16rem;
}*/

    .spotlight_xx i {
        right: 2.5rem;

    }


    .orange-table tr {
        border-bottom: none;
    }

    .sum_xx{
    font-size: 1.5rem;
    }

   .unique-breadcrumb nav.context-menu .breadcrumb-list {
        color: #fff;
        /*justify-content: center;*/
    }
}

@media only screen and (min-width: 1025px) {
  /* CSS rules for desktop devices */

  .bus-condensed{
  font-family: 'danskecondensedsemibold';
  font-size: 5rem;
  line-height: 4.5rem;
}

  .custom-header{
     font-size: 6rem; 
     line-height: 6rem;
     }

  .custom-header-2{
     font-size: 5rem; 
     line-height: 5rem;
     }

    .custom-header-3{
     font-size: 3.5rem; 
     line-height: 4rem;
     }

  .intro{
     font-size: 1.5rem; 
     line-height: 2.1rem;
     }

    .pod-intro_xx{
    font-size: 1.5rem;
    line-height: 2rem;

  }

    .intro-bus{
    font-size: 2.4rem;
    line-height: 3rem;
     }

    .header-3{
    font-size: 3.95rem;
  }

  .cam-quote_xx{
    font-family: Danske-Medium,Verdana, sans-serif;
     
    font-size: 2rem;
    line-height: 2.8rem;
  }


    .spotlight_xx i {
    right: 2.3rem;

    }

  .sum_xx{
  font-size: 2rem;
}

 .unique-breadcrumb nav.context-menu .breadcrumb-list {
        color: #fff;
        /*justify-content: center;*/
    }
}


    
.cs_xx .arrow-right{
    color: #002337;
}