body {
            margin: 0;
            font-family: Arial, Helvetica, sans-serif;
            background: #fff;
            color: #222;
        }

        /* =========================
           TOP BANNER
        ========================= */
        .contact-banner {
            height: 300px;
            position: relative;
            background:
                linear-gradient(90deg,
                    rgba(255,255,255,.45),
                    rgba(190,220,245,.25)),
                url("/public/assets/img/conatct1.jpg") center center / cover no-repeat;
            display: flex;
            align-items: flex-end;
            justify-content: center;
        }

        .banner-title {
            background: #354d82;
            color: #fff;
            font-size: 38px;
            font-weight: 700;
            padding: 2px 75px;
            margin-bottom: 8px;
            line-height: 1.15;
        }

.message {
    text-align: center;
    margin-top: 15px;
    font-weight: 600;
  } 
        /* =========================
           INTRO
        ========================= */
        .intro {
            text-align: center;
            padding: 14px 15px 45px;
        }

        .intro h2 {
            font-size: 25px;
            font-weight: 700;
            margin-bottom: 15px;
        }

        .intro p {
            color:#666666;
            font-size: 15px;
            margin: 0;
        }

        /* =========================
           CONTACT INFO CARDS
        ========================= */
        .info-card {
            border: 1px solid #e5e5e5;
            border-radius: 5px;
            min-height: 145px;
            padding: 20px;
            background: #fff;
            height: 100%;
        }

        .info-icon {
            color: #17295e;
            font-size: 42px;
            line-height: 1;
            margin-bottom: 22px;
        }

        .info-card h4 {
            font-family: Georgia, serif;
            font-size: 20px;
            font-weight: 700;
            margin-bottom: 12px;
        }

        .info-card p {
            color:#666666;
            font-size: 14px;
            margin: 0;
        }

        /* =========================
           CONTACT FORM SECTION
        ========================= */
        .contact-section {
            padding-top: 0;
        }

        .person-wrapper {
            position: relative;
            height: 550px;
            display: flex;
            align-items: flex-end;
            justify-content: center;
            overflow: hidden;
        }

        .person-image {
            max-width: 100%;
            height: auto;
            max-height: 550px;
            object-fit: contain;
        }

        .contact-form {
            padding: 5px 20px 0;
        }

        .form-group {
            margin-bottom: 17px;
        }

        .form-label {
            font-size: 12px;
            font-weight: 600;
            color: #444;
            margin-bottom: 5px;
        }

        .form-control {
            height: 35px;
            border: 1px solid #ddd;
            border-radius: 3px;
            font-size: 13px;
            box-shadow: none !important;
        }

        textarea.form-control {
            height: 187px;
            resize: vertical;
        }

        .submit-btn {
            width: 170px;
            height: 35px;
            border: none;
            border-radius: 18px;
            background: #06185b;
            color: #fff;
            font-size: 15px;
            font-weight: 700;
            letter-spacing: .5px;
            transition: .3s;
			margin-bottom:20px;
        }

        .submit-btn:hover {
            background: #182e85;
            transform: translateY(-1px);
        }

        /* =========================
           MAP
        ========================= */
        .map-container {
            width: 100%;
            height: 350px;
            margin-top: 0;
        }

        .map-container iframe {
            width: 100%;
            height: 100%;
            border: 0;
        }

        /* =========================
           RESPONSIVE
        ========================= */

        @media (max-width: 991px) {

            .contact-banner {
                height: 160px;
            }

            .banner-title {
                font-size: 32px;
                padding: 3px 55px;
            }

            .intro {
                padding-bottom: 30px;
            }

            .person-wrapper {
                height: 450px;
            }

            .contact-form {
                padding: 30px 15px;
            }
        }

        @media (max-width: 767px) {

            .contact-banner {
                height: 130px;
            }

            .banner-title {
                font-size: 25px;
                padding: 3px 35px;
                margin-bottom: 5px;
            }

            .intro h2 {
                font-size: 22px;
            }

            .intro p {
                font-size: 12px;
            }

            .info-card {
                min-height: auto;
                padding: 18px;
            }

            .person-wrapper {
                height: auto;
                padding: 10px 30px 0;
            }

            .person-image {
                max-height: 420px;
            }

            .contact-form {
                padding: 25px 20px 30px;
            }

            textarea.form-control {
                height: 150px;
            }

            .submit-btn {
                width: 160px;
            }

            .map-container {
                height: 300px;
            }
        }

        @media (max-width: 480px) {

            .contact-banner {
                height: 110px;
            }

            .banner-title {
                font-size: 21px;
                padding: 4px 25px;
            }

            .intro {
                padding: 12px 15px 25px;
            }

            .intro h2 {
                font-size: 20px;
            }

            .info-icon {
                font-size: 35px;
            }

            .person-wrapper {
                padding-left: 15px;
                padding-right: 15px;
            }

            .contact-form {
                padding-left: 15px;
                padding-right: 15px;
            }

            .map-container {
                height: 250px;
            }
        }