/****************** ## Counter Style ******************/
/*******************************************************/
@media only screen and (min-width: 1200px) {
    .statistics-area .container,
    .statistics-area-two .container {
      max-width: 1470px;
    }
  }
  
  .statistics-inner {
    margin-top: -140px;
    -webkit-transform: translateY(140px);
    -ms-transform: translateY(140px);
    transform: translateY(140px);
    z-index: 1;
    position: relative;
  }
  .statistics-inner::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0.9;
    background-color: var(#674df3);
  }
  @media only screen and (max-width: 479px) {
    .statistics-inner {
      padding-left: 25px;
      padding-right: 25px;
    }
  }
  .statistics-inner.style-two {
    margin-top: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  
  .statistics-area-four {
    z-index: 1;
    position: relative;
  }
  .statistics-area-four::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0.9;
    /* background-color: var(#674df3); */
  }
  
  .statistics-content .read-more {
    font-size: 18px;
  }
  
  .counter-text-wrap .count-text {
    display: inline-flex;
  }
  .counter-text-wrap .count-text.plus:after {
    content: "+";
  }
  .counter-text-wrap .count-text.k-plus:after {
    content: "k+";
  }
  .counter-text-wrap .count-text.percent:after {
    content: "%";
  }
  
  .counter-item {
    margin-bottom: 50px;
  }
  .counter-item > i {
    font-size: 55px;
    margin-bottom: 25px;
    display: inline-block;
    width: 100px;
    height: 100px;
    background: white;
    line-height: 100px;
    border-radius: 50%;
    text-align: center;
    color: var(#674df3);
  }
  
  
  
  /* Counter Style Three */
  .counter-item-three {
    padding: 50px;
    margin-bottom: 28px;
    background: #23293b;
  }
  @media only screen and (max-width: 575px) {
    .counter-item-three {
      margin-top: 0;
    }
  }
  .counter-item-three > i {
    font-size: 55px;
    margin-bottom: 30px;
    display: inline-block;
    color: var(#30f0b6);
  }
  
  @media only screen and (min-width: 1400px) {
    .statistics-two-content {
      padding-left: 50px;
    }
  }
  
  /* Skill Counter */
  .circle-progress-item {
    margin-bottom: 30px;
    padding: 40px 30px 20px 40px;
    -webkit-box-shadow: 10px 0 60px rgba(102, 83, 232, 0.15);
    box-shadow: 10px 0 60px rgba(102, 83, 232, 0.15);
  }
  .circle-progress-item .progress-content {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    position: relative;
    margin-bottom: 20px;
  }
  .circle-progress-item .progress-content .h2 {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .circle-progress-item h4 {
    font-size: 24px;
    margin-bottom: 12px;
  }
  
  .skills-area {
    z-index: 1;
    position: relative;
  }
  .skills-area::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 1;
    background-color: var(--lighter-color);
  }
  .skills-area:before {
    top: -60%;
    height: 120%;
  }
  @media only screen and (max-width: 991px) {
    .skills-area:before {
      top: -40%;
    }
  }
  @media only screen and (max-width: 575px) {
    .skills-area:before {
      top: -20%;
    }
  }
  
  .skills-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    width: 46vw;
    height: 100%;
    background-size: cover;
    background-position: center center;
  }
  @media only screen and (max-width: 991px) {
    .skills-bg {
      width: 100%;
      height: 70%;
    }
  }
  
  /* Team Circle Progress */
  @media only screen and (min-width: 480px) {
    .team-circle-progress {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
  }
  
  .team-circle-progress .circle-progress-counter {
    margin-right: 30px;
    position: relative;
    width: 110px;
  }
  @media only screen and (max-width: 479px) {
    .team-circle-progress .circle-progress-counter {
      margin-bottom: 10px;
    }
  }
  .team-circle-progress .circle-progress-counter .h2 {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 36px;
    color: var(#674df3);
  }
  .team-circle-progress .circle-progress-counter .h2 span {
    font-size: 16px;
  }
  
  .team-circle-progress .content p {
    margin-bottom: 5px;
  }
  
  /*******************************************************/
  
  /* Counter Style Two */
  .counter-item-two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: -1px;
    margin-bottom: -1px;
    padding: 33px 70px 25px;
    border: 1px solid var(--border-color);
  }
  @media only screen and (max-width: 1399px) {
    .counter-item-two {
      padding-left: 50px;
      padding-right: 50px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .counter-item-two {
      padding-left: 30px;
      padding-right: 30px;
    }
  }
  @media only screen and (max-width: 479px) {
    .counter-item-two {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }
  @media only screen and (max-width: 375px) {
    .counter-item-two {
      padding-left: 40px;
      padding-right: 40px;
    }
  }
  .counter-item-two .icon {
    line-height: 1;
    font-size: 65px;
    margin-top: 15px;
    margin-right: 20px;
    color: var(#674df3);
  }
  .counter-item-two .count-text {
    font-size: 65px;
    font-weight: 500;
  }
  @media only screen and (max-width: 375px) {
    .counter-item-two .count-text {
      font-size: 50px;
    }
  }
  .counter-item-two .counter-title {
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
    color: var(--heading-color);
  }
  
  /* Counter Style Three */
  .counter-item-three {
    padding: 50px;
    margin-bottom: 28px;
    background: #23293b;
  }
  @media only screen and (max-width: 575px) {
    .counter-item-three {
      margin-top: 0;
    }
  }
  .counter-item-three > i {
    font-size: 55px;
    margin-bottom: 30px;
    display: inline-block;
    color: var(#30f0b6);
  }
  
  @media only screen and (min-width: 1400px) {
    .statistics-two-content {
      padding-left: 50px;
    }
  }
  /* Counter Style Three */
  .counter-item-three {
    padding: 50px;
    margin-bottom: 28px;
    /* background: #024C4A; */
    background: #1a81af;
    min-height: 210px;
  }
  @media only screen and (max-width: 575px) {
    .counter-item-three {
      margin-top: 0;
    }
  }
  .counter-item-three > i {
    font-size: 55px;
    margin-bottom: 30px;
    display: inline-block;
    color: var(#30f0b6);
  }
  
  @media only screen and (min-width: 1400px) {
    .statistics-two-content {
      padding-left: 50px;
    }
  }
  .bgc-gray {
    background-color: #1b1f2e;
  }
  .counter-text-wrap .count-text{
    line-height: 1.25;
      font-size: 42px;
      font-weight: 600;
      
  }
  .counter-title{
    font-size: 20px;

  }
  /******************************************************************************/




/**
* 39. Testimonials
* ----------------------------------------------------------------------- *
*/
.ui-testimonials .owl-stage-outer {
    margin: 0 -8px;
    padding-left: 8px;
    padding-top: 0.35rem;
  }
  
  .ui-testimonials .item .user {
    padding: 1.5rem 0;
    /* padding-left: 6.25rem; */
    display: flex;
    justify-content: space-evenly;
    
  }
  
  .ui-testimonials .item .user::after {
    display: block;
    clear: both;
    content: "";
  }
  
  .ui-testimonials .item .user .avatar {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    margin-right: 1rem;
    float: left;
    overflow: hidden;
  }
  
  .ui-testimonials .item .user .avatar img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  
  .ui-testimonials .item .user .info {
    float: center;
  }
  
  .ui-testimonials .item .user .info .heading {
    line-height: 1;
    /* margin-bottom: 0.25rem; */
    margin-top: 1.25rem;
  }
  
  .ui-testimonials .item .user .info .sub-heading {
    margin-bottom: 0;
    font-size: 0.95rem;
  }
  
  .ui-testimonials .item .ui-card {
    position: relative;
    padding: 1.5rem;
    overflow: visible;
    text-align: center;
    /* min-height: 180px; */
  }
  
  .ui-testimonials .item .ui-card p {
    font-family: "Source Sans Pro", sans-serif;
    color: #414c5a;
    margin-bottom: 0;
    font-weight: 600;
  }
  
  .ui-testimonials .item .ui-card::before {
    display: block;
    position: absolute;
    content: "";
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzgwODlGRjt9Cjwvc3R5bGU+CjxnIGlkPSJRdW90ZW1hcmtzLWxlZnQiPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQwNSwyMDkuOGMtMS0xMS4xLTAuMi00MS41LDI4LjgtODMuNmMyLjItMy4yLDEuOC03LjUtMC45LTEwLjJjLTExLjgtMTEuOC0xOS4yLTE5LjMtMjQuMy0yNC41CgkJYy02LjgtNi45LTkuOC0xMC0xNC40LTE0LjFjLTMtMi43LTcuNi0yLjgtMTAuNi0wLjFjLTUwLjYsNDQtMTA2LjgsMTM1LTk4LjcsMjQ2LjVjNC44LDY1LjUsNTIuNSwxMTMsMTEzLjUsMTEzCgkJYzYyLjYsMCwxMTMuNS01MC45LDExMy41LTExMy41QzUxMiwyNjIuOCw0NjQuNiwyMTMuMiw0MDUsMjA5Ljh6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTIwLjksMjA5LjhjLTEtMTEuMS0wLjMtNDEuNCwyOC44LTgzLjZjMi4yLTMuMiwxLjgtNy41LTAuOS0xMC4yYy0xMS44LTExLjgtMTkuMS0xOS4zLTI0LjMtMjQuNQoJCWMtNi44LTYuOS05LjktMTAuMS0xNC40LTE0LjJjLTMtMi43LTcuNi0yLjctMTAuNi0wLjFjLTUwLjYsNDQtMTA2LjgsMTM1LTk4LjcsMjQ2LjV2MGM0LjgsNjUuNCw1Mi41LDExMywxMTMuNSwxMTMKCQljNjIuNiwwLDExMy41LTUwLjksMTEzLjUtMTEzLjVDMjI3LjksMjYyLjgsMTgwLjUsMjEzLjIsMTIwLjksMjA5Ljh6Ii8+CjwvZz4KPC9zdmc+Cg==");
    background-size: cover;
    top: 0.75rem;
    left: 1rem;
    width: 40px;
    height: 40px;
    opacity: 0.2;
  }
  
  /* .ui-testimonials .item .ui-card::after {
    display: block;
    font-family: "FontAwesome";
    content: "\f0d7";
    position: absolute;
    top: 100%;
    font-size: 50px;
    height: 10px;
    line-height: 10px;
    left: 1rem;
    color: #fff;
    text-shadow: 0 5px 5px rgba(0, 9, 128, 0.05), 0 5px 10px rgba(0, 9, 128, 0.05);
  }
   */
  /**
  * 04. Owl Carousel
  * ----------------------------------------------------------------------- *
  *
  * Homepage: http://owlcarousel2.github.io/
  * Author: David Deutsch
  * Author URL: https://github.com/daviddeutsch
  * License - MIT License
  */
  .owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
  }
  
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
  }
  
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
  }
  
  .owl-carousel .owl-item img {
    display: block;
    width: 100%;
  }
  
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none;
  }
  
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    user-select: none;
  }
  
  .owl-carousel.owl-loaded {
    display: block;
  }
  
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block;
  }
  
  .owl-carousel.owl-hidden {
    opacity: 0;
  }
  
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
  }
  
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -khtml-user-select: none;
    user-select: none;
  }
  
  .owl-carousel.owl-drag {
    cursor: url(https://superstrikers.in/assets/img/cursors/openhand.cur), move;
  }
  
  .owl-carousel.owl-grab,
  .owl-carousel:focus {
    cursor: url(https://superstrikers.in/assets/img/cursors/closedhand.cur), move;
  }
  
  .owl-carousel.owl-rtl {
    direction: rtl;
  }
  
  .owl-carousel.owl-rtl .owl-item {
    float: right;
  }
  
  .no-js .owl-carousel {
    display: block;
  }
  
  .owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both;
  }
  
  .owl-carousel .owl-animated-in {
    z-index: 0;
  }
  
  .owl-carousel .owl-animated-out {
    z-index: 1;
  }
  
  .owl-carousel .fadeOut {
    animation-name: fadeOut;
  }
  
  @keyframes fadeOut {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  
  /* 3.3 :: Owl Carousel Autoheight */
  .owl-height {
    transition: height 500ms ease-in-out;
  }
  
  .owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    display: none;
  }
  
  .owl-theme .owl-nav [class*="owl-"] {
    color: #8e9bae;
  }
  
  .owl-theme .owl-nav [class*="owl-"]:hover {
    color: #8089ff;
  }
  
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default;
  }
  
  .owl-theme .owl-nav .owl-prev,
  .owl-theme .owl-nav .owl-next {
    position: absolute;
    top: 6rem;
    font-size: 0;
  }
  
  .owl-theme .owl-nav .owl-prev::after,
  .owl-theme .owl-nav .owl-next::after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 2r/* .hero-branding[data-v-467aa31b] {
      height: 100vh;
      display: flex;
      align-items: center;
    } */em;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .owl-theme .owl-nav .owl-prev {
    left: -2rem;
  }
  
  .owl-theme .owl-nav .owl-prev::after {
    content: "\f355";
  }
  
  .owl-theme .owl-nav .owl-next {
    right: -2rem;
  }
  
  .owl-theme .owl-nav .owl-next::after {
    content: "\f356";
  }
  
  @media (min-width: 740px) {
    .owl-theme .owl-nav {
      display: block;
    }
  }
  
  @media (min-width: 1250px) {
    .owl-theme .owl-nav .owl-prev {
      left: -3rem;
    }
    .owl-theme .owl-nav .owl-next {
      right: -3rem;
    }
  }
  
  .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px;
  }
  
  .owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
  }
  
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
  }
  
  .owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 0.25rem 0.25rem;
    background: #8e9bae;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
  }
  
  .owl-theme .owl-dots .owl-dot.active span,
  .owl-theme .owl-dots .owl-dot:hover span {
    background: #8089ff;
  }

  /************************************************************************************************************/
  .cta-section {
    background: #fff;
    /*margin-bottom: -86px;*/
}

  .cta-section .cta-banner {
    padding: 50px 80px;
    position: relative;
    z-index: 2;
    /* background: linear-gradient(90deg, #197ab3 0%, #0494c8 48.19%, #04c87a 100%); */
    background: linear-gradient(90deg, #40d3e9 0%, #0494c8 48.19%, #00c5e9fc 100%);
    border-radius: 22px;
    display: grid;
    grid-template-columns: 8fr 5fr;
    grid-gap: 30px;
    align-items: center;
}
  
.cta-section .cta-banner .sub-cta {
    text-align: left;
}

.cta-section .cta-banner .sub-cta h2 {
    color: #fff;
    margin-bottom: 15px;
}
.cta-section .cta-banner .sub-cta p {
    color: #cde9f4;
}
.cta-section .g-subscription {
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 0.25rem;
}
.cta-section .g-subscription input {
    width: 100%;
    font-size: 18px;
    padding: 15px 20px;
    border-radius: 0.25rem;
    border: 1px solid #ced4da;
}
.cta-section .g-subscription button {
    top: 0;
    right: 0;
    width: 58px;
    position: absolute;
    height: calc(100% - 1px);
    border-radius: 0 4px 4px 0;
    background-color: #ccecff;
    border: 1px solid #ccecff;
}


/* contact us page */

.cs-iconbox.cs-style3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 35px;
}
.cs-iconbox.cs-style3 .cs-iconbox_icon {
    max-width: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: baseline;
}
.cs-iconbox.cs-style3 .cs-iconbox_icon {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 20px;
}
.cs-iconbox_title{
    font-size: 40px !important;
}
/* contact us page section */



.btn--green:hover {
  background-image: none;
  color: #000000 !important;
  background: #45e6ff !important;
}
/* .btn--green-1:hover {
  background-image: none;
  color: #ffffff !important;
  background: #5945e6 !important;
} */

.btn--green{
  color: #ffffff !important;
}
/* .btn--cool:hover {
  background-image: none;
  color: #38cb89;
  background: #ffffff;
} */
.error{
  color: red;
}

/* ***************************** mobile responsive***********************************/

@media (max-width:767px){
  rs-fw-forcer{
    height: 800px !important;
  }
  
  /* rs-module{
    max-height: 800px !important;
  } */
  .cta-section{
    padding-bottom: 100px !important;
  }
  .cta-section .cta-banner {
    padding: 50px 30px;
  }
  .pad_bot{
    margin-bottom: 40px !important;
  }
  .ui-testimonials .item .user {
    /* padding-left: 3.25rem; */
    padding: 1rem 0;
    padding-left: 0rem;
}
.rev-btn{
  top: 50px !important;
}
.virat{
  margin: 38px 0px 0px 250px !important;
}
/* rs-slides, rs-slide, rs-slide:before{
  top: -45px !important;
} */
/* .pd_115{
  padding-top: 140px !important ;
} */

.pd_115 {
  padding-top: 0px !important;
}

#slider-3-slide-4-layer-1{
  top: -120px;
}
.section-space--pt_200{
  padding-top: 100px !important;
}
.style1 img {
  margin-left: 0 !important;
  padding-left: 0px !important;
}
  
}

@media (min-width:768px) and (max-width:991px){
  rs-fw-forcer{
    height: 950px !important;
  }
  rs-module{
    max-height:950px !important;
  }
  .pad_bot{
    margin-bottom: 40px !important;
  }
  .cta-section .cta-banner {
    padding: 50px 30px;
  }
  .rev-btn{
    top: 70px !important;
  }
  .style1 img {
    margin-left: 0 !important;
    padding-left: 50px !important;
  }

  /* .ui-testimonials .item .user {
    padding-left: 3.25rem;
} */

}


/* .hero-branding[data-v-467aa31b] {
  height: 100vh;
  display: flex;
  align-items: center;
} */
/* 
@media (max-width:480px){
  rs-fw-forcer{
    height: 705px !important;
  }
  rs-module{
    max-height: 700px !important;
  }
} */
.feature-app-landing1 {
  background-image: url('https://superstrikers.in/assets/images/Background/About\ us.webp') !important;
  background-repeat: no-repeat;
    background-size: cover;
}
.pract{
  background-image: url('https://superstrikers.in/assets/images/Background/How\ to\ play.webp') !important;
  background-repeat: no-repeat;
    background-size: cover;
}
.make{
  background-image: url('https://superstrikers.in/assets/') !important;

}
.anchor{
  background-image: url('https://superstrikers.in/assets/images/Background/Mobile\ .webp') !important;
  background-repeat: no-repeat;
    background-size: cover;
}
.user1{
  background-image: url('https://superstrikers.in/assets/images/Background/We\ swing.webp') !important;
  background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.dat{
  background-image: url('../images/Background/Home.webp.html') !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;

}
.term{
  background-image: url('https://superstrikers.in/assets/images/topbg/Terms\ and\ Conditions.png') !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.priv{
  background-image: url('https://superstrikers.in/assets/images/topbg/Privacy\ Policy.png') !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;  
}
.ref{
  background-image: url('https://superstrikers.in/assets/images/topbg/Refund\ Policy.png') !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.res{
  background-image: url('https://superstrikers.in/assets/images/topbg/Responsible\ Play.png') !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.fair{
  background-image: url('https://superstrikers.in/assets/images/topbg/Fairplay\ Policy.png') !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.virat{

  height: 116% !important;
  margin-top: 250px;
  margin-left: 155px;
  width: 123% !important;

}
.header-area.is-sticky ul li a {
  color: #000;
}
.style img{
  max-width: 100%;
  /* margin-left: 20%; */
}
.style1 img{
  max-width: 100%;
  /* margin-left: 20%; */
  margin-left: 20%;
  padding-left: 60px;
}
.every{
  background-image: url('https://superstrikers.in/assets/images/Background/We\ swing.webp') !important;
}
.head :active{
  background-color: #9ee4dc;
}
.coach {
  color: #1f6bbc !important;
}
.mes{
  background-color: #1f6bbc !important;
  background-image: none !important;
}
.allow{
  background-image: url('https://superstrikers.in/assets/images/Background/We\ swing.webp') !important;
}
.dis h4 {
  padding-bottom: 15px !important;
  display: flex;
}
.dis marquee {
  padding-top: 7px;
  margin-left: 15px;
  font-size: 16px !important;
}
.dis{
  display: flex !important;
}
/* .feed{
  margin-top: -130px;
} */
/*.vict{*/
/*  padding-bottom: 165px !important;*/
/*}*/
.navigation-menu li a:active{
  color: red !important;

}

.header-area.is-sticky .navigation-menu > ul > li > a.active{
  color: #1a7dab !important;
}

.section-space--pt_170 {
  padding-top: 170px;
}

@media (min-width: 1440px) and (max-width: 1550px) { 
  .breadcrumb-area.gradient--secondary
  {
    /* padding-top: 150px;
    padding-bottom: 140px; */
    padding-top: 250px;
    padding-bottom: 150px;
  }

  /* .term
  {
    background-size: 100% 100%;
  }
  .priv{
    background-size: 100% 100%;
  }
  .ref{
    background-size: 100% 100%;
  }
  .res{
    background-size: 100% 100%;
  }
  .fair{
    background-size: 100% 100%;
  } */
}
.only{
  text-align: justify !important;
}
@media (max-width:767px){
  .feed{
    /* padding-top: 100px !important; */
  }
  /* ----------------------- */
  .term
  {
    background-size: cover;
  }
  .priv{
    background-size: cover;
  }
  .ref{
    background-size: cover;
  }
  .res{
    background-size: cover;
  }
  .fair{
    background-size: cover;
  }

  /* ------------------------------------ Rajesh---------------------- */

.feature-icon-list-wrapper .single-feature-icon{
    flex-direction: column ;
    align-items: center;
    gap: 25px;
}
.counter-item-three{
      padding: 30px;
      min-height: auto;
}
.counter-text-wrap .count-text{
  font-size: 35px;
}
.counter-title{
      padding-left: 15px;
}
.ht-box-icon.style-01 .icon-box-wrap{
  flex-direction: column ;
  align-items: center;
  gap: 20px;
  text-align: center;
}
.reverse{
  flex-direction: column-reverse;
}
.reverse_1{
  flex-direction: column-reverse;
}
.pb_40{
  padding-bottom: 50px !important;
}
.faq-wrapper .card-body {
  padding: 23px 45px 37px 30px;
}
.footer-widget-wrapper{
  text-align: center;
}
.foot_cont{
  width: 100% !important;
}
.dis marquee{
  padding-top: 0px !important;
}
.text {
    text-align: justify;
}
.ui-testimonials .item .ui-card{
  /* min-height: 180px; */
}
.ui-testimonials .item {
  /* min-height: 180px; */
  margin: auto 0 !important;
}

.over_x{
  overflow-x:auto ;
}
.faq-wrapper .card-header h5 button{
  font-size: 15px !important;
}
.mb_40{
  margin-bottom: 10px !important;
}
.single-blog-item .post-info{
  text-align: justify;
}
.widget-title {
  margin-bottom: 15px !important;
}
/* ---------------------------------rajesh end ---------------------- */
}
.start{
  max-width: 80% !important;
}
.section-space--pt_200{
  padding-top: 200px;
}


@media (max-width:991px) and (min-width:768px){
  .single-blog-item .post-info{
    text-align: justify;
  }
  .counter-item-three{
    text-align: center;
    min-height: auto;
  }
  .counter-title{
    padding-left: 15px;   
}
.brand-details-wrap{
     max-width: 100% !important;  
}
.section-space--pt_170 {
  padding-top: 50px;
}
.statistics-two-content{
  margin-bottom: 50px !important  ;  
}
.reverse{
  flex-direction: column-reverse;
}
.reverse_1{
  flex-direction: column-reverse;
}
.w_100{
  /* width: 100% ; */
  margin: auto;
}
.feature-icon-list__media{
   margin-bottom: 10px !important;
}
.pb_0{
  padding-bottom: 0px !important;
}
.mb_30{
  margin-bottom: 30px !important;
}
.section-space--pt_200 {
  padding-top: 120px;
}
.pb_40{
  padding-bottom: 50px !important;
}
.pt_10{
  padding-top: 10px !important;
}
.res{
  background-size: cover;
}
.widget-title {
    margin-bottom: 15px !important;
}
/* .ht-box-icon.style-01 .icon-box-wrap{
  flex-direction: column !important;
  align-items: center;
  gap: 20px;
} */
}


.btn_he{
  height: 48px !important;
  line-height: 46px !important;
}

@media (max-width:575px){
  .cta-section .cta-banner{
    grid-template-columns: 1fr;
      grid-gap: 20px;
  }
  .cta-section .cta-banner .sub-cta {
    text-align: center;
}
.feature-icon-list-wrapper .single-feature-icon__content .title{
  text-align: center;
}
}

.foot_cont{
  width: 75%;
}
.faq-wrapper .card-header h5 button span:hover{
  color: cornflowerblue;
}
.confirm{
  background-color: rgb(3 167 243) !important;
}

@media (max-width:360px){
  .ui-testimonials .item .user {
    justify-content: center; 
  }
  .faq-wrapper .card-body p{
    text-align: justify;
  }
}


.header-area.is-sticky .header-button.button--white > a.btn{
  background-color: #00b8d9;
  color: #fff !important;
}

.btn--green.btn_bl
{
  background-color: #00b8d9;
    color: white !important;
}

@media (max-width:420px){
  #FAQ,#htp{
    padding-top: 20px;
  }
  #contact{
    padding-top: 30px;
  }
  .pd_115{
    padding-top: 70px !important;
  }
}


/* ---------------------------------logo preloader ------------------------------- */

.logo-pre {
  /* background: linear-gradient(to bottom, #FFFCE9 0, #FFE1EC 100%); */
  border-radius: 50%;
  height: 300px;
  width: 300px;
  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: #0494c8;
}

@media (max-width:767px){
  .logo-pre{
    height: 250px;
    width: 250px;
  }
}

/* -------------------------------------------- */
.f_14{
  font-size: 13px;
}
.f_55{
  font-size: 55px !important;
}
.bold_700{
  font-weight: 500 !important;
}
.mobile-menu-overlay__body .offcanvas-navigation--onepage > ul > li.active > a {
  color: #1f6bbc;
}

@media (min-width:992px) and (max-width: 1024px){
  .style1 img {
    max-width: 100%;
    /* margin-left: 20%; */
    margin-left: 0%;
    padding-left: 0px;
}
}