::placeholder {
  color: #fff !important;
  font-weight:400 !important;
}


.ban-all{
    padding: 20px 0px 20px 0px;
    min-height:unset;
}

/*************************how_bgn*****************************/

.how_bg {
     padding: 30px 0px;
}  
.home_head{
    text-align: center;
    padding: 10px 0px;
}
.home_head h1 {
    font-weight: 700;
    font-family: Merienda;
    font-size: 60px;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgb(51, 51, 51);
    padding: 0px;
    margin: 0px 0px -58px 0px;
}

.home_head h2 {
    font-family: Merienda, cursive;
    font-size: 40px;
    color: rgb(255, 255, 255);
    font-weight: 400;
    position: relative;
    padding: 0px 0px 20px 0px;
    width: fit-content;
    margin: auto;
}
.home_head h2:before {
    content: "";
    background: url(../images/befr-lne.png) no-repeat;
    height: 44px;
    width: 44px;
    position: absolute;
    top: -6px;
    left: -14px;
    animation-name: ban-lne;
    animation-duration: 8s;
    animation-iteration-count: infinite;
}
.how_bg .polygon-wrapper-next {
 
}
.how_bg .polygon.active img{
  filter: invert(1) brightness(0);  
}
.how_bg .polygon-wrapper-next img {
    position: absolute;
    max-width: 43px;
    left: 0;
    right: 0;
    top: 0px;
    bottom: 0;
    margin: auto;
}
.how_bg .polygon-wrapper {
position: relative;
    min-height: 400px;
    max-width: 645px;
    margin: 300px auto 0px;
}
.how_bg .polygon-wrapper::before {
	width: 714px;
	height: 823px;
	top: -375px;
	left: -71px; 
}
.how_bg .polygon {
    position: absolute;
    width: 170px;
    height: 196px;
	background: url(../images/how1_bg2.png) center no-repeat;
	 background-size: 100% 100%; 
}
.how_bg  .polygon.active{
    background: url(../images/how1_bg.png) center no-repeat;
    background-size: 100% 100%; 
}
.how_bg .polygon:hover::before {
	transform: scale(1);
}
.how_bg .polygon-1 {
    left: 50%;
    margin-left: -85px;
    top: -310px;
}  
.how_bg .polygon-2 {
    top: -175px;
    right: -30px;
} 
.how_bg .polygon-3 {
    top: 75px;
    right: -30px;
} 
.how_bg .polygon-4 {
    left: 50%;
    margin-left: -85px;
    top: 180px;
}
.how_bg .polygon-5 {
    top: 75px;
    left: -28px;
}  
.how_bg .polygon-6 {
    top: -175px;
    left: -28px;
}  
.how_bg .get-started-content{
    position: relative;
    margin: 0 auto;
    max-width: 480px;
    display: none;
    text-align: center;
}
.how_bg .get-started-content h3{
   font-family: Merienda, cursive;
    font-size: 20px;
    color: rgb(255, 255, 255);
    font-weight: 400;
    position: relative;
    padding: 0px 0px 10px 0px; 
    margin: 0px;  
}
.how_bg .get-started-content h6{
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #d8d8d6;
    font-weight: 400;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    line-height: 23px;
}
.how_bg .get-started-content a{
     font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    background: #e60606;
    border: 2px solid transparent;
    padding: 10px;
    margin: 10px 0px 0px 0px;
    border-radius: 6px;
    border: 1px solid #e60606;
    text-align: center;   
}

/*************************create_wall_bg*****************************/
.create_wall_bg{
    padding: 30px 0px;    
}
.create_wall_bg .row{ 
    padding: 40px 0px;
}
.create_wall_bg .create_wall_img{
    text-align: center;
}
.create_wall_bg .create_wall_img img{
    
}
.create_wall_bg .create_wall_text{
    border: 1px solid #4440408c;
    border-radius: 0px 0px 0px 40px;
    background: #171717;
    padding: 50px 15px 20px;
    height: 100%;
}
.create_wall_bg .create_wall_text h1{
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    color: #ffbe00;
    font-weight: 500;
    padding: 0px;
    margin: 0px 0px 0px 0px;
}
.create_wall_bg .create_wall_text h2{
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    padding: 0px;
    margin: 10px 0px;
}
.create_wall_bg .create_wall_text p{
font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #d8d8d6;
    font-weight: 400;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    line-height: 23px;
}
.create_wall_bg .create_wall_text .but{
     margin: 15px 0px 0px 0px;
}
.create_wall_bg .create_wall_text .but a{
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    background: #e60606;
    border: 1px solid #e60606;
    padding: 8px 20px;
    margin: 0px 0px 0px 0px;
    border-radius: 6px;
    transition: .7s; 
}
/*************************abt-con*****************************/

.apc-bg .about-con{
    padding: 50px 0px 0px 0px;
} 
 
.apc-bg .about-con ul{
    list-style:none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align:center;
} 

.apc-bg .about-con ul li{
    display: inline-block;
    margin: 0px 0px 0px 0px;
    padding: 10px 10px;
    vertical-align: top;
    width: 33%;
} 

.apc-bg .about-con ul li .abt-con1{
    margin: 0px 0px 0px 0px;
    padding: 20px 20px;
    text-align: center;
    border: 1px solid #e60606;
    border-radius: 10px;
    transition:0.7s;
}

.apc-bg .about-con ul li .abt-con1:hover{
    border: 1px solid #ffbe00;
    transition:0.7s;
    background: #171717;
}

.apc-bg .about-con ul li .abt-con1 img{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 100px;
}

.apc-bg .about-con ul li .abt-con1:hover img , .apc-bg .about-con ul li .abt-con1 img:hover{
    animation: moveing 10s linear infinite;
}

@keyframes moveing{ 

0% {
    transform: translateY(0) translateX(0);
}

25% {
    transform: translateY(0) translateX(-100px);
}

50% {
    transform: translateY(0) translateX(0px);
}

75% {
    transform: translateY(0) translateX(100px);
}

100% {
    transform: translateY(0) translateX(0);
}
}

.apc-bg .about-con ul li .abt-con1 h1{
    margin: 0px 0px 0px 0px;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    color: rgb(230 6 6);
    font-weight: 600;
    padding: 10px 0px 10px 0px;

}

.apc-bg .about-con ul li .abt-con1 p{
    margin: 0px 0px 0px 0px;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    color: #fff;
    font-weight: 400;
    line-height: 19px;
    padding: 0px 0px 0px 0px;
    text-align: justify;
}











/*******************login-bg****************************/

.login-bg{
    background: url(../images/login-bg.jpg) no-repeat top center;
    background-size: cover;
    padding: 50px 0px 50px 0px;
}

.login-bg .login {
    padding:150px 0px 0px 0px;
    position:relative;
}

.login-bg .login .log-rckt1{
    width: 80px;
    position: absolute;
    right: 0px;
    top: 0px;
}

.login-bg .login .log-rckt2{
   width: 80px;
    position: absolute; 
    bottom: 0px;
}

.login-bg .login-mnky{
    position:relative;
    z-index:1;
}

.login-bg .login-mnky img{
    position: absolute;
    left: 39%;
    top: -142px;
    animation: log-monkey 6s linear infinite;
}

@keyframes log-monkey{
    0% {
    transform: translateY(0) translateX(10px);
    }
    
    50% {
        transform: translateY(0) translateX(-10px );
    }
    100% {
        transform: translateY(0) translateX(10px);
    }
}


.login-bg .form-box {
    width: 100%;
    display: inline-block;
    padding: 40px 50px 74px;
    margin: 0px 0px 0px 0px;
    border-radius: 10px;
    text-align: center;
    background: url(../images/login-form.png) no-repeat top center;
    background-size: cover;
    animation: log-form 6s linear infinite;
    animation-timing-function: ease-in-out;
}

@keyframes log-form {
   0% {
    transform: skew(0deg, 0deg);
    }
    
    50% {
        transform: skew(4deg, 1deg);
    }
    100% {
        transform: skew(0deg, 0deg);
    }
} 

.login-bg .form-box h1{
    font-family: 'Merienda', cursive;
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.login-bg .f-p {
    padding: 20px 0px 0px 0px;
    text-align: center;
}

.login-bg .f-p h3 {
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    padding: 0px 0px 0px 0px;
}

.login-bg .f-p h3 a {
    color: #ffbe00;
    padding: 0px 0px 0px 0px;
    transition: .7s;
}

.login-bg .f-p h3 a:hover {
    color: #fff;
    transition: .7s;
}

.login-bg h3 {
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    padding: 20px 0px 0px 0px;
}

.login-bg h3 a {
    color: #ffbe00;
    padding: 0px 0px 0px 0px;
    transition: .7s;
}

.login-bg h3 a:hover {
    color: #fff;
    transition: .7s;
}


.input-group {
    width: 60% !important;
    margin: 20px auto 50px;
    height: 48px;
}

.input-group-text{
    color: #fff !important;
    background-color: transparent !important;
    border: 1px solid #ffbe00 !important;
    border-right: 1px solid transparent !important;
    border-radius: 10px 0px 0px 10px !important;
    padding: 4px 10px !important;
}

.login-bg .input-group-text i{
   font-size: 28px;
}

.input-group-text i{
   font-size: 24px;
   color: #ffbe00;
}

.form-control{
    font-family: 'Montserrat';
    font-size: 14px !important;
    font-weight: 600 !important;
    background-color: transparent !important;
    border: 1px solid #ffbe00 !important;
    border-left: 1px solid transparent !important;
    border-radius: 0px 10px 10px 0px !important;
    padding: 10px 8px !important;
    color: #ffbe00 !important;
}

.form-control:hover , .form-control:focus{
    border: 1px solid #fff !important;
    box-shadow: 0px 0px 6px #ffbe00 !important;
}

.login-bg .form-box .sbmt{
    width: 60%;
    font-family: 'Montserrat';
    padding: 8px 10px;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    background: #ffbe00;
    border: 1px solid transparent;
    border-radius: 10px;
}

.login-bg .form-box .sbmt:hover{
    border: 1px solid #ffbe00;
    background: transparent;
    color: #ffbe00;
    transition: .7s;
    box-shadow: unset !important;
}

/****************************signup-bg************************/

.signup-bg{
    background: url(../images/login-bg.jpg) no-repeat top center;
    background-size: cover;
    padding: 50px 0px 50px 0px;
}

.signup-bg .input-group {
    width: 100% !important;
    margin: 10px auto 20px;
    height: 40px;
}

.signup-bg .signup {
    padding:150px 0px 0px 0px;
    position:relative;
}

.signup-bg .signup .log-rckt1{
    width: 80px;
    position: absolute;
    right: 0px;
    top: 0px;
}

.signup-bg .signup .log-rckt2{
   width: 80px;
    position: absolute; 
    bottom: 0px;
}

.signup-bg .login-mnky{

}

.signup-bg .login-mnky img{
    position: absolute;
    left: 1%;
    top: 2px;
    width: 380px;
    animation: log-monkey 10s linear infinite;
    z-index: 1;
}

.signup-bg .form-box{
    width: 100%;
    display: inline-block;
    padding: 30px 100px 30px;
    margin: 0px 0px 0px 0px;
    border-radius: 10px;
    text-align: center;
    background: url(../images/signup-bg.png) no-repeat top center;
    background-size: 100% 100%;
    animation: log-form 10s linear infinite;
    animation-timing-function: ease-in-out;
}

.signup-bg .form-box .sign-box{
    border: 1px solid #ffbe00;
    padding: 10px;
    margin: 0px 0px 20px 0px;
    border-radius: 10px; 
}

.signup-bg .form-box .sign-box h2{
    font-family: 'Merienda', cursive;
    font-size: 18px;
    color: #ffbe00;
    font-weight: 700;
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 0px 0px;
    text-transform: capitalize;
    text-align: left;
}


.signup-bg .form-box h1{
    font-family: 'Merienda', cursive;
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    padding: 10px 0px 30px 0px;
    margin: 0px 0px 0px 0px;
}

.signup-bg .form-box .na{
    padding: 20px 0px 10px 0px;
    text-align: center;
}

.signup-bg .form-box .na h3{
    font-family: 'Montserrat';
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    padding: 0px 0px 0px 0px;
}

.signup-bg .form-box .na h3 span{
   color:#ffbe00; 
}

.signup-bg .form-box .na h2 span{
    font-family: 'Quicksand';
    font-size: 14px;
    font-weight: 500;
    color: #0176e7;
    padding: 0px 0px 0px 0px;
}

.signup-bg .form-box .agree{
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 0px 0px 0px 0px;
    text-align: center;
}

.signup-bg .form-box .agree input{
    font-weight: 500;
    color: #00cbdf;
    padding: 0px 0px 0px 0px;
}

.signup-bg .form-box .agree a{
    color: #ffbe00;
}

.signup-bg .form-box .agree a:hover{
    color: #fff;
}

.signup-bg .form-box .sbmt{
    width: 60%;
    font-family: 'Montserrat';
    padding: 8px 10px;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    background: #ffbe00;
    border: 1px solid transparent;
    border-radius: 10px;
    margin: 30px 0px 0px 0px;
}

.signup-bg .form-box .sbmt:hover{
    border: 1px solid #ffbe00;
    background: transparent;
    color: #ffbe00;
    transition: .7s;
    box-shadow: unset !important;
}


/*************************support-bg******************************/

.support-bg{
    background: url(../images/login-bg.jpg) no-repeat top center;
    background-size: cover;
    padding: 50px 0px 50px 0px;
}

.support-bg .input-group {
    width: 70% !important;
    margin: 20px auto 20px;
    height: 46px;
}

.support-bg .support {
    padding:30px 0px 0px 0px;
}

.support-bg .form-box h1{
    font-family: 'Merienda', cursive;
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    padding: 10px 0px 30px 0px;
    margin: 0px 0px 0px 0px;
}

.support-bg .support .form-box {
    width: 100%;
    display: inline-block;
    padding: 30px 50px 44px;
    margin: 0px 0px 0px 0px;
    border-radius: 10px;
    text-align: center;
    background: url(../images/login-form.png) no-repeat top center;
    background-size: cover;
    animation: log-form 6s linear infinite;
    animation-timing-function: ease-in-out;
}

.support-bg .support .in-but {
    padding: 60px 0px 0px 0px;
}

.support-bg .support .con-info{
    padding: 0px 0px 0px 0px;
}

.support-bg .support .con-info h1{
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #e60606;
    font-weight: 600;
    padding: 30px 0px 6px 0px;
    margin: 0px 0px 0px 0px;
}

.support-bg .support .con-info ul{
    list-style: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.support-bg .support .con-info ul li{
    display: inline-block;
    padding: 0px 0px 0px 4px;
}

.support-bg .support .con-info ul li a i {
    font-size: 18px;
    color: #e6090b;
    width: 30px;
    height: 30px;
    border: 1px solid transparent;
    background: #ffbe00;
    text-align: center;
    padding: 5px;
    border-radius: 30px;
}

.support-bg .support .con-info ul li a i:hover {
    transform: rotate(360deg);
    transition: 1s;
    border: 1px solid transparent;
    box-shadow: 0px 0px 10px #ffbe00;
    background: transparent;
}

.support-bg .support .con-info p {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    color: #fff;
    font-weight: 400;
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.support-bg .support .con-info p i {
    font-size: 15px;
    color: #000;
    width: 26px;
    height: 26px;
    border: 1px solid transparent;
    background: #ffbe00;
    text-align: center;
    padding: 5px;
    border-radius: 30px;
}

.support-bg .form-box .sbmt{
    width: 70%;
    font-family: 'Montserrat';
    padding: 8px 10px;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    background: #ffbe00;
    border: 1px solid transparent;
    border-radius: 10px;
    margin: 30px 0px 0px 0px;
}

.support-bg .form-box .sbmt:hover{
    border: 1px solid #ffbe00;
    background: transparent;
    color: #ffbe00;
    transition: .7s;
}


/*********************faq page**********************/

.faq-bg {
    background: url(../images/login-bg.jpg) no-repeat top center;
    background-size: cover;
    padding: 50px 0px 50px 0px;
}

.faq-bg .faq-txt{
    padding: 0px 0px 40px 0px;
    text-align: center;
}

.faq-bg .faq-txt  h1{
    font-family: Merienda, cursive;
    font-size: 44px;
    color: #fff;
    font-weight: 700;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.faq-bg .faq-txt  h1 span{
    color: #e60606;
}

.faq-bg .faq-txt  h2{
    font-family: 'Montserrat';
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    padding: 12px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.rank-math-list-item {
    margin-bottom: 20px;
    padding: 16px 10px;
    position: relative;
    border-radius: 0px 0px 0px 0px;
    background: #171717;
    box-shadow: 0px 0px 3px #e60606;
}


.rank-math-list-item .rank-math-question {
    margin: 0;
    cursor: pointer;
    font-family: 'Montserrat';
    color: #fff;
    font-size: 14px;
    padding: 0px 20px 0px 20px;
    background: transparent;
}

.rank-math-list-item .rank-math-question span {
    padding-left: 20px;
}

.rank-math-list-item .rank-math-answer p {
    margin: 0 !important;
    padding: 12px 0 0 30px !important;
    font-family: 'Montserrat';
    color: #ffb809;
    font-size: 14px;
    font-weight: 500;
}

.rank-math-list-item .rank-math-question:after {
    content: "+";
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    position: absolute;
    right: 30px;
    top: 10px;
}

.rank-math-list-item .rank-math-question.open:after {
    content: "_";
    top: 5px;
    font-weight: bolder;
    color: #ffb809;
}

.rank-math-list-item .rank-math-answer {
    margin: 0;
    display: none;
}

.faq .faq-left{
    padding: 0px 0px 0px 0px;
}

.faq .faq-left img{
    padding: 0px 0px 0px 0px;
}

.faq .faq-left h1{
    font-family: 'Montserrat';
    font-size: 16px;
    color: #ffb808;
    font-weight: 600;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
}

.faq ul {
    padding :0px;
    margin: 10px 0px 0px 0px;
    list-style-type:none;
    text-align: left;
}

.faq ul li {
    display: inline-block;
    padding: 5px 10px;
    margin: 0px;
    width: 260px;
 }
 
.faq ul li a.active p {
    border: 1px solid #ffbe00;
    box-shadow: 0px 0px 4px #ffbe00;
}

.faq ul li a p {
    font-family: 'Montserrat';
    font-size: 13px;
    font-weight: 500;
    background: #171717;
    padding: 5px 10px;
    border-radius: 8px;
    color: #ffffff !important;
    margin: 0px 0px 10px 0px;
    text-align: left;
    border: 1px solid #e60606;
 }
 
.faq ul li a p img {
    width: 30px;
}


/**********************rules**********************/

.rules-bg{
    background: url(../images/login-bg.jpg) no-repeat top center;
    background-size: cover;
    padding: 50px 0px 50px 0px;
}

.rules-bg h3{
    font-family: Merienda, cursive;
    font-size: 46px;
    color: #fff;
    font-weight: 400;
    padding: 0px 0px 40px 0px;
    margin: 0px;
    text-align: center;
}

.rules-bg h3 span{
    color:#e60606;
}

.rules-bg h4{
    font-family: 'Montserrat';
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    padding: 0px 0px 20px 0px;
    margin: 0px;
    text-align: center;
}


.rules-bg h1{
    font-family: 'Montserrat';
    font-size: 17px;
    color: #e60606;
    font-weight: 600;
    padding: 30px 0px 10px 0px;
    margin: 0px;
}

.rules-bg p{
    font-family: 'Montserrat';
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    padding: 0px 0px 16px 0px;
    margin: 0px;
    line-height: 22px;
}

.rules-bg p img{
    width: 22px;
    padding: 0px 4px 0px 0px;
}











@media only screen and (min-width: 1550px){
    
    .login-bg .login-mnky img {
    top: -162px;
    }
    
    .signup-bg .login-mnky img {
    left: 4%;
    top: -1px;
    }
    
}



@media only screen and (max-width: 1199px){

    .login-bg .login-mnky {
    z-index: unset;
    }
    .login-bg .login-mnky img {
    top: -122px;
    }
    
    .signup-bg {
    overflow: hidden;
    }

}


@media only screen and (max-width: 991px){
    
	.faq .faq-left {
    text-align: center;}
    .faq ul {
    margin: 10px 0px 30px 0px;
    }
    .faq ul li {
    display: block;
    padding: 2px 10px;
    margin: auto;
    }
    
    .support-bg .support .con-info {
    padding: 0px 0px 30px 0px;
    text-align: center;
    }
    
    .login-bg .login-mnky {
    display: none;
    }
    .login-bg .login {
    padding: 10px 0px 0px 0px;
    }
    
    .signup-bg .login-mnky {
    display: none;
    }
    .signup-bg .signup {
    padding: 10px 0px 0px 0px;
    }
    
    .apc-bg .about-con ul li {
    width: 49%;
    }
  
.create_wall_bg .row {
    padding: 10px 0px;
}  
.create_wall_bg .create_wall_text { 
     padding: 15px;
    max-width: 600px;
    text-align: center;
    margin: 10px auto 10px;
    height: unset;
}
}


@media only screen and (max-width: 767px){

   .input-group {
    width: 100% !important;
   }
   
   .apc-bg .about-con ul li {
    width: auto;
   }
.how_bg .polygon-wrapper {
    margin: 0px;
}
.how_bg .polygon-wrapper-next {
    position: unset;
    text-align: center;
}

.how_bg .polygon {
    position: relative;
    left: unset !IMPORTANT;
    right: unset !IMPORTANT;
    top: unset !IMPORTANT;
    bottom: unset !IMPORTANT;
    width: 30%;
    height: 98px; 
    display: inline-block;
    margin: 5px 0px;
    max-width: 98px;
}
.home_head h2 { 
    font-size: 20px; 
}
.home_head h1 { 
    font-size: 35px; 
    margin: 0px 0px -30px 0px;
}
}


@media only screen and (max-width: 630px){
   
   .signup-bg .form-box {
    background-size: cover;
   }
	
  
}

	
@media only screen and (max-width: 560px){	
   
   .support-bg .support .form-box {
    padding: 20px 20px;
   }
   .support-bg .input-group {
    width: 100% !important;
   }
   
   .login-bg .form-box {
    padding: 30px 30px;
   }
    
    .signup-bg .form-box {
    padding: 30px 30px;
    }

}


@media only screen and (max-width: 460px){

   
}

@media only screen and (max-width: 360px){

}