/* @import url('http://example.com/example_style.css'); */

/***********************************************/

/* CSS @imports must be at the top of the file */

/* Add them above this section                 */

/***********************************************/

/*****************************************/

/* Start your style declarations here    */

/*****************************************/


.content-wrapper { padding: 0 20px !important; }
section.hero { background-position: top !important; display: flex; flex-flow: wrap; align-items: center; height: 100%; padding: 100px 0; }
section.hero .content-wrapper { width: 100%; }
.hero_box_cover { background: #fff; border-radius: 30px; padding: 50px; max-width: 800px; }
.hero_heading h1 { line-height: 55px; margin: 0 0; }
.hero_content { padding: 25px 0; font-size: 18px; line-height: 22px; }
.hero_bottom_content { padding-top: 40px; }
a.button:hover { font-weight: 700; text-decoration: none !important; }

/*  */
section.service_box { padding: 150px 0 100px; background: #1c1c1c; }
section.service_box .title h2 { margin: 0; color: #fff; }
section.service_box .title { padding: 0px 0 35px 0; }
.service_row { display: flex; flex-flow: wrap; margin: 0 -15px; padding-top: 40px; }
.service_clomn { width: calc(100% / 2 - 30px); margin: 0 15px; margin-bottom: 30px; color: #fff; }
.service_heading h3 { margin: 0 0; padding-bottom: 16px; line-height: 40px; color: #fff; }

/*  */
section.zig_zack { padding: 100px 0 80px; }
.zig_zack_heading h2 { margin: 0; padding-bottom: 30px; }
.zig_zack_row { padding-top: 60px; display: flex; flex-flow: wrap; align-items: flex-start; }
.zig_zack_left { width: 545px; }
.zig_zack_right { width: calc(100% - 545px); padding: 90px 0px 0px 50px; }
.zig_zack_left img { width: 100%; display: block; object-fit: cover; }
.zig_zack_title h3 { color: #0066ff; margin-bottom: 12px; }
.zig_zack_row.row__reverse { flex-direction: row-reverse; }
.row__reverse .zig_zack_right { padding: 90px 50px 0 0px; }

/*  */
section.contact { padding: 100px 0; }
.contact_row { display: flex; flex-flow: wrap; }
.contact_left { width: 50%; padding-right: 20px; }
.contact_right { width: 50%; padding-left: 20px; }
.contact_content { font-size: 21px; line-height: 30px; }
.contact_author_cover { padding-top: 40px; text-align: center; max-width: 400px; margin: 0 auto; margin-left: 0; }
.contact_title { max-width: 400px; margin: 0 auto; margin-left: 0; }
.contact_author_cover span.author_name { color: #0066ff; font-size: 18px; line-height: 22px; font-weight: 700; }
.author_postion { padding-top: 15px; color: #0066ff; line-height: 22px; }
.contact_author_image { padding-bottom: 20px; }
.contact_author_image img { width: 300px; height: 300px !important; object-fit: cover; border-radius: 100%; display: block; margin: 0 auto; }
.contact__form_cover { border: 1px solid #0066ff; padding: 30px; border-radius: 30px; }
.contact__form_cover { background: transparent; }
.contact__form_cover form { background: transparent; }
.contact__form_cover .contact__form h3 { display: none; }
.contact__form form label { font-weight: 700; }
.contact__form fieldset.form-columns-3 { width: 100%; }
.form-columns-3 .hs-form-field { width: 50% !important; }
.contact__form form input[type=email], .contact__form form input[type=file], .contact__form form input[type=number], .contact__form form input[type=password], .contact__form form input[type=search], .contact__form form input[type=tel], .contact__form form input[type=text], .contact__form form select, .contact__form form textarea { width: 100% !important; height: 50px !important; background: rgba(0, 0, 0, .03) !important; padding: 5px 10px; border: 1px solid rgba(0, 0, 0, .06) !important; -webkit-appearance: none; box-shadow: 0 0 0 1px rgba(255, 255, 255, .06) !important; outline: none !important; }
.contact__form .hs_lastname.hs-lastname.hs-fieldtype-text.field.hs-form-field { width: 100% !important; }

/*  */
.footer_row { display: flex; flex-flow: wrap; padding-bottom: 40px; }
.footer_left { width: 70%; }
.footer_right { width: 30%; }
.footer_social ul li a { align-items: center; background: #fff; display: flex; height: 40px; justify-content: center; width: 40px; border-radius: 100px; }
.footer_social ul { padding: 0; margin: 0; list-style: none; }
.footer_inner_row { display: flex; flex-flow: wrap; }
.footer_inner_left { width: 40%; }
.footer_inner_right { width: 60%; display: flex; flex-flow: wrap; }
.footer_social ul li { display: inline-block; padding-right: 5px; }
footer.footer { padding: 40px 0 0; background: #000000; }
.footer_social ul li a svg { fill: #fff; display: block; height: 20px; width: 20px; }
.footer_menu_clomn { width: calc(100% /2 - 30px); margin: 0 15px; }
.footer_menu_title { font-size: 20px; line-height: 25px; padding-bottom: 10px; color: #fff; font-weight: 700; }
.footer_menu ul li { padding-bottom: 9px; }
.footer_menu ul { flex-direction: column; }
.footer_menu ul li a { color: #fff; text-decoration: none; }
.footer_logo img { max-width: 100%; width: 180px; margin: 0 auto; display: block; margin-right: 0; height: 83px !important; object-fit: contain; }
.copyright_footer { margin-top: 40px; padding-top: 40px; padding-bottom: 30px; background-color: rgba(0, 0, 0, .05); }
.copyright_content { text-align: center; color: #fff; }
.copyright_content p { margin: 0 0; color: #fff !important; }
.footer_social ul li a .custom__icon img { display: block; height: 40px !important; line-height: 0; width: 40px; }
.footer_social ul {align-items: center;display: inline-flex;}
/*  */
header.header { padding: 18px 0; background: #000000; }
.header__logo img { display: block; }
@media(min-width:1200px) {
    section.hero { min-height: 1000px; }
}
@media(max-width:1199px) {
    .footer_row { flex-direction: row-reverse; }
    .footer_inner_row { flex-direction: row-reverse; }
    .footer_logo img { margin-left: 0; margin-right: auto; }
}
@media(max-width:1050px) {
    .footer_left { width: 100%; }
    .footer_right { width: 100%; }
    .footer_row { flex-direction: column-reverse; gap: 30px; }
}
@media(max-width:991px) {
    h1 { font-size: 44px !important; line-height: 50px; }
    h2 { font-size: 35px !important; line-height: 40px; }

    /*      */
    section.service_box { padding: 80px 0 80px; }

    /*      */
    section.zig_zack { padding: 80px 0; }
    .zig_zack_row { padding: 40px 0 0; }
    .zig_zack_left { width: 100%; }
    .zig_zack_right { padding: 35px 0 0 0; width: 100%; }
    .row__reverse .zig_zack_right { padding: 35px 0 0 0; }

    /*    */
    .footer_inner_left { width: 100%; }
    .footer_inner_right { width: 100%; }
    .footer_inner_row { gap: 20px; flex-direction: column-reverse; }
/*    */
     section.contact { padding: 70px 0; }
}
@media(max-width:767px) {
    h1 { font-size: 38px !important; line-height: 45px; }
    h2 { font-size: 32px !important; line-height: 38px; }
    h3 { font-size: 30px !important; line-height: 35px; }
    .hero_box_cover { padding: 26px; }
    section.hero { padding: 80px 0; }

    /*      */
    section.service_box .title { padding: 0px 0 20px 0; }
    .service_row { margin: 0 0px; padding-top: 20px; }
    .service_clomn { width: calc(100% / 1 - 00px); margin: 0 0px; margin-bottom: 40px; color: #fff; }
    .service_clomn:last-child { margin-bottom: 0; }
    section.service_box { padding: 40px 0 40px; }

    /*      */
    section.zig_zack { padding: 40px 0; }
    .zig_zack_row { padding: 20px 0 0; }
    .zig_zack_left { width: 100%; }
    .zig_zack_right { padding: 20px 0 0 0; width: 100%; }
    .row__reverse .zig_zack_right { padding: 20px 0 0 0; }

    /*      */
    .contact_left { width: 100%; padding-right: 0; padding-bottom: 50px; }
    .contact_author_cover, .contact_title { max-width: 100%; }
    .contact_right { width: 100%; padding-left: 0; }
    section.contact { padding: 40px 0; }

    /*    */
    .copyright_footer { padding: 30px 0; margin: 20px 0; }
    .footer_row { padding: 20px 0; }
    footer.footer { padding-bottom: 40px; }
    @media(max-width:480px) {
        .form-columns-3 .hs-form-field { width: 100% !important; }
        .contact__form_cover { padding: 20px; }
        .footer_menu_clomn { width: 100%; margin: 0 0; margin-bottom: 35px; }
        .footer_menu_clomn:last-child { margin-bottom: 0; }
    }