/* Mixin for Responsive Breakpoints */
/* Ellipsis */
/* BUTTON STATE */
/*
  BUTTON STATE - PARAMETER 
  $defaultClr   = Default Color (Background & Border)
  $defaultFgClr = Default Foerground Color

  $hoverBgClr   = Hover Background Color
  $hoverBdrClr  = Hover Border Color
  $hoverFgClr   = Hover Foregound Color

  $activeBgClr  = Active Background Color
  $activeBdrClr = Active Border Color
  $activeFgClr  = Active Foregound Color  
*/
/* LINK STATE */
/*
  LINK STATE - PARAMETER 
  $defaultFgClr = Default Foerground Color
  $hoverFgClr   = Hover Foregound Color
  $activeFgClr  = Active Foregound Color  
*/
/* INPUT STATE */
/*
  INPUT STATE - PARAMETER 
  $fgClr = Foreground Color
  $bdrClr = Border Color
  $bgClr = Background Color  
*/
/* REMOVE UNNECESSARY SPACE ON CONTENT */
/* FONT - FAMILYS */
/* FONT - HEADING */
/* FONT - BODY */
/* FONT - BUTTON */
/* COLORS */
/* SPACINGS */
/* CONTAINER */
/* BOX SHADOW */
/* EXPERIMENT */
.widget-hexagon {
  /* MOBILE - max:767px */
  /* DESKTOP - min:768px */
}
@media (max-width: 767px) {
  .widget-hexagon .tab-menu {
    display: none;
  }
  .widget-hexagon .tab-content {
    padding: 20px 20px 0;
  }
}
@media (min-width: 768px) {
  .widget-hexagon {
    padding-bottom: 0;
  }
  .widget-hexagon .tab {
    padding-top: 24px;
  }
}
.widget-hexagon .input-field .field input,
.widget-hexagon .select-field .select-cta {
  font-weight: 500;
}

.widget-hexagon .widget {
  /* MOBILE - max:767px */
  /* DESKTOP - min:768px */
  /* DESKTOP - min:991px */
}
.widget-hexagon .widget-deposit > div {
  position: relative;
}
.widget-hexagon .widget-deposit > div > p {
  font-weight: 500;
}
.widget-hexagon .widget-deposit .info {
  text-align: center;
}
.widget-hexagon .widget-deposit .info .value {
  font-family: "UniversLTStdCn", Arial, sans-serif;
}
@media (max-width: 767px) {
  .widget-hexagon .widget-container {
    text-align: center;
  }
  .widget-hexagon .widget-container p {
    font-size: 0.875rem;
  }
  .widget-hexagon .widget-deposit {
    margin-top: 20px;
  }
  .widget-hexagon .widget-deposit > .field {
    padding: 20px;
  }
  .widget-hexagon .widget-deposit > .field > p {
    text-align: center;
    margin-bottom: 0;
  }
  .widget-hexagon .widget-deposit > .info {
    padding: 20px;
  }
  .widget-hexagon .widget-deposit > .info p {
    margin-bottom: 8px;
  }
  .widget-hexagon .widget-deposit > .info .value {
    margin-bottom: 0;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1;
  }
  .widget-hexagon .widget-deposit .custom-slider-input {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .widget-hexagon .widget-deposit .custom-slider-input .label {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .widget-hexagon .widget-deposit {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    padding: 24px 0;
    border-top: 1px solid #D8DEE2;
    border-bottom: 1px solid #D8DEE2;
    margin-top: 32px;
  }
  .widget-hexagon .widget-deposit > div:nth-of-type(1):after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: #D8DEE2;
  }
  .widget-hexagon .widget-deposit > div:nth-of-type(1) {
    padding: 0 24px 0 40px;
  }
  .widget-hexagon .widget-deposit > div:nth-of-type(2) {
    padding: 0 40px 0 24px;
  }
  .widget-hexagon .widget-deposit .info .value {
    font-weight: 400;
    font-size: 2.5rem;
    margin-top: 16px;
    line-height: 1;
  }
  .widget-hexagon .widget-deposit p {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .widget-hexagon .widget-deposit .info .value {
    font-size: 3.5rem;
  }
}

.widget-hexagon .calc {
  /* MOBILE - max:767px */
  /* MOBILE - max:500px */
  /* MOBILE - max:405px */
  /* DESKTOP - min:768px */
  /* DESKTOP - min:991px */
  /* DESKTOP - min:1400px */
  /* DESKTOP - min:1400px */
}
.widget-hexagon .calc-fields .input-wrap .label {
  font-weight: 700;
  margin-bottom: 8px;
}
.widget-hexagon .calc-fields .input-wrap > .label.hide-field, .widget-hexagon .calc-fields .input-wrap > div.hide-field {
  display: none;
}
.widget-hexagon .calc-rate .rate {
  text-align: center;
}
.widget-hexagon .calc-rate .rate > span {
  display: block;
}
.widget-hexagon .calc-rate .rate .value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.widget-hexagon .calc-rate .rate .value > span {
  font-family: "UniversLTStdCn", Arial, sans-serif;
}
.widget-hexagon .calc-rate .rate .value > span,
.widget-hexagon .calc-rate .rate .value > sup {
  line-height: 1;
}
.widget-hexagon .calc-rate .rate .value > sup + span,
.widget-hexagon .calc-rate .rate .value > span + sup {
  margin-left: 8px;
}
@media (max-width: 767px) {
  .widget-hexagon .calc.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .widget-hexagon .calc-title {
    display: none;
  }
  .widget-hexagon .calc-type-mob {
    display: block;
    padding: 20px 20px 0;
  }
  .widget-hexagon .calc-type-mob .label {
    margin-bottom: 8px;
    text-align: center;
    font-weight: 500;
  }
  .widget-hexagon .calc-type-mob .select-field {
    margin: 0 auto;
  }
  .widget-hexagon .calc-fields {
    width: 100%;
  }
  .widget-hexagon .calc-fields .input-wrap:first-of-type > .label {
    text-align: center;
  }
  .widget-hexagon .calc-fields .input-wrap:nth-of-type(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 20px;
  }
  .widget-hexagon .calc-fields .input-wrap:nth-of-type(2) .label {
    min-width: 100px;
    padding-right: 8px;
    margin: 0;
    font-size: 0.813rem;
  }
  .widget-hexagon .calc-fields .input-wrap:nth-of-type(2) .label:not(:first-of-type) {
    margin-top: 16px;
  }
  .widget-hexagon .calc-fields .input-wrap:nth-of-type(2) .input-field,
.widget-hexagon .calc-fields .input-wrap:nth-of-type(2) .select-field {
    width: calc(100% - 100px);
  }
  .widget-hexagon .calc-fields .input-wrap:nth-of-type(2) .percent-field {
    width: calc(100% - 104px);
  }
  .widget-hexagon .calc-fields .input-wrap:nth-of-type(2) .percent-field .input-field {
    width: 100%;
  }
  .widget-hexagon .calc-fields .input-wrap:nth-of-type(2) > div:not(:first-of-type) {
    margin-top: 16px;
  }
  .widget-hexagon .calc-fields .input-wrap .fx-label {
    text-align: center;
  }
  .widget-hexagon .calc-fields .input-wrap.fx-usd .label {
    font-size: 0.813rem;
  }
  .widget-hexagon .calc .custom-slider-input {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100%;
  }
  .widget-hexagon .calc .custom-slider-input .label {
    padding-right: 8px;
    margin: 0;
    min-width: 100px;
    font-size: 0.813rem;
  }
  .widget-hexagon .calc .custom-slider-input .input-field {
    width: calc(100% - 100px);
  }
  .widget-hexagon .calc-rate {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    margin-bottom: 24px;
  }
  .widget-hexagon .calc-rate .rate {
    width: 50%;
    margin: 0;
  }
  .widget-hexagon .calc-rate .rate:not(:nth-of-type(1)), .widget-hexagon .calc-rate .rate:not(:nth-of-type(2)) {
    margin-top: 20px;
  }
  .widget-hexagon .calc-rate .hexagon-rate {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding-left: 16px;
  }
  .widget-hexagon .calc-rate .label {
    font-size: 0.875rem;
  }
  .widget-hexagon .calc-rate .value {
    font-size: 2rem;
    font-weight: 400;
  }
  .widget-hexagon .calc-rate .value > sup {
    font-family: "UniversLTStdCn", Arial, sans-serif;
  }
  .widget-hexagon .calc-total {
    position: relative;
    width: 100%;
    padding-top: 20px;
    margin-top: 24px;
  }
  .widget-hexagon .calc-total::before {
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .widget-hexagon .calc-total .total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    margin-bottom: 0;
  }
  .widget-hexagon .calc-total .total:not(:last-of-type) {
    margin-bottom: 8px;
  }
  .widget-hexagon .calc-total .total > span {
    width: 50%;
  }
  .widget-hexagon .calc-total .total .value {
    text-align: right;
    font-weight: 500;
  }
}
@media (max-width: 499px) {
  .widget-hexagon .calc-rate .rate .value {
    font-size: 1.5rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 8px;
  }
}
@media (max-width: 405px) {
  .widget-hexagon .calc-rate > .rate.hexagon-rate:nth-of-type(3) .value, .widget-hexagon .calc-rate > .rate.hexagon-rate:nth-of-type(4) .value {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 8px;
  }
  .widget-hexagon .calc-rate > .rate.hexagon-rate:nth-of-type(3) .value span, .widget-hexagon .calc-rate > .rate.hexagon-rate:nth-of-type(4) .value span {
    width: 100%;
  }
  .widget-hexagon .calc-rate > .rate.hexagon-rate:nth-of-type(3) .value > sup + span, .widget-hexagon .calc-rate > .rate.hexagon-rate:nth-of-type(3) .value > span + sup, .widget-hexagon .calc-rate > .rate.hexagon-rate:nth-of-type(4) .value > sup + span, .widget-hexagon .calc-rate > .rate.hexagon-rate:nth-of-type(4) .value > span + sup {
    margin-left: 0;
  }
  .widget-hexagon .calc-rate > .rate.hexagon-rate:nth-of-type(3) .value > sup + span, .widget-hexagon .calc-rate > .rate.hexagon-rate:nth-of-type(4) .value > sup + span {
    margin-top: 4px;
  }
}
@media (min-width: 768px) {
  .widget-hexagon .calc {
    background-color: #FFFFFF;
    padding: 40px;
  }
  .widget-hexagon .calc-title {
    margin-bottom: 0;
    font-family: "UniversLTStdCn", Arial, sans-serif;
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1;
  }
  .widget-hexagon .calc-type-mob {
    display: none;
  }
  .widget-hexagon .calc.show {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 32px 40%;
    grid-template-columns: 1fr 40%;
    -ms-grid-rows: -webkit-max-content 32px -webkit-max-content 32px -webkit-max-content;
    -ms-grid-rows: max-content 32px max-content 32px max-content;
    grid-template-rows: repeat(3, -webkit-max-content);
    grid-template-rows: repeat(3, max-content);
    grid-gap: 32px;
  }
  .widget-hexagon .calc.show > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .widget-hexagon .calc.show > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .widget-hexagon .calc.show > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .widget-hexagon .calc.show > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .widget-hexagon .calc.show > *:nth-child(5) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .widget-hexagon .calc.show > *:nth-child(6) {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
  }
  .widget-hexagon .calc-fields {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .widget-hexagon .calc-fields > div {
    width: 50%;
  }
  .widget-hexagon .calc-fields > div:not(:last-of-type) {
    padding-right: 24px;
  }
  .widget-hexagon .calc-fields .label {
    font-weight: 700;
  }
  .widget-hexagon .calc-fields .label:not(:first-of-type) {
    margin-top: 20px;
  }
  .widget-hexagon .calc .custom-slider .custom-slider-range {
    height: 28px;
  }
  .widget-hexagon .calc .custom-slider .custom-slider-input {
    display: block;
  }
  .widget-hexagon .calc .custom-slider .custom-slider-input .label {
    margin-bottom: 8px;
  }
  .widget-hexagon .calc-rate {
    border-radius: 20px;
    padding: 40px 16px;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    grid-row: 1/-1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .widget-hexagon .calc-rate .rate {
    margin-bottom: 0;
  }
  .widget-hexagon .calc-rate .rate:not(:last-of-type) {
    margin-bottom: 16px;
  }
  .widget-hexagon .calc-rate .rate > span {
    display: block;
  }
  .widget-hexagon .calc-rate .rate .label {
    font-weight: 700;
  }
  .widget-hexagon .calc-rate .rate .value > span {
    font-size: 2.375rem;
  }
  .widget-hexagon .calc-rate .rate .value > sup {
    font-size: 1.25rem;
  }
  .widget-hexagon .calc-rate .rate:nth-of-type(3) {
    padding-top: 32px;
    border-top: 1px solid #D8DEE2;
  }
  .widget-hexagon .calc-total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
  }
  .widget-hexagon .calc-total .total {
    margin-bottom: 0;
    width: 50%;
  }
  .widget-hexagon .calc-total .total:not(:last-of-type) {
    padding-right: 32px;
  }
  .widget-hexagon .calc-total .total > .label {
    font-weight: 700;
  }
  .widget-hexagon .calc-total .total > span {
    display: block;
  }
  .widget-hexagon .calc-total .total > .value {
    font-family: "UniversLTStdCn", Arial, sans-serif;
  }
}
@media (min-width: 992px) {
  .widget-hexagon .calc-rate .rate:not(:last-of-type) {
    margin-bottom: 32px;
  }
  .widget-hexagon .calc-rate .rate .label {
    font-size: 1.125rem;
    line-height: 1.2;
  }
  .widget-hexagon .calc-rate .rate .value {
    margin-bottom: 0;
  }
  .widget-hexagon .calc-total .value {
    font-size: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .widget-hexagon .calc.show {
    -ms-grid-columns: 1fr 32px 30%;
    grid-template-columns: 1fr 30%;
  }
}
@media (min-width: 1441px) {
  .widget-hexagon .calc-rate .rate .value > span {
    font-size: 3rem;
  }
}

.widget-hexagon .widget-disclaimer {
  text-align: center;
  padding: 30px 20px 0 20px;
}
.widget-hexagon .widget-disclaimer p {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .widget-hexagon .widget-disclaimer {
    padding: 24px 40px;
  }
}

.widget-hexagon .calc--homeloan {
  /* MOBILE - max: 767px */
}
@media (max-width: 767px) {
  .widget-hexagon .calc--homeloan .input-wrap:nth-of-type(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .widget-hexagon .calc--homeloan .input-wrap:nth-of-type(1) > .label:nth-of-type(1) {
    width: 100%;
  }
  .widget-hexagon .calc--homeloan .input-wrap:nth-of-type(1) .custom-slider {
    width: 100%;
  }
  .widget-hexagon .calc--homeloan .input-wrap:nth-of-type(1) > .label:nth-of-type(2) {
    min-width: 100px;
    text-align: left;
    margin: 16px 0 0;
    font-size: 0.813rem;
  }
  .widget-hexagon .calc--homeloan .input-wrap:nth-of-type(1) > .select-field {
    margin-top: 16px;
    width: calc(100% - 100px);
  }
}

.widget-hexagon .calc--exchange .switch {
  max-width: 100%;
}
.widget-hexagon .calc--exchange .switch > div {
  width: 50%;
}
.widget-hexagon .calc--exchange .switch label span {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.widget-hexagon .calc--exchange .fx-hide {
  display: none;
}
.widget-hexagon .calc--exchange .fx-usd:not(.fx-hide) {
  padding: 0;
}

.widget-hexagon .calc--exchange .calc {
  /* MOBILE - max:767px */
  /* DESKTOP - min:768px */
}
.widget-hexagon .calc--exchange .calc-fields {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.widget-hexagon .calc--exchange .calc-fields > .input-wrap:nth-child(even) {
  padding-right: 0;
}
.widget-hexagon .calc--exchange .calc-fields > .input-wrap:not(:nth-child(-n+2)):not(.fx-usd) {
  margin-top: 16px;
}
@media (max-width: 767px) {
  .widget-hexagon .calc--exchange .calc-rate--forex-mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 16px;
  }
  .widget-hexagon .calc--exchange .calc-rate--forex-desk {
    display: none;
  }
  .widget-hexagon .calc--exchange .calc-fields > .input-wrap .select-field:nth-of-type(1),
.widget-hexagon .calc--exchange .calc-fields > .input-wrap .input-field:nth-of-type(1) {
    margin-bottom: 16px;
  }
  .widget-hexagon .calc--exchange .calc-fields > .input-wrap .select-field:nth-of-type(1) {
    max-width: 120px;
    margin: 0 auto 20px;
  }
  .widget-hexagon .calc--exchange .calc-fields > .input-wrap:nth-of-type(3), .widget-hexagon .calc--exchange .calc-fields > .input-wrap:nth-of-type(4) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 20px;
  }
  .widget-hexagon .calc--exchange .calc-fields > .input-wrap:nth-of-type(3) .label, .widget-hexagon .calc--exchange .calc-fields > .input-wrap:nth-of-type(4) .label {
    min-width: 100px;
    padding-right: 8px;
    margin: 0;
    font-size: 0.813rem;
  }
  .widget-hexagon .calc--exchange .calc-fields > .input-wrap:nth-of-type(3) .label:not(:first-of-type), .widget-hexagon .calc--exchange .calc-fields > .input-wrap:nth-of-type(4) .label:not(:first-of-type) {
    margin-top: 16px;
  }
  .widget-hexagon .calc--exchange .calc-fields > .input-wrap:nth-of-type(3) .input-field,
.widget-hexagon .calc--exchange .calc-fields > .input-wrap:nth-of-type(3) .select-field, .widget-hexagon .calc--exchange .calc-fields > .input-wrap:nth-of-type(4) .input-field,
.widget-hexagon .calc--exchange .calc-fields > .input-wrap:nth-of-type(4) .select-field {
    width: calc(100% - 100px);
  }
  .widget-hexagon .calc--exchange .calc-fields > .input-wrap.fx-hide {
    display: none;
  }
}
@media (min-width: 768px) {
  .widget-hexagon .calc--exchange .calc-fields > .input-wrap {
    width: 50%;
  }
  .widget-hexagon .calc--exchange .calc-rate--forex-mob {
    display: none;
  }
  .widget-hexagon .calc--exchange .calc-rate--forex-desk .rate:nth-child(2), .widget-hexagon .calc--exchange .calc-rate--forex-desk .rate:nth-child(4) {
    margin-bottom: 0 !important;
  }
  .widget-hexagon .calc--exchange .calc-rate .rate:nth-of-type(2),
.widget-hexagon .calc--exchange .calc-rate .rate:nth-of-type(3) {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
}

/* GENERAL - SECTION TITLE */
.sec-title h1, .sec-title h2, .sec-title .h-h1, .sec-title .h-h2 {
  color: #48402A;
}
.sec-title p {
  color: #48402A;
}

/* GENERAL - CAROUSEL */
.embla__dot {
  background-color: #F4E0B5;
}
.embla__dot--selected {
  background-color: #E4B350;
}

/* GENERAL - BANNER */
.banner {
  /* MOBILE - max:767px */
  /* DESKTOP - min:768px */
}
@media (max-width: 767px) {
  .banner-image::after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(49, 40, 22, 0)), color-stop(63.54%, rgba(49, 40, 22, 0.9)));
    background: linear-gradient(180deg, rgba(49, 40, 22, 0) 0%, rgba(49, 40, 22, 0.9) 63.54%);
  }
}
@media (min-width: 768px) {
  .banner-image::after {
    width: 75%;
    background: -webkit-gradient(linear, right top, left top, from(rgba(0, 57, 121, 0)), color-stop(60.75%, rgba(49, 40, 22, 0.3)));
    background: linear-gradient(270deg, rgba(0, 57, 121, 0) 0%, rgba(49, 40, 22, 0.3) 60.75%);
  }
}

/* GENERAL - CARDS COLLAGE */
.cards.cards-collage {
  /* MOBILE - max: 575px */
}
.cards.cards-collage > ul > li::before {
  background-color: #F7F3ED;
}
.cards.cards-collage .card {
  background-color: #F7F3ED;
}
.cards.cards-collage.cards-collage-mobshort .card .card-content .card-excerpt {
  margin-bottom: 0;
}
.cards.cards-collage .cards-collage-cta {
  background-color: #F7F3ED;
}
@media (max-width: 575px) {
  .cards.cards-collage.cards-collage-mobshort .card .card-content .card-excerpt {
    padding-right: 32px;
  }
}

/* GENERAL - ACCORDION */
.accordion {
  background-color: #F7F3ED;
}
.accordion-title {
  background-color: #F7F3ED;
  color: #48402A;
}
.accordion-title svg {
  fill: #48402A;
  stroke: #48402A;
}
.accordion.active .accordion-title, .accordion-title:hover {
  color: #E4B350;
}
.accordion.active .accordion-title svg, .accordion-title:hover svg {
  fill: #E4B350;
  stroke: #E4B350;
}

/* GENERAL - BUTTON */
.btn-primary {
  background-color: #48402A;
  border-color: #48402A;
  color: #FFFFFF;
}
.btn-primary i, .btn-primary span.icon {
  color: #FFFFFF;
}
.btn-primary svg.color-fill {
  fill: #FFFFFF;
}
.btn-primary svg.color-stroke {
  stroke: #FFFFFF;
}
.btn-primary:hover, .btn-primary:focus-visible {
  background-color: #EDB036;
  border-color: #EDB036;
  color: #FFFFFF;
}
.btn-primary:hover i, .btn-primary:hover span.icon, .btn-primary:focus-visible i, .btn-primary:focus-visible span.icon {
  color: #FFFFFF;
}
.btn-primary:hover svg.color-fill, .btn-primary:focus-visible svg.color-fill {
  fill: #FFFFFF;
}
.btn-primary:hover svg.color-stroke, .btn-primary:focus-visible svg.color-stroke {
  stroke: #FFFFFF;
}
.btn-primary:active {
  background-color: #E4B350;
  border-color: #48402A;
  color: #FFFFFF;
}
.btn-primary:active i, .btn-primary:active span.icon {
  color: #FFFFFF;
}
.btn-primary:active svg.color-fill {
  fill: #FFFFFF;
}
.btn-primary:active svg.color-stroke {
  stroke: #FFFFFF;
}

.btn-secondary--custom {
  background-color: transparent;
  border-color: #48402A;
  color: #48402A;
}
.btn-secondary--custom i, .btn-secondary--custom span.icon {
  color: #48402A;
}
.btn-secondary--custom svg.color-fill {
  fill: #48402A;
}
.btn-secondary--custom svg.color-stroke {
  stroke: #48402A;
}
.btn-secondary--custom:hover, .btn-secondary--custom:focus-visible {
  background-color: #EDB036;
  border-color: #EDB036;
  color: #48402A;
}
.btn-secondary--custom:hover i, .btn-secondary--custom:hover span.icon, .btn-secondary--custom:focus-visible i, .btn-secondary--custom:focus-visible span.icon {
  color: #48402A;
}
.btn-secondary--custom:hover svg.color-fill, .btn-secondary--custom:focus-visible svg.color-fill {
  fill: #48402A;
}
.btn-secondary--custom:hover svg.color-stroke, .btn-secondary--custom:focus-visible svg.color-stroke {
  stroke: #48402A;
}
.btn-secondary--custom:active {
  background-color: #F8DFAF;
  border-color: #E4B350;
  color: #48402A;
}
.btn-secondary--custom:active i, .btn-secondary--custom:active span.icon {
  color: #48402A;
}
.btn-secondary--custom:active svg.color-fill {
  fill: #48402A;
}
.btn-secondary--custom:active svg.color-stroke {
  stroke: #48402A;
}

.btn-secondary--purple {
  background-color: transparent;
  border-color: #48402A;
  color: #48402A;
}
.btn-secondary--purple i, .btn-secondary--purple span.icon {
  color: #48402A;
}
.btn-secondary--purple svg.color-fill {
  fill: #48402A;
}
.btn-secondary--purple svg.color-stroke {
  stroke: #48402A;
}
.btn-secondary--purple:hover, .btn-secondary--purple:focus-visible {
  background-color: #EDB036;
  border-color: #EDB036;
  color: #48402A;
}
.btn-secondary--purple:hover i, .btn-secondary--purple:hover span.icon, .btn-secondary--purple:focus-visible i, .btn-secondary--purple:focus-visible span.icon {
  color: #48402A;
}
.btn-secondary--purple:hover svg.color-fill, .btn-secondary--purple:focus-visible svg.color-fill {
  fill: #48402A;
}
.btn-secondary--purple:hover svg.color-stroke, .btn-secondary--purple:focus-visible svg.color-stroke {
  stroke: #48402A;
}
.btn-secondary--purple:active {
  background-color: #F8DFAF;
  border-color: #E4B350;
  color: #48402A;
}
.btn-secondary--purple:active i, .btn-secondary--purple:active span.icon {
  color: #48402A;
}
.btn-secondary--purple:active svg.color-fill {
  fill: #48402A;
}
.btn-secondary--purple:active svg.color-stroke {
  stroke: #48402A;
}

/* GENERAL - LINK  */
.link-primary {
  color: #48402A;
}
.link-primary i, .link-primary span.icon {
  color: #48402A;
}
.link-primary svg.color-fill {
  fill: #48402A;
}
.link-primary svg.color-stroke {
  stroke: #48402A;
}
.link-primary:hover, .link-primary:focus-visible {
  color: #EDB036;
}
.link-primary:hover i, .link-primary:hover span.icon, .link-primary:focus-visible i, .link-primary:focus-visible span.icon {
  color: #EDB036;
}
.link-primary:hover svg.color-fill, .link-primary:focus-visible svg.color-fill {
  fill: #EDB036;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.link-primary:hover svg.color-stroke, .link-primary:focus-visible svg.color-stroke {
  stroke: #EDB036;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.link-primary:active i, .link-primary:active span.icon, .link-primary:visited i, .link-primary:visited span.icon {
  color: #E4B350;
}
.link-primary:active svg.color-fill, .link-primary:visited svg.color-fill {
  fill: #E4B350;
}
.link-primary:active svg.color-stroke, .link-primary:visited svg.color-stroke {
  stroke: #E4B350;
}

/* GENERAL - SLIDER  */
.custom-slider-line {
  background: #F8DFAF;
}
.custom-slider-line .progress {
  background: #E4B350;
}
.custom-slider-range input[type=range]::-webkit-slider-thumb {
  border-color: #EDB036;
  background-color: #FBEFD7;
}
.custom-slider-range input[type=range]::-moz-range-thumb {
  border-color: #EDB036;
  background-color: #FBEFD7;
}
.custom-slider-input .input-field {
  border-color: #EDB036;
}

/* GENERAL - SELECT FIELD */
.select-field {
  border-color: #E4B350;
}
.select-field .select-cta::before {
  background-color: #E4B350;
}
.select-field .select-option:hover, .select-field .select-option:active, .select-field .select-option:focus, .select-field .select-option.selected {
  background-color: #EDB036;
}

/* GENERAL - INPUT FIELD */
.input-field {
  border-color: #E4B350;
}
.input-field:hover, .input-field:focus-within {
  border-color: #EDB036;
}

/* GENERAL - CARD */
.card {
  background-color: #ECF2F6;
}
.card > .card-content > .card-title a {
  color: #48402A;
}
.card > .card-content > .card-title a i, .card > .card-content > .card-title a span.icon {
  color: #48402A;
}
.card > .card-content > .card-title a svg.color-fill {
  fill: #48402A;
}
.card > .card-content > .card-title a svg.color-stroke {
  stroke: #48402A;
}
.card > .card-content > .card-title a:hover, .card > .card-content > .card-title a:focus-visible {
  color: #EDB036;
}
.card > .card-content > .card-title a:hover i, .card > .card-content > .card-title a:hover span.icon, .card > .card-content > .card-title a:focus-visible i, .card > .card-content > .card-title a:focus-visible span.icon {
  color: #EDB036;
}
.card > .card-content > .card-title a:hover svg.color-fill, .card > .card-content > .card-title a:focus-visible svg.color-fill {
  fill: #EDB036;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.card > .card-content > .card-title a:hover svg.color-stroke, .card > .card-content > .card-title a:focus-visible svg.color-stroke {
  stroke: #EDB036;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.card > .card-content > .card-title a:active i, .card > .card-content > .card-title a:active span.icon, .card > .card-content > .card-title a:visited i, .card > .card-content > .card-title a:visited span.icon {
  color: #E4B350;
}
.card > .card-content > .card-title a:active svg.color-fill, .card > .card-content > .card-title a:visited svg.color-fill {
  fill: #E4B350;
}
.card > .card-content > .card-title a:active svg.color-stroke, .card > .card-content > .card-title a:visited svg.color-stroke {
  stroke: #E4B350;
}

/* GENERAL - TAB */
.tab-menu::before {
  background-color: #E4B350;
}
.tab-menu-btn.active {
  border-color: #E4B350;
}
.tab-menu-btn:not(.active):hover {
  background-color: #F8DFAF;
}

/* GENERAL - CTA SECTION */
.cta-section {
  /* MOBILE - max:767px */
  /* DESKTOP - min:768px */
}
@media (max-width: 767px) {
  .cta-section::before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(49, 40, 22, 0)), color-stop(63.54%, rgba(49, 40, 22, 0.9)));
    background: linear-gradient(180deg, rgba(49, 40, 22, 0) 0%, rgba(49, 40, 22, 0.9) 63.54%);
  }
}
@media (min-width: 768px) {
  .cta-section::before {
    background: -webkit-gradient(linear, right top, left top, from(rgba(0, 57, 121, 0)), color-stop(60.75%, rgba(49, 40, 22, 0.3)));
    background: linear-gradient(270deg, rgba(0, 57, 121, 0) 0%, rgba(49, 40, 22, 0.3) 60.75%);
  }
}

/* GENERAL - WIDGET */
.widget {
  background-color: #F7F3ED;
}
.widget-title {
  color: #48402A;
}

/* GENERAL - WIDGET CARD */
.wcard {
  background-color: #F7F3ED;
}
.wcard-title {
  color: #48402A;
}

/* DEPOSIT */
.widget-hexagon .widget {
  /* MOBILE - max:767px */
}
.widget-hexagon .widget-deposit .info {
  color: #48402A;
}
@media (max-width: 767px) {
  .widget-hexagon .widget-deposit {
    border-top: 1px solid #F8DFAF;
    border-bottom: 1px solid #F8DFAF;
  }
  .widget-hexagon .widget-deposit > .field {
    border-bottom: 1px solid #F8DFAF;
  }
}

/* CALCULATOR */
.widget-hexagon .calc {
  /* MOBILE - max:767px */
  /* DESKTOP - min:768px */
}
.widget-hexagon .calc .rate {
  color: #B8A785;
}
.widget-hexagon .calc .rate.hexagon-rate {
  color: #48402A;
}
@media (max-width: 767px) {
  .widget-hexagon .calc-total::before {
    background-color: #F8DFAF;
  }
}
@media (min-width: 768px) {
  .widget-hexagon .calc-title {
    color: #48402A;
  }
  .widget-hexagon .calc-rate {
    background-color: #F7F3ED;
  }
}

.widget-hexagon .calc--exchange .switch--hexa {
  background-color: #FFFFFF;
  border-color: #E4B350;
}
.widget-hexagon .calc--exchange .switch--hexa input[type=radio] + label {
  color: #48402A;
}
.widget-hexagon .calc--exchange .switch--hexa input[type=radio]:checked + label {
  color: #48402A;
}
.widget-hexagon .calc--exchange .switch--hexa input[type=radio]:checked + label::after {
  background-color: #E4B350;
}