/*********************
START: CONTACT
*********************/
/* contact--up */
.contact--up{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contact--up h2{
    width: 20%;
    font-family: var(--font-family-Poppins);
}

.contact--up >div{
    width: 75%;
    font-weight: 500;
    font-family: var(--font-family-Outfit);
    /* padding-inline-end: 5rem; */
    line-height: var(--line-height150);
}

/* contact--down */
.contact--down{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-block-start: 4rem;
}

.contact--down ul{
    width: 45%;
}

.contact--down ul li:not(:last-child){
    margin-block-end: 5rem;
}

.contact--down ul li h3{
    margin-block-end: 1rem;
    color: var(--text-color);
    font-weight: 500;
}

.contact--down ul li p{
    color: var(--text-color-2);
    font-weight: 500;
}

.contact--down ul li p:not(:last-child){
    margin-block-end: 0.6rem;
}

.contact--down .contact--img{
    width: 50%;
}

.contact--down img{
    width: 100%;
    height: auto;
    border-radius: var(--border-radius10);
}

/* contact--form */
.contact--form{
    display: flex;
    justify-content: space-between;
    padding-block: 5rem;
    margin-block-start: 5rem;
    border-top: 1px solid rgba(126,139,150,0.5);
}


.contact--form h2{
    font-family: var(--font-family-Poppins);
}

.contact--form__inner p{
    font-weight: 500;
    margin-block-end: 3rem;
}

.contact--form__inner{
    width: 75%;
}

.rch-leads-form-block form{
	padding: 0;
	border-radius: 0;
	background-color: transparent;
}

.rch-leads-form-block form label {
	display: none;
}

.rch-leads-form-block form button[type=submit] {
    background-color: var(--primary-color);
    text-transform: capitalize;
    position: relative;
    display: inline-block;
    cursor: pointer;
    overflow: hidden;
    transition: all .5s;
    border-radius: var(--border-radius40);
    padding: 0.75rem 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    text-align: center;
    font-family: var(--font-family-Outfit);
}

button[type=submit]:before, 
button[type=submit]:after{
	content: unset;
}

button[type=submit],
button[type=submit]:hover{
	border: 2px solid var(--primary-color);
}

.rch-leads-form-block form .form-group{
	margin-block-end: 3rem;
}
/*********************
END: CONTACT
*********************/

/*********************
START: 
*********************/

/*********************
END: 
*********************/
@media screen and (min-width: 1440px) {
    .contact--up h2{
        font-size: var(--text-6xl);
    }

    .contact--up p, 
    .contact--down ul li h3,
    .contact--down ul li p, 
    .contact--form p{
        font-size: var(--text-2xl);
    }
    
}

@media screen and (min-width: 1320px) and (max-width: 1439px) {
    .contact--up h2{
        font-size: var(--text-5xl);
    }

    .contact--up p,
    .contact--down ul li h3,
    .contact--down ul li p, 
    .contact--form p{
        font-size: var(--text-xl);
    }
   
}

@media screen and (max-width: 1319px) {
    .contact--up h2{
        font-size: var(--text-5xl);
    }

    .contact--up p, 
    .contact--down ul li h3,
    .contact--down ul li p, 
    .contact--form p{
        font-size: var(--text-xl);
    }
}

@media screen and (max-width: 1200px) {}

@media screen and (max-width: 992px) {
    .contact--up h2{
        width: 30%;
        font-size: var(--text-4xl);
    }
  
    .contact--up p
    .contact--down ul li h3,
    .contact--down ul li p, 
    .contact--form p{
        font-size: var(--text-lg);
    }
}

@media screen and (max-width: 768px) {
    .contact--up{
        flex-direction: column;
        align-items: flex-start;
    }

    .contact--up h2, 
    .contact--up >div{
        width: 100%;
    }

    .contact--up h2{
        margin-block-end: 1rem;
    }
	
	.contact--down {
        flex-direction: column-reverse;
    }
	
	
    .contact--down .contact--img{
        width: 80%;
        margin-block-end: 2rem;
    }

    .contact--down ul{
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .contact--down ul li{
        width: 48%;
    }

    .contact--down ul li:not(:last-child) {
        margin-block-end: 2rem;
    }
}

@media screen and (max-width: 576px) {
	.contact--down ul{
		flex-direction: column;
	}
	
	.contact--down ul li{
		width: 100%;
	}
	
    .contact--form{
        flex-direction: column;
    }

    .contact--form__inner{
        width: 100%;
        margin-block-start: 2rem;
    }
}

@media screen and (max-width: 425px) {
    .contact--up p,
    .contact--down ul li p{
        font-size: var(--text-base);
    }

    .contact--down .contact--img{
        width: 100%;
    }
}

@media screen and (max-width: 375px) {
    .contact--down ul{
        flex-direction: column;
    }

    .contact--down ul li{
        width: 100%;
    }
}