.ub-dark {background-color: #2C2A25;}

.d0formselectboxes {
    background: #2C2A25;
    border: 1px solid #473C2D;
    border-radius: 4px;
    padding: 22px 14px 20px;
    text-align: center;
    cursor: pointer;
    transition: border-color .25s ease, background .25s ease, transform .25s ease;
    position: relative;
    margin-left: -5px; 
    margin-right: -5px;
    margin-top: 1em; 
    margin-bottom: 1em;
    min-height: 220px;
}

.d0formselectboxes:hover {
    border-color: #B08D57;
    transform: translateY(-2px);
}

.d0formselectboxes--selected {
    background: linear-gradient(180deg, rgba(176, 141, 87, 0.14), rgba(176, 141, 87, 0.04));
    border-color: #C9A46B;
    box-shadow: 0 0 0 1px rgba(201, 164, 107, 0.15), 0 12px 26px -14px rgba(201, 164, 107, 0.55);
    color: #C9A46B;
}

.d0formbox {
    background: #F4EFE3;
    color: #3A362E;
    border-radius: 6px;
    padding: 44px clamp(22px, 5vw, 30px) 40px;
    box-shadow: 0 30px 60px -20px rgba(0, 0, 0, 0.5);
}

.d0iconring{width:34px;height:34px;margin:0 auto 12px;border:1px solid #B08D57;border-radius:50%;display:flex;align-items:center;justify-content:center;background-repeat:no-repeat;background-position:center;background-size:16px 16px;}

.d0iconring--love{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23C9A46B' d='M12,21.35l-1.45-1.32C5.4,15.36,2,12.28,2,8.5C2,5.42,4.42,3,7.5,3c1.74,0,3.41,0.81,4.5,2.09C13.09,3.81,14.76,3,16.5,3C19.58,3,22,5.42,22,8.5c0,3.78-3.4,6.86-8.55,11.54L12,21.35z'/></svg>");}

.d0iconring--grow{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><text x='12' y='17' text-anchor='middle' font-family='DM Sans,sans-serif' font-size='18' font-weight='600' fill='%23C9A46B'>%C2%A3</text></svg>");}

.d0iconring--transform{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23C9A46B' d='M17.65,6.35C16.2,4.9,14.21,4,12,4c-4.42,0-7.99,3.58-7.99,8s3.57,8,7.99,8c3.73,0,6.84-2.55,7.73-6h-2.08c-0.82,2.33-3.04,4-5.65,4c-3.31,0-6-2.69-6-6s2.69-6,6-6c1.66,0,3.14,0.69,4.22,1.78L13,11h7V4L17.65,6.35z'/></svg>");}

.d0formbox .r8_form{width:100% !important; max-width:100% !important; border:none; box-sizing: border-box;}


.r8_form_title {text-align: left; font-family: 'Cormorant Garamond', serif; font-weight: 500; font-size: 30px; line-height: 32px; color: #211F1B;}
.r8_form_control-label {text-align: left; font-family: 'DM Sans', sans-serif;}
.r8_form_para {text-align: left; color: #6B655A;}
.r8_form {padding: 0;}
.r8_form .col-md-12 {padding-left: 0px !important; padding-right: 0px !important;}

.form-control {background-color: #FBF8F1; border: 1px solid #D7CAB6;}
.form-control:focus {border-color: #B08D57; box-shadow: none;}

.form-control option {
    border: 1px solid #D7CAB6;
    background: #FBF8F1;
    border-radius: 20px;
    padding: 7px 14px;
    font-size: 13.5px;
    cursor: pointer;
    user-select: none;
    transition: all .15s ease;
    width: max-content;
     margin-bottom: 10px;
}

.form-control option:focus {background: #B08D57; color: #fff;}

@media only screen and (min-width: 800px) {.d0smalltext { padding: 20px 77px !important;}}
@media only screen and (max-width: 799px) {.d0smalltext { padding: 20px 0px !important;}}

.r8_form_field hr {border-bottom: none; margin-top: 20px; margin-bottom: 20px;}

button.r8_GTM_formclick.btn{font-size:0!important;line-height:1!important;}
button.r8_GTM_formclick .fa-check{display:none!important;}
button.r8_GTM_formclick::after{content:"Request My Private Consultation";font-size:14px!important;font-family:'DM Sans',sans-serif;}

.r8_form .btn-default {background-color: #1C1C1A; color: #fff; border: 1px solid #1C1C1A; padding: 14px 32px; font-size: 1.1rem; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none; border-radius: 1px; transition: background 0.3s; letter-spacing: 0.12em !important;}
.r8_form .btn-default:hover {color: #000 !important; background-color: #C4A36C !important;}

.r8_form label .btn-default {color: #000; background-color: transparent; padding: 1px 5px; font-size: 12px;}
.r8_form label .btn-default:hover {color: #000 !important; background-color: transparent !important;}

.btn-compliment {background-color: #c9a96e; color: #111; padding: 14px 32px; font-size: 1.1rem; letter-spacing: 0.1em; text-transform: uppercase; transition: background 0.3s;}
.btn-compliment:hover {background-color: #1C1C1A; color: #fff;}