/* .header-bg{
    background-image: url("../IMG/Layer\ 3.png");
    background-repeat: no-repeat;
    margin-top: -100px;
     /* background-size: 40% 100%;   */
    /* height: 800px;
    background-position: right top;
    z-index: 999;
} */

.header-img{

margin-left: auto;
z-index: -99;
width: 100%;
height: 100%;
max-width: 850px;

/* max-height: 1000px;  */
}

.header-img-container{
    text-align: right;
    margin-top: -105px;
    z-index: -99;


}

.header{
    height: 100%;
    min-height: 850px;


}

.header-split-bg{
    background-image: url("../IMG/Layer\ 4.png");
    height: 80px;
    width: 100%;
    z-index: -150;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: -25%;
    /* margin-top: -57%; */


}
.container-fluid {
    padding:0;
}
.girl-bg{
    background-image: url(../IMG/girl-free.jpg);
    background-size: cover;
    height: 500px;
    margin: 0;
    opacity: 0.4;
    overflow: hidden;
    background-position: top;
    background-repeat: no-repeat;

}
.email-bg, .tel-bg, .tax-bg{
    background-image: url(../IMG/mail\ png.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    height: auto;
    margin-top: 0px;
    width: 50px;
    margin-left: 3px;

}

.tel-bg{
    background-image: url(../IMG/p\ png.png);
  margin-top: -25px;

}

.tax-bg{
    background-image: url(../IMG/tax.png);
    margin-top: -25px;
}

.email-list{
    line-height: 25px;
    list-style: none;
    vertical-align: text-top;
}



.background-primary{
    background-color: #0060AD;
}



.width-150px{
    width: 150px;
}

.btn-custom{
    background-color: #0060AD;
    color: white;
}

.btn-custom:hover{
    color: lightgray;
}

.header-text{
    margin-top: 7%;
    max-width: 500px;
}

.text-white{color: white;}
.text-white b{ color: white;}

.link-custom{
    color: #0060AD !important;
    font-weight: 700;
    text-decoration: none;
}
.link-custom:hover{
    text-decoration: none;

}

.list-custom{
/* list-style-image: url(../IMG/dash.png); */
list-style: none;
}

.list-custom li{
    margin: 10px 0px;
}

.line-height-kapcsolat{
line-height: 1px !important;
}
.navbar-link {
    font-weight: 600;
    color: white !important;
}

.navbar-link:hover{
    background-color: #0075CE;
    border-radius: 5px;
    color: white !important;
    cursor: pointer !important;
}

.navbar-left-padding{
    padding-left: 4.5%;
}

.navbar-button{
    display: inline-block;
}

.logo-bar{
    background-color: white;
    height: auto;
}

.logo-list li{
    display: inline-block;
    /* filter: grayscale(100%); */
    margin: 5px;
    /* opacity: 0.3; */
    /* filter: alpha(-70%); */
}

.bg-gray{
    background: #F8F8FA;
}

.w-85{
    width: 85%;
}

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

.card-fixed{

     /* height: 500px; */
   height: 100%;
    min-height: 100%;
    min-height: 350px;
    min-width: 200px;
    max-width: 450px;
    max-height: 500px;
    box-shadow: -20px 20px 45px #C0C0C0;
    /* #C0C0C0 */

}

.card-custom{
    background-image: url("../IMG/bulb.png");
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;


}

.separator-margin{
    margin-top: 100px;
}

.list-footer{
    list-style: none;
}

.list-footer li{
    margin-top: 10px;
}

.szolgaltatasok-top-margin{
    margin-top: -25%;
}

.card-container{
max-width: 2000px;
}


#scrollButton {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #0075CE; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 100px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
    opacity: 0.5;
    filter: alpha(-50%);
  }

  .top-gray-spliiter{
      height: 50px;

  }

  #scrollButton:hover {
    opacity: 1;
    filter: alpha(100%);
    /* background-color: #555; Add a dark-grey background on hover */
  }

  .show-from-md{
    display: inline-block;
  }

  .page-left-gap{
      width: 50px;
      background-color: gray;
  }

  .mw-small-card{
      max-width: 1000px;
  }


.active{
    background-color: #0075CE;
    border-radius: 5px;
}
/* Masik oldal */
.page-container{
  min-height: 100vh;
height: 100%;
margin-top: -100px;
}

.text-container{
    /* margin-top: 23%; */
    margin-top: 50px;
    font-size: 20px;
}

.page-bg{
width: 100%;
height: 100%;
background-image: url("../IMG/oldal2.svg");
background-size: cover;
background-repeat: no-repeat;
}

.column-blue-th{
    width: 2vw;
    background-image: linear-gradient( #299AD5,#0F3BA6);
}

.column-blue-tk{
    width: 8vw;
    background-image: linear-gradient( #299AD5,#0F3BA6);
}

.column-gray{
    width: 6vw;
    background-color: #E7F0F0;
}

.container-line-gray{
background-color: gray;
width: 50px;
}

.navbar-gradient{
    background-image: linear-gradient(to right, #299AD5 , #0F3BA6,#299AD5);


}
.rounded-corner{
    border-radius: 0px 0 0 70px;
}

.nav-link-sub{
    color:  white !important;
    font-weight: 500;
    text-align: center;
}

.nav-link-sub:hover{
    color:  white !important;
    font-weight: 500;
    text-align: center;
    /* background-image: linear-gradient(to right, #0F3BA6 , #299AD5); */
    background-color: #0075CE;
    border-radius: 5px;
}

.logo-sub{
    max-height: 100px;
    max-width: 250px;
}


.color-primary{
    color:  #0060AD !important;

}

.mw-1000{
max-width: 1000px;
}

@media only screen and (max-width: 991px){

    .navbar-gradient{
        background-image: linear-gradient(to right, #299AD5 , #0F3BA6);
    }

    .header{
        height: 75%;
        min-height: 0;
    }

    .szolgaltatasok-top-margin{
    margin: 0;
    }



    .show-from-md{
        display: none;
      }

    .navbar-link{
        color: gray !important;
        text-align: center;
    }
    .navbar-button{
        display: none;
    }

    .header-bg{
        background: white;

    }

    /* .card-fixed{
        max-width: 100%;
        min-height: 0%;
    } */



    .header-text{
       max-width: 75%;
    }

}

.margin-top-2-xs{
    margin-top: 0px;
}

@media only screen and (max-width: 767px){

    .margin-top-2-xs{
        margin-top: 20px;
    }

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



}

@media (min-width: 768px){
    .mw-small-card{
        max-width: 350px;
    }
}

@media only screen and (min-width: 2500px){
    .header-split-bg{
        background-image: url("../IMG/Layer\ 4.png");
        height: 80px;
        width: 100%;
        z-index: -150;
        background-size: cover;
        background-repeat: no-repeat;
        margin-top: -16%;
        /* margin-top: -57%; */


    }
}
@media only screen and (max-width: 657px){
    /* .girl-bg{
        background-image: url("../IMG/girl-free-mobile.jpg");
    } */
}

/* @media only screen and (max-width: 850px){
    .girl-bg{
        background-image: url("../IMG/girl-free-mobile.jpg");
    }
} */

@media only screen and (max-width: 320px){




   *{
       font-size: 14px;
   }

   h2{
       font-size: 24px;
   }
}
@media only screen and (max-width: 372px){
    .email-bg, .tel-bg, .tax-bg{
        display: block;
        height: 75px;
        text-align: center;
        width: 100%;
    }

    .email-list{
        width: 100% !important;
    }
}


/* Cooming soon styles */
body {
    display: flex;
    padding: 30px;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #04177b;
    background: linear-gradient(0deg, rgba(13,27,68,1) 0%, rgba(14,37,227,1) 100%);
    flex-direction: column;
    height: 100vh;
    text-align: center;

}

.cs-title {
    font-weight: 700;
    font-size: 3rem;
    margin-bottom: 1rem;
}

.cs-subtitle {
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin-bottom: 1rem;
}