@import url("https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

body {
}
/*tittle bar back color*/
.ttlbar {
    background: linear-gradient(90deg, rgb(1 3 38) 0%, rgb(2 3 62) 78%) !important;
}

.bodyttlbar {
    background: linear-gradient(90deg, rgb(1 3 38) 0%, rgb(3 5 120) 78%) !important;
}

.ttlbtm {
    color: #85abbd !important;
    background: linear-gradient(90deg, rgb(1 2 41) 0%, #02043f 78%) !important;
    border-radius: 10px;
    padding-bottom: 10px;
    padding-top: 5px;
    margin-top: -5px;
}

.ttlcap {
    color: #009688;
    /* color: #673AB7;*/
    padding-top: 20px;
    font-size: 34px !important;
}

.footbar {
    color: white;
    padding: 5px;
    background: linear-gradient(88deg, rgb(1 4 59) 0%, rgb(2 3 83) 78%);
}
/*navbar button font color*/
.navbar-default .navbar-nav > li > a {
    color: #c2dad7;
    font-family: "League Spartan", sans-serif;
    font-size: 18px;
    font-weight: 400;
}
/*navbar button outline*/
.navbar-default .navbar-nav > li {
    border-right: 0px solid #020671;
    /*border-right: 1px solid #020671;*/
    margin-left: 5px;
}
/*navbar button outline*/
.navbar-default {
    background: none;
    border: 0;
    border-style: none none none none;
    border-bottom-width: .5px;
    border-bottom-color: #eaeff1;
    border-bottom: 1px solid #1f2450 !important;
}

@media screen and (min-width: 768px) {
    .logo {
        border-right: 0px solid #ffffff;
        /* text-align:left; */
    }
}

.logoh {
    max-height: 25px !important;
}

.topbgimg {
    background-position: -15px 67px;
    background-image: url(../images/bgcrsB.svg);
    background-repeat: repeat-x;
}

.topbgimgpay {
    background-position: -20px 0px;
    /*background-position: -30px 26px;*/
    background-image: url(../images/bgcrsB.svg) !important;
    background-repeat: repeat-x;
}


@media screen and (min-width: 768px) {
    .adttlhpay {
        padding: 9px !important;
        /* padding: 16px 15px 14px 15px !important; */
    }

    .adttlh {
        padding: 9px !important;
    }
}

@media screen and (max-width: 768px) {
    .topbgimgpay {
        background-position: -30px 0px !important;
    }

    .capmtop {
        padding-top: 0px !important;
        margin-top: -10px !important;
    }

    .capmtopt {
        font-size: large !important;
    }

    .topbgm {
        background-position: -59px -13px !important;
    }
}

@media screen and (min-width: 768px) {
    .logo {
        margin-top: -3px !important;
    }

    .capwin {
        padding-top: 18px;
    }
}

.auto-style2 {
    color: #aec1d6;
}
/** {
    -webkit-box-sizing: unset;
    -moz-box-sizing: border-box;
    box-sizing: unset;
}*/

.navbar-paytoggle {
    /*position: relative;
    float: right;
    margin-right: 15px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    padding: 9px 10px;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    border-image: initial;
    border-radius: 4px;*/
    position: relative;
    float: right;
    margin-right: -20px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    padding: 9px 8px;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    border-image: initial;
    border-radius: 4px;
    height: 35px;
}

.bgposi {
    background-position: -20px 50px !important; /*background-position: -30px 40px !important;*/
}
/*mainpage start*/
/*.bgposim {
    background-position: -29px -13px;
}*/
.topbgimgm {
    background-position: -20px -3px; /*background-position: -29px -13px;*/
    background-image: url(../images/bgcrsB.svg);
    background-repeat: repeat-x;
}
/*mainpage end*/

.navbar-default .navbar-toggle .icon-bar {
    background-color: #009688;
}

.navbar-default .navbar-toggle {
    border-color: #3F51B5;
}

.logopay {
    /* width: auto; */
    /* padding-right: 0; */
    /* text-align: center; */
    /* height: 52px; */
    line-height: 45px !important;
    height: unset !important;
    /* z-index: 2; */
}

.arqrttl { /*margin-top: -3px !important;*/
}

.payusrout {
    border-width: 0px 0px 0px 0px;
}

.payusrin {
    background: linear-gradient(90deg, rgb(2 4 68) 0%, rgb(3 3 129) 78%);
    color: aliceblue !important;
}

.payusrdy {
    border: solid #dadae7;
    border-width: 0px 1px 1px 1px;
}

@media screen and (max-width: 991px) {
    .hiden1 {
        visibility: hidden;
        width: 0px;
        height: 0px;
        display: block;
    }

    .bgposi {
        background-position: -30px 40px !important;
    }

    .fontcap1 {
        font-size: 20px !important;
    }

    .disnone {
        display: none;
    }

    .fontcap2 {
        font-size: 25px;
    }
}

.logo-image {
    padding-left: 0px !important;
}

.btn-primary {
    color: #fff;
    background-color: #673AB7;
    border-radius: 7px;
    border: 0px;
    transition: background-color 400ms ease, transform 200ms ease !important;
}

    .btn-primary:hover {
        color: #fff !important;
        background-color: #540ad6;
        border-radius: 7px;
        border: 0px;
        transition: background-color 400ms ease, transform 200ms ease !important;
        /*font-weight:bold;*/
    }

.btn {
    padding: 6.5px 26px;
    font-size: 16px;
    text-transform: unset !important;
    box-shadow: none;
}

.btnreg {
    padding: 10px 20px;
    background-color: #00a0e3;
    color: #f1f1f1;
    border-radius: 5px;
    border-radius: 7px;
    border-color: #00a0e3;
    transition: .2s;
    font: 400 15px / 1.5 Lato, sans-serif;
}
/*AnimationButton Start*/
.btnst {
    position: relative;
    display: inline-block;
    font-size: x-large;
    /*padding: 12px 26px;
      font-size: 16px;
      font-weight: 600;*/
    color: #fff; /* text color */
    /* background: transparent;    base background - transparent */
    border: 0px solid #111827;
    border-radius: 7px;
    overflow: hidden; /* keep pseudo-element contained */
    cursor: pointer;
    transition: color 240ms ease, border-color 240ms ease;
    z-index: 0;
    background-color: #673AB7;
}

    /* The animated fill that grows from center to sides */
    .btnst::before {
        content: "";
        position: absolute;
        inset: 0; /* cover full button area */
        background-color: #551dba;
        /* background: linear-gradient(90deg, #7c3aed, #06b6d4);  example gradient */
        transform: scaleX(0); /* start shrunk horizontally */
        transform-origin: center; /* grow outwards from center */
        transition: transform 300ms cubic-bezier(.2,.9,.3,1);
        z-index: -1; /* sit behind the text */
    }

    /* Hover / focus state */
    .btnst:hover,
    .btnst:focus {
        color: #fff; /* text turns white when filled */
        border-color: transparent; /* optional: hide border */
        outline: none;
    }

        .btnst:hover::before,
        .btnst:focus::before {
            transform: scaleX(1); /* expand to full width */
        }

    /* Optional: active press effect */
    .btnst:active::before {
        transform: scaleX(0.98);
    }

    /* Fancy variant: reversed text color on hover with smoothness */
    .btnst.secondary {
        color: #fff;
        border-color: #0ea5a4;
    }

        .btnst.secondary::before {
            background: linear-gradient(90deg, #0ea5a4, #06b6d4);
        }

        .btnst.secondary:hover {
            color: #000;
        }
/*AnimationButton End*/
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #c2dad7 !important;
    background-color: #03055c !important;
    border-radius: 5px;
    cursor: pointer;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #f5f5f7 !important;
    color: #3d4045 !important;
    border-radius: 5px 5px 0px 0px !important;
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    /*border-top-left-radius: 4px !important;*/
    /*border-top-right-radius: 0 !important;
    border: 0px !important;*/
    border: solid 1px #e9e9e9;
    border-width: 0px 1px 1px 1px;
    border-radius: 0px 5px 5px 5px;
}

.logbtnsty {
    width: 100%;
    border-radius: 100px !important;
    font-size: large !important;
    letter-spacing: 0.3px;
}

.formodelc {
    border-radius: 15px 15px 10px 10px;
    min-height: 410px;
}

.modal-header {
    background: linear-gradient(90deg, rgb(10 12 59) 0%, rgb(9 11 129) 78%) !important;
}

.modal-header, .modal-body {
    padding: 10px 50px !important;
    border-radius: 10px 10px 0px 0px !important;
}

@media screen and (max-width: 991px) {
    .imgsize1 {
        width: 200px !important;
        margin-top: -5px;
    }

    .imgsize2 {
        font-size: 11px !important;
    }
}

.modal-header .close {
    margin-top: 0px !important;
    margin-right: -20px !important;
}

.otptxtbx {
    border-radius: 50px !important;
    text-align: center !important;
    font-weight: bold !important;
}

.veribox {
    border-radius: 10px !important;
    border-color: #5e35a9;
}

.veriboxhead {
    background: linear-gradient(90deg, rgb(1 3 38) 0%, #673AB7 78%) !important;
    border-radius: 10px 10px 0px 0px;
    color: aliceblue !important;
}

.btnactive {
    color: #c2dad7 !important;
    background-color: #03055c !important;
    border-radius: 5px;
    cursor: pointer;
}

.bodyttlbar {
    background: linear-gradient(90deg, rgb(1 3 38) 0%, rgb(3 5 120) 78%) !important;
}

.header-main .main-menu ul li a {
    color: #c2dad7 !important;
    font-family: "League Spartan", sans-serif;
}

.header-main .main-menu ul li .submenu {
    background: #01032f !important;
    border-radius: 10px;
}

.stheme-btn::after, .stheme-btn::before {
    background-color: #E91E63 !important;
}

.t3-megamenu .mega-nav > li a, .t3-megamenu .dropdown-menu .mega-nav > li a {
    font-family: "League Spartan", sans-serif;
    font-size: 18px;
    font-weight: 500;
    min-width: 200px;
}

.head-icon {
    margin-left: 0;
    margin-right: 3px;
}
/*login page- affect all menu*/
.dropdown-menu li a:hover {
    background: #673AB7;
    color: #fff !important;
    font-family: "Helvetica Neue",Roboto,Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 1.625;
}

.sublog {
    color: #333333;
    letter-spacing: .5px;
    text-decoration: none;
    border: solid 1px deepskyblue;
    padding: 5px 15px;
    border-radius: 50px;
    -webkit-transition: all 0.2s ease 0s;
}

    .sublog:hover {
        background-color: #c7e2eb;
        color: black;
        letter-spacing: .5px;
        text-decoration: none;
        /*border: solid 1px deepskyblue;*/
        padding: 5px 15px;
        border-radius: 50px;
        -webkit-transition: all 0.2s ease 0s;
    }

@media screen and (min-width: 991px) {

    .t3-megamenu .nav > .dropdown > .dropdown-toggle .caret {
        font-size: x-large !important;
    }

    .submenusty {
        padding-right: 10px !important;
    }
}

.rstorfont {
    letter-spacing: 1.0px;
    font-family: 'Helvetica Neue', Roboto, Helvetica, Arial, sans-serif;
}

.soldout {
    font-weight: 100 !important;
    color: #da97af !important;
}

    .soldout:hover::after, .soldout:hover::before {
        height: 0px !important;
        width: 0px !important;
    }

.veritick {
    width: 17px;
}
/*title Mainimage*/
@media screen and (max-width: 575px) {
    .mobcls {
        position: fixed !important;
        margin-top: 100px !important;
    }

    .mobheroc {
        background-color: aliceblue;
        position: relative;
        z-index: 9;
        margin-top: 455px;
    }

    .mobherot {
        padding-top: 15px;
    }

    .mobrelat {
        position: relative;
        margin-top: -5px;
    }

    .mobrelA {
        padding-bottom: 5px;
    }

    #dimage1.hidden {
        display: none !important;
    }
}

#dimage1 {
    display: block !important;
}

.btnbline {
    background: linear-gradient(90deg, #3F51B5 0%, #9C27B0 78%) !important;
    border: 0px solid #4CAF50 !important;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: unset;
}

.navbar-collapse {
    border-top: 0px solid transparent;
}