/*!
 * Start Bootstrap - New Age v5.0.9 (https://startbootstrap.com/theme/new-age)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-new-age/blob/master/LICENSE)
 */

html,
body {
  width: 100%;
  height: 100%;
}
.flag-icon-eng {
    background-image: url(../img/desktop/icon_england.png);
}
body {
  font-family: 'Muli', 'Helvetica', 'Arial', 'sans-serif';
}
#promo1_mod .table-bordered tr td{
    vertical-align: middle;
}
#promo1_mod .table-bordered tr:nth-child(4) td{
    background: #999999;
}
#promo1_mod .table-bordered tr:nth-child(4) td:nth-child(1){
    background: transparent;
}
a {
  color: #fdcc52;
  transition: all .35s;
}
#promo1_mod p {
    margin: 0;
}

#newBrand {
  position: fixed;
  bottom: 200px;
  left: 0px;
  background-color: rgb(21, 21, 21,0.9);
  padding:20px 0;
    text-align:center;
}

#newBrand img:hover{
    transform: scale(1.1);
}

a:hover, a:focus {
  color: #fcbd20;
}
ol.pt {
    list-style-type: inherit;
}
hr {
  max-width: 100px;
  margin: 25px auto 0;
  border-width: 1px;
  border-color: rgba(34, 34, 34, 0.1);
}

hr.light {
  border-color: white;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 200;
  letter-spacing: 1px;
}

p {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 20px;
}

section {
  padding: 100px 0;
}

section h2 {
  font-size: 50px;
}

#mainNav {
  border-color: rgba(34, 34, 34, 0.05);
    background: rgb(57,129,100);
  transition: all .35s;
  font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 200;
  letter-spacing: 1px;
}


@media (max-width: 480px) {
    #mainNav{
        background: rgb(57,129,100);
    background: radial-gradient(circle, rgba(57,129,100,1) 0%, rgba(33,90,69,1) 100%);
    }
    .search-triplecrown {
        padding-top: 260px;
    }
    .search-triplecrownbn {
        padding-top: 260px;
    }
}

#mainNav .navbar-brand {
  color: #fdcc52;
  font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 200;
  letter-spacing: 1px;
}

#mainNav .navbar-brand:hover, #mainNav .navbar-brand:focus {
  color: #fcbd20;
}

#mainNav .navbar-toggler {
  font-size: 12px;
  padding: 8px 10px;
  color: #fff;
}

#mainNav.navbar.nav-camp{
    border-color: rgba(34, 34, 34, 0.1);
    background: rgb(57,129,100);
    background: radial-gradient(circle, rgba(57,129,100,1) 0%, rgba(33,90,69,1) 100%);
}

.filter-option-inner-inner{
    font-size:12px;
}

.nav-item{
    margin:0 10px;
}

.nav-link {
    display: block;
    padding: .5rem 1rem;
}

.reg-but{
    background: rgb(230,36,58);
    background: linear-gradient(90deg, rgba(230,36,58,1) 0%, rgba(186,24,43,1) 100%);
    color:White;
    padding:12px 20px;
    width: 180px;
}

#mainNav .navbar-nav > li > a {
  font-size: 12px;
  font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif';
  letter-spacing: 1px;
  text-transform: uppercase;
}

.navbar{
    padding:15px;
}

#mainNav .navbar-nav > li > a.active {
  color: #fdcc52 !important;
  background-color: transparent;
}

#mainNav .navbar-nav > li > a.active:hover {
  background-color: transparent;
}

#mainNav .navbar-nav > li > a,
#mainNav .navbar-nav > li > a:focus {
  color: rgba(255, 255, 255, 0.7);
}

#mainNav .navbar-nav > li > a:hover,
#mainNav .navbar-nav > li > a:focus:hover {
  color: #fdcc52;
}

@media (min-width: 992px) {
  #mainNav {
    border-color: transparent;
    background-color: transparent;
  }
  #mainNav .navbar-brand {
    color: fade(white, 70%);
  }
  #mainNav .navbar-brand:hover, #mainNav .navbar-brand:focus {
    color: white;
  }
  #mainNav .navbar-nav > li > a,
  #mainNav .navbar-nav > li > a:focus {
    color: rgba(255, 255, 255, 0.7);
  }
  #mainNav .navbar-nav > li > a:hover,
  #mainNav .navbar-nav > li > a:focus:hover {
    color: white;
  }
  #mainNav.navbar-shrink {
    border-color: rgba(34, 34, 34, 0.1);
        background: rgb(57,129,100);
    background: radial-gradient(circle, rgba(57,129,100,1) 0%, rgba(33,90,69,1) 100%);
  }
  #mainNav.navbar-shrink .navbar-brand {
    color: #fff;
  }
  #mainNav.navbar-shrink .navbar-brand:hover, #mainNav.navbar-shrink .navbar-brand:focus {
    color: #fdcc52;
  }
  #mainNav.navbar-shrink .navbar-nav > li > a,
  #mainNav.navbar-shrink .navbar-nav > li > a:focus {
    color: #fff;
  }
  #mainNav.navbar-shrink .navbar-nav > li > a:hover,
  #mainNav.navbar-shrink .navbar-nav > li > a:focus:hover {
    color: #fdcc52;
  }
}

section.affiliates_landing {
    position: relative;
    padding: 70px;
    padding-bottom: 50px;
    background: url(../img/desktop/EN-1920x1080.jpg)top center;
    background-position: center;
    background-size: cover;
    min-height: 110vh;
}
section.affiliates_landing_bdt {
    position: relative;
    padding: 70px;
    padding-bottom: 50px;
    background: url(../img/desktop/bn/BDT-1920x1080.jpg)top center;
    background-position: center;
    background-size: cover;
    min-height: 110vh;
}
section.IPL_2024 {
    position: relative;
    padding-bottom: 50px;
    background: url(../img/desktop/ipl_2024/1920x1080.jpg)top center;
    background-position: center;
    background-size: cover;
    min-height: 100vh;
}
section.IPL_2024_bdt {
    position: relative;
    padding-bottom: 50px;
    background: url(../img/desktop/bn/ipl_2024/1920x1080.jpg)top center;
    background-position: center;
    background-size: cover;
    min-height: 100vh;
}

section.elite_club {
    background: url(../img/desktop/new_index/green-web.jpg)top center;
    padding: 150px 0;
    background-size: cover;
    position: relative;
    min-height: 100vh;
}
section.elite_club_bdt {
    background: url(../img/desktop/bn/new_index/GREEN-BDT-web.jpg)top center;
    padding: 150px 0;
    background-size: cover;
    position: relative;
    min-height: 100vh;
}

header.masthead {
  position: relative;
  width: 100%;
  padding-top: 150px;
  padding-bottom: 100px;
  color: white;
  background: url("../img/desktop/slider1bg.png") top center;
    background-size:cover;
}

header.masthead .header-content {
  max-width: 40%;
  margin-bottom: 100px;
  text-align: center;
}

.header-logo{
    width: 140px;
    margin-bottom: -15px;
    height: 80px;
    margin-top: -15px;
}

.lang-select, .lang-select-con{
    width:180px!important;
}

.lang-select .btn, .lang-select-con .btn{
    padding: 7px 12px;
}

.header-wrapper{
    margin-top:auto;
    margin-bottom:auto;
}

#custCarousel .carousel-item{
    padding:0!important;
}
.IPL_2024_bdt .ipl_2024_button, .IPL_2024 .ipl_2024_button{
    background: #ffe500;
    border-radius: 12px;
    padding: 3px 50px;
    font-size: 22px;
    font-weight: 500;
     filter: blur(0.5px);
}
.IPL_2024_bdt .ipl_2024_button{
    background: #ffe500;
    border-radius: 12px;
    padding: 3px 50px;
    font-size: 25px;
    font-weight: 500;
     filter: blur(0.5px);
}
.IPL_2024_bdt .container-fluid,.IPL_2024 .container-fluid {
    position: absolute;
    bottom: 0px;
    padding-bottom: 40px;
    width: 100%;
}

@media (max-width: 480px) {
    .lang-select, .lang-select-con{
        width:105px!important;
        padding-bottom:0!important;
    }
    .lang-select .btn, .lang-select-con .btn{
        padding: 6px 12px;
    }
    .reg-but{
        background: rgb(230,36,58);
        background: linear-gradient(90deg, rgba(230,36,58,1) 0%, rgba(186,24,43,1) 100%);
        color:white;
        padding:11px;
        font-size:12px;
        width: 170px;
    }
    #mainNav .navbar-toggler {
        font-size: 12px;
        padding: 8px 10px;
        color: #fff;
        border:none;
    }
    
    header.masthead {
      position: relative;
      width: 100%;
      padding-top: 150px;
      padding-bottom: 100px;
      color: white;
      background: url("../img/mobile/slide1bg.png") top center;
        background-size:cover;
        height:100vh;
    }
    header.masthead .header-content {
      max-width: 100%;
      margin-bottom: 100px;
      text-align: center;
    }
    .header-wrapper{
        margin-top:0;
        margin-bottom:0;
    }
}


.lang-select .btn, .lang-select-con .btn{
    background: rgb(47,179,131);
    background: linear-gradient(90deg, rgba(47,179,131,1) 0%, rgba(24,168,107,1) 100%);
    color:white!important;
    border:none!important;
}

.inner.show{
    overfloW:hidden;
}

.flag-container{
    display: inline-block;
    width:30px;
    height:30px;
    border-radius: 30px;
    background:white;
    text-align: center;
    margin-right:10px;
}

.flag-icon {
    position: relative;
    display: inline-block;
    width: 22px;
    line-height: 28px;
}

header.masthead .header-content h1 {
  font-size: 30px;
}

header.masthead .device-container {
  max-width: 325px;
  margin-right: auto;
  margin-left: auto;
}

header.masthead .device-container .screen img {
  border-radius: 3px;
}

@media (min-width: 992px) {
  header.masthead {
    height: 100vh;
    min-height: 775px;
    padding-top: 0;
    padding-bottom: 0;
  }
  header.masthead .header-content {
    margin-bottom: 0;
    text-align: left;
  }
  header.masthead .header-content h1 {
    font-size: 50px;
  }
  header.masthead .device-container {
    max-width: 325px;
  }
}


.modal-body ol, .modal-body ul { list-style: none; }

@media (min-width: 576px){
.modal-dialog {
    max-width: 900px;
    margin: 1.75rem auto;
}
    .modal-xl {
    max-width: 1200px;
}
    
}

section.comm {
  position: relative;
  padding: 100px 0;
  background-image: url("../img/desktop/howitworkbg.jpg");
  background-position: center;
  background-size: cover;
}

section.comm .section-heading {
  margin-bottom: 100px;
}

section.comm .section-heading h2 {
  margin-top: 0;
}

section.comm .section-heading p {
  margin-bottom: 0;
}

section.comm .device-container,
section.comm .feature-item {
  max-width: 325px;
  margin: 0 auto;
}

section.comm .device-container {
  margin-bottom: 100px;
}

@media (min-width: 992px) {
  section.comm .device-container {
    margin-bottom: 0;
  }
}

section.comm .feature-item {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}

section.comm .feature-item h3 {
  font-size: 30px;
}

section.comm .feature-item i {
  font-size: 80px;
  display: block;
  margin-bottom: 15px;
  background: linear-gradient(to left, #7b4397, #dc2430);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

section.comm .w1{
    text-align: right;
}

section.comm .w2{
    text-align: center;
}

section.comm .w3{
    text-align: left;
}

section.comm-struct {
  position: relative;
  padding: 100px 0;
  background-image: url("../img/desktop/cmbg.jpg");
  background-position: center;
  background-size: cover;
}

section.comm-struct .section-heading {
  margin-bottom: 100px;
}

section.comm-struct .section-heading h2 {
  margin-top: 0;
}

section.comm-struct .section-heading p {
  margin-bottom: 0;
}

section.comm-struct .device-container,
section.comm-struct .feature-item {
  max-width: 325px;
  margin: 0 auto;
}

section.comm-struct .device-container {
  margin-bottom: 100px;
}

@media (min-width: 992px) {
  section.comm-struct .device-container {
    margin-bottom: 0;
  }
}

section.comm-struct .feature-item {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}

section.comm-struct .feature-item h3 {
  font-size: 30px;
}

section.comm-struct .feature-item i {
  font-size: 80px;
  display: block;
  margin-bottom: 15px;
  background: linear-gradient(to left, #7b4397, #dc2430);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

section.comm-reg {
  position: relative;
  padding: 350px 0;
  background-image: url("../img/desktop/register.jpg");
  background-position: center;
  background-size: cover;
}

section.comm-reg .section-heading {
  margin-bottom: 100px;
}

section.comm-reg .section-heading h2 {
  margin-top: 0;
}

section.comm-reg .section-heading p {
  margin-bottom: 0;
}

section.comm-reg .device-container,
section.comm-reg .feature-item {
  max-width: 325px;
  margin: 0 auto;
}

section.comm-reg .device-container {
  margin-bottom: 100px;
}

@media (min-width: 992px) {
  section.comm-reg .device-container {
    margin-bottom: 0;
  }
}

section.comm-reg .feature-item {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}

section.comm-reg .feature-item h3 {
  font-size: 30px;
}

section.comm-reg .feature-item i {
  font-size: 80px;
  display: block;
  margin-bottom: 15px;
  background: linear-gradient(to left, #7b4397, #dc2430);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.comm-reg-btn{
    background: rgb(219,182,72);
    background: linear-gradient(180deg, rgba(219,182,72,1) 0%, rgba(250,241,177,1) 50%, rgba(184,147,72,1) 100%);
    color:#755108;
    font-weight:bold;
    font-size:30px;
    text-transform: none!important;
    padding:20px 50px;
}

section.ptcasino {
    position: relative;
    padding: 250px 0;
    background: url("../img/desktop/PT_casino_1920&1080.jpg")top center;
    background-position: center;
    background-size:cover;
    height: 100vh;
}

section.ptcasinobn {
    position: relative;
    padding: 250px 0;
    background: url("../img/desktop/bn/PT_casinobn_1920&1080.jpg")top center;
    background-position: center;
    background-size:cover;
    height: 100vh;
}

section.eliteClub {
    position: relative;
    padding: 100px 0;
    background: url("../img/desktop/eliteClub/eliteClub_background.jpg")top center;
    background-position: center;
    background-size:cover;
    height: 100vh;
}

section.elite_club1 {
    position: relative;
    padding: 120px 0;
    background: url(../img/desktop/eliteClub/Elite_Club_background1920x1080_1.jpg)top center;
    background-position: center;
    background-size: cover;
    height: 100vh;
}

section.elite_club2 {
    position: relative;
    padding: 120px 0;
    background: url(../img/desktop/eliteClub/Elite_Club_background1920x1080_2.jpg)top center;
    background-position: center;
    background-size: cover;
    min-height: 100vh;
}

section.elite_club3 {
    position: relative;
    padding: 120px 0;
    background: url(../img/desktop/eliteClub/Elite_Club_background1920x1080_3.jpg)top center;
    background-position: center;
    background-size: cover;
    min-height: 100vh;
}

section.icc {
    position: relative;
    padding: 20px;
    padding-top: 80px;
    padding-left: 100px;
    background: url(../img/desktop/icc/icc_bg_1920x1080.jpg)top center;
    background-position: center;
    background-size: cover;
    min-height: 100vh;
}

section.fifa_prediction {
    position: relative;
    padding: 70px;
    padding-bottom: 50px;
    background: url(../img/desktop/fifa/fifa_prediction_background.jpg)top center;
    background-position: center;
    background-size: cover;
    min-height: 120vh;
}

.fifa_prediction-content {
    padding-right: 18.5%;
    padding-left: 18.5%;
    padding-top: 4%;
}
.fifa_prediction-content p{
    line-height: 1.55;
}

.fifa_prediction-content .col-md-5 {
    max-width:38%;
}
.fifa_prediction-content .col-md-4 {
    max-width:30%;
}

.fifa_frame16{
    border: 2px solid #ffffff; 
    background-image: linear-gradient(#f4e66a, #eda008);
    padding: 10px 15px;
    border-radius: 3px;
}

.fifa_frame8 {
    border: 2px solid #ffffff; 
    background-image: linear-gradient(#f994a5, #f73660);
    padding: 10px 15px;
    border-radius: 3px;
}

.fifa_frame4 {
    border: 2px solid #ffffff; 
    background-image: linear-gradient(#b82864, #650724);
    padding: 10px 15px;
    border-radius: 3px;
}

.fifa_frame3 {
    border: 2px solid #ffffff; 
    background-image: linear-gradient(#ffffff, #bcbbbb);
    padding: 10px 15px;
    border-radius: 3px;
}

.fifa_frame2 {
    border: 4px solid #ffd800;
    background-color: #201f1f;
    padding: 8px 5px;
    display: inline-flex;
    vertical-align: middle;

}
.fifa_frame16 span , .fifa_frame8 span, .fifa_frame4 span{
    width: 30px!important;
}

.fifa_frame3 span{
    width: 45px!important;
}

.fifa_frame1 span , .fifa_frame2 span{
    width: 70px!important
}

.fifafinal {
    margin-top: -560px;
    padding: 50px;
    line-height: 13.0;
}
.fifafinal1{
    font-weight: bold;
    font-size: 30px;
}

.id-search_elite:focus {
        box-shadow: none!important;
        background-color: #212930!important;
        transition: none!important;
        
}
.id-search_elite::placeholder {
    color: #9f9169!important;
    font-style: italic;
}

input:focus::-webkit-input-placeholder {
  color: #9f9169;
    font-style: italic;
}
.EliteClub_content img {
    margin-bottom: 10px;
}

.eliteframe {
    border: 3px solid #d6b65f;
    padding: 20px;
}
.eliteframe thead td {
    color: #ffcc52;
    font-weight: bold;
}
.eliteframe tbody tr:nth-child(odd) td{
    background-color: #ffe49e;
    font-size: 20px;
    padding: 5px;
}
.eliteframe tbody tr:nth-child(even) td{
    background-color: #ad9e79;
    font-size: 20px;
    padding: 5px;
}

.elite_club3 table tr td:nth-child(1){
    color: #edbd4b;
    font-size: 20px;
    padding: 30px;
}

.elite_club3 table tr td:nth-child(2){
    color: #c4c5c6;
    font-size: 20px;
    text-align: left;
    padding: 30px;
}

.logo_casino {
    width: 30%;
    margin-top: -15px;
}

section.about {
  position: relative;
  padding: 250px 0;
  background: url("../img/desktop/about.jpg")top center;
  background-position: center;
  background-size: cover;
    height: 100vh;
}

section.iplbn{
    background: url("../img/desktop/landing_BDT.jpg")center center!important;
    position: relative;
  padding: 0;
  background-position: center;
  background-size: cover;
    height: 100vh;
    cursor: pointer;
}

section.about .about-content {
  position: relative;
  z-index: 1;
}

section.about .about-content h2 {
  font-size: 30px;
  max-width: 35%;
  margin-right: 15px;
  margin-top: 0;
  margin-bottom: 25px;
  color: white;
    line-height: 40px;
    color:#dcdcdc;
}
section#ipl2023 {
    position: relative;
    background: url(../img/desktop/IPL2023/ipl_background1.jpg)top center;
    background-position: center;
    background-size: cover;
    min-height: 100vh;
}

section#ipl2023_2 {
    position: relative;
    background: url(../img/desktop/IPL2023/ipl_background2.jpg)top center;
    background-position: center;
    background-size: cover;
    min-height: 100vh;
}
section#ipl2023_bn {
    position: relative;
    background: url(../img/desktop/IPL2023/bn_ipl2023/ipl_background1.jpg)top center;
    background-position: center;
    background-size: cover;
    min-height: 100vh;
}

section#ipl2023_2_bn {
    position: relative;
    background: url(../img/desktop/IPL2023/bn_ipl2023/ipl_background2.jpg)top center;
    background-position: center;
    background-size: cover;
    min-height: 100vh;
}

.ipl2023_2-content {
    padding: 70px;
}

.ipl2023-content{
    padding: 220px 150px 300px 150px
}
.idsearch2 {
    background-color: transparent;
    border: none;
    padding-left: inherit;
    width: 50px;
}
#ipl2023tnc tr th{
    border:1px solid black;
}
#ipl2023tnc tr td{ 
    border:1px solid black;
    font-weight: 400;
}
@keyframes float3 {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform:translate3d(30px, 20px, 0px);
	}
	100% {
		transform: translatey(0px);
	}
}
@keyframes float2 {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform:translate3d(20px, -20px, 0px);
	}
	100% {
		transform: translatey(0px);
	}
}
@keyframes float1 {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform:translate3d(-20px, 20px, 0px);
	}
	100% {
		transform: translatey(0px);
	}
}

.avatar1 .ipl2023_img1{
	transform: translatey(0px);
	animation: float1 10s ease-in-out infinite;
	img { width: 100%; height: auto; }
}
.avatar1 .ipl2023_img3 {
    transform: translatey(0px);
	animation: float3 10s ease-in-out infinite;
	img { width: 100%; height: auto; }
}

.avatar2 {
	transform: translatey(0px);
	animation: float2 10s ease-in-out infinite;
	img { width: 100%; height: auto; }
}
.ipl2023_img1 {
    padding-left: 0px;
    padding-right: 500px;
}
.ipl2023_img2 {
    padding-right: 400px
}
.ipl2023_img3 {
    margin-right: -100px;
}

.id-search2 {
    border: none;
    border-radius: 0px;
    height: 60px;
    font-size: 18px;
    width: 90%;
}

.id-search2::placeholder {
  color: #bababa;
  opacity: 1; 
    font-weight: 500;
}
.home-table th, .home-table td{
    color: white;
}
#table-wrapper {
  position:relative;
}
#table-wrapper table {
  width:100%;

}
#table-wrapper table * {
  background:yellow;
  color:black;
}
#table-wrapper table thead th .text {
  position:absolute;   
  top:-20px;
  z-index:2;
  height:20px;
  width:35%;
  border:1px solid red;
}
.table-results tbody::-webkit-scrollbar {
  width: 10px;
    direction: rtl;
}

/* Track */
.table-results tbody::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  background: rgba(61, 64, 72, 0.3);
}
 
/* Handle */
.table-results tbody::-webkit-scrollbar-thumb {
  background: white; 
  border-radius: 10px;
}

/* Handle on hover */
.table-results tbody::-webkit-scrollbar-thumb:hover {
  background: lightgrey; 
}
.home-table tbody tr{
    background: rgba(61, 64, 72, 0.3);
}
.home-table thead {
    padding: 15px 0px;
    
    font-weight: bold;
}
.home-table td:nth-child(2){
    border-bottom:5px solid rgb(26, 33, 35, 0.5);
    width: 20%;
    padding: 15px 0px;
    
    font-weight: bold;
}
.home-table td:nth-child(3){
    border-bottom:5px solid rgb(26, 33, 35, 0.5);
    width: 20%;
    padding: 15px 0px;
    
    font-weight: bold;
}
.home-table td:nth-child(4){
    border-bottom:5px solid rgb(26, 33, 35, 0.5);
    width: 20%;
    padding: 15px 0px;
    
    font-weight: bold;
}

.home-table td:nth-child(1){
    border-bottom:5px solid rgb(26, 33, 35, 0.5);
    padding: 10px 0px;
    
    font-weight: bold;
}

.table-results tbody {
  display: table-caption; 
  max-height: 600px; 
  overflow-y: scroll; 
}


@media (min-width: 768px) {
  section.about .about-content h2 {
    font-size: 30px;
      float:right;
  }
    .search-triplecrown {
        padding-top: 30px;
    }

    .search-triplecrownbn {
        padding-top: 30px;
    }
}

section.contact {
   position: relative;
  padding: 150px 0;
  background: url("../img/desktop/footer.jpg")top center;
  background-position: center;
  background-size: cover;
    
}

section.contact h2 {
  margin-top: 20px;
  margin-bottom: 25px;
    color:white;
    font-size:36px;
}

section.contact h2 i {
  color: #dd4b39;
}

section.contact ul.list-social {
  margin-bottom: 0;
}

section.contact ul.list-social li a {
  font-size: 40px;
  line-height: 80px;
  display: block;
  width: 80px;
  height: 80px;
  color: white;
  border-radius: 100%;
}

section.contact .contact1{
    text-align: left;
    padding-top:50px;
}

section.contact .contact2{
    text-align: center;
    padding-top:50px;
}

section.contact .contact3{
    text-align: right;
    padding-top:50px;
}

section.contact .contact-links a{
    color:white;
}

.cp{
    color:white;
}

#faq {
    position: relative;
    padding: 20px 0;
    padding-top: 80px;
    background: url("../img/desktop/q&a/q&a_headerlogo.jpg")top center;
    background-position: center;
    background-size: cover;
    
}

#faq2 {
    position: relative;
    padding: 20px 0;
    background: url(../img/desktop/q&a/q&a_background1.jpg)top center;
    background-position: center;
    background-size: cover;
}

#banner {
    position: relative;
    padding: 50px 0;
    background: url("../img/desktop/q&a/q&a_headerlogo2.jpg")top center;
    background-position: center;
    background-size: cover;
}

#banner2 {
    position: relative;
    padding: 20px 0;
    background: url("../img/desktop/q&a/q&a_background2.jpg")top center;
    background-position: center;
    background-size: cover;
}

#tutorial_video {
    position: relative;
    padding: 50px 0;
    background: url("../img/desktop/q&a/q&a_headerlogo2.jpg")top center;
    background-position: center;
    background-size: cover;
}

#tutorial_video2 {
    position: relative;
    padding: 20px 0;
    background: url(../img/desktop/q&a/q&a_background1.jpg)top center;
    background-position: center;
    background-size: cover;
}

.faq_content1 {
    margin-left: 30%;
    color: white;
    width: 70%;
    font-size: 40px;
}

.faq_content2 {
    margin-left: 30%;
    color: white;
    font-size: 40px;
    width: 35%;
}

.faq_content3 {
    margin-left: 30%;
    width: 70%;
    color: white;
    font-size: 40px;
}

.faq-content2-1 {
    color: white;
    margin-left: 30%;
    font-size: 25px;
    width: 200%;
}

.faq-content2-2 {
    color: #ffff00;
    margin-left: 30%;
    font-size: 25px;
    width: 200%;
}

.faq-content3-1 {
    color: #ffff00;
    margin-left: 30%;
    font-size: 25px;
    width: 200%;
}

.faq_icon1 {
    width: 5%;
}
.faq_icon2 {
    width: 0.28%;
    margin-right: 1%;
}

.faq_header_icon {
    margin-left: 30%;
}
.faq_header_icon2 {
    margin-left: 30%;
}

.faq_search {
    width: 70%;
    height: 50px;
    margin-left: 30%;
    border-radius: 30px;
    color: #608071;
}
.faq_questionlogo {
    width: 35%;
}
.faq_socialicon {
    width:12%!important;
}
.imgbanner {
    width: 100%;
}
.banner2 h3{
    font-size: 30px;
    margin-top: 0;
    margin-bottom: -10px;
    color:#ffffff;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom:10px;
}

.banner2-content img{
    width: 50%;
}
.banner2-content td,.banner2-content th{
    height: 50px;
    color: #a8d08d!important;
    border: 1px solid!important;
 }
.banner2-content a{
    border:2px solid;
    background: rgb(58,255,74);
    background: radial-gradient(circle, rgba(58,255,74,1) 10%, rgba(68,224,70,1) 38%, rgba(31,156,13,1) 100%);
    border-radius:3px;
    color:black;
    padding: 5px;
    font-size: 12px;
    font-weight: bold;
}

.banner2-content tbody tr:nth-child(odd) td{
    background: #e2efd9;
}

.banner2 thead {
    background: #333333;
    text-transform: uppercase;
}
.banner2 thead th{
    color: #fff!important;
    font-weight: bold!important;
}


.banner2 tr:nth-child(odd) td{
    background: #fff;
    vertical-align: middle;
    
}
.banner2 tr:nth-child(even) td{
    background: #c4fceb;
    vertical-align: middle;
}

.banner2 thead th {
        width: 25%;
}


.fifa_prediction1-content li a{
    color: #a09095!important;
}

.fifa_prediction1-content .testi-tabs a.active {
    background-color: #b32661!important;
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 900px)
  and (orientation: landscape) {
      section.about {
        position: relative;
        padding: 50px 0;
        background: url(../img/desktop/about.jpg)top center;
        background-position: center;
        background-size: cover;
        height: 100vh;
    }
      
      section.iplbn {
        position: relative;
        padding: 50px 0;
        background: url("../img/desktop/landing_BDT.jpg")center center!important;
        background-position: center;
        background-size: cover;
        height: 100vh;
    }
    section.about .about-content h2 {
      font-size: 12px;
    margin-right: 15px;
    margin-top: 25px;
    margin-left: 30px;
    margin-bottom: 25px;
    line-height: 24px;
        color:#dcdcdc;
    }
    .contact-links{
        font-size:14px;
    }
    .lang-select, .lang-select-con{
        padding-bottom:15px;
    }
      
    .modal-dialog{
        margin:20px;
    }
}
@media (max-width: 1024px) and (orientation: landscape) {
    .iplblock{
        margin-top:70px;
    }
    section.about .about-content h2 {
          font-size: 16px;
    max-width: 35%;
    margin-right: 15px;
    margin-top: 0px;
    margin-left: 30px;
    margin-bottom: 25px;
    line-height: 26px;
    color: #dcdcdc;
    }
    section.fifa_prediction {
        min-height: 90vh;
    }
    .tab-view{
        padding:0!important;
    }
    .fifa_prediction-content {
        padding-right: 11.5%;
        padding-left: 11%;
        padding-top: 4%;
    }
    .fifafinal {
        margin-top: -430px;
        padding: 50px;
        line-height: 11.0;
    }
    .fifafinal1{
        font-weight: bold;
        font-size: 25px;
    }
    .fifa_prediction-content p {
        margin-bottom: 8px;
    }
    .fifa_frame2 p {
        font-size: 14px;
    }
    .fifa_frame2 span {
        width: 40px!important;
    }
}
@media (max-width: 768px) {
    .IPL_2024 .ipl_2024_button {
        background: #ffe500;
        border-radius: 5px;
        padding: 3px 40px;
        font-size: 18px;
    }
    .IPL_2024_bdt .ipl_2024_button {
        background: #ffe500;
        border-radius: 5px;
        padding: 3px 40px;
        font-size: 20px;
    }
    section.IPL_2024 {
        background: url(../img/desktop/ipl_2024/1125x2436.jpg)top center;
        position: relative;
        background-position: center;
        background-size: cover;
        min-height:110vh;
    }
    section.IPL_2024_bdt {
        background: url(../img/desktop/bn/ipl_2024/1125x2436.jpg)top center;
        position: relative;
        background-position: center;
        background-size: cover;
        min-height:110vh;
    }
    section.elite_club {
        background: url(../img/desktop/new_index/green-mobile.jpg)top center;
        padding: 20px 0;
        background-size: cover;
        position: relative;
        min-height: 110vh;
    }
    section.elite_club_bdt {
        background: url(../img/desktop/bn/new_index/GREEN-BDT-mobile.jpg)top center;
        padding: 20px 0;
        background-size: cover;
        position: relative;
        min-height: 110vh;
    }
    section.affiliates_landing {
        background: url(../img/desktop/EN-1125x2436.jpg)top center;
        position: relative;
        background-position: center;
        background-size: cover;
        margin-top: 90px;
        min-height:110vh;
    }
    section.affiliates_landing_bdt {
        background: url(../img/desktop/BDT-1125x2436.jpg)top center;
        position: relative;
        background-position: center;
        background-size: cover;
        margin-top: 90px;
        min-height:110vh;
    }
    section#ipl2023_bn { 
        position: relative;
        background: url(../img/desktop/IPL2023/bn_ipl2023/ipl_background_mobile1.jpg)top center;
        background-position: center;
        background-size: cover;
        min-height: 100vh;
    }
    section#ipl2023_2_bn { 
        position: relative;
        background: url(../img/desktop/IPL2023/bn_ipl2023/ipl_background_mobile2.jpg)top center;
        background-position: center;
        background-size: cover;
        min-height: 100vh;
    }
    section#ipl2023 {
        position: relative;
        background: url(../img/desktop/IPL2023/ipl_background_mobile1.jpg)top center;
        background-position: center;
        background-size: cover;
        min-height: 100vh;
    }
    
    .ipl2023-content{
        padding: 400px 20px 50px 20px;
    }
    section#ipl2023_2 {
        position: relative;
        background: url(../img/desktop/IPL2023/ipl_background_mobile2.jpg)top center;
        background-position: center;
        background-size: cover;
        min-height: 100vh;
    }
    .ipl2023_2-content {
        padding: 50px 10px;;
    }
    .ipl2023_img1 {
        padding-right: 0px;
        width: 15%;
        float: left;
    }
    .ipl2023_img2 {
        padding-left: 50px;
        padding-right: 0;
        float: left;
        width: 32%;
    }
    .ipl2023_img3 {
        width: 20%;
        margin: 0;
    }
    .id-search2 {
        height: 30px;
        font-size: 12px;
        width: 90%;
    }
    .ipl2023_2 .fa-search {
        font-size:20px!important;
    }
    .ipl2023_2 .input-group span{
        width:70%!important;
    }
    .ipl2023_2 iconify-icon {
        font-size: 25px!important;
    }
    .ipl2023_2 #ldsearch .btn {
        padding: 0 0 0 10px!important;
    }
    #ldsearch .input-group {
        justify-content: center;
    }
    .home-table tbody tr{
        background: #333333;
    }
    .home-table thead {
        padding: 15px 0px;
        
        font-weight: bold;
    }
    .home-table td:nth-child(2){
        vertical-align: middle;
        border-bottom:3px solid black;
        width: 20%;
        padding: 10px 0px;
        
        font-weight: bold;
        font-size: 14px!important;
    }
    .home-table td:nth-child(3){
        vertical-align: middle;
        border-bottom:3px solid black;
        width: 20%;
        padding: 10px 0px;
        
        font-weight: bold;
        font-size: 14px!important;
    }
    .home-table td:nth-child(4){
        vertical-align: middle;
        border-bottom:3px solid black;
        width: 20%;
        padding: 10px 0px;
        
        font-weight: bold;
        font-size: 14px!important;
    }

    .home-table td:nth-child(1){
        vertical-align: middle;
        border-bottom:3px solid black;
        padding: 5px 0px;
        
        font-weight: bold;
        font-size: 14px!important;
    }
    .table-results {
        direction: inherit!important;
        background: black;
        padding: 5px;
        border: 2px solid white;
        border-radius: 10px;
        padding-left:0!important;
    }
    .table-results tbody {
      display: table-caption; 
      max-height: 600px; 
      overflow-y: scroll; 
    }
    .table-results tbody::-webkit-scrollbar {
      width: 5px;
        direction: rtl;
    }
    .table-results tbody::-webkit-scrollbar-track {
      box-shadow: inset 0 0 5px grey; 
      background: black;
    }
    .ipl2023_2 .table-responsive::-webkit-scrollbar {
        color: black;
        height: 5px;
    }
    .ipl2023_2 .table-responsive::-webkit-scrollbar-track {
      background: black;
    }
    .ipl2023_2 .table-responsive::-webkit-scrollbar-thumb{
        background: white;
        border-radius: 5px;
    }
    #ldModal .modal-body{
        padding: 0!important;
    }
    #ld-short tr td {
        font-size: 14px!important;
        padding: 10px;
    }
    #ldModal .usersearch-home{
       margin: 0; 
    }
    .idsearch2 {
        padding-right: 0px;
        width: 30px;
    }
    .iplblock{
        margin-top:70px;
    }
    section.fifa_prediction1 {
        position: relative;
        padding: 10px;
        padding-top: 80px;
        padding-bottom: 50px;
        background: url(../img/mobile/fifa/fifa_prediction_background1.png)top center;
        background-position: center;
        background-size: cover;
        min-height: 100vh;
    }
    section.fifa_prediction2 {
        position: relative;
        padding: 10px;
        padding-bottom: 20px;
        background: url(../img/mobile/fifa/fifa_prediction_background2.png)top center;
        background-position: center;
        background-size: cover;
        min-height: 100vh;
    }
    section.ptcasino {
        position: relative;
        padding: 200px 0;
        background: url("../img/mobile/pt_casinomobile_1124&2436.jpg")top center;
        background-position: center;
        background-size:cover;
        height: 100vh;
    }
    section.ptcasinobn {
        position: relative;
        padding: 200px 0;
        background: url("../img/mobile/bn/pt_casinomobilebn_1124&2436.jpg")top center;
        background-position: center;
        background-size:cover;
        height: 100vh;
    }
    section.about {
      position: relative;
      padding: 200px 0;
      background: url("../img/mobile/about.jpg")top center;
      background-position: center;
      background-size: cover;
        height: 100vh;
    }
    section.iplbn {
      position: relative;
      padding: 200px 0;
      background: url("../img/mobile/landing_mobile_BDT.jpg")top center!important;
      background-position: center;
      background-size: cover;
        height: 100vh;
    }
    .contact-links{
        font-size:14px;
    }
    .lang-select, .lang-select-con{
        padding-bottom:15px;
    }
    section.about .about-content h2 {
      font-size: 30px;
    max-width: 80%;
    margin-right: 15px;
    margin-top: 25px;
    margin-left: 30px;
    margin-bottom: 25px;
    line-height: 40px;
    color: #dcdcdc;
    }
    section.comm-struct {
        position: relative;
        padding: 100px 0;
        background-image: url("../img/mobile/cmbg.jpg");
        background-position: center;
        background-size: cover;
        height: 100vh;
    }
    .modal-dialog{
        margin:20px;
    }
    section.comm-reg {
      position: relative;
      padding: 200px 0;
      background-image: url("../img/mobile/register.jpg");
      background-position: center;
      background-size: cover;
    }
    
    section.contact .contact1{
        text-align: center;
        padding-top:20px;
    }

    section.contact .contact2{
        text-align: center;
        padding-top:20px;
    }

    section.contact .contact3{
        text-align: center;
        padding-top:20px;
        padding-bottom:50px;
    }
    
    section.contact h2 {
      margin-top: 20px;
      margin-bottom: 25px;
        color:white;
        font-size:20px;
    }
    .headercommision  {
        width: 100%!important;
    }
    .commisionWord {
        font-size: 30px!important;
    }
    .modalCommision {
        width: 100%!important;
    }
    #triplecrown2 {
        background: url('../img/mobile/triplecrown/triplecrownmobilebg4.png')top center;
        position: relative;
        padding: 50px 0;
        background-position: center;
        background-size: cover;
        height: 100vh;
    }
    #triplecrownbg2 {
        background: url('../img/mobile/triplecrown/bn/searchcrownbnbg4.png')top center;
        position: relative;
        padding: 50px 0;
        background-position: center;
        background-size: cover;
        height: 100vh;
    }
    .imgstamp {
        width: 100%;
    }
    .winnerlistIPL {
        padding: 10px 10px;
    }
    #faq {
        position: relative;
        padding: 20px 0;
        padding-top: 80px;
        background: url("../img/mobile/banner/q&a_mobile_headerlogo-100.jpg")top center;
        background-position: center;
        background-size: cover;

    }
    
    #banner {
        position: relative;
        padding: 10px 0;
        background: url("../img/mobile/banner/q&a_mobile_headerlogo-100.jpg")top center;
        background-position: center;
        background-size: inherit;
    }
    
    #tutorial_video {
        position: relative;
        padding: 10px 0;
        background: url("../img/mobile/banner/q&a_mobile_headerlogo-100.jpg")top center;
        background-position: center;
        background-size: cover;
    }
    .faq_content1 {
        font-size: 20px;
        margin-left: 1%;
        width: 110%;
        
    }
    .faq_content2 {
        margin-left: 1%;
        color: white;
        font-size: 20px;
        width: 25%;
        
    }
    .faq_content3 {
        font-size: 20px;
        margin-left: 1%;
        width: 55%;
    }
    .faq-content2-1 {
        color: white;
        margin-left: 1%;
        font-size: 15px;
        width: 100%;
    }
    .faq-content2-2 {
        color: #ffff00;
        margin-left: 1%;
        font-size: 15px;
        width: 100%;
    }
    .faq_header_icon {
        margin-left: 1%;
        width: 30%;
    }
    .faq_header_icon2 {
        margin-left: 1%;
        width: 15%;
    }
    .faq_icon1 {
        width: 30px;
    }

    .faq_search {
        width: 110%;
        height: 30px;
        margin-left: 1%;
        border-radius: 30px;
        color: fuchsia;
    }
    .faq_icon2 {
        width: 0.5%
    }
    .faq2 b, .tutorial_video2 b{
        align-self: center;
    }
    .card b{
        font-size: 12px;
    }
    .card-body p{
        font-size: 12px!important;
    }
    .banner2-content b{
        font-size: 8px;
    }
    .banner2-content img {
        width: 100px;
    }
    .banner2-content p{
        font-size: 12px;
    }
    .banner2-content a{
        padding:5px;
    }
    .card iframe{
        width: 280px;
        height: 158px;
    }
    .faq_questionlogo {
        width: 100%;
    }
    .faq_socialicon {
        width:20%!important;
    }
    .fifa_prediction2-content .semifinal {
        padding: 65px 30px;
        background: url(../img/mobile/fifa/final.png)top center;
        position: relative;
        background-size: cover;
    }
    .fifa_prediction2-content .final {
        padding: 25px;
        background: url(../img/mobile/fifa/champion.png)top center;
        position: relative;
        background-size: cover;
    }
    .fifafinal1{
        font-weight: bold;
        font-size: 24px;
    }
    .fifa_frame16 span , .fifa_frame8 span{
        width: 20px!important;
        vertical-align: middle;
    }
    
}

@media (max-width: 480px) {
    section.affiliates_landing {
        background: url(../img/desktop/EN-1125x2436.jpg)top center;
        position: relative;
        background-position: center;
        background-size: cover;
        margin-top: 70px;
        min-height:110vh;
    }
    section.affiliates_landing_bdt {
        background: url(../img/desktop/BDT-1125x2436.jpg)top center;
        position: relative;
        background-position: center;
        background-size: cover;
        margin-top: 70px;
        min-height:110vh;
    }
    
    .iplblock{
        margin-top:70px;
    }
    section.about {
      position: relative;
      padding: 240px 0;
      background: url("../img/mobile/about.jpg")top center;
      background-position: center;
      background-size: cover;
        height: 100vh;
    }
    section.iplbn {
      position: relative;
      padding: 200px 0;
      background: url("../img/mobile/landing_mobile_BDT.jpg")top center!important;
      background-position: center;
      background-size: cover;
        height: 100vh;
    }
    .modal-dialog{
        margin:20px;
    }
    section.about .about-content h2 {
      font-size: 14px;
    max-width: 100%;
    margin-right: 15px;
    margin-top: 25px;
    margin-left: 30px;
    margin-bottom: 25px;
    line-height: 24px;
        color:#dcdcdc;
    }
    
    section.comm-struct {
        position: relative;
        padding: 100px 0;
        background-image: url("../img/mobile/cmbg.jpg");
        background-position: center;
        background-size: cover;
        height: 100vh;
    }
    
    section.comm-reg {
      position: relative;
      padding: 200px 0;
      background-image: url("../img/mobile/register.jpg");
      background-position: center;
      background-size: cover;
    }
    
    section.contact .contact1{
        text-align: center;
        padding-top:20px;
    }

    section.contact .contact2{
        text-align: center;
        padding-top:20px;
    }

    section.contact .contact3{
        text-align: center;
        padding-top:20px;
        padding-bottom:50px;
    }
    
    section.contact h2 {
      margin-top: 20px;
      margin-bottom: 25px;
        color:white;
        font-size:20px;
    }
    .triplecrownmb1 {
        padding: 0px;
    }
    section.triplecrown2 {
        background: url('../img/mobile/triplecrown/triplecrownmobilebg4.png')top center;
        position: relative;
        padding: 50px 0;
        background-position: center;
        background-size: cover;
        height: 130vh;
    }
    section.triplecrownbg2 {
        background: url('../img/mobile/triplecrown/bn/searchcrownbnbg4.png')top center;
        position: relative;
        padding: 50px 0;
        background-position: center;
        background-size: cover;
        height: 130vh;
    }
    .iccmbori {
        padding: 0px;
    }
    .iccmb {
        position: relative!important;
        padding: 20px 0px!important;
        padding-left: 135px!important;
        padding-right: 10px!important;
        background: url(../img/mobile/icc/icc_bg_1124x2436_1.jpg)top center;
        background-repeat: no-repeat;
          background-position: center;
          background-size: cover;
        min-height: 100vh;
    }
    .iccmb2 {
        position: relative!important;
        padding: 20px!important;
        padding-top: 300px!important;
        background: url(../img/mobile/icc/icc_bg_1124x2436_2.jpg)top center;
        background-repeat: no-repeat;
          background-position: center;
          background-size: cover;
        min-height: 100vh;
    }
    .iccmb3 {
        position: relative!important;
        padding: 20px!important;
        padding-top: 300px!important;
        background: url(../img/mobile/icc/icc_bg_1124x2436_3.jpg)top center;
        background-repeat: no-repeat;
          background-position: center;
          background-size: cover;
        min-height: 100vh;
    }
    .iccmbbn {
        position: relative!important;
        padding: 20px 0px!important;
        padding-left: 135px!important;
        padding-right: 10px!important;
        background: url(../img/mobile/icc/bn/icc_bg_1124x2436_1bn.jpg)top center;
        background-repeat: no-repeat;
          background-position: center;
          background-size: cover;
        min-height: 100vh;
    }
    .iccmbbn2 {
        position: relative!important;
        padding: 20px!important;
        padding-top: 300px!important;
        background: url(../img/mobile/icc/bn/icc_bg_1124x2436_2bn.jpg)top center;
        background-repeat: no-repeat;
          background-position: center;
          background-size: cover;
        min-height: 100vh;
    }
    .iccmbbn3 {
        position: relative!important;
        padding: 20px!important;
        padding-top: 300px!important;
        background: url(../img/mobile/icc/bn/icc_bg_1124x2436_3bn.jpg)top center;
        background-repeat: no-repeat;
          background-position: center;
          background-size: cover;
        min-height: 100vh;
    }
    .iccmb span {
        margin: -5px 0;
    }
    .crownsearchbn {
        width: 100%;
    }
    section.eliteClub {
        position: relative;
        padding: 70px 0;
        padding-bottom: 930px;
        background: url("../img/mobile/eliteClub/MOBI.jpg")top center;
        background-position: center;
        background-size:cover;
        height: 100vh;
    }
    .EliteClub_content h6 {
        font-size: 12px;
        margin-top: 10px;
    }
    .EliteClub_content, p{
        font-size: 14px;
        margin-bottom: 10px;
    }
    .EliteClub_content i {
        font-size: 10px;
    }
    .EliteClub_content a {
        font-size: 10px;
    }
    .EliteClub_content img {
        width: 70%;
    }
}
footer {
  padding: 25px 0;
  text-align: center;
  color: rgba(255, 255, 255, 0.3);
  background-color: #222222;
}

footer p {
  font-size: 12px;
  margin: 0;
}

footer ul {
  margin-bottom: 0;
}

footer ul li a {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.3);
}

footer ul li a:hover, footer ul li a:focus, footer ul li a:active, footer ul li a.active {
  text-decoration: none;
}

.bg-primary {
  background: #fdcc52;
  background: linear-gradient(#fdcc52, #fdc539);
}

.text-primary {
  color: #fdcc52;
}

.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}

.btn-outline {
  color: white;
  border: 1px solid;
  border-color: white;
}

.btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active {
  color: white;
  border-color: #fdcc52;
  background-color: #fdcc52;
}

.btn {
  border-radius: 300px;
  font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif';
  letter-spacing: 1px;
  text-transform: uppercase;
}

.btn-xl {
  font-size: 11px;
  padding: 15px 45px;
}

.ipl-content{
    position: relative;
    height: 100vh;
}

.ipl-btn{
    background-color: #fcff21;
    color: black;
    padding: 15px 30px;
    border-radius: 10px;
    font-weight: bold;
    font-size: 30px;
    position: absolute;
    -webkit-box-shadow: 4px 10px 13px 0px rgb(0 0 0 / 75%);
    -moz-box-shadow: 4px 10px 13px 0px rgba(0,0,0,0.75);
    box-shadow: 4px 10px 13px 0px rgb(0 0 0 / 75%);
    bottom: 75px;
    left: 420px;
}

.carousel-inner img {
    width: 100%;
    height: 100%
}

#custCarousel {
    margin-top: 80px;
}

#custCarousel .carousel-indicators {
    position: static;
    margin-top: 20px
}

#custCarousel .carousel-indicators>li {
    width: 30px;
    height: 10px;
}

#custCarousel .carousel-indicators li img {
    display: block;
    opacity: 0.5;
}

#custCarousel .carousel-indicators li.active img {
    opacity: 1;
    border:1px solid #ffde00
}

#custCarousel .carousel-indicators li:hover img {
    opacity: 0.75;
}

.carousel-item img {
    width: 100%;
}

.carousel-container{
    position: relative;
}

.campaign-page{
    padding-top:90px;
}

.cam-title{
    color:#ffde00;
    font-weight:bold;
    padding:20px 0px;
    font-size:36px;
}

.camp-text{
    margin:30px 0;
    text-align: center;
}

.camp-text-title{
    color:white;
    font-weight: bold;
    font-size:28px;
}

.camp-text-mini{
    color:white;
    font-style: italic;
    font-size:20px;
}

#camp{
    background: rgb(13,119,84);
    background: linear-gradient(0deg, rgba(13,119,84,1) 0%, rgba(9,64,46,1) 100%);
    padding-bottom:50px;
}

.campaign-container{
    border:2px solid #087c56;
    position: relative;
    display:block;
    width:100%;
    text-align: center;
    height:auto;
    background: rgb(11,84,59);
    padding:20px;
    background: linear-gradient(180deg, rgba(11,84,59,1) 0%, rgba(6,52,37,1) 100%);
}

.camp-buts table{
    width:100%;
}

.camp-butt-right,.camp-butt-left{
    display: inline-block;  
    width:100%;
}

.offer-expired{
    background:grey!important;
}

.tag{
    clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);
    background: #ffe433;
    height: 50px;
    position: absolute;
    top: 0px;
    left: 0;
    width: 50%;
}

.tag p{
    margin: 0;
    font-size: 16px;
    transform: translate(-50%, -45%);
    position: absolute;
    top: 50%;
    left:45%;
    font-weight: bold;
}

.tag.en p{
/*
    transform: translateY(-50%);
    top: 50%;
    left:10px;
*/
}

.camp-butt-left{
    background: rgb(22,144,103);
    background: linear-gradient(0deg, rgba(22,144,103,1) 0%, rgba(19,170,119,1) 100%);
    color:white;
    text-align: center;
    padding:20px 0;
    font-weight: bold;
    font-size:16px;
}

.camp-butt-left:hover{
    color:white;
    text-decoration: underline;
}

.camp-butt-right{
    background: rgb(255,228,51);
    background: linear-gradient(0deg, rgba(255,228,51,1) 0%, rgba(255,209,49,1) 100%);
    color:black;
    text-align: center;
    padding:20px 0;
    font-weight: bold;
    font-size:16px;
}

.camp-butt-right:hover{
    color:black;
    text-decoration: underline;
}

footer.camp{
    background:#272727;
}

.footer-cont{
    margin:20px;
}

.footer-cont p{
    font-size:18px;
    margin-bottom:15px;
}

.modal-body a{
    color:blue;
}

#search{
    background: #000;
    padding:10px 0;
}

.idsearch{
    border-radius:0px;
    background:#d6b65f;
    border-color:#d6b65f;
}

.idquest{
    border-radius:100px;
    background:#d6b65f;
    border-color:#d6b65f;
    margin-left:15px;
}


.idsearch:hover, .idquest:hover{
    background:#d6b65f;
    border-color:white;
}

.iplquestion {
    background:#3b599e;
    border-color:#3b599e;
}

.triplecrownquestion:hover {
    background:#3b599e;
    border-color:white;
}

.triplecrownquestion {
    background:#d6b65f;
    border-color:#d6b65f;
}

.iplquestion:hover {
    background:#d6b65f;
    border-color:white;
}

.id-search{
    width:250px;
    border-radius: 0px;
}

.id-search3 {
    width:350px;
    border-radius: 0px;
}


.idsearch4{
    border-radius:0px;
    background:#d6b65f;
    border-color:#d6b65f;
    margin-right: 10px;
}

.idsearch4:hover{
    background:#3b599e;
    border-color:white;
}

.idsearch3 {
    border-radius:0px;
    background:#3b599e;
    border-color:#3b599e;
    margin-right: 10px;
}

.idsearch3:hover{
    background:#d6b65f;
    border-color:white;
}

.id-search4{
    width:350px;
    border-radius: 0px;
}

.search-container{
    position: relative;
    margin: 50px 0;
    padding: 20px;
    background: url('../ipl_src/cup.jpg')top center no-repeat;
}
.search-container-triplecrown{
    position: relative;
    padding: 20px;
    background: url('../img/desktop/triplecrown/triplecrownsearch.png')top center no-repeat;
}
.stampcrown1 {
    width:60%;
}

.stampcrown2 {
    width: 94%;
    margin-top: -11px;
}

.stampcrown2-1 {
    width: 76%;
}

.stampcrown3 {
    width: 72%;
}

.stampcrownbg1 {
    width:65%;
}

.stampcrownbg2 {
    width: 94%;
    margin-top: -11px;
}
.stampcrownbg2-1 {
    width: 78%;
}

.stampcrownbg3 {
    width: 80%;
}

.imgstamp {
    width: 15%;
}
.imgstamp2 {
    width: 10%;
}

.float-bike{
    position: absolute;
    top: -100px;
    right: 40px;
    max-width: 300px;
}


.hofcont{
    border:2px solid #d6b65f;
    border-radius:10px;
    padding:15px;
    margin-bottom:30px;
}

.hoftable{
    border-radius:10px;
    color:white;
    padding:10px;
    margin:0;
    font-size:20px;
}

.hoftable td{
    border:none;
}

.hoftable tr:nth-child(odd) td{
    background:#161616;
}

.hoftable tr:nth-child(even) td{
    background:#d6b65f;
}

.popupbg {
    background-color: black;
    border-color: #9ecaed;
    box-shadow: 0 0 10px lightgoldenrodyellow;
    outline: none;
    border: 2px solid lightgoldenrodyellow;
    border-radius: 7px;
    color: white;
}

/*
#ld tbody tr td:nth-child(3), #ldmb tbody tr td:nth-child(3), #ld-short tbody tr td:nth-child(3){
    font-weight: bold;
    font-size:20px;
}
*/
#ldmbtc {
    font-size: 10px;
}
#ldmb{
    font-size:10px;
}

#ld-short td{
    vertical-align: middle;
}

.qualified-no{
    background: red;
    width: 150px;
    margin: 0 auto;
    border-radius: 10px;
}

.qualified-yes{
    background: green;
    width: 150px;
    margin: 0 auto;
    border-radius: 10px;
}

#ldmb .qualified-no{
    font-size:12px;
    width:50px;
}

#ldmb .qualified-yes{
    font-size:12px;
    width:50px;
}

.bajidesk{
     background: rgba(57,129,100,1);
}

.bajidesk a{
    color:rgba(255, 255, 255, 0.7);
}

.bajidesk a.active{
    background:transparent;
    color:rgba(255, 255, 255, 0.7) !important;
}

.bajidesk a.active:hover{
    color: #16181b!important;
    text-decoration: none;
    background-color: #f8f9fa;
}

.bajimenu{
    max-width:300px;
    background: transparent;
    border:none;
    color:white;
}

.bajimenu a{
    white-space: normal;
    color:rgba(255, 255, 255, 0.7);
    font-size: 12px;
    font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif';
    letter-spacing: 1px;
    text-transform: uppercase;
}

.bajimenu a.active{
    background:transparent;
    color:rgba(255, 255, 255, 0.7);
}

.usersearch .modal-content{
    background:#1b1b1b;
    border-radius:10px;
}

.usersearch .modal-header{
    border:1px solid #fdcc52;
    border-bottom:0;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    position: relative;
}

.carousel{
    width:100%;
}

.carousel-item{
    position: relative;
    padding:0 50px;
}

.carousel-item.active{
    display:flex;
}

.carousel-control-next, .carousel-control-prev{
    width:20px;
}

.usersearch .modal-body{
    border:1px solid #fdcc52;
    border-top:0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.usersearch .close{
    color:white;
}

.feather-left, .feather-cont, .feather-right{
    display: inline-block;
}

.feather-left img, .feather-right img{
    height:50px;
}

.feather-cont{
    font-size:24px;
    font-weight:bold;
    color:#f6ed9e;
}

.profit-group{
    color: white;
    text-align: center;
    display:inline-block;
}

.prof, .prof21, .prof23{
    color:#fdcc52;
    font-size:24px;
}

.aff-code{
    color:white;
    text-align: center;
    width:250px;
}

.months tr td, .months tr th{
    border:none;
    width:20%;
}

.month-top{
    border:1px solid #ac923d;
    background:#ac923d;
    text-align: center;
    color:black;
}

.month-bot{
    border:1px solid #ac923d;
    background:#1b1b1b;
    color:white;
    text-align: center;
}

.ftd-total{
    vertical-align: middle!important;
    color:white;
    text-align: right;
}

.ftd-res, .ftd-res-2021, .ftd-res-2023{
    background:#666666;
    padding:5px 40px;
    display: inline-block;
}

.flippy{
    transform: rotate(180deg);
    margin-bottom:50px;
}

.ong-but{
    background:#ffe433;
    color:black;
    font-weight: bold;
    padding:5px 15px;
    border-radius: 10px;
    margin:0 10px;
}

.exp-but{
    background:red;
    color:white;
    font-weight: bold;
    padding:5px 15px;
    border-radius: 10px;
    margin:0 10px;
}

.ong-but:hover{
    text-decoration: underline;
}

.exp-but:hover{
    text-decoration: underline;
    color:white;
}

.testi{
    color:#dbb35e;
    text-transform: uppercase;
    font-size:48px;
    font-weight: bold;
    font-family: 'Times New Roman';
    text-align: center;
}

.testi-tabs{
    justify-content: center;
    font-family: 'Times New Roman';
    text-transform: uppercase;
}

.testi-tabs a{
    color:#5e5e5e!important;
    font-size:18px;
}

.testi-tabs a.active{
    color:#dbb35e!important;
    background-color:transparent!important;
    font-weight: bold;
}

.testi-line{
    border-color:#5e5e5e;
    max-width: 100%;
    margin: 0px 0 40px;
}

.test-player{
    color:white;
    font-weight: bold;
    font-size:36px;
}

.testi-card{
    background:black;
    border:1px solid #dbb35e;
    border-radius: 15px;
    padding:50px 30px;
    color:white;
    height:100%;
}

.testi-card p{
    color:#727272;
    font-size:14px;
    font-style: italic;
}

#coll1.collapse:not(.show), #coll2.collapse:not(.show), #coll3.collapse:not(.show), #coll4.collapse:not(.show), #colls1.collapse:not(.show), #colls2.collapse:not(.show), #colls3.collapse:not(.show), #colls4.collapse:not(.show), #colls5.collapse:not(.show) {
  display: block;
  height: 200px;
  overflow: hidden;
}

#colltc.collapse:not(.show) {
      display: block;
      height: 540px;
      overflow: hidden;
}

#colltc.collapsing {
    height: 300px;
}

.datesearch {
    color: grey;
    font-size: 18px;
    text-align: right;
}
#coll1.collapsing, #coll2.collapsing, #coll3.collapsing, #coll4.collapsing, #colls1.collapsing,#colls2.collapsing, #colls3.collapsing, #colls4.collapsing, #colls5.collapsing {
  height: 200px;
}


.testi-indicator{
    bottom:-60px;
}

.testi-indicator li{
    width:10px;
    height:10px;
    border:none!important;
    border-radius: 20px;
}

.testi-indicator li.active{
    background:#dbb35e;
}

.testi-perf{
    color:#dbb35e;
    font-size:20px;
    font-weight: bold;
}

.testi-expand, .testi-expand:hover, .testi-expand:active, .testi-expand:focus{
    background:transparent!important;
    color:#dbb35e!important;
    border:none!important;
    box-shadow: none!important;
}

.testi-expand::after{
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    content: "\f078";
}

.testi-expand:not(.collapsed)::after{
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    content: "\f077";
}

.testi-body{
    background:black;
    color:white;
    padding:0;
}

.table-testi{
    color:white;
}

.table-testi td{
    border: none;
}

.table-testi td:first-child{
    font-weight: bold;
}

.table-testi td:last-child{
    font-weight: 200;
}

.table-testi.table-striped tbody tr:nth-of-type(odd){
    background:#191919;
}

.table-testi.table-striped tbody tr:nth-of-type(even){
    background:#000;
}

.carousel-item{
    justify-content: center;
}

#testi-desk, #testi-mob, #testi-desk2, #testi-mob2{
    margin-bottom: 100px;
}

#bike{
    background: url('../ipl_src/table.jpg')top center no-repeat;
    background-size:cover;
}
#triplecrown1 {
    background: url('../img/desktop/triplecrown/triplecrownbg1.png')top center no-repeat;
    background-size:cover;
    position: relative;
    padding: 50px 0px;
}
section.triplecrown2 {
    background: url('../img/desktop/triplecrown/triplecrownbg2.png')top center;
    position: relative;
    padding: 440px 0;
    background-size: cover;
    height: 120vh;
}

#triplecrownbg1 {
    background: url('../img/desktop/triplecrown/bn/triplecrownbg1.png')top center no-repeat;
    background-size:cover;
    position: relative;
    padding: 50px 0px;
}
section.triplecrownbg2 {
    background: url('../img/desktop/triplecrown/bn/triplecrownbg2.png')top center;
    position: relative;
    padding: 440px 0;
    background-size: cover;
    height: 120vh;
}

#triplecrownmobilebg1 {
    background: url('../img/mobile/triplecrown/triplecrownmobilebg1.png')top center;
    position: relative;
    padding: 50px 0;
    background-position: center;
    background-size: cover;
    height: 130vh;
}

#triplecrownmobilebg2 {
    background: url('../img/mobile/triplecrown/triplecrownmobilebg2.png')top center;
    position: relative;
    padding: 50px 0;
    background-position: center;
    background-size: cover;
    height: 130vh;
}

#triplecrownmobilebg3 {
    background: url('../img/mobile/triplecrown/triplecrownmobilebg3.png')top center;
    position: relative;
    padding: 50px 0;
    background-position: center;
    background-size: cover;
    height: 130vh;
}

#triplecrownmobilebnbg1 {
    background: url('../img/mobile/triplecrown/bn/searchcrownbnbg1.png')top center;
    position: relative;
    padding: 50px 0;
    background-position: center;
    background-size: cover;
    height: 130vh;
}

#triplecrownmobilebnbg2 {
    background: url('../img/mobile/triplecrown/bn/searchcrownbnbg2.png')top center;
    position: relative;
    padding: 50px 0;
    background-position: center;
    background-size: cover;
    height: 130vh;
}

#triplecrownmobilebnbg3 {
    background: url('../img/mobile/triplecrown/bn/searchcrownbnbg3.png')top center;
    position: relative;
    padding: 50px 0;
    background-position: center;
    background-size: cover;
    height: 130vh;
}



.crownsearchbn {
    width: 33%;
}
.searchtriple1 {
    width: 30%;
}


.usersearch-home .modal-content{
    background: #213885;
    color:white;
    border:none;
}

.usersearch-home .modal-header,.usersearch-home .modal-fooer{
    border:none;
}

section.commision {
    position: relative;
    padding: 50px 0;
    background: url(../img/desktop/commision-background.png)top center;
    background-position: center;
    background-size: cover;
    height: -webkit-fill-available;
}

.idsearchcommision{
    border-radius:0px;
    background:#3b599e;
    border-color:#3b599e;
    margin-right: 10px;
}

.idsearchcommision:hover, .idsearch-commision:hover{
    background:#d6b65f;
    border-color:white;
}

.commisionquestion {
    background:#3b599e;
    border-color:#3b599e;
}

.commisionquestion:hover {
    background:#d6b65f;
    border-color:white;
}
.headercommision {
    width: 50%;
}
h1.commisionWord {
    font-size: 80px;
    color: gold;
    text-align: center; 
    text-transform: uppercase;
    font-family: sans-serif;
}
h6.commisionWord {
    font-size: 30px;
    color: white;
    text-align: center; 
}

h6.disclaimer {
    color: black;
    font-weight: 700;
    font-size: 20px;
}


@media (min-width: 1300px) {
    #custCarousel .carousel-indicators.desktop{
        position: absolute;
        right:0;
        bottom:10px;
        left:auto;
        margin-right:5%;
    }
    .camp-text{
        min-height: 130px;
    }
    .fullcon{
        height:100vh;
    }
    .testi-tabs{
        justify-content:right;
    }
    .testi{
        text-align: left;
    }
}

@media (max-width: 768px) {
    #custCarousel{
        margin-top: 70px;
    }
    .testi {
        font-size: 33px;
    }
    .cam-title{
        margin-top:0px;
    }
    .camp-butt-left{
        font-weight: bold;
        font-size:12px;
    }

    .camp-butt-right{
        font-weight: bold;
        font-size:12px;
    }
    
    .tag p{
        margin: 0;
        font-size: 12px;
        transform: translate(-50%, -40%);
        position: absolute;
        top: 50%;
        left:40%;
        font-weight: bold;
    }
    .camp-text-title{
        color:white;
        font-weight: bold;
        font-size:18px;
    }

    .camp-text-mini{
        color:white;
        font-style: italic;
        font-size:12px;
    }
    .tag.en p{
        transform: translateY(-50%);
        top: 50%;
        left:10px;
        font-size:10px;
    }
    .tnctriplecrown {
        margin-top: 50px!important;
        margin-bottom: 50px!important;
    }
    .searchtriplecrown2 {
        margin-bottom: 170px;
        margin-top: 270px;
    }
    .triplecrownmb1 {
        padding: 0px;
    }
    .crownsearchbn {
        width: 100%;
    }

}


@media (max-width: 480px) {
    .campaign-page{
        padding-top:72px;
    }
    .camp-butt-left{
        font-weight: bold;
        font-size:12px;
    }

    .camp-butt-right{
        font-weight: bold;
        font-size:12px;
    }
    .camp-text-title{
        color:white;
        font-weight: bold;
        font-size:18px;
    }

    .camp-text-mini{
        color:white;
        font-style: italic;
        font-size:12px;
    }
    .tag{
        clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);
        background: #ffe433;
        height: 40px;
        position: absolute;
        top: 0px;
        left: 0;
        width: 50%;
    }

    .tag p{
        margin: 0;
        font-size: 12px;
        transform: translate(-50%, -40%);
        position: absolute;
        top: 50%;
        left:40%;
        font-weight: bold;
    }
    
    .tag.en p{
        transform: translateY(-50%);
        top: 50%;
        left:10px;
        font-size:10px;
    }
    .carousel-item{
        padding:15px;    
    }
    
    .float-bike{
        position: static;
        max-width: 200px;
        padding-bottom:20px;
    }
    .img-group{
        text-align: center;
    }
    .search-container{
        text-align: center;
        margin:0px 0 20px;
        padding: 10px;
    }
    .id-search, .id-search3, .id-search4{
        width:220px;
        border-radius: 0px;
    }
    
    .feather-left, .feather-cont, .feather-right{
        display: inline-block;
    }

    .feather-left img, .feather-right img{
        height:30px;
    }
    .modal-body{
        padding:5px;
    }
    .feather-cont{
        font-size:20px;
        font-weight:bold;
        color:#f6ed9e;
    }
    .aff-code{
        width:100%;
    }
    .months tr td, .months tr th{
        padding:5px;
    }
    .carousel-control-next, .carousel-control-prev{
        width:20px;
        padding:0 5px;
    }
    .dropdown-item{
        font-size:12px;
    }
    
    .testi-player{
        font-size:16px;
    }
    
    .testi-card p{
        font-size:12px;
    }
    
    .table-testi{
        font-size:12px;
    }
    .tnctriplecrown {
        margin-top: 50px!important;
        margin-bottom: 50px!important;
    }
    .searchtriplecrown {
        padding: 20px;
    }
    .searchtriplecrown2 {
        padding: 20px;
        margin-bottom: 100px;
        margin-top: 200px;
    }
    .stampcrown1 {
        width: 69%;
    }
     .stampcrown2 {
            width: 100%;
            margin-left: 0px;
            margin-bottom: 20px;
            margin-top: 30px;
    }
    .stampcrown2-1 {
            width: 88%;
            margin-top: 30px;
            margin-bottom: 30px;
    }
     .stampcrown3 {
        width: 83%;
    }
    .stampcrownbg1 {
        width: 69%;
    }
     .stampcrownbg2 {
        width: 100%;
         margin-left: 0px;
         margin-bottom: 20px;
         margin-top: 30px;
    }
    .stampcrownbg2-1 {
        width: 83%;
        margin-top: 15px;
        margin-bottom: 15px;
        margin-left: 8px;
    }
     .stampcrownbg3 {
        width: 85%;
    }
    .imgstamp, .imgstamp2 {
        width: 100%;
    }
    .winnerlistIPL {
        padding: 10px 10px;
    }
    #colltc.collapse:not(.show) {
      height: 440px;
    }
    .datesearch {
        text-align: left;
    }
    .logo_casino {
        width: 100%;
        margin-top: -15px;
    }

}

@media (min-width: 1600px) {
    section.commision { 
    padding: 150px 0px;
    }
    h1.commisionWord {
        font-size: 100px;
    }
    h6.commisionWord {
        font-size: 40px;
    }
    .search-triplecrown {
        padding-top: 170px;
    }
    .search-triplecrownbn {
        padding-top: 170px;
    }
    .fifa_prediction-content {
        padding-right: 19%;
        padding-left: 19%;
        padding-top: 5.5%;
    }
    .fifa_height1 .fifa_frame16{
        line-height: 2.4;
    }
    .fifa_height2 .fifa_frame16{
        line-height: 3.6;
    }
    .fifa_height3 .fifa_frame16{
        line-height: 3.2;
    }
    .fifa_height4 .fifa_frame16{
        line-height: 2.8;
    }
    .fifafinal {
        margin-top: -710px;
        line-height: 18.0;
    }
    .fifafinal1 {
        font-size: 35px;
    }
}

@media screen and (orientation:landscape) { 
    .fixed-bottom {
        display: none!important;
    }
}