.elementor-49 .elementor-element.elementor-element-63f7fa5{--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;--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-49 .elementor-element.elementor-element-1cd0006{width:100%;max-width:100%;}.elementor-49 .elementor-element.elementor-element-f5c38b5{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-49 .elementor-element.elementor-element-f5c38b5:not(.elementor-motion-effects-element-type-background), .elementor-49 .elementor-element.elementor-element-f5c38b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-vamtam_accent_5 );}.elementor-49 .elementor-element.elementor-element-e882ac2{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#7E7E7E38;--border-color:#7E7E7E38;}.elementor-49 .elementor-element.elementor-element-5bb591c{width:100%;max-width:100%;}.elementor-49 .elementor-element.elementor-element-5bb591c > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-49 .elementor-element.elementor-element-cc07076{--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;}.elementor-49 .elementor-element.elementor-element-3495b00{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-49 .elementor-element.elementor-element-f5c38b5{--content-width:1065px;}}/* Start custom CSS for html, class: .elementor-element-1cd0006 *//* ==================================================
   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 *//* ==================================================
   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 */