.prcy-heading {

    color: #fff;
    margin-bottom: 10px !important;
}
.privacy-sec p{

    margin-bottom: 10px;
    font-size: 16px;
    color: #fff;
}

.privacy-sec {
    padding-top: 50px !important;
    padding-bottom: 50px;
}

.cyber-padding {

    padding-bottom: 50px;
}
.privacy-sec ul{

    color: #ffff;
}

.image-dwns {

    align-items: center;
}

.heading-color {

    color: #ffff;
}

.ul-color {

    color: #fff;
}

.testi-top {

    padding-top: 50px;
    padding-bottom: 50px;
}

.whyus-padding {

    padding-bottom: 50px;
}

.howplay-sec {

    padding-top: 50px;
    padding-bottom: 50px;
}

.dwn-padding {

    padding-bottom: 50px;
}



/* Points */

/* .points__bgs{

} */

.page-header-bg:before {
    display: none;
}

.page-header-bg {
    background-position: 50% 100%;
    background-size: cover !important;
}

.about_donld_sec {
    background: url(../../assets/images/img/join_f1.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
}

/* .........................................inner banner section ends............................... */


/* ....................................media section starts.............................. */

@media(max-width:767px) {
    .section-title__title {
        font-size: 29px;
    }

    .cta-one__title {
        font-size: 30px;
    }

    .main-slider__title {
        font-size: 40px;
        line-height: 60px;
    }

    .counter__sect {
        padding-bottom: 0;
    }

    .index__abt {
        padding: 50px 0 20px;
    }

    .about__res {
        flex-direction: column-reverse;
    }

    .about-one__right {
        margin-top: 0;
    }

    .about__tw_rt {
        margin-left: 0 !important;
    }

    .working-process__single {
        padding: 25px 28px 30px;
    }

    .project-one {
        padding: 0 0 40px;
    }

    .testimonial-one {
        padding: 60px 0 100px;
    }

    .table td {
        font-size: 12px;
    }
}

@media(max-width:600px) {
    .main-slider__sub-title {
        font-size: 8px;
    }

    .main-slider .container {
        padding-top: 115px;
    }
}


@media(max-width:992px) {
    .section-title__title {
        font-size: 30px;
    }
}



@media(min-width:992px) {
    .about-one {
        padding: 60px 0;
    }
}



/* .................................................media section ends................................... */

/* ..........................................counter section starts.................................... */



.working-process__icon img {
    width: 70px;
}

.counter_odometer {
    line-height: 40px !important;
}

.feature-three__top-title {
    margin-top: 0;
}

.feature-three__top-icon-list li:hover .feature-three__top-icon span {
    transform: scale(1);
}

.k_count {
    font-size: 24px;
}

.feature-three__top-icon img {
    width: 50px;
}

.feature-three__top-icon-content div:nth-child(2) {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 26px;
}


/* ................................................counter section ends...................................... */
/* .............................................point table............................... */
.strike__p {
    text-align: center;
    margin: 16px 0;
}

ul.nav>li.active {
    background: #501e22;
}

.li_a.btn {
    color: white;
}

.li_a.btn:hover {
    color: white;
}

ul.nav>li p {
    margin-bottom: 0;
}

@media(min-width:992px) {
    .point_tab_score {
        background-position: 52% 100%;
    }
}

.score1 {
    background-position: 93%;
    background-size: cover;
}

.tr_table {
    font-size: 16px;
}

.tab-score {
    border: 1px solid rgba(204, 163, 84, 0.25);
    border-radius: 0px 5px 5px 10px;
}

@media (max-width: 319px) {
    .fa-ature_txt {
        position: absolute;
        bottom: 5%;
        padding: 23px 78px 23px 23px;
        font-size: 8px !important;
        line-height: 22px;
    }

    .t-f-ont {
        font-size: 9px !important;
    }
}

@media(min-width:333px) and (max-width:437px) {
    .mar_btm {
        /* margin-top: 15px; */
    }
}

@media(max-width:333px) {
    /* .a_3-b {
        margin-top: 15px;
    } */
}

@media(max-width:340px) {
    .sel_cap {
        text-align: initial;
    }

    tr.t-11.tr_table th {
        font-size: 11px;
    }

    tr td {
        font-size: 10px !important;
    }
}

@media(max-width:375px) {

    /* .text-white.inMail.color_inp {
        position: relative;
        left: -113%;
        top: -51px;
    }
    .inText.color_inp.in_tex {
        position: absolute;
        left: -31%;
        top: -64px;
    }
    .re_gistr_btn {
        background-size: cover;
        position: relative;
        left: -10%;
        top: -1px;
    } */
    /* .a_3-b1 {
        margin-top: 13px;
    } */
    .team-pic img {
        width: 245px !important;
    }

    .team-desc {
        width: 245px !important;
    }

    .team-pic::after {
        bottom: 74%;
        left: 87%;
        /* border-top: 6px solid #c81c6c; */
        border-right: 6px solid #c81c6c;
        content: "";
        display: block;
        height: 26%;
        width: 0;
        position: absolute;
    }

    .team-desc::after {
        bottom: 53%;
        left: 57%;
        border-top: 6px solid #c81c6c;
        border-right: 3px solid #c81c6c;
        content: "";
        display: block;
        height: 18%;
        width: 32%;
        position: absolute;
        ;
    }

    .call_er {
        position: absolute;
        top: 34%;
        left: 0% !important;
    }

    .color_inp {
        height: 22px !important;
        width: 75px;
        background: transparent !important;
        color: #000 !important;
    }
}

@media (max-width:550px) {
    .hea_point {
        font-size: 27px !important;
    }

    .btn_contac_s {
        font-size: 9px !important;
        padding: 8px 9px !important;
    }

    .side-box {
        /* background: url(../images-event/pm/side1.jpg) center center no-repeat; */
        background-size: 180% 100% !important;
    }

    .ul_3rd_line {
        padding-left: 0 !important;
    }

    .history_left {
        margin-left: 25px;
    }
}

@media screen and (max-width:375px) {
    .m-c-modal {
        margin-top: 62%;
        width: 88%;
    }
}

@media(max-width:320px) {
    .hea_point {
        font-size: 23px !important;
    }

    .enter_email {
        font-size: 12px !important;
    }

    .ul_point li {
        /* margin-right: 5px !important; */
    }

    .ul_point li:last-child {
        margin-right: 0 !important;
    }
}

.t-f-ont {
    font-size: 12px;
}

@media (max-width:425) {
    .ta-b-le1 {
        padding-left: 0px !important;
    }
}

.tab-bor:nth-last-of-type(3) {
    display: block;
}

.tab-bor {
    display: none;
}

.ul_point li a:hover {
    background-color: #b78b36 !important;
    /* transition: 4s; */
}

.ul_point {
    /* background-color: #101113; */
    border: none;
}

.ul_point li {
    /* margin-right: 15px; */
}

.ul_point li:last-child {
    margin-right: 0;
}

.point-header {
    margin-bottom: 65px;
}

.things-to-do {
    margin-top: 24px;
}

.ul-nav {
    margin-top: 30px;
    margin-bottom: 30px;
}

.point_system .section-title {
    margin-top: 65px !important;
}


/* .tab-border {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
} */

.tab-score {
    width: 100%;
}

.banner-png img {
    position: relative;
    background: no-repeat scroll bottom center;
    background-size: cover;
    height: 50%;
    width: 100%;
}

.exp_per {
    font-family: 'Train One', cursive;
}

.box-wrapper {
    background: #000;
}

.h-4-t {
    border-bottom: 0px !important;
    /* margin-top: 58px; */
    color: white;
    padding: 0 0 9px 0;
    text-align: center;
}

.tab-score {
    margin: 0px;
    /* border-collapse: collapse; */
    /* width: 100%;
    border: 2px solid #02c3ef;
    box-shadow: 0 0px 10px 8px #873FF8;
    border-radius: 10px !important;
    border-style: hidden; */
}

.tab-score {
    border-collapse: collapse;
    width: 100%;
}

.tab-score th,
td {
    padding: 10px;
    text-align: left;
    /* border: 1px solid #ccc; */
    border-top: 1px solid #dee2e6;
}

.ac-tive1 {
    background: #c81c6c;
}

.t-11 {
    /* background-color: #ffac85; */
    /* background: linear-gradient(180deg, #74CFD5 0%, #4697AB 100%); */
    background:#ff000540;
}

.t-12 {
    background-color: #873FF8;
}

.point-header {
    color: white;
    text-align: justify;
    word-spacing: 0px;
}


/* .tab-bor {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
} */

.r-ow-point {
    /* margin-left: -19px; */
}

.r-ow-point .ul-nav {
    margin-left: auto;
    margin-right: auto;
}

.ul_point {
    border-bottom: 0px;
    gap: 10px;
}

.ul_point li p {
    /* background: #ff8188; */
    /* background: linear-gradient(180deg, #74CFD5 0%, #4697AB 100%); */
    font-size: 1rem;
}

.ul_point li {
    /* background: linear-gradient(180deg, #74CFD5 0%, #4697AB 100%); */
    background: #ff0005;
    border-radius: 9px;
}


/* .ul_point li {
    background-color: #c51e73;
} */


/* .nav-tabs>li.active>a {
    background-color: #470546 !important;
    background: #811a96 !important;
    color: white !important;
} */

.table th {
    /* border: 1px solid #dddddd; */
    /* text-align: left; */
    padding: 10px;
    /* border: 1px solid #607ee0; */
}

.table td {
    padding: 10px;
    font-size: 14px;
    /* border-top-color: rgba(204, 163, 84, 0.25); */
}

.table_others th {
    padding: 10px 0;
}

.table_others tr th {
    background: #ff000540;
    /* background: linear-gradient(180deg, #74CFD5 0%, #4697AB 100%); */

}


.table_others tr th {
    color: white;
}

.table1 th {
    color: black;
    font-size: 20px;
}

.table1 table {
    border-collapse: collapse;
    width: 100%;
    border: 2px solid #02c3ef;
    box-shadow: 0 0px 10px 8px #02c3ef;
    border-radius: 10px !important;
    border-style: hidden;
}

.table1 table tr:last-child td:first-child {
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.table1 table tr:last-child td:last-child {
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.table_others {
    width: 100%;
    /* margin-left: 30px; */
}

.mommodo-list {
    list-style-type: disc;
}

.table_others {
    border: 1px solid rgb(204 163 84 / 25%);
}

.table_others td {
    border: 1px solid rgb(204 163 84 / 25%);
}

.div_others {
    margin-top: 40px;
    margin-bottom: 40px;
}


/* .table1 th  {
   padding: 20px;
  }
  .table1 td  {
    padding: 20px;
   } */

.table1 tr:nth-child(even) {
    background-color: #205cb6;
}

@media (min-width: 280px) and (max-width: 480px) {

    .table1 table td,
    .table1 table th {
        padding: .5rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6;
        font-size: 12px;
        line-height: 20px;
    }

    .aboutimg {
        margin-top: 20px;
    }
}

.tab-score td {
    border-bottom: 1px solid rgba(204, 163, 84, 0.25);
    border-right: none;
    border-top: none;
    border-left: none;
}

.tab-score th {
    border: none !important;
}

.table.tab-score {
    box-shadow: 0 5px 5px 0 rgb(204 163 84 / 25%);
}

.table tr th {
    color: #fff;
}

.table tr td {
    color: #fff;
}

/* points */

.common_content_sec {
    padding: 50px 0 0;
}

.footer-section {

    padding-top: 80px;
}

.clr-style {

    color: #fff;
}

.about-secnd {

    padding-top: 50px;
    padding-bottom: 50px;
}

.heading-dwn {


    margin-bottom: 50px;
}

.icons-section .clients-section-btn a {
    color: var(--e-global-color-white-banner-text);
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
    border: 1px solid var(--e-global-color-grey-icons);
    padding: 8px 29px;
    border-radius: 3px;
    transition: transform ease 300ms;
    text-align: center;
    display: flex;
    justify-content: center;

}

.tips-padding {

    padding-top: 0px;
    padding-bottom: 100px;
}

.color-chang {

    color: var(--e-global-color-grey-icons);
}

.banner-main {

    padding-top: 177px;
}


/* howtoplay */
.wrapper {
    width: 100%;
    /* height:100%; */
    /* min-height: 100vh; */
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    /* background-image: url("https://images.pexels.com/photos/3503629/pexels-photo-3503629.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.wrapper .box {
    position: relative;
    width: 280px;
    height: 400px;
    box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    margin: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
    transform-style: preserve-3d;
    transform: perspective(800px)
}

h2 {
    color: #f5f5f5;
    font-size: 2.5rem;
    text-align: center;
    font-family: 'Acme', sans-serif;
}

.main-clss {
    color: #ccc;
    margin: 20px 10px;
    font-family: 'Fira Code', monospace;
}

.list {
    list-style: none;
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    margin: 30px 0;
    padding: 10px;
}

.main-li {
    cursor: pointer;
    width: 30px;
    height: 30px;
}

i {
    color: #ccc;
    font-size: 1.5rem;
    transition: all 0.3s ease;
}

.main-li:hover .fa-twitter {
    transform: translate3d(0, -10px, 20px);
    color: #00acee;
}

.main-li:hover .fa-github {
    transform: translate3d(0, -10px, 20px);
    color: gray;
}

.main-li:hover .fa-linkedin-in {
    transform: translate3d(0, -10px, 20px);
    color: #077099;
}


.howtoplay-sec {

    padding-bottom: 50px;
    padding-top: 50px;
    background-image: linear-gradient( 109deg, var(--e-global-color-dark-marron) 17%, var(--e-global-color-dark-icons-background) 46% );
}


.btn-centr {

    justify-content: center;
}

.counter-down {

    padding-bottom: 50px;
    padding-top: 50px;
}

.height-changs {

    height: 356px;
}

.fade:not(.show) {

    opacity: 1;
}

.main-centr {

    align-items: center;
}

.height-equl {

    height: 404px;
}

.vision-padng {

    padding-bottom: 50px;
}

/* UI screen */
.screenshots.style-4 {
    /* background-color: #f0eff5; */
    overflow: hidden;
    padding-top: 100px;
    position: relative;
    height: 700px; }
    .screenshots.style-4::after {
      position: absolute;
      content: "";
      bottom: -1px;
      left: 0;
      width: 100%;
      height: 30px;
      border-top-left-radius: 30px;
      border-top-right-radius: 30px;
      /* background-color: #fff; */
      z-index: 10; }
    .screenshots.style-4 .screenshots-slider {
      position: absolute;
      top: 110px;
      width: calc(100% + 120px);
      left: -60px; }
      .screenshots.style-4 .screenshots-slider .img {
        margin: 0 auto;
        height: 420px;
        width: 190px; }
        .screenshots.style-4 .screenshots-slider .img img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
          object-fit: cover;
          border-radius: 20px; }
    .screenshots.style-4 .mob-hand {
      pointer-events: none;
      position: absolute;
      left: 50%;
      bottom: 0;
      -webkit-transform: translateX(-33%);
      -ms-transform: translateX(-33%);
      transform: translateX(-33%);
      height: 600px;
      z-index: 10; }
  
  /* --------------- screenshots style-11 --------------- */
  .screenshots.style-11 .links {
    text-transform: capitalize;
    padding-bottom: 130px;
    overflow: hidden;
    position: relative; }
    .screenshots.style-11 .links .img {
      position: relative; }
      .screenshots.style-11 .links .img img {
        width: 50px;
        -webkit-margin-end: 10px;
        margin-inline-end: 10px;
        position: relative;
        z-index: 10; }
      .screenshots.style-11 .links .img::after {
        position: absolute;
        content: "";
        left: 25px;
        top: 25px;
        height: 1000px;
        width: 1px;
        border: 1px dashed #9994;
        -webkit-transform-origin: top;
        -ms-transform-origin: top;
        transform-origin: top; }
    .screenshots.style-11 .links .row .col-lg-2:nth-of-type(1) .img::after {
      -webkit-transform: rotate(-74deg);
      -ms-transform: rotate(-74deg);
      transform: rotate(-74deg); }
    .screenshots.style-11 .links .row .col-lg-2:nth-of-type(2) .img::after {
      -webkit-transform: rotate(-66deg);
      -ms-transform: rotate(-66deg);
      transform: rotate(-66deg); }
    .screenshots.style-11 .links .row .col-lg-2:nth-of-type(3) .img::after {
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .screenshots.style-11 .links .row .col-lg-2:nth-of-type(4) .img::after {
      -webkit-transform: rotate(17deg);
      -ms-transform: rotate(17deg);
      transform: rotate(17deg); }
    .screenshots.style-11 .links .row .col-lg-2:nth-of-type(5) .img::after {
      -webkit-transform: rotate(57deg);
      -ms-transform: rotate(57deg);
      transform: rotate(57deg); }
    .screenshots.style-11 .links .row .col-lg-2:nth-of-type(6) .img::after {
      -webkit-transform: rotate(71deg);
      -ms-transform: rotate(71deg);
      transform: rotate(71deg); }
  
  .screenshots.style-11 .main-img {
    position: relative; }
    .screenshots.style-11 .main-img .link-icon {
      position: absolute;
      width: 50px;
      height: 50px;
      line-height: 50px;
      text-align: center;
      background-color: #fff;
      border-radius: 50%;
      -webkit-box-shadow: 0 0 15px #0001;
      box-shadow: 0 0 15px #0001;
      left: calc(50% - 28px);
      top: -25px;
      z-index: 20; }

/* Ui screen */

/* how to play */


.more-features .content-area {
    margin-bottom: -40px;
}

.more-features .content-area .single-item {
    display: flex;
    margin-bottom: 35px;
}

.more-features .content-area .single-item .image-area img {
    max-width: initial;
}

.more-features .content-area .single-item .text-area {
    margin-left: 20px;
}

.more-features .content-area .single-item .text-area h5 {
    margin-bottom: 16px;
}

.section-header {
    margin-bottom: 55px;
}

.more-features .img-area {
    width: 100%;
    padding-top: 40px;
    margin: auto;
}

.section-header {
    margin-top: -8px;
    margin-bottom: 40px;
}

.section-header {
    margin-top: -5px;
    margin-bottom: 30px;
}

.section-header {
    margin-bottom: 55px;
}

.sub-title {
    color: var(--head-color);
    margin-bottom: 25px;
}

.title {
    font-weight: 700;
    margin-bottom: 14px;
}

.more-features .content-area .single-item .image-area img {
    max-width: initial;
}

.more-features .content-area .single-item .text-area {
    margin-left: 20px;
}

.more-features p {
    margin: 0;
    font-family: var(--body-font);
    font-size: 18px;
    font-weight: 400;
    /* color: var(--bs-white); */
    line-height: 30px;
    color: #fff;
}
.blogs-section-starts .cyber-contact-btn a{

    color: var(--e-global-color-white-banner-text);
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
    border: 1px solid var(--e-global-color-grey-icons);
    padding: 11px 37px;
    border-radius: 3px;
    transition: transform ease 300ms;
}

.cyber-contact-btn{

    justify-content: center;
}
.hw-width{

    width: 100%;
}

.more-features{


    padding-top: 50px;
    padding-bottom: 50px;
}

.howtoplay-sec .clients-section-btn a {


    color: var(--e-global-color-white-banner-text);
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
    border: 1px solid var(--e-global-color-grey-icons);
    padding: 8px 29px;
    border-radius: 3px;
    transition: transform ease 300;
    /* display: flex; */
}

.fa {
    background: var(--e-global-color-btn-red);
    border-radius: 50px;
    width: 25px;
    height: 25px;
}

.fa-angle-up:before{

    content: "\f106";
    color: black;
    /* justify-content: center; */
    padding-left: 3px;
}

.fa-angle-down:before {
    content: "\f107";
    color: black;
    padding-left: 3px;
}
.main-crcl{

    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
}

.counter-down{

    background: unset !important;
}

.main-cntr{

    background: var(--e-global-color-dark-icons-background);
}

.snap-sctn{

    color: var(--e-global-color-grey-icons);
}

.cntr-prt{

    /* text-align: center; */
}

.change-hght{

    height: 355px;
}


/* new styles */

.me-toggle {
    position: fixed;
    z-index: 9999;
    top: 8px;
    left: 8px;
    display: none;
    width: 48px;
    height: 48px;
    cursor: pointer;
    outline: none;
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
    overflow: visible;
  }
  @media only screen and (max-width: 800px) {
    .me-toggle {
      display: none;
    }
  }
  
  .me-toggle__info {
    position: absolute;
    z-index: 2;
    top: 30px;
    left: 30px;
    margin: 0;
    color: white;
    text-transform: uppercase;
    font-size: 10px;
    opacity: 0;
    letter-spacing: 1px;
    font-weight: 300;
  }
  
  .me-logo__device--small {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 48px;
    height: 48px;
  }
  
  .me-close {
    visibility: hidden;
    opacity: 0;
  }
  
  .me-toggle__base {
    width: 100%;
    height: 48px;
    background: black;
    background-image: linear-gradient(205deg, #313346 0%, #15161D 76%);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    border-radius: 2px;
  }
  
  .me-panel {
    position: absolute;
    z-index: 9998;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    width: 50%;
    height: 100%;
    transform: translateX(-101%);
    color: white;
    margin: auto;
    background-image: linear-gradient(205deg, #313346 0%, #15161D 76%);
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.3);
    font-family: noto-sans-condensed, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 1.357;
    text-align: center;
    -webkit-font-kerning: normal;
            font-kerning: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-y: scroll;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .me-panel::-webkit-scrollbar {
    display: none;
  }
  @media only screen and (max-width: 800px) {
    .me-panel {
      display: none;
    }
  }
  
  .me-panel__content {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    width: 90%;
    max-width: 376px;
    height: 100%;
    min-height: 630px;
    visibility: hidden;
    opacity: 0;
  }
  
  .me-panel__content-top {
    flex-basis: 60%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
  }
  
  .me-panel__content-btm {
    flex-basis: 40%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
  }
  
  .me-logo {
    width: 76px;
    height: 66px;
  }
  
  .me-logo__device {
    opacity: 0;
  }
  
  .me-title {
    position: relative;
    top: auto;
    left: auto;
    margin: 26px 0 35px;
    font-family: noto-sans-extracondensed, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 5px;
  }
  .me-title span {
    display: block;
    margin-top: 5px;
    opacity: 0.5;
    font-family: noto-sans-condensed, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
  }
  
  .me-thanks {
    margin-bottom: 16px;
    overflow: hidden;
  }
  
  .me-thanks__title {
    margin: 0 0 2px;
    font-family: noto-sans-extracondensed, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 104px;
    text-transform: uppercase;
    letter-spacing: 5px;
    line-height: 1;
  }
  
  .me-line {
    width: 100%;
    height: 1px;
    background: white;
    opacity: 0.16;
  }
  
  .me-intro {
    margin: 0;
    opacity: 0.5;
  }
  
  .me-profile {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin-top: 18px;
    min-height: 20vh;
  }
  
  .me-profile__link {
    position: absolute;
    top: calc(50% - 54px);
    left: calc(50% - 132px);
    width: 262px;
    height: 108px;
    border-radius: 50%;
  }
  .me-profile__link.me-profile__link-disabled {
    pointer-events: none;
    cursor: default;
  }
  
  .me-line-vert {
    width: 1px;
    height: 100%;
    min-height: 20vh;
    background: white;
    opacity: 0.16;
  }
  
  .me-links {
    width: 100%;
  }
  
  .me-links__list {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    height: 92px;
    overflow: hidden;
  }
  
  .me-links__item {
    list-style-type: none;
  }
  
  .me-links__link {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    color: white;
    opacity: 0.5;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: scale 0.2s linear, color 0.2s linear;
  }
  .me-links__link:hover {
    color: #4A90E2;
    opacity: 1;
  }
  .me-links__link:hover .me-links__item-marker {
    transform: scale(1);
  }
  
  .me-links__item-marker {
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 1;
    width: 1px;
    height: 30px;
    background-color: #4A90E2;
    transform: scale(0);
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transform-origin: center bottom;
  }
  
  /*  ==========================================================================
     Variables etc
     ========================================================================== */
  .results__dial-percent-text text, body {
    font-family: "proxima-nova", sans-serif;
    font-style: normal;
    font-weight: 400;
  }
  
  .results__dial-saving, .results__dial-perc, .results__dial-perc-text, .results__dial-results {
    font-family: "proxima-nova", sans-serif;
    font-style: normal;
    font-weight: 700;
  }
  

  .results__dial {
    visibility: visible;
  }
  .results__dial text, .results__dial tspan {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  
  /*  Percentage Markers
      ========================================================================== */
  .results__dial-percent-text text {
    -webkit-font-smoothing: subpixel-antialiased;
  }
  
  /*  Text
      ========================================================================== */
  .results__dial-perc-text, .results__dial-results {
    font-feature-settings: "tnum" 1;
    text-anchor: middle;
  }
  
  .results__dial-perc-text, .results__dial-results {
    font-size: 24px;
  }
  
  .results__dial-perc {
    text-anchor: middle;
    font-size: 48px;
    -webkit-font-smoothing: subpixel-antialiased;
  }
  
  .results__dial-saving {
    font-size: 48px;
    -webkit-font-smoothing: subpixel-antialiased;
  }
  
  /*  Dragger
      ========================================================================== */
  .results__dial-drag-arrows, .results__dial-drag-pad {
    pointer-events: none;
  }
  
  .results__dial-drag-hit {
    cursor: pointer;
  }

  .main-why{

    padding-top: 50px;
    padding-bottom: 50px;
  }

  .small-wdth{

    width: 100%;
    max-width: 115px;
  }
  .marqee-cl{

    /* color: #fff; */
    color: var(--e-global-color-grey-cyber-box);
  }
.disc-ss{

    color: #ffff;
    font-size: 18px;
}


  /* .btn-talk button{

    background: var(--e-global-color-white-banner-text);
    color: var(--e-global-color-btn-red) !important;
    transition: all 0.3s ease-in-out;
} */
  
/* new styles */




/* ss */

.about.style-4 {
    overflow: hidden;
    position: relative; }
    .about.style-4 .top-wave {
      position: absolute;
      top: -2px;
      width: 100%; }
    .about.style-4 .bottom-wave {
      position: absolute;
      bottom: -2px;
      width: 100%;
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }
    .about.style-4 .content {
      position: relative;
      padding: 60px 0; }
      .about.style-4 .content ul li h6 {
        font-size: 15px; }
      .about.style-4 .content.frs-content .lines, .about.style-4 .content.trd-content .lines {
        position: absolute;
        left: 0;
        top: -80px;
        width: 40%;
        max-width: unset;
        max-height: unset; }
      .about.style-4 .content.frs-content .bubble, .about.style-4 .content.trd-content .bubble {
        position: absolute;
        left: 0;
        top: 0;
        width: 50%;
        max-width: unset;
        max-height: unset;
        -webkit-animation: rotate-center 100s linear infinite both;
        animation: rotate-center 100s linear infinite both; }
      .about.style-4 .content.sec-content .bubble2 {
        position: absolute;
        right: 0;
        top: 0;
        width: 50%;
        max-width: unset;
        max-height: unset;
        -webkit-animation: rotate-center 100s linear infinite both;
        animation: rotate-center 100s linear infinite both; }
    .about.style-4 .btn-img {
      text-align: initial;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      background-color: #f4f2fb;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .about.style-4 .btn-img .icon {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 15px;
        margin-right: 15px;
        border-right: 1px solid #0001;
        width: 45px; }
      /* .about.style-4 .btn-img .inf {
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
        .about.style-4 .btn-img .inf small {
          font-size: 10px;
          color: #666; }
        .about.style-4 .btn-img .inf h6 {
          font-size: 12px;
          color: #000;
          font-weight: bold;
          line-height: 1.5; } */
    .about.style-4 .integration {
      position: relative; }
      .about.style-4 .integration .intg-back {
        position: absolute;
        left: 0;
        bottom: 19%;
        width: 100%;
        max-height: unset;
        -o-object-fit: cover;
        object-fit: cover; }
      .about.style-4 .integration .content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: relative; }
        .about.style-4 .integration .content .img {
          -webkit-animation: slide_up_down 1.7s ease-in-out infinite alternate both;
          animation: slide_up_down 1.7s ease-in-out infinite alternate both; }
          .about.style-4 .integration .content .img:nth-of-type(1) {
            -webkit-animation-delay: -0.5s;
            animation-delay: -0.5s; }
          .about.style-4 .integration .content .img:nth-of-type(2) {
            -webkit-animation-delay: -1s;
            animation-delay: -1s; }
          .about.style-4 .integration .content .img:nth-of-type(3) {
            -webkit-animation-delay: -1.5s;
            animation-delay: -1.5s; }
          .about.style-4 .integration .content .img:nth-of-type(4) {
            -webkit-animation-delay: -2s;
            animation-delay: -2s; }
          .about.style-4 .integration .content .img:nth-of-type(5) {
            -webkit-animation-delay: -2.5s;
            animation-delay: -2.5s; }

            .section-head.style-4 .title_small {
                font-size: 12px;
                padding: 5px 10px;
                background-color: #f7f4ff;
                border-radius: 5px;
                color: var(--color-blue4);
                margin-bottom: 20px;
            }
            .section-head.style-4 h2 {
                font-size: 40px;
                line-height: 1.3;
                color: #000;
            }
            .section-head.style-4 h2 span {
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-image: -webkit-gradient(linear, left top, right top, from(#501e9c), color-stop(30%, #8169f1), color-stop(30%, #8169f1), color-stop(73%, #a44cee), to(#ff847f));
                background-image: -webkit-linear-gradient(left, #501e9c 0%, #8169f1 30%, #8169f1 30%, #a44cee 73%, #ff847f 100%);
                background-image: -o-linear-gradient(left, #501e9c 0%, #8169f1 30%, #8169f1 30%, #a44cee 73%, #ff847f 100%);
                background-image: linear-gradient(to right, #501e9c 0%, #8169f1 30%, #8169f1 30%, #a44cee 73%, #ff847f 100%);
            }
            .mb-40 {
                margin-bottom: 40px !important;
            }
            .text {
                font-size: 14px;
                line-height: 2;
            }

            .faq.style-3.style-4 .accordion-item .accordion-button {
                padding: 15px;
                font-size: 15px;
            }
            .faq.style-3 .accordion-item .accordion-button {
                font-weight: bold;
                font-size: 14px;
                background-color: transparent;
                -webkit-box-shadow: none;
                box-shadow: none;
                text-transform: capitalize;
                padding: 25px 15px;
            }

element.style {
}
.faq.style-3.style-4 .accordion-item .accordion-button {
    padding: 15px;
    font-size: 15px;
}
.faq.style-3 .accordion-item .accordion-button {
    font-weight: bold;
    font-size: 14px;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-transform: capitalize;
    padding: 25px 15px;
}

.faq.style-3.style-4 .accordion-item {
    border: 0;
    border-radius: 7px;
    overflow: hidden;
}
.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}
.faq.style-3 .accordion-item .accordion-button::after {
    background-size: 15px;
}
.faq.style-3 .accordion-item .accordion-button {
    font-weight: bold;
    font-size: 14px;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-transform: capitalize;
    padding: 25px 15px;
}

.faq.style-3 .accordion-item .accordion-collapse .accordion-body {
    padding-top: 0;
    padding-bottom: 30px;
    font-size: 10px;
    color: #666;
}
/* sss */   

/* #how-to-play-banner{
    background: url(../images/banner/howtoplay.png) !important;
    background-position: 54% 100% !important;
    background-repeat: no-repeat !important;
}

#about-banner{
    background: url(../images/banner/aboutus.png) !important;
    background-position: 54% 100% !important;
    background-repeat: no-repeat !important;
} */


/* #download-section{

    background: url(../images/banner/download.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;
} */
.icon-wdth{

    width: 50px;
}

.crcl-wdth{


    width: 50%;
}

.margin-btm{

    margin-bottom: 60px !important;
}

.testi-dwn{

    margin-bottom: 25px !important;
}

/* why us */
.choose-us.style-1 {
    position: relative; }
    .choose-us.style-1 .choose-us-img {
      position: absolute;
      left: -65px;
      bottom: -150px;
      width: 60%;
      height: 120%;
      max-height: none;
      -webkit-animation: rotate-center 100s linear infinite both;
      animation: rotate-center 100s linear infinite both; }
    .choose-us.style-1 .info .text {
      color: #666;
      margin-bottom: 40px; }
    .choose-us.style-1 .info ul li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 20px; }
      .choose-us.style-1 .info ul li .icon {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: var(--color-main-grad);
        color: #fff;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-right: 15px; }
      .choose-us.style-1 .info ul li h6 {
        font-size: 15px;
        font-weight: 600; }
    .choose-us.style-1 .info .btn {
      margin-top: 60px; }
    .choose-us.style-1 .choose-us-brands {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 50%;
      -o-object-fit: contain;
      object-fit: contain;
      -webkit-animation: slide_up_down 2s ease-in-out infinite alternate both;
      animation: slide_up_down 2s ease-in-out infinite alternate both;
      z-index: 5; }
    .choose-us.style-1 .choose-us-bubbles {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      -o-object-fit: contain;
      object-fit: contain;
      -webkit-animation: slide_up_down 2s ease-in-out infinite alternate both;
      animation: slide_up_down 2s ease-in-out infinite alternate both;
      -webkit-animation-delay: 1s;
      animation-delay: 1s;
      z-index: 3; }
  
  .choose-us.style-2 .img img {
    -webkit-animation: rotate-center 100s linear infinite both;
    animation: rotate-center 100s linear infinite both; }
  
  .choose-us.style-2 .info h5 {
    font-weight: 600; }
  
  .choose-us.style-2 .choose-numbers {
    position: relative;
    z-index: 5; }
    .choose-us.style-2 .choose-numbers .num-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .choose-us.style-2 .choose-numbers .num-item .num {
        color: #fff;
        font-size: 40px;
        font-weight: 400;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: 20px;
        min-width: 70px;
        text-align: center; }
        .choose-us.style-2 .choose-numbers .num-item .num i {
          font-size: 21px; }
      .choose-us.style-2 .choose-numbers .num-item .inf {
        color: #ccc;
        text-transform: uppercase;
        font-size: 13px;
        line-height: 1.7; }


        .whyus-sec{

            padding-top: 80px;
            padding-bottom: 80px;
        }

/* why us */

.mainssss-clr{

    color: #ffff
}


/* Why us */

.section {
    padding: 100px 0;
}

.service-heading {
    width: 70%;
    margin: 0 auto;
}

.text-color {
    color: #ff6984;
}
.about-item-block {
    display: flex;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, 0.04);
    border-radius: 5px;
    padding: 10px;
    padding-left: 0px;
    margin-bottom: 20px;
    /* background: #fff; */
    box-shadow: 0px 0px 20px rgb(0 0 0 / 4%);
}
.about-item-block .about-item-icon {
    margin-right: 20px;
    background: #2b1c3d;
    padding: 15px;
    border-radius: 0px 10px 0px 0px;
}

.about-item-block h4 {
    font-weight: 400;
    font-size: 18px;
    text-transform: capitalize;
}
.banner-sec{

    background: url(../images/banner/sliderbanner.png);
    background-repeat: no-repeat !important;
    background-position: 100% 100%;   
}
.about-item-block .about-item-icon img {
    width: 30px;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.middle-cntr{

    align-items: center;
}

#faq-bg{

background: url(../images/background/faqbg.png);
    background-size: cover;
}   
#whyus-bg{

    background: url(../images/background/whyusbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0 50px 0px;
}    
.privacy-sec{
    background: #202020;

}

#footer-bg{

    background: url(../images/background/footerbg.png);
}

.banner-main{

    background: url(../images/background/);
}

.logo-pre {
    /* background: linear-gradient(to bottom, #fffce9 0, #ffe1ec 100%); */
    border-radius: 50%;
    height: 150px;
    width: 150px;
    box-shadow: 0 0 0 0 rgb(0 0 0/0%);
    animation: pulse 2s infinite;
    margin: 0 auto 30px;
    display: flex;
    align-items: center;
    padding: 8px
}
.onloadpage .pre-content {
    top: 50%;
    position: relative;
    right: 0;
    left: 0;
    text-align: center;
    transform: translateY(-50%);
}
.onloadpage {
    position: fixed;
    z-index: 99999999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background: #202020;
}
.mrgn-dwn{

    margin-bottom: -3px !important;
}

.about-us-section-page .banner-btn-about a:hover{


  
}

.btn-talk a:hover{

    background-color: #fff;
}

.fptext{

    color: #fff;
    text-align: center;
}

.ok-clr{

    color: #fff;
}

.mn-less{

    padding-top: 50px;
}

.banner-btn-about a:hover{

    background-color: #fff !important;
    color: var(--e-global-color-btn-red) !important;

}

.cyber-contact-btn a:hover{

    background-color: #fff !important;
    color: var(--e-global-color-btn-red) !important;

}

.contact-section-btn a:hover{

    background-color: #fff;
    color: var(--e-global-color-btn-red);
}
.footer-lgo{

    width: 100%;
    max-width: 151px;
}

.contact-section-btn .btn:hover{
    background-color: #fff;
    color: var(--e-global-color-btn-red);

}
.banner-btn a:hover{

    background-color: #fff !important;
    color: var(--e-global-color-btn-red) !important;
    
}

.width-img{

    width: 100%;
}

/* .lft-padng{

text-align: left !important;
    padding: 0px 0px 0px 30px !important;
} */

.rw-top{


    align-items: center;
}

.sjthank{

    text-align: center  !important;
}

.fan{

    display: initial;
}

/* .mbl-width{

    width: 70% !important;
} */


.snap-wdth{

    width: 95%;
}

/* .slidr-up{

    margin-top: -100px;
} */


.main-chng{


    font-size: 50px;
    line-height: 64px;
    font-weight: 600;
    word-spacing: -2px;
    letter-spacing: 2px;
    font-family: auto;
}
.color-chg{

color:  #fff !important;
}