*{
    margin:0;
    padding:0;
    box-sizing: border-box;
    font-family: 'Rubik', sans-serif;
    --blue: #4052a2;
    --darkblue: #2d3a71;
    --green: #05b8a5;
    --orange: #ee5922;
    --yellow: #fdd001;
    --white: #fdfdfe;
    --black: #111112;
    --gray: #f4f4f5;
    --darkgray: #7c7c7d;
}
html{
    background: var(--blue);
}
body{
    overflow-x: hidden;
}
/*colors*/
/* Szín és háttérszín osztályok a különböző színekhez */
.c-blue {
    color: var(--blue);
}
.bg-blue {
    background-color: var(--blue);
}

.c-darkblue {
    color: var(--darkblue);
}
.bg-darkblue {
    background-color: var(--darkblue);
}

.c-green {
    color: var(--green);
}
.bg-green {
    background-color: var(--green);
}

.c-orange {
    color: var(--orange);
}
.bg-orange {
    background-color: var(--orange);
}

.c-yellow {
    color: var(--yellow);
}
.bg-yellow {
    background-color: var(--yellow);
}

.c-white {
    color: var(--white);
}
.bg-white {
    background-color: var(--white);
}

.c-black {
    color: var(--black);
}
.bg-black {
    background-color: var(--black);
}

.c-gray {
    color: var(--gray);
}
.bg-gray {
    background-color: var(--gray);
}
.c-darkgray {
    color: var(--darkgray);
}
.bg-darkgray {
    background-color: var(--darkgray);
}
/**header start**/
.header{
    background-image: url("../../img/logo_all.png");
    background-size: 240px;
    background-repeat: no-repeat;
    background-position: -50px -90px;
    padding-bottom: 4rem!important;
}
.header a{
    text-decoration: none;
    color: var(--white);
}
.header-row{
    border-bottom: 2px solid var(--white);
}
.header-separator{
    position: relative;
}
.header-separator::after{
    content: '';
    position: absolute;
    height: 24px;
    left: 0;
    top: 0;
    width: 2px;
    background: var(--green);
}
.container{
    max-width: 1200px;
}
.header-logo {
    display: none;
    margin-top:-20px;
}
.header-logo img{
    width: 134px;
}
@media only screen and (max-width: 1600px) {
    .header{
        background-image: none;
    }
    .header-logo{
        display: block;
    }
}
.mobile-header{
    display: none;
}
@media only screen and (max-width: 1200px) {
    .mobile-header{
        display: block;
    }
    .desktop-header{
        display: none;
    }
    .header{
        padding-bottom: 1rem!important;
    }
}
.navbar-toggler i{
    font-size: 30px;
}
/**header end**/

/**altalanos start**/
a{
    text-decoration: none;
}
.no-radius{
    border-radius: 0px;
}
.block{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3rem;
}
.block-inner{
    max-width: 1200px;
    width: 100%;
}
.block-title{
    text-align: center;
    width: 100%;
    font-weight: bold;
    font-size: 28px;
    margin-bottom: 20px;
    text-transform: uppercase;
    padding-block: 2rem;
}
.content-title{
    margin-top: -110px;
}
.block-content {
    position: relative;
    padding: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.iv{
    position: relative;
    width: fit-content;
}
.iv::before{
    content: '';
    position: absolute;
    left: -40px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 80px;
    background-image: url("../../img/iv.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.iv::after{
    content: '';
    position: absolute;
    right: -40px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    width: 40px;
    height: 80px;
    background-image: url("../../img/iv.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.back-btn{
    background: var(--green);
    color: var(--white);
    font-weight: bold;
    border-radius: 0px;
    margin-top: 20px;
}
.back-btn:hover{
    background: var(--yellow);
}
.btn{
    transition: all .3s linear;
}
.btn:hover{
    filter: brightness(1.2);
}
.top-clip{
    margin-top:-20px;
    clip-path: polygon(15% 0, 85% 0, 85% 20px, 100% 20px, 100% 100%, 0 100%, 0 20px, 15% 20px);
}
.bottom-clip{
    margin-bottom:-20px;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), 85% calc(100% - 20px), 85% 100%, 15% 100%, 15% calc(100% - 20px), 0 calc(100% - 20px));
}
.both-clip{
    margin-bottom:-20px;
    margin-top:-20px;
    clip-path: polygon(0 20px, 15% 20px, 15% 0%, 85% 0%, 85% 20px, 100% 20px, 100% calc(100% - 20px), 85% calc(100% - 20px), 85% 100%, 15% 100%, 15% calc(100% - 20px), 0 calc(100% - 20px));
}
.mh100{
    min-height: 100%;
}

/**altalanos end**/

/**footer start**/
.footer{
    width: 100%;
    background-image: url("../../img/MAP.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    flex-direction: column;
}
.lower-footer{
    width: 100%;
    padding: 1rem;
    background: rgba(29, 47, 119, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    flex-direction: column;
}
.lower-footer div a img{
    width: 100px;
}
.footer-social{
    margin-top: 20px;
    color:var(--white);
}
.footer-social a{
    margin:1em;
    color:var(--white);
}
/**footer end**/