@font-face {
    font-family: 'montserrat-regular';
    src: url('../fonts/montserrat-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'baskervville-bold';
    src: url('../fonts/baskervville-bold.ttf') format('truetype');
}

@font-face {
    font-family: 'montserrat-bold';
    src: url('../fonts/montserrat-bold.ttf') format('truetype');
}

@font-face {
    font-family: 'baskervville-medium';
    src: url('../fonts/baskervville-medium.ttf') format('truetype');
}
.service-item {
    background: rgba(237, 237, 225, 0.5);
    border-radius: 10px;
    box-shadow: 0px 60px 120px rgba(161, 97, 87, 0.45);
    transition: all 0.3s ease;
    border: none !important;
}

    .service-item:hover {
        box-shadow: 0 0 30px rgba(237, 234, 225, 1);
        border:none!important;
    }

 
    .service-item h5 {
        color:  #a16157;
    }

    .service-item:hover h5 {
        color: #2d2d2d !important;
    }
.cardforspan span {
    text-align: left;
    display: flex;
}
.hrefemail {
    color: #2d2d2d;
}

    .hrefemail:hover {
        color: #2d2d2d !important;
    }
.divove {
    border-radius: 20px;
}
@media only screen and (max-width: 500px)  {
    .divove {
        margin-bottom: 20px;
    }
    .containerfluidd {
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .divbr{
        display:block!important;
    }
}
@media only screen and (max-width: 1200px) {
    .divove {
        margin-bottom: 20px;
    }
    .containerfluidd{
        padding-left:0!important;
        padding-right:0!important;
    }
}
.servicessection {
    background: white;
}
.servicessection2 {
    background: #c9af92
}
.servicesmap {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.formcontroldiv {
    background: transparent !important;
    height: 40px;
    color: #edeae1 !important;
}
select {
    background: transparent !important;
    height:40px;
}
    select.formcontroldiv {
        background: transparent !important;
        color: white !important;
        height: 40px;
        border: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.6);
        border-radius: 0;
        appearance: auto; /* ✅ keep native arrow */
        -webkit-appearance: menulist; /* for Safari/Chrome */
        -moz-appearance: menulist; /* for Firefox */
    }
.formcontroldiv2 {
    background: transparent!important;
    border-radius: 20px;
    color:white!important;
}

.divsectionabout {
    background: #2d2d2d;
}
.contact-info-box {
    padding: 1.25rem 1.25rem;
}
.containerfluidd{
    padding-left:5vw;
    padding-right:5vw;
}


.carbodyyybac {
    background: rgba(45, 45, 45,0.7);
    border-radius: 20px;
    color: #edeae1;
    font-size: 16px;
}
input::placeholder {
    color: #edeae1 !important; /* white */
    opacity: 1; /* ensure it's fully visible */
}
select.form-control option {
    color: #000; /* dropdown list text black */
}
select.form-control {
    color: #edeae1 !important; /* selected option text white */
}
.btnsend {
    border-radius: 20px;
    background: transparent;
    color: #edeae1;
    border-color: #edeae1;
}
    .btnsend:hover {
        background: #edeae1 !important;
        color: #a16157 !important;
        border-color: #edeae1 !important;
    }

.formcontroldiv,
.formcontroldiv2 {
    background: transparent;
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    padding: 10px 0;
    width: 100%;
    color: #333;
    font-size: 16px;
    transition: all 0.3s ease;
}

    .formcontroldiv::placeholder,
    .formcontroldiv2::placeholder {
        color: #999;
    }

    .formcontroldiv:focus,
    .formcontroldiv2:focus {
        border-bottom: 2px solid #a16157; /* highlight color */
        outline: none;
        box-shadow: none;
        color: #000;
    }

/* Dropdown (select) styling to match inputs */
.formcontroldiv {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* Optional: Add subtle animation */
.formcontroldiv,
.formcontroldiv2 {
    position: relative;
}

    .formcontroldiv:focus,
    .formcontroldiv2:focus {
        transform: translateY(-2px);
    }

.divbr{
    display:none;
}