/*
Calculator styles
*/
#adsar {
  display: flex;
  gap: 16px;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  #adsar {
    flex-wrap: wrap;
    width: auto;
    max-width: auto;
  }
}

#adsar > div {
  flex: 1;
}

#adsar #mainform {
  flex-basis: 49%;
  padding: 16px;
}

@media (max-width: 767px) {
  #adsar #mainform {
    flex-basis: 100%;
  }
}

#adsar .results {
  flex-basis: 51%;
  background-color: #f0f2fe;
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
}

@media (max-width: 767px) {
  #adsar .results {
    flex-basis: 100%;
    border-radius: 0;
  }
}

#adsar .resultslinkblock {
  margin-top: auto;
}

#adsar .resultslinkblock div p.desc {
  color: #2b3133;
}

#adsar .resultslinkblock > div {
  display: flex;
  align-items: center;
  text-align: center;
}

#adsar .resultslinkblock > div > div:first-child {
  flex: 1;
}
/*
#adsar .results,
#adsar .results-borrow {
    display: none;
}
*/
#adsar .calculatetop {
  margin-top: 25px;
}

#adsar label {
  display: inline-block;
  width: 100%;
  text-align: left;
  padding-top: 0;
}
#adsar label.heading {
  margin-top: 32px;
  display: block;
  color: var(--article-headings-color);
  font-family: var(--heading-font-family);
  font-size: 20px;
  font-weight: bold;
  line-height: 28px;
  margin-bottom: 8px;
}

#adsar label.headingtop {
  margin-top: 0px;
}
@media (max-width: 768px) {
  #adsar label.headingtop2 {
    margin-top: 20px !important;
  }
}

#adsar .calculate .submit {
  display: inline-flex;
  align-items: center;
  margin: 30px auto;
  max-width: 250px;
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
  background-color: var(--cta-primary-background);
  border-color: var(--cta-primary-background);
  /*font-family: "MSM Primary", "Arial Black", sans-serif;*/
  color: #fff !important;
  font-size: 1rem;
  font-weight: 700;
  padding: 16px 82px 16px 16px;
  border-radius: 16px;
  position: relative;
}

#adsar .calculate .submit:after {
  display: block;
  content: '';
  background-color: red;
  width: 42px;
  height: 42px;
  border-radius: 4px;
  background-color: var(--lilac-200);
  top: calc(50% - 21px);
  right: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='23.999999999999996' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cpath id='svg_1' fill='%23291D4C' d='m11.2929,4.29289c0.3905,-0.39052 1.0237,-0.39052 1.4142,0l7,7.00001c0.3905,0.3905 0.3905,1.0237 0,1.4142l-7,7c-0.3905,0.3905 -1.0237,0.3905 -1.4142,0c-0.3905,-0.3905 -0.3905,-1.0237 0,-1.4142l5.2929,-5.2929l-11.5858,0c-0.55228,0 -1,-0.4477 -1,-1c0,-0.5523 0.44772,-1 1,-1l11.5858,0l-5.2929,-5.29289c-0.3905,-0.39053 -0.3905,-1.02369 0,-1.41422z' clip-rule='evenodd' fill-rule='evenodd'/%3E%3Cpath id='svg_2' fill='%23291D4C' d='m47.52241,4.62076c0.3905,-0.39052 1.0237,-0.39052 1.4142,0l7,7.00001c0.3905,0.3905 0.3905,1.0237 0,1.4142l-7,7c-0.3905,0.3905 -1.0237,0.3905 -1.4142,0c-0.3905,-0.3905 -0.3905,-1.0237 0,-1.4142l5.2929,-5.2929l-11.5858,0c-0.55228,0 -1,-0.4477 -1,-1c0,-0.5523 0.44772,-1 1,-1l11.5858,0l-5.2929,-5.29289c-0.3905,-0.39053 -0.3905,-1.02369 0,-1.41422z' clip-rule='evenodd' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 60px 24px;

  background-position: calc(100% - 10px) 9px;

  transition: background-position 300ms linear;

  position: absolute;
}

#adsar .calculate .submit:hover:after {
  background-position: calc(100% + 27px) 9px;
}

#adsar .calculate .submit:hover {
  background-color: var(--purple-500) !important;
  border-color: var(--purple-500) !important;
  outline: 2px solid var(--purple-500) !important;
}
#adsar .calculate .submit:focus {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  outline: 2px solid #ffffff !important;
  box-shadow: 0 0 0 4px #2b173f !important;
}

#adsar label + input {
  background-color: transparent;
  padding: 10px 15px;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
  display: block;
  margin: 0 0 10px;
  font-size: 16px;
  line-height: 1.5;
  -webkit-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  background-color: white;
  box-sizing: border-box;
  border: 1px solid var(--purple-400);
  border-radius: 12px;
  width: 250px;
  max-width: 100%;
}
@media (max-width: 768px) {
  #adsar label + input {
    width: 100%;
  }
}

#adsar .input-group {
  display: inline-table;
  vertical-align: middle;
  width: 100%;
  position: relative;
}

#adsar .input-group-addon {
  box-sizing: border-box;
  background-color: transparent;
  line-height: 1;
  font-size: 24px;
  padding: 9px 13px;
  transition: all 0.2s linear;
  font-weight: 600;

  position: absolute;
  top: calc(50% - 25px);
  left: 1px;
  z-index: 1;
  border: 0;
  box-shadow: none;

  color: #8e82b1;
}

#adsar .input-group .input-group-addon + input {
  padding-left: 36px;
}

#adsar input + .input-group-addon {
  left: inherit;
  right: 4px;
}

#adsar .input-group input {
  padding: 11px 13px 8px;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.5;
  border-radius: 12px;
  box-sizing: border-box;
  background-color: #fff;
  display: block;
  color: #291d4c;
  transition: all 0.2s ease-in-out;
  margin: 0 0 10px;
  border: 1px solid var(--purple-400);
  box-shadow: none;
  outline: none;
  width: 100%;
}

@media (max-width: 767px) {
  #adsar .input-group input {
    padding: 9px 13px 9px;
  }
}

#adsar .input-group input:focus {
  box-shadow: 0 0 0 1px var(--color-primary);
  border-color: var(--color-primary);
}

#adsar .input-group input#loanTerm,
#adsar .input-group input#repayBorrowTerm {
  margin-bottom: 0;
}

.select-wrapper select {
  background-color: transparent;
  padding: 11px 55px 15px 15px;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
  display: block;
  margin: 0 0 10px;
  font-size: 16px;
  line-height: 1.5;
  -webkit-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  box-sizing: border-box;
}

.select-wrapper select:focus {
  outline: none;
}

.select-wrapper {
  height: 47px;
  background-color: #ffffff;
  border-radius: 12px;
  display: inline-block;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  overflow: hidden;
  border: 1px solid var(--purple-400);
}

.select-wrapper:focus-within {
  border-color: var(--color-primary);
}

.select-wrapper.hidden {
  height: 0px;
}

.select-wrapper.selection-complete {
  background-color: #00aeef;
  box-shadow: inset 0 2px 0 0 #0083b3;
}

.select-wrapper:before,
.select-wrapper:after {
  z-index: -1;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.select-wrapper:before {
  width: 60px;
  height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  z-index: 10;
  background-color: #ffffff;
  pointer-events: none;
}

.select-wrapper:after {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L7 5.58579L12.2929 0.292893C12.6834 -0.0976311 13.3166 -0.0976311 13.7071 0.292893C14.0976 0.683417 14.0976 1.31658 13.7071 1.70711L7.70711 7.70711C7.31658 8.09763 6.68342 8.09763 6.29289 7.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683417 0.292893 0.292893Z' fill='%23291D4C'/%3E%3C/svg%3E%0A");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  position: absolute;
  top: 15px;
  right: 15px;
  height: 16px;
  width: 16px;
  z-index: 11;
  pointer-events: none;
}

.pseudo-select {
  background-color: transparent;
  padding: 16px 55px 15px 15px;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
  display: block;
  margin: 0 0 10px;
  box-shadow: 0 2px 0 0 #d1d5d6;
  border: 0;
}

select.pseudo-select::-ms-expand {
  display: none;
}

input[type='radio'],
input[type='checkbox'] {
  position: absolute;
  left: -9999px;
}

.pseudo-radio {
  background-color: #fff;
  color: var(--primary-text-color);
  padding: 15px 24px 14px 54px !important;
  position: relative;
  cursor: pointer;
  border-radius: 16px;
  display: block;
  margin: 0;
  border: 2px solid var(--purple-400);
  max-width: 320px !important;
  min-height: 50px;
}

.pseudo-radio:before,
.pseudo-radio:after {
  position: absolute;
  content: '';
  border-radius: 50%;
  width: 22px !important;
  height: 22px !important;
  background-color: #fff;
  -webkit-transform-origin: center;
  transform-origin: center;
}
.pseudo-radio:before {
  top: 14px !important;
  left: 15px !important;
  border: 2px solid var(--color-bg-secondary-hover);
}
.pseudo-radio:after {
  top: 14px !important;
  left: 15px !important;
  background: transparent
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAACTElEQVRYheWZsW30MAyFs8KtkFluBa9wK/yzZIVb4UqXZCVA7AyoUmmVKpXiFw2aVmxf4lg65AEqAjjIh5dHSqLe3v6SjDEXALgh4h3/a8wr5cU/IyLeAeBmjHk/HdRa2wHAQ8HtXSMAPKy1nTHmcgboIAGIKBFRcs4l730KIaQYY4oxphBC8t4n59z0nYJHa213OKgx5j3/22eg3vsJbu/y3pfA74e5TURX6SoRzVzUa03yuxDCDBwABiK6/gg2F9Smo98VO67yfTsEVrt6pLTbT+eaiK7cAYjoMEfXFGOU0OPueOQCG0vO/rY09K5ClN3gTFgJLbvHKqy1tuOPZYGdLVWIX+eZ25fMbS2JaOCmuxyFmpLRAIBlAeYDShPusthlAHiUOsMsuy0ohFDuGLxJsLstqVh8+ajYJLAovrsEHhAxOeeaA3bOTYcjWXBTd2hNMscL4NbcTWnW3l4OOL0EcEqpCDy2CvyVw+NLFR23Ne99bb6FuK3NDkG8cTjnavMtVNw4EPEf73Stqbg1y8NPSzkW+U1938+vS/J42YpWD/HyWt9Ce1N3u+U1KU8ih1ZcFof3YQErYjG7hNbS7kuobHG1zsZqNrF+zeeOUSsaKrcIAPuG3wCwGFWdAaummc9NMnkzOQNaj6g2c7sC3aF4FviNTUUV2HaRbUnG40i3SwPtp2OwAl18MviO4xqUu8HuAtsrY8wlRwTVH5um83rExU8D/Cijfy93gmNcXRMAXH/w7HUeqFbf99PDYu7d+mGRqx4B4KMKZG19AmHIm5PU6SQtAAAAAElFTkSuQmCC)
    top left no-repeat !important;
  background-size: cover !important;
}
.pseudo-radio:hover {
  background-color: var(--color-bg-secondary-hover);
}
.pseudo-radio:focus {
  border-color: #62c0c1;
}
.pseudo-radio small {
  display: block;
  font-weight: 300;
  font-size: inherit;
}
input:checked + .pseudo-radio {
  color: var(--primary-text-color);
  font-weight: bold;
  border-color: var(--primary-text-color);
}
input:checked + .pseudo-radio:before {
  border-color: var(--purple-800);
}
input:checked + .pseudo-radio:after {
  border: 4px solid var(--purple-800);
  width: 14px !important;
  height: 14px !important;
  top: 18px !important;
  left: 19px !important;
  background: #291d4c
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVFMTNEODMyRTZCODExRTVCMzZFQUFCRTI2NjAzRDM2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVFMTNEODMzRTZCODExRTVCMzZFQUFCRTI2NjAzRDM2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RUUxM0Q4MzBFNkI4MTFFNUIzNkVBQUJFMjY2MDNEMzYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUUxM0Q4MzFFNkI4MTFFNUIzNkVBQUJFMjY2MDNEMzYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7MiCWyAAAA2UlEQVR42uzZ0Q2DMAwEUHxiiI7UbTpLt2GkbpF+VUIopIcDzVl1/kAEP47AR2yllCnSmHsmP5aX62mf95t5a9rRhL3Is/AYifXck0r4Cqg3bahg2VpQwbI1oYRlakMN+80ARWzLginYgGq6e6a4CSumW7PFTFg53W3Ksf8SCU5wghOc4AQnOMHk+OxZYH2QCf8reL0CUDsZJmFF9NYUfw0rpVyzgL1QAdtcEiPRrdrwThyBpT66X6KZWnQX6crNliOhmKexeBbe8/aspxPqgfcuMYvWun0LMACloHNbFA/MpgAAAABJRU5ErkJggg==)
    top left no-repeat !important;
}
.pseudo-radio__check:before {
  border-radius: 0;
  -webkit-transition: none;
  transition: none;
}
input:checked + .pseudo-radio__check:before {
  background-color: transparent;
  border-width: 3px;
  width: 18px;
  height: 18px;
}
.pseudo-radio__check:after {
  border-radius: 0;
  color: #fff;
  content: 'L';
  -webkit-transform: rotateX(0deg) rotateY(180deg) rotateZ(320deg);
  transform: rotateX(0deg) rotateY(180deg) rotateZ(320deg);
  background-color: transparent;
  border: 0 none;
  width: 18px;
  height: 18px;
  top: 1px;
  left: 2px;
}
input:checked + .pseudo-radio__check:after {
  background-color: transparent;
  border: 0 none;
  color: #fff;
  width: 18px;
  height: 18px;
  top: 1px;
  left: 2px;
}
.pseudo-radio__check:after {
  border-radius: 0;
}

/*
Heading styles
*/
#adsar h1,
#adsar .h1 {
  color: var(--article-headings-color);
  font-family: var(--heading-font-family);
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 8px;
  margin-top: 0;
}

#adsar h2 {
  color: var(--article-headings-color);
  font-family: var(--heading-font-family);
  font-size: 22px;
  line-height: 32px;
  font-weight: normal;
  margin-top: 10px;
  font-weight: bold;
  margin-bottom: 10px;
}

#adsar h3 {
  color: var(--article-headings-color);
  font-family: var(--heading-font-family);
  font-size: 18px;
  line-height: 22px;
  font-weight: normal;
  margin-top: 30px;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
}

#adsar .highlight {
  color: var(--color-primary);
  margin: 0;
  padding: 5px 0 15px;
}

#adsar h4 span {
  font-size: 1.5em;
}
#adsar .resultslinkblock h3 {
  margin: 0;
  padding: 10px 0;
}

#adsar .sliderlabelleft,
#adsar .sliderlabelright {
  font-weight: bold;
  margin-bottom: 3px;
  color: #3d403d;
  display: none;
}

#adsar .sliderlabelleft {
  float: left;
  text-align: left;
}

#adsar .sliderlabelright {
  float: right;
  text-align: right;
}

/*
Button styles
*/
#adsar .btn.link {
  display: inline-flex;
  align-items: center;
  margin: 24px auto 0;
  text-decoration: none;
  cursor: pointer;
  background-color: var(--cta-primary-background);
  border-color: var(--cta-primary-background);
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  padding: 24px 82px 24px 16px;
  border-radius: 16px;
  position: relative;
  width: 100%;
}

#adsar .btn.link:after {
  display: block;
  content: '';
  width: 42px;
  height: 42px;
  border-radius: 4px;
  background-color: var(--lilac-200);
  top: calc(50% - 21px);
  right: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='23.999999999999996' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cpath id='svg_1' fill='%23291D4C' d='m11.2929,4.29289c0.3905,-0.39052 1.0237,-0.39052 1.4142,0l7,7.00001c0.3905,0.3905 0.3905,1.0237 0,1.4142l-7,7c-0.3905,0.3905 -1.0237,0.3905 -1.4142,0c-0.3905,-0.3905 -0.3905,-1.0237 0,-1.4142l5.2929,-5.2929l-11.5858,0c-0.55228,0 -1,-0.4477 -1,-1c0,-0.5523 0.44772,-1 1,-1l11.5858,0l-5.2929,-5.29289c-0.3905,-0.39053 -0.3905,-1.02369 0,-1.41422z' clip-rule='evenodd' fill-rule='evenodd'/%3E%3Cpath id='svg_2' fill='%23291D4C' d='m47.52241,4.62076c0.3905,-0.39052 1.0237,-0.39052 1.4142,0l7,7.00001c0.3905,0.3905 0.3905,1.0237 0,1.4142l-7,7c-0.3905,0.3905 -1.0237,0.3905 -1.4142,0c-0.3905,-0.3905 -0.3905,-1.0237 0,-1.4142l5.2929,-5.2929l-11.5858,0c-0.55228,0 -1,-0.4477 -1,-1c0,-0.5523 0.44772,-1 1,-1l11.5858,0l-5.2929,-5.29289c-0.3905,-0.39053 -0.3905,-1.02369 0,-1.41422z' clip-rule='evenodd' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 60px 24px;
  background-position: calc(100% - 10px) 9px;
  transition: background-position 300ms linear;
  position: absolute;
}

#adsar .btn.link:hover:after {
  background-position: calc(100% + 27px) 9px;
}

#adsar .btn.link:hover {
  background-color: var(--purple-500);
  border-color: var(--purple-500);
  outline: 2px solid var(--purple-500);
}

#adsar .btn.link:focus {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  outline: 2px solid #ffffff;
  box-shadow: 0 0 0 4px #2b173f;
}

#adsar .hide {
  display: none !important;
}

/*
Error messages
*/
#adsar .error {
  padding-top: 20px;
  margin-left: 0;
  margin-right: 0;
}
#adsar .row.form-group.error {
  margin-left: 0;
  margin-right: 0;
  display: none;
}
#adsar .form_error {
  position: relative;
  padding: 2px 20px 2px 60px;
  border-left: 5px solid var(--color-tint-negative);
  background-color: #fde8e9;
  margin-bottom: 20px;
}
#adsar .form_error p {
  padding: 0;
  color: var(--color-tint-negative);
}
#adsar .form_error strong {
  font-weight: bold;
}
#adsar .form_error .icon {
  width: 28px;
  height: 28px;
  display: block;
  position: absolute;
  top: 20px;
  left: 20px;
  border-radius: 14px;
  fill: none;
  background-color: rgba(255, 255, 255, 0);
  stroke: var(--color-tint-negative);
  color: white;
}

#adsar .error-control input {
  border-color: var(--color-tint-negative) !important;
  color: var(--color-tint-negative) !important;
  background-color: #fde8e9 !important;
}
#adsar .calculator-options {
  margin-top: 30px;
  display: flex;
  justify-content: flex-start;
  gap: 8px;
}

@media (max-width: 767px) {
  #adsar .calculator-options {
    width: 100%;
  }
}

@media (max-width: 767px) {
  /*#adsar .calculator-options {
		flex-wrap: wrap;
	}		
		
	#adsar .calculator-options > div {
		flex-basis: 100%;
		margin-left: 0;
		margin-right: 0;
	}*/
}

#adsar .calculator-options .pseudo-radio {
  padding: 8px !important;
  min-height: auto;
  font-weight: normal;
  font-size: 12px;
  line-height: 17px;
  background-color: #f0f2fe;
  border-radius: 8px;
  border: 0;
  color: #291d4c;
}

#adsar .calculator-options .pseudo-radio:hover {
  background-color: #f2f6fe;
}

#adsar .calculator-options .pseudo-radio:before {
  display: none;
}

#adsar .calculator-options .pseudo-radio:after {
  display: none;
}

#adsar .calculator-options input:checked + .pseudo-radio {
  background-color: var(--cta-primary-background);
  color: #f2f6fe;
}

#adsar .row.form-group {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto;
}

@media (max-width: 767px) {
  #adsar .row.form-group {
    width: 100%;
  }
}

#adsar .row.form-group > div {
  display: flex;
  flex-direction: column;
  flex: 1;
}

@media (max-width: 767px) {
  #adsar .row.form-group > div {
    flex-basis: 100%;
  }
}

#adsar .resultsblock {
  display: grid;
  gap: 16px;
  grid-template-areas:
    'monthlyrepayment monthlyrepayment'
    'loanamount totalamount'
    'interest totalamount'
    'none totalamount'
    'resultstext resultstext';
  /*margin-bottom: 32px;*/
}

@media (max-width: 767px) {
  #adsar .resultsblock {
    gap: 8px;
    grid-template-areas:
      'monthlyrepayment monthlyrepayment'
      'loanamount totalamount'
      'interest totalamount'
      'none totalamount'
      'resultstext resultstext';
  }
}

#adsar .resultstext {
  grid-area: resultstext;
}

#adsar .resultstext span {
  font-weight: bold;
}

#adsar .monthlyrepayment {
  grid-area: monthlyrepayment;
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23291D4C' fill-rule='evenodd' d='M7.9997 2.083c-3.2677 0-5.9167 2.649-5.9167 5.9167 0 3.2677 2.649 5.9166 5.9167 5.9166 3.2677 0 5.9166-2.6489 5.9166-5.9166S11.2674 2.083 7.9997 2.083ZM.583 7.9997C.583 3.9036 3.9036.583 7.9997.583s7.4166 3.3206 7.4166 7.4167-3.3205 7.4166-7.4166 7.4166S.583 12.0958.583 7.9997Zm6.7636-2.03c.001-.3404.0995-.5191.1932-.6206.103-.1116.2678-.2017.5035-.243.517-.0908 1.0806.0968 1.3015.3067a.75.75 0 0 0 1.0331-1.0876c-.621-.5897-1.6893-.8554-2.594-.6966-.4752.0834-.9687.2939-1.3464.7031-.3865.4188-.5907.98-.591 1.6424l.0001.0098c.0089.6929.267 1.17.4505 1.509l.0128.0236.0358.0665h-.346a.75.75 0 1 0 0 1.5h.4956c-.1043.4585-.289.8837-.4858 1.2407a5.8014 5.8014 0 0 1-.4052.634 4.2215 4.2215 0 0 1-.1605.2049l-.0058.0067v-.0001l-.0001.0003-.0007.0007a.75.75 0 0 0 .5625 1.2461h4a.75.75 0 1 0 0-1.5H7.3939c.257-.4901.5146-1.1205.6285-1.8333H9.333a.75.75 0 0 0 0-1.5H7.975c-.092-.311-.2259-.5586-.334-.7583l-.0116-.0215c-.18-.333-.278-.529-.2828-.8335Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 8px 8px;
  background-size: 24px;
  padding: 8px 8px 8px 48px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 20px;
}

#adsar .monthlyrepayment > div {
  font-size: 20px;
  font-weight: 600;
  margin-top: 6px;
}

#adsar .loanamount {
  grid-area: loanamount;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23291D4C' fill-rule='evenodd' d='M5.6429 2.417a.5478.5478 0 0 0-.391.166.5957.5957 0 0 0-.1685.4173c0 .159.0621.3089.1686.4173a.5478.5478 0 0 0 .3903.166c-.0002 0 .0002 0 0 0H6.962a3.8387 3.8387 0 0 0-.1128-.2268c-.3194-.5913-.7135-.9398-1.2062-.9398Zm3.3953 1.1667h1.319c-.0001 0 .0001 0 0 0a.5482.5482 0 0 0 .3908-.1661.5957.5957 0 0 0 .1687-.4173.5957.5957 0 0 0-.1687-.4173.5476.5476 0 0 0-.3908-.166c-.4927 0-.8868.3485-1.2062.9398a3.8387 3.8387 0 0 0-.1128.2269Zm1.319 1.5c-.0002 0 .0001 0 0 0H5.6429c-.0003 0 .0003 0 0 0H4.0808c-.1928 0-.3203.0004-.4139.0044.0218.0911.0564.2138.1094.3992l.1228.4297h8.2019l.1227-.4297c.053-.1854.0876-.308.1094-.3992-.0935-.004-.221-.0044-.4139-.0044h-1.562ZM12.242 7.417H3.758L2.7337 9.1242c-.299.4983-.374.6345-.4128.7688a1.2502 1.2502 0 0 0-.0468.4264c.0088.1394.0524.2887.2362.84l.1385.4157c.2826.8475.3706 1.0717.5005 1.2271.1342.1605.3066.2848.5014.3614.1885.0741.429.0867 1.3224.0867h6.0538c.8934 0 1.134-.0126 1.3224-.0867a1.2498 1.2498 0 0 0 .5014-.3614c.13-.1554.218-.3796.5005-1.2271l.1386-.4157c.1837-.5513.2273-.7006.2361-.84a1.2485 1.2485 0 0 0-.0468-.4264c-.0388-.1343-.1138-.2705-.4128-.7689L12.242 7.417Zm-9.7192-.8568-.1888-.6608-.0074-.026c-.0595-.2082-.117-.4094-.15-.581-.0351-.1835-.0617-.4223.011-.6787a1.4167 1.4167 0 0 1 .6167-.8176c.2266-.1404.4635-.1804.6497-.197a3.6586 3.6586 0 0 1 .2128-.0118 2.1057 2.1057 0 0 1-.0835-.587c0-.5482.2138-1.0766.5985-1.4683a2.0477 2.0477 0 0 1 1.461-.615C6.8159.917 7.563 1.6708 8 2.3563 8.437 1.6708 9.1842.917 10.3572.917c.5506 0 1.0759.2228 1.461.615.3847.3917.5985.9201.5985 1.4683 0 .2002-.0285.3978-.0834.587.075.0023.1464.0059.2128.0118.1861.0166.423.0566.6496.197.3003.186.5203.4777.6167.8176.0728.2564.0461.4952.0109.6787-.0328.1716-.0903.3728-.1498.581l-.1963.6867 1.0754 1.7923.0414.069c.2384.3967.4259.7088.526 1.0545.0881.3044.1229.6218.103.938-.0227.3592-.1381.7046-.2847 1.1435l-.0255.0764-.1386.4156-.0399.1201c-.2221.6684-.3963 1.1924-.7329 1.595a2.7503 2.7503 0 0 1-1.103.795c-.4884.1921-1.0406.1916-1.7449.1909l-.1266-.0001H4.9731l-.1265.0001c-.7044.0007-1.2566.0012-1.745-.1909a2.7504 2.7504 0 0 1-1.103-.795c-.3366-.4026-.5107-.9266-.7328-1.595a396.5978 396.5978 0 0 0-.04-.1201l-.1385-.4156a52.341 52.341 0 0 0-.0255-.0764c-.1467-.4389-.262-.7843-.2847-1.1435a2.75 2.75 0 0 1 .103-.938c.1-.3457.2876-.6578.526-1.0545l.0414-.069 1.0753-1.7922Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 8px 8px;
  background-size: 24px;
  padding: 8px 8px 8px 48px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 20px;
}

#adsar .loanamount > div {
  font-size: 20px;
  font-weight: 600;
  margin-top: 6px;
}

#adsar .interest {
  grid-area: interest;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23291D4C' fill-rule='evenodd' d='M3 2c.5523 0 1 .4477 1 1v14.8c0 .5766.0008.9488.024 1.2322.0221.2716.0598.3723.085.4218a1 1 0 0 0 .437.437c.0495.0252.1502.0629.4218.0851.2834.0231.6556.0239 1.2322.0239H21c.5523 0 1 .4477 1 1s-.4477 1-1 1H6.1614c-.5271 0-.9819 0-1.3564-.0306-.3954-.0323-.7886-.1036-1.167-.2964a2.9998 2.9998 0 0 1-1.311-1.311c-.1928-.3784-.2641-.7716-.2964-1.167C2 18.8205 2 18.3657 2 17.8385V3c0-.5523.4477-1 1-1Zm17.5 2.5c.5523 0 1 .4477 1 1v12c0 .5523-.4477 1-1 1s-1-.4477-1-1v-12c0-.5523.4477-1 1-1Zm-4.5 3c.5523 0 1 .4477 1 1v9c0 .5523-.4477 1-1 1s-1-.4477-1-1v-9c0-.5523.4477-1 1-1Zm-4.5 3c.5523 0 1 .4477 1 1v6c0 .5523-.4477 1-1 1s-1-.4477-1-1v-6c0-.5523.4477-1 1-1Zm-4.5 3c.5523 0 1 .4477 1 1v3c0 .5523-.4477 1-1 1s-1-.4477-1-1v-3c0-.5523.4477-1 1-1Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 8px 8px;
  background-size: 24px;
  padding: 8px 8px 8px 48px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 20px;
}

#adsar .interest > div {
  font-size: 20px;
  font-weight: 600;
  margin-top: 6px;
}

#adsar .totalamount {
  align-items: center;
  border-radius: 50%;
  display: flex;
  height: 152px;
  width: 152px;
  justify-content: center;
  margin: 8px auto 0;
  grid-area: totalamount;
  text-align: center;
  cursor: pointer;
}

#adsar .totalamount .totalamountheader {
  z-index: 2;
  font-size: 12px;
  line-height: 17px;
}

#adsar .totalamount .totalamountheader + .totalamountheader {
  margin-top: 4px;
}

#adsar .totalamount .totalamounthover {
  display: none;
  z-index: 2;
}

#adsar .totalamount .totalamountvalue {
  font-size: 18px;
  line-height: 25px;
  font-weight: 600;
  margin-top: 2px;
}

#adsar .totalamount span {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin-right: 4px;
  margin-bottom: -3px;
}

#adsar .totalamount span.totalamountbalance {
  background-color: #5b5ebf;
}

#adsar .totalamount span.totalamountinterest {
  background-color: #d9d8ff;
}

#adsar .savings {
  font-size: 19px;
  line-height: 27px;
  margin-bottom: 16px;
}

#adsar .savings span {
  font-weight: 600;
  color: #007a72;
  font-size: 19px;
  line-height: 27px;
}

#adsar .chart {
  position: absolute;
  width: 152px;
  height: 152px;
  top: 50%;
  left: 50%;
  margin: -76px 0 0 -76px;
}

#adsar .doughnutTip,
#adsar .doughnutTip2 {
  position: absolute;
  min-width: 30px;
  max-width: 300px;
  padding: 4px 8px;
  background: #291d4c;
  border: 1px solid #291d4c;
  border-radius: 4px;
  font-size: 12px;
  line-height: 14px;
  color: #f2f6fe;
  text-align: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  pointer-events: none;
}

#adsar .doughnutTip::after,
#adsar .doughnutTip2::after {
  position: absolute;
  left: 50%;
  bottom: -6px;
  content: '';
  height: 0;
  margin: 0 0 0 -6px;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 6px solid rgba(0, 0, 0, 0.7);
  line-height: 0;
}

#adsar .doughnutSummary {
  position: absolute;
  top: 55px;
  left: 30px;
  right: 30px;
  bottom: 55px;
  text-align: center;
  cursor: default;
  display: flex;
  flex-direction: column;
  align-self: center;
}

#adsar .doughnutSummaryTitle {
  font-size: 12px;
  line-height: 17px;
  color: var(--primary-text-color);
  margin: 0;
}

#adsar .doughnutSummaryNumber {
  font-size: 18px;
  line-height: 25px;
  font-weight: 600;
  margin-top: 2px;
  margin-bottom: 0;
  color: var(--primary-text-color);
}

#adsar .chart:has(path:hover) path {
  opacity: 0.25;
  cursor: pointer;
}

#adsar .chart:has(path:hover) path:hover {
  opacity: 1;
}

#adsar .over50 {
  font-size: 14px;
  margin-top: 32px;
  text-align: left;
  display: none;
}