.elementor-20 .elementor-element.elementor-element-67efb80{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-ab71636 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-6aabee8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-0d82d41{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-5571467{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-d218db9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-15c6e08{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-ea2f45d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-1697359{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-20 .elementor-element.elementor-element-1697359:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-1697359 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-vamtam_accent_3 );}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-ab71636 *//* ==================================================
   HERO
================================================== */

.to-hero{

    background:#f6f6f4;

    padding:120px 48px 110px;
}

.to-hero-grid{

    max-width:1480px;

    margin:0 auto;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:110px;
}

/* ==================================================
   LEFT
================================================== */

.to-hero-content{

    width:48%;

    max-width:650px;
}

.to-hero-content H2{

    margin:0 0 34px;

    font-size:45px;

    line-height:1.1;

    letter-spacing:-0.045em;

    font-weight:500;

    color:#232323;
}

.to-hero-content p{

    margin:0 0 45px;

    max-width:580px;

    font-size:20px;

    line-height:1.65;

    color:#666666;
}

/* ==================================================
   BUTTON
================================================== */

.to-hero-buttons{

    display:flex;

    align-items:center;

    gap:16px;
}

.to-btn-secondary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    height:56px;

    padding:0 30px;

    border:1px solid #232323;

    color:#232323;

    background:transparent;

    text-decoration:none;

    font-size:16px;

    font-weight:500;

    transition:.25s ease;
}

.to-btn-secondary:hover{

    background:#232323;

    color:#ffffff;
}

/* ==================================================
   IMAGE
================================================== */

/* IMAGE */

.to-hero-image{

    width:52%;

    padding-top:90px;
}

.to-hero-image img{

    width:100%;

    display:block;

    aspect-ratio:4/5;

    object-fit:cover;
}

/* ==================================================
   MOBILE
================================================== */

@media(max-width:980px){

    .to-hero{

        padding:80px 24px 70px;
    }

    .to-hero-grid{

        flex-direction:column;

        gap:48px;
    }

    .to-hero-content{

        width:100%;

        max-width:100%;
    }

    .to-hero-image{

        width:100%;
    }

    .to-hero-content h2{

        font-size:54px;

        line-height:0.95;
    }

    .to-hero-content p{

        font-size:18px;

        max-width:100%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-47c9da4 */.to-features-strip{
    width:100%;
    padding:48px 40px;

    display:flex;
    justify-content:center;
    align-items:center;
    gap:80px;

    flex-wrap:wrap;

    border-top:1px solid #d8d5d0;
    background:#f6f6f4;
}

.to-feature-item{
    display:flex;
    align-items:center;
    gap:18px;

    color:#232323;
}

.to-feature-item svg{
    width:42px;
    height:42px;
    flex-shrink:0;
}

.to-feature-item span{
    font-size:15px;
    letter-spacing:0.12em;
    line-height:1.3;
    font-weight:500;
}

@media(max-width:980px){

    .to-features-strip{
        justify-content:flex-start;
        gap:32px;
        padding:40px 24px;
    }

    .to-feature-item{
        width:100%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5c6c056 *//* ==================================================
   VALUE SECTION
================================================== */

.to-value-section{

    background:#EAE8E3;

    padding:120px 48px 110px;
}

.to-value-wrapper{

    max-width:1280px;

    margin:0 auto;
}

/* ==================================================
   INTRO
================================================== */

.to-value-intro{

    max-width:1050px;

    margin-bottom:80px;
}

.to-value-intro h2{

    margin:0 0 40px;

    font-size:45px;

    line-height:1.04;

    letter-spacing:-0.045em;

    font-weight:500;

    color:#232323;
}

.to-value-intro p{

    margin:0 0 25px;

    font-size:20px;

    line-height:1.75;

    color:#666666;

    max-width:1100px;
}

/* ==================================================
   COLUMNS
================================================== */

.to-value-columns{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:0;

    margin-bottom:90px;
}

.to-value-item{

    padding-right:42px;
}

.to-value-item:not(:first-child){

    border-left:2px solid #2b2b2b;

    padding-left:42px;
}

/* ==================================================
   IMAGES
================================================== */

.to-value-image{

    margin-bottom:24px;
}

.to-value-image img{

    width:100%;

    height:180px;

    display:block;

    object-fit:cover;
}

/* ==================================================
   COLUMN TITLES
================================================== */

.to-value-item h3{

    margin:0 0 25px;

    min-height:78px;

    font-size:22px;

    line-height:1.18;

    font-weight:500;

    color:#232323;
}

.to-value-item p{

    margin:0;

    font-size:18px;

    line-height:1.9;

    color:#666666;
}

/* ==================================================
   FOOTER TEXT
================================================== */

.to-value-footer{

    max-width:1150px;
}

.to-value-footer p{

    margin:0 0 22px;

    font-size:18px;

    line-height:1.85;

    color:#666666;
}

/* ==================================================
   MOBILE
================================================== */

@media(max-width:980px){

    .to-value-section{

        padding:80px 24px;
    }

    .to-value-intro{

        margin-bottom:50px;
    }

    .to-value-intro h2{

        font-size:42px;
    }

    .to-value-intro p{

        font-size:18px;
    }

    .to-value-columns{

        grid-template-columns:1fr;

        gap:40px;

        margin-bottom:50px;
    }

    .to-value-item{

        padding-right:0;
    }

    .to-value-item:not(:first-child){

        border-left:none;

        padding-left:0;
    }

    .to-value-image img{

        height:220px;
    }

    .to-value-item h3{

        min-height:auto;

        font-size:22px;
    }

    .to-value-item p{

        font-size:17px;
    }

}

/* FORCE FIX */

.to-value-columns .to-value-item:first-child{

    border-left:none !important;

    padding-left:0 !important;
}

.to-value-columns .to-value-item:first-child::before{

    display:none !important;

    content:none !important;
}

.to-value-columns .to-value-item:not(:first-child){

    border-left:2px solid #2b2b2b !important;

    padding-left:42px !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b57cae2 *//* ==================================================
   ABOUT SECTION
================================================== */

.to-about-section{

    background:#D6D0C6;

    padding:120px 48px;
}

.to-about-wrapper{

    max-width:1280px;

    margin:0 auto;

    display:grid;

    grid-template-columns:1fr 1.05fr;

    gap:90px;

    align-items:center;
}

/* ==================================================
   CONTENT
================================================== */

.to-about-content h2{

    margin:0 0 42px;

    font-size:45px;

    line-height:1.05;

    letter-spacing:-0.04em;

    font-weight:500;

    color:#232323;
}

.to-about-content p{

    margin:0 0 26px;

    font-size:20px;

    line-height:1.75;

    color:#3f3f3f;
}

.to-about-content p:last-child{

    margin-bottom:0;
}

/* ==================================================
   IMAGE
================================================== */

.to-about-image{

    width:100%;
}

.to-about-image img{

    width:100%;

    display:block;

    object-fit:cover;
}

/* ==================================================
   MOBILE
================================================== */

@media(max-width:980px){

    .to-about-section{

        padding:80px 24px;
    }

    .to-about-wrapper{

        grid-template-columns:1fr;

        gap:50px;
    }

    .to-about-content h2{

        font-size:42px;
    }

    .to-about-content p{

        font-size:18px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7d956e8 *//* =========================
   TECHNICAL OFFICE METHOD
========================= */

.to-method-section{
    background:#72808c;
    padding:120px 48px;
    overflow:hidden;
}

.to-method-container{
    max-width:1480px;
    margin:0 auto;
}

/* HEADING */

.to-method-heading p{

    font-family:'Inter',sans-serif;

    font-size:20px;

    line-height:1.65;

    font-weight:400;

    color:rgba(255,255,255,0.92) !important;

    -webkit-text-fill-color:rgba(255,255,255,0.92) !important;

    max-width:1100px;

}

.to-method-heading{
    margin-bottom:90px;
}

.to-method-heading h2{

    font-family:'Inter',sans-serif;

    font-size:45px;

    line-height:1.02;

    letter-spacing:-0.045em;

    font-weight:500;

    color:#f5f5f2 !important;

    -webkit-text-fill-color:#f5f5f2 !important;

    max-width:760px;

    margin-bottom:36px;
}

.to-method-heading p{
    font-family:'Inter',sans-serif;
    font-size:20px;
    line-height:1.65;
    font-weight:400;
    color:rgba(255,255,255,0.92);
    max-width:1100px;
}

/* GRID */

.to-method-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:0;
    margin-bottom:90px;
}

/* ITEM */

.to-method-item{
    border-left:1px solid rgba(255,255,255,0.35);
    padding:10px 34px 34px;
    min-height:115px;

    display:flex;
    flex-direction:column;
    gap:18px;

    color:#f5f5f2;
}

.to-method-item:nth-child(5n+1){
    border-left:none;
    padding-left:0;
}

.to-method-item svg{
    width:36px;
    height:36px;
    stroke:#f5f5f2;
    flex-shrink:0;
}

.to-method-item span{
    font-family:'Inter',sans-serif;
    font-size:17px;
    line-height:1.35;
    font-weight:400;
    color:#f5f5f2;
}

/* BOTTOM TEXT */

.to-method-bottom p{
    font-family:'Inter',sans-serif;
    font-size:20px;
    line-height:1.7;
    font-weight:400;
    color:#f5f5f2;
    max-width:1250px;
}

/* MOBILE */

@media(max-width:1100px){

    .to-method-grid{
        grid-template-columns:repeat(2,1fr);
        gap:28px;
    }

    .to-method-item{
        border-left:none;
        padding:0;
    }

    .to-method-heading h2{
        font-size:44px;
    }

    .to-method-heading p,
    .to-method-bottom p{
        font-size:18px;
    }
}

@media(max-width:768px){

    .to-method-section{
        padding:90px 24px;
    }

    .to-method-grid{
        grid-template-columns:1fr;
    }

    .to-method-heading{
        margin-bottom:64px;
    }

    .to-method-heading h2{
        font-size:40px;
        line-height:1.04;
        margin-bottom:28px;
    }

    .to-method-heading p,
    .to-method-bottom p{
        font-size:17px;
        line-height:1.65;
    }

    .to-method-bottom{
        margin-top:24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83205b8 *//* ==================================================
   SERVICES SECTION
================================================== */

.to-services-section{

    background:#ffffff;

    padding:120px 48px;
}

.to-services-wrapper{

    max-width:1280px;

    margin:0 auto;
}

/* ==================================================
   HEADING
================================================== */

.to-services-section h2{

    margin:0 0 70px;

    font-size:45px;

    line-height:1.05;

    letter-spacing:-0.045em;

    font-weight:500;

    color:#232323;
}

/* ==================================================
   GRID
================================================== */

.to-services-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:18px;

    margin-bottom:70px;
}

/* ==================================================
   CARDS
================================================== */

.to-service-card{

    background:#ffffff;

    border:1px solid #e4e0d9;

    transition:0.25s ease;
}

/* első kártya */

.to-service-card:first-child{

    background:#f5f3ef;
}

.to-service-image{

    padding:26px 26px 0;
}

.to-service-image img{

    width:100%;

    height:290px;

    object-fit:cover;

    display:block;
}

/* ==================================================
   360° KÉP POZÍCIÓ
================================================== */

.to-service-card:nth-child(3) .to-service-image img{

    object-position:center 20%;
}

.to-service-content{

    padding:24px 26px 28px;
}

/* ==================================================
   LABEL
================================================== */

.to-service-label{

    margin-bottom:14px;

    font-size:12px;

    letter-spacing:0.22em;

    text-transform:uppercase;

    font-weight:600;

    color:#6c6c6c;
}

/* ==================================================
   TITLE
================================================== */

.to-service-content h3{

    margin:0 0 18px;

    font-size:22px;

    line-height:1.2;

    font-weight:500;

    color:#232323;
}

/* ==================================================
   TEXT
================================================== */

.to-service-content p{

    margin:0;

    font-size:18px;

    line-height:1.75;

    color:#555555;
}

/* ==================================================
   PRICE
================================================== */

.to-service-price{

    margin-top:24px;

    padding-top:22px;

    border-top:1px solid #e4e0d9;

    font-size:18px;

    font-weight:500;

    color:#232323;
}

/* ==================================================
   CTA
================================================== */

.to-services-cta{

    text-align:center;
}

.to-services-button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    height:58px;

    padding:0 34px;

    border:1px solid #232323;

    background:transparent;

    color:#232323;

    text-decoration:none;

    font-size:16px;

    font-weight:500;

    transition:0.25s ease;
}

.to-services-button:hover{

    background:#232323;

    color:#f6f6f4 !important;

    border-color:#232323;
}

.to-services-button:hover,
.to-services-button:hover span,
.to-services-button:hover strong{

    color:#f6f6f4 !important;
}

/* ==================================================
   MOBILE
================================================== */

@media(max-width:980px){

    .to-services-section{

        padding:80px 24px;
    }

    .to-services-section h2{

        font-size:42px;

        margin-bottom:50px;
    }

    .to-services-grid{

        grid-template-columns:1fr;

        gap:18px;
    }

    .to-service-image img{

        height:220px;
    }

    .to-service-content h3{

        font-size:20px;
    }

    .to-service-content p{

        font-size:17px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a123e01 *//* ==================================================
   AUDIENCE SECTION
================================================== */

.to-audience-section{

    background:#f2f0eb;

    padding:130px 48px 140px;
}

.to-audience-wrapper{

    max-width:1280px;

    margin:0 auto;
}

/* ==================================================
   HEADING
================================================== */

.to-audience-section h2{

    margin:0 0 40px;

    font-size:45px;

    line-height:1.05;

    letter-spacing:-0.045em;

    font-weight:500;

    color:#232323;
}

/* ==================================================
   GRID
================================================== */

.to-audience-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:120px;

    margin-bottom:40px;
}

.to-audience-column:last-child{

    border-left:1px solid #d8d4ce;

    padding-left:48px;
}

/* ==================================================
   COLUMN TITLE
================================================== */

.to-audience-column h4{

    margin:0 0 34px;

    font-size:20px;

    font-weight:500;

    color:#232323;
}

/* ==================================================
   LIST
================================================== */

.to-audience-column ul{

    list-style:none;

    margin:0;

    padding:0;
}

.to-audience-column li{

    padding:26px 0;

    border-top:1px solid #d8d4ce;

    font-size:20px;

    line-height:1.65;

    color:#3f3f3f;
}

.to-audience-column li:last-child{

    border-bottom:1px solid #d8d4ce;
}

/* ==================================================
   FOOTER TEXT
================================================== */

.to-audience-footer{

    max-width:px;
}

.to-audience-footer p{

    margin:0;

    font-size:20px;

    line-height:1.85;

    color:#6a6a6a;
}

/* ==================================================
   MOBILE
================================================== */

@media(max-width:980px){

    .to-audience-section{

        padding:80px 24px;
    }

    .to-audience-section h2{

        font-size:42px;

        margin-bottom:50px;
    }

    .to-audience-grid{

        grid-template-columns:1fr;

        gap:50px;
    }

    .to-audience-column:last-child{

        border-left:none;

        padding-left:0;
    }

    .to-audience-footer p{

        font-size:18px;
    }

}/* End custom CSS */
/* Start custom CSS *//* ==================================================
   TECHNICAL OFFICE TYPOGRAPHY
================================================== */

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
div,
a,
li,
strong,
em,
blockquote,
label,
input,
textarea,
select,
button{

    font-family:'Inter',sans-serif !important;
}

/* ==================================================
   FORCE H2
================================================== */

h2{

    font-size:45px !important;
    line-height:1.02 !important;
    letter-spacing:-0.05em !important;
    font-weight:500 !important;
}

/* ==================================================
   HERO H1
================================================== */

.to-hero-content h1{

    margin:0 0 34px !important;

    font-family:'Inter',sans-serif !important;

    font-size:45px !important;

    line-height:1.1 !important;

    letter-spacing:-0.045em !important;

    font-weight:500 !important;

    color:#232323 !important;
}/* End custom CSS */