@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;
}
 

 
body {
    font-size: 16px;
    padding: 0 !important;
}

ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

a {
    text-decoration: none;
    cursor: pointer;
}

img {
    width: 100%;
    height: auto;
}

h1,
h3,
h4,
h5,
h6 {
    margin-bottom: 1.3rem;
    font-weight: 700;
}

h1 {
    font-size: clamp(25px, 4.2vw, 58px);
}

h2 {
    font-size: clamp(22px, 4.2vw, 48px);
    font-weight: 700;
}

h3 {

    font-size: clamp(21px, 4.5vw, 48px);
}

h4 {
    font-size: clamp(19px, 4.5vw, 32px);
}

h5 {
    font-size: clamp(17px, 4.5vw, 24px);
}

h6 {
    font-size: clamp(16px, 4vw, 22px);
    font-weight: 500;
}

a:hover {
    text-decoration: none
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
    --Yellow-Color: #d8df20;
    --white-bg-color: #fff;
    --white-bg-color01: #F3F3F3;
    --white-bg-color02: #EEFFF6;
    --gradienthead-bg: linear-gradient(to right, #006138, #00361C);
    --gradient01-bg: #19c3d1;
    --gradient02-bg: #19c3d1;
    --gradient03-bg: #d8df20;
   --red-bg-color: #d8df20;
--gradientheader-bg: #19c3d1;
    --white-font: #FFF;
    --grey-font-color01: #676767;
    --dark-black01-font: #0B1823;
    --dark-black02-font: #222;
    --dark-black03-font: #0B0B18;
    --dark-black04-font: #232323;
    --green-font01-color: #4CAF50;
    --green-font02-color: #d8df20;

    --blue-font-color01: #19c3d1;

    --white-border-color01: #ccc;
    --black-font-color01: #000;

    --grey-border-color01: rgb(227 227 227 / 45%);

    --box-dark-shadow-25: rgba(0, 0, 0, 0.25);
    --box-dark-shadow-2: rgba(0, 0, 0, 0.2);
    --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}


.container {
    max-width: 1200px;
}

.container-fluid {
    max-width: 1230px !important;
    position: relative;
}


.navbar-brand img {
    max-width: 270px;
}


.header {
    background: var(--gradientheader-bg);
    box-shadow: 0 2px 5px var(--box-dark-shadow-2);
    padding: 1px 20px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    transition: all .6s;
}

.header_in {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.header_in button {
    background: transparent;
    border: none;
    width: 30px;
    height: 30px;
    cursor: pointer;
    outline: 0;
}

.header_in .toggle span {
    width: 100%;
    height: 5px;
    background: var(--red-bg-color);
    display: block;
    position: relative;
    cursor: pointer;
    border-radius: 100px;
}

.header_in .toggle span:before,
.header_in .toggle span:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--red-bg-color);
    transition: all 0.3s ease-out;
    border-radius: 100px;
}

.header_in .toggle span:before {
    top: -11px;
}

.header_in .toggle span:after {
    top: 11px;
}

.header_in .toggle span.toggle {
    background: transparent;
}

.header_in .toggle span.toggle:before {
    top: 0;
    transform: rotate(-45deg);
    background: var(--red-bg-color);

}

.header_in .toggle span.toggle:after {
    top: 0;
    transform: rotate(45deg);
    background: var(--red-bg-color);
}

.sidebar {
    display: none;
}

.sidebar.sidebarshow {
    color: var(--white-font);
    min-width: 250px;
    width: auto;
    height: auto;
    padding: 0px;
    border-radius: 10px;
    position: absolute;
    right: 0px;
    top: 70px;
    background: var(--white-bg-color);
    transition: all .6s ease;
    display: block;
    transform: translate(5px, 5px);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 10%);
}

.header.sticky_header .sidebar.sidebarshow {
    top: 40px;
}

.sidebar.sidebar ul li:last-child a.loginbtn {
    background: var(--gradient01-bg);
    color: var(--white-font);
    border-radius: 0px 0px 8px 8px;
}

.sidebar.sidebar ul li:first-child a {
    border-radius: 8px 8px 0px 0px;
}

.sidebar.sidebar ul {
    display: block;
    margin: 0;
    padding: 0;
}

.sidebar.sidebar ul li {
    width: 100%;
    border-bottom: solid 1px rgba(255, 255, 255, 0.17);
}

.sidebar.sidebar ul li:hover a {
    color: var(--white-font);
    background: var(--gradient01-bg);
}

.sidebar.sidebar ul li:last-child {
    border-bottom: none;
}

.sidebar.sidebar ul li a {
    color: var(--black-font-color01);
    display: flex;
    padding: 10px 10px;
}

.sidebar.sidebar ul li a span {
    margin-right: 10px;
}

.sidebar.sidebar ul li a span img {
    max-width: 20px;
}

.header.sticky_header {
    padding: 1px 20px;
}

.header.sticky_header .header_in .navbar-brand img {
    max-width: 270px;
}

/* Home Page Hero Slider */
.hero_banner {
    width: 100%;
    background: var(--gradientheader-bg);
    clear: both;
    display: block;
    padding: 0px 0 0;
    margin-top: 100px;
}

.hero_banner_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
}

.hero_banner_inner .LeftPart {
    width: 50%;
}

.hero_banner_inner .LeftPart img {
    width: 100%;
}

.hero_banner_inner .RightPart {
    width: 50%;
}

.hero_banner_inner .RightPart h1 {
    color: var(--white-font);
    text-shadow: 0px 4px 10px var(--box-dark-shadow-25);
    font-size: 40px;
    font-weight: 700;
    line-height: 60px;
    margin: 0 0 20px 0;
}

.hero_banner_inner .RightPart h1 b {
    color: var(--Yellow-Color);
    font-size: 65px;
    font-weight: 800;
    line-height: 101%;
    text-transform: uppercase;
    display: block;
}

.hero_banner_inner .RightPart p {
    color: var(--white-font);
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
}
 

.gamesslider.owl-theme button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

/* Home Page Hero Slider */

.games_begin {
    padding: 80px 0 110px;
}

.games_begin .games_begin_inner {
    margin: 0;
}

.games_begin .games_begin_inner .games_begin_inner_heading {
    margin: 0 0 120px 0;
    text-align: center;
}

.games_begin .games_begin_inner .games_begin_inner_heading h2 {
    color: var(--dark-black01-font);
    text-align: center;
    font-size: 44px;
    font-weight: 700;
    line-height: 66px;
}

.games_begin .games_begin_inner .games_begin_inner_heading p {
    color: var(--dark-black01-font);
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 36px;
    max-width: 75%;
    display: block;
    margin: auto;
}

.games_begin_inner ul {
    display: grid;
    width: 100%;
    gap: 50px;
    grid-template-columns: repeat(3, 1fr);
}

.games_begin_inner ul li {
    margin: 0;
    display: block;
    width: 100%;
}

.games_begin_inner ul li .games_begin_inner_box {
    margin: 0;
    display: block;
    border-radius: 20px;
    background: var(--white-bg-color01);
    padding: 23px;
}

.games_begin_inner ul li .games_begin_inner_box span {
    width: 116px;
    height: 116px;
    display: block;
    border-radius: 100px;
    box-shadow: 0px 3.307px 3.318px rgba(0, 0, 0, 0.02), 0px 6.994px 8.206px rgba(0, 0, 0, 0.04), 0px 11.89px 16.44px rgba(0, 0, 0, 0.05), 10px 20.718px 33.619px rgba(0, 0, 0, 0.07), 10px 51px 94px rgba(0, 0, 0, 0.11);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 30px;
    background: var(--white-bg-color);
}

.games_begin_inner ul li .games_begin_inner_box span img {
    width: 100%;
    max-width: 56px;
}

.games_begin_inner ul li .games_begin_inner_box h3 {
    color: var(--dark-black01-font);
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    line-height: 33px;
    margin: 0 0 20px;
}

.games_begin_inner ul li .games_begin_inner_box p {
    color: var(--dark-black01-font);
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.games_begin_inner ul li .games_begin_inner_box:before {
    position: absolute;
    content: "";
    background: var(--white-bg-color);
    width: 374px;
    height: calc(100% + 30px);
    top: -30px;
    left: -17px;
    transform: perspective(269px) rotateY(352deg) skew(0deg, -5deg);
    border-radius: 20px;
    z-index: -1;
}

.games_begin_inner ul li .games_begin_inner_box {
    width: 100%;
    position: relative;
    padding: 40px 17px;
    border-radius: 20px;
}

.games_begin_inner ul li:hover .games_begin_inner_box:before,
.games_begin_inner ul li.active .games_begin_inner_box:before {
    position: absolute;
    content: "";
    background: var(--gradient01-bg);
    width: 100%;
    height: calc(100% + 30px);
    top: -30px;
    left: -17px;
    transform: perspective(269px) rotateY(352deg) skew(0deg, -5deg);
    border-radius: 20px;
}

.games_begin_inner ul li:hover .games_begin_inner_box,
.games_begin_inner ul li.active .games_begin_inner_box {
    width: 100%;
    position: relative;
    background: transparent;
    padding: 40px 17px;
    border-radius: 20px;
}

.games_begin_inner ul li:hover .games_begin_inner_box h3,
.games_begin_inner ul li:hover .games_begin_inner_box p {
    color: var(--white-font);
}

.games_begin_inner ul li.active .games_begin_inner_box h3,
.games_begin_inner ul li.active .games_begin_inner_box p {
    color: var(--white-font);
}




/**/
.getApp_outer {
    margin: 0;
    padding: 90px 0 90px;
    width: 100%;
    background: var(--gradient01-bg);
}

.getApp_outer_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    width: 100%;
}

.getApp_outer_inner .LeftPart {
    width: 50%;
}

.getApp_outer_inner .LeftPart ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
}

.getApp_outer_inner .LeftPart ul li {
    width: calc(100% / 2 - 10px);
}

.getApp_outer_inner .LeftPart ul li .getApp_outer_inner_box {
    border-radius: 26px;
    background: var(--white-bg-color);
    box-shadow: 10px 51px 94px 0px rgba(0, 0, 0, 0.11), 10px 20.718px 33.619px 0px rgba(0, 0, 0, 0.07), 0px 11.89px 16.44px 0px rgba(0, 0, 0, 0.05), 0px 6.994px 8.206px 0px rgba(0, 0, 0, 0.04), 0px 3.307px 3.318px 0px rgba(0, 0, 0, 0.02);
    padding: 25px 25px 50px 25px;
    position: relative;
}

.getApp_outer_inner .LeftPart ul li .getApp_outer_inner_box:before {
    position: absolute;
    content: "";
    left: -10px;
    top: 50%;
    background: var(--Yellow-Color);
    width: 10px;
    height: 140px;
    transform: translateY(-50%);
    border-radius: 20px 0px 0px 20px;
}

.getApp_outer_inner .LeftPart ul li .getApp_outer_inner_box:after {
    position: absolute;
    content: "";
    right: -10px;
    top: 50%;
    background: var(--Yellow-Color);
    width: 10px;
    height: 140px;
    transform: translateY(-50%);
    border-radius: 0px 20px 20px 0px;
}

.getApp_outer_inner .LeftPart ul li:last-child .getApp_outer_inner_box span:not(:last-child) img {
    margin-bottom: 6px;
}

.getApp_outer_inner .LeftPart ul li:last-child .getApp_outer_inner_box span img {
    max-width: 184px;
}

.getApp_outer_inner .LeftPart ul li .getApp_outer_inner_box h3 {
    color: var(--dark-black01-font);
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
}

.getApp_outer_inner .LeftPart ul li .getApp_outer_inner_box span img {
    max-width: 124px;
    margin: auto;
    display: block;
}


.getApp_outer_inner .RightPart {
    width: 50%;
}

.getApp_outer_inner .RightPart h2 {
    color: var(--white-font);
    font-size: 44px;
    font-weight: 700;
    line-height: 66px;
    margin: 0 0 20px 0;
}

.getApp_outer_inner .RightPart ul {
    list-style: disc;
    color: var(--white-font);
    font-weight: 300;
    margin: 0 0 30px 20px;
}

.getApp_outer_inner .RightPart ul li {
    color: var(--white-font);
    font-size: 18px;
    font-weight: 300;
    line-height: 36px;
}

.download_btn {
    border-radius: 40px;
    background: var(--Yellow-Color);
    box-shadow: 10px 51px 94px 0px rgba(0, 0, 0, 0.11), 10px 20.718px 33.619px 0px rgba(0, 0, 0, 0.07), 0px 11.89px 16.44px 0px rgba(0, 0, 0, 0.05), 0px 6.994px 8.206px 0px rgba(0, 0, 0, 0.04), 0px 3.307px 3.318px 0px rgba(0, 0, 0, 0.02);
    display: flex;
    width: fit-content;
    height: 53px;
    padding: 13px 35px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--dark-black01-font);
    font-size: 18px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: 0.72px;
    transition: 0.35s ease-out;
    position: relative;
}

.download_btn span {
    color: var(--dark-black01-font);
    position: relative;
    z-index: 2;
}

.download_btn:after {
    width: 0;
    z-index: -1;
    top: 0;
    position: absolute;
    content: "";
    height: 100%;
    right: 0;
    transition: .35s ease-out;
    border-radius: 100px;
}

.download_btn:hover:after {
    background: #fff;
    color: #24174a;
    z-index: 1;
}

.download_btn:hover:after {
    left: 0;
    width: 100%;
    font-weight: 600;
}


/**/


/**/
.howtodownload_outer {
    padding: 100px 0;
    width: 100%;
    display: block;
}

.howtodownload_outer_inner {
    margin: 0;
    display: block;
}

.howtodownload_outer_inner .howtodownload_outer_heading {
    margin: 0 0 90px 0;
    text-align: center;
}

.howtodownload_outer_inner .howtodownload_outer_heading h2 {
    color: var(--dark-black03-font);
    font-size: 44px;
    font-weight: 700;
    line-height: 58px;
}

.howtodownload_outer_inner .howtodownload_outer_heading p {
    color: var(--dark-black01-font);
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
}

.howtodownload_outer_slider_box {
    border-radius: 20px;
    border: 0.3px solid var(--grey-border-color01);
    background: var(--white-bg-color);
    box-shadow: 8px 6px 14px 0px rgba(0, 0, 0, 0.10);
    padding: 28px;
    min-height: 460px;
    transition: all .6s ease;
    width: calc(100% / 3 - 20px);
}

.howtodownload_outer_slider {
    display: flex;
    gap: 40px;
}

.howtodownload_outer_slider_box:hover {
    background: var(--gradient01-bg);
}

.howtodownload_outer_slider_box:hover h4,
.howtodownload_outer_slider_box:hover p {
    color: var(--white-font);
}

.howtodownload_outer_slider_box:hover .howtodownload_outer_slider_box_top h3 {
    -webkit-text-fill-color: var(--white-font);
}

.howtodownload_outer_slider_box span {
    width: 135px;
    height: 135px;
    border-radius: 100px;
    box-shadow: 0px 3.307px 3.318px rgba(0, 0, 0, 0.02), 0px 6.994px 8.206px rgba(0, 0, 0, 0.04), 0px 11.89px 16.44px rgba(0, 0, 0, 0.05), 10px 20.718px 33.619px rgba(0, 0, 0, 0.07), 10px 51px 94px rgba(0, 0, 0, 0.11);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--white-bg-color);
    margin: -80px 0 0 0;
}

.howtodownload_outer_slider_box_top h3 {
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    line-height: 52px;
 
    background: var(--gradient02-bg);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0;
}

.howtodownload_outer_slider_box span img {
    max-width: 66px;
}

.howtodownload_outer_slider .owl-stage-outer {
    width: calc(100% + 30px);
    height: calc(100% + 30px);
    padding: 75px 15px 15px;
}

.howtodownload_outer_slider_box_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.howtodownload_outer_slider_box h4 {
    color: var(--dark-black03-font);
    font-size: 26px;
    font-weight: 600;
    line-height: 39px;
    margin: 0 0 20px 0;
}

.howtodownload_outer_slider_box p {
    color: var(--grey-font-color01);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 25px;
    margin: 0;
}

.howtodownload_outer_slider .owl-nav {
    margin: 0 !important;
    position: absolute;
    top: -140px;
    right: 0px;
}

.howtodownload_outer_slider .owl-nav button {
    background: var(--gradient01-bg) !important;
    width: 50px !important;
    height: 50px !important;
    display: block;
    border-radius: 100px !important;
}

.howtodownload_outer_slider .owl-nav button.owl-next {
    background: var(--gradient01-bg) !important;
    transform: rotate(180deg);
}

.howtodownload_outer_slider .owl-nav button span[aria-label="Previous"] {
    background: url(../images/newhome/howtodownload_outer_slider_arrow.svg) no-repeat;
    font-size: 0;
    display: block;
    width: 24px;
    height: 24px;
    margin: auto;
}

.howtodownload_outer_slider .owl-nav button span[aria-label="Next"] {
    background: url(../images/newhome/howtodownload_outer_slider_arrow.svg) no-repeat;
    font-size: 0;
    display: block;
    width: 24px;
    height: 24px;
    margin: auto;
    transform: rotate(0deg);
}

/**/


/**/
.downloadapp_Outer {
    margin: 0;
    display: block;
    width: 100%;
}

.downloadapp_Outer .downloadapp_Outer_inner {
    margin: 0;
    display: flex;
    align-items: center;
    position: relative;
    background: var(--gradient01-bg);
    border-radius: 0px 60px 60px 0px;
    padding: 58px 0;
}

.downloadapp_Outer .downloadapp_Outer_inner:before {
    position: absolute;
    content: "";
    background: var(--blue-font-color01);
    left: -9999px;
    top: 0;
    width: 9999px;
    height: 100%;
}

.downloadapp_Outer .downloadapp_Outer_inner .LeftPart {
    margin: 0;
    display: block;
    width: 55%;
}

.downloadapp_Outer .downloadapp_Outer_inner .LeftPart h2 {
    color: var(--white-font);
    font-size: 40px;
    font-weight: 700;
    line-height: 60px;
    margin: 0 0 10px 0;
}

.downloadapp_Outer .downloadapp_Outer_inner .LeftPart p {
    color: var(--white-font);
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    margin: 0;
}

.downloadapp_Outer .downloadapp_Outer_inner .RightPart {
    margin: 0;
    display: block;
    width: 45%;
}

.downloadapp_Outer .downloadapp_Outer_inner .RightPart ul {
    display: flex;
    align-items: center;
    gap: 30px;
}

/**/



/**/
.OurFantasyApp_Outer {
    padding: 100px 0;
}

.OurFantasyApp_Outer .OurFantasyApp_Outer_inner {
    margin: 0;
    display: block;
}

.OurFantasyApp_Outer .OurFantasyApp_Outer_inner .OurFantasyApp_Outer_inner_heading {
    text-align: center;
}

.OurFantasyApp_Outer .OurFantasyApp_Outer_inner .OurFantasyApp_Outer_inner_heading h2 {
    color: var(--dark-black04-font);
    text-align: center;
    font-size: 44px;
    font-weight: 700;
    line-height: 66px;
    margin: 0 0 10px 0;
}

.OurFantasyApp_Outer .OurFantasyApp_Outer_inner .OurFantasyApp_Outer_inner_heading h2 b {
    font-weight: 700;
    background: var(--gradient02-bg);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.OurFantasyApp_Outer .OurFantasyApp_Outer_inner .OurFantasyApp_Outer_inner_heading p {
    color: var(--dark-black01-font);
    text-align: center;
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    max-width: 70%;
    margin: auto;
}



/* Prediction Portal */
.Prediction_Portal {
    padding: 100px 0 70px;
    margin: 0;
    display: block;
    width: 100%;
}

.swiper-full-mobile:before {
    content: "";
    width: 334px;
    background: url(../images/newhome/Prediction_Portal_sliderframe.webp);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: 10px;
    right: 0;
    top: 4px;
    height: 100%;
    z-index: 2;
    margin: auto;
}

.swiper-full-mobile .swiper-slide {
    height: 100%;
    width: 308px !important;
    background-size: 100% 100% !important;
    margin: 0px !important;
    background-position: center center !important;
    min-height: 640px;
}



.Prediction_Portal_SliderOuter {
    max-width: 100%;
    margin: auto;
    position: relative;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    display: none;
}

.slick-carousel-phoneFrame img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
    height: 658px;
}

.slick-carousel-phoneFrame {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
}


/**/
.exciting_offers {
    display: block;
    margin: 0;
    width: 100%;
    position: relative;
}

/* .exciting_offers:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 45%;
    height: 100%;
    background: url(../images/newhome/exciting_offers_map.png) no-repeat;
    z-index: -1;
    background-size: cover;
} */


.exciting_offers .exciting_offers_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.exciting_offers .exciting_offers_inner .Left_Part {
    width: 40%;
    background: url(../images/newhome/exciting_offers_map.png) no-repeat;
    background-size: 100% 100%;
}

.exciting_offers .exciting_offers_inner .Left_Part img {
    width: 100%;
}

.exciting_offers .exciting_offers_inner .Right_Part {
    width: 55%;
}

.exciting_offers .exciting_offers_inner .Right_Part h2 {
    color: var(--dark-black04-font);
    font-size: 44px;
    font-weight: 700;
    line-height: 66px;
    margin: 0 0 40px 0;
}

.exciting_offers .exciting_offers_inner .Right_Part h2 b {
    font-weight: 700;
    background: var(--gradient02-bg);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.exciting_offers .exciting_offers_inner .Right_Part ul {
    display: block;
    margin: 0;
    width: 100%;
}

.exciting_offers .exciting_offers_inner .Right_Part ul li {
    margin: 0;
    display: block;
}

.exciting_offers .exciting_offers_inner .Right_Part ul li:not(:last-child) {
    margin-bottom: 20px;
}

.exciting_offers .exciting_offers_inner .Right_Part ul li .exciting_offers_inner_box {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
}

.exciting_offers .exciting_offers_inner .Right_Part ul li .exciting_offers_inner_box .exciting_offers_box_img {
    width: 115px;
    height: 115px;
}

.exciting_offers .exciting_offers_inner .Right_Part ul li .exciting_offers_inner_box .exciting_offers_box_img span {
    width: 100%;
    height: 100%;
    background: var(--gradient02-bg);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.exciting_offers .exciting_offers_inner .Right_Part ul li .exciting_offers_inner_box .exciting_offers_box_img span img {
    max-width: 72px;
}

.exciting_offers .exciting_offers_inner .Right_Part ul li .exciting_offers_inner_box .exciting_offers_box_content {
    width: calc(100% - 125px);
}

.exciting_offers .exciting_offers_inner .Right_Part ul li .exciting_offers_inner_box .exciting_offers_box_content h3 {
    color: var(--dark-black03-font);
    font-size: 25px;
    font-weight: 600;
    line-height: 26px;
    margin: 0 0 10px 0;
}

.exciting_offers .exciting_offers_inner .Right_Part ul li .exciting_offers_inner_box .exciting_offers_box_content p {
    color: var(--dark-black01-font);
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    margin: 0;
}

/**/



/**/
.players_LoveFantasy {
    padding: 100px 0;
    margin: 170px 0 0px;
    background: var(--white-bg-color01);
    display: block;
    width: 100%;
}

.players_LoveFantasy .players_LoveFantasy_heading {
    margin: 0;
    display: block;
}

.players_LoveFantasy .players_LoveFantasy_heading h2 {
    color: var(--dark-black04-font);
    font-size: 44px;
    font-weight: 700;
    line-height: 66px;
    margin: 0 0 40px 0;
}

.players_LoveFantasy .players_LoveFantasy_heading h2 b {
    font-weight: 700;
    background: var(--gradient02-bg);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.players_LoveFantasy_slider_box {
    border-radius: 20px;
    border: 0.3px solid var(--grey-border-color01);
    background: var(--white-bg-color);
    box-shadow: 8px 6px 14px 0px rgba(0, 0, 0, 0.10);
    padding: 20px;
    transition: all .6s ease;
    min-height: 320px;
}

.players_LoveFantasy_slider_box_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.players_LoveFantasy_slider_box_top span {
    width: 110px;
    height: 110px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--white-bg-color);
    margin: -60px 0 0 0;
    border: solid 2px var(--green-font02-color);
}

.players_LoveFantasy_slider_box_top span img {
    max-width: 100%;
    object-fit: scale-down;
}
.players_LoveFantasy_slider_box_top  .players_LoveFantasy_quoteimg  img{ width: 40px !important;}
.players_LoveFantasy_slider .owl-stage-outer {
    width: calc(100% + 30px);
    height: calc(100% + 30px);
    padding: 75px 15px 15px;
}

.players_LoveFantasy_slider_box h4 {
    color: var(--dark-black03-font);
    font-size: 26px;
    font-weight: 600;
    line-height: 39px;
    margin: 0 0 20px 0;
}

.players_LoveFantasy_slider_box p {
    color: var(--grey-font-color01);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 25px;
    margin: 0;
}

.players_LoveFantasy_slider .owl-nav {
    margin: 0 !important;
    position: absolute;
    top: -102px;
    right: 0px;
}

.players_LoveFantasy_slider .owl-nav button {
    background: var(--gradient01-bg) !important;
    width: 50px !important;
    height: 50px !important;
    display: block;
    border-radius: 100px !important;
}

.players_LoveFantasy_slider .owl-nav button.owl-next {
    background: var(--gradient01-bg) !important;
    transform: rotate(180deg);
}

.players_LoveFantasy_slider .owl-nav button span[aria-label="Previous"] {
    background: url(../images/newhome/howtodownload_outer_slider_arrow.svg) no-repeat;
    font-size: 0;
    display: block;
    width: 24px;
    height: 24px;
    margin: auto;
}

.players_LoveFantasy_slider .owl-nav button span[aria-label="Next"] {
    background: url(../images/newhome/howtodownload_outer_slider_arrow.svg) no-repeat;
    font-size: 0;
    display: block;
    width: 24px;
    height: 24px;
    margin: auto;
    transform: rotate(0deg);
}

/**/



/**/
.faqouter {
    padding: 100px 0;
    clear: both;
    display: inline-block;
    width: 100%;
}

.faqouter .faqouter_inner {
    margin: 0;
    display: block;
    width: 100%;
}

.faqouter .faqouter_inner h2 {
    color: var(--dark-black03-font);
    text-align: center;
    font-size: 44px;
    font-weight: 700;
    line-height: normal;
    margin: 0 0 70px 0;
}

.faq_outer .accordion .accordion-item {
    border: none;
    margin-bottom: 40px;
    transition: var(--bs-accordion-transition);
}

.faq_outer .accordion .accordion-item:last-child {
    margin-bottom: 0;
}

.faq_outer .accordion button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 35px 50px 35px 50px;
    font-size: 30px;
    font-weight: 600;
    line-height: normal;
    border: none;
    background: var(--white-bg-color02);
    border-radius: 10px;
    outline: none;
    height: auto;
}

.faq_outer .accordion button .accordion-title {
    color: var(--dark-black03-font);
    font-size: 28px;
    font-weight: 600;
    line-height: normal;
}

.faq_outer .accordion button .icon {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 50px;
    width: 45px;
    height: 45px;
    border: 2px solid var(--black-font-color01);
    border-radius: 100px;
}

.faq_outer .accordion button .icon::before {
    display: block;
    position: absolute;
    content: '';
    top: 19px;
    left: 13px;
    width: 16px;
    height: 2px;
    background: currentColor;
    border-radius: 100px;

}

.faq_outer .accordion button .icon::after {
    display: block;
    position: absolute;
    content: '';
    top: 12px;
    left: 20px;
    width: 2px;
    height: 16px;
    background: currentColor;
    border-radius: 100px;
}

.faq_outer .accordion button[aria-expanded='true'] {
    color: var(--white-font);
    background: var(--gradient01-bg);
    padding-bottom: 16px;
    border-radius: 10px 10px 0 0px;
}

.faq_outer .accordion button[aria-expanded='true'] .accordion-title {
    color: var(--white-font);
}

.faq_outer .accordion button[aria-expanded='true'] .icon::after {
    width: 0;
}

.faq_outer .accordion button[aria-expanded='true'] .icon {
    border-color: var(--white-font);
}

.faq_outer .accordion button[aria-expanded='true']+.accordion-content {
    opacity: 1;
    max-height: max-content;
    transition: all 200ms linear;
    will-change: opacity, max-height;
    margin: -1px 0 0 0;
}

.faq_outer .accordion .accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 200ms linear, max-height 200ms linear;
    will-change: opacity, max-height;
}

.faq_outer .accordion .accordion-content p {
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    padding: 0px 50px 20px 50px;
    background: var(--gradient01-bg);
    border-radius: 0px 0px 10px 10px;
    color: var(--white-font);
}

.faq_outer .accordion .accordion-content p:not(:last-child) {
    margin: 0;
    border-radius: 0;
}

.faq_outer .accordion .accordion-content p b {
    font-weight: 700;
    display: block;
}

.faq_outer .accordion .accordion-content p span {
    display: block;
    padding-left: 20px;
    position: relative;
}

.faq_outer .accordion .accordion-content p span:before {
    position: absolute;
    content: "";
    left: 0;
    top: 9px;
    background: #fff;
    width: 6px;
    height: 6px;
    display: block;
    border-radius: 100px;
}

/**/


/*footer*/
.footer_outer {
    width: 100%;
    margin: 0;
    position: relative;
    overflow-x: hidden;
    background: url(../images/newhome/footer_bg.png) center center no-repeat;
    background-size: 100% 100%;
    padding: 50px 0 10px;
}

.footer_Content {
    display: flex;
    justify-content: space-between;
}

.footer_Content .Footer_Logo {
    width: 40%;
}

.footer_Content .Footer_Logo span {
    max-width: 240px;
    display: block;
}

.footer_Content .Footer_Logo p {
    color: var(--white-font);
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 28px;
    margin: 20px 0 30px;
}
.footer_Content .Footer_Logo span img {
    max-width: 240px;
}
.footer_logo_Social {
    margin: 0;
    width: 100%;
}

.footer_logo_Social ul {
    display: flex;
    gap: 0 20px;
}

.footer_logo_Social ul li {
    width: 40px;
    height: 40px;
    text-align: center;
    display: block;
}

.footer_logo_Social ul li a {
    background: var(--gradient03-bg);
    display: block;
    border-radius: 100px;
    height: 40px;
    line-height: 38px;
}

.footer_logo_Social ul li a img {
    max-width: 23px;
}

.footer_logo_Social ul li a:hover {
    background: var(--white-bg-color);
}

.Footer_Legal {
    width: 20%;
}

.Footer_Legal h3 {
    position: relative;
    padding-bottom: 15px;
    color: var(--Yellow-Color);
    font-size: 19px;
    font-weight: 500;
    line-height: 200%;
    letter-spacing: 0.76px;
}

.Footer_Legal h3:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    border-radius: 10px;
    background: var(--Yellow-Color);
    width: 20px;
    height: 4px;
}

.Footer_Legal span img {
    max-width: 130px;
}

.Footer_Legal ul {
    margin: 0;
}

.Footer_Legal ul li {
    display: block;
}

.Footer_Legal ul li a {
    color: var(--white-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 36px;
    letter-spacing: 0.72px;
    text-transform: capitalize;
}

.Footer_Legal ul li a:hover {
    color: var(--Yellow-Color);
}

.footer_Content_copyright {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: solid 1px var(--white-border-color01);
    padding: 15px 0;
    margin: 30px 0 0 0;
}

.footer_Content_copyright span {
    color: var(--white-font);
    font-size: 16px;
    line-height: 24px;
    display: block;
    margin: 0;
    font-weight: 300;
}

.footer_Content_copyright span a {
    color: var(--Yellow-Color);
    font-weight: 600;
}

.Footer_Legal.last_dv {
    width: 14%;
}

/*footer*/

/*About US*/
.about {
    margin: 150px 0 0 0;
}

.heading h1 {
    text-align: left;
    text-transform: uppercase;
    color: var(--blue-font-color01);
    font-size: 26px;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
}

.kk-m {
    margin-bottom: 50px;
}
.fullPart{width: 100%;}
/*About US*/

/* ----------------add-new-section------------------- */
.brand_ambassadors_outer .players_LoveFantasy_slider .owl-nav{margin: 0 !important;
    position: relative;
    top: -65px;
    right: 0px;}

.brand_ambassadors_outer  .players_LoveFantasy_slider .owl-stage-outer{padding: 0 15px 15px;
}

.brand_ambassadors {
  padding:60px 0 60px;
}

.brand_ambassadors_heading {
  padding: 0;
  text-align: center;
}

.section-Small_title {
  margin-bottom: 10px;
 
  font-weight: 700;
  margin-top: 0;
  font-size: 22px;
}

.brand_ambassadors_heading h2 {
  font-size: 46px;
  margin-bottom: 0;
  
  font-weight: 700;
  margin-top: -1px;
}

.brand_ambassadors_heading h2 span {
  background: var(--gradient02-bg);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.brand_ambassadors_heading p {
  font-size: 16px;
  font-weight: 400;
  margin-top: 0px;
  color: #2e2e2e;
}

.brand_ambassadors_heading {
  padding-bottom: 80px;
  text-align: center;
}

.brand_ambassadors_outer {
  display: flex;
  justify-content: space-between;
}

.brand_ambassadors_heros img {
  z-index: 99;
  position: relative;
}

.ambassadors_heading h3 {
  color: #000;
  margin-bottom: 15px;
  font-size: 24px;
  font-style: italic;
  font-weight: 700;
  margin: 0;
}

.ambassadors_heading p {
  font-style: italic;
  font-weight: 400;
  margin-top: 0;
  font-size: 20px;
  line-height: normal;
}

.brand_ambassadors_heros {
  position: relative;
}

.brand_ambassadors_heros:before {
  position: absolute;
  content: "";
 
  height: 280px;
  width: 100%;
  bottom: 0;
  z-index: 1;
  border-radius: 90px 0 0 0px;
}

.brand_ambassadors_heros::after {
position: absolute;
    content: "";
    background-image: url(../images/newhome/llight-bg.png);
    width: 470px;
    height: 500px;
    bottom: 0;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    background-position: center;
    background-repeat: no-repeat;
    z-index: 9;
}

.ambassadors_heading {
    text-align: center;
    padding: 15px 0 15px;
    background: #eaef2a;
    border: 1px #00b9eb solid;
}

.brand_ambassadors_outer .owl-carousel .owl-nav button.owl-next, .brand_ambassadors_outer .owl-carousel .owl-nav button.owl-prev, .brand_ambassadors_outer .owl-carousel button.owl-dot{
    background: var(--gradient01-bg) !important;
    width: 50px !important;
    height: 50px !important;
 font-size: 44px;
    border-radius: 100px !important;
}
.brand_ambassadors_outer .owl-carousel .owl-nav button.owl-next span, .brand_ambassadors_outer .owl-carousel .owl-nav button.owl-prev span{    
 margin: auto;
    position: relative;
    top: -10px;
    color: #fff;;}

.brand_ambassadors_outer .owl-carousel .owl-nav button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}
/*==========================================================================
* Request Quote CSS
==========================================================================*/
.request__quote span {
  color: var(--secondary-color);
}
.request__quote-item label {
  margin-bottom: 8px;
}
.request__quote-services label {
  font-size: 14px;
  display: block;
  font-weight: 500;
  color: var(--text-heading-color);
}
.request__quote .description {
  margin-top: 10px;
}

/*==========================================================================
* Contact CSS
==========================================================================*/
.subtitle {
color: #004949;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 20px;
    border-radius: 50px;
    display: inline-flex
;
    background: #ffffff;
    padding: 2px 22px;
    border: 1px solid #e6e7e1;
    position: relative;
    align-items: center;
    gap: 10px;
}
.mt-25 {
    margin-top: 25px;
}
.contact__area h2 {
    font-size: 50px;
    line-height: 60px;
    padding: 0;
    margin: 0;
    color: var(--text-heading-color);
    
    font-weight: 700;
}
.contact__info-item {
    padding: 15px;
    border-radius: 15px;
    background: #f5f6f0;
    display: flex
;
    gap: 10px;
}
.contact__info-item i {
 width: 44px;
    height: 60px;
    display: inline-flex
;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--gradientheader-bg);
    font-size: 30px;
}
.contact__info-item span {
  display: block;
  padding-top: 10px;
  width: 100%;
}
.contact__info-item h5 {
font-size: 18px;
    line-height: 24px;
    padding: 0;
    margin: 0;
    color: #000;
    font-weight: 600;
}
 .contact__info-item h5 a{    color: #000;}
.contact__info-item h5 a:hover {
 color: #000
}

.contact__area-left {
  background:var(--gradientheader-bg);
  padding: 40px;
  border-radius: 15px;
}
.contact__area-left .subtitle {
  background: var(--white-bg-color01);
}
.contact__area .map-area iframe {
  width: 100%;
  height: 500px;
  display: block;
  border-radius: 15px;
}

.contact__form-area-item .btn{
  background: var(--white-bg-color01);
  color: var(--gradientheader-bg);
  font-weight: 600;
  padding: 10px 30px;
  border-radius: 50px;
  transition: all .3s ease-in-out;
  border: none;}
.contact__info{ margin-bottom: 1rem;}
.contact__area-left .text{  color:#fff;}



@media (max-width: 767px) {
  .contact__area-left {
    padding: 35px 25px;
  }
  .contact__area h2{
    font-size: 36px;
    line-height: 46px;
  }
  .contact__area .map-area iframe{ margin-top: 10px;}
  .contact__info-item h5{    font-size: 16px;}
  .brand_ambassadors_heros::after {
position: absolute;
    content: "";
    background-image: url(../images/newhome/llight-bg.png);
    width: 100%;
    height: 100%;
    bottom: 0;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    background-position: center;
    background-repeat: no-repeat;
    z-index: 9;
    background-size: 125%;
}
.ambassadors_heading{min-height: 92px;padding: 15px 5px 15px;display: flex
;
        justify-content: center;
        align-items: center;}

.contact__info-item i{       width: 40px;
    height: 40px; font-size: 28px;}
.contact__info-item h5 a{ font-size: 13px;}
.contact__info-item span{padding-top: 5px;}

}

.disclaimertxt{ color: #fff;
    padding-top: 10px;
    border-top: 1px solid #ccc;
    display: flex;    text-align: center;
    flex-direction: column;}


/*Responsive Start Here*/
@media (max-width: 1250px) {
    .hero_banner_inner .RightPart h1 {
        font-size: 30px;
    }

    .hero_banner_inner .RightPart h1 b {
        font-size: 55px;
    }

    .games_begin {
        padding: 50px 0 50px;
    }

    .games_begin .games_begin_inner .games_begin_inner_heading p {
        font-size: 16px;
        font-weight: 300;
        line-height: 30px;
    }

    .games_begin .games_begin_inner .games_begin_inner_heading h2,
    .getApp_outer_inner .RightPart h2,
    .howtodownload_outer_inner .howtodownload_outer_heading h2,
    .downloadapp_Outer .downloadapp_Outer_inner .LeftPart h2,
    .OurFantasyApp_Outer .OurFantasyApp_Outer_inner .OurFantasyApp_Outer_inner_heading h2,
    .exciting_offers .exciting_offers_inner .Right_Part h2 {
        font-size: 40px;
    }

    .games_begin_inner ul li .games_begin_inner_box h3 {
        font-size: 20px;
        line-height: 28px;
        margin: 0 0 10px;
    }

    .getApp_outer_inner .RightPart ul li {
        font-size: 16px;
        line-height: 30px;
    }

    .howtodownload_outer {
        padding: 50px 0;
    }

    .howtodownload_outer_inner .howtodownload_outer_heading p,
    .downloadapp_Outer .downloadapp_Outer_inner .LeftPart p {
        font-size: 16px;
        line-height: 28px;
        font-weight: 300;
    }

    .howtodownload_outer_slider .owl-stage-outer {
        width: 100%;
        height: 100%;
        padding: 60px 0 20px;
    }

    .howtodownload_outer_slider_box {
        border: 1px solid var(--grey-border-color01);
        box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.10);
        padding: 15px 20px;
        min-height: 410px;
    }

    .downloadapp_Outer .downloadapp_Outer_inner {
        padding: 40px 0;
        border-radius: 0px 40px 40px 0px;
    }

    .OurFantasyApp_Outer {
        padding: 50px 0;
    }

    .OurFantasyApp_Outer .OurFantasyApp_Outer_inner .OurFantasyApp_Outer_inner_heading p {
        font-size: 16px;
        font-weight: 300;
        line-height: 28px;
        max-width: 80%;
    }

    .exciting_offers .exciting_offers_inner .Right_Part ul li .exciting_offers_inner_box .exciting_offers_box_content h3 {
        font-size: 22px;
        line-height: 22px;
    }

    .exciting_offers .exciting_offers_inner .Right_Part ul li .exciting_offers_inner_box .exciting_offers_box_img {
        width: 100px;
        height: 100px;
    }

    .exciting_offers .exciting_offers_inner .Right_Part ul li .exciting_offers_inner_box .exciting_offers_box_img span img {
        max-width: 60px;
    }

    .players_LoveFantasy {
        margin: 70px 0 0px;
        padding: 50px 0;
    }

    .players_LoveFantasy .players_LoveFantasy_heading h2 {
        font-size: 40px;
        line-height: 50px;
        margin: 0 0 20px 0;
    }

    .players_LoveFantasy_slider .owl-nav {
        top: -74px;
    }

    .players_LoveFantasy_slider .owl-stage-outer {
        width: 100%;
        height: 100%;
        padding: 60px 0 0;
    }

    .games_begin_inner ul {
        gap: 20px;
    }

    .games_begin_inner ul li .games_begin_inner_box {
        min-height: 350px;
    }

    .games_begin_inner ul li:hover .games_begin_inner_box:before,
    .games_begin_inner ul li.active .games_begin_inner_box:before,
    .games_begin_inner ul li .games_begin_inner_box:before {
        display: none;
    }

    .games_begin_inner ul li:hover .games_begin_inner_box,
    .games_begin_inner ul li.active .games_begin_inner_box {
        background: var(--gradient01-bg);
    }

    .getApp_outer_inner .RightPart {
        width: 45%;
    }

    .getApp_outer_inner .LeftPart {
        width: 55%;
    }

    .getApp_outer {
        padding: 50px 0 50px;
    }

    .getApp_outer_inner .RightPart h2 {
        line-height: 56px;
    }

    .howtodownload_outer_slider_box h4 {
        font-size: 20px;
        line-height: 26px;
    }

    .howtodownload_outer_slider_box_top h3 {
        font-size: 30px;
        line-height: 45px;
    }

    .howtodownload_outer_slider_box span {
        width: 115px;
        height: 115px;
    }

    .howtodownload_outer_slider_box span img {
        max-width: 50px;
    }

    .downloadapp_Outer .downloadapp_Outer_inner .LeftPart {
        width: 50%;
    }

    .players_LoveFantasy_slider_box h4 {
        font-size: 20px;
        line-height: 20px;
    }

    .faqouter {
        padding: 50px 0;
    }

    .faqouter .faqouter_inner h2 {
        font-size: 40px;
        line-height: 50px;
        margin: 0px 0 50px 0;
    }

    .faq_outer .accordion button {
        padding: 20px;
    }

    .faq_outer .accordion button .accordion-title {
        font-size: 22px;
    }

    .faq_outer .accordion button .icon {
        right: 20px;
        width: 40px;
        height: 40px;
    }

    .faq_outer .accordion button .icon::before {
        top: 17px;
        left: 10px;
    }

    .faq_outer .accordion button .icon::after {
        top: 10px;
        left: 18px;
    }

    .faq_outer .accordion .accordion-content p {
        padding: 0 20px 20px;
        font-size: 16px;
    }

    .faq_outer .accordion .accordion-item {
        margin-bottom: 20px;
    }

    .footer_outer {
        background: var(--gradient01-bg);
    }

    .Footer_Legal ul li a {
        font-size: 16px;
        line-height: 32px;
    }

    .footer_Content .Footer_Logo p {
        font-size: 14px;
        line-height: 26px;
    }

    .footer_Content_copyright span {
        font-size: 14px;
    }

    .Footer_Legal h3 {
        font-size: 18px;
    }
}

@media (max-width: 1023px) {
    
    .navbar-brand img {
        max-width: 270px;
    }
    .navbar-brand{ padding: 0px;}
.header.sticky_header .header_in .navbar-brand img{    max-width: 270px;}
    .hero_banner {
        margin-top: 102px;
    }

    .header {
        padding: 15px 10px;
    }

    .games_begin {
        padding: 30px 0 30px;
    }

    .games_begin .games_begin_inner .games_begin_inner_heading h2,
    .getApp_outer_inner .RightPart h2,
    .howtodownload_outer_inner .howtodownload_outer_heading h2,
    .downloadapp_Outer .downloadapp_Outer_inner .LeftPart h2,
    .OurFantasyApp_Outer .OurFantasyApp_Outer_inner .OurFantasyApp_Outer_inner_heading h2,
    .exciting_offers .exciting_offers_inner .Right_Part h2 {
        font-size: 35px;
        line-height: normal;
    }

    .games_begin .games_begin_inner .games_begin_inner_heading p {
        font-size: 16px;
        font-weight: 300;
        line-height: 30px;
        max-width: 100%;
    }

    .games_begin .games_begin_inner .games_begin_inner_heading {
        margin: 0 0 30px 0;
        text-align: center;
    }

    .games_begin_inner ul li .games_begin_inner_box {
        padding: 20px 17px;
        min-height: 330px;
    }

    .games_begin_inner ul li .games_begin_inner_box h3 {
        font-size: 18px;
    }

    .getApp_outer_inner .RightPart h2 {
        line-height: 45px;
    }

    .getApp_outer_inner .LeftPart ul {
        gap: 40px;
    }

    .howtodownload_outer {
        padding: 30px 0;
    }

    .howtodownload_outer_slider_box {
        padding: 15px 20px;
        min-height: 360px;
    }

    .howtodownload_outer_slider .owl-stage-outer {
        padding: 60px 0 0px;
    }

    .downloadapp_Outer .downloadapp_Outer_inner {
        padding: 30px 0;
        border-radius: 0px 20px 20px 0px;
    }

    .OurFantasyApp_Outer {
        padding: 30px 0;
    }

    .OurFantasyApp_Outer .OurFantasyApp_Outer_inner .OurFantasyApp_Outer_inner_heading p {
        max-width: 100%;
    }

    .Prediction_Portal {
        padding: 70px 0 70px;
    }

    .exciting_offers .exciting_offers_inner .Right_Part h2 {
        margin: 0 0 30px 0;
    }

    .exciting_offers .exciting_offers_inner .Right_Part ul li .exciting_offers_inner_box .exciting_offers_box_content h3 {
        margin: 0 0 5px 0;
        font-size: 20px;
        line-height: 20px;
    }

    .players_LoveFantasy {
        margin: 50px 0 0px;
        padding: 30px 0;
    }

    .players_LoveFantasy .players_LoveFantasy_heading h2 {
        font-size: 35px;
        line-height: 45px;
    }

    .players_LoveFantasy_slider_box {
        min-height: 280px;
        margin-bottom: 20px;
    }

    .faqouter {
        padding: 30px 0;
    }

    .faqouter .faqouter_inner h2 {
        font-size: 35px;
        line-height: 45px;
        margin: 0px 0 30px 0;
    }

    .faq_outer .accordion button .accordion-title {
        font-size: 20px;
    }
}

@media (max-width: 991px) {
    
    .hero_banner_inner .RightPart h1 {
        font-size: 25px;
        line-height: 30px;
    }

    .hero_banner_inner .RightPart h1 b {
        font-size: 40px;
    }

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

    .hero_banner_inner .LeftPart {
        width: 45%;
    }

    .games_begin .games_begin_inner .games_begin_inner_heading h2,
    .getApp_outer_inner .RightPart h2,
    .howtodownload_outer_inner .howtodownload_outer_heading h2,
    .downloadapp_Outer .downloadapp_Outer_inner .LeftPart h2,
    .OurFantasyApp_Outer .OurFantasyApp_Outer_inner .OurFantasyApp_Outer_inner_heading h2,
    .exciting_offers .exciting_offers_inner .Right_Part h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .games_begin .games_begin_inner .games_begin_inner_heading p {
        font-size: 16px;
        line-height: 26px;
    }

    .games_begin_inner ul {
        gap: 20px;
        display: flex;
        width: 100%;
        grid-template-columns: unset;
        flex-wrap: wrap;
        justify-content: center;
    }

    .games_begin_inner ul li {
        width: calc(100% / 2 - 10px);
    }

    .getApp_outer_inner {
        flex-wrap: wrap;
    }

    .getApp_outer_inner .LeftPart {
        width: 100%;
        order: 2;
    }

    .getApp_outer_inner .RightPart {
        width: 100%;
        margin: 0px 0 30px 0;
        text-align: center;
    }

    .getApp_outer_inner .LeftPart ul li .getApp_outer_inner_box:before,
    .getApp_outer_inner .LeftPart ul li .getApp_outer_inner_box:after {
        display: none;
    }

    .getApp_outer_inner .LeftPart ul {
        gap: 20px;
    }

    .getApp_outer {
        padding: 30px 0 30px;
    }

    .getApp_outer_inner .LeftPart ul li .getApp_outer_inner_box span img {
        max-width: 150px;
    }

    .getApp_outer_inner .LeftPart ul li:last-child .getApp_outer_inner_box span img {
        max-width: 230px;
    }

    .getApp_outer_inner .RightPart h2 br {
        display: none;
    }

    .getApp_outer_inner .RightPart ul {
        list-style: none;
        margin: 0 0 20px 20px;
    }

    .download_btn {
        margin: auto;
    }

    .getApp_outer_inner .RightPart ul li {
        font-size: 16px;
        line-height: 26px;
    }

    .download_btn {
        font-size: 16px;
        line-height: 34px;
    }

    .howtodownload_outer_slider_box {
        min-height: 400px;
    }

    .players_LoveFantasy .players_LoveFantasy_heading h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .faqouter .faqouter_inner h2 {
        font-size: 30px;
        line-height: 40px;
        margin: 0px 0 20px 0;
    }

    .players_LoveFantasy_slider .owl-nav {
        top: -64px;
    }

    .Footer_Legal {
        width: 28%;
    }

    .Footer_Legal span img {
        max-width: 100px;
    }

    .games_begin_inner ul li .games_begin_inner_box h3 {
        font-size: 20px;
    }

    .howtodownload_outer_slider {
        flex-wrap: wrap;
        justify-content: center;
    }

    .howtodownload_outer_slider_box {
        width: calc(100% / 2 - 20px);
    }

    .howtodownload_outer_slider_box span {
        margin: 0px 0 0 0;
    }
}

@media (max-width: 767px) {
     .disclaimertxt { font-size: 9px;}
    .disclaimertxt p{ font-size: 9px;}
    .hero_banner_inner {
        flex-wrap: wrap;
    }

    .hero_banner_inner .LeftPart {
        width: 100%;
        order: 2;
    }

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

    .hero_banner {
        padding: 10px 0 0;
    }

    .hero_banner_inner .RightPart h1 {
        font-size: 25px;
        line-height: 40px;
    }

    .hero_banner_inner .LeftPart img {
        max-width: 480px;
        margin: auto;
    }

    .games_begin_inner ul li .games_begin_inner_box {
        padding: 15px;
    }

    .slick-carousel-phoneFrame {
        display: none;
    }

    .Prediction_Portal {
        padding: 10px 0 60px;
    }

    .exciting_offers:before {
        display: none;
    }

    .exciting_offers .exciting_offers_inner {
        flex-wrap: wrap;    flex-direction: column-reverse;
    }

    .exciting_offers .exciting_offers_inner .Left_Part {
        width: 100%;
        background: var(--gradient02-bg);
        padding: 50px;
        border-radius: 50px;
        margin-bottom: 20px;
    }

    .exciting_offers .exciting_offers_inner .Right_Part ul li .exciting_offers_inner_box .exciting_offers_box_img span {
        border-radius: 15px;
    }

    .exciting_offers .exciting_offers_inner .Right_Part {
        width: 100%;
    }

    .downloadapp_Outer .downloadapp_Outer_inner:before {
        display: none;
    }

    .downloadapp_Outer .downloadapp_Outer_inner {
        padding: 20px;
        border-radius: 10px;
        flex-wrap: wrap;
        text-align: center;
    }

    .games_begin .games_begin_inner .games_begin_inner_heading h2,
    .getApp_outer_inner .RightPart h2,
    .howtodownload_outer_inner .howtodownload_outer_heading h2,
    .downloadapp_Outer .downloadapp_Outer_inner .LeftPart h2,
    .OurFantasyApp_Outer .OurFantasyApp_Outer_inner .OurFantasyApp_Outer_inner_heading h2,
    .exciting_offers .exciting_offers_inner .Right_Part h2 {
        font-size: 25px;
        line-height: 35px;
    }

    .downloadapp_Outer .downloadapp_Outer_inner .RightPart ul {
        justify-content: center;
        gap: 20px;
        max-width: 80%;
        margin: auto;
    }

    .downloadapp_Outer .downloadapp_Outer_inner .RightPart ul li {
        width: 100%;
    }

    .downloadapp_Outer .downloadapp_Outer_inner .RightPart ul li a img {
        width: 100%;
        display: block;
    }

    .downloadapp_Outer .downloadapp_Outer_inner .LeftPart {
        width: 100%;
        margin-bottom: 20px;
    }

    .downloadapp_Outer .downloadapp_Outer_inner .RightPart {
        width: 100%;
    }

    .howtodownload_outer_slider .owl-nav {
        display: none;
    }

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

    .howtodownload_outer_inner .howtodownload_outer_heading p br {
        display: none;
    }

    .games_begin_inner ul li:hover .games_begin_inner_box,
    .games_begin_inner ul li.active .games_begin_inner_box {
        padding: 15px;
    }

    .players_LoveFantasy {
        margin: 30px 0 0px;
        padding: 30px 0;
    }

    .players_LoveFantasy_slider .owl-nav {
        display: none;
    }

    .players_LoveFantasy .players_LoveFantasy_heading h2 {
        font-size: 25px;
        line-height: 35px;
        text-align: center;
        margin: 0;
    }

    .players_LoveFantasy_slider_box_top span {
        width: 90px;
        height: 90px;
        margin: -40px 0 0 0;
    }

    .players_LoveFantasy_slider_box h4 {
        font-size: 18px;
    }

    .players_LoveFantasy_slider_box_top {
        margin-bottom: 10px;
    }

    .players_LoveFantasy_slider_box {
        padding: 15px;
    }

    .faqouter .faqouter_inner h2 {
        font-size: 25px;
        line-height: 35px;
    }

    .faq_outer .accordion button {
        padding: 25px 15px;
        display: flex;
        align-items: center;
    }

    .faq_outer .accordion button .accordion-title {
        font-size: 16px;
    }

    .howtodownload_outer_slider_box span {
        width: 100px;
        height: 100px;
    }

    .howtodownload_outer_slider_box_top {
        margin-bottom: 10px;
    }

    .howtodownload_outer_slider_box_top h3 {
        font-size: 25px;
        line-height: 40px;
    }

    .footer_Content {
        flex-wrap: wrap;
    }

    .footer_Content .Footer_Logo {
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }

    .footer_outer {
        padding: 30px 0 10px;
    }

    .Footer_Legal {
        width: calc(50% - 10px);
    }

    .footer_Content .Footer_Logo span {
        margin: auto;
    }

    .footer_Content .Footer_Logo p {
        margin: 20px 0 20px;
    }

    .footer_logo_Social ul {
        justify-content: center;
    }

    .footer_Content_copyright {
        justify-content: center;
        flex-wrap: wrap;
        text-align: center;
    }

    .footer_Content_copyright span {
        font-size: 14px;
        width: 100%;
    }

    .howtodownload_outer_slider {
        gap: 20px;
    }

    .howtodownload_outer_slider_box {
        width: calc(100% / 2 - 10px);
    }

    [data-aos][data-aos],
    body [data-aos] {
        transform: unset;
        transition: none;
    }
    .brand_ambassadors{ padding: 30px 0 60px;}
    .brand_ambassadors_heading{    padding-bottom: 15px;}
}


@media (max-width: 600px) {
    .header {
        padding: 10px 0px;
    }

    .hero_banner {
        margin-top: 60px;
    }

    .hero_banner_inner .RightPart {
        margin-bottom: 20px;
    }

    .hero_banner_inner .LeftPart img {
        max-width: 360px;
    }

    .hero_banner {
        padding: 10px 0 0;
    }

    .hero_banner_inner .RightPart p {
        font-size: 16px;
        line-height: 26px;
        margin: 0;
    }

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

    .games_begin .games_begin_inner .games_begin_inner_heading h2,
    .getApp_outer_inner .RightPart h2,
    .howtodownload_outer_inner .howtodownload_outer_heading h2,
    .downloadapp_Outer .downloadapp_Outer_inner .LeftPart h2,
    .OurFantasyApp_Outer .OurFantasyApp_Outer_inner .OurFantasyApp_Outer_inner_heading h2,
    .exciting_offers .exciting_offers_inner .Right_Part h2 {
        font-size: 20px;
        line-height: 30px;
    }

    .games_begin .games_begin_inner .games_begin_inner_heading p {
        font-size: 14px;
        line-height: 22px;
    }

    .games_begin_inner ul li {
        width: 100%;
    }

    .games_begin_inner ul li .games_begin_inner_box p {
        font-size: 14px;
        line-height: 24px;
    }

    .games_begin_inner ul li .games_begin_inner_box {
        min-height: auto;
    }

    .getApp_outer_inner .LeftPart ul li {
        width: 100%;
    }

    .getApp_outer_inner .LeftPart ul {
        flex-wrap: wrap;
    }

    .howtodownload_outer {
        padding: 20px 0;
    }

    .howtodownload_outer_inner .howtodownload_outer_heading p,
    .downloadapp_Outer .downloadapp_Outer_inner .LeftPart p {
        font-size: 14px;
        line-height: 24px;
        font-weight: 300;
    }

    .howtodownload_outer_slider_box span {
        margin: 0;
    }

    .howtodownload_outer_slider_box {
        min-height: auto;
    }

    .howtodownload_outer_slider .owl-stage-outer {
        padding: 0px 0 0px;
    }

    .exciting_offers .exciting_offers_inner .Right_Part ul li .exciting_offers_inner_box .exciting_offers_box_img {
        width: 80px;
        height: 80px;
    }

    .exciting_offers .exciting_offers_inner .Right_Part ul li .exciting_offers_inner_box .exciting_offers_box_content {
        width: calc(100% - 80px);
    }

    .exciting_offers .exciting_offers_inner .Right_Part ul li .exciting_offers_inner_box .exciting_offers_box_img span img {
        max-width: 50px;
    }

    .exciting_offers .exciting_offers_inner .Right_Part ul li .exciting_offers_inner_box .exciting_offers_box_content h3 {
        font-size: 18px;
    }

    .exciting_offers .exciting_offers_inner .Right_Part ul li .exciting_offers_inner_box .exciting_offers_box_content p {
        font-size: 14px;
        line-height: 22px;
    }

    .exciting_offers .exciting_offers_inner .Right_Part ul li:not(:last-child) {
        margin-bottom: 10px;
    }

    .exciting_offers .exciting_offers_inner .Right_Part ul li .exciting_offers_inner_box .exciting_offers_box_img span {
        border-radius: 10px;
    }

    .players_LoveFantasy {
        margin: 30px 0 0px;
        padding: 20px 0;
    }

    .players_LoveFantasy .players_LoveFantasy_heading h2 {
        font-size: 20px;
        line-height: 30px;
    }

    .players_LoveFantasy_slider_box_top span {
        margin: 0;
    }

    .players_LoveFantasy_slider .owl-stage-outer {
        padding: 20px 0 0;
    }

    .players_LoveFantasy_slider_box {
        min-height: 290px;
        margin-bottom: 0;
        border: solid 1px #ccc;
        box-shadow: none;
    }

    .faqouter {
        padding: 20px 0;
    }

    .faqouter .faqouter_inner h2 {
        font-size: 20px;
        line-height: 30px;
    }

    .faq_outer .accordion button {
        padding: 20px 15px;
    }

    .faq_outer .accordion button .accordion-title {
        font-size: 16px;
        max-width: 80%;
    }

    .faq_outer .accordion button .icon {
        right: 20px;
        width: 30px;
        height: 30px;
        border-radius: 5px;
    }

    .faq_outer .accordion button .icon::before {
        top: 12px;
        left: 7px;
        width: 13px;
    }

    .faq_outer .accordion button .icon::after {
        top: 7px;
        left: 13px;
        height: 13px;
    }

    .faq_outer .accordion .accordion-content p {
        padding: 0 20px 20px;
        font-size: 14px;
    }

    .faq_outer .accordion .accordion-content p {
        margin: 0;
    }

    .OurFantasyApp_Outer .OurFantasyApp_Outer_inner .OurFantasyApp_Outer_inner_heading p {
        font-size: 14px;
        line-height: 24px;
    }

    .howtodownload_outer_slider_box p {
        font-size: 14px;
        line-height: 24px;
    }

    .howtodownload_outer_slider_box h4 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 10px;
    }

    .howtodownload_outer_slider_box h4 br {
        display: none;
    }

    .getApp_outer_inner .RightPart ul li {
        font-size: 14px;
        line-height: 24px;
    }

    .games_begin_inner ul li .games_begin_inner_box p br {
        display: none;
    }

    .hero_banner_inner .RightPart p {
        font-size: 14px;
        line-height: 24px;
        margin: 0;
        font-weight: 300;
    }

    .getApp_outer_inner .RightPart h2 {
        margin: 0 0 10px 0;
    }

    .exciting_offers .exciting_offers_inner .Left_Part {
        padding: 30px;
        border-radius: 20px;
        margin-bottom: 20px;
    }

    .getApp_outer_inner .LeftPart ul li .getApp_outer_inner_box {
        border-radius: 20px;
    }

    .getApp_outer_inner .LeftPart ul li .getApp_outer_inner_box h3 {
        font-size: 20px;
        line-height: 25px;
    }

    .howtodownload_outer_slider_box {
        width: 100%;
    }


    .about {
        margin: 100px 0 0 0;
    }

    .heading h1 {
        font-size: 20px;
    }
}

@media (max-width:480px) {
    .header.sticky_header {
        padding: 10px 0px;
    }

    .header_in button {
        width: 25px;
        height: 25px;
    }

    .header_in .toggle span:before {
        top: -10px;
    }

    .header_in .toggle span:after {
        top: 10px;
    }

    .header_in .toggle span {
        height: 4px;
    }

    .header {
        padding: 5px 0px;
    }

    .hero_banner {
        margin-top: 94px;
    }

    .getApp_outer_inner .RightPart ul {
        margin: 0 0 20px 0px;
    }

    .exciting_offers .exciting_offers_inner .Right_Part ul li .exciting_offers_inner_box {
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
    }

    .exciting_offers .exciting_offers_inner .Right_Part ul li .exciting_offers_inner_box .exciting_offers_box_content {
        width: 100%;
        text-align: center;
    }

    .exciting_offers .exciting_offers_inner .Right_Part h2 {
        margin: 0 0 20px 0;
        text-align: center;
    }
}

@media (max-width:420px) {
    .Footer_Legal.last_dv{ width: 100%;}
    .hero_banner_inner .RightPart h1 b {
        font-size: 30px;
    }

    .sidebar.sidebarshow {
        top: 40px;
        min-width: 210px;
    }

    .sidebar.sidebar ul li a {
        padding: 7px 10px;
        font-size: 14px;
    }

    .hero_banner_inner .RightPart p {
        font-size: 14px;
        line-height: 22px;
    }

    .header.sticky_header {
        padding: 5px 0px;
    }

    .games_begin_inner ul li .games_begin_inner_box h3 {
        font-size: 18px;
    }

    .games_begin_inner ul li .games_begin_inner_box span {
        width: 90px;
        height: 90px;
    }

    .games_begin_inner ul li .games_begin_inner_box span img {
        max-width: 40px;
    }

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

    .download_btn {
        font-size: 14px;
        line-height: 32px;
    }

    .getApp_outer_inner .LeftPart ul li .getApp_outer_inner_box h3 {
        font-size: 18px;
        line-height: 22px;
    }

    .getApp_outer_inner .LeftPart ul li .getApp_outer_inner_box span img {
        max-width: 120px;
    }

    .getApp_outer_inner .LeftPart ul li .getApp_outer_inner_box {
        padding: 15px 15px 20px;
    }

    .getApp_outer_inner .LeftPart ul li:last-child .getApp_outer_inner_box span img {
        max-width: 180px;
    }

    .howtodownload_outer_slider_box {
        padding: 15px;
    }

    .faq_outer .accordion button .accordion-title {
        font-size: 14px;
    }

    .Footer_Legal {
        width:48%;
    }

    .Footer_Legal h3 {
        margin-bottom: 10px;font-size: 14px;
    }
    .Footer_Legal ul li a{font-size: 12px;
        line-height: 23px;}
    .footer_Content .Footer_Logo {
        margin-bottom: 20px;
    }


    .about {
        margin: 90px 0 0 0;
    }

    .heading h1 {
        font-size: 18px;
    }
}