.contact {
    padding-bottom: 40px;

    .section_header {
        padding-bottom: 20px;

        h4 {
            font-size: 26px;
            font-weight: 500;
            color: $black;
            border-bottom: 2px solid $primaryColor;
            display: inline-block;
            padding: 10px 0;
        }
    }

    .contact_wrapper {
        padding: 40px 20px;
        background-color: #fff;
        border-radius: 10px;

        .contact_left {
            h5 {
                font-size: 28px;
                font-weight: 500;
                color: $primaryColor;
                line-height: 38px;
            }

            ul {
                padding-top: 10px;

                li {
                    margin-bottom: 15px;

                    i {
                        height: 50px;
                        width: 50px;
                        text-align: center;
                        line-height: 50px;
                        font-size: 22px;
                        color: $black;
                        border: 1px solid $primaryColor;
                        border-radius: 50%;
                    }

                    span {
                        font-size: 18px;
                        color: $black;
                        font-weight: 500;
                        line-height: 28px;
                        padding-left: 10px;
                    }
                }
            }

            .contact_icon {
                padding-top: 20px;

                ul {
                    text-align: center;

                    li {
                        display: inline-block;
                        margin: 0 10px;

                        a {
                            i {
                                height: 40px;
                                width: 40px;
                                text-align: center;
                                line-height: 39px;
                                font-size: 24px;
                                color: white;
                                border-radius: 50%;
                                background-color: #3b5998;
                                border: 1px solid transparent;
                            }

                            .tr {
                                background-color: #1DA1F2;
                            }

                            .ins {
                                background-color: #F56040;
                            }
                        }
                    }
                }
            }
        }

        .contact_right {
            h5 {
                font-size: 28px;
                font-weight: 500;
                color: $primaryColor;
                line-height: 38px;
            }
            .news_form{
                padding-top: 20px;
                form{
                    .form_control {
                        display: block;
                        margin-bottom: 10px;
                        width: 100%;
                        height: 45px;
                        padding: 10px;
                        color: $black;
                        background-color: #ffffff;
                        background-clip: padding-box;
                        border-radius: 2px;
                        border: 1px solid #dededf;
                        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
                        -webkit-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
                        -moz-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
                        -ms-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
                        -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    
                        &:focus {
                            outline: 0;
                        }
    
                        &::placeholder {
                            font-size: 15px;
                            color: #aeacac;
                            font-weight: 400;
                        }
    
                        &:optional {
                            color: #636262;
                        }
                    }
                    textarea{
                        height: 100px !important;
                    }
                    .news_btn{
                        margin-top: 20px;
                        a{
                            padding: 12px 25px;
                            background-color: $primaryColor;
                            color: $white;
                            font-weight: 400;
                            font-size: 15px;
                            border-radius: 5px;
                        }
                    }
                }
            }
        }
    }
}