.contact_landing {
    background: url("../../images/29.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.contact_landing .layer {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000000c9;
    top: 0;
}

.contact_landing .border_desc {
    border-right: 3px solid var(--sec_site);
}

.contact_landing .img_1 {
    width: 100px;
    height: 90px;
    position: absolute;
    left: 10px;
    top: 35px;
    object-fit: contain;
}

.contact_landing .img_2 {
    width: 90px;
    height: 70px;
    object-fit: contain;
    transform: scale(-1);
}

.contact_landing .heading {
    color: var(--sec_site);
}

/*contact_info*/
.contact_info {
    margin-top: -90px !important;
}

.contact {
    background-color: var(--main_site);
    color: white;
    border-radius: 25px;
    transition: 0.5s;
    height: 224px;
}

.par {
    color: #fff;
}

.phone {
    background-color: white;
    /* color: var(--main_site) !important; */
    border-radius: 25px;
    transition: 0.5s;
}

.phone .par {
    color: var(--sec_site) !important;
}

.contact:hover {
    background-color: #fff;
}

.contact:hover .par {
    color: black;
}

.z-1 {
    z-index: 1;
}

/* contact_form */
svg {
    height: 23rem;
    /* margin-right: 4rem; */
}

#envelope {
    animation: float 2s ease-in-out infinite;
}

#star1,
#star2,
#star3,
#star4,
#star5,
#star6 {
    animation: blink 1s ease-in-out infinite;
}

#star2 {
    animation-delay: 100ms;
}

#star3 {
    animation-delay: 500ms;
}

#star4 {
    animation-delay: 700ms;
}

#star5 {
    animation-delay: 300ms;
}

#star6 {
    animation-delay: 200ms;
}

@keyframes float {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-20px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes blink {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

.draw {
    display: flex;
    align-items: center;
    justify-content: center;
    direction: ltr;
}

.title {
    color: #212529;
    font-size: 2.5rem;
    position: relative;
    top: 30px;
}

.form {

    border-radius: 10px;
}

.form-control {
    /* height: 3.3rem; */
    border: 2px solid hsl(240deg 1% 83% / 46%);
    padding: 0.5rem 3.5rem !important;
}

.contact_form .form input {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    background-color: #f2f6f8;
    border: none;
}

.message {
    margin-top: -19px;
}

.email {
    position: relative;
    top: 40px;
    left: -28px;
    font-size: 18px;
    color: #57565c;
}

.contact_form .form .btn {
    font-weight: bold;
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0 3rem;
    border: 0;
    border-radius: 3rem;
    background-image: linear-gradient(131deg,
            var(--sec_site),
            var(--main_site) 50%,
            var(--main_site) 50%);
    background-size: 300% 100%;
    transition: all 0.3s ease-in-out;
    width: 53%;
}

.contact_form .form .btn:hover:enabled {
    box-shadow: 0 0.5em 0.5em -0.4em white;
    background-size: 100% 100%;
    transform: translateY(-0.15em);
}

.icon {
    color: #57565c;
    height: 1.3rem;
    position: relative;
    left: 1.5rem;
    top: 38px;
    font-size: 123px;
}

.contact_form .img_1 {
    background-color: var(--main_site);
    transform: translate(0, 30px);
}

.contact_form .img_1 img {
    height: 560px;
    object-fit: cover;
    transform: scaleX(1.03);
    border-radius: 10px;
}

.contact_form .img_2 {
    background-color: var(--sec_site);
}

.contact_form .img_2 img {
    height: 560px;
    object-fit: cover;
    border-radius: 10px;

    transform: scaleX(1.03);
}

.contact_form {
    background-color: var(--main_site);
}

.content {
    border-radius: 3px;
}

.heading {
    color: var(--sec_site);
}

.desc {
    color: #fff;
}

.contact-box {
    padding-top: 100px;
}

@media (max-width: 567px) {
    .contact-box {
        padding-top: 114px;
    }
}