/* ------------------------------------------------------------------------------------------------ */
/* Core style */
/* ------------------------------------------------------------------------------------------------ */
/* Fonts */
@font-face { font-family: "Inter"; font-display: swap; src: local("Inter"); src: url("../fonts/inter-regular.eot"); src: url("../fonts/inter-regular.eot#iefix") format("embedded-opentype"), url("../fonts/inter-regular.woff2") format("woff2"), url("../fonts/inter-regular.woff") format("woff"), url("../fonts/inter-regular.ttf") format("truetype"), url("../fonts/inter-regular.svg") format("svg"); font-style: normal; font-weight: 400; }

@font-face { font-family: "Inter Medium"; font-display: swap; src: local("Inter Medium"); src: url("../fonts/inter-medium.eot"); src: url("../fonts/inter-medium.eot#iefix") format("embedded-opentype"), url("../fonts/inter-medium.woff2") format("woff2"), url("../fonts/inter-medium.woff") format("woff"), url("../fonts/inter-medium.ttf") format("truetype"), url("../fonts/inter-medium.svg") format("svg"); font-style: normal; font-weight: 500; }

@font-face { font-family: "Inter Semibold"; font-display: swap; src: local("Inter Semibold"); src: url("../fonts/inter-semibold.eot"); src: url("../fonts/inter-semibold.eot#iefix") format("embedded-opentype"), url("../fonts/inter-semibold.woff2") format("woff2"), url("../fonts/inter-semibold.woff") format("woff"), url("../fonts/inter-semibold.ttf") format("truetype"), url("../fonts/inter-semibold.svg") format("svg"); font-style: normal; font-weight: 600; }

@font-face { font-family: "Inter Bold"; font-display: swap; src: local("Inter Bold"); src: url("../fonts/inter-bold.eot"); src: url("../fonts/inter-bold.eot#iefix") format("embedded-opentype"), url("../fonts/inter-bold.woff2") format("woff2"), url("../fonts/inter-bold.woff") format("woff"), url("../fonts/inter-bold.ttf") format("truetype"), url("../fonts/inter-bold.svg") format("svg"); font-style: normal; font-weight: 700; }

@font-face { font-family: "Poppins"; font-display: swap; src: local("Poppins"); src: url("../fonts/poppins-regular.eot"); src: url("../fonts/poppins-regular.eot#iefix") format("embedded-opentype"), url("../fonts/poppins-regular.woff2") format("woff2"), url("../fonts/poppins-regular.woff") format("woff"), url("../fonts/poppins-regular.ttf") format("truetype"), url("../fonts/poppins-regular.svg") format("svg"); font-style: normal; font-weight: 400; }

@font-face { font-family: "Poppins Medium"; font-display: swap; src: local("Poppins Medium"); src: url("../fonts/poppins-medium.eot"); src: url("../fonts/poppins-medium.eot#iefix") format("embedded-opentype"), url("../fonts/poppins-medium.woff2") format("woff2"), url("../fonts/poppins-medium.woff") format("woff"), url("../fonts/poppins-medium.ttf") format("truetype"), url("../fonts/poppins-medium.svg") format("svg"); font-style: normal; font-weight: 500; }

@font-face { font-family: "Poppins Semibold"; font-display: swap; src: local("Poppins Semibold"); src: url("../fonts/poppins-semibold.eot"); src: url("../fonts/poppins-semibold.eot#iefix") format("embedded-opentype"), url("../fonts/poppins-semibold.woff2") format("woff2"), url("../fonts/poppins-semibold.woff") format("woff"), url("../fonts/poppins-semibold.ttf") format("truetype"), url("../fonts/poppins-semibold.svg") format("svg"); font-style: normal; font-weight: 600; }

@font-face { font-family: "Poppins Bold"; font-display: swap; src: local("Poppins Bold"); src: url("../fonts/poppins-bold.eot"); src: url("../fonts/poppins-bold.eot#iefix") format("embedded-opentype"), url("../fonts/poppins-bold.woff2") format("woff2"), url("../fonts/poppins-bold.woff") format("woff"), url("../fonts/poppins-bold.ttf") format("truetype"), url("../fonts/poppins-bold.svg") format("svg"); font-style: normal; font-weight: 700; }

/* Boostrap */
@media (min-width: 576px) { .container { max-width: 540px; } }

@media (min-width: 768px) { .container { max-width: 720px; } }

@media (min-width: 992px) { .container { max-width: 960px; } }

@media (min-width: 1200px) { .container { max-width: 1248px; } }

.container { width: 100%; padding-left: 12px; padding-right: 12px; margin-right: auto; margin-left: auto; }

.row { margin-left: -12px; margin-right: -12px; }

.row > .col, .row > [class*="col-"] { padding-left: 12px; padding-right: 12px; }

.row.no-gutter { margin-left: 0; margin-right: 0; }

.row.no-gutter > .col, .row.no-gutter > [class*="col-"] { padding-left: 0; padding-right: 0; }

.row.double-gutter { margin-left: -24px; margin-right: -24px; }

.row.double-gutter > .col, .row.double-gutter > [class*="col-"] { padding-left: 24px; padding-right: 24px; }

/* Typography */
h1, h2, h3, h4, h5, h6 { font-family: "Poppins Medium", sans-serif; font-weight: 500; color: #000000; margin-top: 0; margin-bottom: 1rem; }

h1 { font-size: 3rem; line-height: 1.167em; font-family: "Poppins Semibold", sans-serif; font-weight: 600; }

@media (max-width: 991px) { h1 { font-size: 2rem !important; line-height: 1.250em; } }

h2 { font-size: 2rem; line-height: 1.5em; }

@media (max-width: 991px) { h2 { font-size: 1.5rem !important; line-height: 1.333em; } }

h3 { font-size: 1.5rem; line-height: 1.333em; }

h4 { font-size: 1.25rem; line-height: 1.6em; }

.small { font-size: 0.875rem; line-height: 1.429em; }

a { color: #5B37D4; transition: color .3s ease-in-out; }

a:hover { text-decoration: underline; }

p { margin: 0 0 1.5rem; }

p:last-child { margin-bottom: 0; }

ul, ol { margin: 0; padding: 0; list-style: none; }

article p { word-break: keep-all; /* Non standard for webkit */ -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; }

article p:last-child { margin-bottom: 0; }

article a:hover { text-decoration: underline; }

article blockquote { font-style: italic; }

article li ul, article li ol { margin: 0 1.5rem; padding-top: 10px; }

article ul, article ol { margin: 0 0 2rem; padding-left: 1.5rem; }

article ul:last-child, article ol:last-child { margin: 0; }

article ul li, article ol li { margin-bottom: .75rem; }

article ul li:last-child, article ol li:last-child { margin: 0; }

article ul { list-style-type: disc; }

article ol { list-style-type: decimal; }

article ol ol { list-style: lower-alpha; }

article ol ol ol { list-style: lower-roman; }

article ol ol ol ol { list-style: lower-alpha; }

/* Base */
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

img { max-width: 100%; }

hr { border: 0; border-top: 1px solid #EDF0F2; }

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }

@media (min-width: 1200px) { * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none; font-feature-settings: "kern" 1; font-kerning: normal; }
  *::-webkit-scrollbar { width: 8px; height: 8px; background-color: #F9F9F9; }
  *::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2); background-color: #F5F5F5; }
  *::-webkit-scrollbar-thumb { background-color: #F7601A; border-radius: 10px; border: 1px solid #F9F9F9; } }

html, body { font-size: 16px; line-height: 24px; font-family: "Poppins", -apple-system, BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-weight: 400; padding: 0; margin: 0; background-color: #FFFFFF; color: #000000; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }

@media (max-width: 991px) { html, body { font-size: 14px; line-height: 20px; } }

.web-wrapper { width: 100%; overflow: hidden; }

/* ------------------------------------------------------------------------------------------------ */
/* Component style */
/* ------------------------------------------------------------------------------------------------ */
@keyframes bounce2 { 0% { transform: scale(1, 1) translateX(0); }
  10% { transform: scale(1.1, 0.9) translateX(0); }
  30% { transform: scale(0.9, 1.1) translateX(-4px); }
  50% { transform: scale(1.05, 0.95) translateX(6px); }
  57% { transform: scale(1, 1) translateX(-2px); }
  64% { transform: scale(1, 1) translateX(0); }
  100% { transform: scale(1, 1) translateX(0); } }

@keyframes pulse2 { 0% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0.8); }
  70% { box-shadow: 0 0 0 18px rgba(0, 95, 191, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0); } }

@keyframes pulseSvg { 0% { r: 6;
    opacity: 0.3; }
  70% { r: 12;
    opacity: 0.3; }
  80% { r: 12;
    opacity: 0.2; }
  90% { r: 12;
    opacity: 0.1; }
  100% { r: 12;
    opacity: 0; } }

@media (max-width: 991px) { @keyframes pulseSvg { 0% { r: 12;
      opacity: 0.3; }
    70% { r: 18;
      opacity: 0.3; }
    80% { r: 18;
      opacity: 0.2; }
    90% { r: 18;
      opacity: 0.1; }
    100% { r: 18;
      opacity: 0; } } }

@keyframes dash { from { stroke-dashoffset: 1000; }
  to { stroke-dashoffset: 0; } }

@keyframes dash2 { from { stroke-dashoffset: 1500; }
  to { stroke-dashoffset: 0; } }

.slideOutDown { animation-name: slideOutDown; }

@keyframes slideOutDown { 0% { opacity: 1;
    transform: scale(1); }
  100% { opacity: 0;
    transform: scale(1.25); } }

.comeOut { animation-name: comeOut; }

@keyframes comeOut { 0% { opacity: 1;
    transform: scale(0.5); }
  100% { opacity: 0;
    transform: scale(1); } }

@keyframes slideOutUp { 0% { -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% { visibility: hidden;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%); } }

.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }

@keyframes slideInUp { 0% { -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible; }
  100% { -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; }

@keyframes progressBar { 0% { max-width: 0%; }
  100% { max-width: 100%; } }

@keyframes d-headline { 0% { max-width: 0%; }
  10% { max-width: 0%; }
  100% { max-width: 100%; } }

/* Custom Plugins */
body.modal-open { overflow: hidden; }

.modal { position: fixed; z-index: 901; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; display: none; transition: all .5s; }

.modal:not(.show) { opacity: 0; }

.modal:not(.show) .modal-dialog { transform: translate(0, -50px); }

.modal .close { position: absolute; top: 18px; right: 18px; cursor: pointer; opacity: 1; transition: all .3s ease-in-out; }

.modal .close img { display: block; width: 26px; height: auto; }

.modal .close:hover { opacity: .6; }

.modal .modal-dialog { transition: all .3s ease-in-out; max-width: 770px; pointer-events: none; margin: 0 auto; }

.modal .modal-content { padding: 34px 0; background: #fff; margin: 30px auto; position: relative; border-radius: 6px; pointer-events: auto; box-shadow: 0 4px 8px 0 rgba(119, 119, 119, 0.1), 0 12px 20px 0 rgba(119, 119, 119, 0.2); }

.modal--full:not(.show) { opacity: 0; }

.modal--full:not(.show) .modal-dialog { transform: translate(0, 100%); }

.modal--full .close { top: 32px; right: 40px; }

.modal--full .close .svg path { fill: #D60F35; }

.modal--full .close span { position: relative; top: 1px; display: inline-block; margin-left: 4px; vertical-align: middle; color: #D60F35; }

.modal--full ul.list-check h4 { margin-bottom: 4px; font-size: 20px; line-height: 28px; }

.modal--full ul.list-check li { padding-bottom: 24px; }

.modal--full ul.list-check li::before { top: 3px; }

.modal--full .modal__icon { width: 40px; margin: 0 auto 8px; }

.modal--full .modal__icon img { display: block; width: 100%; height: auto; }

.modal--full .modal__img { position: relative; }

.modal--full .modal__img img { display: block; width: 100%; height: auto; }

.modal--full .modal__img small { display: block; position: absolute; padding-top: 16px; top: 100%; left: 0; font-size: 12px; line-height: 16px; }

.modal--full .modal__vid { position: relative; }

.modal--full .modal__vid img { display: block; width: 100%; height: auto; }

.modal--full .modal__vid small { display: block; position: absolute; padding-top: 16px; top: 100%; left: 0; font-size: 12px; line-height: 16px; }

.modal--full .modal__vid .btn-play { z-index: 2; display: block; width: 68px; height: 68px; border-radius: 34rem; background-color: #D60F35; background-image: url(../images/ic-play.svg); background-repeat: no-repeat; background-position: center; position: absolute; bottom: calc(50% - 34px); right: calc(50% - 34px); }

.modal--full .modal__vid .btn-play:hover { box-shadow: 0 0 0 rgba(0, 95, 191, 0.4); animation: primary 2s infinite; }

@keyframes primary { 0% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(0, 95, 191, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0); } }

.modal--full .modal__title { margin-bottom: 12px; }

.modal--full .modal__desc { margin-bottom: 40px; }

.modal--full .modal__desc p b { color: #000000; }

.modal--full .modal-footer { position: absolute; background: #FFF; padding: 32px 6px; width: 100%; bottom: 0; left: 0; }

.modal--full .modal-body { height: 100%; overflow: auto; padding-left: 32px; padding-right: 32px; }

.modal--full .modal-dialog { border-radius: 0; display: flex; align-items: flex-end; width: 100vw; height: 100vh; max-width: 100%; }

.modal--full .modal-content { position: relative; width: 100%; border-radius: 0; margin: 0; height: 90vh; padding: 64px 6px 20px; }

@media (max-width: 767px) { .modal--full .modal__img { margin-bottom: 60px; }
  .modal--full .modal-body { padding-left: 0; padding-right: 0; }
  .modal--full .close { top: 16px; right: 20px; } }

.modal-custom .modal-dialog { position: relative; max-width: 1226px; margin: 48px auto; }

.modal-custom .modal-content { padding: 0; width: 100%; }

.modal-custom .close { cursor: pointer; right: 0; top: -32px; width: 32px; height: 32px; z-index: 200; }

@media (max-width: 991px) { .modal-custom .modal-dialog { max-width: calc(100% - 32px); } }

.modal-role { padding: 36px 104px; }

.modal-role h3 { margin-bottom: 16px; }

.modal-role .list-blocks { column-count: 4; column-gap: 32px; }

.modal-role .block { display: inline-block; }

.modal-role .block .title { color: #000000; display: block; font-size: 18px; line-height: 28px; font-family: "Poppins Medium", sans-serif; font-weight: 500; margin-bottom: 8px; }

.modal-role .block .list-check { margin-bottom: 24px; }

.modal-role__head { display: flex; align-items: center; }

.modal-role__img { display: block; margin-bottom: 28px; padding-right: 80px; }

.modal-role__img img { display: block; width: 183px; height: auto; }

.modal-role__title { display: block; margin-bottom: 28px; }

.modal-role__title h2 { font-size: 56px; line-height: 64px; margin-bottom: 0; }

@media (max-width: 991px) { .modal-role { padding: 32px 24px; }
  .modal-role h3 { font-size: 20px; line-height: 30px; }
  .modal-role .list-blocks { column-count: 1; }
  .modal-role__head { flex-wrap: wrap; }
  .modal-role__title h2 { font-size: 24px; line-height: 32px; }
  .modal-role__img img { width: 100%; height: auto; } }

.modal-backdrop { position: fixed; top: 0; left: 0; z-index: 900; width: 100vw; height: 100vh; background-color: #212121; opacity: 0; }

.modal-backdrop.show { opacity: 0.8 !important; }

.fade { opacity: 0; transition: opacity 0.15s linear; }

.fade.show { opacity: 1; }

.collapse { display: none; }

.collapse.show { display: block; }

tr.collapse.show { display: table-row; }

tbody.collapse.show { display: table-row-group; }

.collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; }

.tab-content > .tab-pane { display: none; }

.tab-content > .active { display: block; }

.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid #EDF0F2; border-radius: 0.25rem; box-shadow: 0px 12px 20px rgba(119, 119, 119, 0.2); }

.dropdown-menu.show { display: block; }

.dropdown-item { display: block; width: 100%; padding: 0.4rem 1rem; clear: both; font-size: 0.875rem; line-height: 1.429em; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; }

.dropdown-item:hover { background: #f7f7f7; color: #000000; }

.dropdown-item:focus { outline: none; }

.dropdown-item.active { background: #EDF0F2; color: #000000; }

.tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; }

.tooltip.show { opacity: 0.9; }

.tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; }

.tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; }

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; }

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; }

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; }

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; }

.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; }

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; }

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; }

.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; }

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; }

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; }

.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; }

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; }

.tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; }

.lity { z-index: 2147483001; }

.vslider .owl-stage-outer { pointer-events: none; }

.vslider .owl-dots { position: absolute; bottom: 0; left: -1.5rem; display: flex; width: 2px; height: 100%; flex-direction: column; }

.vslider .owl-dots .owl-dot { display: block; width: 100%; height: 100%; }

.vslider .owl-dots .owl-dot span { display: block; width: 100%; height: 100%; background: #eee; }

.vslider .owl-dots .owl-dot:focus { outline: none; }

.vslider .owl-dots .owl-dot.active span { background: #5B37D4; }

/* General */
.pill { padding: .25rem .5rem; background: #F7601A; border-radius: 50px; font-size: 10px; line-height: 12px; color: #FFF; vertical-align: middle; margin-left: 1rem; }

.form-control { padding: 8px 16px; border: 1px solid #798897; border-radius: 10px; font-family: "Inter Reguler", sans-serif; font-weight: 400; }

.form-control:hover, .form-control:focus { outline: none; box-shadow: 0; }

.form-control:disabled { opacity: .5; }

.input-group { display: flex; width: 100%; flex-wrap: wrap; }

.input-group .form-control { max-width: calc(100% - 45px); }

.input-group-text { padding: 10px 8px 10px 10px; border: 1px solid #798897; border-right: 0; border-radius: 10px 0 0 10px; position: relative; }

.input-group-text:after { content: ""; width: 1px; height: 26px; background: #798897; top: 9px; right: 0; position: absolute; }

.input-group.disabled { opacity: .5; }

.input-group .form-control { border-left: 0; border-radius: 0 10px 10px 0; width: 100%; }

.input-group .form-control + label { position: absolute; margin-bottom: 0; top: 11px; left: 67px; transition: all 0.3s linear; pointer-events: none; transform-origin: top left; color: #757587; visibility: hidden; opacity: 0; }

.input-group .form-control:not(:placeholder-shown):not(.dropdown) { padding-bottom: 0; padding-top: 12px; }

.input-group .form-control:not(:placeholder-shown):not(.dropdown) + label { top: 8px; font-size: 10px; line-height: 1em; visibility: visible; opacity: 1; }

.input-group .bootstrap-select > .dropdown-toggle { min-width: fit-content; padding: 11px 1rem; border: 1px solid #798897; border-radius: 0 10px 10px 0 !important; font-family: "Inter Reguler", sans-serif; font-weight: 400; border-left: 0; }

.input-group .bootstrap-select > .dropdown-toggle:hover, .input-group .bootstrap-select > .dropdown-toggle:focus { outline: none !important; box-shadow: 0 !important; }

@media (max-width: 767px) { .input-group .bootstrap-select > .dropdown-toggle { min-width: auto; padding-right: 2.5rem; text-overflow: ellipsis; } }

.input-group .notes { display: none; padding-top: .5rem; opacity: 1; font-family: "Poppins Semibold", sans-serif; font-weight: 600; }

.text-center { text-align: center; }

.btn { padding: 8px 16px; border-radius: 10px; background: #FFF; text-align: center; min-width: 285px; max-width: 100%; display: inline-block; text-decoration: none; transition: all .3s ease-in-out; border: 1px solid transparent; }

.btn-primary { background: #D60F35; color: #FFF; border: 1px solid #D60F35; }

.btn-primary:hover { text-decoration: none; color: #FFF; background: #cc0e33; border-color: #D60F35; }

.btn-secondary { background: transparent; border: 2px solid #D60F35; color: #D60F35; }

.btn-secondary:hover { background: #D60F35; color: #FFF; text-decoration: none; }

@media (max-width: 767px) { .btn { min-width: max-content; width: 100%; } }

.red { color: #D60F35; }

.icon { width: 1.5rem; height: 1.5rem; display: inline-block; vertical-align: middle; background-size: contain; background-repeat: no-repeat; background-position: center; }

.icon-aplicant { background-image: url(../images/ic-applicant.svg); }

.icon-employment { background-image: url(../images/ic-employment.svg); }

.icon-salary { background-image: url(../images/ic-salary.svg); }

.icon-percent { background-image: url(../images/ic-percent.svg); }

.bootstrap-select { position: relative; width: 100%; }

.bootstrap-select > .dropdown-toggle { position: relative; }

.bootstrap-select > .dropdown-toggle:after { content: ""; display: block; width: 16px; height: 16px; background: url(../images/ic-carret-down.svg); background-repeat: no-repeat; background-position: center; background-size: contain; position: absolute; border: 0; right: 16px; top: calc(50% - 0.4375rem); }

.bootstrap-select > .dropdown-toggle:hover { color: #000000; background: #EDF0F2; }

.bootstrap-select > .dropdown-toggle:focus { color: #000000; outline: none !important; }

/* Header */
/* Footer */
/* Contents */
.calculator { padding: 3rem 0; }

.calculator-header { padding: 1.125rem; background: #D60F35; border-radius: 32px; margin-bottom: 1.5rem; border: 3px solid #FFFFFF; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1); }

.calculator-header .row { align-items: center; }

.calculator-header h1 { font-size: 2.5rem; line-height: 1.3em; color: #FFF; margin-bottom: 0; }

.calculator-header .text { font-size: 1.5rem; line-height: 2.25rem; }

.calculator-header .text p { color: #FFF; }

.calculator-shortdesc { padding: 1rem 2.5rem; border-radius: 32px; border: 3px solid #fff; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1); margin-bottom: 1.5rem; }

.calculator-shortdesc .text p { font-size: 1.125rem; line-height: 1.6875rem; }

.calculator-box { padding: 1.5rem; background: #FFFFFF; box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.1); border-radius: 32px; }

.calculator-box h2 { font-size: 1.5rem; line-height: 2.25rem; color: #000; margin-bottom: 10px; }

.calculator-box h3 { font-size: 1.25rem; line-height: 2rem; color: #D60F35; margin-bottom: 1.5rem; }

.calculator-box form .form-action { margin-top: 4.5rem; margin-bottom: 2.5rem; }

.calculator .joint-aplicant { display: none; }

.form-row { display: flex; flex-wrap: wrap; margin-right: -8px; margin-left: -8px; margin-bottom: 30px; }

.form-row [class^="col-"], .form-row [class*=" col-"], .form-row [class*="col-6"], .form-row [class*="col"] { padding-left: 8px; padding-right: 8px; }

@media (max-width: 767px) { .form-row .col-6 { flex: 0 0 100%; max-width: 100%; }
  .form-row .col-6:not(:last-child) { margin-bottom: 1rem; } }

.custom-radio .custom-control-input { width: 0; height: 0; padding: 0; margin: 0; opacity: 0; visibility: hidden; display: none; }

.custom-radio .custom-control-label { width: 100%; padding: 0.5rem 1rem; border: 1px solid #798897; border-radius: 10px; text-align: center; }

.custom-radio .custom-control-label[disabled] { opacity: .5; }

.custom-radio .custom-control-label:hover { cursor: pointer; }

.form-group:not(.tag-group) .custom-radio .custom-control-label { padding-right: 2rem; text-align: left; }

.custom-radio .custom-control-input:checked ~ .custom-control-label { border-color: #D60F35; font-family: "Poppins Medium", sans-serif; font-weight: 500; }

.custom-radio .custom-control-input:checked ~ .custom-control-label::after { content: ""; width: 1.5rem; height: 1.5rem; position: absolute; top: 0.625rem; right: 1.125rem; background: url(../images/ic-checked.svg) no-repeat center; background-size: contain; background-color: #FFF; border-radius: 50px; }

.tag-group { margin-bottom: 1.875rem; }

.tag-group .form-inline { display: flex; }

.tag-group .form-inline .custom-radio { width: max-content; }

.tag-group .form-inline .custom-radio:not(:last-child) { margin-right: 0.5rem; }

.tag-group .form-inline .custom-radio .custom-control-input:checked ~ .custom-control-label::after { display: none; }

.tag-group .form-inline .custom-radio .custom-control-input:checked ~ .custom-control-label { color: #D60F35; }

.tag-group .form-inline .custom-control-input { font-family: "Poppins Semibold", sans-serif; font-weight: 600; }

.multiplier { position: relative; margin-bottom: 1.875rem; }

.multiplier .form-group, .multiplier .form-row { margin-bottom: 0; }

.multiplier .form-row { margin-bottom: 1rem; }

.multiplier .btn-add, .multiplier .btn-del { display: block; width: 1.625rem; height: 1.625rem; padding: 0; background: url(../images/ic-add.svg) no-repeat center; border-radius: 50px; border: 0; z-index: 2; position: absolute; left: calc(100% - 2rem); bottom: 16px; }

.multiplier .btn-add:focus, .multiplier .btn-add:hover, .multiplier .btn-del:focus, .multiplier .btn-del:hover { box-shadow: none !important; outline: none !important; }

.multiplier .btn-del { display: none; transform: rotate(45deg); }

.multiplier .item { position: relative; }

.multiplier.multiplied .btn-del { display: block; }

.results-calc .shortdesc { padding-bottom: 1rem; border-bottom: 1px solid #8A92A6; margin-bottom: 1rem; }

.results-calc .max-amount { padding-bottom: 1rem; border-bottom: 1px solid #8A92A6; margin-bottom: 1rem; }

.results-calc .max-amount b { display: block; margin-bottom: 0.5rem; font-family: "Poppins Bold", sans-serif; font-weight: 700; }

.results-calc .max-amount h4 { text-align: center; color: #D60F35; font-family: "Poppins Semibold", sans-serif; font-weight: 600; font-size: 2rem; line-height: 2.375rem; margin-bottom: 0; }

.results-calc .list-breakdown { padding-bottom: 1rem; border-bottom: 1px solid #8A92A6; margin-bottom: 1rem; }

.results-calc .list-breakdown ul li { display: flex; justify-content: space-between; align-items: center; }

.results-calc .list-breakdown ul li span { opacity: .5; }

.results-calc .list-breakdown ul li span.nominal { font-family: "Poppins Semibold", sans-serif; font-weight: 600; }

.results-calc .list-breakdown ul li b.nominal { font-size: 1.25rem; line-height: 1.875rem; }

.results-calc .list-breakdown ul li:not(:last-child) { margin-bottom: 1rem; }

.results-calc .disclaimer { max-width: 20rem; margin: 1.5rem auto; }

.results-calc .disclaimer p { position: relative; }

.results-calc .disclaimer p:before { content: ""; width: 1rem; height: 1rem; background: url(../images/ic-danger.svg) no-repeat center; background-size: contain; position: absolute; top: 2px; left: -1.625rem; }

.box-call { padding: 1.125rem; background: #F1F1F1; border-radius: 2rem; }

.box-call .row { margin-bottom: 1.75rem; }

.box-call .photo { width: 6.875rem; height: 6.875rem; border-radius: 100px; overflow: hidden; margin: 0 auto; }

.box-call .photo img { width: 100%; height: 100%; display: block; object-fit: cover; }

.box-call .text h4 { margin-bottom: 8px; }

.box-call .text p { opacity: .5; }

.box-call-action .ic-call { width: 1.875rem; height: 1.875rem; display: inline-block; vertical-align: middle; background: url(../images/ic-call.svg) no-repeat center; background-size: contain; margin-right: 0.5rem; }

.get-report { margin-bottom: 1rem; }

.get-report .btn-secondary { font-family: "Poppins Semibold", sans-serif; font-weight: 600; }

.get-report .btn-secondary:hover .ic-pdf { background: url(../images/ic-pdf-white.svg) no-repeat center; }

.get-report .ic-pdf { width: 1.875rem; height: 1.875rem; display: inline-block; vertical-align: middle; background: url(../images/ic-pdf.svg) no-repeat center; background-size: contain; margin-right: 8px; }

.table-wrapper { border-radius: 10px; margin-bottom: 24px; }

.table-wrapper h2 { font-weight: 700; margin-bottom: 2rem; color: #D60F35; }

.table-wrapper h3 { padding: 16px; background: #11457D; color: #FFF; font-size: 1rem; line-height: 1em; }

.table-info { width: 100%; margin-bottom: 32px; margin-left: 24px; }

.table-info tr td { padding: 10px 0; }

.table-pdf { width: 100%; margin-bottom: 32px; }

.table-pdf tr td { padding: 10px; border: 2px solid #D0D6DD; }

.table-pdf tr td:not(:last-child) { border-right: 0; }

.table-pdf tr:nth-child(even) td { background: rgba(17, 69, 125, 0.05); }

.table-pdf:last-child { margin-bottom: 0; }

.table-next td:not(:last-child) { padding-right: 16px; }

.box-confirm { padding: 20px; background: #F1F1F1; }

.box-confirm h4 { font-size: 18px; line-height: 1.3em; margin-bottom: 16px; }

.box-confirm p { font-size: 14px; line-height: 1.3em; }

.table-notes { font-size: 12px; line-height: 1.3em; opacity: .5; }

.table-notes h3 { font-size: 18px; line-height: 1.3em; margin-bottom: 16px; }

.table-notes ol { list-style: number; padding-left: 14px; margin-bottom: 32px; }

.table-notes ol li:not(:last-child) { margin-bottom: 16px; }

@media (max-width: 991px) { .results-calc .btn { min-width: max-content; width: 100%; }
  .results-calc .disclaimer { padding-left: 2rem; } }

@media (max-width: 767px) { .calculator-header { text-align: center; }
  .calculator-header .col-md-4 { margin-bottom: 1.5rem; }
  .calculator-header .text { font-size: 1.25rem; line-height: 1.3em; }
  .calculator-shortdesc { padding: 1.5rem; }
  .calculator-main > .row > .col-md-7 { margin-bottom: 3rem; }
  .calculator-main .form-group .form-row { margin-bottom: 1rem; }
  .calculator-main .form-group .form-row .col { flex: 0 0 100%; max-width: 100%; padding-right: 0; }
  .calculator-main .form-group .form-row .col:not(:last-child) { padding-right: 0; margin-bottom: 1rem; }
  .results-calc .list-breakdown ul li { display: block; }
  .results-calc .list-breakdown ul li b, .results-calc .list-breakdown ul li span { display: block; }
  .results-calc .list-breakdown ul li b:first-child, .results-calc .list-breakdown ul li span:first-child { margin-bottom: 4px; } }

/* Pages style */