body{
    background-color: #EBE8E4;
    font-family: 'Helvetica Neue', sans-serif;
    font-weight: 400;
}

#contact{
    height: auto;
    width:100%;
    max-height: 100%;
    padding:0 0 15px 0;
    margin:140px auto 0 auto;
    display:flex;
}

/* Add specific media query for iPhone 15 Pro Max and similar devices */
@media (min-width: 390px) and (max-width: 430px) {
    #contact {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .contact-row {
        width: 100%;
    }
    div .left-col, div .right-col {
        width: 100%;
        padding-left: 5px;
        padding-right: 5px;
    }
    .map-col {
        width: 100%;
        max-width: 400px;
    }
}

/* @media (max-width: 440px) {
    #contact{
        max-width:100%;
    }

}
@media (min-width: 1430px) {
    #contact{
        max-width:60%;
    }
}
@media (min-width: 2560px) {
    #contact{
        max-width:50%;
    }
} */
.contact-row{
    height:100%;
    display:flex;
    width: 100%;
}

div .left-col{
    height:auto;
    width: 100%;
    padding-right: 0;
    align-items: baseline;
}

div .right-col{
    height: auto;
    width: 100%;
    margin:auto;
}

/* contact-details */
div .left-row{
    width:auto;
    display:flex;
    height: 100%;
    margin: auto;
}

/* setting up margins within left-col */
.contact-col h1{
    font-size: 80px;
    font-family:"neco";
    text-align:left;
    font-weight:500;
    margin-bottom:30px;
}

#contact .email{
    margin:7% 0 7% 0;
    position: relative;
    padding-left: 60px;
    font-size:1.2rem;
}

#contact .email::before{
    content:'';
    background-image: url(../../images/icon/emailvec.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display:block;
    width:2.4rem;
    height:2.4rem;
    position: absolute;
    left:10px;
    top:-7px;
}

#contact .phone{
    display:flex;
    flex-direction: column;
    width:60%;
    margin:7% 0 7% 0;
    position:relative;
    padding-left: 60px;
    font-size:1.2rem;
}

#contact .phone::before{
    content:'';
    background-image: url(../../images/icon/phonevec.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display:block;
    width:2.4rem;
    height:2.4rem;
    position: absolute;
    left:10px;
    top:4px;
}

#contact .address{
    margin:7% 0 7% 0;
    position:relative;
    padding-left: 60px;
    font-size:1.2rem;
    width: 100%;
}

#contact .address::before{
    content:'';
    background-image: url(../../images/icon/addressvec.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display:block;
    width:2.4rem;
    height:2.4rem;
    position: absolute;
    left:10px;
    top:0px;
}

.map-col{
    height:300px;
    width:400px;
    padding-bottom:15px;
}

.map-col iframe{
    height:100%;
    width:100%;
    /* padding: 15px 0 15px 0; */
}
/* setting up margins within left-col */

/* setting up right column (form) */
@media (min-width:1000px){
div .right-col{
    width:460px;
    height:590px;
}
}
.custom-card {
    background-color: white;
    color: black; /* Ensures the text is visible on the brown background */
    border-radius: 50px;
    border: 2px solid #fff; /* White border for better contrast */
    padding: 10px;
    width:100%;
    height:100%;
    box-shadow: rgba(255, 255, 255, 0.3) 0 5vw 6vw -8vw, rgba(255, 255, 255, 0) 0 4.5vw 5vw -6vw, rgba(50, 50, 80, 0.5) 0px 4vw 8vw -2vw, rgba(0, 0, 0, 0.8) 0px 4vw 5vw -3vw;
}
.custom-card .title h1{
    font-weight:500;
    font-family: "neco";
    font-style: normal;
    font-size:50px;
    padding-left:30px;
    margin-top:5px;
}
.custom-card .no-border{
    border: 0;
    outline: 0;
    border-bottom: 3px solid #54504E;
    border-radius:0 !important;
    font-size:1rem;
    font-weight:350;
    /* background-color: #1ebba3; */
}
form .row{
    width:95%;
    margin:0 auto;
}
form .row .fname{
    padding:0 25px 0 15px;
}
form .row .lname{
    padding:0 15px 0 25px;
}
form .row1{
    width:95%;
    margin:0 auto;
}
form .row .company-i{
    padding:0 25px 0 15px;
}
form .row .email-i{
    padding:0 15px 0 25px;
}
form .row .phone-i{
    padding:0 25px 0 15px;
}

::-webkit-input-placeholder {
    font-size: 0.9rem !important;
 }

input .form-control{
    font-size: 1rem !important;
    color:#495057;
 }

 form .btn-p{
    padding:10px 0 10px 0;
    margin: 30px 0 10px 0;
 }
 form .btn1{
    transition: all 0.5s ease;
    background-color: transparent;
    color:#9C7575;
    width: 90%;
    height:50px;
    border:3px solid #9C7575;
    border-radius: 16px;
    padding:10px;
    text-align: center;
    line-height:1;
    outline:none;
    font-size:20px;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: pre;
    font-family: inherit;
}

form .btn1:hover{
    color:white;
    background-color: #9C7575;
}