#main-bg {
    background: url('..//images/bg.png');
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}
.login-form {
    margin-top: 40px;
}
.panel {
    background: #0f0f11;
    border: 1px #3e3e3e solid;
    border-radius: 10px;
    padding: 20px;
}
.logo img {
    max-width: 80%;
}
h3.page-title {
    color: #ffffff;
    border-top: 1px #a5a5a5 solid;
    padding: 10px 0px;
    border-bottom: 1px #a5a5a5 solid;
    margin: 10px 0px;
    display: block;
    text-align: center;
}
.input-control {
    width: 100%;
    background: transparent;
    border: 1px #3c3c3c solid;
    color: #fff;
    border-radius: 5px;
    padding: 13px 21px;
    font-size: 16px;
    font-weight: 500;
}
.input-control::placeholder {
    font-size: 14px;
    color: #616161;
}
.input-control:focus{
  outline: #fff;     /* oranges! yey */
}
.country-text{
    color: #616161;
}
.row-holder {
    margin-top: 30px;
}
.forgot-pw {
    color: #c1c1c1;
}
.submit-btn {
    padding: 0 28px;
    border-style: solid;
    border-width: 2px;
    border-color: transparent;
    border-radius: 8px;
    background-color: transparent;
    background: linear-gradient(95deg, #ff7a00 15%, #a3a3a3 45%, #ff7a00 75%, #fb5343 100%) 95% / 200% 100%;
    transition-duration: 300ms;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    height: 50px;
    line-height: 47px;
    letter-spacing: 0.5px;
    width: 100%;
    transition: 0.4s;
    margin-top: 10px;
}
.footer-links p {
    text-transform: capitalize;
    font-size: 16px;
    color: #fff;
}
.footer-links a {
    color: #fc5d33;
    border-bottom: 1px #fc5d33 solid;
    padding-bottom: 4px;
}
.eye-btn {
    position: absolute;
    top: 12px;
    right: 12px;
    font-size: 19px;
}
.devide-content p {
    color: #fff;
    font-size: 20px;
}
.devide-content::after {
    content: '';
    position: absolute;
    right: 0;
    width: 32%;
    height: 2px;
    background: #ffffff;
    top: 14px;
}
.devide-content::before {
    content: '';
    position: absolute;
    left: 0;
    width: 32%;
    height: 2px;
    background: #ffffff;
    top: 14px;
}
.social-icons {
    display: flex;
    justify-content: space-evenly;
}
.social-icons a {
    width: 30px;
    display: flex;
    height: 30px;
    font-size: 17px;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px #ffffff69 solid;
    color: #fff;
}
.facebook-bg{
     background: #1877F2;
}
.twitter-bg{
     background: #1DA1F2;
}
.telegram-bg{
     background: #0088cc;
}
.instagram-bg{
     background: linear-gradient(to right,#833ab4,#fd1d1d,#fcb045);
}
.youtube-bg{
    background: linear-gradient(to right,#e52d27,#b31217);
}
.secure-side p {
    margin: 0px;
    font-size: 16px;
    justify-content: space-between;
    display: flex;
    color: #fff;
    margin-top: 16px;
}
/* Success page */
.success-top img {
    max-width: 240px;
}
h2.page-title {
    text-transform: capitalize;
    color: #fff;
    font-weight: normal;
    font-size: 26px;
    line-height: 38px;
}
.page-title span {
    color: #00b002;
    display: block;
    font-weight: bold;
}
.success-head p {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
}
h5.mainboxes {
    color: #fff;
    line-height: 28px;
    font-size: 18px;
}