* {
   margin: 0;
   padding: 0;
}

a{text-decoration: none !important;}
html, body {
   height: 100%;
   background: #eee;
   font-family: 'Conto Regular';
   overflow: auto;
}

@font-face {
   font-family: 'Conto Regular';
   src: url('./Fonts/ContoRegular.woff2') format('woff2'),
   url('./Fonts/ContoRegular.woff') format('woff'),
   url('./Fonts/Gothmmed.ttf') format('truetype');
}

@font-face {
   font-family: 'Conto Bold';
   src: url('./Fonts/ContoBold.woff2') format('woff2'),
   url('./Fonts/ContoBold.woff') format('woff'),
   url('./Fonts/ContoBold.ttf') format('truetype');
}

@font-face {
   font-family: 'Conto Ex Bold Regular';
   src: url('./Fonts/ContoExBoldRegular.woff2') format('woff2'),
   url('./Fonts/ContoExBoldRegular.woff') format('woff'),
   url('./Fonts/ContoExBoldRegular.ttf') format('truetype');
}

@font-face {
   font-family: 'Conto Light Regular';
   src: url('./Fonts/ContoLightRegular.woff2') format('woff2'),
   url('./Fonts/ContoLightRegular.woff') format('woff'),
   url('./Fonts/ContoLightRegular.ttf') format('truetype');
}

@font-face {
   font-family: 'Conto Medium Regular';
   src: url('./Fonts/ContoMediumRegular.woff2') format('woff2'),
   url('./Fonts/ContoMediumRegular.woff') format('woff'),
   url('./Fonts/ContoMediumRegular.ttf') format('truetype');
}

@font-face {
   font-family: 'Gothmmed';
   src: url('./Fonts/Gothmmed.woff2') format('woff2'),
   url('./Fonts/Gothmmed.woff') format('woff'),
   url('./Fonts/Gothmmed.ttf') format('truetype');
}

@font-face {
   font-family: 'Namdharis Regular';
   src: url('./Fonts/NamdharisRegular.woff2') format('woff2'),
   url('./Fonts/NamdharisRegular.woff') format('woff'),
   url('./Fonts/NamdharisRegular.ttf') format('truetype');
}
.fs-name{font-size: 28px;}
.swiper-container {
   width: 100%;
}

.contoRegular {
   font-family: Conto Regular;
}

.panel {
   overflow: hidden;
   transition: max-height 0.2s linear;
}
/*IE Blocked*/
.ie_playnow_main{position: fixed; top:0; left: 0; bottom: 0; right: 0; background: #032146; z-index: 999999;}
.ie_playnow{margin: 200px auto; width: 600px; text-align: center; }
.ie_playnow .p1{padding-bottom: 30px;color: #eabf69; font-size:20px; }
.ie_playnow .p2{padding-bottom: 10px; color: #fff; }
.ie_playnow .p3{padding-bottom: 30px; }
.img_info_ie{width: 60px;}
.ie_playnow_btn{width:160px; margin: auto; color: #fff; border-radius:5px; padding:10px 0;background-image: linear-gradient(to bottom, #2d8856, #257e4c, #1d7543, #146b39, #0a6230); cursor:pointer;}
/*IE Blocked End*/
.swiper-pagination-bullet {
   padding: 0.125rem;
   border-radius: 100%;
   background-color: rgba(255, 255, 255, .6);
}

#swiper-pagination8 .swiper-pagination-bullet {
   padding: 0.125rem;
   border-radius: 100%;
   background-color: #f4f4f4 !important;
}

.sit-and-go-image {
   background-image: url('./assets/images/sitandgoicon.svg');
   background-repeat: no-repeat;
   background-position: 0.625rem center;
   background-size: contain;
}

.points-rummy-image {
   background-image: url('./assets/images/point-rummy-card-stack.png');
   background-repeat: no-repeat;
   background-position: 0.625rem center;
   background-size: 75%;
}

.gun-shot-image {
   background-image: url('./assets/images/gun-shot-card-stack.png');
   background-repeat: no-repeat;
   background-position: 0.625rem center;
   background-size: 75%;
}

.circle-image-wrapper {
   width: 3.75rem;
   height: 3.813rem;
   border: 0.125rem solid #77c6d3;
}

#swiperslider1 {
   flex-shrink: 0;
   width: 100%;
   height: 10rem !important;
   position: relative;
   transition-property: transform;
}

#swiperslider3 {
   flex-shrink: 0;
   width: 100%;
   height: 10rem!important;
   position: relative;
   transition-property: transform;
}

#swiper-pagination1 {
   position: relative !important;
   text-align: center;
   transition: .3s opacity;
   transform: translate3d(0, 0, 0);
   z-index: 10;
   padding-top: 3rem;
   ;
}

.circle-background {
   background-image: url('./assets/images/circle_outline.png');
   position: absolute;
   background-position: center;
   background-repeat: no-repeat;
   background-size: 100%;
}

.circle-with-hearts-background {
   background-image: url('./assets/images/circle.png');
   position: absolute;
   background-position: center;
   background-repeat: no-repeat;
   background-size: 80%;
}

.refer-a-friend-background {
   background-image: url('./assets/images/refer-a-friend.png');
   top: 4rem;
   bottom: 0;
   right: 0;
   left: 0;
   position: absolute;
   background-position: top center;
   background-repeat: no-repeat;
   background-size: 50%;
   z-index: -1;
}

.triangle-up {
   width: 0;
   height: 0;
   border-left: 0.438rem solid transparent;
   border-right: 0.438rem solid transparent;
   border-bottom: 0.875rem solid #1d3758;
}

.outline-radius {
   position: relative;
   border-radius: 0.375rem;
}

.outline-radius:after {
   content: '';
   position: absolute;
   top: -0.113rem;
   left: -0.113rem;
   right: -0.113rem;
   bottom: -0.113rem;
   background: #0a2e61;
   border-radius: 0.375rem;
   z-index: -1;
}

.hide {
   display: none;
}

.arrow {
   border: solid #949494;
   border-width: 0 0.1875rem 0.1875rem 0;
   display: inline-block;
   padding: 0.1875rem;
}

.down {
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
}

.up {
   transform: rotate(225deg);
   -webkit-transform: rotate(225deg);
}

.hrcolor {
   height: 0.063rem;
   background-color: #1d6179;
   border: none;
}

.hrcolor-gold-footer {
   height: 0.313rem;
   border: none;
}

.TourCardImg {
   height: 8.125rem;
   margin-top: 0.625rem;
}

.card {
   height: 21.875rem;
   width: 15.625rem;
   border-radius: 0.625rem;
   transition: 0.4s ease-out;
   position: relative;
   z-index: 1;
}

.current {
   transition: all 0.4s ease-out;
   margin-right: 3.75rem;
   z-index: 99;
}

.avatar {
   width: 2.938rem;
   height: 2.938rem;
   border-radius: 50%;
   position: absolute;
   top: -1rem;
   left: calc(50% - 1.563rem);
}

.loginbox input {
   width: 100%;
   margin-bottom: 1.25rem;
   box-shadow: navy;
}

input[type="text"], input[type="password"], input[type="number"] {
   border: none;
   border-bottom: 0.063rem solid lightgrey;
   background: transparent;
   outline: none;
   height: 2.5rem;
   color: white;
   font-size: 1rem;
}

.loginbox input[type="submit"] {
   border: none;
   outline: none;
   height: 2.5rem;
   width: 60%;
   background: green;
   color: white;
   font-size: 1.125rem;
}

.loginbox input[type="submit"]:hover {
   cursor: pointer;
}

.loginbox a {
   text-decoration: none;
   line-height: 1.25rem;
   color: #0593AB;
}

h2 {
   width: 100%;
   text-align: center;
   border-bottom: 0.063rem solid white;
   line-height: 0.1em;
   margin: 0.625rem 0 1.25rem;
}

h2 span {
   padding: 0.625rem;
   color: white;
}

.v-solid-divider {
   width: 0.063rem;
   align-self: stretch;
   background: #1d6179;
}

.triangle-refer-down {
   width: 0;
   height: 0;
   border-left: 1.25rem solid transparent;
   border-right: 1.25rem solid transparent;
   border-top: 1.25rem solid #001430;
   transform: rotateY(67deg) rotateX(27deg);
}

.mr1-5 {
   margin-left: 1.5rem;
}

#swiperslider4 {
   flex-shrink: 0;
   height: 10rem !important;
   position: relative;
   transition-property: transform;
}

#swiperslider8 {
   flex-shrink: 0;
   height: 10rem !important;
   position: relative;
   transition-property: transform;
}

.play {
   padding: 0.625rem 0.625rem 0.063rem 0.625rem;
}

.main {
   padding: 0.938rem 0 0.938rem 0.938rem;
}

.column {
   flex-basis: 100%;
   flex: 1;
}

.allDesktopCard {
   direction: rtl;
}

.desktopCard {
   width: 8.75rem;
   border-radius: 1rem;
   height: 32rem;
   box-shadow: 0.188rem 0.188rem 0.75rem 0.125rem rgba( 0, 0, 0, 0.4);
   transition: 0.2s;
}

.desktopCard:last-child {
   width: 4.6rem;
}

.desktopCard:not(:last-child) {
   margin-left: -4rem;
}

.InnHead {
   writing-mode: vertical-rl;
   transform: scale(-1, -1);
   letter-spacing: 0.1rem;
}

.activeDekcard {
   width: 22rem !important;
   margin-left: -1.6rem !important;
}

.hideInner {
   display: none;
}

.du {
   display: unset;
}

.login-mobile-avatar-circle {
   height: 3.125rem;
   width: 3.125rem;
}

.testimonial-background {
   background-image: url('./assets/images/rays.png');
   bottom: 7rem;
   position: absolute;
   /* background-position: center; */
   background-repeat: no-repeat;
   background-size: 100%;
}

.gradient {
   background: repeating-radial-gradient(circle at 20% 50%, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) 10px, rgba(255, 255, 255, 0.3) 10px, rgba(255, 255, 255, 0.3) 20px) top left no-repeat orange;
}






.gradient-border:hover, .gradient-border:focus, .gradient-border:active {
   --borderWidth: 0.15rem;
   background-image: linear-gradient(to bottom, #2d8856, #257e4c, #1d7543, #146b39, #0a6230) !important;
   position: relative;
   border-radius: var(--borderWidth);
   border-radius: 0.75rem;
   opacity: 1;
}
.background-circle {
   background-image: url('./assets/images/blueoffer-new.png');
   position: absolute;
   background-position: top center;
   background-repeat: no-repeat;
   background-size: 120%;
   z-index: -2;
}

.background-circle-bonus {
   background-image: url('./assets/images/bonus-offers-bg-new.png');
   position: absolute;
   background-position: top center;
   background-repeat: no-repeat;
   background-size: 120%;
   z-index: -2;
}

.background-circle-pseudo {
   background-image: url('./assets/images/pseudo-bonus-bg-new.png');
   position: absolute;
   background-position: top center;
   background-repeat: no-repeat;
   background-size: 120%;
   z-index: -2;
}





.mobile-menu-section.menu div {
   height: 0.125rem;
}

.swiper1 .swiper-wrapper {
   height: 20rem;
}

.swiper5 .swiper-pagination-bullet {
   background-color: rgb(47,89,97);
   border: 0.125rem solid rgb(47,89,97);
}

.swiper7 .swiper-pagination-bullet, .swiper3 .swiper-pagination-bullet {
   background-color: transparent;
   border: 0.125rem solid rgb(179,177,170);
   opacity: 1;
}
.swiper7 .swiper-pagination-bullet-active, .swiper3 .swiper-pagination-bullet-active {
   background-color:rgb(179,177,170);
}



.swiper8 .swiper-pagination-bullet, .swiper6 .swiper-pagination-bullet {
   background-color: transparent;
   border: 0.125rem solid gray;
}

.swiper4 .swiper-pagination-bullet {
   background-color: transparent;
   border: 0.125rem solid grey;
}

.swiper4 .swiper-pagination-bullet-active, .swiper6 .swiper-pagination-bullet-active, .swiper8 .swiper-pagination-bullet-active {
   background-color: rgb(179,177,170);
   border: 0.125rem solid rgb(179,177,170);
}

.swiper5 .swiper-pagination-bullet-active {
   background-color: white;
   border: 0.125rem solid white;
}

.swiper6 .swiper-wrapper {
   height: 100%;
}

.swiper6 .swiper-pagination {
   bottom: 4rem;
}

.cardDirection {
   direction: ltr;
}

.main-swiper-bg-1 {
   background-image: url('./assets/images/bgSlide1.jpg');
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

.main-swiper-bg-2 {
   background-image: url('./assets/images/bgSlide2.jpg');
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

.main-swiper-bg-3 {
   background-image: url('./assets/images/bgSlide3.jpg');
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

.refer-dektop-card-background {
  top:3.5rem;
  width: 17rem;
}
.refer-card-background {
   top:7.5rem;
   width: 17rem;
 }
 
 .btn_new{padding: 13px 32px 12px 20px !important; font-size: 16px !important;}

@media (min-width: 30em) and (max-width: 60em) {
   .refer-a-friend-background {
      background-image: url('./assets/images/refer-a-friend.png');
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      position: absolute;
      background-position: right bottom;
      background-repeat: no-repeat;
      background-size: contain;
      z-index: -1;
   }
}

.content {
   max-height: 0;
   overflow: hidden;
   transition: max-height 0.2s ease-out;
}
.btn_green{background-image: linear-gradient(to bottom, #2d8856, #257e4c, #1d7543, #146b39, #0a6230);}
.gradient-border {
   --borderWidth: 0.15rem;
   background-image: linear-gradient(to bottom, #2d8856, #257e4c, #1d7543, #146b39, #0a6230);
   position: relative;
   border-radius: var(--borderWidth);
   border-radius:0.75rem 0.75rem 0 0;
}
.pad-l-r-20{padding: 9px 20px !important;}
/* .gradient-border:after {
   content: '';
   position: absolute;
   top: calc(-1 * var(--borderWidth));
   left: calc(-1 * var(--borderWidth));
   height: calc(100% + var(--borderWidth) * 2);
   width: calc(100% + var(--borderWidth) * 2);
   background: linear-gradient(5deg, transparent, transparent, transparent, white, transparent, transparent, transparent, transparent);
   border-radius: calc(2 * var(--borderWidth));
   z-index: -1;
 
   background-size: 300% 300%;
} */

@-webkit-keyframes animatedgradient {
   0% {
      background-position: 0% 50%;
   }
   50% {
      background-position: 100% 50%;
   }
   100% {
      background-position: 0% 50%;
   }
}

@keyframes animatedgradient {
   0% {
      background-position: 0% 50%;
   }
   50% {
      background-position: 100% 50%;
   }
   100% {
      background-position: 0% 50%;
   }
}

/* login mobile animation */

.limit-width {
   width: 300px;
}

.cardlog {
   -webkit-transition: 0.5s ease all;
   transition: 0.5s ease all;
   position: absolute;
}

.turned {
   opacity: 0.9;
   margin-top: 0%;
}

.card-footer {
   width: 100%;
   border: none;
   outline: none;
   cursor: pointer;
}

.sign-up-card, .log-in-card {
   box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.3)
}

.above {
   z-index: 1
}

.below {
   z-index: 0
}

.form-collection {
   z-index: 2;
   position: relative;
   ;
}

.sign-up-card.turned {
   -webkit-transform: translate3d(0, 100px, 0);
   transform: translate3d(0, 100px, 100px);
}

.log-in-card.turned {
   -webkit-transform: translateX(0px) translateY(100px);
   transform: translateX(0px) translateY(100px) translateZ(100px);
}

.animation-state-1 .sign-up-card.below {
   opacity: 1;
   -webkit-transform: translateY(150px) translateZ(-50px);
   transform: translateY(150px) translateZ(-50px);
}

.log-in-card.above {
   opacity: 1;
   -webkit-transform: translateY(-180px) translateX(0px) translateZ(50px);
   transform: translateY(55px) translateX(0px) translateZ(50px);
}

.animation-state-finish .sign-up-card.above {
   -webkit-transform-origin: top;
   transform-origin: top;
   opacity: 1;
   -webkit-transform: translateY(0px);
   transform: translateY(0px) translateZ(50px);
}

.log-in-card.below {
   -webkit-transform: translateX(0px) translateY(100px);
   opacity: 1;
   transform: translateX(0px) translateY(100px) translateZ(-50px);
}

.animation-state-1 .log-in-card.below {
   opacity: 1;
   -webkit-transform: translateY(150px) translateZ(-50px);
   transform: translateY(150px) translateZ(-50px);
}

.sign-up-card.above {
   -webkit-transform: translateY(-20px) translateX(0px) translateZ(50px);
   transform: translateY(25px) translateX(0px) translateZ(50px);
   opacity: 1;
}

.animation-state-finish .log-in-card.above {
   -webkit-transform-origin: top;
   transform-origin: top;
   opacity: 1;
   -webkit-transform: translateY(20px);
   transform: translateY(20px) translateZ(50px);
}

.sign-up-card.below {
   -webkit-transform: translate3d(0, 100px, -50px);
   transform: translate3d(0, 100px, 0) translateZ(-50px);
   opacity: 1
}

.login-signup-section .card8 {
   width: 8.75rem;
}

.login-signup-section .card8.activeDekcard {
   margin-left: -5rem !important;
}

.login-signup-section .card9.activeDekcard {
   margin-right: -5rem !important;
}

.card-description {
   min-height: 13rem;
}

.card-description img {
   width: 2.813rem;
}

.whya23-bg-color {
   background-color: #1d3758;
}

/* div#swiper-pagination{
   bottom: 114px;
   left: 0px;
   width: 100%;
} */

.bg-instagram-color {
   background-color: #c1007a;
}

.container {
   max-width: 1140px;
}

.swiper-pagination-block .swiper-pagination-bullet {
   margin: 0 4px;
}

/* Custom modal CSS */
.video-modal {
   display: none; /* Hidden by default */
   position: fixed; /* Stay in place */
   z-index: 1000; /* Sit on top */
   padding-top: 100px; /* Location of the box */
   left: 0;
   top: 0;
   width: 100%; /* Full width */
   height: 100%; /* Full height */
   overflow: auto; /* Enable scroll if needed */
   background-color: #000000bf; /* Fallback color */
   background-color: #000000bf; /* Black w/ opacity */
 }
 
 /* Modal Content */
 .video-modal-content { 
   position: relative;
   margin: auto;
   padding:0px;
   width: 600px;
 }
 .video-modal-content iframe{ width: 100%; height: 338px; padding: 0; margin: 0; border:0px;}
 /* The Close Button */
 .video-close {
   color: #ffffff;
    float: right;
    font-size: 29px;
    font-weight: bold;
    background: #FF5722;
    height: 33px;
    width: 33px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    right: -15px;
    top: -15px;
 }
 
 .video-close:hover,
 .video-close:focus {
   color: #000;
   text-decoration: none;
   cursor: pointer;
 }

 @media (min-width:200px) and (max-width: 767px) {
   .video-modal {
      display: none; /* Hidden by default */
      position: fixed; /* Stay in place */
      z-index: 1000; /* Sit on top */
      padding-top: 100px; /* Location of the box */
      left: 0;
      top: 0;
      width: 100%; /* Full width */
      height: 100%; /* Full height */
      overflow: auto; /* Enable scroll if needed */
      background-color: #000000bf; /* Fallback color */
      background-color: #000000bf; /* Black w/ opacity */
    }
    
    /* Modal Content */
    .video-modal-content { 
      position: relative;
      margin: auto;
      padding:3%;
      width: 96%;
    }
    .video-modal-content iframe{ width: 100%; height: 240px; padding: 0; margin: 0; border:0px;}
    /* The Close Button */
    .video-close {
      color: #ffffff;
       float: right;
       font-size: 29px;
       font-weight: bold;
       background: #FF5722;
       height: 33px;
       width: 33px;
       text-align: center;
       border-radius: 50%;
       position: absolute;
       right: 3px;
       top: -5px;
    }
    
    .video-close:hover,
    .video-close:focus {
      color: #000;
      text-decoration: none;
      cursor: pointer;
    }
 }