* {
    touch-action: manipulation;
}

html {
    scroll-behavior: smooth;
    -webkit-scroll-behavior: smooth;
}

/* width */
*::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

/* Track */
*::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0.5);
    padding: 0 2px;
}

/* Handle */
*::-webkit-scrollbar-thumb {
    background: #7B1FA2;
    border-radius: 5px;
}

/* Handle on hover */
*::-webkit-scrollbar-thumb:hover {
    background: #7B1FA2;
}

a,
a:hover {
    color: #7B1FA2;
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: normal;
    font-weight: 400;
    color: #3E1160;
}

input[type=date]::-webkit-inner-spin-button {
    appearance: none;
    -webkit-appearance: none;
    display: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    appearance: none;
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    appearance: textfield;
    -moz-appearance: textfield;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #4f4c4c;
    opacity: 1;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #4f4c4c;
    opacity: 1;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #4f4c4c;
    opacity: 1;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #4f4c4c;
    opacity: 1;
}

:active,
:focus,
button,
button:focus {
    outline: none;
}

html,
body {
    min-height: 100%;
}

img {
    max-width: 100%;
}

strong,
b {
    font-weight: 700;
}

em,
i {
    font-style: italic;
}

h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol {
    width: 100%;
}

h1,
h2,
h3 {
    font-weight: 600;
    margin: 0px 0px 15px;
    color: #000;
}

h4,
h5,
h6 {
    margin: 25px 0px 15px;
    color: #333;
    font-weight: 600;
}

h1 {
    font-size: 42px;
}

h2 {
    font-size: 35px;
}

p {
    line-height: 28px;
    margin: 0px 0px 20px;
}

.container {
    max-width: 1230px;
    width: 100%;
}

.modal-open {
    height: 100vh;
}

.page_wrap {
    overflow: hidden;
    height: 100%;
}

.btn {
    min-width: 220px;
    height: 55px;
    color: #fff;
    padding: 0px 15px;
    font-weight: 400;
    border-radius: 30px;
    line-height: 55px;
    background: #7B1FA2;
    font-size: 16px;
    box-shadow: 0px 0px 10px rgba(1, 110, 195, 0.5);
}

.btn:hover {
    background: #7B1FA2;
    color: #fff;
}

.btn.yellow {
    background: #FF8F00;
    color: #1A1A1A;
}

.btn.yellow:hover {
    background: #e65100;
}

/*Header*/
.top_section {
    height: 100vh;
    min-height: 900px;
    max-height: 1080px;
    position: relative;
    padding-top: 100px;
    background-size: cover;
    background-position: center center;
}

.top_section .container {
    max-width: 100%;
    padding: 0px;
}

.banner_caption {
    transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    margin: 17% -25px 0px;
}

.banner_caption h1 {
    position: relative;
    padding: 50px 8%;
    z-index: 1;
}

.banner_caption h1:before {
    background: url(https://fpa-html-images.s3.ap-south-1.amazonaws.com/text_bg.png) repeat-x;
    background-size: contain;
    z-index: -1;
    width: 99999px;
    top: 0px;
    bottom: 0px;
    left: -150%;
    content: "";
    position: absolute;
}

.banner_caption h1 img {
    max-width: 850px;
}

.sehwag_vector {
    position: absolute;
    right: 50px;
    width: 41%;
    bottom: 0px;
    height: 90%;
}

.sehwag_vector img {
    height: 100%;
    width: auto;
    object-fit: contain;
}

.download_and_play {
    margin-top: 40px;
    margin-left: 200px;
}

.download_and_play a {
    background: #fff;
    position: relative;
    z-index: 1;
    border-radius: 35px;
    padding: 5px 35px 5px 5px;
    color: #7B1FA2;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 21px;
    display: inline-block;
    box-shadow: -3px 5px 5px rgba(0, 0, 0, 0.4);
}

.download_and_play span {
    display: inline-block;
    margin-right: 10px;
}

.download_and_play img {
    width: 50px;
}

.download_and_play a.download_btn {
    background: #ff8f00;
    margin-right: 30px;
}

.download_and_play a:hover {
    text-decoration: none;
}

.download_btn span {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.howto_play .download_btn span {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.howto_play .play_btn span {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

/*Home-Slider*/
.top_main {
    min-height: 620px;
    background: #6A1B9A;
}

.home_slider {
    box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.24);
    -webkit-box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.24);
    border-radius: 0px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.home_slider .item {
    background-size: cover;
    min-height: 620px;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 125px 15px 0px;
}

.home_slider .item img {
    width: auto;
}

.home_slider .owl-dots {
    position: absolute;
    bottom: 10px;
    width: 100%;
    left: 0px;
    text-align: center;
}

.home_slider .owl-dots button {
    display: inline-block;
    background: #fff;
    border-radius: 15px;
    margin: 0px 3px;
    width: 25px;
    height: 4px;
    opacity: 0.2;
}

.home_slider .owl-dots button.active {
    opacity: 1;
}

.home_slider .owl-nav .owl-prev {
    position: absolute;
    left: 20px;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    z-index: 1;
}

.home_slider .owl-nav .owl-prev:hover {
    background: rgba(0, 0, 0, 0.2);
}

.home_slider .owl-nav .owl-prev:before {
    border-left: 3px solid #333;
    border-top: 3px solid #333;
    width: 10px;
    height: 10px;
    content: "";
    position: absolute;
    left: 20px;
    top: 19px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.home_slider .owl-nav .owl-next {
    position: absolute;
    right: 20px;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    z-index: 1;
}

.home_slider .owl-nav .owl-next:hover {
    background: rgba(0, 0, 0, 0.2);
}

.home_slider .owl-nav .owl-next:before {
    border-right: 3px solid #333;
    border-bottom: 3px solid #333;
    width: 10px;
    height: 10px;
    content: "";
    position: absolute;
    left: 17px;
    top: 18px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.home_slider .owl-nav button[type="button"] span {
    display: none;
}

.caption .slide_left {
    width: 37%;
}

.caption .slide_right {
    width: 63%;
    text-align: center;
}

.caption .slide_right h1 {
    color: #fff;
    font-size: 55px;
    font-weight: bold;
    max-width: 710px;
    margin: 0px auto;
    line-height: 65px;
    text-transform: uppercase;
    text-shadow: 0px 10px 10px rgba(0, 0, 0, 0.17);
    margin-bottom: 15px;
}

.caption .slide_right p {
    color: #fff;
    font-size: 24px;
}


.item .speciality {
    max-width: 450px;
    margin: 0px auto;
    position: relative;
    padding-top: 20px;
    display: flex;
    -webkit-display: flex;
}

.item .speciality:before {
    content: "";
    height: 2px;
    background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0.99) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0.99) 50%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0.99) 50%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    left: 0px;
    width: 100%;
    top: 0px;
}

.item .speciality .col {
    width: 50%;
    padding: 0px 15px;
    text-align: center;
}

.item .speciality .col p {
    font-size: 14px;
    margin-bottom: 10px;
}

.item .speciality .col img {
    margin: 0px auto;
}

.home_slider .download_and_play {
    margin-left: 0px;
}

.home_slider .download_and_play img {
    width: 40px;
    display: inline-block;
}

.home_slider .download_and_play a.download_btn {
    margin-right: 15px;
}

.home_slider .btns {
    width: 100%;
    display: flex;
    -webkit-display: flex;
    justify-content: center;
    -webkit-justify-content: center;
}

.btns .img-btn {
    max-width: 200px;
    margin-right: 15px;
}

.btns .img-btn:last-child {
    margin-right: 0px;
}

.top_main.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    left: 35px;
    top: 50%;
    transform: translate(0%, -50%);
    background: #ff8f00;
    width: 48px;
    height: 48px;
    margin-top: -24px;
    color: #000;
}

.top_main.owl-carousel .owl-nav .owl-next {
    position: absolute;
    right: 35px;
    top: 50%;
    transform: translate(0%, -50%);
    background: #ff8f00;
    width: 48px;
    height: 48px;
    margin-top: -24px;
}

.owl-prev.disabled,
.owl-next.disabled {
    display: none;
}

/*IPL-Slides*/
.iplslide01 {
    position: relative;
}

.iplslide01 .caption {
    text-align: center;
    justify-content: center;
}

.iplslide01 .inner {
    position: relative;
}

.iplslide01 h1 {
    text-transform: uppercase;
    font-size: 75px;
    line-height: 65px;
    color: #ffb300;
    font-weight: bold;
    margin-bottom: 0px;
}

.iplslide01 p.date {
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
}

.iplslide01 .heading02 {
    width: 100%;
    text-transform: uppercase;
    font-size: 60px;
    line-height: 50px;
    font-weight: bold;
    margin-bottom: 0px;
    color: #fff;
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
}

.iplslide01 .heading02 span {
    color: #ffb300;
}

.iplslide01 .apniapp {
    margin: 10px auto 0;
    max-width: 550px;
}

.iplslide01 .apniapp img {
    margin: 0px auto;
}

.home_slider .iplslide01 .inner>img {
    max-width: 850px;
}

.iplslide02 {
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.iplslide02:before {
    background: #191e24;
    content: "";
    width: 60%;
    height: 100%;
    z-index: -1;
    position: absolute;
    left: -10%;
    top: 0px;
    transform: skew(-15deg, 0deg);
    -webkit-transform: skew(-15deg, 0deg);
}

.iplslide02:after {
    content: "";
    z-index: -1;
    background: url(https://fpa-html-images.s3.ap-south-1.amazonaws.com/fantasyprime-addaweb/shape-bg.png) no-repeat;
    background-size: cover;
    width: 300px;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.iplslide02 .caption .slide_left,
.iplslide02 .caption .slide_right {
    width: 45%;
}

.iplslide02 .caption .slide_right {
    margin-left: 10%;
    padding-left: 0;
}

.iplslide02 .slide_left .heading02 {
    color: #fff;
    font-size: 45px;
    line-height: 35px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 0px;
    position: relative;
}

.iplslide02 .slide_left .heading03 {
    color: #fff;
    font-size: 35px;
    line-height: 35px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 15px;
}

.iplslide02 .slide_left .heading03 span {
    color: #ffca28;
}

.iplslide02 .slide_left .goldimg {
    margin-bottom: 15px;
    margin-top: -30px;
}

.iplslide02 .slide_left img,
.iplslide02 .slide_right img {
    width: 100%;
    max-width: 500px;
    margin: 0px auto;
}

.iplslide02 .slide_right .heading02 {
    color: #fff;
    font-size: 35px;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 25px;
}

.iplslide02 .slide_right .heading02 span {
    color: #ffca28;
    font-size: 50px;
    line-height: 50px;
    display: block;
}

.iplslide02 .slide_right .heading03 {
    color: #fff;
    font-size: 35px;
    line-height: 35px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 15px;
}

.iplslide02 .slide_right .leaderboardimg {
    margin-bottom: 25px;
}

/*IPL-Slides-END*/

/*Home-Slider_END*/



/*match_listing*/
.match_listing {
    background: url(https://fpa-html-images.s3.ap-south-1.amazonaws.com/fpaweb/match_list_bg.jpg) no-repeat center bottom;
    background-size: cover;
}

.yellow_bar {
    background: #ff8f00;
}

.yellow_bar .nav-tabs {
    /*-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; flex-wrap: nowrap;*/
    border-bottom: none;
    display: block;
    white-space: nowrap;
    text-align: center;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-height: 126px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    scroll-behavior: smooth;
    -webkit-scroll-behavior: smooth;
}

.yellow_bar .container {
    position: relative;
}

.yellow_bar #slideLeft {
    position: absolute;
    left: -35px;
    top: 50%;
    background: #7B1FA2;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    border: none;
    border-radius: 100%;
    cursor: pointer;
}

.yellow_bar #slideLeft:before {
    border-left: 3px solid #fff;
    border-top: 3px solid #fff;
    width: 10px;
    height: 10px;
    content: "";
    position: absolute;
    left: 16px;
    top: 16px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.yellow_bar #slideRight {
    position: absolute;
    right: -35px;
    top: 50%;
    background: #7B1FA2;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    border: none;
    border-radius: 100%;
    cursor: pointer;
}

.yellow_bar #slideRight:before {
    border-left: 3px solid #fff;
    border-top: 3px solid #fff;
    width: 10px;
    height: 10px;
    content: "";
    position: absolute;
    left: 14px;
    top: 16px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}


.yellow_bar ul li {
    margin: 0px;
    margin-left: -2px;
    border-left: 2px solid #7a5c03;
    display: inline-block;
    vertical-align: top;
}

.yellow_bar ul li:first-child {
    border-left: none;
}

.yellow_bar ul li .nav-link {
    background: none !important;
    border: none !important;
    border-radius: 0px;
    padding: 20px 10px;
    position: relative;
}

.yellow_bar ul li svg {
    width: 140px;
    height: auto;
    display: block;
    margin: 0px auto;
}

.yellow_bar ul li.nav-item {
    width: 20%;
    text-align: center;
    min-width: 200px;
}

.cls-1 {
    fill: #7B1FA2;
}

.yellow_bar ul li .nav-link.active {
    background: #7B1FA2 !important;
}

.yellow_bar ul li .nav-link.active .cls-1 {
    fill: #ff8f00;
}

/*.yellow_bar ul li .nav-link.active:before {content: "";border-top: 15px solid #7B1FA2;border-left: 15px solid transparent;border-right: 15px solid transparent;position: absolute;top: 100%;left: 50%;margin-left: -10px; }*/
.yellow_bar .nav-tabs.active li a {
    cursor: grab;
}

.match_listing .tab-content {
    background: url(https://fpa-html-images.s3.ap-south-1.amazonaws.com/fpaweb/match_list_bg.jpg) no-repeat center bottom;
    min-height: 725px;
    padding: 40px 0px 20px;
    background-size: cover;
}

.no_listing {
    padding: 50px 15px 20px;
    text-align: center;
}

.no_listing p {
    color: #fff;
}

.no_listing img {
    margin: 15px 0px;
}

.upcoming_match {
    background: #3c3c3c;
    box-shadow: -4px 6px 7px rgba(0, 0, 0, 1);
    padding: 0px;
    margin-bottom: 30px;
    overflow: auto;
    max-height: 500px;
    min-height: 500px;
}

.upcoming_match li {
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.upcoming_match li:before {
    background: url(https://fpa-html-images.s3.ap-south-1.amazonaws.com/shadow01.png) no-repeat center bottom;
    content: "";
    z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.upcoming_match li:nth-child(even),
.upcoming_match li:nth-child(odd) .right_btn {
    background: #232323;
}

.upcoming_match li:nth-child(even) .right_btn {
    background: #3c3c3c;
}

.upcoming_match .left_column {
    width: calc(100% - 200px);
    padding: 22px 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.upcoming_match .left_column h3 {
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0px;
    width: calc(100% - 200px);
}

.upcoming_match .left_column h3 span {
    display: block;
    color: #ff8f00;
    font-size: 18px;
    font-weight: 400;
}

.upcoming_match .left_column .time_left {
    width: 200px;
    font-size: 15px;
    font-style: italic;
    color: #fff;
    text-align: right;
}

.upcoming_match .right_btn {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 15px;
    width: 200px;
    text-align: center;
}

.play_match {
    color: #ffc000;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 8px 15px;
}

.upcoming_match li:hover .play_match {
    background: #ffc000;
    color: #000;
    text-decoration: none;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}

.upcoming_match li:hover {
    background: #1f7639;
}

.upcoming_match li:hover .right_btn {
    background: #115a27;
}

.upcoming_match li:after {
    background: #ff8f00;
    position: absolute;
    content: "";
    opacity: 0;
    left: -12px;
    top: 0px;
    bottom: 0px;
    width: 20px;
    border-radius: 100%;
}

.upcoming_match li:hover:after {
    opacity: 1;
}

.upcoming_match ul {
    padding: 0px;
    margin: 0px;
}

.tab-pane.fade {
    -webkit-transition: opacity 0s linear;
    transition: opacity 0s linear;
}

.fade .upcomin_outer {
    -webkit-transition: opacity 0.25s linear;
    transition: opacity 0.25s linear;
}

.tab-content>.tab-pane {
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

.tab-content>.active {
    visibility: visible;
    height: auto;
    overflow: visible;
}

.no_listing+ul {
    display: none;
}

/*ScrollCss*/
.upcoming_match::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 1);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 1);
    background-color: #000;
}

.upcoming_match::-webkit-scrollbar {
    width: 5px;
    background-color: #000;
}

.upcoming_match::-webkit-scrollbar-thumb {
    background-color: #ff8f00;
}

.upcomin_outer {
    position: relative;
    z-index: 1;
}

.upcomin_outer:before {
    content: "";
    background: url(https://fpa-html-images.s3.ap-south-1.amazonaws.com/below_matchlist.png) no-repeat center 0;
    width: 100%;
    bottom: 20px;
    height: 110px;
    position: absolute;
    z-index: -1;
}

.more_btn {
    text-align: center;
}

/*match_listing-END*/

/*howto_play*/
.howto_play {
    background: #eeebeb url(https://fpa-html-images.s3.ap-south-1.amazonaws.com/field_bg01.jpg) no-repeat center bottom;
    background-size: 100% auto;
    min-height: 750px;
    padding: 120px 0px 0px;
    position: relative;
}

.howto_play .heading {
    width: 100%;
    text-align: center;
    padding: 0px 15px;
    position: absolute;
    left: 0px;
    top: 70px;
}

.howto_play .heading img {
    max-height: 55px;
    width: auto;
}

.play_rules {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.play_screen {
    max-width: 290px;
    margin: 0;
    overflow: hidden;
    position: relative;
    border-radius: 30px;
}

.play_screen:after {
    content: '';
    position: absolute;
    left: 0px;
    right: 0;
    top: 0;
    right: 0;
    margin: auto;
    width: calc(100% + 3px);
    width: -webkit-calc(100% + 3px);
    width: -moz-calc(100% + 3px);
    width: -ms-calc(100% + 3px);
    height: 100%;
    background: url("https://fpa-html-images.s3.ap-south-1.amazonaws.com/fpaweb/how-to-mbl-outer.png") no-repeat center top/contain;
}

.carousel .carousel-control-prev,
.carousel .carousel-control-next {
    display: none;
}

.play_screen img {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    margin: -1px 0px;
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
    opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
    transform: translateX(0);
    transform: translate3d(0, 0, 0);
}

.howtoplay {
    width: calc(100% - 290px);
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    padding-left: 30px;
    padding-top: 100px;
}

.howplay_slide {
    top: 65px;
}

.howto_play .col-md-4 {
    -ms-flex: 0 0 36%;
    flex: 0 0 36%;
    max-width: 36%;
}

.howto_play .col-md-8 {
    -ms-flex: 0 0 64%;
    flex: 0 0 64%;
    max-width: 64%;
}

.howtoplay h2 {
    color: #7B1FA2;
    text-transform: uppercase;
    font-size: 45px;
    font-weight: 700;
}

.howtoplay h2 span {
    font-size: 35px;
    color: #000;
    display: block;
}

.howtoplay p {
    font-size: 16px;
    line-height: 26px;
    max-height: 150px;
    overflow: hidden;
}

.carousel-indicators.carousel-dots {
    position: absolute;
    left: 205px;
    bottom: 130px;
}

.carousel-indicators.carousel-dots {
    display: inline-block;
    margin-right: 10px;
    width: auto;
}

.carousel-indicators.carousel-dots li {
    width: 25px;
    height: 6px;
    background: #949497;
    float: left;
    display: block;
}

.carousel-indicators.carousel-dots li.active {
    background: #7B1FA2;
}

.two_btns {
    position: absolute;
    left: 330px;
    bottom: 90px;
}

.two_btns a {
    background: #fff;
    position: relative;
    z-index: 1;
    border-radius: 35px;
    padding: 5px 25px 5px 5px;
    color: #7B1FA2;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
    display: inline-block;
    box-shadow: -3px 5px 5px rgba(0, 0, 0, 0.2);
}

.two_btns span {
    display: inline-block;
    margin-right: 10px;
}

.two_btns img {
    width: 35px;
}

.two_btns a.download_btn {
    background: #ff8f00;
    margin-right: 15px;
}

.two_btns a:hover {
    text-decoration: none;
}

/*popup*/
.modal-dialog {
    max-width: 900px;
}

.modal-content .modal-title {
    font-size: 30px;
}

.modal-content .modal-title strong {
    color: #002a8b;
}

.pos {
    display: block;
    margin-top: 10px;
}

/*howto_play-END*/

/*Download App And Get*/
.download_and_get {
    background: #fff;
    padding: 80px 0px 30px;
}

.speciality ul {
    margin: 0px;
    padding: 0px 35px;
    position: relative;
    z-index: 1;
}

.speciality ul li {
    list-style: none;
    padding: 0px 10px;
    width: 22%;
}

.download_link {
    border-radius: 25px;
    background: url(https://fpa-html-images.s3.ap-south-1.amazonaws.com/download_bg.jpg) no-repeat center center;
    background-size: cover;
    padding: 100px 50px 40px;
    width: 100%;
    text-align: center;
    margin-top: -80px;
}

.download_link h2 {
    color: #ff8f00;
    font-size: 55px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.download_link h2 span {
    display: block;
    font-size: 35px;
    color: #fff;
}

.get_app_link {
    max-width: 700px;
    margin: 0px auto 40px;
    position: relative;
    background: #fff;
    border: 1px solid #ff8f00;
}

.get_app_link input {
    width: 100%;
    height: 65px;
    background: #fff;
    border: none;
    padding: 0px 200px 0px 15px;
}

.get_app_link .get_btn {
    background: #ff8f00;
    padding: 5px 25px;
    color: #000;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
    border: none;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 65px;
    cursor: pointer;
}

.download_btns img {
    max-width: 250px;
}

.download_btns a:first-child {
    margin-right: 30px;
}

/*Download App And Get END*/

/*winners_say*/
.winners_say {
    background: url(https://fpa-html-images.s3.ap-south-1.amazonaws.com/field_bg.jpg) no-repeat center bottom;
    background-size: 100% auto;
}

.winners_say h2 {
    color: #e6e6e6;
    font-size: 70px;
    text-align: center;
    text-transform: uppercase;
}

.winners_text {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    margin: 10px auto 50px;
}

.winners_text .thumb {
    width: 300px;
    background: url(https://fpa-html-images.s3.ap-south-1.amazonaws.com/won_icon.png) no-repeat center center;
    min-height: 270px;
}

.winners_text .thumb span {
    width: 160px;
    height: 160px;
    border: 5px solid #7B1FA2;
    display: block;
    border-radius: 100%;
    margin: 30px auto 0px;
    overflow: hidden;
}

.winners_text .disc {
    width: calc(100% - 300px);
    padding-left: 50px;
    padding-top: 20px;
    padding-bottom: 50px;
}

.thumb p {
    margin: 7px auto 0px;
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 700;
    font-size: 26px;
    text-align: center;
    padding: 0px 15px;
}

.disc h3 {
    font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.disc p {
    font-size: 16px;
    line-height: 26px;
}

.testimonial {
    max-width: 1020px;
    margin: 0px auto;
}

.testimonial .owl-dots {
    position: absolute;
    left: 350px;
    bottom: 80px;
}

.testimonial .owl-dot {
    display: inline-block;
    margin-right: 10px;
}

.testimonial .owl-dot span {
    width: 25px;
    height: 6px;
    background: #949497;
    display: block;
}

.testimonial .owl-dot.active span {
    background: #7B1FA2;
}

/*winners_say-END*/

/*bottom_offer*/
.bottom_offer {
    padding: 80px 0px;
}

.bottom_offer .container {
    background: #229a47;
    position: relative;
}

.bottom_offer .container:before {
    content: "";
    background: url(https://fpa-html-images.s3.ap-south-1.amazonaws.com/blue_corner.png) no-repeat left top #7B1FA2;
    position: absolute;
    width: 35%;
    height: 27px;
    top: -27px;
    right: 0px;
}

.bottom_offer .container:after {
    content: "";
    background: url(https://fpa-html-images.s3.ap-south-1.amazonaws.com/yellow_corner.png) no-repeat right top #ff8f00;
    position: absolute;
    width: 35%;
    height: 24px;
    bottom: -24px;
    left: 0px;
}

.bottom_offer .text_box {
    background: #43a962 url(https://fpa-html-images.s3.ap-south-1.amazonaws.com/style_bg.png) no-repeat right center;
    background-size: cover;
    min-height: 100%;
    padding: 35px;
}

.bottom_offer .text_box h2 {
    color: #fff;
    text-transform: uppercase;
}

.bottom_offer .text_box h2 span {
    display: block;
    font-size: 55px;
}

.bottom_slider {
    padding: 60px 70px 30px 160px;
}

.bottom_slider img {
    border-radius: 30px;
}

.mobile_frame {
    position: absolute;
    z-index: 2;
    top: 51px;
    right: 63px;
    pointer-events: none;
}

.mobile_frame img {
    max-width: 600px;
}

.bottom_slider .owl-dots {
    text-align: center;
    margin-top: 20px;
}

.bottom_slider .owl-dot {
    display: inline-block;
    margin: 0px 4px;
}

.bottom_slider .owl-dot span {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.37);
}

.bottom_slider .owl-dot.active span {
    background: #fff;
}

.offer_slider:after {
    content: "";
    background: url(https://fpa-html-images.s3.ap-south-1.amazonaws.com/offer_slide_shadow.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    bottom: 18px;
    left: 0px;
    width: 100%;
    height: 33px;
}

.offer_slider .owl-stage-outer {
    border-radius: 30px;
}

/*bottom_offer-END*/

/*Overlay_menu*/
.overlay_menu {
    background: rgba(0, 0, 0, 0.65);
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}

.menu_wrap {
    background: rgba(4, 68, 191, 0.9);
    width: 100%;
    max-width: 450px;
    z-index: 5;
    position: fixed;
    right: -450px;
    visibility: hidden;
    opacity: 0;
    top: 0px;
    height: 100%;
    box-shadow: -10px 5px 13px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: -10px 5px 13px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: -10px 5px 13px rgba(0, 0, 0, 0.4);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}

.login_btns {
    padding: 20px 80px 20px 20px;
    background: #043aa1;
    position: relative;
}

.login_btns .btn {
    background: #ff8f00;
    border-radius: 25px;
    color: #000;
    min-width: 120px;
    line-height: normal;
    height: auto;
    text-transform: uppercase;
    font-weight: 600;
    margin-right: 15px;
    padding: 8px 15px;
}

.login_btns .btn:hover {
    background: #e65100;
}

.close_menu {
    background: url(https://fpa-html-images.s3.ap-south-1.amazonaws.com/menu_icon_close.png) no-repeat;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 20px;
    width: 42px;
    height: 42px;
    font-size: 0px;
}

.download_app {
    padding: 20px 10px;
    background: #043aa1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
}

.download_app a {
    margin: 0px 10px;
    max-width: 50%;
}

/* width */
.primari_menu::-webkit-scrollbar {
    width: 7px;
    height: 3px;
}

/* Track */
.primari_menu::-webkit-scrollbar-track {
    background-color: #fff;
    padding: 5px 2px;
}

/* Handle */
.primari_menu::-webkit-scrollbar-thumb {
    background: #ff8f00;
    border-radius: 5px;
}

.primari_menu {
    height: calc(100% - 175px);
    overflow: auto;
}

.primari_menu ul {
    padding: 15px 0px;
    margin: 0px;
}

.primari_menu ul li {
    list-style: none;
}

.primari_menu ul li a {
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    padding: 15px 20px;
}

.primari_menu ul li a:hover {
    background: #ff8f00;
    color: #000;
    text-decoration: none;
}

.show_menu .overlay_menu {
    opacity: 1;
    visibility: visible;
}

.show_menu .menu_wrap {
    right: 0px;
    opacity: 1;
    visibility: visible;
}

.show_menu {
    overflow: hidden;
    position: fixed;
    width: 100%;
    top: 0;
}

/*Overlay_menu-END*/

/*Inner_page_Css*/

/*Inner_banner*/
.banner_style01 {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.top_section.banner_style01 {
    height: auto;
    min-height: 480px;
    max-height: none;
}

.banner_style01 .container {
    max-width: 1230px;
    padding: 0px 15px;
    margin: 0px auto;
}

.banner_style01 .row {
    min-height: 750px;
    align-items: center;
}

.banner_style01 h1 {
    color: #fff;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.banner_style01 p {
    color: #fff;
    font-weight: 300;
    line-height: 30px;
    font-size: 18px;
}

.banner_style01 .image_block {
    bottom: 0px;
    text-align: center;
    position: absolute;
    right: 0px;
}

.point_system_bar {
    background: #0448C1;
    padding: 30px 0px;
}

.point_system_bar .btn {
    min-width: 270px;
}

.point_system_bar p {
    color: #fff;
    margin-bottom: 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;

    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

/*introduction*/
.introduction {
    padding: 80px 0px;
}

.introduction .row {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.video_column iframe {
    border-radius: 10px;
    vertical-align: bottom;
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.3);
}

/*introduction-END*/

/*how_play_category*/
.how_play_category {
    margin: 0px auto 30px;
    width: 100%;
}

.how_play_category ul {
    margin: 0px;
    padding: 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /*flex-wrap: wrap;*/
    justify-content: center;
    margin-bottom: 50px;
}

.how_play_category ul li {
    list-style: none;
    max-width: 130px;
    min-width: 76px;
    margin-left: 1%;
    margin-bottom: 1.5%;
}

.how_play_category ul li:first-child {
    margin-left: 0px;
}

.how_play_category ul li a {
    border-radius: 10px;
    background: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    text-decoration: none;
    justify-content: center;
    -webkit-justify-content: center;
    padding: 15px 3px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}

.how_play_category ul li span.img {
    margin: 0px auto 5px;
    width: 40px;
    height: 40px;
}

.how_play_category ul li span.text {
    color: #000000;
    font-size: 13px;
    text-transform: capitalize;
    width: 100%;
    text-align: center;
}

.how_play_category ul li.active a {
    background: #FF8F00;
}

/*how_play_category-End*/

/*howtoplay_intro*/
.howtoplay_intro ul {
    padding: 0px;
    margin-bottom: 50px;
    counter-reset: li;
}

.howtoplay_intro ul li {
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
    counter-increment: li;
}

.howtoplay_intro ul li .image {
    width: calc(55% + 30px);
    text-align: center;
    background: rgba(226, 228, 229, 0.91);
    border-radius: 10px;
    padding: 30px 15px 0px;
}

.howtoplay_intro ul li .text {
    width: 45%;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    border-radius: 10px;
    min-height: 260px;
    padding: 30px 60px;
    background: #fff;
    position: relative;
    z-index: 1;
    margin-left: -30px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}

.howtoplay_intro ul li .text:before {
    content: counter(li);
    background: #7B1FA2;
    color: #fff;
    text-align: center;
    line-height: 75px;
    width: 75px;
    height: 75px;
    position: absolute;
    left: -37px;
    top: 50%;
    margin-top: -37px;
    border-radius: 100%;
    font-size: 45px;
    font-weight: bold;
}

.howtoplay_intro ul li .text p:last-of-type {
    margin-bottom: 0px;
}

.howtoplay_intro h3 {
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
}

.howtoplay_intro p {
    max-width: 85%;
    font-size: 15px;
    line-height: 26px;
}

.howtoplay_intro ul li:nth-child(even) {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.howtoplay_intro ul li:nth-child(even) .text {
    margin-left: auto;
    margin-right: -30px;
    text-align: right;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.howtoplay_intro ul li:nth-child(even) .text:before {
    left: auto;
    right: -37px;
}

.howtoplay_intro ul li .text p a {
    text-decoration: underline;
    color: #7B1FA2;
}

/*howtoplay_intro-END*/

/*Become_Winner*/
.become_winner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 50px 0px;
}

.winner_text {
    width: 45%;
    margin-right: 5%;
    padding-top: 30px;
    text-align: center;
}

.winner_img {
    width: 50%;
}

.intro_feature {
    padding: 0px;
}

.intro_feature li {
    list-style: none;
    vertical-align: top;
    display: inline-block;
    padding: 10px;
    width: 32%;
}

.intro_feature li img {
    margin-bottom: 20px;
}

.start_playing {
    width: 240px;
    margin-bottom: 30px;
}

/*Become_Winner-END*/


/*ACCOUNT BALANCE*/
.banner_style01.medium_height_banner .row {
    min-height: 300px;
}

.balance_section {
    padding: 50px 0px;
    width: 100%;
}

.balance_section .full_column {
    max-width: 750px;
    margin: 0px auto 80px;
    padding: 0px 15px;
    text-align: center;
}

.balance_section .full_column img {
    margin-bottom: 20px;
}

.balance_section .full_column p {
    font-size: 20px;
    line-height: 32px;
}

ul.balance_intro {
    padding: 0px;
}

ul.balance_intro li {
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 80px;
}

ul.balance_intro li:nth-child(odd) {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.balance_intro .image {
    background: #E4E6E7;
    text-align: center;
    padding: 0px 15px 0px;
    width: 45%;
    border-radius: 0px 10px 10px 0px;
}

ul.balance_intro li:nth-child(even) .image {
    border-radius: 10px 0px 0px 10px;
}

.balance_intro .image img {
    margin-top: -50px;
}

.balance_intro .text_block {
    background: #fff;
    width: 55%;
    border-radius: 10px;
    padding: 25px;
    min-height: 470px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}

.balance_intro .text_block img {
    margin-bottom: 15px;
}

.balance_intro .text_block p {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 10px;
}

.total_bal {
    max-width: 800px;
    margin: 30px auto;
    text-align: center;
    padding: 0px 15px;
}

.total_bal img {
    max-width: 500px;
    margin: 0px auto 15px;
}

/*Contact-page*/
.contact_sec {
    padding: 70px 0px;
}

.contact_sec h3 {
    font-weight: 400;
}

/* .contact_sec p a {
    color: #737373;
} */

.contact_option {
    padding: 0px;
}

.contact_option li {
    border-radius: 4px;
    padding: 20px 20px 20px 140px;
    list-style: none;
    position: relative;
    background: #fff;
    margin-bottom: 35px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}

.contact_option li h5 {
    font-weight: 700;
}

.contact_option li p {
    margin-bottom: 0px;
}

.contact_option li .icon {
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
}

/*Submit_request*/
.help_form {
    max-width: 600px;
    margin: 0px auto;
    position: relative;
}

.help_form input {
    width: 100%;
    height: 60px;
    background: #fff;
    border: 2px solid #FF8F00;
    color: #000;
    border-radius: 35px;
    padding: 0px 150px 0px 15px;
}

.help_form ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #000;
    opacity: 1;
}

.help_form ::-moz-placeholder {
    /* Firefox 19+ */
    color: #000;
    opacity: 1;
}

.help_form :-ms-input-placeholder {
    /* IE 10+ */
    color: #000;
    opacity: 1;
}

.help_form :-moz-placeholder {
    /* Firefox 18- */
    color: #000;
    opacity: 1;
}

.help_form button {
    position: absolute;
    height: 60px;
    right: 0px;
    top: 0px;
    min-width: 150px;
    font-weight: 600;
}

.breadcrumb {
    background: none;
    width: 100%;
    padding: 0px;
    margin: 10px auto 25px;
}

.breadcrumb p {
    margin: 0px;
}

.request_submit_form {
    padding: 20px 0px 70px;
    max-width: 800px;
}

form label {
    color: #000000;
    font-size: 18px;
    font-weight: 400;
}

form input,
form select,
form textarea {
    padding: 12px 15px;
    font-size: 16px;
    width: 100%;
    min-height: 45px;
}

/*Faq-page*/
.faq_wrap {
    margin-bottom: 70px;
}

.faq_head {
    margin: 35px auto;
}

.faq_head h2 {
    color: #0D2647;
    font-size: 26px;
    margin-bottom: 5px;
}

.faq_head p {
    color: #0D2647;
    font-weight: 500;
}

.faq_wrap .card {
    margin-bottom: 20px;
}

.card {
    border-color: #D2D4D9;
    overflow: hidden;
    border-radius: 8px;
}

.card-header {
    background: #fff;
    padding: 0px;
    border: none;
}

.card-header a {
    color: #3E1160;
    font-size: 20px;
    font-weight: 500;
    display: block;
    text-decoration: none;
    position: relative;
    padding: 20px 50px 20px 15px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.card-header a strong {
    font-weight: 500;
}

.card-header a:after {
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    top: 29px;
    right: 20px;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transition: all 0.5s ease;
}

.card-header a[aria-expanded="false"]:after {
    top: 21px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.card-header h5 {
    margin: 0;
}

.card-body {
    position: relative;
}

.card-body:before {
    width: calc(100% - 30px);
    height: 1px;
    background: #A8ABB6;
    content: "";
    position: absolute;
    left: 15px;
    top: 0px;
}

.card-body p {
    margin-bottom: 5px;
}

.card-body li,
.card-body p {
    line-height: 28px;
}

.card-body ul,
ol {
    padding-left: 20px;
}

/*Fair-play*/
.fair_banner {
    height: auto;
    background-size: cover;
    background-position: center center;
}

.fair_banner .row {
    min-height: 700px;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.fair_banner .caption {
    max-width: 780px;
    margin: 0px auto;
}

.fair_banner h1 {
    color: #fff;
    margin: 20px auto;
}

.fair_banner p {
    color: #fff;
}

.fair_banner .container {
    padding: 0px 15px;
}

.fair_play_cat {
    padding: 50px 0px;
    width: 100%;
}

.fair_play_cat ul {
    margin: 0px;
    padding: 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

.fair_play_cat ul li {
    list-style: none;
    min-width: 200px;
    margin-left: 2%;
}

.fair_play_cat ul li:first-child {
    margin-left: 0px;
}

.fair_play_cat ul li a {
    border-radius: 10px;
    background: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    text-decoration: none;

    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 15px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}

.fair_play_cat ul li span.image {
    margin-right: 15px;
}

.fair_play_cat ul li span.text {
    color: #000000;
    font-size: 18px;
}

.fair_play_cat ul li.active a,
.fair_play_cat ul li:hover a {
    background: #FF8F00;
}

.fair_text {
    width: 100%;
    padding: 0px;
    padding-bottom: 20px;
}

.fair_text li {
    list-style: none;
    margin-bottom: 50px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.fair_text li:nth-child(even) {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.fair_text .image_block {
    width: 300px;
}

.fair_text .text {
    width: calc(100% - 300px);
    padding-left: 50px;
}

.fair_text li:nth-child(even) .text {
    text-align: right;
    padding-left: 0px;
    padding-right: 50px;
}

/*Fantasy Points System*/
.points_system {
    padding: 70px 0px;
}

.points_system h2 {
    margin-bottom: 30px;
}

.captain_view {
    margin-bottom: 50px;
    padding: 30px 0px 30px;
}

.captain_view .captain_box {
    border-radius: 4px;
    background: #fff;
    padding: 20px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}

.captain_view .captain_box img {
    margin: 0px auto 15px;
}

.captain_box p {
    margin-bottom: 0px;
}

.captain_box p strong {
    color: #7B1FA2;
    font-weight: 600;
}

.points_block {
    margin: 0px auto 50px;
    max-width: 900px;
}

.points_block h4 {
    text-align: center;
    max-width: 565px;
    margin: 0px auto;
    position: relative;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.points_block h4:before {
    top: 50%;
    width: 100%;
    height: 1px;
    background: #7B1FA2;
    content: "";
    position: absolute;
    left: 0px;
    z-index: -1;
}

.points_block h4 span {
    color: #fff;
    display: inline-block;
    position: relative;
    background: #7B1FA2;
    border-radius: 35px;
    padding: 15px 15px;
    min-width: 200px;
}

.points_block h4 span small {
    text-transform: capitalize;
}

.points_block table th {
    color: #000000;
    font-weight: 600;
}

.points_block .table-bordered td,
.points_block .table-bordered th {
    border-color: #707070;
    text-align: center;
}

.points_block table th:first-child,
.points_block table td:first-child {
    text-align: left;
}

.points_block table tr:nth-child(odd) {
    background: rgba(1, 110, 195, 0.1);
}

.points_block table tr:first-child {
    background: #fff;
}

/*about_page*/
.about_top {
    padding: 50px 0px;
}

.about_top .row {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.about_blocks {
    margin: 30px auto 60px;
    padding: 0px;
    flex-wrap: wrap;
}

.about_blocks li {
    list-style: none;
    position: relative;
    border-radius: 4px;
    z-index: 1;
    background: #fff;
    margin-left: 3.5%;
    padding: 25px;
    width: 31%;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}

.about_blocks li:first-child {
    margin-left: 0px;
}

.about_blocks li.blue {
    background: #7B1FA2;
}

.about_blocks h3 {
    font-weight: 600;
    font-size: 24px;
}

.about_blocks img {
    height: 90px;
    margin-bottom: 15px;
    width: auto;
}

.about_blocks p {
    color: #737373;
    font-size: 15px;
    line-height: normal;
}

.about_blocks .blue h3,
.about_blocks .blue p {
    color: #fff;
}

.about_blocks li:before {
    content: attr(title);
    position: absolute;
    color: rgba(0, 0, 0, 0.05);
    font-size: 180px;
    left: 0px;
    top: 0;
    z-index: -1;
    width: 100%;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
}

.vision_mission {
    padding: 20px 0px;
}

.mobile_show {
    display: none;
}

.vision_mission .row {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.about_info .row {
    -webkit-box-align: end;
    -moz-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.about_info {
    padding: 20px 0px 0px;
}

.info_list {
    padding: 0px 0px 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}

.info_list li {
    list-style: none;
    padding: 20px;
    border-radius: 4px;
    width: 48%;
    margin-left: 4%;
    background: #fff;
    margin-bottom: 4%;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.info_list li:nth-child(2n+1) {
    margin-left: 0px;
}

.info_list li span.icon {
    width: auto;
    height: 89px;
    margin-right: 15px;
}

.info_list li span.text strong {
    display: block;
    font-size: 35px;
    line-height: 30px;
    color: #000;
}

.owner_sec {
    background: rgba(198, 196, 212, 0.25);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.owner_sec>div {
    width: 50%;
}

.owner_sec .image img {
    width: 100%;
    vertical-align: middle;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.owner_sec .disc {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 50px;
}

.owner_sec .disc .inside {
    max-width: 600px;
}

.owner_sec.change_direction {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.succes_sec {
    padding: 70px 0px;
}

.succes_person {
    padding: 0px;
    margin: 25px 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}

.succes_person li {
    list-style: none;
    width: 22.75%;
    margin-left: 3%;
    margin-bottom: 3%;
}

.succes_person li:nth-child(4n+1) {
    margin-left: 0px;
}

/*Download page*/
.download_banner h1 {
    font-weight: 400;
    margin-bottom: 20px;
    font-size: 40px;
}

.download_banner h1 span {
    font-weight: 700;
    color: #FF8F00;
}

.download_banner .help_form {
    margin: 0px;
}

.download_banner p.small {
    font-size: 13px;
}

.download_banner .download_app {
    max-width: 450px;
    background: none;
    padding: 0px;
}

.download_banner .download_app a {
    max-width: 100%;
}

.app_speciality {
    padding: 50px 0px;
    width: 100%;
    margin: 40px auto 0;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.app_speciality .box {
    text-align: center;
    border-radius: 10px;
    width: 33%;
    background: #fff;
    padding: 25px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}

.app_speciality .box.blue {
    background: #7B1FA2;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.app_speciality p {
    color: #000;
    margin-bottom: 0px;
    margin-top: 15px;
}

.app_speciality p strong {
    font-size: 38px;
    font-weight: 700;
    display: block;
}

.app_speciality .blue p {
    color: #fff;
}

.app_info {
    background: rgb(4, 72, 193);
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #001857 0%, #7b1fa2 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #001857 0%, #7b1fa2 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #001857 0%, #7b1fa2 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0448c1', endColorstr='#09a4ec', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    padding: 50px 0px;
    position: relative;
    overflow: hidden;
}

.app_info:before {
    content: "";
    background: url(https://fpa-html-images.s3.ap-south-1.amazonaws.com/logo_vector.png) no-repeat right top;
    background-size: contain;
    width: 248px;
    height: 328px;
    position: absolute;
    right: -20px;
    top: -50px;
}

.app_info h3 {
    color: #fff;
    font-weight: 500;
}

.information {
    padding-top: 30px;
}

.information h3 {
    color: #FF8F00;
    font-size: 30px;
    font-weight: 400;
}

.information table {
    width: 100%;
}

.information table td {
    color: #FF8F00;
    font-size: 18px;
    font-weight: 400;
    width: 28%;
    padding: 20px 0px;
}

.information table td span {
    color: #fff;
    font-size: 16px;
    display: block;
}

.information table td:nth-child(3) {
    width: 44%;
}


.android_screen_slide {
    z-index: 2;
}

.android_screen_slide {
    width: 100%;
}

.android_screen_slide .andi_scn_sot figure img {
    border: 5px solid transparent;
    border-radius: 15px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

.android_screen_slide .andi_scn_sot {
    width: 200px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin: 0;
    padding: 100px 0px;
}

.android_screen_slide .center .andi_scn_sot {
    opacity: 1;
}

.android_screen_slide .andi_scn_sot figure {
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.android_screen_slide .center .andi_scn_sot {
    transform: scale(1.2);
}

.android_screen_slide .center .andi_scn_sot figure {
    max-width: 197px;
    margin: 0 auto 0;
}

.android_screen_slide .center .andi_scn_sot figure img {
    border: 5px solid #DADCDE;
    box-shadow: none;
}

.android_screen_slide .andi_scn_sot h5 {
    margin-top: 40px;
    text-align: center;
    font-size: 20px;
    color: #000;
    margin-bottom: 0px;
    font-weight: 500;
}

.android_screen_slide .andi_scn_sot p {
    padding: 0;
    font-size: 15px;
    color: #333;
    text-align: center;
    line-height: normal;
    margin-top: 5px;
    width: 400px;
    margin-left: -100px;
    margin-bottom: 0;
}

.android_screen_slide .andi_scn_sot h5,
.android_screen_slide .andi_scn_sot p {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 0;
}

.android_screen_slide .center .andi_scn_sot h5,
.android_screen_slide .center .andi_scn_sot p {
    opacity: 1;
}


.android_screen_slide .owl-nav {
    position: absolute;
    top: 187px;
    width: 400px;
    left: 50%;
    margin-left: -200px;
}

.android_screen_slide .owl-nav button {
    position: absolute;
    width: 30px;
    height: 56px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    z-index: 5;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    opacity: 0.2;
}

.android_screen_slide .owl-nav button:hover {
    opacity: 1;
}

.android_screen_slide .owl-nav button.disabled {
    opacity: 0;
    visibility: hidden;
}

.android_screen_slide .owl-nav button.owl-prev {
    top: 0;
    left: 0;
}

.android_screen_slide .owl-nav button.owl-next {
    top: 0;
    right: 0;
}

.howto_download {
    max-width: 750px;
    margin: 0px auto 30px;
    padding: 40px 0px;
    text-align: center;
}

.howto_download .video_frame {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.3);
    margin: 30px auto;
}

.video_frame iframe {
    vertical-align: bottom;
}

.app_link {
    margin-top: 25px;
}

.app_link a {
    margin: 0px 10px;
}

.here_fans {
    border-radius: 10px;
    text-align: center;
    background: #fff;
    padding: 40px 20px 20px;
    margin-bottom: 50px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
}

.here_fans h2 {
    text-transform: uppercase;
    margin-bottom: 30px;
}

.here_fans ul {
    padding: 0px;
}

.here_fans ul li {
    list-style: none;
    padding: 0px 20px;
}

.here_fans ul li span.img {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    display: block;
    margin: 0px auto;
    overflow: hidden;
    margin-bottom: 10px;
}

.here_fans ul li span.img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.here_fans ul li h5 {
    font-weight: 400;
}

/*content - pages*/
.content {
    padding: 50px 0px;
}

.top_section.low_height_banner,
.low_height_banner .row {
    min-height: 350px;
}

.content ul,
.content ol {
    padding-left: 30px;
}

.content li p {
    margin-bottom: 5px;
}

.footer_sec {
    position: relative;
}

.go_top {
    position: fixed;
    bottom: -65px;
    width: 65px;
    height: 65px;
    display: block;
    z-index: 50;
    right: 20px;
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0px 10px 20px 7px rgba(0, 0, 0, 0.3);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.go_top.Show {
    opacity: 1;
    visibility: visible;
    bottom: 90px;
}

.go_top:after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-color: transparent;
    border: 3px solid #7B1FA2;
    border-left: 0px;
    border-bottom: 0px;
    transform: rotate(-45deg);
    position: absolute;
    top: calc(50% - 6px);
    left: calc(50% - 10px);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.btn_group_top {
    padding-bottom: 20px;
    text-align: center;
}

.btn_group_top a {
    border-radius: 8px;
    display: inline-block;
    padding: 12px 20px;
    background-color: #ccc;
    text-decoration: none;
    color: #000000;
    font-size: 18px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    margin: 2px;
}

.btn_group_top a.active,
.btn_group_top a:hover {
    background-color: #7B1FA2;
    color: #fff;
}

/*point-system-baseball*/
.two_column {
    display: flex;
    -webkit-display: flex;
    flex-wrap: wrap;
    align-items: center;
    -webkit-align-items: center;
    margin-bottom: 30px;
}

.two_column.direction {
    flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
}

.two_column .column {
    width: 49%;
}

.two_column .column.first {
    margin-right: 2%;
}

.two_column p {
    margin-bottom: 10px;
}

.two_column.direction .column.first {
    margin-left: 2%;
    margin-right: 0px;
}

/*point-system-baseball-END*/

/*rugby-point-system*/
.pointtable tr td:first-of-type {
    min-width: 180px;
}

.points_block .table-bordered.pointtable tr td {
    text-align: left;
    vertical-align: middle;
}

.points_block .table-bordered.pointtable tr td:last-of-type {
    text-align: center;
}

/*rugby-point-system-END*/

/*Fantasy-page*/
.top_section.fantasy_banner {
    height: auto;
    min-height: 650px;
}

.fantasy_top {
    padding: 0px 0px 50px;
    text-align: center;
}

.fantasy_top h1 {
    font-size: 40px;
    color: #7B1FA2;
    text-transform: uppercase;
    font-weight: bold;
}

.fantasy_top p,
.fantasy_blog p {
    font-size: 17px;
    color: #000;
}

.fantasy_top p.heading3 {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 10px;
}

.tournament_list {
    background: #f7f6fb;
    padding: 50px 0px;
}

.tournament_list h2,
.faq_sec h2,
.fantasy_blog h2,
.why_fantasy_sec h2 {
    text-transform: uppercase;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 10px;
}

.tournament_list .matchlist {
    padding: 0px;
    margin: 0px auto 20px;
    display: flex;
    -webkit-display: flex;
    flex-wrap: wrap;
}

.tournament_list .matchlist li {
    list-style: none;
    width: 32.33%;
    border-radius: 15px;
    background: #fff;
    padding: 0px 15px;
    margin-left: 1.5%;
    margin-bottom: 1.5%;
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.06);
    position: relative;
}

.tournament_list .matchlist li:nth-child(3n+1) {
    margin-left: 0px;
}

.tournament_list .matchlist li .match_data_inner {
    display: flex;
    -webkit-display: flex;
    flex-wrap: wrap;
    align-items: center;
    -webkit-align-items: center;
}

.tournament_list .matchlist li .flag_left,
.tournament_list .matchlist li .flag_right {
    width: 65px;
    height: 100%;
    margin: 0px auto;
}

.tournament_list .matchlist li .match_text {
    width: calc(100% - 130px);
    padding: 10px 15px;
    text-align: center;
}

.tournament_list .matchlist li .demo_flg {
    display: block;
}

.tournament_list .matchlist .vs_icon {
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: 50%;
    margin-top: -42.5px;
    width: 50px;
}

.tournament_list .matchlist .main_color {
    fill: #7B1FA2;
    opacity: 0.1;
}

.tournament_list .matchlist li h3 {
    color: #a1a5a9;
    font-size: 15px;
    margin-bottom: 0px;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tournament_list .matchlist li .time_left {
    font-weight: 600;
    color: #7B1FA2;
    font-size: 20px;
    text-transform: uppercase;
}

.tournament_list .matchlist li .clickable {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.why_fantasy_sec {
    padding: 50px 0px;
}

.faq_sec {
    padding: 50px 0px;
    background: #f7f6fb;
}

.faq_sec h2 {
    text-transform: capitalize;
}

.faq_sec ul {
    margin: 0px;
    padding: 0px;
}

.faq_sec ul li {
    list-style: none;
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.faq_sec ul li h4 {
    font-size: 22px;
    font-weight: 600;
    color: #000;
    margin-bottom: 5px;
}

.faq_sec ul li strong {
    color: #333;
}

.faq_sec ul li em {
    color: #333;
    font-weight: 600;
}

.faq_sec ul li:last-of-type {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.fantasy_blog {
    padding-top: 50px;
}

.fblog_list {
    display: flex;
    -webkit-display: flex;
    flex-wrap: wrap;
    padding: 20px 0px !important;
    margin: 0px auto 30px;
}

.fblog_list .item {
    border-width: 1px;
    overflow: hidden;
    position: relative;
    border-color: rgb(231, 231, 231);
    border-style: solid;
    border-radius: 10px;
}

.fblog_list .post_thumb img {
    width: 100%;
    vertical-align: middle;
}

.fblog_list .post_dic {
    padding: 15px;
    min-height: 150px;
}

.fblog_list h4 {
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: 600;
}

.fblog_list p {
    text-align: center;
    margin: 0px;
}

.fblog_list .date {
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
    display: inline-block;
    background: #F5F5F5;
    border-radius: 20px;
    padding: 7px 20px;
}

/*Fantasy-page-END*/

/*cpl_page*/
.top_section.cpl_banner {
    height: auto;
    min-height: 550px;
}

.top_section.cpl_banner .container {
    padding: 0px 15px;
}

.cpl_banner .row {
    justify-content: center;
    padding: 25px 0;
}

.cplwrap .tournament_list h2,
.cplwrap .faq_sec h2,
.cplwrap .fantasy_blog h2,
.cplwrap .why_fantasy_sec h2 {
    font-size: 22px;
    text-transform: capitalize;
}

.cplwrap .faq_sec ul li h4 {
    font-size: 18px;
}

.cplwrap .faq_sec ul li p {
    font-size: 16px;
}

.cplwrap .content {
    padding-top: 0px;
}

.cpl_top {
    background: url(https://fpa-html-images.s3.ap-south-1.amazonaws.com/cpl/cpl-text-bg.png) no-repeat center center;
    background-size: cover;
    padding: 80px 0px 50px;
    text-align: center;
}

.cpl_top h1,
.cpl-team h2 {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

.cpl_top .container {
    max-width: 1100px;
    margin: 0px auto;
}

.cpl-team {
    background: #F7F6FB;
    padding: 50px 0px;
}

.cpl-team p {
    text-align: center;
}

.cpl-team ul {
    padding: 10px 0px 0px;
    margin: 0px;
    display: flex;
    -webkit-display: flex;
    flex-wrap: wrap;
}

.cpl-team ul li {
    list-style: none;
    width: 31.66%;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.06);
    padding: 0px 15px 10px;
    margin-left: 2.5%;
    margin-bottom: 2.5%;
    display: flex;
    -webkit-display: flex;
}

.cpl-team ul li:nth-child(3n+1) {
    margin-left: 0px;
}

.cpl-team .team-logo {
    width: 80px;
}

.cpl-team .team-text {
    width: calc(100% - 80px);
    padding-left: 20px;
    padding-top: 15px;
}

.cpl-team h3 {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 21px;
    color: #47535D;
    margin-bottom: 20px;
}

.cpl-team h4 {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #47535D;
    margin-bottom: 5px;
}

.cpl-team h4 span {
    color: #A1A5A9;
    font-weight: 400;
    display: block;
    font-size: 12px;
    margin-bottom: 3px;
}

.key_player {
    background: url(https://fpa-html-images.s3.ap-south-1.amazonaws.com/cpl/cpl-team-bg.jpg) no-repeat center center;
    background-size: cover;
    padding: 80px 0px 50px;
}

.key_player h2 {
    font-size: 22px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
}

.key_player p {
    color: #fff;
    text-align: center;
}

.key_player ul {
    padding: 10px 0px 0px;
    margin: 0px;
    display: flex;
    -webkit-display: flex;
    flex-wrap: wrap;
}

.key_player ul li {
    list-style: none;
    width: 31.66%;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.06);
    padding: 15px;
    margin-left: 2.5%;
    margin-bottom: 2.5%;
    display: flex;
    -webkit-display: flex;
    align-items: center;
    -webkit-align-items: center;
}

.key_player ul li:nth-child(3n+1) {
    margin-left: 0px;
}

.key_player .team-logo {
    width: 80px;
}

.key_player .team-text {
    width: calc(100% - 80px);
    padding-left: 20px;
}

.key_player h3 {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 21px;
    color: #47535D;
    margin-bottom: 20px;
}

.key_player h4 {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #47535D;
    margin-bottom: 5px;
}

.key_player h4 span {
    color: #A1A5A9;
    font-weight: 400;
    display: block;
    font-size: 12px;
    margin-bottom: 3px;
}

/*cpl_page-END*/

.why_fantasy_sec ul.list {
    display: flex;
    text-align: left;
    flex-wrap: wrap;
}

.why_fantasy_sec ul.list li {
    width: 31.3%;
    margin-left: 3%;
}

.why_fantasy_sec ul.list li:nth-child(3n+1) {
    margin-left: 0px;
}

/*Home-slide-custom*/
.home_banner {
    overflow: hidden;
    position: relative;
}

.home_banner .iplslide01 {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 120px 0px 50px;
}

.btngroup {
    display: flex;
    -webkit-display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.btngroup a {
    margin: 5px;
}

.btngroup .play_btn {
    background: #fff;
    position: relative;
    z-index: 1;
    border-radius: 35px;
    padding: 8px 25px 8px 10px;
    color: #7B1FA2;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 40px;
    text-decoration: none;
}

.btngroup .play_btn span {
    display: inline-block;
    width: 35px;
    margin-right: 10px;
}

.btngroup .desktop-btn img {
    max-height: 56px;
}

/*Home-Default*/
.defaultslide {
    background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 1;
}

.defaultslide:before {
    content: "";
    background: url(https://fpa-html-images.s3.ap-south-1.amazonaws.com/fpaweb/white_shape.png) no-repeat;
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 720px;
    height: 508px;
    z-index: 2;
}

.defaultslide .caption {
    max-width: 100%;
    margin: 0px auto;
    position: relative;
    padding-top: 100px;
    padding-bottom: 50px;
    min-height: 650px;
}

.defaultslide .shewag_pic {
    position: absolute;
    left: 0;
    bottom: 60px;
    z-index: 2;
    max-width: 681px;
}

.defaultslide .device_screen {
    position: absolute;
    right: 0%;
    bottom: 0px;
    z-index: 2;
}

.defaultslide .inner {
    text-align: center;
    padding-left: 300px;
}

.defaultslide .inner h1 {
    font-size: 60px;
    line-height: 70px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.69);
}

.defaultslide .inner h1 span {
    display: block;
    color: #fffc00;
    font-size: 65px;
}

.defaultslide .inner h1 span.large {
    font-size: 80px;
    line-height: 80px;
}

.defaultslide .keeptext {
    background: #00195b;
    color: #f4f718;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 24px;
    padding: 6px 10px;
}

.defaultslide .sports {
    margin: 0px auto;
    max-width: 540px;
}

.defaultslide .sports ul {
    padding: 0px;
    margin: 0px;
    display: flex;
    -webkit-display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.defaultslide .sports li {
    color: #fff;
    font-size: 16px;
    font-style: italic;
    position: relative;
    padding-left: 20px;
    list-style: none;
    margin: 3px 5px;
}

.defaultslide .sports li:before {
    content: "";
    width: 6px;
    height: 6px;
    background: #fff;
    position: absolute;
    left: 5px;
    top: 10px;
}

/*pointsystem_slide*/
.pointsystem_slide .caption {
    max-width: 1600px;
    margin: 0px auto;
    display: flex;
    -webkit-display: flex;
    align-items: center;
}

.pointsystem_slide .left_text {
    width: 60%;
}

.pointsystem_slide .rightimg {
    width: 40%;
    padding-top: 50px;
}

.pointsystem_slide .head_text {
    max-width: 480px;
    margin: 0px auto 15px;
}

.pointsystem_slide p {
    font-size: 22px;
    line-height: 32px;
    font-weight: 400;
    color: #fff;
    max-width: 600px;
    margin: 0px auto 20px;
    text-align: center;
}

.pointsystem_slide p strong {
    color: #f8da98;
}

.pointsystem_slide .pointlist {
    padding-left: 0px;
    max-width: 500px;
    margin: 0px auto;
}

.pointsystem_slide .pointlist li {
    list-style: none;
    text-transform: uppercase;
    position: relative;
    padding-left: 105px;
    padding-top: 10px;
    min-height: 90px;
    margin-bottom: 25px;
}

.pointsystem_slide .pointlist li p {
    text-align: left;
    margin: 0px;
}

.pointsystem_slide .pointlist li span {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 90px;
}

.pointsystem_slide .pointlist li p strong {
    display: block;
    font-style: italic;
    font-weight: bold;
    font-size: 34px;
    margin-bottom: 5px;
}

span.tandc {
    position: absolute;
    right: -30px;
    bottom: 60px;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    opacity: 0.8;
}

/*diffrentwith_slide*/
.diffrentwith_slide .caption {
    max-width: 1400px;
    margin: 0px auto;
    position: relative;
    display: flex;
    -webkit-display: flex;
    flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
}

.diffrentwith_slide .shewag_pic {
    width: 422px;
    display: flex;
    align-items: flex-end;
}

.diffrentwith_slide .shewag_pic img {
    vertical-align: middle;
}

.diffrentwith_slide .textblock {
    width: calc(100% - 422px);
    padding-top: 50px;
}

.diffrentwith_slide .headblock {
    margin-bottom: 15px;
    text-align: center;
}

.diffrentwith_slide .headblock img {
    margin: 0px auto;
}

.diffrentwith_slide ul {
    padding-left: 100px;
    max-width: 750px;
}

.diffrentwith_slide ul li {
    list-style: none;
    position: relative;
    padding-left: 110px;
    margin-bottom: 15px;
    min-height: 90px;
    display: flex;
    align-items: center;
}

.diffrentwith_slide ul li:before {
    content: "";
    background: url(https://fpa-html-images.s3.ap-south-1.amazonaws.com/fantasyprime-addaweb/homepage/whiteline.png) no-repeat;
    width: calc(100% - 110px);
    height: 2px;
    position: absolute;
    left: 0px;
    background-size: contain;
    left: 110px;
    bottom: 0px;
}

.diffrentwith_slide ul li p {
    color: #fff;
    font-size: 28px;
    line-height: 38px;
    font-weight: 600;
    text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5);
}

.diffrentwith_slide ul li span {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 90px;
}

/*banner_offer_slide*/
.topoffer_slide .caption {
    max-width: 1280px;
    margin: 0px auto;
    display: flex;
    -webkit-display: flex;
    flex-wrap: wrap;
}

.topoffer_slide .left_text {
    width: calc(100% - 380px);
    padding-top: 50px;
}

.topoffer_slide .rightimg {
    width: 380px;
    margin-top: 10px;
}

.topoffer_slide .head {
    text-align: center;
    text-transform: uppercase;
    font-size: 40px;
    color: #fff;
    font-weight: bold;
    text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.3);
    line-height: 45px;
    margin: 0px 0px 20px;
}

.topoffer_slide .head span {
    display: block;
    color: #fff000;
}

.topoffer_slide .offer_column {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

/* .topoffer_slide .offer_column img { } */
.topoffer_slide .offer_column a {
    display: block;
    padding: 4px;
    width: 33.33%;
    min-width: 33.33%;
}

.topoffer_slide .offer_column a img {
    width: 100%;
}

.topoffer_slide .leftimage,
.topoffer_slide .rightimage {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

/* .topoffer_slide .leftimage { -webkit-transform: perspective(300px) rotateY(6deg) scaleX(1.2);-moz-transform: perspective(300px) rotateY(6deg) scaleX(1.2); -webkit-transform-origin: left center;-moz-transform-origin: left center; } */
/* .topoffer_slide .rightimage { -webkit-transform: perspective(300px) rotateY(-6deg) scaleX(1.2);-moz-transform: perspective(300px) rotateY(-6deg) scaleX(1.2); -webkit-transform-origin: right center;-moz-transform-origin: right center; } */


/*Sticky-download*/
.download_sticky {
    background: #7B1FA2;
    border-radius: 15px 15px 0px 0px;
    border: 3px solid #ffb300;
    border-bottom: none;
    position: sticky;
    bottom: 0px;
    z-index: 15;
    max-width: 680px;
    margin: 0px auto;
    padding: 10px 10px;
}

.download_sticky .text {
    padding-top: 2px;
    margin: 0px;
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
}

/*Sticky-download-END*/
/*Home-slide-custom-END*/

/*============================R e s p o n s i v e  C s s===========================*/

@media (min-width:1921px) {
    .top_section .container {
        position: relative;
        max-width: 1920px;
        margin: 0px auto;
        height: 100%;
    }

    .banner_caption {
        margin-top: auto;
        top: 35%;
        position: absolute;
        width: 103%;
        left: 0px;
    }
}

@media (max-width:1800px) {
    .top_section {
        min-height: 750px;
    }

    .banner_caption {
        margin-top: 11%;
    }

    .banner_caption h1 img {
        max-width: 700px;
    }

    .sehwag_vector {
        right: 100px;
    }
}

@media (max-width:1600px) {
    .top_section {
        min-height: 750px;
    }

    .banner_caption {
        margin: 15% -25px 0px;
    }

    .banner_caption h1 img {
        max-width: 670px;
    }

    .sehwag_vector {
        right: 20px;
        width: 42%;
        height: 85%;
    }

    .match_listing .tab-content {
        min-height: 680px;
    }

    /*Home-Slider*/
    .home_slider .item {
        padding: 110px 0px 0px;
    }

    .caption .slide_left {
        width: 350px;
    }

    .caption .slide_right {
        width: calc(100% - 350px);
        padding-left: 80px;
    }

    .caption .slide_right h1 {
        font-size: 47px;
        line-height: 55px;
    }

    .caption .slide_right p {
        font-size: 20px;
        margin-bottom: 15px;
    }

    /*IPL-slide*/
    .iplslide01 h1 {
        font-size: 60px;
        line-height: 60px;
    }

    .iplslide01 .heading02 {
        font-size: 50px;
        line-height: 50px;
    }

    .home_slider .iplslide01 .inner>img {
        max-width: 700px;
    }

    .iplslide01 .apniapp {
        max-width: 480px;
        margin-top: 5px;
    }

    .iplslide02 .slide_left .heading02 {
        font-size: 38px;
    }

    .iplslide02 .slide_left .heading03 {
        font-size: 28px;
        line-height: 30px;
    }

    .iplslide02 .slide_left img,
    .iplslide02 .slide_right img {
        max-width: 400px;
    }

    .iplslide02 .slide_right .heading02,
    .iplslide02 .slide_right .heading03 {
        font-size: 28px;
        line-height: 32px;
    }

    .iplslide02 .slide_right .heading02 span {
        font-size: 38px;
        line-height: 40px;
    }

    /*IPL-slide-END*/
    /*Home-Slider-END*/

    .iplslide01 h1 {
        font-size: 52px;
        line-height: 50px;
    }

    .insidecol {
        max-width: 850px;
        margin: 0px auto;
    }

    /*Home-slide-custom-END*/

    /*Home-Default-Slide*/
    .defaultslide .device_screen {
        max-width: 320px;
    }

    .defaultslide .shewag_pic {
        max-width: 480px;
        bottom: 80px;
    }

    .defaultslide:before {
        width: 40%;
        height: 100%;
        background-size: cover;
    }

    .defaultslide .caption {
        max-width: 98%;
        min-height: 600px;
    }

    .defaultslide .inner {
        padding-top: 0px;
        padding-right: 150px;
        padding-left: 350px;
    }

    .pointsystem_slide .left_text {
        width: 66%;
    }

    .pointsystem_slide .rightimg {
        width: 34%;
    }

    .diffrentwith_slide .shewag_pic {
        width: 391px;
    }

    .diffrentwith_slide .textblock {
        width: calc(100% - 391px);
    }

    /*Banner-offer-Slide*/
    .topoffer_slide .left_text {
        width: calc(100% - 351px);
    }

    .topoffer_slide .rightimg {
        width: 351px;
    }


}

@media (max-width:1440px) {
    .banner_caption {
        margin: 14% -25px 0;
    }

    .sehwag_vector {
        right: 10px;
        height: 75%;
    }

    .banner_caption h1 img {
        max-width: 750px;
    }

    .match_listing .tab-content {
        min-height: 680px;
    }

    .top_section.fantasy_banner {
        min-height: 500px;
    }

    .defaultslide .inner h1 {
        font-size: 50px;
        line-height: 60px;
    }

    .defaultslide .inner h1 span {
        font-size: 55px;
    }

    .defaultslide .inner h1 span.large {
        font-size: 65px;
        line-height: 60px;
    }

    .defaultslide .sports li {
        padding-left: 16px;
        font-size: 15px;
    }

    .defaultslide .sports {
        max-width: 485px;
    }
}

@media (max-width:1366px) {
    .banner_caption {
        margin: 13% -25px 0px;
    }

    .sehwag_vector {
        height: 80%;
        right: 10px;
        width: 39%;
    }

    .top_section {
        height: auto;
    }
}

@media (max-width:1280px) {
    .top_section {
        height: auto;
    }

    .yellow_bar ul li.nav-item {
        min-width: 220px;
    }

    .container {
        max-width: 1130px;
    }

    .banner_caption h1 img {
        max-width: 510px;
    }

    .download_and_play {
        margin-left: 100px;
    }

    .upcoming_match .left_column h3 {
        font-size: 25px;
    }

    .upcoming_match .left_column h3 span {
        font-size: 16px;
    }

    .upcoming_match {
        max-height: 450px;
        min-height: 450px;
    }

    .match_listing .tab-content {
        padding-bottom: 10px;
    }

    .howto_play .col-md-4 {
        -ms-flex: 0 0 32%;
        flex: 0 0 32%;
        max-width: 32%;
    }

    .howto_play .col-md-8 {
        -ms-flex: 0 0 68%;
        flex: 0 0 68%;
        max-width: 68%;
    }

    .howto_play .heading {
        top: 50px;
    }

    .howto_play .heading img {
        max-height: 40px;
    }

    .play_screen {
        max-width: 225px;
        border-radius: 20px;
    }

    .howto_play {
        min-height: 610px;
        padding-top: 100px;
    }

    .howtoplay {
        width: calc(100% - 225px);
        padding-top: 20px;
    }

    .two_btns {
        left: 270px;
        bottom: 40px;
    }

    .howplay_slide .owl-dots {
        left: 256px;
        bottom: 150px;
    }

    .download_link h2 {
        font-size: 48px;
    }

    .download_link h2 span {
        font-size: 30px;
    }

    .download_btns img {
        max-width: 215px;
    }

    .winners_say h2 {
        font-size: 55px;
    }

    .bottom_slider {
        padding: 60px 70px 30px 93px;
    }

    .banner_style01 .row {
        min-height: 600px;
    }

    .banner_style01:before {
        width: 280px;
        background-size: contain;
    }

    .vision_mission {
        background-size: 43% auto;
        padding: 50px 0px;
    }

    .top_section.low_height_banner,
    .low_height_banner .row {
        min-height: 300px;
    }

    .carousel-indicators.carousel-dots {
        position: absolute;
        left: 141px;
        bottom: 50px;
    }

    .match_listing .tab-content {
        min-height: 630px;
    }
}

@media (max-width:1199px) {
    .container {
        max-width: 980px;
    }

    .top_section {
        height: auto;
        min-height: 650px;
        max-height: 650px;
    }

    .sehwag_vector {
        right: 15px;
        height: 85%;
        width: 41%;
    }

    .banner_caption h1 {
        padding: 30px 5%;
    }

    .download_and_play a {
        font-size: 18px;
    }

    .download_and_play a.download_btn {
        margin-right: 10px;
    }

    .yellow_bar ul li svg {
        width: 120px;
    }

    .more_btn img {
        max-height: 60px;
    }

    .howtoplay h2 {
        font-size: 32px;
    }

    .howtoplay h2 span {
        font-size: 26px;
    }

    .howto_play {
        min-height: 450px;
        padding-top: 45px;
    }

    .play_screen {
        max-width: 190px;
    }

    .howtoplay p {
        font-size: 14px;
        line-height: 24px;
        max-height: 120px;
    }

    .two_btns {
        left: 240px;
    }

    .howplay_slide .owl-dots {
        left: 221px;
        bottom: 150px;
    }

    .two_btns a {
        font-size: 15px;
    }

    .howto_play .heading {
        top: 25px;
    }

    .winners_text .thumb {
        width: 250px;
        background-size: contain;
    }

    .winners_text .disc {
        width: calc(100% - 250px);
    }

    .winners_text .thumb span {
        width: 130px;
        height: 130px;
        margin: 45px auto 0px;
    }

    .thumb p {
        font-size: 18px;
    }

    .bottom_offer .text_box {
        padding: 20px;
    }

    .bottom_offer h2 {
        font-size: 28px;
    }

    .bottom_offer .text_box h2 span {
        font-size: 42px;
    }

    .bottom_slider {
        padding: 45px 55px 30px 55px;
    }

    .mobile_frame {
        top: 37px;
        right: 50px;
    }

    .mobile_frame img {
        max-width: 554px;
    }

    .footer_sec .footer_cloumn1,
    .footer_sec .footer_cloumn2,
    .footer_sec .footer_cloumn3,
    .footer_sec .footer_cloumn4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .howtoplay_intro ul li .text {
        padding: 25px 35px;
    }

    .howtoplay_intro ul li .text:before {
        width: 40px;
        height: 40px;
        font-size: 20px;
        line-height: 40px;
        margin-top: -20px;
        left: -20px;
    }

    .howtoplay_intro ul li:nth-child(even) .text:before {
        right: -20px;
    }

    .top_section.fair_banner {
        min-height: 0px;
        max-height: none;
    }

    .fair_banner .row {
        min-height: 520px;
    }

    .owner_sec .disc {
        padding: 30px 25px;
    }

    .owner_sec .disc p {
        margin-bottom: 0px;
    }

    .play_screen:after {
        width: calc(100% + 3px);
        width: -webkit-calc(100% + 1px);
        width: -moz-calc(100% + 3px);
        width: -ms-calc(100% + 3px);
    }

    .how_play_category ul li a {
        padding: 8px;
    }

    .how_play_category ul li span.text {
        font-size: 11px;
        line-height: 15px;
    }

    .yellow_bar ul li.nav-item {
        min-width: 180px;
    }

    /*Home-Slider*/
    .caption .slide_right {
        padding-left: 20px;
    }

    .caption .slide_right h1 {
        font-size: 40px;
        line-height: 47px;
        max-width: 480px;
    }

    .caption .slide_right p {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .item .speciality .col img {
        max-width: 100%;
    }

    .item .speciality {
        max-width: 380px;
    }

    .top_main.owl-carousel .owl-nav .owl-prev {
        width: 35px;
        height: 35px;
        left: 5px;
    }

    .top_main.owl-carousel .owl-nav .owl-next {
        width: 35px;
        height: 35px;
        right: 5px;
    }

    .home_slider .owl-nav .owl-prev:before {
        left: 14px;
        top: 13px;
    }

    .home_slider .owl-nav .owl-next:before {
        left: 12px;
        top: 13px;
    }

    /*Home-Slider-END*/
    /*Fantasy-page*/
    .fantasy_top h1 {
        font-size: 35px;
    }

    .fantasy_top p,
    .fantasy_blog>p {
        font-size: 16px;
        line-height: 26px;
    }

    .fantasy_top p.heading3 {
        font-size: 24px;
    }

    .tournament_list h2,
    .faq_sec h2,
    .fantasy_blog h2,
    .why_fantasy_sec h2 {
        font-size: 28px;
    }

    .tournament_list .matchlist li {
        padding: 0px 8px;
    }

    .tournament_list .matchlist li .flag_left,
    .tournament_list .matchlist li .flag_right {
        width: 55px;
    }

    .tournament_list .matchlist li .match_text {
        width: calc(100% - 110px);
        padding: 5px 10px;
    }

    .tournament_list .matchlist li h3 {
        font-size: 14px;
        font-weight: 500;
    }

    .tournament_list .matchlist li .time_left {
        font-size: 18px;
    }

    /*Fantasy-page-END*/

    /*cpl_page*/
    .top_section.cpl_banner {
        min-height: 480px;
    }

    .cpl_top {
        padding: 60px 0px 30px;
    }

    .cpl-team ul li {
        padding: 0px 10px 10px;
    }

    .cpl-team ul li,
    .key_player ul li {
        width: 32%;
        margin-left: 2%;
        margin-bottom: 2%;
    }

    .cpl-team h3,
    .key_player h3 {
        font-size: 20px;
    }

    .cpl-team .team-logo,
    .key_player .team-logo {
        width: 60px;
    }

    .cpl-team .team-text,
    .key_player .team-text {
        width: calc(100% - 60px);
        padding-left: 15px;
    }

    /*cpl_page-END*/

    .why_fantasy_sec ul.list li,
    .why_fantasy_sec ul.list li:nth-child(3n+1) {
        width: 48%;
        margin-left: 4%;
    }

    .why_fantasy_sec ul.list li:nth-child(2n+1) {
        margin-left: 0px;
    }

    /*IPL-slide*/
    .iplslide02 .caption .slide_left,
    .iplslide02 .caption .slide_right {
        width: 46%;
    }

    .iplslide02 .caption .slide_right {
        margin-left: 8%;
    }

    .iplslide02:before {
        transform: skew(-12deg, 0deg);
        -webkit-transform: skew(-12deg, 0deg);
    }

    .iplslide02 .caption .slide_right {
        padding-left: 0px;
    }

    .iplslide02 .slide_left .heading02 {
        font-size: 30px;
    }

    .iplslide02 .slide_left .heading03 {
        font-size: 22px;
        line-height: 22px;
        margin-bottom: 10px;
    }

    .iplslide02 .slide_right .heading02,
    .iplslide02 .slide_right .heading03 {
        font-size: 24px;
        line-height: 25px;
    }

    .iplslide02 .slide_right .heading02 span {
        font-size: 32px;
        line-height: 30px;
    }

    /*IPL-slide-END*/

    /*Home-Default-Slide*/
    .defaultslide .shewag_pic {
        max-width: 50%;
        bottom: 70px;
    }

    .defaultslide .device_screen,
    .defaultslide:before {
        display: none;
    }

    .defaultslide .caption {
        max-width: 100%;
        min-height: 510px;
    }

    .defaultslide .inner {
        padding-top: 0px;
        padding-left: 45%;
        padding-right: 0;
    }

    .defaultslide .inner h1 {
        font-size: 35px;
        line-height: 45px;
    }

    .defaultslide .inner h1 span {
        font-size: 45px;
    }

    .defaultslide .inner h1 span.large {
        font-size: 55px;
        line-height: 55px;
    }

    .defaultslide .keeptext {
        font-size: 18px;
        padding: 5px 10px;
        margin-bottom: 10px;
    }

    .defaultslide .sports li {
        padding-left: 15px;
        font-size: 14px;
    }

    .defaultslide .sports li:before {
        left: 0px;
        top: 7px;
    }

    .defaultslide .sports {
        max-width: 420px;
    }

    .pointsystem_slide .head_text {
        max-width: 400px;
    }

    .pointsystem_slide p {
        font-size: 18px;
        line-height: 30px;
    }

    .pointsystem_slide .pointlist li p strong {
        font-size: 28px;
    }

    .pointsystem_slide .pointlist li span {
        width: 70px;
    }

    .pointsystem_slide .pointlist li {
        padding-left: 85px;
        min-height: 85px;
        margin-bottom: 10px;
        padding-top: 5px;
    }

    .pointsystem_slide .left_text {
        width: 62%;
    }

    .pointsystem_slide .rightimg {
        width: 38%;
    }

    .diffrentwith_slide .shewag_pic {
        width: 347px;
        padding-right: 15px;
    }

    .diffrentwith_slide .textblock {
        width: calc(100% - 347px);
    }

    .diffrentwith_slide ul li span {
        width: 70px;
    }

    .diffrentwith_slide ul li {
        min-height: 70px;
        padding-left: 85px;
    }

    .diffrentwith_slide ul li:before {
        left: 85px;
        width: calc(100% - 85px);
    }

    .diffrentwith_slide ul li p {
        font-size: 24px;
        line-height: 34px;
        margin: 0px;
    }

    /*Banner-offer-Slide*/
    .topoffer_slide .left_text {
        width: calc(100% - 297px);
    }

    .topoffer_slide .rightimg {
        width: 297px;
    }

    /* .topoffer_slide .leftimage { -webkit-transform: perspective(300px) rotateY(6deg) scaleX(1.16);
    -moz-transform: perspective(300px) rotateY(6deg) scaleX(1.16); }
    .topoffer_slide .rightimage { -webkit-transform: perspective(300px) rotateY(-6deg) scaleX(1.16);
    -moz-transform: perspective(300px) rotateY(-6deg) scaleX(1.16);} */

}

@media (max-width:992px) {
    .mobile_frame img {
        max-width: 533px;
    }

    .how_play_category ul {
        flex-wrap: wrap;
    }

    .yellow_bar #slideLeft {
        left: -24px;
    }

    .yellow_bar #slideRight {
        right: -24px;
    }

    .main_menu>ul {
        display: none !important;
    }

}

@media (max-width:950px) {
    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 30px;
    }

    .banner_style01 p {
        font-size: 16px;
        line-height: 26px;
    }

    .container {
        max-width: 900px;
    }

    .banner_caption h1 img {
        max-width: 450px;
    }

    .download_and_play {
        margin-left: 50px;
        margin-top: 20px;
    }

    .download_and_play a {
        font-size: 15px;
    }

    .download_and_play img {
        width: 35px;
    }

    .top_section {
        height: auto;
        min-height: 550px;
        max-height: 550px;
    }

    .upcoming_match .left_column h3 {
        font-size: 20px;
    }

    .upcoming_match .left_column h3 span {
        font-size: 13px;
    }

    .upcoming_match .left_column .time_left {
        font-size: 13px;
    }

    .play_match {
        font-size: 14px;
        padding: 8px 12px;
    }

    .upcoming_match .left_column {
        width: calc(100% - 150px);
    }

    .upcoming_match .right_btn {
        width: 150px;
    }

    .howto_play .col-md-4 {
        display: none;
    }

    .howto_play .col-md-8 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 600px;
        display: block;
        margin: 0px auto;
    }

    .howplay_slide {
        top: auto;
    }

    .two_btns {
        left: 220px;
    }

    .howto_play .heading {
        position: static;
    }

    .howto_play {
        padding-top: 20px;
    }

    .winners_say h2 {
        font-size: 55px;
    }

    .bottom_offer .text_box {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        background-image: none;
        text-align: center;
    }

    .bottom_slider {
        padding: 40px 30px;
    }

    .bottom_offer .col-md-8 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 550px;
        display: block;
        margin: 0px auto;
    }

    .mobile_frame img {
        max-width: 450px;
    }

    .offer_slider {
        max-width: 450px;
        margin: 0px auto;
    }


    .banner_style01 .row {
        min-height: 450px;
    }

    .how_play_category ul li a {
        position: relative;
        text-align: center;
        overflow: hidden;
    }

    .how_play_category ul li a:before {
        background: #0448C1;
        opacity: 0.3;
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        content: "";
    }

    .how_play_category ul li span.img {
        width: 100%;
        margin: 0px auto;
        opacity: 0.45;
    }

    .how_play_category ul li span.text {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        color: #000;
        z-index: 1;
    }

    .how_play_category ul li.active a:before,
    .how_play_category ul li:hover a:before {
        background: #FF8F00;
    }

    .video_column iframe {
        height: 350px;
    }

    .howtoplay_intro p {
        max-width: 100%;
    }

    .howtoplay_intro h3 {
        font-size: 20px;
    }

    .become_winner .winner_text {
        width: 100%;
        margin-right: auto;
        padding-top: 0px;
    }

    .winner_img {
        text-align: center;
        width: 100%;
    }

    .banner_style01 .col-md-6 {
        text-align: center;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .banner_style01 .image_block {
        position: static;
    }

    .video_column iframe {
        max-width: 450px;
        margin: 0px auto;
        display: block;
        height: 300px;
    }

    .succes_sec p br {
        display: none;
    }

    .download_banner h1 {
        font-size: 33px;
    }

    .help_form input {
        height: 50px;
    }

    .help_form button {
        height: 50px;
        line-height: 50px;
    }

    .download_banner .download_app {
        max-width: 410px;
    }

    .top_section.low_height_banner,
    .low_height_banner .row {
        min-height: 300px;
    }

    .howplay_slide .owl-dots {
        bottom: 120px;
    }

    .modal-dialog {
        margin: 30px 20px;
    }

    .carousel-indicators.carousel-dots {
        position: absolute;
        left: 125px;
        bottom: 90px;
    }

    /*Home-Slider*/
    .caption .slide_left {
        width: 300px;
    }

    .caption .slide_right {
        width: calc(100% - 300px);
        padding-left: 20px;
    }

    .caption .slide_right h1 {
        font-size: 35px;
        line-height: 40px;
    }

    /*Home-Slider-END*/
    /*Fantasy-page*/
    .top_section.fantasy_banner {
        min-height: 350px;
    }

    .fantasy_top h1 {
        font-size: 30px;
    }

    .tournament_list {
        padding: 30px 0px 20px;
    }

    .tournament_list h2,
    .faq_sec h2,
    .fantasy_blog h2,
    .why_fantasy_sec h2 {
        font-size: 24px;
    }

    .tournament_list p,
    .why_fantasy_sec p {
        line-height: 24px;
    }

    .tournament_list .matchlist li {
        border-radius: 8px;
    }

    .tournament_list .matchlist li .flag_left,
    .tournament_list .matchlist li .flag_right {
        width: 40px;
    }

    .tournament_list .matchlist li .match_text {
        width: calc(100% - 80px);
        padding: 5px 5px;
    }

    .tournament_list .matchlist li h3 {
        font-size: 12px;
    }

    .tournament_list .matchlist li .time_left {
        font-size: 16px;
    }

    .tournament_list .matchlist .vs_icon {
        width: 30px;
        margin-left: -15px;
        margin-top: -27px;
    }

    .why_fantasy_sec,
    .faq_sec {
        padding: 30px 0px 30px;
    }

    /*Fantasy-page-END*/

    /*CPL-page*/
    .top_section.cpl_banner {
        min-height: 360px;
    }

    .cpl_banner .row {
        padding: 10px 0 25px;
    }

    .top_section.cpl_banner .row img {
        max-width: 500px;
        margin: 0px auto;
    }

    /*CPL-page-END*/

    /*Home-Default-Slide*/
    .top_main,
    .home_slider .item {
        min-height: 570px;
    }

    .defaultslide .inner {
        padding-top: 0;
    }

    .defaultslide .caption {
        min-height: 460px;
        padding-top: 70px;
    }

    .defaultslide .inner {
        padding-left: 46%;
    }

    .pointsystem_slide .head_text {
        max-width: 310px;
    }

    .pointsystem_slide .pointlist {
        padding-left: 15px;
    }

    .pointsystem_slide .pointlist li span {
        width: 55px;
    }

    .pointsystem_slide .pointlist li p strong {
        font-size: 25px;
    }

    .pointsystem_slide p {
        font-size: 18px;
        line-height: 28px;
    }

    .pointsystem_slide .pointlist li {
        padding-left: 65px;
        min-height: 70px;
    }

    .diffrentwith_slide .textblock {
        padding-top: 0px;
        padding-left: 20px;
    }

    .diffrentwith_slide .shewag_pic {
        width: 315px;
    }

    .diffrentwith_slide .textblock {
        width: calc(100% - 315px);
    }

    .diffrentwith_slide ul {
        padding-left: 0px;
    }

    .yellow_bar #slideLeft,
    .yellow_bar #slideRight {
        display: none;
    }

    /*Banner-offer-Slide*/
    .topoffer_slide .left_text {
        width: calc(100% - 267px);
    }

    .topoffer_slide .rightimg {
        width: 267px;
    }

    .topoffer_slide .head {
        font-size: 32px;
        line-height: 35px;
    }

    /* .topoffer_slide .leftimage { -webkit-transform: perspective(300px) rotateY(6deg) scaleX(1.12);
    -moz-transform: perspective(300px) rotateY(6deg) scaleX(1.12); }
    .topoffer_slide .rightimage { -webkit-transform: perspective(300px) rotateY(-6deg) scaleX(1.12);
    -moz-transform: perspective(300px) rotateY(-6deg) scaleX(1.12);} */

}

@media (max-width:767px) {
    .container {
        max-width: 100%;
    }

    .top_section {
        min-height: 600px;
        max-height: 600px;
    }

    .banner_style01 h1,
    .banner_style01 p {
        text-align: center;
    }



    .banner_caption h1 img {
        max-width: 300px;
    }

    .image_block img {
        max-height: 250px;
    }

    .sehwag_vector {
        right: auto;
        text-align: center;
        left: 50%;
        width: 63%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        height: 73%;
        bottom: 88px;
    }

    .banner_caption {
        margin: 0px auto;
        text-align: center;
        position: absolute;
        width: 100%;
        z-index: 1;
        bottom: 20px;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }

    .yellow_bar ul li svg {
        width: 90px;
    }

    .match_listing .tab-content {
        padding: 40px 0px 20px;
        min-height: 0px;
    }

    .upcoming_match .left_column {
        padding: 15px 15px;
    }

    .upcomin_outer:before {
        left: -15px;
        width: calc(100% + 30px);
    }

    .upcoming_match .left_column h3 {
        width: 100%;
    }

    .upcoming_match .left_column .time_left {
        width: 100%;
        text-align: left;
    }

    .howto_play .heading img {
        max-height: 30px;
    }

    .play_screen {
        max-width: 150px;
        margin: 0px auto;
        border-radius: 14px;
    }

    .howtoplay {
        width: 100%;
        padding-top: 20px;
        text-align: center;
        padding-left: 0;
    }

    .howplay_slide .owl-dots,
    .testimonial .owl-dots {
        position: static;
        text-align: center;
    }

    .two_btns {
        position: static;
        text-align: center;
        margin: 20px auto 40px;
    }

    .download_and_get {
        padding: 30px 15px 20px;
        margin-bottom: 30px;
    }

    .download_and_play {
        margin-left: 0px;
    }

    .speciality ul {
        flex-wrap: wrap;
        padding: 0px;
        margin-bottom: 40px;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center !important;
        -webkit-justify-content: center !important;
        justify-content: center !important;
    }

    .speciality ul li {
        width: 25%;
        padding: 10px 10px;
    }

    .download_link {
        padding: 50px 20px;
        margin: 0px auto;
    }

    .download_link h2 {
        font-size: 35px;
    }

    .download_link h2 span {
        font-size: 22px;
    }

    .get_app_link input,
    .get_app_link .get_btn {
        height: 55px;
        font-size: 18px;
    }

    .get_app_link input {
        padding: 0px 165px 0px 15px;
    }

    .download_btns a:first-child {
        margin: 0px 15px;
    }

    .download_btns img {
        max-width: 180px;
    }

    .winners_say h2 {
        font-size: 35px;
    }

    .winners_text .thumb {
        margin: 0px auto;
        display: block;
    }

    .winners_text .disc {
        width: 100%;
        padding: 0px;
        text-align: center;
    }

    .winners_text {
        margin: 0px auto;
    }

    .testimonial {
        padding: 0px 15px 30px;
    }

    .bottom_offer {
        padding: 50px 15px;
    }

    .copyright_bar,
    .copyright_bar .text-right {
        text-align: center !important;
    }

    .copyright_bar {
        padding: 20px 0px;
        margin-top: 30px;
    }

    .footer_sec .footer_cloumn1,
    .footer_sec .footer_cloumn2 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .footer_sec .footer_cloumn1 {
        text-align: center;
    }

    .menu_wrap {
        max-width: 350px;
    }

    .login_btns {
        padding-right: 60px;
    }

    .login_btns .btn {
        min-width: 110px;
    }

    .download_app a {
        margin: 0px 5px;
    }

    .primari_menu {
        height: calc(100% - 165px);
    }

    .point_system_bar p {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }

    .point_system_bar p .btn {
        margin-top: 20px;
    }

    .introduction {
        padding: 40px 0px;
    }

    .howtoplay_intro ul li,
    .howtoplay_intro ul li:nth-child(even) {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-box-direction: reverse;
        -moz-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .howtoplay_intro ul li .text {
        min-height: 0px;
    }

    .howtoplay_intro ul li .image {
        width: 100%;
    }

    .howtoplay_intro p {
        width: 100%;
    }

    .howtoplay_intro ul li .text,
    .howtoplay_intro ul li:nth-child(even) .text {
        padding: 15px 20px;
        text-align: center;
        width: 100%;
        margin: 0px auto;
    }

    .howtoplay_intro ul li .text:before,
    .howtoplay_intro ul li:nth-child(even) .text:before {
        margin: 0px auto;
        position: static;
        margin-bottom: 15px;
    }

    .become_winner {
        padding: 30px 0px;
    }

    .winner_img {
        max-width: 280px;
        margin: 0px auto;
        display: block;
    }

    .banner_style01:before {
        width: 180px;
    }

    .modal-content .modal-title {
        font-size: 22px;
    }

    .modal-content h4 {
        font-size: 18px;
        line-height: normal;
    }

    .modal-content h5 {
        font-size: 16px;
    }

    .img_tab {
        max-width: 50px;
        min-width: 50px;
    }

    .modal-content .table-responsive>.table {
        min-width: 350px;
    }

    .modal-content .table td,
    .modal-content .table th {
        padding: 10px;
        font-size: 15px;
    }

    /*Account Balance*/
    .banner_style01.medium_height_banner .row {
        min-height: 200px;
    }

    .balance_section .full_column img {
        max-width: 300px;
        margin: 0px auto 15px;
    }

    .balance_section .full_column p {
        font-size: 18px;
        line-height: 28px;
    }

    .balance_intro .image {
        width: 100%;
        border-radius: 0px;
    }

    ul.balance_intro li {
        margin-bottom: 60px;
    }

    ul.balance_intro li:nth-child(even) .image {
        border-radius: 0px;
    }

    .balance_intro .text_block {
        width: 100%;
        border-radius: 0px;
        min-height: 0px;
        margin: 0px 20px;
        text-align: center;
    }

    .balance_intro .text_block img {
        margin: 0px auto 10px;
        display: block;
    }

    .total_bal img {
        max-width: 100%;
    }

    .balance_intro .image img {
        margin-top: -30px;
    }

    /*Contact*/
    .contact_sec {
        padding: 35px 0px;
    }

    .contact_option li {
        margin-bottom: 20px;
    }

    /*fair-play*/
    .fair_play_cat ul li {
        margin: 0px;
        min-width: 0px;
        padding: 5px;
    }

    .fair_play_cat ul li a {
        position: relative;
        text-align: center;
        overflow: hidden;
    }

    .fair_play_cat ul li a:before {
        background: #0448C1;
        opacity: 0.3;
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        content: "";
    }

    .fair_play_cat ul li span.image {
        width: 100%;
        margin: 0px auto;
    }

    .fair_play_cat ul li span.text {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
        z-index: 1;
        font-size: 12px;
    }

    .fair_play_cat ul li.active a:before,
    .fair_play_cat ul li:hover a:before {
        background: #FF8F00;
    }

    .fair_text .image_block {
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }

    .fair_text li:nth-child(even) .text,
    .fair_text .text {
        text-align: center;
        padding: 0px;
        width: 100%;
    }

    .captain_view {
        margin-bottom: 10px;
        padding-top: 0px;
    }

    .captain_view .col-md-6 {
        margin: 15px auto;
    }

    .about_top {
        padding-bottom: 20px;
    }

    .about_top img {
        max-width: 280px;
        margin: 0px auto 15px;
        display: block;
    }

    .about_blocks {
        margin: 0px auto;
    }

    .about_blocks li {
        width: 100%;
        max-width: 400px;
        text-align: center;
        margin: 15px auto;
    }

    .about_blocks li:first-child {
        margin-left: auto;
    }

    .vision_mission {
        background: none;
        padding-bottom: 0px;
    }

    .mobile_show {
        display: block;
    }

    .mobile_show img,
    .about_info .col-md-5 img {
        max-width: 450px;
        margin: 0px auto;
        display: block;
    }

    .info_list {
        padding-bottom: 0px;
    }

    .owner_sec {
        flex-wrap: wrap;
    }

    .owner_sec>div {
        width: 100%;
    }

    .owner_sec .disc {
        padding: 25px 15px;
    }

    .owner_sec .disc .inside {
        max-width: 100%;
    }

    .succes_sec {
        padding: 40px 0px;
    }

    .succes_person li {
        width: 31.3%;
    }

    .succes_person li:nth-child(4n+1) {
        margin-left: 3%;
    }

    .succes_person li:nth-child(3n+1) {
        margin-left: 0px;
    }

    /*App_download_page*/
    .device_image img {
        max-width: 250px;
        margin: 0px auto;
        display: block;
    }

    .download_banner .caption {
        text-align: center;
        padding-bottom: 40px;
    }

    .download_banner .help_form,
    .download_banner .download_app {
        margin: 0px auto 20px;
    }

    .app_speciality p strong {
        font-size: 28px;
    }

    .app_speciality p {
        font-size: 14px;
    }

    .app_speciality .box {
        padding: 15px;
    }

    .app_speciality {
        margin-top: 20px;
        padding: 30px 0px;
    }

    .android_screen_slide .andi_scn_sot h5 {
        font-size: 16px;
    }

    .android_screen_slide .andi_scn_sot p {
        font-size: 13px;
    }

    .vector {
        text-align: center;
    }

    .here_fans ul {
        flex-wrap: wrap;
    }

    .here_fans ul li {
        width: 100%;
        margin-bottom: 20px;
    }

    .here_fans ul li:last-of-type {
        margin-bottom: 0px;
    }

    .vision_mission .row {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-box-direction: reverse;
        -moz-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .btn_group_top a {
        padding: 7px 10px;
        font-size: 15px;
    }

    .carousel-indicators.carousel-dots {
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto !important;
        display: block !important;
        width: 130px;
    }

    .app_info .col-md-3.vector {
        max-width: 280px;
        margin: 0px auto;
    }


    .points_system h2 {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .how_play_category {
        margin-bottom: 10px;
    }

    .captain_view {
        padding-bottom: 10px;
    }

    .captain_view .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .captain_box p {
        font-size: 13px;
        line-height: 22px;
    }

    .points_system {
        padding: 20px 0px;
    }

    .how_play_category ul {
        margin-bottom: 0px;
    }

    .captain_view .captain_box {
        padding: 10px;
        height: 100%;
    }

    .captain_view .col-md-6:first-child {
        padding-right: 7px;
    }

    .captain_view .col-md-6+.col-md-6 {
        padding-left: 7px;
    }

    .captain_view .captain_box img {
        max-width: 75px;
    }

    .table td,
    .table th {
        padding: 2px 5px;
    }

    .points_block h4 {
        margin-bottom: 15px;
    }

    .table-bordered td,
    .table-bordered th {
        font-size: 12px !important;
        line-height: normal;
    }

    .points_block h4 span {
        font-size: 13px !important;
        padding: 8px 10px;
        min-width: 150px !important;
    }

    body,
    p {
        font-size: 14px;
        line-height: 24px;
    }

    p {
        margin-bottom: 10px;
    }

    .points_block {
        margin-bottom: 5px !important;
    }

    .cricket-points ul,
    .football-points ul,
    .kabaddi-points ul,
    .basketball-points ul,
    .volleyball-points ul {
        padding-left: 20px;
    }

    .yellow_bar ul li .nav-link.active:before {
        display: none;
    }

    .refer-winner {
        padding: 0px 15px;
    }

    .yellow_bar .container {
        padding: 0px;
    }

    .yellow_bar ul li.nav-item {
        min-width: 140px;
    }

    /*Home-Slider*/
    .btns .img-btn,
    .btns .img-btn:last-child {
        margin: 5px;
    }

    .caption .slide_left {
        width: 250px;
    }

    .caption .slide_right {
        width: calc(100% - 250px);
        padding-left: 10px;
    }

    .caption .slide_right h1 {
        font-size: 26px;
        line-height: 32px;
    }

    .item .speciality .col img {
        height: 50px;
    }

    .home_slider .download_and_play a {
        font-size: 14px;
        padding: 5px 15px 5px 5px;
    }

    .home_slider .download_and_play img {
        width: 30px;
    }

    .home_slider .download_and_play {
        margin-top: 15px !important;
    }

    .caption .slide_right p {
        font-size: 16px;
    }

    .top_main.owl-carousel .owl-nav .owl-prev,
    .top_main.owl-carousel .owl-nav .owl-next {
        display: none;
    }

    /*Home-Slider-END*/

    /*point-system-baseball*/
    .two_column .column {
        width: 100%;
    }

    .two_column .column.first,
    .two_column.direction .column.first {
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 15px;
    }

    /*point-system-baseball-END*/

    /*Fantasy-page*/
    .tournament_list .matchlist li,
    .tournament_list .matchlist li:nth-child(3n+1) {
        width: 49%;
        margin-left: 2%;
        margin-bottom: 2%;
    }

    .tournament_list .matchlist li:nth-child(2n+1) {
        margin-left: 0px;
    }

    .faq_sec {
        padding: 30px 0px 20px;
    }

    .fblog_list {
        margin-bottom: 0px;
    }

    .top_section.fantasy_banner {
        min-height: 280px;
    }

    .fantasy_top p,
    .fantasy_blog>p {
        font-size: 14px;
        line-height: 22px;
    }

    .faq_sec ul li h4,
    .fantasy_top p.heading3 {
        font-size: 18px;
    }

    /*Fantasy-page-END*/

    /*CPL-page*/
    .top_section.cpl_banner {
        min-height: 310px;
    }

    .top_section.cpl_banner .row img {
        max-width: 400px;
    }

    .cpl-team ul li,
    .key_player ul li,
    .cpl-team ul li:nth-child(3n+1),
    .key_player ul li:nth-child(3n+1) {
        width: 48.5%;
        margin-left: 3%;
        margin-bottom: 3%;
    }

    .cpl-team ul li:nth-child(2n+1),
    .key_player ul li:nth-child(2n+1) {
        margin-left: 0px;
    }

    .key_player,
    .cplwrap .faq_sec {
        padding: 50px 0px 30px;
    }

    .cpl_top {
        padding: 40px 0px 30px;
    }

    .cplwrap .faq_sec ul li h4 {
        font-size: 16px;
    }

    .cplwrap .faq_sec ul li p {
        font-size: 14px;
    }

    /*CPL-page-END*/

    /*IPL-slide*/
    .iplslide01 h1 {
        font-size: 55px;
        line-height: 50px;
    }

    .iplslide01 .heading02 {
        font-size: 45px;
        line-height: 45px;
    }

    .home_slider .iplslide01 .inner>img {
        max-width: 600px;
    }

    .iplslide01 .apniapp {
        max-width: 350px;
        margin-top: 5px;
    }

    /*IPL-slide-END*/

    .btngroup .desktop-btn {
        display: none;
    }

    .btngroup .download_btn img {
        max-height: 48px;
    }

    .btngroup {
        margin-top: 15px;
    }

    .btngroup .play_btn {
        font-size: 16px;
        padding: 4px 20px 4px 15px;
        display: flex;
        align-items: center;
        white-space: nowrap;
    }

    .btngroup .play_btn span {
        width: 22px;
        margin-right: 5px;
    }

    .download_sticky .btngroup {
        margin-top: 0px;
    }

    .download_sticky {
        max-width: 400px;
        padding: 5px;
    }

    .download_sticky .text {
        font-size: 12px;
    }

    /*Home-Default-Slide*/
    .defaultslide .caption {
        min-height: 640px;
        padding-top: 0px;
        padding-bottom: 30px;
    }

    .defaultslide .shewag_pic {
        max-width: 390px;
        position: static;
        margin: 0px auto;
    }

    .defaultslide .device_screen {
        right: 15%;
    }

    .defaultslide .inner {
        padding-left: 0px;
        margin-top: -50px;
    }

    .defaultslide .sports li:before {
        top: 9px;
    }

    .pointsystem_slide .caption {
        flex-wrap: wrap;
    }

    .pointsystem_slide .rightimg {
        width: 100%;
        max-width: 250px;
        padding-top: 0px;
        padding-bottom: 8px;
        margin: 0px auto;
    }

    .pointsystem_slide .left_text {
        width: 100%;
    }

    pointsystem_slide .head_text {
        max-width: 250px;
    }

    .pointsystem_slide p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .pointsystem_slide .pointlist {
        max-width: 360px;
    }

    .pointsystem_slide .pointlist li {
        margin-bottom: 0px;
    }

    .pointsystem_slide .pointlist li p strong {
        font-size: 22px;
        margin-bottom: 0px;
    }

    .diffrentwith_slide .caption {
        flex-wrap: wrap;
        padding-bottom: 20px;
    }

    .diffrentwith_slide .shewag_pic {
        position: static;
        margin: 0px auto;
        max-width: 212px;
    }

    .diffrentwith_slide .textblock {
        width: 100%;
        padding: 0px 15px;
    }

    .diffrentwith_slide .headblock {
        max-width: 550px;
        margin: 0px auto 15px;
    }

    .diffrentwith_slide ul {
        max-width: 450px;
        margin: 0px auto;
    }

    .diffrentwith_slide ul li span {
        width: 45px;
    }

    .diffrentwith_slide ul li {
        min-height: 50px;
        padding-left: 55px;
        margin-bottom: 10px;
    }

    .diffrentwith_slide ul li:before {
        left: 55px;
        width: calc(100% - 55px);
    }

    .diffrentwith_slide ul li p {
        font-size: 20px;
        line-height: 28px;
    }

    /*Banner-offer-Slide*/
    .topoffer_slide .caption {
        min-height: 640px;
    }

    .topoffer_slide .left_text {
        width: 100%;
        padding-top: 0px;
    }

    .topoffer_slide .rightimg {
        display: none;
    }

    .topoffer_slide .offer_column a {
        padding: 4px 10px;
    }

    .topoffer_slide .leftimage,
    .topoffer_slide .rightimage {
        width: 100%;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        /* max-width: 400px; */
        margin: 0px auto;
    }

    .topoffer_slide .leftimage,
    .topoffer_slide .rightimage {
        display: flex;
    }

    .topoffer_slide .leftimage a,
    .topoffer_slide .rightimage a {
        width: 50%;
    }

    .card {
        border-radius: 4px;
    }

    .top_section.banner_style01 {
        min-height: 360px;
    }

    .card-header a {
        padding: 15px 50px 15px 15px;
        font-size: 16px;
    }

    .card-header a[aria-expanded="false"]:after {
        top: 15px;
    }

    .card-header a:after {
        top: 23px;
        width: 12px;
        height: 12px;
    }

    .card-body {
        padding: 15px;
    }

    .card-body li,
    .card-body p {
        line-height: 22px;
    }
}

@media (max-width:640px) {

    /*Home-Slider*/
    .top_main {
        min-height: 540px;
    }

    .home_slider .item .caption {
        min-height: 574px;
    }

    .caption .slide_left {
        width: 235px;
        margin: 0px auto;
    }

    .caption .slide_right {
        width: 100%;
        text-align: center;
        max-width: 380px;
        margin: 0px auto;
    }

    .pointsystem_slide .left_text {
        padding: 0px 10px;
    }

    .pointsystem_slide .head_text {
        max-width: 200px;
        margin: 0px auto;
    }

    .pointsystem_slide .pointlist li {
        min-height: 65px;
    }

    .pointsystem_slide .rightimg,
    .pointsystem_slide p br {
        display: none;
    }

    .pointsystem_slide .caption {
        padding-bottom: 50px;
    }

    .pointsystem_slide .pointlist {
        padding: 0px;
    }

    .diffrentwith_slide .shewag_pic {
        display: none;
    }

    .diffrentwith_slide .caption {
        align-items: center;
        -webkit-align-items: center;
    }

    .diffrentwith_slide ul li {
        margin-bottom: 25px;
    }

    .diffrentwith_slide ul li:before {
        bottom: -10px;
    }

    /*Home-Slider-END*/

    /*IPL-slide*/
    .iplslide01 h1 {
        font-size: 45px;
        line-height: 40px;
    }

    .iplslide01 .heading02 {
        font-size: 40px;
        line-height: 40px;
    }

    .iplslide01 p.date {
        font-size: 16px;
    }

    .home_slider .iplslide01 .inner>img {
        max-width: 480px;
    }

    .iplslide01 .apniapp {
        max-width: 300px;
        margin-top: 5px;
    }

    .iplslide02 .caption .slide_left,
    .iplslide02 .caption .slide_right {
        width: 100%;
        margin: 0px auto;
    }

    .iplslide02:before {
        transform: none;
        -webkit-transform: none;
        width: 100%;
        height: calc(50% + 20px);
        left: 0px;
    }

    .iplslide02 .slide_left img {
        max-width: 270px;
    }

    .iplslide02 .slide_right .heading02 span {
        font-size: 28px;
    }

    .iplslide02 .slide_left .heading02 {
        font-size: 25px;
    }

    .iplslide02 .slide_right .heading03 {
        margin-bottom: 0px;
    }

    .iplslide02 .slide_left .goldimg {
        margin-bottom: 0px;
    }

    .iplslide02 .slide_right .heading02,
    .iplslide02 .slide_right .heading03 {
        margin-bottom: 10px;
        font-size: 20px;
        line-height: normal;
    }

    .iplslide02 .slide_right img {
        max-width: 270px;
    }

    .iplslide02 .slide_right .leaderboardimg {
        margin-bottom: 10px;
    }

    .pointsystem_slide .pointlist li p strong {
        font-size: 20px;
    }

    /*IPL-slide-END*/
}

@media (max-width:575px) {
    .header_sec .col-md-4 {
        width: 75%;
    }

    .header_sec .col-md-8 {
        width: 25%;
    }

    .bottom_offer .col-md-8 {
        max-width: 420px;
        padding: 30px 20px;
    }

    .mobile_frame img {
        max-width: 385px;
    }

    .bottom_offer h2 {
        font-size: 20px;
    }

    .bottom_offer .text_box h2 span {
        font-size: 30px;
    }

    .mobile_frame {
        top: 25px;
        right: 16px;
    }

    .info_list li span.icon {
        height: 60px;
        display: inline-block;
    }

    .info_list li span.icon img {
        width: auto;
        height: 100%;
    }

    .info_list li span.text {
        font-size: 14px;
    }

    .info_list li span.text strong {
        font-size: 25px;
    }

    .app_speciality {
        flex-wrap: wrap;
    }

    .app_speciality .box {
        width: 100%;
        margin-bottom: 25px;
    }

    .app_speciality .box.blue {
        transform: scale(1);
        -webkit-transform: scale(1);
    }

    .app_link a {
        margin: 10px;
        display: inline-block;
    }

    .social_links li {
        margin-right: 7px;
    }

    .information table,
    .information table tbody,
    .information tr {
        display: block;
        width: 100%;
    }

    .information table td,
    .information table td:nth-child(3) {
        display: block;
        width: 100%;
        padding: 10px 0px;
    }

    .how_play_category ul li {
        min-width: 75px;
    }

    .how_play_category ul li span.text {
        color: #000;
        font-weight: 500;
    }

    .why_fantasy_sec ul.list li,
    .why_fantasy_sec ul.list li:nth-child(3n+1) {
        width: 100%;
        margin-left: 0%;
    }

    /*Home-Default-Slide*/
    .defaultslide .shewag_pic {
        left: 0%;
    }

    .defaultslide .device_screen {
        right: 0%;
    }

    /*Banner-offer-Slide*/
    .topoffer_slide .head {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 15px;
    }
}

@media (max-width:479px) {
    .top_section {
        padding-top: 100px;
    }

    .sehwag_vector img {
        height: auto;
    }

    .yellow_bar .container {
        padding: 0px;
    }

    .yellow_bar ul li .nav-link {
        padding: 10px 5px;
    }

    .yellow_bar ul li .nav-link.active:before {
        border-top-width: 10px;
        border-left-width: 10px;
        border-right-width: 10px;
    }

    .banner_caption h1 {
        padding: 20px 15px;
    }

    .header_sec {
        padding: 10px 15px;
    }

    .header_sec .col-md-8 {
        padding-right: 0px;
    }

    .header_sec .col-md-4 {
        padding-left: 0px;
    }

    .header_sec .row {
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .download_and_play a,
    .two_btns a {
        padding: 6px 14px 5px 5px;
        font-size: 13px;
    }

    .download_and_play a.download_btn,
    .two_btns a.download_btn {
        margin-right: 5px;
    }

    .download_and_play img {
        height: 25px;
    }

    .two_btns img {
        width: 25px;
    }

    .top_section {
        min-height: 520px;
        max-height: 520px;
    }

    .sehwag_vector {
        width: 250px;
        bottom: 78px;
        height: auto;
    }

    .play_match {
        font-size: 12px;
        padding: 5px 10px;
        white-space: nowrap;
    }

    .upcoming_match .right_btn {
        width: 130px;
    }

    .upcoming_match .left_column {
        width: calc(100% - 130px);
    }

    .upcoming_match .left_column h3 {
        font-size: 15px;
    }

    .upcoming_match .left_column .time_left,
    .upcoming_match .left_column h3 span {
        font-size: 11px;
    }

    .upcoming_match {
        max-height: 350px;
        min-height: 350px;
    }

    .more_btn img {
        max-height: 42px;
    }

    .howto_play .heading {
        margin-bottom: 30px;
    }

    .howto_play .heading img {
        max-height: 23px;
    }

    .howtoplay h2 {
        font-size: 26px;
    }

    .howtoplay h2 span {
        font-size: 20px;
    }

    .howtoplay p {
        max-height: none;
        min-height: 200px;
    }

    .speciality ul li {
        width: 50%;
    }

    .download_link h2 {
        font-size: 29px;
    }

    .download_link h2 span {
        font-size: 20px;
    }

    .get_app_link input {
        padding: 0px 15px;
    }

    .get_app_link input,
    .get_app_link .get_btn {
        font-size: 16px;
    }

    .get_app_link .get_btn {
        position: static;
        width: 100%;
    }

    .download_btns img {
        max-width: 200px;
        margin: 10px auto;
    }

    .winners_say h2 {
        font-size: 30px;
        padding: 0px 15px;
    }

    .mobile_frame {
        top: 17px;
        right: 15px;
    }

    .offer_slider .owl-stage-outer {
        border-radius: 20px;
    }

    .mobile_frame img {
        max-width: 270px;
    }

    .bottom_slider img {
        border-radius: 15px;
    }

    .bottom_offer .col-md-8 {
        max-width: 300px;
        padding: 20px 15px;
    }

    .bottom_slider .owl-dot span {
        width: 8px;
        height: 8px;
    }

    .howtoplay_intro ul li {
        margin-bottom: 20px;
    }

    .intro_feature li {
        width: 49%;
    }

    .how_play_category ul li {
        width: 70px;
        min-width: 0px;
    }

    .how_play_category ul li span.text {
        font-size: 12px;
    }

    .about_blocks li {
        padding: 15px;
    }

    .info_list li span.icon {
        display: block;
        margin: 0px auto 10px;
    }

    .info_list li {
        flex-wrap: wrap;
        padding: 15px;
    }

    .info_list li span.text {
        text-align: center;
        width: 100%;
    }

    .succes_person li,
    .succes_person li:nth-child(3n+1) {
        width: 48%;
        margin-left: 4%;
        margin-bottom: 4%;
    }

    .succes_person li:nth-child(2n+1) {
        margin-left: 0px;
    }

    .mobile_show img,
    .about_info .col-md-5 img {
        max-width: 100%;
    }

    .video_frame iframe {
        width: 100%;
        height: 350px;
    }

    .here_fans ul li {
        padding: 0px;
    }

    .download_banner p.small {
        line-height: normal;
        font-size: 11px;
    }

    .download_banner h1 {
        font-size: 25px;
    }

    .android_screen_slide .andi_scn_sot p {
        margin: 5px auto 5px -25px;
        width: 250px;
    }

    .vector img {
        max-width: 200px;
        margin: 0px auto;
    }

    .android_screen_slide .andi_scn_sot {
        padding: 70px 0px;
    }

    .yellow_bar ul li.nav-item {
        min-width: 120px;
    }

    .footer_sec .footer_cloumn3,
    .footer_sec .footer_cloumn4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    /*Fantasy-page*/
    .top_section.fantasy_banner {
        min-height: 300px;
        background-position: right 20% center;
    }

    .tournament_list .matchlist {
        max-width: 310px;
    }

    .tournament_list .matchlist li,
    .tournament_list .matchlist li:nth-child(3n+1) {
        width: 100%;
        margin-left: 0px;
        margin-bottom: 10px;
    }

    .fblog_list .post_dic {
        padding: 10px;
    }

    /*Fantasy-page-END*/

    /*CPL-page*/
    .top_section.cpl_banner {
        min-height: 260px;
    }

    .top_section.cpl_banner .row img {
        max-width: 280px;
    }

    .cpl-team ul li,
    .key_player ul li,
    .cpl-team ul li:nth-child(3n+1),
    .key_player ul li:nth-child(3n+1) {
        width: 100%;
        margin-left: 0px;
        margin-bottom: 15px;
        border-radius: 10px;
    }

    /*CPL-page-END*/

    /*IPL-slide*/
    .iplslide01 h1 {
        font-size: 32px;
        line-height: 35px;
        max-width: 340px;
        margin: 0px auto;
    }

    .iplslide01 .heading02 {
        font-size: 28px;
        line-height: 28px;
        max-width: 340px;
        margin: 0px auto;
        bottom: 0px;
    }

    .iplslide01 p.date {
        font-size: 14px;
    }

    .home_slider .iplslide01 .inner>img {
        max-width: 100%;
    }

    .iplslide01 .apniapp {
        max-width: 280px;
        margin-top: 5px;
    }

    /*IPL-slide-END*/

    /*Home-Default-Slide*/

    .defaultslide .caption {
        min-height: 675px;
    }

    defaultslide .inner h1 {
        font-size: 30px;
        line-height: 40px;
    }

    .defaultslide .inner h1 span {
        font-size: 38px;
    }

    .defaultslide .inner h1 span.large {
        font-size: 44px;
        line-height: 50px;
    }

    .defaultslide .sports {
        padding: 0px 5px;
    }

    .defaultslide .sports li {
        font-size: 12px;
        margin: 0px 3px;
    }

    .defaultslide .sports li:before {
        width: 4px;
        height: 4px;
        left: 3px;
        top: 10px;
    }

}

@media (max-width:399px) {
    h1 {
        font-size: 22px;
    }

    h2 {
        font-size: 28px;
    }

    h3 {
        font-size: 23px;
    }

    .footer_sec .footer_cloumn3,
    .footer_sec .footer_cloumn4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .copyright_bar {
        margin-top: 10px;
    }

    .footer_sec p.number,
    .footer_sec p.email {
        font-size: 20px;
    }

    .how_play_category ul li span.text {
        font-size: 11px;
        color: #000;
    }

    .contact_option li {
        padding: 15px;
        text-align: center;
    }

    .contact_option li .icon {
        position: static;
        margin: 0px auto 15px;
        display: block;
        transform: none;
    }

    .help_form input {
        padding-right: 15px;
    }

    .help_form button {
        position: static;
    }

    .defaultslide .caption {
        min-height: 675px;
    }

    defaultslide .inner h1 {
        font-size: 30px;
        line-height: 40px;
    }

    .defaultslide .inner h1 span {
        font-size: 38px;
    }

    .defaultslide .inner h1 span.large {
        font-size: 44px;
        line-height: 50px;
    }

    .defaultslide .sports {
        padding: 0px 5px;
    }

    .defaultslide .sports li {
        font-size: 12px;
        margin: 0px 3px;
    }

    .defaultslide .sports li:before {
        width: 4px;
        height: 4px;
        left: 3px;
        top: 10px;
    }

}

@media (max-width:399px) {
    h1 {
        font-size: 32px;
    }

    h2 {
        font-size: 28px;
    }

    h3 {
        font-size: 23px;
    }

    .footer_sec .footer_cloumn3,
    .footer_sec .footer_cloumn4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .copyright_bar {
        margin-top: 10px;
    }

    .footer_sec p.number,
    .footer_sec p.email {
        font-size: 20px;
    }

    .how_play_category ul li span.text {
        font-size: 11px;
        color: #000;
    }

    .contact_option li {
        padding: 15px;
        text-align: center;
    }

    .contact_option li .icon {
        position: static;
        margin: 0px auto 15px;
        display: block;
        transform: none;
    }

    .help_form input {
        padding-right: 15px;
    }

    .help_form button {
        position: static;
        margin-top: 15px;
        width: 100%;
    }

    .download_banner h1 {
        font-size: 23px;
    }

    .video_frame iframe {
        height: 250px;
    }

    .howto_download {
        margin-bottom: 0px;
    }

    .modal-body {
        padding: 9px;
    }

    .modal-content .table th {
        font-size: 13px;
    }

    .modal-content .table-responsive {
        overflow: hidden;
    }

    .modal-content .table-responsive>.table {
        min-width: 0px;
    }

    .modal-dialog {
        margin: 30px 10px;
    }

    .modal-content .img_tab img {
        display: none;
    }

    .modal-content .table td.text-left:before {
        content: attr(title);
        font-size: 14px;
    }

    .modal-content .table td.text-left {
        font-size: 0px !important;
    }

    .captain_view .captain_box {
        padding: 7px;
    }

    .captain_box p {
        line-height: 20px;
    }

    /*Fantasy-page*/
    .top_section.fantasy_banner {
        background-position: right 24% center;
    }

    /*Fantasy-page-END*/

    /*IPL-slide*/
    .iplslide02 .slide_left .heading02 {
        font-size: 22px;
    }

    .iplslide02 .slide_left .heading03 {
        font-size: 18px;
    }

    .iplslide02 .slide_right .heading02,
    .iplslide02 .slide_right .heading03 {
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 20px;
    }

    .iplslide02 .slide_right .heading02 span {
        font-size: 24px;
    }

    /*IPL-slide-END*/

    /*Home-Default-Slide*/
    .defaultslide .caption {
        min-height: 640px;
    }

    .home_slider .item .caption {
        min-height: 505px;
    }

    .diffrentwith_slide ul li p {
        font-size: 18px;
        line-height: 26px;
    }

    .defaultslide .shewag_pic {
        max-width: 340px;
    }

    .topoffer_slide .head {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 10px;
    }

    .topoffer_slide .leftimage,
    .topoffer_slide .rightimage {
        max-width: 350px;
    }
}

@media (max-width:359px) {
    .menu_wrap {
        max-width: 300px;
    }

    .login_btns {
        padding-left: 15px;
    }

    .login_btns .btn {
        min-width: 100px;
        margin-right: 5px;
        font-size: 14px;
    }

    .primari_menu ul li a {
        padding: 12px 15px;
    }

    .primari_menu {
        height: calc(100% - 155px);
    }

    .mobile_frame img {
        max-width: 260px;
    }

    .footer_sec p,
    .footer_menu li a {
        font-size: 12px;
    }

    .footer_menu li a {
        padding: 2px 0px;
    }

    .footer_menu li:nth-child(2n) {
        padding-left: 5px;
    }

    .intro_feature li {
        width: 100%;
    }

    .start_playing {
        width: 250px;
    }

    .balance_intro .text_block {
        margin: 0px 15px;
        padding: 20px 15px;
    }

    .points_block h4 span {
        min-width: 170px;
        font-size: 20px;
    }

    .points_block {
        margin-bottom: 25px;
    }

    .table-bordered td,
    .table-bordered th {
        font-size: 14px;
    }

    .yellow_bar ul li.nav-item {
        min-width: 80px;
    }

    .yellow_bar ul li svg {
        width: 100%;
    }

    .how_play_category ul li {
        width: 65px;
    }

    .how_play_category ul li a {
        padding: 5px 7px;
    }

    /*Home-Slider*/
    .caption .slide_right h1 {
        font-size: 23px;
        line-height: 30px;
        margin-bottom: 5px;
    }

    .caption .slide_right p {
        font-size: 14px;
    }

    .item .speciality {
        padding-top: 10px;
    }

    .item .speciality .col {
        padding: 0px 5px;
    }

    .item .speciality .col p {
        font-size: 12px;
        margin-bottom: 5px;
    }

    .download_and_play span {
        margin-right: 0px;
    }

    .home_slider .download_and_play a.download_btn {
        margin-right: 5px;
    }

    .iplslide01 h1 {
        font-size: 29px;
        line-height: 30px;
    }

    .iplslide01 .heading02 {
        font-size: 24px;
        line-height: 20px;
    }

    /*Home-Slider-END*/

    /*Fantasy-page*/
    .top_section.fantasy_banner {
        background-position: right 26% center;
    }

    /*Fantasy-page-END*/

    .btngroup .play_btn {
        font-size: 15px;
        padding: 1px 15px 1px 12px;
    }

    .btngroup .download_btn img {
        max-height: 42px;
    }

    .download_sticky .text {
        font-size: 10px;
        padding-top: 0px;
    }

    /*Home-Default-Slide*/
    .defaultslide .caption {
        min-height: 620px;
    }
}

/******24-07-2019******/
.smallp-vs {
    text-transform: lowercase;
    display: inline-block;
    font-size: 100%;
    font-weight: bold;
    margin: 0px 3px;
}

.get_app_link p.error {
    color: #fff;
    position: absolute;
    left: 0;
    top: 100%;
}

/*IPL2020-page*/
.ipl_topslider {
    position: relative;
    overflow: hidden;
}

.ipltop_slider .item {
    min-height: 800px;
    background-size: cover;
    background-position: center center;
    position: relative;
    padding: 100px 15px 20px;
}

.ipltop_slider .slide01 .caption {
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 100%;
    padding: 0px 15px;
    text-align: center;
    z-index: 1;
}

/*.ipltop_slider .slide01 img { max-width: 1400px; left: 50%; position: absolute; bottom: 150px; transform: translateX(-50%); z-index: -1; }*/
.ipltop_slider .slide01 img {
    max-width: 930px;
    margin: 0px auto;
}

.insideslide {
    margin-top: -50px;
}

.ipltop_slider .slide01 h1 {
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 32px;
    text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
    margin-bottom: 5px;
}

.ipltop_slider .slide01 h1 strong {
    font-weight: bold;
    color: #FF8F00;
}

.ipltop_slider .slide01 h2 {
    color: #fff;
    font-weight: normal;
    font-size: 16px;
    line-height: normal;
}

.ipltop_slider a.btn {
    color: #2c353b;
    font-size: 18px;
    text-transform: uppercase;
    min-width: 180px;
    background: #fff;
    font-weight: bold;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.4);
}

.ipltop_slider a.btn:hover {
    background: #033cff;
    color: #fff;
}

.ipltop_slider .owl-dots {
    position: absolute;
    bottom: 5px;
    text-align: center;
    width: 100%;
}

.ipltop_slider .owl-dots .owl-dot {
    display: inline-block;
    vertical-align: middle;
}

.ipltop_slider .owl-dots .owl-dot span {
    background: #fff;
    margin: 0px 3px;
    opacity: 0.5;
    height: 3px;
    width: 20px;
    display: block;
}

.ipltop_slider .owl-dots .owl-dot.active span {
    opacity: 1;
}

.ipltop_slider .owl-nav button.owl-prev,
.winners_slider .owl-nav button.owl-prev {
    position: absolute;
    left: 15px;
    top: 50%;
    background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    margin-top: -25px;
}

.ipltop_slider .owl-nav button.owl-prev:before,
.winners_slider .owl-nav button.owl-prev:before {
    border-left: 3px solid #7B1FA2;
    border-top: 3px solid #7B1FA2;
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    left: 20px;
    top: 20px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.ipltop_slider .owl-nav span,
.winners_slider .owl-nav span {
    display: none;
}

.ipltop_slider .owl-nav button.owl-next,
.winners_slider .owl-nav button.owl-next {
    position: absolute;
    right: 15px;
    top: 50%;
    background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    margin-top: -25px;
}

.ipltop_slider .owl-nav button.owl-next:before,
.winners_slider .owl-nav button.owl-next:before {
    border-right: 3px solid #7B1FA2;
    border-bottom: 3px solid #7B1FA2;
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    left: 18px;
    top: 20px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.item.download_banner h2 {
    color: #fff;
    font-weight: 400;
}

.item.download_banner h2 span {
    font-weight: bold;
    color: #FF8F00;
}

.item.download_banner p.small {
    margin-top: 5px;
    color: #fff;
}

.item.download_banner .row {
    align-items: center;
    -webkit-align-items: center;
}

.item.slide02 .caption {
    text-align: center;
    padding: 50px 0px 0px;
}

.item.slide02 .caption h2 {
    color: #fff;
    font-weight: 600;
    font-size: 40px;
    margin-bottom: 5px;
    text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}

.item.slide02 .caption h2 strong {
    display: block;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: normal;
}

.latest_matches {
    padding: 20px 0px 0px;
    margin: 0px auto;
    max-width: 1200px;
    width: 100%;
    display: flex;
    -webkit-display: flex;
    flex-wrap: wrap;
}

.latest_matches li {
    list-style: none;
    width: 48.5%;
    margin-left: 3%;
    margin-bottom: 3%;
}

.latest_matches li:nth-child(2n+1) {
    margin-left: 0px;
}

.latest_matches li:nth-child(3n) {
    margin-left: -4.75%;
}

.latest_matches .match_data {
    background: #fff;
    border-left: 6px solid #2e783f;
    border-right: 6px solid #2e783f;
    position: relative;
    z-index: 1;
    transform: skew(-20deg);
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.latest_matches .match_data_inner {
    display: flex;
    -webkit-display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    padding: 0px 35px;
    transform: skew(20deg);
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -o-transform: skew(20deg);
}

.latest_matches .vs_icon {
    width: 60px;
    height: 96px;
    z-index: -1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.latest_matches .main_color {
    fill: #000;
    opacity: 0.1;
}

.owl-carousel .owl-item .latest_matches img {
    width: auto;
}

.latest_matches .link {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.latest_matches .flag_left,
.latest_matches .flag_right {
    width: 89px;
    margin-bottom: 0px;
}

.latest_matches .match_text {
    width: calc(100% - 178px);
    padding: 0px 10px;
}

.latest_matches .match_text h3 {
    font-size: 16px;
    margin: 0px;
    color: #798086;
}

.latest_matches .match_text .row_3 span {
    font-size: 20px;
    color: #2e783f;
    font-weight: bold;
}

.ipltop_slider .btn.play {
    background: #2c353b;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    min-width: 0px;
    line-height: 28px;
    height: 30px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.27);
    margin-top: 5px;
    color: #fff;
}

.latest_matches .match_data:hover {
    background: #2e783f;
    border-left-color: #fcbd26;
    border-right-color: #fcbd26;
}

.latest_matches .match_data:hover .match_text h3 {
    color: #fff;
}

.latest_matches .match_data:hover .match_text .row_3 span {
    color: #fcbd26;
}

.ipltop_slider .latest_matches .match_data:hover .btn.play {
    color: #2c353b;
    background: #fff;
}

.item.download_banner p {
    color: #fff;
    font-size: 15px;
}

.ipl2020_top {
    background: url(https://fpa-html-images.s3.ap-south-1.amazonaws.com/ipl20/ipl2020_sec_bg.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 100px 0px 0px;
}

.ipl2020_top .container {
    display: flex;
    -webkit-display: flex;
    flex-wrap: wrap;
}

.ipl2020_top .left_logo {
    width: 250px;
}

.ipl2020_top .ipl_text {
    width: calc(100% - 250px);
    padding-left: 80px;
}

.ipl2020_top .ipl_text h3 {
    font-size: 36px;
    font-weight: bold;
    color: #7B1FA2;
}

.ipl2020_top .ipl_text h3 span {
    color: #f7004c;
}

.ipl2020_top p {
    color: #798086;
}

.ipl2020_top .playnow {
    font-weight: 600;
    text-transform: uppercase;
    min-width: 0px;
    height: auto;
    padding: 0px 20px 0px 10px;
}

.ipl2020_top .playnow span {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -2px;
}

.graywrap {
    background: #f9f9f9;
    padding: 45px 0px 30px;
}

.graywrap .fetures {
    width: 40%;
}

.fetures_items {
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.fetures_items li {
    list-style: none;
    background: #fff;
    width: calc(50% - 30px);
    border-radius: 8px;
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.05);
    min-height: 150px;
    margin: 10px;
    padding: 10px;
    text-align: center;
}

.fetures_items li span {
    display: block;
    margin: 0px auto 10px;
}

.fetures_items li p {
    font-size: 15px;
    margin: 0px;
    line-height: normal;
}

.fetures_items li p strong {
    display: block;
    font-size: 25px;
    line-height: 22px;
    color: #7B1FA2;
}

.match_teams {
    padding: 50px 0px;
    width: 100%;
}

.match_teams h3 {
    color: #7B1FA2;
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}

.match_teams h3 span {
    color: #f7004c;
}

.match_teams p {
    text-align: center;
    color: #798086;
    font-size: 18px;
}

.match_teams ul {
    padding: 0px;
    margin: 50px auto 0px;
    display: flex;
    -webkit-display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.match_teams ul li {
    list-style: none;
    width: 23.86%;
    min-height: 280px;
    margin-left: 1.5%;
    margin-bottom: 1.5%;
    position: relative;
}

.match_teams ul li:nth-child(4n+1) {
    margin-left: 0px;
}

.match_teams a.clickable {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.icon_color {
    fill: #000;
}

.caption_top {

    padding: 20px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;

}

.team_winning {

    padding: 15px 15px 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.35);
    min-height: 120px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.caption_top>.image {
    width: 100px;
}

.caption_top>.text {
    width: calc(100% - 100px);
    text-align: center;
}

.caption_top .image img {
    vertical-align: middle;
}

.caption_top h3 {
    color: #fff;
    margin-bottom: 8px;
    font-size: 18px;
    text-transform: uppercase;
}

.caption_top span {
    display: inline-block;
    color: #2c353b;
    font-weight: bold;
    background: #fff;
    font-size: 14px;
    text-transform: uppercase;
    padding: 5px 18px;
    border-radius: 20px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.team_winning h3 {
    color: #fff;
    font-size: 24px;
    margin-bottom: 5px;
}

.flip-card-inner h4 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 15px;
    text-shadow: 1px 2px 0px rgba(0, 0, 0, 0.20);
    line-height: 24px;
}

.team_winning p {
    color: #fff;
    font-size: 16px;
}

.cup {
    font-size: 14px;
    font-style: italic;
    display: inline-block;
    font-weight: 600;
    color: #fff;
    padding: 8px 10px 8px 10px;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    min-width: 100px;
}

.cup span {
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.cup span svg {
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.team01 {
    background: #f6bf13;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f6bf13 0%, #d8a226 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f6bf13 0%, #d8a226 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f6bf13 0%, #d8a226 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6bf13', endColorstr='#d8a226', GradientType=0);
    /* IE6-9 */
}

.cup {
    color: #FFCC32;
}

.icon_color {
    fill: #FFCC32;
}

.team02 {
    background: #e25a58;
    /* Old browsers */
    background: -moz-linear-gradient(top, #e25a58 0%, #448adf 32%, #2b4890 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e25a58 0%, #448adf 32%, #2b4890 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e25a58 0%, #448adf 32%, #2b4890 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e25a58', endColorstr='#2b4890', GradientType=0);
    /* IE6-9 */
}

.team03 {
    background: #fc7b84;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fc7b84 0%, #de2b3e 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fc7b84 0%, #de2b3e 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fc7b84 0%, #de2b3e 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc7b84', endColorstr='#de2b3e', GradientType=0);
    /* IE6-9 */
}

.team04 {
    background: #4d304f;
    /* Old browsers */
    background: -moz-linear-gradient(top, #4d304f 0%, #4d304f 29%, #fbc350 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #4d304f 0%, #4d304f 29%, #fbc350 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4d304f 0%, #4d304f 29%, #fbc350 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d304f', endColorstr='#fbc350', GradientType=0);
    /* IE6-9 */
}

.team05 {
    background: #bdcd96;
    /* Old browsers */
    background: -moz-linear-gradient(top, #bdcd96 0%, #006db9 29%, #0d2a5c 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #bdcd96 0%, #006db9 29%, #0d2a5c 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #bdcd96 0%, #006db9 29%, #0d2a5c 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdcd96', endColorstr='#0d2a5c', GradientType=0);
    /* IE6-9 */
}

.team06 {
    background: #074f97;
    /* Old browsers */
    background: -moz-linear-gradient(top, #074f97 0%, #f55f8c 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #074f97 0%, #f55f8c 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #074f97 0%, #f55f8c 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#074f97', endColorstr='#f55f8c', GradientType=0);
    /* IE6-9 */
}

.team07 {
    background: #0d1b1e;
    /* Old browsers */
    background: -moz-linear-gradient(top, #0d1b1e 0%, #fc2510 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #0d1b1e 0%, #fc2510 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #0d1b1e 0%, #fc2510 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d1b1e', endColorstr='#fc2510', GradientType=0);
    /* IE6-9 */
}

.team08 {
    background: #ff474c;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ff474c 0%, #e8762d 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ff474c 0%, #e8762d 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff474c 0%, #e8762d 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff474c', endColorstr='#e8762d', GradientType=0);
    /* IE6-9 */
}

.team09 {
    background: #ff474c;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f48e08 0%, #2b9f3a 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f48e08 0%, #2b9f3a 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f48e08 0%, #2b9f3a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f48e08', endColorstr='#2b9f3a', GradientType=0);
    /* IE6-9 */
}

.team10 {
    background: #ff474c;
    /* Old browsers */
    background: -moz-linear-gradient(top, #d8cc92 0%, #081a32 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #d8cc92 0%, #081a32 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #d8cc92 0%, #081a32 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8cc92', endColorstr='#081a32', GradientType=0);
    /* IE6-9 */
}

.flip-card {
    perspective: 1000px;
}

/* This container is needed to position the front and back side */
.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-transition: .6s;
    transition: .6s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 20px;
}

.flip-card-front {
    z-index: 2;
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
}

.flip-card-back {
    z-index: 2;
    padding: 15px 10px 10px;
    display: flex;
    -webkit-display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}

.flip-card-back p {
    color: #fff;
    font-size: 13px;
    line-height: 20px;
}

.top_winners {
    background: url(https://fpa-html-images.s3.ap-south-1.amazonaws.com/ipl20/testimonial_bg.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 100px 0px;
}

.top_winners>.heading02 {
    color: #fff;
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 20px;
}

.winners_slider .owl-item img {
    width: auto;
}

.winners_slider .whitebox {
    background: #fff url(https://fpa-html-images.s3.ap-south-1.amazonaws.com/ipl20/win_bg.png) no-repeat left center;
    border-radius: 32px;
    box-shadow: 0px 13px 18px 0px rgba(0, 0, 0, 0.19);
    padding: 15px;
    display: flex;
    -webkit-display: flex;
    align-items: center;
    -webkit-align-items: center;
    max-width: 600px;
    margin: 0px auto;
}

.winners_slider .item {
    padding: 30px 25px;
    transform: scale(.8);
    -webkit-transform: scale(.8);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    opacity: 0.5;
}

.winners_slider .active.center .item {
    transform: scale(1);
    -webkit-transform: scale(1);
    filter: blur(0px);
    -webkir-filter: blur(0px);
    opacity: 1;
}

.whitebox .text p strong {
    color: #47535d;
    font-size: 22px;
    margin-bottom: 5px;
    font-weight: 600;
}

.whitebox .text p {
    color: #798086;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0px;
}

.whitebox .text {
    width: calc(100% - 200px);
    padding-left: 10px;
}

.whitebox .winner_image {
    width: 200px;
    position: relative;
}

.winner_image .thumb {
    width: 135px;
    height: 135px;
    margin: 0px auto;
    border-radius: 100%;
    overflow: hidden;
}

.winner_image .thumb img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.winner_image span {
    background: url(https://fpa-html-images.s3.ap-south-1.amazonaws.com/ipl20/rebon.png) no-repeat;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    display: block;
    width: 180px;
    height: 35px;
    margin: -25px auto auto;
    text-align: center;
    background-size: cover;
    padding-top: 3px;
    position: relative;
    z-index: 1;
}

.winners_slider .owl-dots {
    position: absolute;
    bottom: -30px;
    text-align: center;
    width: 100%;
}

.winners_slider .owl-dots .owl-dot {
    display: inline-block;
    vertical-align: middle;
}

.winners_slider .owl-dots .owl-dot span {
    background: #fff;
    margin: 0px 3px;
    opacity: 0.5;
    height: 3px;
    width: 20px;
    display: block;
}

.winners_slider .owl-dots .owl-dot.active span {
    opacity: 1;
}

.sticky_btn {
    display: none;
}

.ipl-table {
    width: 100%;
}

.simple_table table {
    width: 100%;
    max-width: 850px;
    margin: 20px auto;
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.20);
}

.simple_table table thead {
    background: #FF8F00;
    font-weight: 700;
}

.simple_table table thead td {
    color: #000;
    font-size: 16px;
}

.simple_table table td {
    padding: 10px;
    color: #333;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    border: 1px solid #e2e2e2;
}

.simple_table table tbody tr:nth-child(even) td {
    background: #f3f3f3;
}

.ipl_summry {
    padding: 50px 0px;
}

.ipl_summry h3,
.feature_withtext h3 {
    color: #7B1FA2;
    font-weight: 700;
}

.ipl_summry h4 {
    color: #565353;
}

.ipl_summry p {
    margin-bottom: 10px;
}

.ipl_faq {
    padding-top: 50px;
}

.feature_withtext {
    display: flex;
    -webkit-display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.feature_withtext .textblock {
    width: 60%;
    padding-right: 15px;
}

/* New PSR Start */
table.last_th_td thead tr th:last-child,
table.last_th_td tbody tr td:last-child {
    width: 100px;
}

/* New PSR End */

/* Sub Cat for sport Start */
.sub_sport_cat {
    margin-bottom: 60px;
}

.sub_sport_cat ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sub_sport_cat ul li:first-child {
    margin-left: 0;
}

.sub_sport_cat ul li {
    display: block;
    width: 180px;
    list-style: none;
    margin-left: 20px;
}

.sub_sport_cat ul li a {
    padding: 10px 30px;
    text-decoration: none;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    color: #29314f;
    border-radius: 5px;
    background: #f3f5f9;
    width: 100%;
    display: block;
}

.sub_sport_cat ul li.active a {
    background-color: #7B1FA2;
    color: #fff;
}

/* Sub Cat for sport End */

.onlyMobile {
    display: none;
}


/*IPL-page-responsive-css*/

@media (max-width:1500px) {
    .ipltop_slider .item {
        min-height: 560px;
    }

    .ipltop_slider .slide01 .caption {
        position: static;
    }

    .ipltop_slider .slide01 img {
        max-width: 650px;
    }

    .insideslide {
        margin-top: -46px;
    }

    .latest_matches .flag_left,
    .latest_matches .flag_right {
        width: 60px;
    }

    .latest_matches {
        max-width: 900px;
    }

    .latest_matches .match_data_inner {
        padding: 0px 20px;
    }

    .latest_matches .match_text {
        width: calc(100% - 120px);
        padding: 0px 5px;
    }

    .item.download_banner .col-md-4 {
        flex: 0 0 26.333333%;
        max-width: 26.333333%;
    }

    .item.download_banner .col-md-8 {
        flex: 0 0 73.66667%;
        max-width: 73.66667%;
    }

    .item.download_banner .container {
        max-width: 1000px;
    }

    .item.slide02 .caption {
        padding-top: 20px;
    }

    .item.slide02,
    .item.download_banner {
        display: flex;
        -webkit-display: flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
    }

    .latest_matches .match_text h3 {
        font-size: 14px;
    }

    .latest_matches .match_text .row_3 span {
        font-size: 17px;
    }
}

@media (max-width:1199px) {
    .ipltop_slider a.btn {
        font-size: 16px;
        min-width: 150px;
        height: 45px;
        line-height: 45px;
    }

    .ipltop_slider .slide01 img {
        bottom: 134px;
        max-width: 615px;
    }

    .latest_matches li {
        width: 49%;
        margin-left: 2%;
        margin-bottom: 15px;
    }

    .latest_matches li:nth-child(3n) {
        margin-left: -2.75%;
    }

    .ipl2020_top .ipl_text {
        padding-left: 40px;
    }

    .ipl2020_top {
        padding: 50px 0px 0;
    }

    .match_teams,
    .top_winners {
        padding: 50px 0px;
    }

    .match_teams ul li {
        min-height: 240px;
    }

    .caption_top>.image {
        width: 70px;
    }

    .caption_top {
        -webkit-align-items: flex-end;
        align-items: flex-end;
    }

    .caption_top>.text {
        width: calc(100% - 70px);
        padding-bottom: 15px;
    }

    .cup,
    .team_winning p {
        font-size: 12px;
        line-height: 14px;
    }

    .cup span {
        width: 16px;
        margin-right: 3px;
    }

    .flip-card-back p {
        font-size: 10px;
        line-height: 18px;
        margin-bottom: 10px;
    }

    .caption_top h3 {
        font-size: 15px;
    }

    .caption_top span {
        padding: 3px 12px;
        font-size: 12px;
    }

    .team_winning h3 {
        font-size: 20px;
    }
}

@media (max-width:979px) {

    .ipltop_slider .owl-nav button.owl-prev,
    .winners_slider .owl-nav button.owl-prev,
    .ipltop_slider .owl-nav button.owl-next,
    .winners_slider .owl-nav button.owl-next {
        width: 32px;
        height: 32px;
    }

    .ipltop_slider .owl-nav button.owl-prev:before,
    .winners_slider .owl-nav button.owl-prev:before {
        left: 13px;
        top: 11px;
        width: 10px;
        height: 10px;
    }

    .ipltop_slider .owl-nav button.owl-next:before,
    .winners_slider .owl-nav button.owl-next:before {
        left: 10px;
        top: 11px;
        width: 10px;
        height: 10px;
    }

    .ipltop_slider .owl-nav button.owl-prev,
    .winners_slider .owl-nav button.owl-prev {
        left: 5px;
    }

    .ipltop_slider .owl-nav button.owl-next,
    .winners_slider .owl-nav button.owl-next {
        right: 5px;
    }

    .winners_slider .whitebox {
        flex-wrap: wrap;
        box-shadow: 1px 5px 10px 0px rgba(0, 0, 0, 0.19);
    }

    .whitebox .winner_image {
        width: 180px;
        margin: 0px auto;
    }

    .winner_image .thumb {
        width: 100px;
        height: 100px;
    }

    .whitebox .text {
        text-align: center;
        width: 100%;
        padding-top: 15px;
        padding-left: 0px;
    }

    .winners_slider .item {
        padding: 15px 5px;
    }

    .match_teams ul {
        max-width: 500px;
        margin: 0px auto;
    }

    .match_teams ul li,
    .match_teams ul li:nth-child(4n+1) {
        width: 49%;
        margin-left: 2%;
        margin-bottom: 2%;
    }

    .match_teams ul li:nth-child(2n+1) {
        margin-left: 0px;
    }

    .ipltop_slider .slide01 h1 {
        font-size: 28px;
    }

    .ipltop_slider .slide01 img {
        max-width: 590px;
        bottom: 140px;
    }

    .item.slide02 .caption {
        padding: 0px;
    }

    .item.slide02 .caption h2 strong {
        font-size: 18px;
    }

    .item.slide02 .caption h2 {
        font-size: 30px;
    }

    .latest_matches .match_data,
    .latest_matches .match_data_inner {
        transform: skew(0deg);
        -webkit-transform: skew(0deg);
        -moz-transform: skew(0deg);
        -o-transform: skew(0deg);
    }

    .latest_matches .match_data_inner {
        padding: 0px 20px;
    }

    .latest_matches li:nth-child(3n) {
        margin-left: auto;
    }

    .latest_matches .match_text h3 {
        font-size: 12px;
    }

    .latest_matches .match_text .row_3 span {
        font-size: 14px;
    }

    .latest_matches .flag_left,
    .latest_matches .flag_right {
        width: 55px;
    }

    .latest_matches .match_data {
        border-left-width: 3px;
        border-right-width: 3px;
    }

    .ipl2020_top .left_logo {
        width: 200px;
    }

    .ipl2020_top .ipl_text {
        width: calc(100% - 200px);
    }

    .fetures_items li {
        margin: 7px;
        width: calc(50% - 14px);
    }

    .fetures_items li p {
        font-size: 14px;
    }

    .fetures_items li p strong {
        font-size: 22px;
        line-height: 20px;
    }
}

@media (max-width:767px) {
    .download_banner .caption {
        padding-bottom: 20px;
    }

    .ipltop_slider .item {
        padding: 80px 15px 20px;
        min-height: 565px;
    }

    .latest_matches li,
    .latest_matches li:nth-child(2n+1) {
        width: 100%;
        max-width: 350px;
        margin: 0px auto 15px;
    }

    .latest_matches li:nth-child(3),
    .latest_matches li:nth-child(4) {
        display: none;
    }

    .latest_matches .match_data_inner {
        padding: 0px 10px;
    }

    .latest_matches .match_text {
        width: calc(100% - 110px);
    }

    .insideslide {
        margin-top: -35px;
    }

    .ipltop_slider .slide01 h1 {
        font-size: 24px;
    }

    .slide03 .device_image img {
        max-width: 210px;
    }

    .item.download_banner h2 {
        font-size: 22px;
    }

    .item.download_banner p.small {
        font-size: 10px;
    }

    .item.download_banner .download_app {
        max-width: 320px;
    }

    .ipl2020_top .left_logo {
        margin: 0px auto;
    }

    .item.download_banner .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .item.download_banner .col-md-8 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .ipltop_slider .item {
        display: flex;
        -webkit-display: flex;
        align-items: center;
        -webkit-align-items: center;
    }

    .ipltop_slider .slide01 .caption {
        bottom: auto;
        margin-top: 78px;
    }

    .ipl2020_top .ipl_text {
        width: 100%;
        padding-left: 0px;
        text-align: center;
        padding-top: 20px;
    }

    .match_teams ul {
        padding-top: 20px;
    }

    .winners_slider .item {
        padding: 0px;
    }

    .item.download_banner .col-md-8.text-block {
        padding: 0px;
    }

    .item.slide02 .caption h2 strong,
    .match_teams>p {
        font-size: 16px;
        font-weight: normal;
    }

    .ipl2020_top .ipl_text h3,
    .match_teams h3,
    .top_winners>.heading02 {
        font-size: 28px;
    }

    .sticky_btn {
        position: sticky;
        bottom: 0px;
        margin: 0px auto;
        background: rgba(255, 255, 255, 0.85);
        padding: 7px 10px;
        border-radius: 15px 15px 0px 0px;
        z-index: 10;
        display: block;
        box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.15);
        -webkit-box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.15);
        text-align: center;
    }

    .sticky_btn .btn {
        border: none;
        min-width: 210px;
        font-weight: 600;
        text-transform: uppercase;
        height: 45px;
        line-height: 45px;
        background-image: -moz-linear-gradient(90deg, rgb(3, 54, 255) 0%, rgb(0, 136, 255) 100%);
        background-image: -webkit-linear-gradient(90deg, rgb(3, 54, 255) 0%, rgb(0, 136, 255) 100%);
        background-image: -ms-linear-gradient(90deg, rgb(3, 54, 255) 0%, rgb(0, 136, 255) 100%);
    }

    .feature_withtext .textblock {
        width: 100%;
        padding-right: 0;
    }

    .graywrap .fetures {
        width: 100%;
        margin: 25px auto 0px;
        max-width: 450px;
    }

    .ipl_faq .faq_wrap {
        margin-bottom: 0px;
    }
}

@media (max-width:480px) {
    .mobileHidden {
        display: none;
    }

    .onlyMobile {
        display: inline-block;
    }

    .ipltop_slider .slide01 img {
        bottom: 132px;
        transform: scale(1.65);
        -webkit-transform: scale(1.65);
        margin-top: 50px;
    }

    .insideslide {
        margin-top: 40px !important;
    }

    .ipltop_slider .slide01 h2 {
        line-height: 20px;
        margin-bottom: 10px;
    }

    /*    .ipl2020_top p { text-align: justify; }*/

    .insideslide {
        margin-top: 0px;
    }

    .flip-card-back {
        padding: 10px;
    }

    .flip-card-inner h4 {
        font-size: 16px;
        line-height: 22px;
    }

    .cup {
        font-size: 12px;
        padding: 8px;
    }

    .ipl-table {
        width: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

    .ipl-table .simple_table {
        width: 420px;
    }

    .simple_table table thead td {
        font-size: 12px;
        line-height: 16px;
        padding: 5px 3px;
    }

    .simple_table table td {
        padding: 5px 3px;
        font-size: 12px;
        line-height: 16px;
    }

    .ipl2020_top .ipl_text h3,
    .match_teams h3,
    .top_winners>.heading02 {
        font-size: 22px;
        line-height: normal;
    }

    .ipl_summry {
        padding: 25px 0px;
    }

}

@media (max-width:450px) {
    .ipltop_slider .slide01 .caption {
        margin-top: 0px;
    }

    .ipltop_slider .slide01 img {
        bottom: 143px;
    }

    .ipltop_slider .slide01 h1 br {
        display: none;
    }

    .ipltop_slider .slide01 h1 {
        font-size: 22px;
    }

    .ipltop_slider .item {
        padding-bottom: 10px;
    }

    .item.slide02 .caption h2 {
        font-size: 24px;
    }

    .item.slide02 .caption h2 strong {
        font-size: 16px;
        margin-top: 10px;
    }

    .latest_matches .flag_left,
    .latest_matches .flag_right {
        width: 45px;
    }

    .latest_matches .match_text {
        width: calc(100% - 90px);
    }

    .latest_matches .match_text h3 {
        font-size: 10px;
    }

    .ipltop_slider .btn.play {
        font-size: 12px;
        line-height: 24px;
        height: 26px;
        margin-top: 2px;
    }

    .ipltop_slider a.btn {
        font-size: 14px;
        min-width: 125px;
        height: 37px;
        line-height: 37px;
    }

    .item.download_banner h2 {
        font-size: 18px;
    }

    .slide03 .help_form input {
        height: 42px;
        font-size: 14px;
        padding-right: 100px;
    }

    .slide03 .help_form button {
        position: absolute;
        height: 39px;
        font-size: 12px;
        width: auto;
        margin: 0;
        min-width: 0;
        line-height: 39px;
        padding: 0px 10px;
        top: 3px;
        box-shadow: none;
        right: 3px;
    }

    .download_banner .caption {
        padding-bottom: 0px;
    }

    .ipltop_slider .slide01 h2 {
        font-size: 12px;
    }

    .slide03 .device_image img {
        margin-top: -40px;
    }

    .match_teams {
        padding: 35px 0;
    }

    .match_teams ul li,
    .match_teams ul li:nth-child(4n+1),
    .match_teams ul li:nth-child(2n+1) {
        width: 100%;
        max-width: 280px;
        margin: 0px auto 15px;
    }

    .flip-card-back p {
        font-size: 12px;
    }

    .fetures_items li {
        margin: 5px;
        width: calc(50% - 10px);
    }
}

/*IPL-page-responsive-css-END*/

/*IPL2020-page_END*/

/*point-system-tabs*/
.points_block ul {
    padding-left: 20px;
}

.points_block ul li {
    margin-bottom: 5px;
}

.points_block ul ul {
    padding-left: 20px;
    margin: 7px 0px;
}

.points_block ul ul li {
    font-size: 14px;
}

.pointsystem_tab {
    max-width: 450px;
    margin: 20px auto 30px;
    background: #efefef;
    border-radius: 30px;
    overflow: hidden;
    text-align: center;
    display: flex;
    -webkit-display: flex;
    align-items: center;
}

.pointsystem_tab .point-menu {
    color: #333;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 18px;
    padding: 15px 15px;
    width: 50%;
    margin: 0px;
}

.pointsystem_tab .point-menu.active {
    background: #7B1FA2;
    color: #fff;
    font-weight: bold;
}

@media (max-width:450px) {
    .pointsystem_tab {
        max-width: 320px;
    }

    .pointsystem_tab .point-menu {
        font-size: 13px;
        padding: 10px 4px;
    }
}

/*FPA-v2-Header-Footer-Css*/
.btnv2 {
    border-radius: 4px;
    line-height: normal;
    height: auto;
    border: none;
    cursor: pointer;
    font-size: 16px;
    background: #fff;
    padding: 14px 15px;
    min-width: 160px;
    text-decoration: none !important;
    font-weight: 500;
    text-transform: uppercase;
    color: #3AAA2B;
    text-align: center;
    display: inline-block;
    box-shadow: none;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.btnv2:hover {
    background: #3AAA2B;
    color: #fff;
}

.black {
    background: #1F2224;
}

.black:hover {
    background: #1F2224;
}

.gray {
    background: #47535D;
}

.gray:hover {
    background: #47535D;
}

.green,
.green:hover {
    background: #3AAA2B;
    color: #fff;
}

.btnsbox a {
    text-decoration: none;
    min-width: 175px;
    border-radius: 8px;
    padding: 10px 15px;
    display: flex;
    align-items: center;
}

.btnsbox a:last-of-type {
    margin-left: 8px;
}

.btnsbox a.gray {
    background: #1F2224;
}

.btnsbox a span {
    width: 20px;
    height: 20px;
}

.btnsbox a span img {
    width: 100%;
    height: auto;
}

.btnsbox p {
    color: rgba(0, 0, 0, 1);
    font-size: 12px;
    line-height: normal;
    margin: 0px;
    padding-left: 10px;
    text-align: left;
}

.btnsbox p strong {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: #1F2224;
}

/*Header-Section*/
.header_sec {
    padding: 20px 0px;
    position: absolute;
    width: 100%;
    top: 0px;
    z-index: 5;
}

.header_sec .container {
    display: flex;
    -webkit-display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobile {
    display: none !important;
}

/*Footer-Css*/
.footer_sec {
    background: #262626;
    width: 100%;
}

.footer_row1 {
    padding: 35px 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.usps_list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}

.usps_list li {
    list-style: none;
    font-weight: bold;
    color: #fff;
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 7px;
    margin-bottom: 7px;
}

.usps_list li:first-of-type {
    margin-left: 0px;
    padding-left: 0px;
    border-left: none;
}

.usps_list li span.icon {
    vertical-align: middle;
    margin-right: 5px;
}

.footer_row2 {
    display: flex;
    flex-wrap: wrap;
    padding: 30px 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer_row2 .column {
    width: 28%;
    margin-left: 2%;
}

.footer_row2 .footer_menu {
    margin-left: 0px;
    width: 40%;
}

.footer_menu ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    padding: 0;
}

.footer_menu li {
    list-style: none;
    width: 48.5%;
    margin-left: 3%;
}

.footer_menu li:nth-child(2n+1) {
    margin-left: 0px;
}

.footer_menu li a {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    display: block;
    padding: 8px 0px;
    text-decoration: none;
    transition: all 0.5s;
}

.footer_menu li a:hover {
    color: #F5DC31;
}

.footer_row2 h5 {
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 15px;
}

.fifs_col {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fifs_btn {
    padding-left: 10px;
}

.outline {
    background: none;
    border: 1px solid #fff;
    color: #fff;
    padding: 8px 10px;
    text-transform: capitalize;
}

.outline:hover {
    background: #fff;
    color: #262626;
}

.footer_row3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 20px 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer_row3 p.text-center {
    margin: 0px 0px 10px;
    color: #fff;
}

.payment_partners {
    text-align: center;
}

.payment_partners img {
    width: 180px;
}

.social_media ul {
    display: flex;
    justify-content: center;
    margin: 0px;
    padding: 0;
}

.social_media ul li {
    list-style: none;
    margin: 0px 5px;
}

.social_media li a {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    padding: 8px 0px;
    text-align: center;
    border: 1px solid #fff;
    display: block;
    transition: all 0.5s;
}

.social_media li a svg {
    width: 20px;
    height: 20px;
}

/* .social_media svg path, .social_icon { fill:#fff; } */
.social_media li a:hover {
    background: #fff;
}

/* .social_media li a:hover svg path, .social_media li a:hover .social_icon { fill:#262626; } */

/* Colored Icons Start */
.social_media ul li.facebook a {
    border-color: #4267B2;
}

.social_media ul li.facebook a {
    background-color: #4267B2;
}

.social_media ul li.facebook a svg .social_icon {
    fill: #ffffff;
}

.social_media ul li.twitter a {
    border-color: #000000;
}

.social_media ul li.twitter a {
    background-color: #000000;
}

.social_media ul li.twitter a svg .social_icon {
    fill: #ffffff;
}

.social_media ul li.instagram a {
    border-color: #8a3ab9;
}

.social_media ul li.instagram a {
    background-color: #8a3ab9;
}

.social_media ul li.instagram a svg .social_icon {
    fill: #ffffff;
}

.social_media ul li.linkdin a {
    border-color: #0e76a8;
}

.social_media ul li.linkdin a {
    background-color: #0e76a8;
}

.social_media ul li.linkdin a svg .social_icon {
    fill: #ffffff;
}

.social_media ul li.youtube a {
    border-color: #FF0000;
}

.social_media ul li.youtube a {
    background-color: #FF0000;
}

.social_media ul li.youtube a svg .social_icon {
    fill: #ffffff;
}

.social_media ul li.telegram a {
    border-color: #229ED9;
}

.social_media ul li.telegram a {
    background-color: #229ED9;
}

.social_media ul li.telegram a svg path {
    fill: #ffffff;
}

/* .social_media ul li.telegram a svg path{ fill: #ffffff;} */

.social_media ul li a {
    transition: 0.5s;
}

.social_media ul li a:hover {
    transform: scale(1.2);
}

/* Colored Icons End */

.feedback p {
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.feedback p a {
    font-size: 30px;
    font-weight: bold;
    display: block;
    color: #fff;
}

.footer_row4 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 30px 0px;
}

.footer_row4 .column {
    /* width: 50%; */
}

.footer_row4 p {
    margin: 0px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
}

.footer_row4 p strong {
    text-transform: uppercase;
    color: #FFBC1D;
}

.footer_row4 p a {
    color: #FFBC1D;
}

.footer_disc {
    text-align: center;
    background: #fff;
    padding: 10px 0px;
}

.footer_disc p {
    font-size: 14px;
    line-height: 22px;
    margin: 0;
}

/*Extra css*/
.container {
    max-width: 1230px !important;
}

.chatbtn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 6;
}

.sticky_btns {
    position: sticky;
    bottom: 10px;
    max-width: 390px;
    margin: 0px auto;
    z-index: 6;
    /* background: #fff;
    border: 1px solid #EDEFF5;
    padding: 10px;
    border-radius: 8px; */
}

.sticky_btns a.singleButton {
    background-image: linear-gradient(#4cea46, #1caa0e);
    border: none;
    box-shadow: 0px 17px 26.46px 0.54px rgba(0, 0, 0, 0.49);
    font-size: 24px;
    font-weight: bold;
    line-height: normal;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #fff;
    text-align: center;
    height: 50px;
    line-height: 50px;
    border-radius: 10px;
}

.sticky_btns .btnsbox {
    display: flex;
    -webkit-display: flex;
}

.sticky_btns a {
    text-transform: capitalize;
    text-align: left;
}

.sticky_btns .btnsbox p {
    color: rgba(255, 255, 255, 1);
}

.sticky_btns .btnsbox p strong {
    color: #fff;
}

.sticky_btns a.green {
    text-align: center;
    justify-content: center;
}

/* Game Page Download APK Start */
.game-page {
    background-color: #030f3f;
}

.game-page-hero {
    padding: 85px 0;
    background-image: url("https://fpa-html-images.s3.ap-south-1.amazonaws.com/fpav5_images/newSlide/mutilplegamesbanner2023.png");
    background-size: cover;
    background-repeat: no-repeat;
}



.game-page-hero a.btn,
.new-sticky_btns a.btn {
    background-image: linear-gradient(#4cea46, #1caa0e);
    border: none;
    box-shadow: 0px 17px 26.46px 0.54px rgba(0, 0, 0, 0.49);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: bold;
    line-height: normal;
    max-width: 300px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.game-page-hero a.btn:after,
.new-sticky_btns a.btn:after,
.sticky_btns a.singleButton:after {
    content: "";
    display: block;
    position: absolute;
    width: 50px;
    height: 200px;
    opacity: 0;
    transform: rotate(45deg);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    top: calc(50% - 100px);
    left: -50px;
    animation: download-btn-anim 1s linear infinite alternate;
}

@keyframes download-btn-anim {
    0% {
        opacity: 0;
        left: -10%;
    }

    50% {
        opacity: 1;
        left: 50%;
    }

    100% {
        opacity: 0;
        left: 100%;
    }
}

.new-sticky_btns a.btn {
    border-radius: 0;
    width: 100%;
    max-width: none;
}

.new-sticky_btns a.btn {
    max-width: 350px;
    bottom: 10px;
    border-radius: 10px;
}

.game-page-hero a.btn:hover,
.game-page-hero a.btn:focus,
.game-page-hero a.btn:active,
.new-sticky_btns a.btn:hover,
.new-sticky_btns a.btn:focus,
.new-sticky_btns a.btn:active {
    background-image: linear-gradient(#1caa0e, #4cea46) !important;
}

.game-page-hero a.btn span.icon,
.new-sticky_btns a.btn span.icon,
.sticky_btns a.singleButton span.icon {
    display: block;
    flex: 0 0 24px;
    margin-left: 16px;
}

.game-page-hero a.btn span.icon svg,
.new-sticky_btns a.btn span.icon svg,
.sticky_btns a.singleButton span.icon svg {
    display: block;
}

.game-page-hero .phoneImg {
    text-align: center;
}

.game-page-hero .phoneImg img {
    width: 85%;
    margin: 0 auto;
}

.game-Install {
    margin-top: 60px;
}

.game-page-hero .game-Install h3 {
    font-size: 30px;
    color: #fff;
    text-align: center;
}

.game-page-hero .game-Install ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
}

.game-page-hero .game-Install ul li {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 50px;
    position: relative;
}

.game-page-hero .game-Install ul li:last-child {
    margin-right: 0;
}

.game-page-hero .game-Install ul li span.no {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: rgb(34, 60, 201);
    border-radius: 50px;
    color: rgb(255, 255, 255);
    margin-right: 10px;
    font-size: 20px;
    font-weight: bold;
}

.game-page-hero .game-Install ul li span.text {
    color: rgb(255, 255, 255);
    font-size: 20px;
}

.game-page-hero .game-Install ul li:after {
    content: "";
    background-image: url("https://fpa-html-images.s3.ap-south-1.amazonaws.com/fpav5_images/game-hero-fast-forword.svg");
    background-size: cover;
    background-position: center;
    width: 20px;
    height: 25px;
    position: absolute;
    right: -35px;
    top: calc(50% - 12.5px);
}

.game-page-hero .row h1 {
    font-size: 32px;
    color: rgb(232, 232, 232);
    font-weight: bold;
    font-style: italic;
    margin-bottom: 0;
}

.game-page-hero .row h2 {
    font-size: 55px;
    color: rgb(232, 232, 232);
    font-weight: bold;
    font-style: italic;
    margin-bottom: 10px;
}

.game-page-hero .row p {
    font-size: 24px;
    color: rgb(232, 232, 232);
    background-color: rgb(163, 15, 44);
    display: inline-block;
    padding: 10px;
}

.game-page-hero .game-Install ul li:last-child:after {
    display: none;
}

.games-apps-status {
    border-top: 1px solid #f5cb67;
    border-bottom: 1px solid #f5cb67;
    background-image: linear-gradient(to right, #030f3f, #17255e, #202e6d, #030f3f);
    padding: 20px 0;
}

.games-apps-status ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
}

.games-apps-status ul li {
    list-style: none;
    text-align: center;
    font-size: 18px;
    margin-right: 50px;
    position: relative;
}

.games-apps-status ul li:after {
    content: "";
    display: block;
    background-color: rgb(255, 255, 255);
    height: 36px;
    width: 2px;
    opacity: 0.29;
    position: absolute;
    top: calc(50% - 18px);
    right: -25px;
}

.games-apps-status ul li:last-child:after {
    display: none;
}


.games-apps-status ul li:last-child {
    margin-right: 0;
}

.games-apps-status ul li span.big {
    display: block;
    color: #f5cb67;
    font-weight: 500;
    line-height: normal;
}

.games-apps-status ul li span.small {
    color: #fff;
}

.games-list {
    padding: 50px 0;
}

.games-list h3 {
    text-align: center;
    font-size: 40px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 40px;
}

.games-list h3 span {
    display: block;
    color: #f5ca60;
}

.games-list ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 0;
}

.games-list ul li {
    list-style: none;
    margin-bottom: 20px;
    margin-right: 20px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    width: calc(20% - 16px);
}

.games-list ul li img {
    position: relative;
    z-index: 1;
    border-radius: 20px;
    width: 100%;
    height: auto;
}

.games-list ul li span.text-layer {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
}

.games-list ul li:nth-child(5),
.games-list ul li:nth-child(9) {
    margin-right: 0;
}

.game-winning-users {
    padding: 50px 0;
}

.game-winning-users ul {
    display: flex;
    align-items: stretch;
    justify-content: center;
    margin: 0;
    padding: 0;
}

.game-winning-users ul li {
    list-style: none;
    text-align: center;
    border-radius: 31px;
    background-color: rgb(20, 31, 66);
    width: calc(33.33% - 7px);
    margin-right: 20px;
    padding: 60px 20px 20px;
    position: relative;
}

.game-winning-users ul li:last-child {
    margin-right: 0;
}

.game-winning-users ul li img {
    border-radius: 50%;
    position: absolute;
    width: 80px;
    height: 80px;
    top: -40px;
    left: calc(50% - 40px);
    border-width: 6px;
    border-color: rgb(30, 46, 99);
    border-style: solid;
}


.game-winning-users ul li h4 {
    font-size: 24px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 20px;
}

.game-winning-users ul li span.wining {
    font-size: 16px;
    color: #efc831;
    display: block;
    margin-bottom: 5px;
}

.game-winning-users ul li h5 {
    font-size: 32px;
    color: rgb(239, 200, 49);
    margin: 0 0 10px;
    background: -webkit-linear-gradient(#f1c95e, #f9ff93, #aa7a1c);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.game-winning-users ul li p {
    line-height: normal;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    margin: 0;
}

.new-sticky_btns {
    position: sticky;
    bottom: 0px;
    z-index: 6;
    display: none;
}

/* Game Page Download APK End */

/* Point System New 2022 Start */
.sportsTab {
    margin-bottom: 20px;
    background-color: #FFFFFF;
    box-shadow: 0px 5px 10px rgba(132, 132, 132, 0.15);
}

.sportsTab .container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sportsTab a {
    display: block;
    text-decoration: none;
    text-align: center;
    width: 10%;
    padding-top: 8px;
    padding-bottom: 8px;
    position: relative;
}

.sportsTab a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #C6C9CC;
    border-radius: 4px 4px 0px 0px;
    height: 4px;
    width: 100%;
    opacity: 0;
    /* transition: 0.5s; */
}

.sportsTab a span.text {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #C6C9CC;
    /* transition: 0.5s; */
}

.sportsTab a img {
    width: 32px;
    height: 32px;
    display: block;
    margin: 0 auto 4px;
    filter: invert(94%) sepia(0%) saturate(8%) hue-rotate(265deg) brightness(87%) contrast(91%);
    /* transition: 0.5s; */
}

.sportsTab a.active span.text {
    color: #7B1FA2;
}

.sportsTab a.active img {
    filter: invert(17%) sepia(100%) saturate(2625%) hue-rotate(219deg) brightness(93%) contrast(92%);
}

.sportsTab a.active:after {
    opacity: 1;
    background: #7B1FA2;
}

.mini-container {
    max-width: 800px;
    margin: 0 auto;
}

.matchType {
    background: #FFFFFF;
    box-shadow: 0px 5px 10px rgba(132, 132, 132, 0.15);
    border-radius: 10px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
}

.matchType a {
    background: transparent;
    border-radius: 5px;
    display: block;
    width: 25%;
    text-align: center;
    text-decoration: none;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    color: #636C73;
    padding: 14.5px 0;
}

.matchType a.active {
    background: #7B1FA2;
    box-shadow: 0px 5px 10px rgba(132, 132, 132, 0.15);
    color: #fff;
}

.pointsArea .card {
    border: none;
    margin-bottom: 20px;
    background: #FFFFFF;
    box-shadow: 0px 8px 20px rgba(132, 132, 132, 0.2);
    border-radius: 8px;
    overflow: hidden;
}

.pointsArea .card .header {
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 8px 8px 0px 0px;
    width: 100%;
    padding: 20px 68px 20px 20px;
    position: relative;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #000E1A;
    cursor: pointer;
    transition: 0.5s;
    text-align: left;
    font-weight: bold;
}

.pointsArea .card .header span {
    display: block;
    font-size: 16px;
    color: #636c73;
}


.pointsArea .card .header[aria-expanded="true"] {
    background-color: #FFF;
    box-shadow: 0px 4px 10px rgba(132, 132, 132, 0.15);
}

.pointsArea .card .header img {
    width: 28px;
    height: 28px;
    position: absolute;
    right: 20px;
    top: calc(50% - 14px);
    transition: 0.5s;
}

.pointsArea .card .header[aria-expanded="true"] img {
    transform: rotate(-180deg);
}

.pointsArea .card .pointBody {
    padding: 20px;
}

.pointsArea .card .pointBody .pointTable {
    margin-top: -20px;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 30px;
    max-width: calc(100% + 40px);
    width: calc(100% + 40px);
}

.pointsArea .card .pointBody .pointTable.onlyTable {
    margin-bottom: -20px;
}

.pointsArea .card .pointBody .pointTable thead th {
    border-top: none;
    border-bottom: 1px solid #E7E7E7;
}

.pointsArea .card .pointBody .pointTable thead th,
.pointsArea .card .pointBody .pointTable tbody td {
    padding: 20px;
    font-weight: 400;
    font-size: 16px;
    color: #323D47;
}

.pointsArea .card .pointBody .pointTable tbody td {
    border: none;
}

.pointsArea .card .pointBody .pointTable thead th {
    font-weight: 600;
}

.pointsArea .card .pointBody .pointTable tbody tr:nth-child(2n + 2) td {
    background-color: #F7F8F8;
}

.pointsArea .card .pointBody .pointTable tbody tr:last-child td {
    border-bottom: 1px solid #E7E7E7;
}

.pointsArea .card .pointBody .pointTable tr th:last-child,
.pointsArea .card .pointBody .pointTable tr td:last-child {
    text-align: right;
}

.pointsArea .card .pointBody h2,
.pointsArea .card .pointBody h3,
.pointsArea .card .pointBody h4,
.pointsArea .card .pointBody h5,
.pointsArea .card .pointBody h6 {
    color: #000E1A;
    font-weight: 600;
}

.pointsArea .card .pointBody h2 {
    font-size: 24px;
}

.pointsArea .card .pointBody h3 {
    font-size: 22px;
}

.pointsArea .card .pointBody h4 {
    font-size: 20px;
}

.pointsArea .card .pointBody h5 {
    font-size: 18px;
}

.pointsArea .card .pointBody h6 {
    font-size: 16px;
}

.pointsArea .card .pointBody p {
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    color: #636C73;
}

.pointsArea .card .pointBody ul li {
    margin-bottom: 15px;
}

.pointsArea .diverder {
    height: 40px;
}

/* Point System New 2022 End */

/* How To Play New 2023 Start */
.howContainer {
    margin-bottom: 20px;
}

.howContainer .matchType {
    max-width: 440px;
    margin-left: auto;
    margin-right: auto;
}

.howContainer .matchType a {
    width: 50%;
}

.howPointSystem {
    background: #FCFCFD;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    margin-bottom: 40px;
}

.howPointSystem h2 {
    font-weight: 700;
    font-size: 24px;
    color: #525971;
    margin: 0;
}

.btn.green {
    background: #47BA38;
    border-radius: 5px;
    font-weight: 500;
    font-size: 16px;
    color: #F7F8F8;
    box-shadow: none;
}

.howintro {
    margin-bottom: 100px;
}

.howintro h2 {
    font-weight: 700;
    font-size: 32px;
    color: #525971;
    margin: 0 0 10px;

}

.howintro p {
    font-weight: 400;
    font-size: 16px;
    color: #7D8294;
    margin: 0;
}

.howfooter {
    text-align: center;
    max-width: 550px;
    margin: 0 auto;
}

.howfooter h4,
.howSteps .howStep h4 {
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    color: #3E1160;
    margin: 0 0 10px;
}

.howfooter p,
.howSteps .howStep p {
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    color: #7D8294;
    margin: 0 0 20px;
}

.howfooter img {
    margin-bottom: 28px;
}

.howSteps {
    padding: 50px 0;
}

.howSteps .howStep {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    border-bottom: 1px solid #D2D4D9;
    transition: 0.5s;
    opacity: 0.2;
}

.howSteps .howStep.active {
    opacity: 1;
}

.howSteps .howStep>div {
    width: calc(50% - 50px);
    flex: calc(50% - 50px) 0 0;
}

.howSteps .howStep:nth-child(2n+1)>div h4,
.howSteps .howStep:nth-child(2n+1)>div p {
    text-align: left;
}

.howSteps .howStep:nth-child(2n+2)>div h4,
.howSteps .howStep:nth-child(2n+2)>div p {
    text-align: right;
}

.howSteps .howStep div {
    position: relative;
}

.howSteps .howStep div:nth-child(2) {
    margin-top: 80px;
}

.howSteps .howStep img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
}

.howSteps .howStep span {
    font-weight: 700;
    font-size: 128px;
    line-height: 90px;
    color: #D2D4D9;
    opacity: 0.2;
    position: absolute;
    top: -60px;
}

.howSteps .howStep:nth-child(2n+1) span {
    left: -20px;
}

.howSteps .howStep:nth-child(2n+2) span {
    right: -20px;
}

.howSteps .howStep p {
    max-width: 300px;
}

.howSteps .howStep:nth-child(2n+1)>div p {
    margin-right: auto;
}

.howSteps .howStep:nth-child(2n+2)>div p {
    margin-left: auto;
}

.howSteps .howStep:nth-child(2n+2)>div:first-child {
    order: 2;
}

.howAll {
    position: relative;
}

.processBarmain {
    position: absolute;
    width: 100px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 25%, #FFFFFF 49.48%, #FFFFFF 75.52%, rgba(255, 255, 255, 0) 100%);
    z-index: 2;
    left: calc(50% - 50px);
    height: 100%;
    top: 0px;
}

.processBarmain .bg {
    position: absolute;
    width: 10px;
    top: 0;
    height: 100%;
    background: #FCFCFD;
    border-radius: 50px;
    left: calc(50% - 5px);
}

.processBarmain .bg {
    position: absolute;
    width: 10px;
    top: 0;
    height: 100%;
    background: #FCFCFD;
    border-radius: 50px;
    left: calc(50% - 5px);

}

.processBarmain .bg .processBar {
    position: absolute;
    width: 10px;
    top: 0;
    height: 0%;
    background: #3E1160;
    border-radius: 50px;
    left: calc(50% - 5px);
    transition: 0.2s;
}

.howArea {
    margin-bottom: 50px;
}

.videoAdded {
    position: relative;
    overflow: hidden;
}

.videoAdded .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.videoAdded .container {
    position: relative;
    z-index: 2;
}

.videoAdded .video video {
    min-width: 100%;
    min-height: 100%;
}

.videoAdded .video::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(93.45deg, rgba(0, 136, 255, 0.8) 0.65%, rgba(4, 68, 191, 0.8) 100%);
    opacity: 0.8;
    backdrop-filter: blur(10px);
}

.phone {
    display: none;
}

.stepHeading {
    text-align: center;
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 32px;
    color: #3E1160;
}



/* How To Play New 2023 End */

/*Responsive-css*/
@media (max-width:991px) {
    .footer_menu li a {
        font-size: 14px;
        padding: 6px 0px;
    }

    .footer_row1 {
        padding: 20px 0px;
    }

    .outline {
        font-size: 14px;
        padding: 6px 8px;
        min-width: 140px;
    }

    .feedback p a {
        font-size: 24px;
    }

    .footer_row3 .social_media {
        margin-right: 30px;
    }

    /* Game Page Download APK Start */

    .game-page-hero h2 {
        font-size: 20px;
    }

    /* .games-list ul li {
        width: 200px;
    }

    .games-list ul li {
        width: 160px;
    } */

    .game-winning-users ul li {
        border-radius: 20px;
        padding: 50px 10px 10px;
    }

    /* .games-list ul {
        max-width: 800px;
    } */

    /* Game Page Download APK End */
    /* New Point System Start */
    .sportsTab a span.text {
        font-size: 14px;
    }

    .howSteps .howStep img {
        max-width: 300px;
    }

    /* New Point System End */

    .game-page-hero .row h1 {
        font-size: 24px;
    }

    .game-page-hero .row h2 {
        font-size: 42px;
    }

    .game-page-hero .row p {
        font-size: 16px;
        padding: 2px 10px;
    }
}

@media (max-width:767px) {
    .mobile {
        display: flex !important;
    }

    .usps_list li {
        margin: 10px;
        padding: 0px;
        border-left: none;
    }

    .footer_row1,
    .footer_row2 {
        padding: 15px 0px;
    }

    .footer_row2 .column {
        width: 50%;
        margin: 0px;
    }

    .footer_row2 .footer_menu {
        width: 100%;
        margin-bottom: 20px;
    }

    .footer_row3 .social_media,
    .footer_row3 .feedback,
    .payment_partners {
        margin: 0px auto 15px;
        width: 100%;
    }

    .footer_row4 {
        padding: 15px 0px;
    }

    .footer_row4 .column {
        width: 100%;
        text-align: center !important;
        margin: 0px auto;
    }

    .chatbtn {
        max-width: 45px;
        bottom: 10px;
        right: 10px;
    }

    .chatbtn img {
        max-width: 45px;
        max-height: 45px;
    }

    .right_head {
        display: none;
    }

    .header_sec .container {
        justify-content: center;
    }

    .header_sec .container {
        display: flex;
        -webkit-display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .game-page-hero a.btn {
        margin-top: 10px;
        /* display: none; */
    }

    .game-page-hero {
        padding: 105px 0 40px;
        background-size: auto, 50%, 50%;
    }

    .game-page-hero h2 {
        margin-bottom: 0;
    }

    .game-page-hero .phoneImg img {
        width: 65%;
        margin: 0 auto;
    }

    .game-page-hero .game-Install ul li span.no {
        flex: 0 0 30px;
    }

    .game-page-hero .game-Install ul li span.text {
        font-size: 18px;
    }

    .games-list h3 {
        font-size: 30px;
    }

    .games-list ul li {
        width: 120px;
    }

    .games-list ul li span.text-layer {
        font-size: 20px;
    }

    .game-winning-users .container {
        padding: 0;
    }

    .game-winning-users ul {
        padding-left: 20px;
        overflow: auto;
        justify-content: flex-start;
        padding-top: 40px;
    }

    .game-winning-users ul::-webkit-scrollbar {
        width: 0;
        height: 0px;
    }

    .game-winning-users ul li {
        width: 280px;
        flex: 0 0 290px;
    }

    .game-winning-users ul li:last-child {
        margin-right: 20px;
    }

    .game-winning-users ul li {
        width: 280px;
        flex: 0 0 290px;
    }

    /* .new-sticky_btns {
        display: block;
    } */

    .games-list {
        padding-bottom: 0;
    }

    .games-list ul {
        max-width: 600px;
    }

    /* New Point System Start */
    .sportsTab a img {
        width: 24px;
        height: 24px;
        margin-bottom: 0;
    }

    .sportsTab a {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .sportsTab .container {
        width: 100%;
        overflow: scroll;
        justify-content: start;

    }

    .sportsTab .container::-webkit-scrollbar {
        display: none;
    }

    .sportsTab a:last-child {
        margin: 0;
    }

    .sportsTab a {
        width: auto;
        flex: 0 0 auto;
        margin-right: 0px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .sportsTab a span.text {
        font-size: 12px;
        display: block;
        line-height: normal;
    }

    .sportsTab a:after {
        height: 2px;
    }

    .sportsTab {
        margin-bottom: 16px;
    }

    .mini-container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .matchType {
        margin-bottom: 16px;
    }

    .matchType a {
        font-size: 12px;
        padding: 4px 0;
    }

    .pointsArea .card {
        margin-bottom: 16px;
    }

    .pointsArea .card .header {
        padding: 15px calc(15px + 15px + 24px) 15px 15px;
        font-size: 14px;
        line-height: 18px;
    }

    .pointsArea .card .header img {
        width: 24px;
        height: 24px;
        right: 15px;
        top: calc(50% - 12px);
    }

    .pointsArea .card .pointBody .pointTable thead th,
    .pointsArea .card .pointBody .pointTable tbody td {
        padding: 10px 15px;
        font-size: 12px;
        line-height: normal;
    }

    .pointsArea .card .pointBody {
        padding: 15px;
    }

    .pointsArea .card .pointBody .pointTable {
        margin-top: -15px;
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: 15px;
        max-width: calc(100% + 30px);
        width: calc(100% + 30px);
    }

    .pointsArea .card .pointBody .pointTable.onlyTable {
        margin-bottom: -15px;
    }

    .pointsArea .card .pointBody p {
        font-size: 12px;
    }

    .pointsArea .card .pointBody ul li {
        margin-bottom: 10px;
    }

    .pointsArea .card .header span {
        font-size: 12px;
    }

    .pointsArea .card .pointBody h1 {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .pointsArea .card .pointBody h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .pointsArea .card .pointBody h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .pointsArea .card .pointBody h4 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .pointsArea .card .pointBody h5 {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .pointsArea .card .pointBody h6 {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .pointsArea .diverder {
        height: 20px;
    }

    /* New Point System End */
    /* How to play new Start */
    .howPointSystem {
        display: block;
        text-align: center;
        padding: 10px;
        margin-bottom: 20px;
    }

    .howPointSystem h2 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .btn.green {
        font-size: 14px;
        min-width: 180px;
        padding: 0px 15px;
        height: 40px;
        line-height: 40px;
    }

    .howintro h2 {
        font-size: 24px;
    }

    .howintro p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 15px;
    }

    .video_column iframe {
        height: 200px;
    }

    .howintro {
        margin-bottom: 50px;
    }

    .processBarmain {
        left: 0;
        width: 10px;
    }

    .howSteps {
        padding: 25px 0;
    }

    .howSteps .howStep {
        display: block;
    }

    .howSteps .howStep>div {
        width: 100%;
        flex: 100% 0 0;
    }

    .howSteps .howStep img {
        max-width: 250px;
    }

    .howSteps .howStep>div:first-child {
        margin-bottom: 10px;
    }

    .howSteps .howStep:nth-child(2n+1)>div h4,
    .howSteps .howStep:nth-child(2n+1)>div p,
    .howSteps .howStep:nth-child(2n+2)>div h4,
    .howSteps .howStep:nth-child(2n+2)>div p {
        text-align: center;
    }

    .howSteps .howStep:nth-child(2n+2)>div p,
    .howSteps .howStep:nth-child(2n+1)>div p {
        margin-left: auto;
        margin-right: auto;
    }

    .howfooter h4,
    .howSteps .howStep h4 {
        font-size: 18px;
    }

    .howSteps .howStep:nth-child(2n+1) span,
    .howSteps .howStep:nth-child(2n+2) span {
        left: 40px;
        right: auto;
    }

    .howSteps .howStep {
        border-bottom: none;
    }

    .howSteps .howStep span {
        font-size: 80px;
        line-height: 60px;
        top: -30px;
    }

    .howSteps .howStep>div:first-child {
        position: relative;
    }

    .howSteps .howStep>div:first-child::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 40px;
        bottom: 0;
        left: 0;
        z-index: 1;
        background-image: linear-gradient(rgba(256, 256, 256, 0), rgba(256, 256, 256, 0.7), rgba(256, 256, 256, 1));
    }

    .howSteps {
        margin-left: 10px;
    }

    .howSteps .howStep span {
        z-index: 4;
    }

    .howSteps .howStep div:nth-child(2) {
        margin-top: 0px;
    }

    .stepHeading {
        text-align: left;
        margin-bottom: 10px;
        font-size: 20px;
    }

    /* How to play new End */
}

@media (max-width:599px) {
    .logo {
        max-width: 170px;
    }

    .btnv2 {
        padding: 12px 10px;
        min-width: 140px;
        font-size: 14px;
    }

    .header_sec {
        padding: 15px 0;
    }

    .brand_add {
        display: none;
    }

    .footer_row2 .column {
        margin-top: 20px;
        width: 100%;
    }

    .footer_row2 .footer_menu {
        margin-top: 0px;
    }

    .sticky_btns {
        max-width: 300px;
        padding: 5px;
        bottom: 5px;
    }

    .btnsbox a {
        padding: 8px 10px;
        min-width: 150px;
    }

    .btnsbox a span {
        width: 18px;
        height: 18px;
    }

    .btnsbox a {
        padding: 8px 8px;
        min-width: 140px;
    }

    .btnsbox p {
        padding-left: 5px;
    }

    .btnsbox p strong {
        font-size: 14px;
    }

    .chatbtn {
        bottom: 60px;
    }

    .usps_list li {
        margin: 5px;
    }

    .btnsbox a:last-of-type {
        margin-left: 0px;
    }

    .btnsbox a:first-of-type {
        margin-right: 7px;
    }

    .footer_disc p {
        font-size: 12px;
        line-height: 18px;
    }

    .sticky_btns {
        max-width: 346px;
    }

    .game-page-hero {
        padding: 85px 0 20px;
        background-size: 20%, 50%, 50%;
    }

    .game-page-hero h2 {
        font-size: 18px;
        padding: 6px;
    }

    .game-page-hero .game-Install h3 {
        font-size: 20px;
    }

    .game-page-hero .game-Install ul li span.text {
        font-size: 14px;
        line-height: normal;
    }

    .game-page-hero .game-Install ul li {
        margin-right: 30px;
    }

    .game-page-hero .game-Install ul li:after {
        width: 10px;
        height: 15px;
        right: -20px;
        top: calc(50% - 7.5px);
    }

    .games-apps-status ul li {
        font-size: 16px;
    }

    .games-list {
        padding: 30px 0 0;
    }

    .games-list ul li:first-child {
        display: block;
    }

    .game-winning-users ul li img {
        width: 60px;
        height: 60px;
        border-width: 4px;
        top: -30px;
        left: calc(50% - 30px);
    }

    .game-winning-users ul li {
        padding-top: 40px;
    }

    .game-winning-users ul li h4 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .game-winning-users ul li h5 {
        font-size: 22px;
    }

    .game-page-hero a.btn,
    .new-sticky_btns a.btn {
        font-size: 20px;
    }

    .games-list ul {
        max-width: 480px;
    }

    .games-list ul li:nth-child(5) {
        margin-right: 20px;
    }

    .games-list ul li:nth-child(3n+3) {
        margin-right: 0;
    }

    .sticky_btns {
        max-width: 100%;
        padding: 0;
        bottom: 0;
    }

    .sticky_btns a.singleButton {
        border-radius: 0px;
    }

    /* New Point System Start */
    .sportsTab {
        position: relative;
    }

    .sportsTab::after {
        content: "";
        display: block;
        width: 16px;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.7);
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
    }

    .sportsTab::before {
        content: "";
        display: block;
        width: 16px;
        height: 16px;
        position: absolute;
        top: calc(50% - 8px);
        right: 0;
        z-index: 2;
        background-image: url("https://fpa-html-images.s3.ap-south-1.amazonaws.com/fpav5_images/CaretDown.svg");
        transform: rotate(-90deg);
        filter: brightness(0);
    }

    /* New Point System End */
    .game-Install {
        margin-top: 20px;
    }

}

@media (max-width:479px) {
    .usps_list {
        align-items: flex-start;
        flex-wrap: nowrap;
        margin: 0px -5px;
    }

    .usps_list li {
        margin: 0px;
        padding: 0px 3px;
        font-size: 10px;
        line-height: normal;
        text-align: center;
        font-weight: 400;
    }

    .usps_list li span.icon {
        display: block;
        margin: 0px auto 5px;
    }

    .game-page-hero .phoneImg img {
        width: 85%;
    }

    .game-page-hero .game-Install ul li span.no {
        width: 20px;
        height: 20px;
        line-height: 20px;
        flex: 0 0 20px;
        font-size: 14px;
        margin-right: 5px;
    }

    .game-page-hero .game-Install ul li {
        margin-right: 20px;
    }

    .game-page-hero .game-Install ul li:after {
        right: -15px;
    }

    .game-page-hero .game-Install ul li span.text {
        font-size: 11px;
    }

    .game-page-hero .game-Install h3 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .games-apps-status {
        padding: 10px 0;
    }

    .games-apps-status ul li {
        margin-right: 30px;
    }

    .games-apps-status ul li:after {
        right: -16px;
    }

    .games-apps-status ul li {
        font-size: 14px;
        line-height: normal;
    }

    .games-list h3 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .games-list ul li {
        margin-right: 10px;
        margin-bottom: 10px;
        width: calc(33.33% - 6.7px);
    }

    .games-list ul li:nth-child(5) {
        margin-right: 10px;
    }

    .game-winning-users ul {
        padding-left: 15px;
    }

    .game-winning-users ul li {
        margin-right: 15px;
        flex: 0 0 240px;
    }

    .game-winning-users ul li:last-child {
        margin-right: 15px;
    }
}

@media (max-width:359px) {
    .logo {
        max-width: 140px;
    }

    .btnv2 {
        min-width: 128px;
    }

    .social_media ul li {
        margin: 0px 3px;
    }

    .footer_row4 p {
        font-size: 12px;
    }

    .footer_menu li a {
        font-size: 13px;
    }
}

/*FPA-v2-Header-Footer-Css-END*/


.table_formate {
    background: #ffffff;
    border-radius: 4px;
    max-width: 800px;
    width: 100%;
    overflow: hidden;
    border: 1px solid #eeeeee;
    margin-bottom: 30px;
}

.table_formate table {
    width: 100%;
}

.table_formate th {
    font-weight: bold;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    background: #7B1FA2;
    padding: 10px 10px;
    border-right: 1px solid #eeeeee;
}

.table_formate td {
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    padding: 8px 10px;
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}

.table_formate tr:nth-child(odd) td {
    background: #f8f8f8;
}

@media (max-width:767px) {
    .table_formate {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

    .table_formate table {
        width: 600px;
    }

    .table_formate th {
        font-size: 12px;
        padding: 10px 5px;
        line-height: 14px;
    }

    .table_formate td {
        padding: 6px 5px;
        font-size: 14px;
    }

    .table_formate td img {
        width: 20px;
        height: 20px;
        object-fit: contain;
    }
}

.normalData {
    display: none;
}

/* About Us CSS 2023 Start */
.aboutus_top {
    min-height: 650px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    padding-top: 300px;
    padding-bottom: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aboutus_top:before {
    content: "";
    background: url(https://fpa-html-images.s3.ap-south-1.amazonaws.com/fpav5_images/aboutus_bannerRound.png) no-repeat center bottom;
    background-size: cover;
    width: 100%;
    height: 310px;
    position: absolute;
    left: 0;
    bottom: 0;
    pointer-events: none;
}

.aboutus_top h1 {
    color: #fff;
    font-size: 62px;
}

.aboutus_top p {
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    font-weight: normal;
    padding: 0px 30px;
}

.aboutText {
    padding: 70px 0px;
}

.aboutText .col-md-9.text,
.vision_mission .col-md-9.text {
    padding-right: 80px;
}

.aboutText h2,
.vision_mission h3,
.aboutText h3,
.ourLeaders h3 {
    color: #3E1160;
    font-size: 40px;
}

.aboutText p,
.vision_mission p {
    color: #0D2647;
    font-size: 18px;
    line-height: 28px;
}

.vision_mission h5 {
    color: #0D2647;
}

/**/
.historyStep {
    transform: translate(0px, 20px);
    transition: all 0.5s linear;
    -webkit-transform: translate(0px, 20px);
    -moz-transform: translate(0px, 20px);
    -ms-transform: translate(0px, 20px);
    -o-transform: translate(0px, 20px);
}

.historyStep .imageBox,
.historyStep .textBox,
.historyStep .yearBox span {
    opacity: 0.25;
}

.historyStep.active {
    transform: translate(0px, 0px);
}

.historyStep.active .imageBox,
.historyStep.active .textBox,
.historyStep.active .yearBox span {
    opacity: 1;
}

.history_chart {
    position: relative;
    max-width: 800px;
    margin: 50px auto 0px;
}

.history_chart:before {
    content: "";
    background: #D2D4D9;
    width: 2px;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -1px;
}

.history_chart .processBar {
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -2px;
    width: 4px;
    background: #7B1FA2;
}

.historyStep {
    display: flex;
    align-items: center;
    position: relative;
    min-height: 170px;
}

.history_chart .historyStep.first.active:before {
    content: "";
    background: #7B1FA2;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    margin-left: -7px;
    top: 0px;
}

.history_chart .historyStep.last:before {
    content: "";
    background: #fff;
    width: 14px;
    height: 100px;
    position: absolute;
    left: 50%;
    margin-left: -7px;
    top: 50%;
}

.historyStep .imageBox,
.historyStep .textBox {
    width: calc(50% - 100px);
}

.historyStep .yearBox {
    width: 200px;
    text-align: center;
    position: relative;
    z-index: 1;
    background: #fff;
    padding: 20px 0px;
}

.historyStep .yearBox span {
    font-size: 24px;
    font-weight: bold;
    color: #3E1160;
}

.historyStep .textBox p {
    color: #3E1160;
    margin: 0px;
    font-size: 20px;
}

.heighlights {
    margin-top: 50px;
}

.heighlights ul {
    display: flex;
    align-items: center;
    padding: 0px;
    margin: 0px;
}

.heighlights ul li {
    list-style: none;
    width: 25%;
    padding-left: 25px;
    position: relative;
}

.heighlights ul li:first-of-type {
    padding-left: 0px;
}

.heighlights ul li:before {
    content: "";
    width: 2px;
    height: 90px;
    position: absolute;
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 50%, rgba(255, 255, 255, 0) 100%);
    left: -10px;
    top: 50%;
    margin-top: -45px;
}

.heighlights ul li:first-of-type:before {
    display: none;
}

.heighlights ul li p {
    display: flex;
    margin: 0px;
    align-items: center;
}

.heighlights ul li p strong {
    color: #3E1160;
    font-weight: 600;
    font-size: 48px;
    margin-right: 10px;
}

.heighlights ul li p span {
    color: #7B1FA2;
    font-size: 24px;
    line-height: normal;
}

.ourLeaders {
    margin-top: 80px;
    margin-bottom: 80px;
}

.ourLeaders p {
    color: #0D2647;
    font-size: 18px;
    line-height: 28px;
}

.ourLeaders ul {
    padding: 0px;
    margin: 0px;
    display: flex;
}

.ourLeaders ul li {
    list-style: none;
    width: calc(50% - 10px);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.ourLeaders ul li:first-of-type {
    margin-right: 20px;
}

.leaderImage img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.ourLeaders .imageOverlay {
    background: rgba(231, 231, 231, 0.8);
    position: absolute;
    left: 0;
    bottom: 0px;
    padding: 15px;
    border-radius: 10px 10px 0 0;
}

.ourLeaders .imageOverlay h4 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 0px;
    color: #3E1160;
}

.ourLeaders .imageOverlay h5 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 5px;
    color: #3E1160;
}

.ourLeaders .imageOverlay p {
    margin-bottom: 0px;
}

.ourLeaders li:hover .leaderImage img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

/*Rating and Reviews*/
.review_section {
    padding: 70px 0px;
    position: relative;
}

.review_section .container {
    margin-bottom: 20px;
}

.review_section h4 {
    color: #3E1160;
}

.review_section h4 span {
    color: #7B1FA2;
}

.reviewBox {
    background: #fff;
    position: relative;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
    border-radius: 10px;
    overflow: hidden;
    padding: 20px 20px 50px;
}

.reviewBox:before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 10px;
    z-index: 1;
    border: 2px solid transparent;
    /*2*/
    background: linear-gradient(0deg, rgba(202, 202, 202, 0), rgba(0, 136, 255, 1)) border-box;
    /*3*/
    position: absolute;
    left: 0;
    top: 0px;
    pointer-events: none;
    -webkit-mask:
        /*4*/
        linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    /*5'*/
    mask-composite: exclude;
    /*5*/
}

.review_section .headbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.review_section .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.review_section .left_box {
    width: 100%;
    display: flex;
    align-items: center;
}

.review_section .thumb {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    overflow: hidden;
}

.review_section .TitleName {
    width: calc(100% - 60px);
    padding-left: 10px;
}

.review_section .TitleName p {
    margin: 0px;
    font-size: 18px;
    min-height: 0px;
}

.review_section .TitleName p small {
    font-size: 14px;
}

.winPrice {
    background: #E2F2FF;
    border-radius: 8px;
    padding: 10px 25px;
    color: #7B1FA2;
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
}

.review_section p {
    min-height: 80px;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 25px;
}

.ReviewSlider .item {
    padding: 10px 0px;
    max-width: 750px;
}

.ReviewSlider .owl-item {
    opacity: 0.3;
}

.ReviewSlider .owl-item.active.center {
    opacity: 1;
}

#counter {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    bottom: 116px;
    z-index: 1;
    color: #3E1160;
}

.ReviewSlider {
    margin-bottom: 20px;
}

.ReviewSlider .owl-dots {
    display: none;
}

.ReviewSlider .owl-nav {
    width: 170px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    text-align: center;
    bottom: 22px;
}

.ReviewSlider .owl-nav span {
    display: none;
}

.ReviewSlider .owl-nav .owl-prev {
    width: 44px;
    height: 16px;
    background: url(https://fpa-html-images.s3.ap-south-1.amazonaws.com/fpav5_images/blueArrow.svg) no-repeat !important;
    display: inline-block;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.ReviewSlider .owl-nav .owl-next {
    width: 44px;
    height: 16px;
    background: url(https://fpa-html-images.s3.ap-south-1.amazonaws.com/fpav5_images/blueArrow.svg) no-repeat !important;
    display: inline-block;
    margin-left: 50px;
}

/*Page Responsive CSS*/
@media (max-width:1199px) {
    .aboutus_top {
        min-height: 550px;
        padding-top: 190px;
        padding-bottom: 100px;
    }

    .aboutus_top h1 {
        font-size: 52px;
    }

    .aboutus_top p {
        font-size: 24px;
        line-height: 34px;
        padding: 0;
    }

    .heighlights ul li {
        padding-left: 15px;
    }

    .heighlights ul li p strong {
        font-size: 34px;
    }

    .heighlights ul li p span {
        font-size: 20px;
    }

    .heighlights ul li:before {
        height: 70px;
        margin-top: -35px;
    }
}

@media (max-width:1024px) {
    .aboutus_top h1 {
        font-size: 46px;
    }

    .aboutus_top p {
        font-size: 20px;
        line-height: 30px;
    }

    .aboutus_top {
        min-height: 480px;
    }

    .aboutus_top:before {
        background-size: auto 110%;
        height: 180px;
    }

    .aboutText {
        padding: 50px 0px;
    }

    .aboutText .col-md-9.text,
    .vision_mission .col-md-9.text {
        padding-right: 40px;
    }

    .aboutText h2,
    .vision_mission h3,
    .aboutText h3,
    .ourLeaders h3 {
        font-size: 36px;
    }

    .ourLeaders p {
        font-size: 16px;
        line-height: 24px;
    }

    .ourLeaders .imageOverlay h4 {
        font-size: 28px;
    }

    .ourLeaders .imageOverlay h5 {
        font-size: 22px;
    }

    .ourLeaders {
        margin-top: 50px;
        margin-bottom: 50px;
    }
}

@media (max-width:991px) {
    .aboutus_top {
        min-height: 420px;
        padding-top: 150px;
        padding-bottom: 50px;
    }

    .aboutus_top h1 {
        font-size: 38px;
        margin-bottom: 10px;
    }

    .aboutus_top p {
        font-size: 18px;
        line-height: 26px;
    }

    .aboutus_top:before {
        height: 140px;
    }

    .aboutText .col-md-9.text,
    .vision_mission .col-md-9.text {
        padding-right: 15px;
    }

    .historyStep .textBox p {
        font-size: 18px;
    }

    .historyStep .imageBox,
    .historyStep .textBox {
        width: calc(50% - 70px);
    }

    .historyStep .yearBox {
        width: 140px;
        padding: 12px 0px;
    }

    .historyStep .yearBox span {
        font-size: 20px;
    }

    .historyStep {
        min-height: 140px;
    }

    .heighlights {
        margin-top: 30px;
    }

    .heighlights ul li {
        padding-left: 0px;
    }

    .heighlights ul li p {
        text-align: center;
    }

    .heighlights ul li p span {
        font-size: 16px;
    }

    .heighlights ul li:before {
        height: 60px;
        margin-top: -30px;
    }

    .heighlights ul li p {
        flex-wrap: wrap;
        justify-content: center;
    }

    .heighlights ul li p strong {
        font-size: 28px;
        display: block;
        margin: 0px 0px 5px;
        width: 100%;
    }

    .heighlights ul li p span br {
        display: none;
    }

    .ourLeaders {
        margin-bottom: 0px;
    }

    .ourLeaders ul {
        flex-wrap: wrap;
        margin-top: 30px;
    }

    .ourLeaders ul li:first-of-type {
        margin-right: auto;
    }

    .ourLeaders ul li {
        width: 100%;
        margin: 0px auto 15px;
        max-width: 480px;
    }
}

@media (max-width:767px) {

    .aboutText .col-md-3,
    .vision_mission .col-md-3 {
        max-width: 300px;
        margin: 20px auto auto;
    }

    .ReviewSlider .item {
        max-width: 450px;
    }

    .ReviewSlider .owl-nav {
        bottom: 0;
        margin-top: 10px;
        position: relative;
    }

    #counter {
        bottom: 65px;
    }

    .review_section {
        padding: 40px 0;
    }

    .aboutText p,
    .vision_mission p {
        font-size: 16px;
        line-height: 24px;
    }

    .aboutus_top {
        min-height: 360px;
        padding-top: 150px;
        padding-bottom: 50px;
    }

    .history_chart .historyStep.first.active:before {
        width: 10px;
        height: 10px;
        margin-left: -5px;
    }

    .history_chart .processBar {
        width: 2px;
        margin-left: -1px;
    }

    .historyStep .yearBox {
        width: 100px;
        padding: 7px 0px;
    }

    .historyStep .yearBox span {
        font-size: 16px;
    }

    .historyStep .textBox p {
        font-size: 14px;
        line-height: 20px;
    }

    .historyStep .imageBox,
    .historyStep .textBox {
        width: calc(50% - 50px);
    }

    .historyStep .imageBox img {
        max-width: 90%;
        max-height: 65px;
        object-fit: cover;
    }

    .historyStep {
        min-height: 100px;
    }

    .heighlights ul {
        flex-wrap: wrap;
    }

    .heighlights ul li {
        width: 100%;
        margin: 20px auto;
    }

    .heighlights ul li:before {
        display: none;
    }

    .aboutText h2,
    .vision_mission h3,
    .aboutText h3,
    .ourLeaders h3 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .reviewBox {
        padding: 15px 15px 20px;
    }

    .review_section .TitleName p small {
        display: block;
    }

    .vision_mission {
        padding-top: 0px;
    }
}

@media (max-width:479px) {
    .ourLeaders .imageOverlay h4 {
        font-size: 24px;
    }

    .ourLeaders .imageOverlay h5 {
        font-size: 18px;
    }

    .ourLeaders .imageOverlay p {
        font-size: 14px;
        line-height: 20px;
    }

    .ourLeaders ul li {
        background: #ececec;
    }

    .ourLeaders .imageOverlay {
        position: relative;
        padding: 10px;
        margin: -90px 10px auto;
    }

    .ReviewSlider .item {
        max-width: 350px;
    }

    .reviewBox {
        padding: 15px 15px 20px;
    }

    .winPrice {
        font-size: 18px;
    }

    .review_section p {
        font-size: 16px;
        line-height: 24px;
    }

    .aboutus_top h1 {
        font-size: 32px;
    }

    .aboutus_top p {
        font-size: 16px;
        line-height: 24px;
    }

    .historyStep .textBox p br {
        display: none;
    }
}

@media (max-width:359px) {
    .ReviewSlider .item {
        max-width: 290px;
    }

    .historyStep .yearBox {
        width: 70px;
    }

    .historyStep .imageBox,
    .historyStep .textBox {
        width: calc(50% - 35px);
    }

    .historyStep .textBox p {
        font-size: 13px;
        line-height: 18px;
    }

    .historyStep {
        min-height: 120px;
    }

}

/* About Us CSS 2023 End */

/* Loading CSS  */
.loading .sportsTab,
.loading .mini-container .matchType {
    display: none;
}

.aigf {
    max-width: 150px;
}


/* FAQs New CSS */
.faq-master-sec .container {
    max-width: 960px !important;
}

ul#faqPoints {
    padding: 0;
    width: auto;
}

ul#faqPoints li {
    list-style: none;
}

.topics-bx {
    border-radius: 10px;
    border: 1px solid #EBEBEB;
    background: #fff;
    min-height: 160px;
    margin-bottom: 60px;
    box-shadow: 0px 4px 10px rgba(132, 132, 132, 0.15);
    display: block;
    padding: 0px 15px 15px;
    text-decoration: none !important;
    text-align: center;
    transition: all 0.5s ease;
}

.topics-bx h5 {
    color: #3E1160;
    margin: 20px 0 10px;
    font-size: 24px;
    transition: all0.5s ease;
}

.topics-bx:hover {
    border-color: #7B1FA2;
}

.topics-bx:hover h5 {
    color: #7B1FA2;
}

.topics-bx p {
    margin: 0;
    color: #0D2647;
    font-size: 18px;
    line-height: 25px;
}

.topics-bx span.icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    background: #fff;
    border-radius: 100%;
    box-shadow: 0px 4px 10px rgba(132, 132, 132, 0.15);
    padding: 7px;
    margin: -29px auto auto;
}

.topics-bx span.icon img {
    width: 34px;
    height: 34px;
    object-fit: contain;
}

.searchBar {
    margin-bottom: 80px;
}

.searchBar h2 {
    color: #3E1160;
    font-size: 40px;
}

.searchBox {
    box-shadow: 0px 4px 10px rgba(132, 132, 132, 0.15);
    border-radius: 8px;
    background: #fff;
    padding: 10px 15px;
    display: flex;
    align-items: center;
}

.searchBox input[type="search"] {
    border: none;
    outline: none;
    padding: 0px 0px 0px 35px;
    background: url(https://fpa-html-images.s3.ap-south-1.amazonaws.com/fpav5_images/MagnifyingGlass.svg) no-repeat left center;
    width: 100%;
    min-height: 50px;
    font-size: 16px;
}

.searchBox .btn {
    width: 92px;
    border-radius: 5px;
    min-width: 0px;
    height: 50px;
    font-size: 16px;
    font-weight: normal;
    line-height: 50px;
    box-shadow: none;
}

@media (max-width:991px) {
    .top_section.banner_style01 {
        min-height: 400px;
    }

    .searchBar h2 {
        font-size: 30px;
    }

    .searchBox {
        padding: 8px 12px;
        border-radius: 4px;
    }

    .topics-bx {
        padding: 0px 10px 10px;
        min-height: 140px;
        margin-bottom: 40px;
    }

    .topics-bx span.icon {
        width: 44px;
        height: 44px;
        padding: 5px;
        margin-top: -22px;
    }

    .topics-bx span.icon img {
        width: 28px;
        height: 28px;
    }

    .topics-bx h5 {
        font-size: 20px;
        margin: 15px 0 5px;
    }

    .topics-bx p {
        font-size: 15px;
        line-height: 22px;
    }
}

@media (max-width:767px) {
    .top_section.banner_style01 {
        min-height: 360px;
    }

    .searchBar {
        margin-bottom: 60px;
    }

    .searchBar h2 {
        font-size: 24px;
    }

    .searchBox {
        padding: 5px;
    }

    .searchBox input[type="search"] {
        min-height: 36px;
        background-size: 20px 20px;
        padding: 0px 0px 0px 28px;
    }

    .searchBox .btn {
        height: 36px;
        width: 80px;
        font-size: 14px;
        line-height: 36px;
        border-radius: 4px;
    }

    ul#faqPoints li:nth-child(odd) {
        padding-right: 5px;
    }

    ul#faqPoints li:nth-child(even) {
        padding-left: 5px;
    }

    .topics-bx {
        padding: 0px 5px 10px;
    }

    .topics-bx h5 {
        font-size: 18px;
        margin: 10px 0 5px;
    }

    .topics-bx p {
        font-size: 14px;
        line-height: 20px;
    }
}

/* FAQs New CSS */
/* Instant Withdraw Start */
.instnimg {
    background-blend-mode: screen;
    mix-blend-mode: screen;
    margin-bottom: 20px;
}

.instWithContent ul.withdrawMony {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
}

.instWithContent ul.withdrawMony li:last-child {
    margin-right: 0;
}

.instWithContent ul.withdrawMony li {
    background: #EEF7FF;
    border: 1px solid #7B1FA2;
    box-shadow: 0px 4px 10px rgba(17, 65, 193, 0.15);
    border-radius: 6px;
    padding: 24px;
    list-style: none;
    text-align: center;
    margin-right: 40px;
}

.instWithContent ul.withdrawMony li strong {
    display: block;
    font-weight: 600;
    font-size: 60px;
    color: #7B1FA2;
    margin-bottom: 10px;
}

.instWithContent ul.withdrawMony li span {
    font-weight: 500;
    font-size: 24px;
    color: #3E1160;
    max-width: 300px;
    display: block;
}

.instWithContent li {
    margin-bottom: 0;
}

.instWithContent li>p {
    font-weight: 400;
    font-size: 18px;
    color: #0D2647;
    margin: 0 0 15px;
}

.instWithContent h3 {
    text-align: center;
    font-weight: 600;
    font-size: 40px;
    color: #3E1160;
    margin-top: 40px;
    margin-bottom: 20px;
}

@media (max-width:767px) {
    .instnimg {
        max-width: 200px;
    }

    .instnimg+h1 {
        font-size: 20px;
        margin: 0;
    }

    .instWithContent ul.withdrawMony li {
        padding: 12px;
        margin-right: 10px;
        width: 50%;
        flex: 0 0 calc(50% - 10px);
    }

    .instWithContent ul.withdrawMony li strong {
        font-size: 30px;
        line-height: normal;
    }

    .instWithContent ul.withdrawMony li span {
        font-size: 14px;
        line-height: normal;
    }

    .instWithContent h3 {
        font-size: 24px;
        margin-top: 30px;
        margin-bottom: 10px;
    }

    .instWithContent li>p {
        margin: 0 0 10px;
        font-size: 14px;
    }
}

/* languageSticky */
.languageSticky,
.languageStickyDesktop {
    position: fixed;
    right: 0;
    bottom: 72px;
    padding: 2px;
    background: linear-gradient(180deg, #323D47 0%, #000E1A 100%);
    border-radius: 40px 0px 0px 40px;
    z-index: 5000;
    transition: 0.5s;
    display: none;
    align-items: center;
    justify-content: center;
    padding-right: 16px;
    text-decoration: none;
}

.languageSticky {
    animation: slideRightDesk 1s ease-out 0s 1 alternate forwards;
}

.languageStickyDesktop {
    padding: 4px;
    bottom: unset;
    top: 72px;
}

.languageStickyDesktop {
    right: -75px;
}

.languageStickyDesktop:hover {
    text-decoration: none;
}

.animateDesk {
    animation: slideRightDesk 1s ease-out 0s 1 alternate forwards;
}

@keyframes slideRight {
    from {
        right: 0;
    }

    to {
        right: -60px;
    }
}

@keyframes slideRightDesk {
    from {
        right: 0;
    }

    to {
        right: -75px;
    }
}



.languageSticky span.icon,
.languageStickyDesktop span.icon {
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 40px;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 6px;
    margin-right: 12px;
}

.languageStickyDesktop span.icon {
    width: 40px;
    height: 40px;
}

.languageSticky span.text,
.languageStickyDesktop span.text {
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-size: 14px;
    color: #FFFFFF;
    text-align: left;
    display: block;
    min-width: 46px;
}

.languageStickyDesktop span.text {
    text-decoration: none;
    font-size: 18px;
    width: 65px;
}

/* Desktop Language Page */

/* Instant Withdraw Start */


.contentPage h2 {
    text-transform: uppercase;
}

/* tn css */
.tn_tandC {
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    transition: 0.5s;
}

.tn_tandC.noSticky {
    position: relative;
}

.tn_tandC .tn_body {
    background: #F2F2F7;
    box-shadow: 0px -1px 6px 0px rgba(0, 0, 0, 0.09);
    padding: 8px 16px;
    position: relative;
}

.mainPage .tn_tandC .tn_body{
    border-radius: 12px 12px 0 0;
}

.tn_tandC .tn_body p {
    margin: 0;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
}

.tn_tandC .tn_body a.closeBtn {
    width: 24px;
    height: 24px;
    background-color: #fff;
    padding: 6px;
    border-radius: 50%;
    position: absolute;
    right: 8px;
    top: -8px;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
}

.tn_tandC.noSticky .tn_body a.closeBtn {
    display: none;
}

.tn_tandC .tn_body a.closeBtn svg {
    width: 100%;
    height: 100%;
    display: block;
}

@media (max-width:1399px) {
    .mainPage .tn_tandC .tn_body {
        margin-right: 80px;
    }
}

@media (max-width:767px) {

    .tn_tandC .tn_body p {
        font-size: 10px;
    }

    .tn_tandC .tn_body p img {
        width: 12px;
        height: 12px;
    }
}

@media (max-width:599px) {
    .mainPage .tn_tandC .tn_body {
        margin-right: 0px;
    }
}