.about1{
    padding:50px 0px 0px;
}
.pagination{
    display:block !important;
    text-align:center;
    margin:20px 0px;
}
.pagination li{
    display:inline-block;
}
.page-item.active .page-link {
    background-color: #782670 !important;
    border-color: #772770 !important;
}
.page-link{
    color:#fff !important; 
    background-color: #ffab01 !important;
    border: 1px solid #ffab01 !important;
}
.gateway{
    max-width:32px;
}
.about1 .about_bg1{
   height: unset;
    background: url(../images/about_bg2.png) repeat-x 0 50%;
    background-position: top;
    background-size: 100% 50%;
    animation: wave1 30s linear infinite;
}
@keyframes wave1{
    0% {
    background-position: -800px 100%, 0 0;
}
100% {
    background-position: 0 100%;
}
}
.form1{
 
}
.form2{
    background: #5c2472;
    border: 2px solid #ffab01;
    border-radius: 10px;
    padding: 30px;
    max-width:530px;
    margin:20px 0px;
}
.form2 h3{
    color:#ffab01;
}
.form2 h3::after{
    filter: invert(1) brightness(2.5);
}
.form2 .form_box h3{
    color:#fff;
    font-size:14px;
    font-weight:500;
    font-family:'Noto Sans',sans-serif;
    text-transform:capitalize;
    margin:0px 0px 10px 0px;
}
.form_box{
    margin:20px 0px;
    position: relative;
}
.form2 .form_box h4{
    position: relative
}
.form2 .form_box h4 i{
    position: absolute;
    top: 0px;
    bottom: 0;
    margin: auto;
    left: -20px;
    background: #ffab01;
    color: #5c2472;
    padding: 10px;
    border-radius: 50px;
    border: 6px solid #5c2472;
    width: 50px;
    height: 50px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.inpts{
    width: 100%;
    border: none;
    outline: none;
    box-shadow: unset;
    padding: 10px 35px;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Noto Sans',sans-serif;
    color: #fff;
    border: 2px solid #ffab01;
    background: none;
    border-radius: 50px;
}
.form_sbmt{
    text-align:center;
    margin:20px 0px;
}
.form_sbmt .sbmt{
    background: #ffab01;
    margin: 5px;
    color: #fff;
    padding: 8px 25px;
    font-family: 'Noto Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    border: none;
    outline: none;
}
.form_foot a{
    font-size: 16px;
    font-weight: 500;
    font-family: 'Noto Sans',sans-serif;
    color: #ffab01;
    text-transform: capitalize ;
    margin:10px 0px;
}
.logo_img{
    text-align:center;
}
.signup_bg .form2{
    max-width: 830px;
    margin:20px auto;
}
.signup_bg .form1{
   
}
.signup_bg .nav-tabs{
    border-bottom:none;
    display:block;
    text-align:center;
}
.signup_bg .nav button {
    border: none;
    margin: 5px 0px;
    background: none;
    color: #ffffff !important;
    outline: none;
    box-shadow: unset;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Noto Sans',sans-serif;
    display:inline-block;
}
.signup_bg .nav .nav-link.active {
    border: none;
    background: none;
    color: #ffab01 !important;
    font-weight: 700;
}
.signup_bg .form_box1 h3{
     font-size: 16px;
    font-weight: 500;
    font-family: 'Noto Sans',sans-serif;
    color: #ffffff;
    margin:10px 0px;
    text-align:center;
}
.signup_bg .form_box1 h4{
     font-size: 15px;
    font-weight: 400;
    font-family: 'Noto Sans',sans-serif;
    color: #ffffff;
    margin:10px 0px;
    text-align:center;
}
.signup_bg .form_box1 h6{
     font-size: 15px;
    font-weight: 400;
    font-family: 'Noto Sans',sans-serif;
    color: #ffffff;
    margin:10px 0px;
    text-align:center;
}
.form2 .head p{
    color:#fff;
}
.form2 a{
    color:#ffab01;
}
.faq{
    margin:20px 0px;
    position: relative;
}
.faq_ques{
    font-size: 15px;
    font-weight: 400;
    font-family: 'Noto Sans',sans-serif;
    color: #ffffff;
    background: linear-gradient(45deg, #a9296c, #461f72);
    padding: 12px;
    border-radius: 50px;
}
.faq_answer{
    font-size: 14px;
    font-weight: 400;
    font-family: 'Noto Sans',sans-serif;
    color: #ffffff;
    margin: 10px 0px;
    background: #ffffff;
    padding: 12px;
    box-shadow: 0px 1px 8px 0px #585858;
    display: none;
    color: #6e236f;
    border-radius:15px;
}
.faq .faq_ques::after {
    position: absolute;
    top: 5px;
    right: 10px;
    padding: 3px;
    width: 35px;
    height: 35px;
    text-align: center;
    content: "+";
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    background: #ffab01;
    border-radius: 50%;
    border: 2px solid #fff;
}
.faq .faq_answer::after {
    position: absolute;
    top: 5px;
    right: 10px;
    padding: 3px;
    width: 35px;
    height: 35px;
    text-align: center;
    content: "-";
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    background: #ffab01;
    border-radius: 50%;
    border: 2px solid #fff;
}
.faq .nav-tabs {
    border-bottom: none !important;
    background: linear-gradient(to top left,#2d210c , #715729);
    padding: 50px;
    margin:20px 0px;
}
.faq .nav {
    display: block;
    max-width: 250px;
    margin: 20px auto;
} 
.faq .nav-tabs .nav-link.active {
    background: #947b1f;
    box-shadow: 0px 0px 5px 3px #ffffff;
}
.faq .nav-tabs button {
    border: 1px solid #947b1f;
    margin: 20px 0px;
    color: #fff !important;
    padding: 12px 20px !important;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    border-radius: 10px;
    text-transform: capitalize;
    width: 100%;
    max-width: 155px;
}
.faq_head{
    margin:20px 0px;
}
.faq_head h3{
    font-size:25px;
}
.faq_head h3::after{
    display:none;
}
.footer_bg1 {
    background: url(../images/footer_bg1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 50px 0px;
    text-align: center;
}
@media only screen and (max-width:576px){
    .form_foot a{
        font-size:12px;
    }
    .form2 .form_box h3{
        font-size:11px;
    }
    .form2 h3{
        font-size:18px;
    }
    .login_tfa .form2{
        padding:35px;
    }
    .form_sbmt .sbmt{
        font-size:12px;
        padding:5px 15px
    }
    .signup_bg .form_box{
        margin:10px 0px;
    }
    .signup_bg .nav button{
        font-size:12px;
    }
    .signup_bg .form_box1 h6{
        font-size:12px;
        margin:10px 0px;
    }
    .signup_bg .form_box1 h4{
        font-size:12px;
        margin:0px;
    }
    .signup_bg .form_box1 h3{
        font-size:12px;
        margin:0px;
    }
     .faq_ques{
        font-size:12px;
    }
    .faq_answer{
        font-size:12px;
    }
    .faq_head h3{
        font-size:18px;
    }
    .faq .faq_ques::after{
        top: -16px;
        padding: 1px;
        width: 25px;
        height: 25px;
    }
      .faq .faq_answer::after{
        top: -16px;
        padding: 1px;
        width: 25px;
        height: 25px;
    }
    .inpts{
        font-size:12px;
    }
    .form2 .form_box h4 i{
        width:40px;
        height:40px;
    }
}