#formm
{
    width: 780px;
    text-align: left;
    margin-bottom: 60px;
}

.custom-select
{
    position: relative;
    font-family: Arial;
    margin-bottom: 15px;
}

.custom-select select
{
    display: none;
}

.select-selected
{
    background-color: black;
    border-radius: 10px;
    transition: all 0.1s;
    font-family: poppins;
    font-size: 12px;
}
.select-selected:hover
{
    box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.2);
    transition: all 0.3s cubic-bezier(.28,1.79,.48,1.03);
}

.select-selected:after
{
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
    transition: all 0.35s cubic-bezier(.28,1.79,.48,1.03);
}

.select-selected.select-arrow-active:after
{
    border-color: transparent transparent #fff transparent;
    top: 7px;
}

.select-items div,.select-selected
{
    color: #ffffff;
    padding: 8px 16px;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
    border-radius: 10px;
    transition: all 0.5s;
}

.select-items
{
    position: absolute;
    background-color: black;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    margin-top: 5px;
    border-radius: 10px;
    font-family: poppins;
    font-size: 12px;
    animation: 0.3s fadein forwards cubic-bezier(.28,1.79,.48,1.03);
    transform-origin: top left;
}

.select-hide
{
    animation: 0.2s fadeout forwards cubic-bezier(0,.52,.47,1);
}

.select-items div:hover, .same-as-selected
{
    box-shadow: inset 0px 0px 0px 4px rgba(255, 255, 255, 0.2);
    transition: all 0.3s cubic-bezier(.28,1.79,.48,1.03);
}

#semd
{
    border: none;
    font-size: 20px;
    padding: 10px 40px 10px 40px;
    border-radius: 10px;
    background-color: black;
    cursor: pointer;
    color: white;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    user-select: none;
}

.custom-file-input
{
    color: transparent;
}

.custom-file-input::-webkit-file-upload-button
{
    visibility: hidden;
}

.custom-file-input::before
{
    content: 'Select file';
    display: inline-block;
    border: none;
    font-size: 15px;
    letter-spacing: 1px;
    font-family: arial;
    height: 16px;
    border-radius: 10px;
    cursor: pointer;
    color: white;
    background-color: black;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    user-select: none;
    padding: 10px 40px 16px 40px;
    font-family: poppins;
}
.custom-file-input::after {
    display: none;
}


.enttr
{
    outline: none;
    width: 400px;
    font-family: Arial;
    padding: 8px 16px;
    border: none;
    border-style: solid;
    border-width: 1px;
    border-radius: 10px;
    margin-top: 2px;
    font-family: poppins;
    font-size: 14px;
}

.aenttr
{
    outline: none;
    width: calc(100% - 16px);
    height: 300px;
    font-family: Arial;
    padding-left: 16px;
    padding-top: 8px;
    border: none;
    border-style: solid;
    border-width: 1px;
    border-radius: 10px;
    margin-top: 2px;
    resize: none;
    font-size: 16px;
    font-family: poppins;
}

@keyframes fadeout {
    0%   {opacity: 1; transform: scale(1); transform-origin: top;}
    99%  {opacity: 0; transform: scale(0.9); transform-origin: top;;}
    100% {display: none;}
}
@keyframes fadein {
    0%    {display: none;}
    1%    {opacity: 0; transform: scale(0.75); transform-origin: top; }
    100%  {opacity: 1; transform: scale(1); transform-origin: top;}
}

#cptch {
    display: none;
    margin-top: 10px;
}

/* ============================================== */
/* MOBILE FIX: SUPPORT FORM                       */
/* ============================================== */
@media screen and (max-width: 768px) {
    #thx h1 {
        width: 90% !important;
        font-size: 1.5rem !important;
        padding: 10px !important;
        box-sizing: border-box !important;
    }

    #thx {
        margin-top: 0px !important;    
    }

    #formm {
        width: 90% !important;
        margin-bottom: 30px !important;
    }

    .enttr, .aenttr, .custom-select {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    #promo {
        min-height: 200px !important;
    }

    #semd {
        width: 100% !important;
        margin-top: 10px !important;
    }
}