:root {
scroll-behavior: initial;
}

@font-face {
    font-family: 'Archivo-Regular';
    src: url('../fonts/Archivo-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Archivo_SemiExpanded-Regular';
    src: url('../fonts/Archivo_SemiExpanded-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Archivo_SemiExpanded-Thin';
    src: url('../fonts/Archivo_SemiExpanded-Thin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Archivo_SemiExpanded-Bold';
    src: url('../fonts/Archivo_SemiExpanded-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html, body {
    font-family: 'Archivo-Regular', sans-serif;	
	color-scheme: dark;
	max-width: 1920px;
	scroll-padding-top: 95px;
	margin: 0 auto;
	color: #1F2B85
}

.strong, b, strong {
	    font-family: 'Archivo_SemiExpanded-Bold'!important;
   font-weight: normal;
    font-style: normal;
}

.bg-primary {
	background-color: #1F2B85!important;
}

.bg-white-2 {
	background-color: #f2f7f7!important;
}

.border-primary {
	border-color: #1F2B85!important;
}

.text-primary {
	color: #1F2B85!important;
}

.bg-secondary {
	background-color: #FC5F21!important;
}

.text-secondary {
	color: #FC5F21!important;
}

.border-secondary {
	border-color: #FC5F21!important;
}


.bg-light {
	background-color: #E3EEEE!important;
}

.border-light {
	border-color: #E3EEEE!important;
}

.text-light {
	color: #E3EEEE!important;
}

.text-dark {
	color: #1F2B85!important;
}

.bg-info {
	background-color: #3EB1B8!important;
}

.bg-info-2 {
	background-color: #3ED0D9!important;
}

.text-info-2 {
	color: #3ED0D9!important;
}

.text-info {
	color: #3EB1B8!important;
}

.border-info {
	border-color: #3EB1B8!important;
}


.bg-opa {
	background-color: #2635A1!important;	
}

.input-group-text.bg-opa {
	background-color: #344CBC!important;	
}

.bg-opa-3 {
	background-color: #94BFFF!important;	
}

.bg-opa-4 {
	background-color: #334CBB!important;	
}


.bg-opa-extra {
background: linear-gradient(to bottom,  rgba(52,76,188,1) 0%,rgba(52,76,188,1) 90%,rgba(31,43,133,1) 100%)!important;

}


.bg-opa-2 {
	background-color: #D3E6E6!important;	
}

.container {
	max-width: 1440px;
}
.row>*,
.container, .container-fluid {
	padding-left: 1.5rem;
	padding-right: 1.5rem
}

.row {
	margin-left: -1.5rem;
	margin-right: -1.5rem
}

.small {
		font-size: .75rem
}

.lead {
	font-size: 1.5rem;
}

h2, .h2 {
	    font-family: 'Archivo_SemiExpanded-Regular';
	font-size: 2rem
}

.h2-extra {
	    font-family: 'Archivo_SemiExpanded-Regular';
	font-size: 1.5rem;
	line-height: 100%;
}

@media (min-width:768px) {
h1, .h1 {
	    font-family: 'Archivo_SemiExpanded-Thin';
	font-size: 3rem
}

h2, .h2 {
	    font-family: 'Archivo_SemiExpanded-Regular';
	font-size: 4rem
}

.h2-extra {
	    font-family: 'Archivo_SemiExpanded-Regular';
	font-size: 2rem;
	line-height: 100%;
}

h3, .h3 {
	    font-family: 'Archivo_SemiExpanded-Regular';
	font-size: 1.85rem;
}

.small {
		font-size: .75rem
}

.navbar-nav .nav-link {
		font-size: 1.25rem
}

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

header {
	max-width: 1920px;
	margin: 0 auto
}

@media (min-width:1400px) {
h1, .h1 {
	    font-family: 'Archivo_SemiExpanded-Thin';
	font-size: 3.7rem
}	

.h2-extra {
	    font-family: 'Archivo_SemiExpanded-Regular';
	font-size: 3rem
}

.p-lg-6 {
	padding: 4rem 6.25rem!important;
}
}

.accordion,
.accordion-item,
.accordion-button,
.accordion-button:not(.collapsed) {
	background-color: transparent!important;
}

.accordion,
.accordion-item {
	border: none!important;
	--bs-accordion-border-color: transparent;
	
}

.accordion-item:last-of-type {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}

.accordion-item {
	border-bottom: 2px solid #1F2B85!important;
}

#hero-line {
	display: flex;
	width: 100%;
	height: 158px;
	position: relative;
	margin-top: -80px;
	z-index: 10;
	background-image: url(../img/hero-line.svg);
	background-position: 60% bottom;
	background-repeat: no-repeat;
	background-size: auto;
}


#hero {
clip-path: polygon(0px 0.5px, 0.00044632px 469px, 1205.55px 469px, 1205.55px 469px, 1218.01472px 467.983876px, 1229.83936px 465.041968px, 1240.86564px 460.333972px, 1250.93528px 454.019584px, 1259.89px 446.2585px, 1267.57152px 437.210416px, 1273.82156px 427.035028px, 1278.48184px 415.892032px, 1281.39408px 403.941124px, 1282.4px 391.342px, 1282.4px 391.342px, 1283.40537px 378.746979px, 1286.31616px 366.798392px, 1290.97439px 355.656253px, 1297.22208px 345.480576px, 1304.90125px 336.431375px, 1313.85392px 328.668664px, 1323.92211px 322.352457px, 1334.94784px 317.642768px, 1346.77313px 314.699611px, 1359.24px 313.683px, 1920px 313.683px, 1920px 0.5px); 
background: linear-gradient(135deg,  rgba(31,43,133,1) 50%,rgba(62,177,184,1) 100%);
	background-position: bottom right, bottom right;
	background-repeat: no-repeat, no-repeat;
	background-size: auto, auto;
min-height: 470px;
padding-top: 10rem!important;
    margin-bottom: -11rem;
z-index: 2;
position: relative;
}


#heroimage {
margin-top: -12rem;
}

@media(min-width:1200px) { 
#heroimage {
margin-top: -9rem;
}
}
 
.accordion-body{
	text-align:justify;
padding-left: 5rem;
	color: #1F2B85
}

.accordion-button{
	color: #1F2B85
}
 
.accordion-button::after {
display: none;
}

.accordion-button::before {
content: '';
display: flex;
width: 41px;
height: 41px;
background-image: url(../img/minus.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 41px auto;
margin-right: 1rem;
}

.accordion-button.collapsed::before {
content: '';
display: flex;
width: 41px;
height: 41px;
background-image: url(../img/plus.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 41px auto;
margin-right: 1rem;
}


.accordion-dark .accordion-button::after {
display: none;
}

.accordion-dark .accordion-button::before {
content: '';
display: flex;
width: 41px;
height: 41px;
background-image: url(../img/minus-white.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 41px auto;
margin-right: 1rem;
}

.accordion-dark .accordion-button.collapsed::before {
content: '';
display: flex;
width: 41px;
height: 41px;
background-image: url(../img/plus-white.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 41px auto;
margin-right: 1rem;
}

.accordion-dark .accordion-item {
	border-bottom: 2px solid #fff!important;
}

@media (min-width:1400px){
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: 1.5rem;
padding-left:  1.5rem;
}
}

.navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.ar-1 {
	min-height: 270px
}

.menet {  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  justify-items: center;
  align-items: flex-start;
  grid-template-areas:
    "elso masodik harmadik negyedik";
}

.elso { grid-area: elso; min-height: 100px }

.masodik { grid-area: masodik; min-height: 100px }

.harmadik { grid-area: harmadik; min-height: 100px  }

.negyedik { grid-area: negyedik;  min-height: 100px }



@media (max-width: 1400px) {
.menet {  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  gap: 1rem 0;
  grid-auto-flow: row;
  justify-items: flex-start;
  align-items: center;
  grid-template-areas:
    "elso masodik" 
	"harmadik negyedik";
	margin-left: auto;
margin-right: auto;
}
.elso { grid-area: elso; min-height: 185px }

.masodik { grid-area: masodik; min-height: 185px }

.harmadik { grid-area: harmadik; min-height: 185px  }

.negyedik { grid-area: negyedik;  min-height: 185px }	
}

@media (max-width: 768px) {
.menet {  display: grid;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  gap: 1rem 0;
  grid-auto-flow: row;
  justify-items: flex-start;
  align-items: center;
  grid-template-areas:
    "elso" 
	"masodik"
	"harmadik"
	"negyedik";
	margin-left: auto;
margin-right: auto;
}	


}

.btn-lg {
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-left: 2rem!important;
	padding-right: 2rem!important;
}

.about-grid-elem {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto 1fr;
gap: 0px 0px;
grid-auto-flow: row;
grid-template-areas: "about-icon about-icon"
"about-hl about-hl"
"about-link about-link";
min-height: 320px;
width: calc(100% - 2rem);
}

.about-hl { grid-area: about-hl; font-size: 1.5rem}

.about-icon { grid-area: about-icon; }

.about-link { grid-area: about-link; margin-right: -3rem; }

@media (max-width:991px) {
/* .about-grid-elem {  display: grid;
  grid-template-columns: 75px 1fr;
  grid-template-rows: auto 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "about-icon about-hl"
    "about-icon about-link";
	height: 175px;
}	 */
}

.about-row .col-12 {
	padding-left: .25rem;
	padding-right: .25rem;
	padding-top: .25rem;
	padding-bottom: .25rem
}

.elony-row {font-size: 1.4rem}





.hitel-element {
display: grid;
grid-template-columns: 1fr 1fr auto 3rem;
grid-template-rows: auto 50px 3rem;
height: 320px
}

.hitel-text {
grid-column: 1 / 4;
grid-row: 1 / 4;
}

.hitel-btn {
grid-column: 3 / 5;
grid-row: 2 / 3;	
}



@media (min-width:1530px) {
	#specrow {
		margin-right: -4.5rem
	}
	
	.about-row {
		margin-left: 0;
		margin-right: -3rem
	}
}


	.tab-content {
		width: calc(100% - 4rem);
		margin-bottom: 2rem
	}

@media (min-width:1200px) {
	.tab-content {
		width: 600px;
		margin-left: -100%;
	}
	
	#specrow  .tab-content {
		width: 600px;
		margin-left: -50%;
	}
}

@media (min-width:1400px) {
	.tab-content {
		width: 680px;
		margin-left: -100%;
	}
	
	#specrow .tab-content {
		width: 680px;
		margin-left: -50%;
	}
}

.read-btn {
	border: none!important;
	outline: none!important;
	text-transform: uppercase;
	background-image: url(../img/down-dark.svg);
	background-position: calc(100% - 1rem) center;
background-size: 10px auto;
background-repeat: no-repeat;
}

/* .grid-elem-secondary .read-btn,
.grid-elem-opa .read-btn {
	background-image: url(../img/down-white.svg);
} */


.read-btn.active {
		background-image: url(../img/up-dark.svg);
}
/* .grid-elem-secondary .read-btn.active, 
.grid-elem-opa .read-btn.active {
		background-image: url(../img/up-white.svg);
} */



.more-btn {
	border: none!important;
	outline: none!important;
	text-transform: uppercase;
	background-image: url(../img/down-dark.svg);
	background-position: calc(100% - 1rem) center;
	background-size: 10px auto;
	background-repeat: no-repeat;
}

.more-btn.active {
		background-image: url(../img/up-dark.svg);
}

.footer-btn {
	border: none!important;
	outline: none!important;
	text-transform: uppercase;
	background-image: url(../img/down-white.svg);
	background-position: calc(100% - 1rem) center;
	background-size: 10px auto;
	background-repeat: no-repeat;
	width: 195px
}

.collapse-btn[aria-expanded="true"] {
	background: transparent!important;
	border: none
}

.footer-btn[aria-expanded="true"] {
	border: none;
	background-image: none;
	background: transparent!important;
	padding: 0 0!important;
	width: auto
}

.about-grid-elem:has(.active) {
	color: #FC5F21!important;
}

.about-grid-elem:has(.active) svg circle{
	fill: #FC5F21!important;
}

.about-grid-elem:has(.active) svg path{
	fill: #FFF!important;
}

.about-grid-elem.grid-elem-secondary:has(.active) svg circle{
	fill: #2635A1!important;
}

.about-grid-elem-secondary:has(.active) svg path{
	fill: #FFF!important;
}

@media (max-width:768px) {
.hitel-element {
display: grid;
grid-template-columns: 1fr 1fr auto 3rem;
grid-template-rows: auto 50px 3rem;
height: 280px;
}
}

@media (max-width:1200px) {
	.about-grid-elem {
		/* height: 280px */
	}
}

@media (max-width:1199px) {
.hitel-element {
height: 280px;
}
}

@media (min-width: 768px) and (max-width:1400px) {
.hitel-element .h4 {
	font-size: 1.25rem
}

.hitel-element .h3 {
	font-size: 1.5rem
}

}

.contact-row {
	font-size: 1.125rem
}

.footer-item {  display: grid;
  grid-template-columns: 55px 1fr;
  grid-template-rows: auto auto;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "footer-icon footer-hl"
    "footer-btn-div  footer-btn-div";
}

.footer-icon { grid-area: footer-icon; }

.footer-hl { grid-area: footer-hl; }

.footer-btn-div { grid-area: footer-btn-div ; }


@media (min-width:1200px) and (max-width:1400px){
.about-row  .tab-content {
width: 550px;
margin-left: 0;
}
}

p {font-size: 1.5rem}

@media (max-width:1440px) {
	#hero {
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 118% auto;
    padding-top: 10rem !important;
    margin-bottom: -11rem;
    z-index: 2;
    position: relative;
	min-height:370px;
	clip-path: initial;
	background-image: url(../img/mobile-bg.svg)
}

#heroimage {
margin-top: -5rem;
}

#hero-line {
display: flex;
width: 100%;
height: 158px;
position: relative;
margin-top: 0;
z-index: 10;
background-image: url(../img/hero-line.svg);
background-position: bottom center;
background-repeat: no-repeat;
background-size: auto;
}
}

#logosvg {
	height: 50px
}

@media (max-width:1200px) {
    #hero {

        padding-top: 10rem !important;
        margin-bottom: -11rem;
        z-index: 2;
        position: relative;
    }

/* #header {
	background: linear-gradient(135deg,  rgba(31,43,133,1) 50%,rgba(62,177,184,1) 100%)!important;
} */

#heroimage {
	height: auto;
	apsect-ratio: 1500 / 999;
	background-size: 100%;

}



#logosvg {
	height: 40px
}	
}

@media (max-width:991px) {
    #hero {
        padding-top: 7rem !important;
		    margin-bottom: -11rem;
        z-index: 2;
        position: relative;
		min-height: 370px;
		clip-path: initial
}

#hero-line {
display: flex;
width: 100%;
height: 158px;
position: relative;
margin-top: -50px;
z-index: 10;
background-image: url(../img/hero-line.svg);
background-position: bottom center;
background-repeat: no-repeat;
background-size: auto;
}
    #heroimage {
	
	}
	
}


@media (max-width:768px) {
    #hero {
        min-height: 320px;
        padding-top: 7rem !important;
        margin-bottom: -3.5rem;
        z-index: 2;
        position: relative;
}

#hero-line {
display: flex;
width: 100%;
height: 158px;
position: relative;
margin-top: -175px;
z-index: 10;
background-image: url(../img/hero-line.svg);
background-position: 60% bottom;
background-repeat: no-repeat;
background-size: auto;
}

#heroimage {
margin-top: -4rem;
}

	.accordion-button, .accordion-body {
		font-size: 1rem!important;
	}
}

@media (max-width:600px) {
    #hero {

        background-size: 118% auto;
        min-height: 320px;
        padding-top: 8rem !important;
        margin-bottom: -11rem;
		padding-bottom: 0 !important;
        z-index: 2;
        position: relative;
}

#hero-line {
display: flex;
width: 100%;
height: 158px;
position: relative;
margin-top: 0px;
z-index: 10;
background-image: url(../img/hero-line.svg);
background-position: 62% bottom;
background-repeat: no-repeat;
background-size: auto;
}

#heroimage {
margin-top: -2rem;
}

p {font-size: 1rem}

.accordion-button {
	padding-left: 0;
	padding-right: 0;
}

#resultTable td, #resultTable th {
min-width: 80px;
vertical-align: middle;
white-space: nowrap;
}

}

@media (max-width:375px) {
    #hero {
        min-height: 280px;
        padding-top: 7rem !important;
        z-index: 2;
        position: relative;
        padding-bottom: 0 !important;
		clip-path: initial;
    }


#hero-line {
display: flex;
width: 100%;
height: 158px;
position: relative;
margin-top: 0px;
z-index: 10;
background-image: url(../img/hero-line.svg);
background-position: 62% bottom;
background-repeat: no-repeat;
background-size: auto;
}

.about-row .tab-content {
	width: 100%;
}


}

.form-check-input:checked[type=checkbox] {
--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.bg-info-2 .invalid-feedback {
color: #1F2B85;
}

.bg-info-2 .form-check-input.is-valid~.form-check-label,.bg-info-2 .was-validated .form-check-input:valid~.form-check-label {
color: #1F2B85;
}

.bg-info-2 .form-check-input.is-invalid~.form-check-label, 
.bg-info-2 .was-validated .form-check-input:invalid~.form-check-label {
color: rgb(220, 53, 69);
}

.form-check-input.is-invalid, .was-validated .form-check-input:invalid {
background-color: rgb(220, 53, 69)!important;
}


.nav-link.active {
	color: #FC5F21!important;
}

.social-text {
	display: none;
}

@media (min-width:1800px) {
.social-text {
	display: block;
}	
}

.accordion-text {
width: calc(100% - 45px);
}

#resultTable td,#resultTable th {
	width: 12.5%;
	vertical-align: middle
}
#resultTable td:nth-child(3),#resultTable th:nth-child(3),
#resultTable td:nth-child(4),#resultTable th:nth-child(4) {
	width: auto 
}

table td[rowspan] {
  vertical-align: middle;
  border-bottom: none !important;
}

table tr:not(:first-child) td[rowspan] {
  border-top: none !important;
}

.form-select {
	--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23FC5F21' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	border-bottom: 1px solid #FC5F21!important
}

input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}


input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
background: linear-gradient(to right, rgba(62, 208, 217, 1) 0%,rgba(62, 208, 217, 1) 100%);
    background-size: 0% 100%;
    background-repeat: no-repeat;
  cursor: pointer;
  width: 100%;
    height: 2px;
}


input[type="range"]:focus {
  outline: none;
}

input[type="range"]::-webkit-slider-runnable-track {
background-color: rgba(31, 43, 133, 0.33);

  border-radius: 0.5rem;
  height: 2px;
}

/* slider thumb */
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none; 
  appearance: none;
  margin-top: -1.5625rem;
  background-color: rgba(62, 208, 217, 1);
  background-image: url(../img/drag.svg);
    background-size: 1rem;
    background-repeat: no-repeat;
	background-position: center;
  border-radius: 3.125rem;
  height: 3.125rem;
  width: 3.125rem;
  box-shadow: 0px 0px 16px rgba(62, 208, 217, .8);
  
}

input[type="range"]:focus::-webkit-slider-thumb {
  outline: 3px solid #00c7fc;
  outline-offset: 0.125rem;
}


input[type="range"]::-moz-range-track {
	background: linear-gradient(to right, rgba(62, 208, 217, 1) 0%,rgba(62, 208, 217, 1) 100%);
    background-size: 0% 100%;
    background-repeat: no-repeat;
  border-radius: 0.5rem;
  height: 2px;
}


input[type="range"]::-moz-range-thumb {
  background-color: rgba(62, 208, 217, 1); 
  background-image: url(../img/drag.svg);
    background-size: 1rem;
    background-repeat: no-repeat;
	background-position: center;
  border: none; 
  border-radius: 3.125rem;
  height: 3.125rem;
  width: 3.125rem;
  box-shadow: 0px 0px 16px rgba(62, 208, 217, .8);
}

input[type="range"]:focus::-moz-range-thumb{
  outline: none;
  outline-offset: 0.125rem;
    box-shadow: 0px 0px 16px rgba(62, 208, 217, .8);
}

.glass {
	box-shadow: 0px 0px 74px 0px rgba(31, 43, 133, 1) inset;
	width: fit-content;
	    font-family: 'Archivo_SemiExpanded-Thin';
}

.bg-grad-1 {
background: linear-gradient(135deg,  rgba(31,43,133,1) 50%,rgba(62,177,184,1) 100%)!important;
}

.bg-grad-2 {
background: linear-gradient(90deg,  rgba(31, 43, 133, 1) 0%,rgba(252, 95, 33, 1) 100%)!important;
}

.bg-grad-3 {
background: linear-gradient(90deg,  rgba(62, 208, 216, 1) 0%,rgba(31, 43, 133, 1) 100%)!important;
}

.border-extra {
outline: 1rem solid rgba(255, 255, 255, 0.07)
}

header.bg-grad-1 {
background: linear-gradient(135deg,  rgba(31,43,133,.8) 50%,rgba(62,177,184,.8) 100%)!important;
backdrop-filter: blur(7.5px);
-webkit-backdrop-filter: blur(7.5px);
}

.bg-half {
	background: linear-gradient(to bottom,  #E3EEEE 0%,#E3EEEE 50%,#1F2B85 50%,#1F2B85 100%)!important;

}

.shadow-lg {
box-shadow: 0px 0px 164px 0px rgba(51, 76, 187, 0.24);
}

.nice-select {
	font-size: 1rem;
	line-height: 1.5;
	margin-bottom: 1rem;
}

.nice-select .list {
margin-bottom: 0;
}

.nice-select:after {
display: none;
}

.nice-select .nice-select-dropdown {
	color: #FFF;
	background-color: #1F2B85;
}

.nice-select .option.selected {
font-weight: normal;
}

.nice-select .option {
	border-bottom: 1px solid rgba(52,76,188,1);
}

.nice-select .option:last-of-type {
	border-bottom: none;
}

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
background-color: #FC5F21;
color:  #FFF;
}

#loanForm .form-select {
--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%233EB1B8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
border-bottom: 1px solid #3EB1B8!important;
}

#loanForm .nice-select .option:hover,#loanForm  .nice-select .option.focus,#loanForm  .nice-select .option.selected.focus {
background-color: #3EB1B8;
color:  #FFF;
}

.table-primary {
border-color: #1F2B85;
color: #fff;
border-top-color: transparent;
border-bottom-color: transparent;
}

#resultTable > thead > tr th,
#resultTable > tbody > tr td,
#resultTable > tfoot > tr td {
	background: #3B55CD!important;
	color: #fff!important;
	padding: .5rem;
}

#resultTable > thead > tr th {
	padding-top: 1.5rem
}



#resultTable > tbody > tr:nth-child(-n+12) td,
#resultTable > tbody > tr:nth-child(n+25):nth-child(-n+36) td,
#resultTable > tbody > tr:nth-child(n+49):nth-child(-n+60) td{
	background: #344CBC!important;
		color: #fff;
}


#summary > td:nth-child(1) {
	border-bottom-left-radius: 1rem;
}
#resultTable > thead > tr > th,
#summary > td {
	border-color: transparent
}

#summary > td:nth-child(4) {
	border-bottom-right-radius: 1rem;
}

#resultTable > thead > tr > th:nth-child(1) {
	border-top-left-radius: 1rem;	
}

#resultTable > thead > tr > th:nth-child(8) {
	border-top-right-radius: 1rem;	
}

#resultTable > thead > tr > th,
#resultTable > tbody > tr {
border-bottom-color: #1F2B85;
border-bottom-width:1px
}

#resultTable > tfoot > tr td {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	color: #1E2874!important;
	background-color: #3ED0D9!important;
}

.selectize:disabled + .nice-select,
input:disabled   {
	pointer-events: none; opacity: 0.6!important; }
	
.bg-blue {
	background: #344CBB!important;	
}