@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;600&display=swap');
@font-face {
	font-family: "DINPro";
	src: url('DINPro.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'DINPro-Medium';
    font-style: normal;
    font-weight: normal;
    src: local('DINPro-Medium'), url('DINPro-Medium_13936.woff') format('woff');
}
@font-face {
    font-family: 'DINPro-Bold';
    font-style: normal;
    font-weight: normal;
    src: local('DINPro-Medium'), url('DINPro-Bold_13934.woff') format('woff');
}
@font-face {
    font-family: 'zuume-semiBold';
    font-style: normal;
    font-weight: normal;
    src: url('Zuume-SemiBold-Italic.ttf');
}
/*------Header style------*/
header{background:rgb(27, 23, 43, 0.8) 0% 0% no-repeat padding-box;position: fixed;top: 0;left: 0;width: 100%;padding:0;z-index: 999;padding: 2px 0}
.navbar{display: flex;flex-direction: row;opacity: 1;max-width: 1140px;margin: 0 auto;align-items: center;}
.menu .nav-link{padding: 5px 16px!important;}
.menu .nav-link img{width: 32px;}
.menu .nav-link span{display: none;color: #fff;font-size: 16px;vertical-align: middle;line-height: 19px;margin-left: 10px;font-family: 'Figtree', sans-serif;font-weight: 600;}
header .navbar-toggler:focus{box-shadow: none;}
button[aria-expanded="false"] .fa-times{display: none;}
button[aria-expanded="true"] .fa-times{display: inline-block;}
button[aria-expanded="true"] .fa-bars{display:none;}
.wrapper header .navbar-toggler{border: 0;position: absolute;right: 10px;top:20px;color: rgba(255, 255, 255, 0.6);opacity: 1;width:30px;z-index: 1060;-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;}
.wrapper header .navbar-toggler span{display: block;position: absolute;height: 1.58px;background: rgba(255, 255, 255, 0.6);border-radius: 5px;opacity: 1;right: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
.navbar-toggler span:nth-child(1) {top: 0px;width: 16.62px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.navbar-toggler span:nth-child(2) {top: 5px;width: 10.29px;left: auto!important;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.navbar-toggler span:nth-child(3) {top: 10px;width: 15.04px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.navbar-toggler[aria-expanded="true"] span:nth-child(1) {
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  transform: rotate(40deg);
  top: 5px;right: 0px;width: 16.62px;
}

.navbar-toggler[aria-expanded="true"] span:nth-child(2) {width: 0%;opacity: 0;}
.navbar-toggler[aria-expanded="true"] span:nth-child(3) {
  -webkit-transform: rotate(-42deg);
  -moz-transform: rotate(-42deg);
  -o-transform: rotate(-42deg);
  transform: rotate(-42deg);top: 16px;right: 1px;width: 16.02px;}

/*---Button style---------*/
.wrapper .btn-register{background: #337FFF 0% 0% no-repeat padding-box!important;color: #fff!important;font-size: 1rem;text-transform: uppercase;border-radius: 0;font-family: 'DINPro-Bold';opacity: 1;padding: 8px 2rem;}
.wrapper .btn-notify{background: #2A3E7D 0% 0% no-repeat padding-box!important;color: #fff!important;font-size: 1rem;text-transform: uppercase;border-radius: 0;font-family: 'DINPro-Bold';opacity: 1;padding: 8px 2rem;margin-right: 20px;}
.wrapper .btn-trailer{background: #2A3E7D 0% 0% no-repeat padding-box!important;color: #fff!important;font-size: 1rem;text-transform: uppercase;border-radius: 0;font-family: 'DINPro-Bold';opacity: 1;padding: 8px 1rem;}
.wrapper .btn-trailer::after{content: ' ';background: url(../media/images/icon_play.svg);width: 20px;display: inline-block;height: 20px;background-size: contain;vertical-align: text-top;margin-left: 5px;}
/*------End Header style------*/

.wrapper{background-color: #fff;}
.home-banner ::-webkit-scrollbar{display: none;}
/*start of top/bottom video section css*/
.home-banner, .footer-banner{position: relative;width:100%;overflow: hidden;}
#videobcg {height: auto;width: 100vw;z-index:0;object-fit: contain;}
.home-banner .vd-overlay, .footer-banner .vd-overlay{background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;position: absolute;top: 0;left: -10px;z-index: 10;transform: matrix(0, 1, -1, 0, 0, 0);}
.home-banner img{height: auto;}
.home-banner .container, .footer-banner .container{position: absolute;top:0;width: 100%;height:calc(100% - 10px);left: 140px;display: flex;z-index: 100;align-items: center;}
/*#background-video{object-fit: cover;position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: -1;}*/
.home-banner h2.thrill-heading{font-family:zuume-semiBold;color: #fff;font-weight: 600;margin-top: 10px;}
.home-banner h2.coming-heading, .footer-banner h2.coming-heading{font-family:DINPro;letter-spacing: -0.96px;color: #FFFFFF;text-shadow: 10px 10px 60px #000000B3;font-size: 32px;line-height:41px;margin-top: 1rem;}
.home-banner .btn, .footer-banner .btn{width: 20%;}
/*end of video section css*/

/*---Sky image section----*/
.imgCol{position: relative;height: 100%;}
.imgCol .img-box{position: absolute;width: 100%;height: 100%}
/*---End Sky image section----*/

/*---player text section----*/
.section-one{width: 100%;position: relative;}
.section-one{background: #fff url(../media/images/sec-1.png) no-repeat center;background-size: cover;z-index: 0;margin-top: 3rem;}
.section-one.copy{background: #fff url(../media/images/bg-pattern-pink.svg) no-repeat center;background-size: cover;z-index: 0;margin-top: 2rem;}
.section-one h2.section-heading, .section-two h2.section-heading, .section-three h2.worldDC-heading{font-family:zuume-semiBold;letter-spacing: 0px;color: #3E010F;}
.section-one p, .section-two p{font-family: 'Figtree', sans-serif;font-size: 18px;line-height: 30px;color:#25242F;}
.section-two{width: 100%;position: relative;background: #fff url(../media/images/bg-pattern-blue.svg) no-repeat center;background-size: cover;margin: 2rem 0 0;min-height: 580px;}
.section-two .text-col{padding-top: 12em;}
#section1-bcg{position: absolute;width: 100%;top: 0;z-index: 0;object-fit: cover;}
.section-one .container{position: relative;z-index: 1;height: 100%;}
/*---player text section----*/
.mob-text{display: none;font-family: 'Figtree', sans-serif;color: #25242F;}
/*----slider css------*/
#carouselMobView{display: none;}
/* Slider wrapper */
.slider {max-width: 100%;margin: 0 auto;overflow: hidden;}  
/* Item */
.slider .slider__item {display: inline-flex;width: 300px;background-color: transparent;color: #fff;align-items: center;justify-content: center;padding: 0 .6rem;}  
/* Add padding to slick list */
.slider  .slick-list{padding:0 20% 0 0;}
.slider .slick-dots {display: flex;justify-content: center;margin: 0;padding: 0;list-style-type: none;}
.slider .slick-dots li {margin: 0 0.5rem;}  
.slider .slick-dots button {display: block;width: 10px;height: 8px;transform: skewX(-20deg);background-color: #1B1530;padding: 0;opacity: .5;border: none;text-indent: -9999px;}  
.slider .slick-dots li.slick-active button {opacity: 1;}
/*-Dream cricket card section---*/
.section-three{background: transparent linear-gradient(180deg, #EBDA5B 30%, #D3C137 100%) 0% 0% no-repeat padding-box;position: relative;z-index: 1;}
.section-three::before{content:'';position:absolute;width:100%;left: 0;background: transparent url(../media/images/bg-pattern-1.svg)no-repeat center;background-size: cover;z-index: -1;}
.section-three h2.worldDC-heading{position: absolute;top:-110px;}
.section-three .card {margin-bottom: 1.5rem;background-color: transparent;border: 0;border-radius: 0;}
.section-three .card .card-header{padding: 0;background-color: transparent;border-bottom: 0;position: relative;}
.section-three .card .card-header img{width: 100%;}
.section-three .card .card-header:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #fff;background-size: 300% 300%;
  clip-path: polygon(0% 100%, 2px 100%, 2px 2px, calc(100% - 2px) 2px, calc(100% - 2px) calc(100% - 2px), 2px calc(100% - 2px), 2px 100%, 100% 100%, 100% 0%, 0% 0%);
  transform: matrix(1, 0.03, -0.03, 1, 0, 0);}
.section-three .card .card-header.in:after {animation: frame-enter 5s forwards ease-in-out reverse;}
.section-three .last-col .card .card-header:after{background-color: #8893AC;}
.section-three .card h2{font-family: 'zuume-semiBold';font-size: 30px;line-height: 20px;letter-spacing: 0.2px;
color: #1B172B;text-transform: uppercase;}
.section-three .card h2 small{font-size: .7em;}
.section-three .card p{font-family: "DINPro";font-size: 16px;line-height: 24px;color: #1B172B;}
.section-three .card .card-body{padding: 30px;}
/*-End Dream cricket card section---*/

/*-Footer section style---*/
.footer-banner .btn{width: 25%;margin-top: 20px;}
footer{background-color: #25242F;padding: 2rem 0 1rem;position: relative;z-index: 10;}
footer h2.follow-heading{font-family: 'Figtree', sans-serif;font-size: 20px;line-height: 24px;color: #8B90A3;}
footer hr{border-color: #8B90A3}
footer .nav-link{color: #fff;font-family: 'Figtree', sans-serif;font-weight: 600;font-size: 20px;line-height: 24px;}
footer .nav-link:hover, footer .nav-link:focus{color: #fff;}
footer p{font-family: 'Figtree', sans-serif;font-size: 16px;line-height: 24px;color: #8B90A3;}
/*---end Footer section style---*/
/*---style for video popup-----*/
#trailerModal{background-color: rgba(0, 0, 0, 0.8);}
#trailerModal .btn-close{position: absolute;right: -10px;background-color: #fff;width: 25px;height: 25px;border-radius: 50%;top: -10px;}
/*---end style for video popup-----*/
/*style for terms&condition and privacy-policy*/
.page-wrap{position: relative;}
.page-wrap header{padding: 10px 0;}
.header{padding:2rem 0;display: flex;align-items: center;}
.page-wrap .page-content{padding-top: 70px;max-width: 85%;margin: 0 auto;}
.page-wrap .title{width: 80%;}
.page-wrap .title h2{margin: 0;font-size: 2rem;font-family: 'DINPro-Bold';color:#25242F;}
.page-wrap .btn-col{width: 20%;text-align: center;}
.page-wrap .btn-col a{display:inline-block;padding: 6px 15px;text-transform: uppercase;font-size: 14px;text-decoration: none;background-color: #fbe8e8;border-radius: 6px;color: #cd1212;font-weight: 600;font-family: 'Figtree', sans-serif;}
.page-wrap .page-content p, .page-wrap .page-content ul li{line-height: 1.8;font-size:1rem;margin-bottom:30px;color:#555;font-family: "DINPro";}
.page-wrap .page-content p a{color: #2196F3;font-weight: 600;font-family: 'Figtree', sans-serif;}
.page-wrap .page-content h3{font-family: 'DINPro-Bold';}

/*-----border animation------------*/
@keyframes frame-enter {
  0% {
    clip-path: polygon(0% 100%, 2px 100%, 2px 2px, calc(100% - 2px) 2px, calc(100% - 2px) calc(100% - 2px), 2px calc(100% - 2px), 2px 100%, 100% 100%, 100% 0%, 0% 0%);
  }
  25% {
    clip-path: polygon(0% 100%, 2px 100%, 2px 2px, calc(100% - 2px) 2px, calc(100% - 2px) calc(100% - 2px), calc(100% - 2px) calc(100% - 2px), calc(100% - 2px) 100%, 100% 100%, 100% 0%, 0% 0%);
  }
  50% {
    clip-path: polygon(0% 100%, 2px 100%, 2px 2px, calc(100% - 2px) 2px, calc(100% - 2px) 2px, calc(100% - 2px) 2px, calc(100% - 2px) 2px, calc(100% - 2px) 2px, 100% 0%, 0% 0%);
  }
  75% {
    -webkit-clip-path: polygon(0% 100%, 2px 100%, 2px 2px, 2px 2px, 2px 2px, 2px 2px, 2px 2px, 2px 2px, 2px 0%, 0% 0%);
  }
  100% {
    -webkit-clip-path: polygon(0% 100%, 2px 100%, 2px 100%, 2px 100%, 2px 100%, 2px 100%, 2px 100%, 2px 100%, 2px 100%, 0% 100%);
  }
}
/*-----end border animation------------*/