.elementor-20 .elementor-element.elementor-element-8a85424{margin:0px 0100px calc(var(--kit-widget-spacing, 0px) + 0px) 0100px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-3f4685c *//*=========================================
HERBZEN CONTACT SECTION
=========================================*/

.hz-contact-section{

    max-width:1280px;
    width:100%;

    margin:0 auto;
    padding:0;

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;

    align-items:center;

}

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

.hz-contact-image{

    width:100%;

}

.hz-contact-image img{

    width:100%;
    display:block;
    border-radius:10px;

}

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

.hz-contact-content{

    width:100%;

}

.hz-contact-subtitle{

    display:inline-block;

    margin-bottom:15px;

    font-size:14px;
    font-weight:600;
    letter-spacing:3px;

    color:#355A60;

}

.hz-contact-content h2{

    margin:0 0 25px;

    font-size:56px;
    font-weight:600;
    line-height:1.1;

    color:#0B2645;

}

.hz-contact-content p{

    margin:0 0 22px;

    font-size:19px;
    line-height:1.9;

    color:#355A60;

}

.hz-contact-content p:last-child{

    margin-bottom:0;

}

/*=========================================
TABLET
=========================================*/

@media(max-width:1024px){

.hz-contact-section{

    grid-template-columns:1fr;
    gap:40px;

}

.hz-contact-content h2{

    font-size:42px;

}

.hz-contact-content p{

    font-size:18px;

}

}

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

@media(max-width:767px){

.hz-contact-section{

    gap:30px;

}

.hz-contact-content h2{

    font-size:32px;
    line-height:1.2;

}

.hz-contact-content p{

    font-size:16px;
    line-height:1.8;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a818bcc *//*=========================================
CONTACT CARDS
=========================================*/

.hz-contact-cards{

    max-width:1280px;
    width:100%;

    margin:0 auto;

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

    gap:25px;

}

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

.hz-card{

    background:#ffffff;

    border:1px solid #E8E8E8;

    border-radius:12px;

    padding:35px;

    box-sizing:border-box;

}

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

.hz-card h3{

    margin:0 0 20px;

    font-size:30px;
    font-weight:600;

    color:#0B2645;

}

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

.hz-card p{

    margin:0 0 18px;

    font-size:17px;

    line-height:1.8;

    color:#355A60;

}

/*=========================================
LINK
=========================================*/

.hz-card a{

    display:inline-block;

    margin-top:8px;

    color:#0B4643;

    font-size:16px;

    font-weight:600;

    text-decoration:none;

}

/*=========================================
TABLET
=========================================*/

@media(max-width:1024px){

.hz-contact-cards{

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

    gap:20px;

}

}

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

@media(max-width:767px){

.hz-contact-cards{

    grid-template-columns:1fr;

}

.hz-card{

    padding:28px;

}

.hz-card h3{

    font-size:26px;

}

.hz-card p{

    font-size:16px;

}

}/* End custom CSS */