/* term & privacy page */
#contentWrapper { font-size:12px; }
#contentWrapper h3 { font-size:1.17em; color:#232324; }
#footer { background-color:#171717; padding:10px; color:#fff; font-size:14px; }
/* -- */
* { -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }
:root {
    --drakblue:#071e3d;
    --turquoise:#21e6c1;
    --light-color:#8097b6;
    --nm-text:1rem;
}
html, body { padding:0; margin:0; width:100%; height:100%; color:#595a5d; font-family:'Montserrat', sans-serif; font-size:var(--nm-text); }
img { width:100%; }
.web { display:none; }
.mobi { display:block; }
.container:before { display:unset; content:unset; }
/* navigation */
.header-nav {
    position:fixed; top:0; left:0; right:0; margin:0 auto; padding:0 20px; width:100%;
    z-index:1; height:60px; display:flex; border-bottom:1px solid #3c3c3c; background-color:rgb(25, 0, 102);
}
.nav-bar-wrap { margin:0 auto; padding:0; }
a:hover, a:focus { text-decoration:none; }
.navbar-brand { height:auto; max-width:180px; }
.scrolled { display:none; }
btn { font-size:13px; padding:6px 8px; }
.navbar-nav { padding:12px 0; }
.navbar-nav > li > a { color:#fff; padding:0; }
.navbar-nav > li > a:hover, .navbar-nav > li > a:active, .navbar-nav > li.btnClicked > a {
    background-color:transparent; color:#ccc;
}
.nav > li > a:focus, .nav > li > a:hover { text-decoration:none; background-color:transparent; }
.header-nav { padding:0; }
.navbar-toggle { padding:5px 10px; margin-top:10px; margin-right:10px; margin-bottom:8px; }
#navbar { background-color:rgba(0, 0, 0, 0.93); }
.btnlogin {
    max-width:200px; margin:0 auto; padding:5px 20px; background-color:#b040e8;
    border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;
}
.btnlogin a { color:#2a1470 !important; }
/* popup */
#popup { position:fixed; right:10px; top:8%; display:none; z-index:9; }
.popupbox {
    background-color:#f5f7f8; text-align:center; position:relative;
    padding:30px 40px; max-width:400px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;
    box-shadow:0 5px 10px rgba(70, 82, 98, 0.55); -moz-box-shadow:0 5px 10px rgba(70, 82, 98, 0.55); -webkit-box-shadow:0 5px 10px rgba(70, 82, 98, 0.55);
}
.close { position:absolute; top:20px; right:20px; font-size:1.6rem; opacity:0.9; }
.close:hover { opacity:0.5; }
.logintxt { font-size:1.8rem; font-weight:700; color:#2a1470; }
.logintxt2 { font-weight:600; }
.logintxt3 { max-width:250px; margin:0 auto; padding:10px 0 0; }
.numeric { max-width:250px; margin:0 auto; }
.btnnext, .btnback {
    max-width:200px; margin:10px auto; background-color:#b040e8; padding:10px 25px; color:#2a1470; font-weight:600; font-size:1.2rem;
    border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; cursor:pointer;
}
.error-wrap { display:none; }
.error { max-width:78px; }
.errortxt { font-size:1.2rem; color:#f71c0c; padding:5px 0 0; font-weight:600; }
.errortxt2 { font-size:0.8rem; padding:8px 10px; }
/* -- */
.homewrap {
    width:100%; height:80vh; overflow:hidden; background-color:#2a1470;
    border-radius:0 0 60px 60px; -moz-border-radius:0 0 60px 60px; -webkit-border-radius:0 0 60px 60px;
}
.home { position:absolute; top:20%; left:0; right:0; max-width:700px; text-align:center; }
h1, h2 { font-weight:700; color:#fffcfc; font-size:24px; }
h3 { font-weight:700; color:#e0e9f4; font-size:22px; }
.subtitle { font-size:0.9rem; color:var(--light-color); }
.home-bg { height:100%; object-fit:cover; }
/* scroll-down */
.homebg { width:100%; }
.scroll-btn { padding:70px 0 0; }
.scroll-btn .mouse {
    position:relative; display:inline-block; width:26px; height:45px;
    -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
    vertical-align:middle; border:2px solid #fff;
    border-radius:23px; -moz-border-radius:23px; -webkit-border-radius:23px;
}
.scrolltxt { font-size:12px; margin:0 auto; padding:8px; color:var(--light-color); }
.scroll-btn .mouse > * {
    position:absolute; display:block; top:29%; left:50%;
    width:8px;height:8px;margin:-4px 0 0 -4px;background:#fff;
    border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
    -webkit-animation:ani-mouse 2.5s linear infinite; -moz-animation:ani-mouse 2.5s linear infinite; animation:ani-mouse 2.5s linear infinite;
}
@-webkit-keyframes ani-mouse {
    0% {opacity:1;top:29%;}
    15% {opacity:1;top:50%;}
    50% {opacity:0;top:50%;}
    100% {opacity:0;top:29%;}
}
@-moz-keyframes ani-mouse {
    0% {opacity:1;top:29%;}
    15% {opacity:1;top:50%;}
    50% {opacity:0;top:50%;}
    100% {opacity:0;top:29%;}
}
@keyframes ani-mouse {
    0% {opacity:1;top:29%;}
    15% {opacity:1;top:50%;}
    50% {opacity:0;top:50%;}
    100% {opacity:0;top:29%;}
}
/* about-us */
#about-us { overflow-x:hidden; }
.about-wrap { display:grid; grid-template-columns:1fr; gap:50px 0; align-items:center; }
.mobile-content { order:2;}
.row2-content-wrap { position:relative; height:220px; order:1; }
.row2-aboutwrap { position:absolute; overflow-x:hidden; top:30%; padding:10px; }
#aboutbox-wrap { display:flex; position:relative; }
#aboutbox {
    background-color:#f5f7f8; padding:30px 20px; width:300px; margin:0 20px;
    border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;
    box-shadow:0 2px 12px 0 rgba(192, 196, 205, 0.72); -moz-box-shadow:0 2px 12px 0 rgba(192, 196, 205, 0.72); -webkit-box-shadow:0 2px 12px 0 rgba(192, 196, 205, 0.72);
}
.sliderbtn-wrap { position:absolute; right:0; top:2%; }
.qntxt { font-size:1.2rem; font-weight:700; padding:0 0 10px; }
.anstxt { font-size:0.9rem; }
.btn-prev, .btn-next, .dcb-btn-prev, .dcb-btn-next {
    padding:8px 11px; width:45px; height:45px; border:1px solid #595a5d; cursor:pointer; display:inline-block;
    border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; margin:0 3px;
}
.btn-next { padding:8px 14px; }
.fa-chevron-left, .fa-chevron-right { font-size:1.8rem; }
.btn-prev:hover, .btn-next:hover { opacity:0.7; }
/* payment */
.payment-wrap {
    background-color:#2a1470; position:relative;
    border-radius:0 80px 0 0; -moz-border-radius:0 80px 0 0; -webkit-border-radius:0 80px 0 0;
}
.payment-content { padding:60px 0 20px; text-align:center; border-bottom:1px solid #283c58; }
.fa-caret-down {
    font-size:9rem; position:absolute; bottom:-70px; left:0; right:0;
    text-align:center; color:#2a1470;
}
.py-sub { margin:0 auto; max-width:800px; padding:0 15px; }
.dcb-step-wrap { padding:40px 0; }
.stepwrap { display:grid; grid-template-columns:1fr; gap:30px 0; }
.stepbox img { max-width:200px; }
.subheading { font-size:1rem; font-weight:600; color:#e0e9f4; padding:0 0 30px 0; }
.steptxt { color:var(--light-color); font-size:0.9rem; padding:15px 25px; }
.dcb-detail-wrap { display:grid; grid-template-columns:1fr; gap:40px 0; padding:50px 15px; }
.dcb-img { order:1; }
.dcb-detail-text { order:2; align-self:center; }
.info { color:var(--light-color); padding:10px 0; max-width:450px; text-align:justify; font-size:0.9rem; }
.info p { padding:10px 0; }
.dcb-work {
    padding:80px 0; text-align:center;
    background:#ffffff url('../img/work-w.png') no-repeat center;
    -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;
}
.dcb-work h3 { color:#2a1470; }
.info-dcb-work { margin:0 auto; max-width:1200px; padding:20px 20px 0; font-size:0.9rem; text-align:justify; }
.dcb-bg { position:absolute; top:0; left:0; right:0; }
/* dcb-flow */
.dcb-flow { padding:80px 0; text-align:center; }
.dcb-flow .container { padding:0; }
.dcb-flow h3 { color:#2a1470; padding:0 20px; }
.flow-step { position:relative; height:440px; overflow-x:hidden; }
.dcb-flow-container { position:absolute; left:25px; }
.flow-wrap { display:flex; padding:20px 0 0; }
.flow-box { width:150px; margin:0 12px; }
.flow-txt { font-size:0.9rem; padding:10px 0; }
/* subscribe */
#subscribe { background-color:#e1e6e8; padding:50px 0; text-align:center; }
#subscribe h2 { color:#2a1470; }
#subscribe .subtitle { margin:0 auto; max-width:800px; padding:8px 0; color:#595a5d; }
.sub-wrap { margin:0 auto; max-width:800px; }
.sub-box {
    margin:20px auto 0; padding:25px 20px 20px; background-color:#fff; width:100%;
    border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;
}
.sub-box-top {
    display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
    -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; padding:0 0 10px;
}
.morebtn {
    width:40px; height:40px; padding:3px 6px; cursor:pointer; border:3px solid #656565;
    border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
}
.line-1 {
    width:100%; background:#656565; height:4px; margin:6px auto;
    border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;
    -webkit-transform:translate(0, 7px); transform:translate(0, 7px);
}
.line-2 {
    width:100%; background:#656565; height:4px; margin:5px auto;
    border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;
    -webkit-transform:translate(0px, -3px) rotate(90deg); transform:translate(0px, -3px) rotate(90deg);
    transition:all linear .3s;
}
.line-2.active { -webkit-transform:rotate(0deg); transform:rotate(0deg); opacity:0; }
.subtxt { font-size:16px; font-weight:600; padding:5px 0 0 20px; text-align:left; max-width:250px; }
#ans-1, #ans-2, #ans-3, #ans-4, #ans-5, #ans-6 {
    padding:10px 0 0; font-size:14px; line-height:20px; color:#565656; border-top:1px solid #c7c7c7; text-align:justify;
}
/* partners */
#partners { background-color:#b040e8; padding:50px 0; text-align:center; overflow-x:hidden; }
#partners h2 { color:#e1e6e8; }
.partner-wrap { padding:20px 0; }
.top-partner { display:flex; mix-blend-mode:screen; animation:scroll 20s linear infinite; }
.bottom-partner { display:flex; mix-blend-mode:screen; animation:scrollright 20s linear infinite; }
@keyframes scroll {
    0% { -webkit-transform:translateX(0); transform:translateX(0); }
    100% { -webkit-transform:translateX(calc(-240px * 11)); transform:translateX(calc(-240px * 11)); }
}
@-webkit-keyframes scroll {
    0% { -webkit-transform:translateX(0); transform:translateX(0); }
    100% { -webkit-transform:translateX(calc(-240px * 11)); transform:translateX(calc(-240px * 11)); }
}
@-moz-keyframes scroll {
    0% { -webkit-transform:translateX(0); transform:translateX(0); }
    100% { -webkit-transform:translateX(calc(-240px * 11)); transform:translateX(calc(-240px * 11)); }
}
@keyframes scrollright {
    100% { -webkit-transform:translateX(0); transform:translateX(0); }
    0% { -webkit-transform:translateX(calc(-240px * 11)); transform:translateX(calc(-240px * 11)); }
}
@-webkit-keyframes scrollright {
    100% { -webkit-transform:translateX(0); transform:translateX(0); }
    0% { -webkit-transform:translateX(calc(-240px * 11)); transform:translateX(calc(-240px * 11)); }
}
@-moz-keyframes scrollright {
    100% { -webkit-transform:translateX(0); transform:translateX(0); }
    0% { -webkit-transform:translateX(calc(-240px * 11)); transform:translateX(calc(-240px * 11)); }
}
.opeimg { max-width:140px; margin:0 40px; }
/* contactus */
#contact { background-color:#2a1470; padding:50px 20px; }
.contact-wrap { display:grid; grid-template-columns:1fr; gap:40px 0; align-items:center; }
#contactus_form { text-align:center; }
.contact-info { color:var(--light-color); font-size:0.9rem; }
.form-control { height:42px; font-size:16px; }
.formgap { padding:5px 15px; }
.btn-danger {
    margin:8px auto; background-color:#b040e8; border:none; width:100%; max-width:450px;
    color:#2a1470; font-size:var(--nm-text); font-weight:600; padding:14px 0;
}
.btn-danger:hover { background-color:#15d5b1; color:#2a1470; }
/* footer */
.footer-main { background-color:#141618; padding:10px 0; }
.footer-img { max-width:150px; }
.footer-wrap { display:grid; grid-template-columns:1fr; align-items:center; }
.tnclinks, .tnclinks a { color:var(--light-color); font-size:0.8rem; }
.tnclinks a:hover { text-decoration:underline; }
.copyright { text-align:right; color:var(--light-color); font-size:0.8rem; }
.copyright a { cursor:pointer; text-decoration:none; color:var(--light-color); }
/* scrollup */
.scrollup {
    position:fixed; bottom:13%; right:1%; height:55px; width:55px; padding:15px; display:none;
    background-color:#4b5a60; cursor:pointer; z-index:10; opacity:0.7;
    border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
}
.scrollup:hover { opacity:0.9; }
.fa-chevron-up { font-size:28px; color:#b0c7d0; }
@media screen and (min-width:1200px)  {
    #aboutbox { padding:40px!important; width:450px!important; }
    .sliderbtn-wrap { top:25%!important; }
    .row2-aboutwrap { top:30%!important; padding:30px!important; }
}
@media screen and (min-width:768px) {
    .web { display:block; }
    .mobi { display:none; }
    .nav-bar-wrap { padding:0 15px; }
    .header-nav { border-radius:0 0 30px 30px; -moz-border-radius:0 0 30px 30px; -webkit-border-radius:0 0 30px 30px; }
    .btn { font-size:14px; padding:6px 12px; }
    .btnlogin { padding:5px 18px; max-width:unset; }
    h1, h2 { font-size:36px; }
    h3 { font-size:24px; }
    .subtitle { font-size:var(--nm-text); }
    .home { top:25%; }
    .scroll-btn { padding:120px 0 0; }
    .homewrap {
        border-radius:0 0 120px 120px; -moz-border-radius:0 0 120px 120px; -webkit-border-radius:0 0 120px 120px;
    }
    #navbar { background-color:rgba(0, 0, 0, 0); }
    .sliderbtn-wrap { top:18%; }
    .row2-aboutwrap { top:25%; padding:20px; }
    .about-wrap { grid-template-columns:repeat(2, 1fr); gap:0 50px; }
    .mobile-content { order:unset; padding:0; }
    .row2-content-wrap { height:100%; order:unset; }
    #aboutbox { padding:30px; width:350px; }
    .stepwrap { grid-template-columns:repeat(3, 1fr); gap:0 10px; }
    .payment-content { padding:80px 0 20px; }
    .payment-wrap { border-radius:0 150px 0 0; -moz-border-radius:0 150px 0 0; -webkit-border-radius:0 150px 0 0; }
    .stepbox img { min-height:230px; }
    .dcb-detail-wrap { grid-template-columns:repeat(2, 1fr); gap:0 50px; padding:80px 20px; }
    .dcb-img { order:2; }
    .dcb-detail-text { order:1; }
    .dcb-flow .container { padding:0 15px; }
    .flow-step { position:unset; height:auto; }
    .flow-box { width:auto; }
    .dcb-flow-container { position:unset; }
    .info { font-size:var(--nm-text); }
    .info-dcb-work { padding:20px 15px 0; }
    .flow-wrap { display:grid; grid-template-columns:repeat(4, 1fr); gap:0 60px; padding:40px 0; }
    .dcb-work, .dcb-flow, #subscribe, #partners { padding:80px 0; }
    .sub-box { padding:25px 35px 20px; }
    .subtxt { font-size:20px; max-width:unset; }
    #contact { padding:80px 0; }
    .contact-wrap { grid-template-columns:repeat(2, 1fr); gap:0 80px; }
    .contact-info { font-size:var(--nm-text); }
    .btn-danger { font-size:1.2rem; }
    .footer-wrap { grid-template-columns:1fr 1fr 2fr; }
}
@media screen and (max-width:500px) {
    .home { top:30%; }
}
@media screen and (max-width:400px) {
    .home { top:25%; }
}
@media screen and (max-width:340px) {
    .scroll-btn { padding:40px 0 0; }

}
.btn{
    border-radius: 50px;
}