/*Header start*/

body {
    background: #fff;
}

a:hover {
    color: #e2f59b;
}

.box {
    -webkit-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.16);
    -moz-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.16);
    box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.16);
}

.box2 {
    -webkit-box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.2);
    -moz-box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.2);
    box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.2);
}

.z-in1 {
    z-index: 1;
}

.z-in2 {
    z-index: 2;
}

.z-in3 {
    z-index: 3;
}

.text-gray {
    color: #7c7a7a;
}

/**********************************Header **********************************/

.navbar-head h4 {
    display: none;
}

.img-bg1 {
    background: url(../images/img-bg-1.jpg) no-repeat scroll 0 0;
    background-size: cover;
}

.head-btn h6 {
    text-decoration: aliceblue;
    position: relative;
    background: url("../images/login-btn.png") no-repeat;
    width: 117px;
    height: 39px;
    display: inline-block;
    bottom: 0px;
    top: 3px;
    padding: 11px 22px;
}

.head-chat li {
    display: inline-block;
    padding-right: 40px;
    margin-right: 50px;
}

.langs-drop .dropdown-toggle {
    background: transparent url(../images/drop-arrow.png) no-repeat right 0px center;
    border: 0;
    padding: 0px 12px;
    color: #fff;
}

.head-chat li span {
    font-size: 9px;
    width: fit-content;
    padding: 2px 5px;
    border-radius: 5px;
    top: -11px;
    animation: blink 2s linear infinite;
    position: absolute;
    right: 0;
}

.head-chat li a {
    color: #fff;
    text-decoration: none;
}

.bg-gray {
    background: #386079;
}

.bg-purble {
    background: #53577c;
}

.langs-drop .dropdown-toggle {
    background: transparent url(../images/drop-arrow.png) no-repeat right 0px center;
    border: 0;
    padding: 0px 12px;
    color: #fff;
}

.ban-img1 img {
    position: absolute;
    content: "";
    left: -18px;
    top: 156px;
    margin: 0 auto;
}

.ban-con {
    margin-top: 50px;
}

.bg-black {
    width: 120px;
    height: 30px;
    padding: 5px;
    border-radius: 27px;
}

.secure-list {
    margin-top: 30px;
    margin-bottom: 55px;
}

.head-chat a:hover {
    color: #df9016;
}

.listen {
    background: #07151e;
    width: 140px;
    height: 25px;
    font-family: russo one;
    font-size: 12px;
    padding: 4px 0px;
    border-radius: 50px;
    margin-bottom: 45px;
    /* margin-top: 45px; */
    text-align: center;
    display: inline-block;
}

.auto {
    background: #0b232d;
    width: 160px;
    height: 25px;
    border-radius: 50px;
    padding: 3px 43px;
    font-family: russo one;
    font-size: 12px;
    margin-bottom: 45px;
}

.ban-listen {
    margin-right: 89px;
    margin-top: 50px;
}

.ban-auto {
    margin-top: 50px;
}

/*.right {
	background: #091f2a;
	width: 40px;
	height: 40px;
	display: inline-block;
	padding: 3px 10px;
	border: 5px solid;
	color: #09384a;
}
.left {
		background: #091f2a;
	width: 40px;
	height: 40px;
	display: inline-block;
	padding: 3px 10px;
	border: 5px solid;
	color: #09384a;
}*/

.secure h4 {
    font-family: russo one;
    margin-left: -70px;
}

.secure {
    margin-top: 50px;
}

@media only screen and (min-width: 1345px) {
    .ban-listen::after {
        position: absolute;
        content: "";
        background: url("../images/banner-img1.png");
        height: 310px;
        left: -100px;
        bottom: 0px;
        top: 258px;
        margin: auto;
        width: 278px;
    }
    .ban-auto::before {
        position: absolute;
        content: "";
        background: url("../images/banner-img2.png");
        width: 327px;
        height: 300px;
        right: -95px;
        top: 326px;
        bottom: 0px;
        margin: auto;
    }
}

.security {
    margin-top: 50px;
}

.security h4 {
    font-family: russo one;
}

@media only screen and (min-width: 1345px) {
    .ban-listen::before {
        position: absolute;
        content: "";
        background: #3f5955;
        width: 1px;
        height: 352px;
        /* right: 0; */
        right: -68px;
        margin: auto;
        bottom: -51px;
    }
}

.security h4 {
    margin-left: -56px;
}

.pay-security li {
    padding: 42px;
}

.pay-security {
    margin-top: -19px;
}

/********************************** plan-section**********************************/

.img-bg2 {
    background: url(../images/plan-sec-banner.jpg)no-repeat scroll 0 0;
    background-size: cover;
}

.plan-sec {
    width: 280px;
    height: 337px;
    border-radius: 15px;
    padding: 5px 15px;
    margin-top: 40px;
    margin: 40px auto 0;
}

.pln-1 {
    background: #eb890e;
}

.pln-2 {
    background: #1d75bd;
}

.pln-3 {
    background: #38a852;
}

.plan-div small {
    font-size: 16px;
    font-family: russo one;
}

.plan-div span {
    font-size: 14px;
}

.amt-1 {
    border-bottom: 1px solid;
    color: #f1ad57;
    margin-top: 10px;
    border-top: 1px solid;
}

.amt-2 {
    border-bottom: 1px solid;
    color: #59a0d8;
    margin-top: 10px;
    border-top: 1px solid;
}

.amt-3 {
    border-bottom: 1px solid;
    color: #6dc87b;
    margin-top: 10px;
    border-top: 1px solid;
}

.plan-amt {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.plan-head {
    color: #ffffff;
}

.plan-div span {
    font-family: exo;
}

.list-out span {
    font-size: 30px;
    font-family: russo one;
}

.plan-amt small {
    font-size: 25px;
}

.plan-amt span {
    font-size: 30px;
}

.plan-div {
    justify-content: space-between;
}

.plan-sec p {
    font-size: 12px;
    line-height: 16px;
}

.plan-btn h6 {
    letter-spacing: 8px;
    font-family: russo one;
}

.lev-1 {
    background: #f4b465;
}

.lev-2 {
    background: #6cabe0;
}

.lev-3 {
    background: #77c78a;
}

.plan-btn {
    width: 202px;
    height: 25px;
    border-radius: 50px;
    padding: 4px 17px;
    margin: 0 auto;
    display: inline-block;
    margin: 0 auto;
    text-decoration: none;
}

.plan-img {
    position: absolute;
    left: 0px;
    right: 0px;
    top: -21px;
    bottom: 0px;
    width: 43px;
    height: 43px;
    margin: 0 auto;
}

/**********************************about us**********************************/

.abt-bg {
    background: url(../images/img-bg-3.jpg) no-repeat scroll 0 0;
    background-size: cover;
}

.abt-ico {
    width: 70px;
    height: 70px;
    padding: 15px 15px;
    margin: 10px;
    background: #3b614e;
}

.abt-img {
    position: absolute;
    left: -119px;
    top: 0px;
}

.abt-title span {
    font-family: russo one;
    letter-spacing: 7px;
}

.abt-title {
    margin-top: 71px;
}

.abt-info h5 {
    color: #0c2836;
    font-family: russo one;
}

.abt-info {
    margin-left: 16px;
}

.abt-button {
    margin-top: 50px;
    margin-bottom: 117px;
}

.abt-com {
    align-items: center;
}

/********************************** statistics**********************************/

.img-bg3 {
    background: url(../images/statis-banner.jpg) no-repeat scroll 0 0;
    background-size: cover;
}

.stat-list {
    background: linear-gradient(#e6a163, #ff4f67);
    width: 125px;
    height: 125px;
    padding: 17px 15px;
    border: 18px solid;
    color: #edf0f2;
    margin: auto;
}

.stat-list h6 {
    margin-top: 56px;
}

.stat-list span {
    font-size: 25px;
    font-family: russo one;
}

.sta-title {
    margin-top: 14px;
    margin-bottom: 50px;
}

.list-outs span {
    font-size: 23px;
    font-family: Russo One;
}

.list-outs {
    margin-top: 13px;
}

.history {
    margin-top: 50px;
}

.pay-mode level-1 {
    background: linear-gradient(#ca68bd, #cf8ec6);
    border-radius: 14px;
    width: 248px;
    height: 114px;
}

.details {
    border-radius: 10px;
    width: 100%;
    height: auto;
    padding: 13px 20px;
    justify-content: space-between;
    margin-top: 20px;
}

.pay-mode {
    justify-content: space-between;
    align-items: center;
}

.time1 {
    background: linear-gradient(#ca68bd, #cf8ec6);
}

.time2 {
    background: linear-gradient(#1d75bd, #549cd7);
}

.time3 {
    background: linear-gradient(#eb890e, #d79645);
}

.time4 {
    background: linear-gradient(#38a951, #4bb963);
}

.tap-content {
    margin-top: 50px;
}

/********************************** referral **********************************/

.referral-bg {
    background: url(../images/ref-banner.jpg) no-repeat scroll 0 0;
    background-size: cover;
}

.ref-det {
    background: #fff;
    padding: 0px 10px;
    font-size: 30px;
    font-weight: bold;
    width: auto;
    height: auto;
}

.ref-level {
    width: 296px;
    height: 40px;
    background: #1cac40;
}

.ref-level {
    width: 100%;
    height: auto;
    padding: 14px 10px;
}

.color-1 {
    background: #1cac40;
}

.color-2 {
    background: #05d5e9;
}

.color-3 {
    background: #2a53ae;
}

.color-4 {
    background: #b1d045;
}

.ref-offer {
    margin-bottom: 10px;
    margin-top: 10px;
}

.reff-button {
    margin-top: 25px;
}

.ref-level h5 {
    font-size: 14px;
    margin-bottom: 0;
}

/********************************** fequently **********************************/

.add-content span {
    font-size: 20px;
    font-family: russo one;
}

.com-address {
    align-items: center;
}

.frequently-bg {
    background: url(../images/freq-banner.jpg)no-repeat scroll 0 0 #fff;
    background-size: cover;
}

.frequently.questions li {
    padding: 5px 0px;
}

.accordion-item h2 {
    font-family: Exo;
    font-weight: bold;
    font-size: 16px;
}

.all-sec {
    margin-top: 50px;
    margin-left: -48px;
}

.freq-button {
    margin-left: -100px;
}

/**********************************payment**********************************/

.pay-bg {
    background: url(../images/img-bg-7.jpg) no-repeat scroll 0 0;
    background-size: cover;
}

.pay-ico {
    padding: 24px 24px;
}

.payment {
    padding: 10px;
    margin: 6px 0px;
}

/**********************************footer **********************************/

.foot-bg {
    background: url(../images/footer-bg.jpg) no-repeat scroll 0 0;
    background-size: cover;
}

.foot-link li a {
    color: #fff;
    text-decoration: none;
    font-family: var(--bs-font-sans-serifr);
    font-weight: 600;
}

.foot-link li {
    padding: 7px;
    font-size: 14px;
}

.foot-ico {
    padding: 40px 0;
    align-items: center;
}

.social-ico a {
    background: #fff;
    width: 37px;
    height: 37px;
    text-align: center;
    padding: 11px 0;
    margin-right: 8px;
    border-radius: 50%;
    font-size: 16px;
    display: inline-block;
    color: #0e3b53;
}

.foot-logo p br {
    display: none;
}

.social-ico {
    margin-top: -40px;
}

.copyright h6 {
    font-family: exo;
    font-weight: normal;
    font-size: 13px;
}

.foot-bg::before {
    position: absolute;
    content: "";
    background: url("../images/foot-ico.png") no-repeat;
    width: 175px;
    height: 256px;
    right: 3px;
    bottom: 137px;
}

.social-ico a:hover {
    color: #040404;
}

.foot-list a:hover {
    color: #ddfd50;
}

/********************************** form pages**********************************/

.form-ico {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 42px;
    height: 54px;
    padding: 18px 12px;
    right: 0;
    border-radius: 5px;
    background-color: #bedd5d;
}

.form-block label {
    display: none;
}

.form-title {
    margin-bottom: 40px;
    margin-top: 55px;
}

.form-ico i {
    color: #000;
    font-size: 18px;
}

.form-cpy {
    padding: 123px 0 0px 0;
}

.form-cpy h6 {
    font-size: 14px;
}

.form-ico2 {
    top: -4px;
    margin: 0 auto;
}

.clr {
    color: #ffe400;
}

.form-img {
    min-height: 450px;
}

@media only screen and (min-width: 1345px) {
    .form-img::after {
        position: absolute;
        content: "";
        background: url("../images/banner-img1.png");
        height: 310px;
        left: -375px;
        bottom: 0px;
        top: -38px;
        margin: auto;
        width: 278px;
    }
    .form-img::before {
        position: absolute;
        content: "";
        background: url("../images/banner-img2.png");
        height: 300px;
        bottom: 0px;
        top: 0px;
        margin: auto;
        width: 327px;
        right: -393px;
    }
}

.exo {
    font-family: var(--bs-font-sans-serifr);
}

.payment-carousel img {
    margin: 20px auto;
}

.langs-drop img {
    margin-right: 9px;
}

/******************************common css***********************/

.table-page {
    text-align: center;
    display: flex;
    justify-content: center;
    margin: 5px 0;
}

.table-page li {
    list-style-type: none;
    color: #000000;
    margin: 10px;
}

.table-page a {
    padding: 9px 17px;
    border-radius: 50%;
    color: #ffffff;
    background: #774200;
}

.table-page a:hover {
    background: #ffa949;
}

.rules p {
    margin: 10px 0;
    font-size: 15px;
    color: #000000;
}

.faq_accordian .accordion-toggle {
    margin-bottom: 5px;
    cursor: pointer;
    font-size: 15px;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    width: 100%;
    font-weight: 600;
    padding: 20px 46px 20px 17px;
    border-radius: 10px;
    /**  background: url(../images/accordian_arrow_down.png) no-repeat center right 20px #ef3e47;**/
    background: url(../images/accordian_arrow_down.png) no-repeat center right 20px, rgba(21, 63, 87, 1);
    background: url(../images/accordian_arrow_down.png) no-repeat center right 20px, -moz-linear-gradient(top, rgba(21, 63, 87, 1) 0%, rgba(30, 84, 115, 1) 100%);
    background: url(../images/accordian_arrow_down.png) no-repeat center right 20px, -webkit-gradient(left top, left bottom, color-stop(0%, rgba(21, 63, 87, 1)), color-stop(100%, rgba(30, 84, 115, 1)));
    background: url(../images/accordian_arrow_down.png) no-repeat center right 20px, -webkit-linear-gradient(top, rgba(21, 63, 87, 1) 0%, rgba(30, 84, 115, 1) 100%);
    background: url(../images/accordian_arrow_down.png) no-repeat center right 20px, -o-linear-gradient(top, rgba(21, 63, 87, 1) 0%, rgba(30, 84, 115, 1) 100%);
    background: url(../images/accordian_arrow_down.png) no-repeat center right 20px, -ms-linear-gradient(top, rgba(21, 63, 87, 1) 0%, rgba(30, 84, 115, 1) 100%);
    background: url(../images/accordian_arrow_down.png) no-repeat center right 20px, linear-gradient(to bottom, rgba(21, 63, 87, 1) 0%, rgba(30, 84, 115, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#153f57', endColorstr='#1e5473', GradientType=0);
}

.faq_accordian .accordion-toggle.active {
    /**  background: url(../images/accordian_arrow_up.png) no-repeat center right 20px, #fbaf3b;**/
    color: #fffffff;
    background: url(../images/accordian_arrow_up.png) no-repeat center right 20px, rgba(56, 169, 81, 1);
    background: url(../images/accordian_arrow_up.png) no-repeat center right 20px, -moz-linear-gradient(top, rgba(56, 169, 81, 1) 0%, rgba(75, 185, 99, 1) 100%);
    background: url(../images/accordian_arrow_up.png) no-repeat center right 20px, -webkit-gradient(left top, left bottom, color-stop(0%, rgba(56, 169, 81, 1)), color-stop(100%, rgba(75, 185, 99, 1)));
    background: url(../images/accordian_arrow_up.png) no-repeat center right 20px, -webkit-linear-gradient(top, rgba(56, 169, 81, 1) 0%, rgba(75, 185, 99, 1) 100%);
    background: url(../images/accordian_arrow_up.png) no-repeat center right 20px, -o-linear-gradient(top, rgba(56, 169, 81, 1) 0%, rgba(75, 185, 99, 1) 100%);
    background: url(../images/accordian_arrow_up.png) no-repeat center right 20px, -ms-linear-gradient(top, rgba(56, 169, 81, 1) 0%, rgba(75, 185, 99, 1) 100%);
    background: url(../images/accordian_arrow_up.png) no-repeat center right 20px, linear-gradient(to bottom, rgba(56, 169, 81, 1) 0%, rgba(75, 185, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38a951', endColorstr='#4bb963', GradientType=0);
}

.faq_accordian {
    width: 100%;
}

.faq_accordian .accordion-content p {
    width: 100%;
    display: inline-block;
    font-size: 15px;
    line-height: 24px;
    background: rgb(4, 81, 93, 1);
    padding: 20px;
    border-radius: 10px;
    color: #fff;
    margin-top: 0;
}

.faq_accordian .accordion-content {
    display: none;
    margin-bottom: 10px;
}

.faq_accordian .accordion .open {
    display: block;
}

.faq-btn {
    text-align: center;
    margin: 20px 0;
}

.faq_accordian .accordion-content p a {
    color: #ffffff;
}

.bootbox-close-button.close {
    float: right;
}

.error {
    border-radius: 0px;
    padding: 10px;
    font-size: 14px;
    background: #b72c2c;
    color: #ffffff;
    display: inline-block;
    width: auto;
    margin: 2px 0;
    font-family: var(--bs-font-sans-serifr);
}

.success {
    border-radius: 0px;
    padding: 10px;
    font-size: 14px;
    background: #448d17;
    color: #ffffff;
    display: inline-block;
    width: auto;
    margin: 2px 0;
    font-family: var(--bs-font-sans-serifr);
}

.msg ul {
    list-style-type: none;
}

.msg br {
    display: none;
}

.error i,
.success i {
    margin-right: 5px;
}

.msg {
    margin: 10px 0 !important;
    text-align: center;
}

.bootbox-close-button.close {
    background: #04445a;
    border: 1px solid #04445a;
    color: #ffffff;
    border-radius: 5px;
    float: right;
}

textarea:focus-visible {
    box-shadow: none;
}

.bootbox-close-button.close:hover {
    background-color: #53e2f6;
    border: 1px solid #53e2f6;
}

table input[type="text"] {
    width: 100%;
    border: none;
    background-color: #f2f2f2;
    padding: 10px 0;
}

/**********************news*************************/

.checkbox {
    text-align: center;
}

.res.how-it-con::after {
    content: inherit;
    display: none;
}

.pagination {
    /* text-align: center; */
    justify-content: center;
    margin: 10px 0;
}

/*********************tpl changes*******************/

.plan-con h3 {
    font-size: 22px;
}

.plan-bg-con ul li h4 {
    font-size: 20px;
}

.plan-bg-con ul {
    margin: 10px 0;
}

.form-select option {
    background-color: #0a2b32;
}

.calender h6 {
    font-size: 14px;
}

.faq_accordian.faq-home .accordion-toggle {
    background: url(../images/accordian_arrow_down.png) no-repeat center right 20px, rgba(21, 63, 87, 1);
}

.home-tab .col-lg-3:first-child .details,
.home-tab .col-lg-3:nth-child(5) .details {
    background: linear-gradient(#ca68bd, #cf8ec6);
}

.home-tab .col-lg-3:nth-child(2) .details,
.home-tab .col-lg-3:nth-child(6) .details {
    background: linear-gradient(#1d75bd, #549cd7);
}

.home-tab .col-lg-3:nth-child(3) .details,
.home-tab .col-lg-3:nth-child(7) .details {
    background: linear-gradient(#eb890e, #d79645);
}

.home-tab .col-lg-3:nth-child(4) .details,
.home-tab .col-lg-3:nth-child(8) .details {
    background: linear-gradient(#38a951, #4bb963);
}

/********************************** Responsive **********************************/

@media only screen and (max-width: 1345px) {
    .foot-bg::before {
        content: inherit;
        display: none;
    }
}

@media only screen and (max-width: 1199px) {
    .ban-listen,
    .ban-auto {
        margin-right: 0;
        margin-top: 0;
        text-align: center !important;
    }
    .ban-listen h2,
    .ban-listen p,
    .ban-auto p,
    .ban-auto h2 {
        text-align: center !important;
    }
    .ban-listen h2 br,
    .ban-listen p br,
    .ban-auto p br {
        display: none;
    }
    .pay-security ul {
        justify-content: center;
    }
    .pay-security li {
        margin: 0 26px;
        padding: 0;
    }
    .pay-security {
        margin-top: 0;
    }
    .listen {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
        /* margin-top: 45px; */
    }
    .auto {
        width: auto;
        height: auto;
        margin-bottom: 10px;
    }
    .all-sec {
        margin-left: 0;
    }
    .freq-button {
        margin-left: 0;
    }
    .abt-button {
        margin-top: 0;
        margin-bottom: 0;
    }
    .foot-logo {
        text-align: center;
    }
    .head-chat li {
        padding-right: 36px;
    }
    .plan-cont p br {
        display: none;
    }
    .abt-bg {
        background-image: none;
        background-color: #e2f59b;
        padding: 40px 0;
    }
    .abt-title {
        text-align: center;
    }
    .abt-title {
        margin-top: 0;
    }
    .security h4 {
        margin-left: 0;
    }
    .security {
        margin-top: 0;
    }
}

@media only screen and (max-width: 991px) {
    .pay-security ul {
        display: inline-block !important;
        width: 100%;
        text-align: center;
    }
    .pay-security li {
        margin: 10px 0px;
    }
    .history.text-end {
        text-align: center !important;
        margin-top: 20px;
    }
    #nav-tab {
        justify-content: center;
        width: 100%;
    }
    dropdown.langs-drop {
        display: none;
    }
    .plan-sec {
        width: 100%;
        height: auto;
    }
    .plan-title br {
        display: none;
    }
    .plan-title {
        text-align: center;
    }
    .plan-cont.text-end {
        text-align: center !important;
    }
    .refe-title {
        text-align: center;
    }
    .refe-title.text-end {
        text-align: center !important;
    }
}

@media only screen and (max-width:767px) {
    .head-chat li span {
        bottom: -15px;
        right: 0;
        top: inherit;
    }
    .head-btn {
        margin-top: 30px;
    }
    .dropdown.langs-drop {
        text-align: center;
        margin-bottom: 10px;
    }
    .head-chat,
    .head-btn {
        justify-content: center;
    }
    .foot-link {
        /* text-align: center; */
        justify-content: center;
        text-align: center;
        margin: 0 !important;
    }
    .foot-ico {
        padding: 0px;
        align-items: center;
        justify-content: center;
    }
    .social-ico {
        margin-top: 0;
    }
    .social-ico ul {
        justify-content: center;
    }
    .copyright {
        text-align: center;
    }
    .all-sec {
        margin-left: 0;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 575px) {
    .head-chat li {
        padding-right: 0;
    }
}