/* CSS Document */


.MuiContainer-root,
.MuiContainer-root form{width: 640px !important; max-width:100% !important;padding:0px;}  

.MuiBox-root.mui-style-6jfkbb{width:auto;}
.MuiContainer-root.mui-style-1xfwbfj{padding:0px !important;}

.contact{font-family: "Lexend", sans-serif;}
.contact .main-row{ padding-inline:2.5rem; padding-block: 3rem;}
.contact .main-row .columns{padding-inline:0px;}
.contact .main-row h2{/*font-size: clamp(2.25rem, 4vw, 72px);*/ line-height: 1.1; font-size: clamp(1.5rem, 3.5vw, 48px); font-weight: 400; color: #a67763; margin-bottom:1rem;}

.contact .main-row .columns:nth-child(2){display: flex; justify-content: space-between;}

.contact .form-sec .container-fluid{/*padding-block:100px;*/}
.contact .form-sec .main-row{/*height: 100vh;*/align-content: center;}
.contact .form-sec .main-row form{ /*width:80%; margin-left:auto;*/padding-top:20px;}
.contact .form-sec .main-row form label{ color: #a67763; font-weight: 500; font-size: clamp(1.125rem, 2.5vw, 30px);}
.contact .form-sec .main-row form input{ padding-block:1rem;}
.contact .form-sec .main-row form button{ width: 600px !important;max-width: 100% !important;height:auto !important;min-height:auto !important;background-color: #a67763c9 !important; color:#fff !important;padding:10px !important;}

.contact .address-list{ padding: 2rem; border-radius: 15px; display: flex; gap:3rem; margin-bottom:2.5rem; position: relative; width: 47%; /*	background-color: #a67763c9;*/ background: linear-gradient(45deg, #f3e7e1 22.12%, #a67763 77.88%); transition: all .3s ease;}
.contact .address-list:hover{background: linear-gradient(45deg, #f3e7e1 22.12%, #b16646 77.88%);}
.contact .address-thumbs{ border-radius: 15px; max-width: 400px; overflow: hidden;}
.contact .address-thumbs img{ width:100%; height: 100%; object-fit: cover; transform: scale(1); transition: all .3s ease-in-out;}
/*.contact .address-thumbs:hover img{transform: scale(1.1);}*/
.contact .address-list:hover img{transform: scale(1.2);}

.contact .address-content{color: #fff; }
.contact .address-content h3{ font-size: clamp(1.25rem, 3vw, 36px);}
.contact .address-content p{font-size: clamp(0.875rem, 1.5vw, 18px);}
.contact .address-content a{ display: block; text-decoration: none; color:#fff; max-width: fit-content;}


a.direction-link {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid #fff;
    display: inline-flex;
    gap: 12px;
    padding: 10px 14px;
    border-radius: 6px;
    font-size: clamp(0.875rem, 1.5vw, 18px);
    margin-top:1.2rem;
}

/*.contact .address-content a.direction-link img{margin-left:2rem;}*/
.contact .address-content a.direction-link i{margin-left:1rem;}

.border-lines{width:100%;height:100%;pointer-events: none;position:absolute;top: 0;left: 0;}
.border-lines span{width: 25px;height: 25px;position: absolute;display:inline-block;border-style: solid;border-color:var(--color-pink);border-width:0px;}
.border-lines .TL{border-top-width: 2px;border-left-width: 2px;top: -5px;left: -5px;}
.border-lines .TR{border-top-width:2px;border-right-width:2px;top: -5px;right: -5px;}
.border-lines .BR{border-bottom-width:2px;border-right-width:2px;bottom: -5px;right: -5px;}
.border-lines .BL{border-bottom-width:2px;border-left-width :2px;bottom: -5px;left: -5px;}


@media(max-width:1440px){
	.contact .address-list{/* width: 49%;*/ gap:1.5rem;}
	.contact .address-thumbs {max-width: 350px;}
	.contact .address-content p br{display: none;}
	.contact .form-sec .main-row .columns:nth-child(1) img{max-width: 100%;}
	.contact .address-sec .container-fluid{padding-block:20px;}
	.contact .form-sec .main-row form button {width: 608px !important; }
	
}

@media(max-width:1366px){ 
/*	*{border:1px solid red;}*/
	.MuiBox-root.mui-style-6jfkbb{width:100%;}
}

@media(max-width:1280px){
	.contact .address-list{ width: 48%; }
}

@media(max-width:1200px){
	.contact .form-sec p br{display: none;}
	.contact .form-sec .main-row form button {width: 461px !important; }
	.contact .address-list {padding: 1.5rem;}
}

@media(max-width:1024px){
	.contact .address-list { display: flex; flex-direction: column; justify-content: center;  align-items: center; width: 45%;
	background: linear-gradient(162deg, #f3e7e1 22.12%, #a67763 77.88%);}
	.contact .address-list:hover{ background: linear-gradient(162deg, #f3e7e1 22.12%, #b16646 77.88%);}
	.contact .address-thumbs {max-width: 100%;}
	.contact .address-content p {font-size: 1rem;}
	a.direction-link{font-size: 1rem;}
}


@media(max-width:991px){
		.mui-style-mvwult{padding-inline:0px;}
	.MuiBox-root.mui-style-tkevr6 {align-items: flex-start;}
	.MuiBox-root.mui-style-3cvh7x{min-height: 600px;}
/*	.contact .form-sec .main-row form button {  width: 640px !important;}*/
	   .contact .form-sec .main-row form button {width: 100% !important; max-width: 100% !important;}
	.mui-style-19imra3 {width:100%;}
	.contact .mui-style-2wtxbi{margin-top: 0px;}
	.MuiBox-root.mui-style-4eiif { padding-inline: 0px;}
	.MuiBox-root.mui-style-mvwult { padding: 0px !important;}
	.formaloo__form-container.formaloo_tIq5HMPL__form-container.inheritFont.MuiBox-root.mui-style-16pwkyz { padding-inline: 0px;}
	.MuiBox-root.mui-style-1fvt523 { padding-bottom: 20px;}
	span.MuiBox-root.mui-style-0 { width: 100%;}
}

@media(max-width:899px){
	    .contact .form-sec .main-row form button { width: 795px !important; }
	button.MuiButtonBase-root.MuiIconButton-root.MuiIconButton-sizeMedium.mui-style-1dfnt05 { margin-bottom: 3.5rem;}
}

@media(max-width:768px){
	.contact .main-row {padding-block:1rem;}
    .contact .form-sec .main-row form button {width: 100% !important; max-width: 100% !important;}
	.mui-style-19imra3 {width:100%;}
}

@media(max-width:576px){
	.contact .main-row {padding-inline: 2rem;}
	.contact .main-row .columns:nth-child(2){flex-direction: column;}
	.contact .address-list{width:100%;}
	.contact .mui-style-1iwv4pn {  padding-bottom: 20px;}
}


@media(max-width:480px){
	.contact .main-row h2{margin-bottom: 1.5rem;}
	.contact .address-content h3{font-size: 1.5rem;}
	.MuiBox-root.mui-style-3cvh7x { min-height: 550px;}
	.contact .form-sec .main-row form button {  width: 100% !important;}
	.mui-style-19imra3 .MuiTextField-root { max-width: 90px;}
	.contact .mui-style-bvlk6n{margin-left:0px;}
	.MuiBox-root.mui-style-1iwv4pn { gap: 20px;}
	.contact .address-content a.direction-link { display: flex; width: 100%;  max-width: 100%;  justify-content: space-between;}
	.mui-style-1iwv4pn {  padding-bottom: 80px !important;}
	.contact .form-sec p{font-size: 1rem;}
	.contact .main-row { padding-inline: 1rem; }
	.contact .address-sec .main-row{padding-inline: 1.7rem;}
	button.MuiButtonBase-root.MuiIconButton-root.MuiIconButton-sizeMedium.mui-style-1dfnt05 {  margin-bottom: 0rem; }
	.contact .mui-style-1wc83rw {font-size: 1rem;}
	.contact .form-sec .main-row .columns:nth-child(1) img {
        max-width: 75%;
        margin-inline: auto;
        display: block;
    }
}

@media(max-width:360px){
	.contact .address-list{padding:1.5rem;}
}