/* Global css start here */
@media(max-width:767.5px){
    .mq-justify-center{
        justify-content: center!important;
    }
}

.ft-title-fsize {
    font-size: 18px!important
}

.custom-border-radius {
    border-radius: 24px;
}

.titlespace {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 185px;
}


/* Global css end here */

.sec-bg {
    background-color: rgba(255, 255, 255, 0.05);
    /* background-color: red; */
    border-radius: 24px;
    padding: 48px 64px 56px 64px;
}

.login-form-bg {
    background-color: rgba(255, 255, 255, 0.05);
    padding: 48px 64px 56px 64px;
    border-radius: 24px;
}

.input-mt {
    padding: 18px 0px;
}

.login-btn:hover {
    background-color: rgba(255, 255, 255, 0.05)!important;
    border: 1px solid #5bc9e8!important;
    color: #FFFFFF!important;
}

.login-btn {
    padding: 13px 24px 13px 24px!important;
    border-radius: 12px!important;
    width: 50%;
    background-color: #5bc9e8!important;
    color: #FFFFFF!important;
    border: 1px solid transparent;
    transition: 0.2s!important;
    letter-spacing: 2px!important;
}

.btn {
    outline: 0;
    box-shadow: none!important;
}

.col-login-inr {
    padding: 12px;
}

.jumbotron.no-bg {
    height: 100vh;
    overflow: hidden;
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}

#tsparticles {
    top: 0px;
}

#tsparticles {
    position: absolute;
    width: 100%;
    height: 100%;
}

.form-control-2col {
    height: inherit!important;
}

.select_radiusnone-input {
    background-color: rgb(25 25 25)!important;
    border-radius: 12px;
    width: 100%;
    color: #fff;
    padding: 14px 48px 14px 24px;
    outline: 0!important;
    font-family: "Poppins-Medium";
    border: none;
    height: 60px;
}

.select_radiusnone-input:focus {
    border-color: #5bc9e8!important;
    box-shadow: 0 0 0 0.1rem #5bc9e8;
}

.select-styled {
    display: none!important;
}

ul.select-options {
    display: none!important;
}


/* form start */

.input {
    padding: 14px 48px 14px 24px!important;
    background-color: rgba(255, 255, 255, 0.05)!important;
    border-radius: 12px!important;
    font-family: "Poppins-Medium";
    color: #FFFFFF!important;
    /* border: none; */
    border: 2px solid rgba(255, 255, 255, 0.05)!important;
    transition: 0.3s!important;
    outline: none!important;
    width: 100%!important;
}

.input:focus {
    border: 2px solid #5bc9e8!important;
    box-shadow: none!important;
    transition: 0.3s!important;
}


/* input[type="text"] {
    width: 100%;
    border: 2px solid rgba(255, 255, 255, 0.05)aaa;
    border-radius: 4px;
    margin: 8px 0;
    outline: none;
    padding: 8px;
    box-sizing: border-box;
    transition: 0.3s;
  } */

.input-textarea {
    padding: 14px 48px 14px 24px!important;
    background-color: rgba(255, 255, 255, 0.05)!important;
    border-radius: 12px!important;
    font-family: "Poppins-Medium"!important;
    color: #FFFFFF!important;
    border: 2px solid rgba(255, 255, 255, 0.05)!important;
    border-color: rgba(255, 255, 255, 0.05)!important;
    /* transition: 0.3s; */
    box-shadow: none!important;
    outline: none!important;
}

.input-textarea:focus {
    border: 2px solid #5bc9e8!important;
    background-color: rgba(255, 255, 255, 0.05)!important;
    box-shadow: none!important;
    /* transition: 0.3s; */
}

.inputWithIcon .input {
    padding-left: 45px!important;
}

.inputWithIcon {
    position: relative;
}

.inputWithIcon i {
    position: absolute;
    left: 14px;
    top: 22px;
    /* padding: 9px 8px; */
    color: #aaa;
    transition: 0.3s;
}

.inputWithIcon .input:focus+i {
    color: #5bc9e8;
}

.inputWithIcon.inputIconBg i {
    background-color: #aaa;
    color: #fff;
    padding: 9px 4px;
    border-radius: 4px 0 0 4px;
}

.inputWithIcon.inputIconBg .input:focus+i {
    color: #fff;
    background-color: #5bc9e8;
}

.invalid-error {
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
}

/* .select:after {
  
} */

.dropselect div.select:after {
    width: 0!important;
    height: 0!important;
    border-left: 6px solid transparent!important;
    border-right: 6px solid transparent!important;
    border-top: 6px solid #5bc9e8!important;
    position: absolute!important;
    top: 28px!important;
    right: 15px!important;
    content: ""!important;
    z-index: 98!important;
}
.select-hidden {
    -moz-appearance: none!important;
    -webkit-appearance: none!important;
    appearance: none!important;
}