*
{
    margin: 0;
    padding: 0;
    font-family: 'Inter';
}

/*-------------navbar------------------*/
.nav-bar
{
    max-width: 1220px !important;

}
.nav-item
{
    margin-right: 20px;
    font-size: 14px;
}
.nav-item
{
    margin-right: 20px;
    font-size: 14px;
}


.nav-active-item
{

    font-size: 15px;
    text-decoration: underline;
    text-decoration-thickness: 5px;
    text-decoration-color: #03A8F3;
    margin-right: 1rem !important;
}

.nav-item-non-logo:hover
{
    transform: scale(1.2);
    transition: transform 0.3s ease-in-out;
}

.nav-margin{
    margin-left: auto;
}

@media (max-width: 990px) {

    .nav-item
    {
        margin-right: 0;
        font-size: 30px;
    }

    .nav-active-item
    {

        font-size: 30px;
        text-decoration: underline;
        text-decoration-thickness: 5px;
        text-decoration-color: #03A8F3;
        margin-right: 0;
    }

    .nav-bar {
        height: 110px !important;
    }
    .logo{

        height: 80px !important;
    }
}

/*----------------Banner----------------*/


.banner
{
    width: 1220px;

}

.banner h1
{
    font-size: 60px;
    font-weight: 700;
    margin-top: 100px;
    letter-spacing: -2.5px;
    line-height: 72px;
}
.banner h5
{
    font-weight:400;
    font-size: 18px;
    line-height: 28px;
}

.banner-image
{
    text-align: end !important;

}
@media (max-width: 990px) {

    .banner h1
    {
        font-size: 80px;
        letter-spacing: -2.5px;
        margin-bottom: 2rem !important;


    }
    .banner h5
    {
        font-size: 48px;
        line-height: 60px;
    }

    .banner-image
    {
        text-align: center !important;
        width: 100% !important;

    }

}


/*---------------Partners---------------*/

.border-top-bottom
{
    border-top: 2px solid #E5E7EB;
    border-bottom: 2px solid #E5E7EB;
    width: 1220px;
}

@media (max-width: 990px) {

    .partners-size {
        width: 40% !important;
    }
}


/*----------------Buttons----------------*/

.custom-button
{
    background-color: #03A8F3 !important;
    border-radius: 15px !important;
    width: 212px;
    height: 58px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

}
.custom-button_white
{
    color: #03A8F3 !important;
    background-color: white !important;
    border-radius: 15px !important;
    width: 176px;
    height: 58px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

@media (max-width: 990px) {

    .custom-button
    {
        font-size: 48px !important;
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
        width: 500px;
        height: 95px;

    }
    .custom-button2-text
    {
        font-size: 48px !important;
    }
    .custom-button_white {
        margin-top: 7rem !important;
        margin-bottom: 4rem !important;
        font-size: 48px !important;
        width: 352px;
        height: 116px;
    }
}
/*----------------Munkafolyamatok----------------*/

.services
{
    max-width: 1220px !important;
}

.services h2
{
    font-size: 48px;
    letter-spacing: -2.5px;

}
.services h4
{
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
}

.services h5
{

    font-size: 18px;
    max-width: 600px;
    line-height: 28px;
}

.services-spacing {
    margin-bottom: 30px !important;
}
.services-image{
    width: 51px;
    height: 51px;
}

@media (max-width: 990px) {

    .services-image{
        width: 153px;
        height: 153px;
        margin-top: 48px !important;
    }

    .services-spacing {
        margin-bottom: 48px !important;
    }

    .services h2
    {
        font-size: 68px;
        line-height: 70px;
        padding-right: 10rem !important;
        padding-left: 10rem !important;
    }

    .services h4
    {
        font-size: 68px;
        line-height: 70px;
        padding-right: 10rem !important;
        padding-left: 10rem !important;
    }

    .services h5
    {
        font-size: 48px;
        line-height: 50px;
        max-width: 100%;
        padding-right: 10rem !important;
        padding-left: 10rem !important;
    }
}

/*----------------About us----------------*/



.about-us
{
    max-width: 1220px !important;
}

.about-us-brackets {

    background-color: #03A8F3;
    height: 273px !important;
    width: 372px !important;
    position: relative;
}

.about-us-brackets:hover {
    transform: scale(1.1);
    background-color: #3cbefa;
    transition: transform 0.2s ease-in-out;
}

.about-us h2
{
    font-size: 48px;
    letter-spacing: -2.5px;
}

.about-us h4
{
    font-weight:400;
    font-size: 18px;
    position: absolute;
    line-height: 28px;
}

.about-us h5
{
    font-weight:400;
    font-size: 18px;
    position: absolute;
    line-height: 28px;
}

.about-us-name
{
    bottom: 10px;
    right: 10px;
    padding-right: 20px;
}




@media (max-width: 990px) {
    .about-us-brackets {
        background-color: #03A8F3;
        width: 60% !important;
        height: 473px !important;
        position: relative;
    }

    .about-us h2
    {
        font-size: 68px;
        letter-spacing: -2.5px;
        padding-bottom: 3rem;
    }

    .about-us h4
    {
        font-size: 40px;
        position: absolute;
        line-height: 50px;
    }

    .about-us h5
    {
        font-size: 40px;
        position: absolute;
        line-height: 50px;
    }

    .about-us-name
    {
        bottom: 30px;
        right: 30px;
        padding-right: 20px;
    }

}


/*----------------Datas----------------*/
.datas
{
    max-width: 1220px !important;
}

.datas h1
{
    font-weight:700;
    font-size: 48px;
    letter-spacing: -2.5px;
}
.datas h3
{
    font-weight:700;
    font-size: 32px;
}

.datas h4
{
    font-size: 17px;
    line-height: 28px;
}

@media (max-width: 990px) {

    .datas h1
    {
        font-size: 68px;
        letter-spacing: -2.5px;

    }
    .datas-padding
    {
        padding-bottom: 7rem;

    }
    .datas h3
    {

        font-size: 48px;
    }

    .datas h4
    {
        font-size: 30px;
    }
}
/*---------------Connect---------------*/

.connect {
    background-color: #03A8F3;
    color: white;
    width: 1220px !important;
}

.connect h1 {
    font-size: 48px !important;
    letter-spacing: -2.5px !important;
}

.connect h4 {
    font-size: 18px;
}

.custom-label{
    max-width: 280px !important;
}

.custom-label-2 {
    width: 100% !important;
}
.custom-ms{
    margin-left: 60px;
}
.quotation-text{
    font-size: 18px;
    background: white !important;
    color: black !important;
    border-width: 1px;
    border-style: solid;
    border-color: aliceblue;
    border-radius: 5px !important;
    padding-bottom: 5px;
    padding-top: 5px;
}

@media (max-width: 990px) {

    #connect {
        background-color: #03A8F3;
    }

    .connect h1 {
        font-size: 68px !important;
        line-height: 70px;
        text-align: center;
        padding: 3rem;
    }

    .connect h4 {
        font-size: 48px !important;
        line-height: 50px;
        text-align: center;
    }

    .custom-ms{
        margin-left: 0;
    }

    .quotation-label{
        max-width: 100% !important;
        font-size: 48px !important;
    }

    .quotation-text{
        font-size: 40px;
        margin-left: 0;
        padding-bottom: 0;
        padding-top: 0;
    }

    .custom-label{
        max-width: 100% !important;
        font-size: 48px !important;
        margin-bottom: 5rem;
    }

    .custom-label-2 {
        margin-left: 0;
        font-size: 48px !important;
        width: 100% !important;
    }

}

/*---------------Footer---------------*/

.footer
{
    max-width: 1220px !important;
    line-height: 28px;
}

.footer h6
{
    line-height: 28px;
}

.footer-ms{

    padding-left: 60px !important;

}

@media (max-width: 990px) {

    .footer-ms{

        padding-left: 0 !important;
        text-align: center;
        padding-bottom: 2rem;
        padding-top: 3rem;
    }

    .footer h5
    {
        font-size: 48px;
        line-height: 80px !important;
    }
    .footer h6
    {
        font-size: 40px;
        line-height: 70px !important;
    }
    .footer-link
    {
        font-size: 40px;
        line-height: 70px !important;
    }

}

/*----------------Banner2----------------*/


.banner2
{
    max-width: 1220px;
}

.banner2 h2
{
    font-size: 48px;
    letter-spacing: -2.5px;
}

.banner2 h5
{
    max-width: 560px;
    line-height: 24px;
}

@media (max-width: 990px) {
    .banner2 h2 {
        font-size: 68px !important;
        line-height: 70px;
    }

    .banner2 h5 {
        font-size: 48px !important;
        line-height: 50px;
        max-width: 100% !important;
    }
}
/*---------------Functions---------------*/

.functions{
    max-width: 1220px !important;
}

.functions img,
.functions .text-container {
    max-width: 100%;
}

.functions h1 {
    font-size: 48px;
    padding-bottom: 20px;
    line-height: 50px;
}

.functions h4 {
    font-size: 18px;
    padding-bottom: 20px;
    line-height: 24px;
}

@media (max-width: 990px) {
    .functions h1 {
        font-size: 68px !important;
        padding-bottom: 20px;
        line-height: 70px;
        text-align: center !important;
    }

    .functions h4 {
        font-size: 48px !important;
        padding-bottom: 20px;
        line-height: 50px;
        text-align: center !important;
    }
}

/*---------------Team members---------------*/

.members{
    max-width: 900px !important;

}
.members-box{
    background-color: #03A8F3;
    width: 382px !important;
    height: 334px;
    margin-left: 25px;
    margin-right: 25px;
    margin-bottom: 100px;
}
.members-picture{
    height: 166px;
    width: 166px;
    border-radius: 50%;
    margin-top: -83px;
    text-align: center !important;
}

.members-italic{
    font-style: italic !important;
}

.members h6{
    line-height: 26px;
}

.members-padding{
    padding-left: 30px;
    padding-right: 30px;
}

.members-title{
    padding-bottom: 60px;
}

.members h1
{
    font-size: 48px;
}

@media (max-width: 990px) {
    .members h1 {
        font-size: 68px;
        line-height: 70px;
    }

    .members h2{
        font-size: 60px;
    }

    .members h6{
        padding-top: 20px;
        font-size: 42px;
        line-height: 60px;
    }

    .members-box{
        width: 764px !important;
        height: 850px;
        margin-bottom: 250px;
    }

    .members-title{
        padding-bottom: 160px;
    }

    .members-picture{
        height: 332px;
        width: 332px;
        margin-top: -163px;
    }

}