/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */

body{background:#fff;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.4;margin:0;padding:0;text-align:left}main{display:block}img{border:0}a{color:#1979c3;text-decoration:underline}a:hover{text-decoration:none}h1{font-size:30px;font-weight:700;margin:0 0 20px}h2{font-size:20px;font-weight:700;margin:0 0 10px}input[type=text],textarea{box-sizing:border-box;background:#fff;border:1px solid #c2c2c2;border-radius:1px;width:100%;font-size:14px;font-family:Arial,Helvetica,sans-serif;line-height:1.42857143;background-clip:padding-box;vertical-align:baseline}input[type=text]{height:32px;padding:0 9px}textarea{height:auto;padding:10px;resize:vertical}input[type=text]:focus,textarea:focus{box-shadow:0 0 3px 1px #68a8e0}button{background:#1979c3;border:none;border-radius:3px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;line-height:16px;padding:7px 15px;text-align:center}button:hover{background:#006bb4}p{margin:0 0 10px}ol,ul{list-style:none}.page-main{padding:20px 30px}.trace{background:#f1f1f1;min-height:250px;overflow:auto;width:100%}.message{border:1px solid;background-position:10px 11px;background-repeat:no-repeat;margin:20px 0;padding:10px 20px 10px 35px}.error{border-color:#b30000;background-color:#fae5e5;background-image:url(../images/i_msg-error.gif);color:#b30000}.success{border-color:#006400;background-color:#e5efe5;background-image:url(../images/i_msg-success.gif);color:#006400}.info{border-color:#6f4400;background-color:#fdf0d5;background-image:url(../images/i_msg-note.gif);color:#6f4400}.fieldset{border:0;margin:0 0 20px;padding:0}.fieldset .legend{box-sizing:border-box;float:left;font-size:20px;line-height:1.2;margin:0 0 25px;padding:0}.fieldset .legend+br{display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.fieldset:last-child{margin-bottom:0}.fieldset:after{content:attr(data-hasrequired);color:#e02b27;display:block;font-size:12px;letter-spacing:normal;margin:10px 0 0;word-spacing:normal}.field{margin:0 0 20px}.label{font-weight:700}.label:after{content:"*";font-size:12px;color:#e02b27;margin:0 0 0 5px}

body {
    font-family: 'raleway', sans-serif;
    overflow: hidden;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

/*header*/
header {
    display: flex;
    border-bottom: solid 1px #f6f4f1;
    line-height: 40px;
    justify-content: center;
    align-items: center;
    height: 80px;
}

.main_header {
    display: flex;
    flex-direction: row;
}

.main_header h3 {
    margin: 0;
}

.header_img_box {
    line-height: 30px;
    width: 188px;
    height: 40px;

}

.main_img_box {
    padding: 0;
    width: 288px;
    height: 311px;
    margin-left: auto;
    margin-right: 20px;
}

/*main*/
main {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    margin-top: -40px;
    flex-direction: row-reverse;
    background: #f6f4f1;
    border-radius: 40px 0 40px 0;
    height: 310px;
}

.main_header {
    padding: 40px 0 0 40px;
    font-size: 30px;
    line-height: 46px;
    font-weight: 700;
    padding-bottom: 1rem;
}
.main_content {
    display: inline-block;
    font-weight: 300;
    font-size: 16px;
    line-height: 35px;
    text-align: left;
    padding: 0 0 0 40px;
}

.main_content p {
    font-weight: 400;
}


.call_btn {
    margin: 30px 0 0 0;
    background: #353d6b;
    border-radius: 6px;
    height: 52px;
    line-height: 60px;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    padding: 0 32px;
    text-align: center;
    letter-spacing: 1px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    transition: all .2s;
}

.call_btn:hover {
    opacity: .8;
    transition: all .2s;
}

.call_btn i {
    padding-right: 1px;
}

/*Footer*/

footer {
    position: fixed;
    bottom: 0px;
    width: 100%;
    display: flex;
}

.socials {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    background: #1F2F57;
    color: white;
    display: inline-block;
    align-items: center;
    padding: 0 20px;
    width: 100%;
}

.contact {
    display: flex;
    justify-content: space-evenly;
}

.contact .email {
    margin-right: 20px;
}

p {
    margin: 0;
}

.address {
    margin-top: auto;
    margin-bottom: auto;
}

.email {
    line-height: 68px;
}

a {
    text-decoration: none;
    color: white;
    font-size: 16px;
}

@media only screen and (max-width: 600px) {

    body {
        align-items: flex-start;
    }

    .contact {
        flex-direction: column;
        justify-content: center;
    }

    .email {
        line-height: 20px;
        margin-left: auto;
        margin-right: auto !important;
    }

    .content {
        width: 100%;
        max-width: 100%;
    }

    .address {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .main_img_box {
        display: none;
    }

    main {
        height: auto;
        max-width: calc(100% - 32px);
        margin-left: 16px;
        padding: 0 !important;
        margin-top: 32px;
    }

    .main_header,
    .main_content {
        padding:16px;
    }

    .main_header {
        padding-bottom: 0;
        padding-top: 32px;
    }

    .main_content {
        padding-bottom: 32px;
    }
}