.elementor-29 .elementor-element.elementor-element-4c79780{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-120px;--margin-bottom:-120px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-4c79780.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-e70437c{width:100%;max-width:100%;}.elementor-29 .elementor-element.elementor-element-623c3c5{--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-29 .elementor-element.elementor-element-623c3c5:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-623c3c5 > .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-e70437c *//* ==================================================
   ABOUT SECTION
================================================== */

.to-about-section{

    background:#f2f0eb;

    padding:120px 48px;
}

.to-about-wrapper{

    max-width:1280px;

    margin:0 auto;
}

/* ==================================================
   HEADER
================================================== */

.to-about-header{

    margin-bottom:40px;
}

.to-about-header h2{

    margin:0;

    font-size:45px;

    line-height:1.05;

    letter-spacing:-0.045em;

    font-weight:500;

    color:#232323;
}

/* ==================================================
   CARD
================================================== */

.to-about-card{

    display:grid;

    grid-template-columns:1.3fr 0.9fr;

    gap:60px;

    border:1px solid #DDD8D1;

    background:#f7f6f3;

    padding:40px;
}

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

.to-about-content{

    padding-right:20px;
}

.to-about-content p{

    margin:0 0 34px;

    font-size:18px;

    line-height:2;

    color:#666666;
}

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

    margin-bottom:0;
}

.to-about-content strong{

    color:#232323;

    font-weight:600;
}

/* ==================================================
   RIGHT SIDE
================================================== */

.to-about-side{

    border-left:1px solid #E1DDD6;

    padding-left:40px;

    display:flex;

    flex-direction:column;

    justify-content:center;
}

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

.to-about-image{

    text-align:center;
}

.to-about-image img{

    width:100%;

    max-width:420px;

    display:block;

    margin:0 auto;
}

/* ==================================================
   PERSON
================================================== */

.to-about-person{

    margin-top:28px;

    padding-top:24px;

    border-top:1px solid #E1DDD6;

    text-align:center;
}

.to-about-name{

    font-size:20px;

    font-weight:500;

    color:#232323;

    margin-bottom:12px;

    text-align:center;
}

.to-about-role{

    font-size:13px;

    letter-spacing:.18em;

    text-transform:uppercase;

    color:#78828B;

    line-height:1.8;

    text-align:center;
}

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

@media(max-width:980px){

    .to-about-section{

        padding:80px 24px;
    }

    .to-about-card{

        grid-template-columns:1fr;

        gap:40px;

        padding:32px;
    }

    .to-about-side{

        border-left:none;

        border-top:1px solid #E1DDD6;

        padding-left:0;

        padding-top:32px;
    }

    .to-about-header h2{

        font-size:42px;
    }

    .to-about-content p{

        font-size:17px;

        line-height:1.9;
    }

    .to-about-image img{

        max-width:320px;
    }
}/* 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 */