: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: #D9D9D9!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: .875rem
}

.lead {
    font-size: 1.5rem;
}

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


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

.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: 2.5rem
    }

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

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

    .h3b {
        font-family: 'Archivo_SemiExpanded-Regular';
        font-size: 2.5rem;
        line-height: 100%;
    }

    .small {
        font-size: .875rem
    }

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

    .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.25rem
    }

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

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

.accordion,
#accordionKHK .accordion-item,
#accordionKHK .accordion-button,
#accordionKHK .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;
}

#accordionKHK .accordion-button {
    padding-left: 3rem
}

#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 {
    background-image: url(../img/hero25.svg);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: auto;
    min-height: 350px;
    padding-top: 7rem!important;
    margin-bottom: -11rem;
    z-index: 2;
    position: relative;
}


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

@media(min-width:1200px) {
    #heroimage {
        margin-top: -10rem;
    }
}

.accordion-body{
    text-align:justify;
    color: #1F2B85
}

.accordion-button{
    color: #1F2B85
}

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



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



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

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

.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;  }

    .masodik { grid-area: masodik;  }

    .harmadik { grid-area: harmadik;  }

    .negyedik { grid-area: negyedik; }
}

@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 {
    font-family: 'Archivo_SemiExpanded-Bold';
    font-size: .875rem;
    letter-spacing: 1px
}

.accordion-body .btn,
.btn.bg-white {
    font-family: 'Archivo-Regular';
}

.btn-lg {
    font-size: 1rem;
    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;
}

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

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

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

@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 1rem;
    grid-template-rows: auto 50px 1rem;
    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
    }
}


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

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

    #specrow  .tab-content {
        width: 600px;
        margin-left: -50%;
    }
}

@media (min-width:1400px) {
    .intro-tab-content.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 {
        margin-bottom: 1rem
    }
}

@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}

ul, ol {font-size: 1.5rem}

.small p {font-size: .75rem}

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


    #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;
    }

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

    }



    #logosvg {
        height: 40px
    }
}

@media (max-width:991px) {
    #hero {
        padding-top: 4rem !important;
        margin-bottom: -11rem;
        z-index: 2;
        position: relative;
        min-height: 320px;
        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: 270px;
        padding-top: 5rem !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: -11rem;
    }

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

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

        background-size: 118% auto;
        min-height: 270px;
        padding-top: 5rem !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)
}



.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;
}

.navbar {
    background: linear-gradient(135deg,  rgba(31,43,133,1) 800px,rgba(62,177,184,1) 100%)!important;
    min-height: 7.75rem
}

header {
    height: 7.75rem
}

.no-intro {
    padding-top: 9rem!important;
}

@media (max-width: 1199px) {
    .no-intro {
        padding-top: 4.5rem!important;
    }

}

#introhl {
    --r: 100px; /* control the radius */
    line-height: 1.8; /* control the height */
    padding-inline: .5em;
    border-right: var(--r) solid rgba(31,43,133,1);

    /* fent volt a lekerekítés, most lent van */
    border-radius: 0 0 calc(2*var(--r)) 0 / var(--r);

    mask:
        radial-gradient(var(--r) at 100% 100%, #0000 99%, #000 101%)
        100% 0 / var(--r) var(--r) no-repeat,
        conic-gradient(#000 0 0) padding-box;

    background: rgba(31,43,133,1) border-box;
    width: fit-content;
    max-width: 1100px;
    margin-top: 124px;
    position: relative;
    z-index: 1000;
    height: 10rem;
}

@media (min-width: 1400px) {
    #introhl {
        width: 100%;
    }
}

h1, .h1 {
    font-family: 'Archivo_SemiExpanded-Thin';
}

.carousel-item {
    aspect-ratio: 16 / 9;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0 0 2rem 2rem;
}

.carousel {
    border-radius: 0 0 2rem 2rem;
}

/*swiper*/

.heroSwiper {
    border-radius: 0 0 2rem 2rem;
}

.hero-slide {
    width: 100%;
    height: calc(100dvh - 2rem);
    max-height: 800px;
    border-radius: 0 0 2rem 2rem;
}

.swiper-button-next, .swiper-button-prev {
    align-items: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    cursor: pointer;
    display: flex;
    height: var(--swiper-navigation-size);
    justify-content: center;
    position: absolute;
    width: var(--swiper-navigation-size);
    z-index: 10;
    &.swiper-button-disabled {
        cursor: auto;
        opacity: .35;
        pointer-events:none
    }

    &.swiper-button-hidden {
        cursor: auto;
        opacity: 0;
        pointer-events:none
    }

    .swiper-navigation-disabled & {
        display:none !important
    }

    svg {
        height: 100%;
        object-fit: contain;
        transform-origin: center;
        width: 100%;
        fill: transparent;
        pointer-events: none;
    }
}

@media (max-width:1199px) {
    header {
        height: 5.125rem
    }

    .navbar {
        background: linear-gradient(135deg,  rgba(31,43,133,1) 550px,rgba(62,177,184,1) 100%)!important;
        min-height: 5.125rem
    }

    #introhl {
        margin-top: 5.125rem;
        height: 9rem;
    }

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

}

@media (max-width:991px) {
    .hero-slide {
        height: calc(100dvh - 8rem);
        border-radius: 0 0 2rem 2rem;
    }

    .btn-lg {
        font-size: 1rem;
        padding-top: .5rem;
        padding-bottom: .5rem;
        padding-left: 2rem!important;
        padding-right: 2rem!important;
    }
    .navbar {
        background: linear-gradient(135deg,  rgba(31,43,133,1) 565px,rgba(62,177,184,1) 100%)!important;
    }

}

@media (max-width:768px) {
    #introhl {
        --r: 60px;
        margin-top: 5.125rem;
        height: 7rem;
        width: 530px;
    }
    #heroimage {
        margin-top: -9rem;
    }

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

}

@media (max-width:560px) {
    #introhl {
        --r: 45px;
        margin-top: 5.125rem;
        height: 5rem;
        width: fit-content;
    }
    #heroimage {
        margin-top: -5rem;
    }

    .h1-intro {
        font-size: 1.125rem;
    }

    .hero-slide {
        height: calc(100dvh - 8rem);
        border-radius: 0 0 2rem 2rem;
    }

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

.intro-slide-img {
    aspect-ratio: 16 / 9;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

#kalk-tab {
    border: 1px solid #334CBB;
    border-radius: 1rem 0 0 0;
    padding: 1rem;
    color: #334CBB
}

#reszlet-tab {
    border: 1px solid #334CBB;
    border-radius: 0 1rem 0 0;
    padding: 1rem;
    color: #334CBB
}

#KTHTab .nav-link:hover {
    color: #fff!important;
}

#KTHTab .nav-link.active {
    color: #fff!important;
    background: #334CBB
}

#KTHTab {
    flex-wrap: nowrap;
}

#KTHTab .nav-item {
    width: 50%;
    height: 100%;
}

@media(max-width: 1024px) {
    #kalk-tab, #reszlet-tab {
        font-size: 1rem!important;
        min-height: 65px
    }
}

@media(max-width: 767px) {
    #kalk-tab, #reszlet-tab {
        font-size: .8rem!important;
        min-height: 65px
    }

    .nav-pills {
        border-bottom: 0
    }
}

.swiper-button-next {
    margin-right: 1.5rem!important;
}

.swiper-button-prev {
    margin-left: 1.5rem!important;
}

@media(min-width: 992px) {
    .controls {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        justify-content: flex-end;
        padding-left: 15px;
        padding-right: 15px;
    }


    .swiper-button-next, .swiper-button-prev {
        margin-top: 3rem!important;
    }

    .swiper-button-prev {
        left: auto!important;
        right: 5rem!important;
    }


}

@media(max-width: 991px) {

}

.navbar-toggler {
    width: 24px;
    height: 24px;
}

.menu-icon {
    display: block;
}

.menu-icon .line {
    transition: transform 0.3s ease, opacity 0.3s ease;
    transform-origin: center;
    transform-box: fill-box;
}

.navbar-toggler[aria-expanded="true"] .line-top {
    transform: translateY(6px) rotate(45deg);
}

.navbar-toggler[aria-expanded="true"] .line-middle {
    opacity: 0;
}

.navbar-toggler[aria-expanded="true"] .line-bottom {
    transform: translateY(-6px) rotate(-45deg);
}

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

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

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

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

.accordion-dark > div:last-child{
    border-bottom: 0!important;
}

.accordion-body {
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 0!important;
    padding-right: 0
}

.accordion-dark[id^="sub"] .accordion-body {
    padding-top: 0;
    padding-left: 5.5rem;
    padding-right: 0;
    padding-bottom: 1rem!important;
}


.redline {
    background-image: url(../img/redline2.svg);
    background-repeat: no-repeat;
    background-position: -200px center;
    height: 10rem;
    pointer-events: none;
    position: relative;
    z-index: 1111;
    margin-top: -10.5rem;
    background-size: auto 10rem;

}

@media (max-width:1399px) {
    .redline {
        background-image: url(../img/redline.svg);
        background-repeat: no-repeat;
        background-position: 0 center;
        height: 10rem;
        pointer-events: none;
        position: relative;
        z-index: 1111;
        margin-top: -11rem;
        background-size: auto 10rem;

    }
}

@media (max-width:1199px) {
    .redline {
        background-image: url(../img/redline.svg);
        background-repeat: no-repeat;
        background-position: 0% center;
        height: 14rem;
        pointer-events: none;
        position: relative;
        z-index: 1111;
        margin-top: -12rem;
        background-size: auto 9.5rem;

    }
}

@media (max-width:768px) {
    .redline {
        background-image: url(../img/redline.svg);
        background-repeat: no-repeat;
        background-position: 0 center;
        height: 8rem;
        pointer-events: none;
        position: relative;
        z-index: 1111;
        margin-top: -8rem;
        background-size: auto 7rem;

    }
}

@media (max-width:560px) {
    .redline {
        background-image: url(../img/redline.svg);
        background-repeat: no-repeat;
        background-position: 10% center;
        height: 5rem;
        pointer-events: none;
        position: relative;
        z-index: 1111;
        margin-top: -5.5rem;
        background-size: auto 5rem;

    }
}

body:has(.navbar-collapse.show) .redline {
    display: none
}

@media (min-width:768px) {
    .opacity-md-100 {
        opacity: 1!important;
    }
}

.partner-img {
    max-width: 313px
}

@media (min-width:768px) {
    .partner-img {
        max-width: 175px
    }
}


.modal-header-grid {
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    grid-template-rows: repeat(9, 1fr);
}

.modal-header-close {
    width: 1rem;
    height: 1rem;
    grid-column: 15 / 15;
    grid-row: 2 / 2;
    opacity: 1;
    border-radius: 70rem;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
    background-size: .5rem;
    padding: .25rem!important
}

.modal-header-img {
    grid-column: 1 / 17;
    grid-row: 1 / 10;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: .25rem .25rem 0 0
}

@media (max-width:768px) {
    .about-grid-elem {
        display: grid!important;
        grid-template-columns:  56px 1fr auto;
        grid-template-rows: auto;
        gap: 0px 1rem;
        grid-auto-flow: row;
        grid-template-areas: "about-icon about-hl about-link";
        min-height: auto;
        width: 100%;
        align-items: center;
        margin-bottom: 1rem
    }

    .about-icon {
        margin-bottom: 0!important
    }

    .about-hl {
        grid-column: 2 / 4;
        grid-row: 1 / 2;
    }

    .about-link {
        opacity: 0
    }

    .about-link .btn {

    }
}

.modal {
    z-index: 1200
}

#redline {
    opacity: 1;
    transition: opacity 0.35s ease;
}

#redline.redline-hidden {
    opacity: 0;
    pointer-events: none;
}






@media (min-width: 768px) {
    .stretched-link::after {
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        content: "";
    }
}

@media (min-width:992px) {
    .elony-row {
        justify-content: space-between
    }

    .elony-row .col-lg-6 {
        width: calc(50% - .5rem)
    }
}
.introSwiper {
    padding-bottom: 2rem;
}

#intropag {
    top: auto;
    bottom: 0;
}

.swiper-pagination-progressbar {
    background: #D9D9D9;
}

#intropag > span {
    background: #1F2B85;
}

.intro-slide .h3b {
    min-height: 95px
}

@media (min-width:768px) {
    .intro-slide .h3b {
        min-height: 145px
    }
}

.elony-row img {
    max-width: 37px !important;

    height: auto !important;

}

@media (min-width:1400px) {

    .footer-nav li:last-of-type {
        padding-right: 0!important;
    }

    .footer-nav li:last-of-type a {
        padding-right: 0!important;
    }
}

@media (max-width:1199px) {
    #hirlevel > div > div > div > div {
        margin-left: 0;
        margin-right: 0;
    }

    .row:has(.col-12.p-3.p-lg-5.rounded-3),
    .row:has(.col-12.bg-secondary.p-3.p-lg-5.rounded-3),
    .row:has(.col-12.bg-info.p-3.p-lg-5.rounded-3),
    .row:has(.col-12.bg-white-2.p-3.p-lg-5.rounded-3),
    .row:has(.col-12.bg-primary.p-3.p-lg-5.rounded-3) {
        margin-left: 0;
        margin-right: 0;
    }
}

.about-grid-elem .btn {
    text-transform: uppercase
}

@media (max-width:1199px) {
    #akcio > div,
    #otpluszot > div {
        padding-left: 12px;
        padding-right: 12px
    }
}

label a {
    color: #FC5F21
}

#accordionFlushProducts .accordion-body {
    padding-bottom: 1rem!important;
}

#exportPDF {
    width: fit-content!important
}

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

@media(max-width: 991px) {
    .heroSwiper {
        border-radius: 0 0 1rem 1rem;
    }
    .hero-slide {
        height: calc(100dvh - 8rem);
        border-radius: 0 0 1rem 1rem;
    }

    h3, .h3 {
        font-size: 2rem
    }

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

    .elony-row .bg-opa {
        background-color: #1A2766!important
    }

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

    .footer-nav {
        flex-direction: column;
        justify-content: flex-start!important
    }

    .footer-nav .nav-link {
        padding-left: 0!important
    }


    #accordionFlushProducts .accordion-body {
        padding-top: 0!important;
        padding-left: 0!important;
        padding-bottom: 0!important;
        padding-right: 0!important;
    }

    #accordionFlushProducts .col-xl-8,
    #accordionFlushProducts .col-xl-4 {
        padding-top: 0!important;
        padding-left: 0!important;
        padding-bottom: 0!important;
        padding-right: 0!important;
    }

    #accordionFlushProducts .p-3.align-items-end {
        padding-left: 0!important;
        align-items: flex-start!important
    }

}

@media (max-width:600px) {
    ol, ul {
        font-size: 1rem
    }
}

@media(max-width: 560px) {
    .heroSwiper {
        border-radius: 0 0 .625rem .625rem;
    }
    .hero-slide {
        height: calc(100dvh - 8rem);
        border-radius: 0 0 .625rem .625rem;
    }

    .swiper-slide {
        border-radius: .625rem!important;
    }

    .container.pt-5 {
        padding-top: 1rem!important;
    }
    .container.py-5 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important;
    }

    .mb-5 {
        margin-bottom: 1rem!important;
    }

    #tajekoztato,
    #elonyok .container.py-5 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important;
    }


    .about-hl {
        font-size: 1rem;
    }

    .hero-slide .container {
        padding-left: 1rem;
        padding-right: 1rem
    }

}

.form-check-input:checked {
    background-color: #fff;
    border-color: #fff;
}
.form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FC5F21'/%3e%3c/svg%3e");
}

.tooltip {
    --bs-tooltip-color: black;
    --bs-tooltip-bg: #E3EEEE;
    --bs-tooltip-padding-x: 1rem;
    --bs-tooltip-padding-y: 1rem;
}

.tooltip.show {
    opacity: 1;
}

.btn[data-bs-toggle="tooltip"] {
    line-height: 1;
    vertical-align: top
}

.btn-next {
    background-image: url(../img/icon-next.svg);
    background-position-y: center;
    background-position-x: calc(100% - 1.25rem);
    background-repeat: no-repeat;
    background-size: 6px auto;
    padding-right: 3rem!important;
    text-box-trim: trim-both;
}

/*0515*/

footer img {
    height: 2rem
}

.modal:not(:has(.btn-primary)) .modal-body {
    padding-bottom: 1rem !important;
}