.titlet span {
 /* background: linear-gradient(180deg, #000 28.88%, #000 63.1%);
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-text-stroke-color: #000;*/
  font-family: sitefont1;
  letter-spacing: 2px;
}
.smallt {
  font-size: 24px !important;
}
.smallt {
  color: #000;
  font-size: 32px;
  font-family: sitefont;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #3e3e3e !important;
}
#social_select::-webkit-input-placeholder{
  color: #A0A4A7 !important;
}
.fs-c {
    font-size: 24px !important;
}

.smallt {
    font-size: 16px !important;
}

.box_modal {
    background: #fff;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: #ebf1ff;
    border-radius: 10px;
    padding: 10px;
}

.form-group {
    position: relative;
    margin-bottom: 15px !important;
}

input,
select,
textarea,#social_select,.inputdiv {
   width: 100%;
    padding: 5px;
    font-size: 16px;
    border: none !important;
    border: 1px solid #98b6ff !important;
    outline: none;
    background: none !important;
    border-radius: 5px !important;
    color: #A0A4A7;
}

.drop_box {
    width: auto;

    padding: 10px;
    font-size: 16px;
    border: none !important;
    border-bottom: 1px solid #848688 !important;
    outline: none;
    background: none !important;
    border-radius: 0 !important;
    color: #A0A4A7;
}

select {
    min-height: 49px;
}
/*
label {
    position: absolute;
    top: 45%;
    left: 20px;
    transform: translateY(-50%);
    transition: 0.3s ease all;
    font-size: 16px;
    color: #A0A4A7;
    pointer-events: none;
     Prevent interaction with the label 
    margin: 0;
}

input:focus+label,
textarea:focus+label,
textarea:valid+label,
input:valid+label,
input:invalid + .label-top,
textarea:invalid + .label-top {
    top: -7px;
    left: 20px;
    color: #FFF;
}

input:focus {
    border-color: #007bff;
}


*/
.socialline {
    position: relative;
}

.social-select {
    position: relative;
    width: 100%;
    /* Adjust the width if needed */
    cursor: pointer;
}

.social-select li {
    display: none;
    padding: 5px 0;
}

.social-select li.init {
    display: list-item;
    position: relative;
    /* Keep the init element in the flow */
}

.social-select:hover ul {
    display: block;
}

.social-select ul {
    position: absolute;
    top: 100%;
    /* Dropdown starts just below the .init element */
    left: 0;
    background-color: #fff;
    width: 100%;
    z-index: 1;
}

.social-select li:not(.init) {
    display: block;
}

.social-select li img {
    width: 24px;
    height: 24px;
}

.social-select li span {
    display: flex;
    align-items: center;
    padding: 5px;
    /* Add padding to make the dropdown more clickable */
    background-color: inherit;
}
.modal-form-bg .grey-btn {
    background: #316eff !important;
    color: #ffffff !important;
}
.dt{
    color: #000;
}
.drop_down {
    position: absolute;
    top: 95%;
    left: 50%;
    transform: translateX(-50%);
    width: fit-content;
    background: #000;
    padding: 4px 8px;
    border-radius: 4px;
    z-index: 1;
    display: none;
}
.drop_box:hover .drop_down{
  display: flex;
}