iframe {
            height: 325px;
            display: block;
            width: 100%;
        }

        .contact_info_area {
            background: url(../../images/contact/contact_bg.svg);
            background-size: cover;
            padding: calc(6rem + 93px) 0rem 6rem;
            margin-top: -93px;
        }

        .contact_content_sec {

            h2,
            h3 {
                font-size: 64px;
                line-height: 68px;
                font-family: "CalSans-SemiBold";
            }

            h3 {
                font-size: 30px;
            }

            p {
                font-size: 24px;
            }
        }

        .contact-form {
            background: var(--black-level-17);
            border-radius: 20px;
            padding: 2rem;

            .btn_rounded_fill {
                background-color: var(--primary) !important;
                color: var(--light) !important;
                border-radius: 25px !important;
                height: 45px;
                border-color: var(--primary) !important;
            }

            .form-group input[type="text"],
            .form-group input[type="password"],
            .form-group input[type="email"],
            .form-group input[type="number"],
            .form-group select {
                color: var(--light) !important;
                height: 50px !important;
                background-color: var(--black-level-18);
                width: 100%;
                border: 1px solid var(--light-opac-3);
                padding: 12px;
                border-radius: 10px !important;
                font-size: 1rem;
                z-index: 2;
                position: relative;
            }

            .form-group select {
                padding-right: 35px;
            }
        }

        .contact .footer_top {
            padding-top: 25px !important;
        }

        .form-group {
            margin-bottom: 20px;

            label {
                color: var(--light);
                margin-bottom: 10px;
            }
        }

        .form-group textarea {
            height: 100px !important;
            color: var(--light) !important;
            background-color: var(--black-level-18);
            display: block;
            width: 100%;
            border-radius: 10px;
            padding: 12px;
            z-index: 2;
            position: relative;
        }

        .contact_info_item {
            border: 1px dashed #cfd3de;
            padding: 20px 25px 10px 25px;
            border-radius: 0;
        }

        .contact .location-details {
            position: initial;
            top: initial;

        }

        .location-sec {
            margin: 30px 0 30px 0;
        }

        .loader,
        .loader:after {
            border-radius: 50%;
            width: 7em;
            height: 7em;
        }

        .loader {
            margin: 20% auto;
            font-size: 10px;
            position: fixed;
            text-indent: -9999em;
            border-top: 1.1em solid rgba(255, 255, 255, 0.2);
            border-right: 1.1em solid rgba(255, 255, 255, 0.2);
            border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
            border-left: 1.1em solid #ffffff;
            -webkit-transform: translateZ(0);
            -ms-transform: translateZ(0);
            transform: translateZ(0);
            -webkit-animation: load8 1.1s infinite linear;
            animation: load8 1.1s infinite linear;
            top: 13%;
            left: 45%;
            transform: translate(-13%, -45%);
        }

        @-webkit-keyframes load8 {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }

            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }

        @keyframes load8 {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }

            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }

        #loadingDiv {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vw;
            background-color: #000000de;
            z-index: 99999999;
        }

        .contact_input_sec {

            .contact_input:focus,
            .contact_input:focus-visible {
                outline: none;
            }
        }

        .contact_input_sec:has(:focus),
        .contact_input_sec:has(:focus-visible) {
            position: relative;

            &::after {
                content: "";
                position: absolute;
                top: -1px;
                left: -1px;
                right: -1px;
                bottom: -1px;
                background: var(--secondary-gradient);
                z-index: 1;
                border-radius: 10px
            }
        }

        .select_container {
            position: relative;
            width: 100%;

            &::before {
                content: '';
                position: absolute;
                top: 19px;
                right: 15px;
                display: inline-block;
                border-style: solid;
                border-color: var(--light);
                border-width: 0 1px 1px 0;
                -webkit-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
                width: 7px;
                height: 7px;
                z-index: 3;
            }

            select {
                appearance: none;
            }
        }

        @media only screen and (max-width:767px) {
            .contact_content_sec {
                margin-bottom: 2rem;

                h2,
                h3 {
                    font-size: 28px;
                    line-height: 35px;
                }

                p {
                    font-size: 14px;
                }
            }
            .contact_info_area {
                margin-top: -135px;
            }
        }
    @media only screen and (min-width:992px) and (max-width:1199px) {
            .contact_content_sec {
                margin-bottom: 2rem;

                h2,
                h3 {
                    font-size: 35px;
                    line-height:45px;
                }

            }
        }