.contact-pro {

                padding: 100px 0;
                background: #f7f9fc;

            }

            /* wrapper */

            .contact-wrapper {

                background: var(--white);
                border-radius: 12px;
                overflow: hidden;
                box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06);

            }

            /* LEFT SIDE */

            .contact-info-box {

                background: #fff8e1;
                padding: 50px;
                height: 100%;

            }

            .contact-info-box h3 {

                font-weight: 700;
                margin-bottom: 15px;

            }

            .contact-info-box p {

                color: var(--grey);
                margin-bottom: 30px;

            }

            /* info items */

            .info-item {

                display: flex;
                align-items: center;
                margin-bottom: 20px;

            }

            .info-item i {

                width: 45px;
                height: 45px;
                background: var(--primary);
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-right: 15px;

            }

            .info-item h6 {

                margin: 0;
                font-weight: 600;

            }

            .info-item span a {

                font-size: 14px;
                color: var(--grey);

            }

            /* FORM */

            .contact-form-box {

                padding: 50px;

            }

            .contact-form-box h3 {

                font-weight: 700;
                margin-bottom: 25px;

            }

            .contact-form-box input,
            .contact-form-box select,
            .contact-form-box textarea {

                margin-bottom: 15px;
                border-radius: 8px;

            }

            /* mobile */

            @media(max-width:768px) {

                .contact-info-box {

                    padding: 30px;

                }

                .contact-form-box {

                    padding: 30px;

                }

            }