body {
    font-family: "Roboto", serif;
}

.footer .text-start {
    width: 175px;
    height: auto;
}

.footer .text-start img {
    width: 80%;
    margin-top: 28px;
}

.lgcopnent {
    margin-right: 0 !important;
}

.cricketfromt {
    position: relative;
}

/* .cricketfromt::before {
    content: '';
    background-image: url(../img/topvatcoas.png);
    position: absolute;
    left: 40%;
    z-index: 9999999999;
    top: 0;
    width: 292px;
    height: 100px;
    background-repeat: no-repeat;
    right: 50%;
} */
.frombackgeround .parftextcriket.parindia {
    padding: 0 27px;
    color: #4A4A4A;
    margin-bottom: 31px;
    font-size: 14px;
}

.headingtitle {
    padding: 0 181px;
}

.backgroun-indiatop nav {
    padding-bottom: 8px;
}

.whychoosie-text .par-text {
    color: #272727;
}

.border-boxnumber .offrertype .offer {
    color: white;
    font-weight: 400;
    font-size: 9px;
    padding-right: 0;
}

.slick-slider {
    padding-top: 0;
}

.boottomtagh .leftbootm {
    width: 70%;
    font-size: 10px;
    color: #383838;
    font-weight: 400;

}

.backgroun-indiatop .text-center p {
    margin-bottom: 0;
    margin: 0 auto;
    /* width: 50%; */
    text-align: center;
    font-size: 14px;
    color: #4A4A4A;
    padding: 0 90px;
}

/* .backgroun-indiatop p{
    margin: 0 auto;
    width: 50%;
    text-align: center;
    font-size: 14px;
    color: #4A4A4A;
    padding: 0 90px;
} */

.center-slider .slick-slide {
    margin: 0 0px 0 0 !important;
}

.footerback {
    border: 2px solid transparent;
    border: 2px solid #fe8230;
    position: relative;
    border-radius: 30px;
}

.footermenudown,
.titelfoter {
    margin-top: 36px;
}

.footerback {
    position: relative;
    border-radius: 16px !important;
    border: 3px solid transparent;
    background: linear-gradient(white, white) padding-box,
        linear-gradient(to right, #fe8230, #ffffff, #fe8230) border-box;
}

.footer .footermenu {
    position: relative;
    border-radius: 188px !important;
    border: none;
    border-top: 3px solid transparent;
    background: linear-gradient(to right, #ffffff, #ffffff, #fe8230) no-repeat;
    background-size: 100% 3px;
    background-position: top left;
    padding-top: 20px;
    margin-bottom: 0;
    margin-top: 0;
}

.footer .text-start {
    margin-top: 0;
    margin-left: 31px;
    position: absolute;
    top: -88px;
}

/* --------Home css start------- */
/* .nav-link.show .dropdown-menu {
display: block;
} */
.nav-link.show .dropdownmenu {
    display: block;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
    left: -86px;
}

.navbar-expand-lg .navbar-nav .submenu {
    left: -189px !important;
}

.nav-item.dropdown .dropdown-item {
    font-size: 13px !important;
}

.navbar .container-fluid.p-5 {
    padding: 0 0 !important;
}

.cebutton img {
    width: 45px;
    height: 50%;
}

.blogbox .imgbog {
    width: 100%;
    height: 176px;
}

/* start */

/* Open dropdown on hover */
.nav-item.dropdown:hover .dropdownmenu {
    display: block;
}

.dropdown-menu>li:hover>.submenu {
    display: block;
}

/* Ensure dropdown remains open when hovering over it */
.dropdown-menu {
    margin-top: 0;
    /* Fixes spacing issues */
}

.navbar-expand-lg .navbar-nav .dropdown-menu.submenu {
    top: 20px !important;
    right: 100% !important;
    left: unset !important;
}

#navbarNav .dropdownmenu li {
    margin-right: 0;
}

/* Open dropdown on hover */
.nav-item.dropdown:hover .dropdownmenu {
    display: block;
}

.dropdown-menu>li:hover>.submenu {
    display: block;
}

/* Ensure dropdown stays open when hovering over it */
.dropdown-menu:hover {
    display: block;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
    top: 38px;
}

/* Ensure dropdown is hidden by default */
.dropdown-menu {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    /* Smooth transition effect */
    transition: opacity 0.5s ease, visibility 0.5s ease, transform 0.3s ease;
}

/* Open dropdown on hover */
.nav-item.dropdown:hover .dropdown-menu,
.nav-item.dropdown:focus-within .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Add delay before hiding */
.nav-item.dropdown .dropdown-menu {
    transition-delay: 2s;
    /* Keeps it open for 2 seconds */
}

/* Immediate closing when clicking elsewhere */
.navbar-nav .nav-item:not(:hover) .dropdown-menu {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition-delay: 0s;
}

/*end */

a {

    text-decoration: none;
}

.rightbottom a,
.vistrer a {
    color: white;
    z-index: 999;
}

.dropdown-item:active {
    background-color: #ffffff;
}

.cebutton a {
    color: #161616;
}

.cebutton:hover a {
    color: #ffffff;
}

.hero-buttons .btn-primary:hover,
.hero-buttons .btn-primary:active {
    color: var(--bs-btn-hover-color);
    background-color: #0b192cc7;
    border-color: #0b192cc7;
}

.blogsction {
    background: url(../img/blogscetion.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.blogbox {
    height: 92%;
    padding: 16px;
    border: 2px solid #DADADA;
    box-shadow: inset 0px 1px 20px 3px #0B192C26;
    border-radius: 17px;
    margin-bottom: 46px;
    margin: 10px;
    margin-bottom: 31px;
}

.linkanddate .right {
    font-size: 13px;
}

.blogtitle {
    text-align: center;
    color: #000000;
    font-style: italic;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 0px;
}

.blogpar {
    text-align: center;
    color: #4A4A4A;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 45px;
    margin: 34px auto;
    padding: 0 210px;
}

.linkbog a {
    color: #0B192C;
    font-weight: 700;
    font-size: 15px;
}

.linkbog svg {
    margin-left: 8px;
}

.heading h5 {
    color: #0B192C;
    font-size: 15px;
    font-weight: 700;
}

.subheading h6 {
    color: #1C1C1C;
    font-size: 20px;
    font-weight: 700;
}

.par p {
    color: #4A4A4A;
    font-weight: 400;
    font-size: 14px;
}

.par {
    color: #4A4A4A;
    font-weight: 400;
    font-size: 14px;
}

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

.linkanddate .left a {
    color: #0B192C;
    font-weight: 700;
    font-size: 12px;
}

.imgbog {
    border-radius: 6px;
}

.left svg {
    margin-left: 8px;
}

.textblog {
    padding-top: 24px;
}

.imgbog img {
    border-radius: 8px;
    width: 100%;
    height:100%;
}

.footer a {
    color: #0B192C;
}

.footer a:hover {
    color: #FF6500;
}

.colorvist:hover {
    background-color: #ff8e09;
    /* background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, .7) 100%); */
    background-repeat: no-repeat;
    background-size: 200% 100%;
    transition: background-size 1s, background-color 1s;
}

/* Style for active link underline */
.colorvist {


    transition: 0.5s;

}

.colorvist:hover {
    --x: 100%;
}

.slick-slide .idcard h5 {
    margin-left: 0px;
}

.slick-slide .idcard .Premier-League {
    margin-left: 0px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 40px;
}

.slick-slide .procode {
    padding: 4px 0px !important;
    margin-left: 14px !important;
    width: unset;
    border: none !important;
    height: 25px;
}

.slick-slide .procode .proboxss {
    border: 2px dotted #FF6500;
    padding: 3px 4px;
    border-radius: 5px;
}

.slick-next:before,
.slick-prev:before {
    font-size: 40px !important;
    line-height: 1;
    opacity: .75;
    color: white;
    background: white;
}

.slick-next,
.slick-prev {
    border: 2px solid #ff8206 !important;
    padding: 21px !important;
    border-radius: 50%;
}

.slick-next:before,
.slick-prev:before {
    font-size: 40px !important;
    line-height: unset;
    opacity: 10;
    color: black !important;
    background: white;
    border-radius: 50%;

    padding: 7px 7px;
    font-weight: 600;
}

.slick-prev:before {
    content: '<';
}

.slick-next:before {
    content: '>';
}

.slick-slide .vistrer {
    font-size: 7px !important;
    position: relative;
    margin-top: 14px;
    margin-left: 1px !important;

    border-radius: 0 !important;
}

.slick-slide .vistrer p {
    font-size: 9px;
    /* margin-top: 14px; */
    margin-left: 0px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 400;
    letter-spacing: 1.2px;
    color: white;

}

.slick-slide .idcard p {
    margin-bottom: 7px !important;
}

.slick-slide .colorvist {
    margin-left: 14px !important;
    padding: 7px 80px !important;
}

/* Default slide */
.center-slider .slick-slide {

    margin: 0 15px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(0.8);
    transition: all 0.4s ease-in-out;
}

.center-slider .slick-slide,
.center-slider .slick-slide[aria-hidden="true"]:not(.slick-cloned)~.slick-cloned[aria-hidden="true"] {
    transform: scale(0.8, 0.8);
    transition: all 0.4s ease-in-out;
    display: flex !important;
    justify-content: center !important;
}

/* Active center slide (You can change anything here for cenetr slide)*/
/* .center-slider .slick-center,
.center-slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] {
transform: scale(1);

} */
.slick-list {
    padding: 104px 20px !important;
    padding-bottom: 0 !important;
}

.center-slider .slick-center,
.center-slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"])+.slick-cloned[aria-hidden="true"] {
    transform: scale(1.1);
    /* background-color: #000000; */
    margin-top: -49px !important;
    z-index: 999;
}

.center-slider .slick-current.slick-active {
    transform: scale(1);
    /* background-color: #000000; */
}

.slick-next,
.slick-prev {
    z-index: 5;
}

.slick-next {
    right: 15px;
}

.slick-prev {
    left: 15px;
}

.slick-next:before,
.slick-prev:before {
    color: #000;
    font-size: 26px;
}

.nav-item.dropdown a,
.nav-item a {
    position: relative;
    /* Required for positioning the pseudo-element */
    text-decoration: none;
    /* To remove the default underline */
}

.topics-carousel {

    margin: 0 78px;
}

.slick-prev::before {
    content: '' !important;
    display: block;
    width: 24px;
    height: 24px;
    background: url('../img/leftarrow.svg') no-repeat center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.slick-next::before {
    content: '' !important;
    display: block;
    width: 24px;
    height: 24px;
    background: url('../img/rightarrow.svg') no-repeat center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.nav-item a::after,
.nav-item.dropdown a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 54%;
    height: 4px;
    background-color: #ff9863;
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform 0.3s ease;
    border-radius: 7px;
}

.nav-item a:hover::after,
.nav-item.dropdown a:hover::after,
.nav-item a.active::after {
    transform: scaleX(1);
    /* On hover, show the border */
    transform-origin: bottom left;
}

.colors {
    /* background: linear-gradient(90deg, #ffd1b2, #fffdfc, #ffcdad); */
    background: url(../img/Hero-section.png) no-repeat;
    /* display: flex
; */
    justify-content: center;
    border-radius: 39px;
    background-size: cover;
}

.view-all a,
.view-all a:hover {
    border: none;
    color: #0B192C;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.2px;
    background-color: transparent;
}

.hero-buttons .btn svg {
    margin-left: 14px;
}

.giftviw::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: -50px;
    transform: translateY(-50%);
    width: 220px;
    height: 120px;
    background-image: url(../img/startbet.png);
    background-size: cover;
    background-repeat: no-repeat;
}

#navbarNav a.active,
#navbarNav a:hover {
    color: #FF6500;

}

#navbarNav li {
    margin-right: 27px;
}

#navbarNav a {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-right: 0px !important;
    padding-left: 0;
    padding-right: 0;
}

#navbarNav .dropdown-menu {
    padding: 0px 0px;
}

#navbarNav .dropdown-menu li a {
    display: block;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.hero-text {
    max-width: 600px;
}

.hero-text h1 {
    font-size: 2.5rem;
    color: #8C3800;
}

.hero-text .textviw p {
    color: #4A4A4A !important;
    font-size: 14px;
    font-weight: 600;
}

.hero-text .textviw h5 {
    color: #0B192C !important;
    font-weight: 600;
    padding: 11px 0;
    font-size: 22px;
    margin-bottom: 0;
}

.textviw {
    padding: 16px 7px;
}

#navbarNav .dropdown-toggle::after {
    display: none;

}

.hero-text p {
    color: black;
    font-size: 40px;
    font-weight: 500;
}

.hero-buttons .btn {
    margin-right: 10px;
}

.cricketer-img {
    max-height: 600px;
    width: 100%;
}

/* Navbar */
.navbar {
    padding: 1rem 3rem;
}

.splide__slide {

    background: transparent;
    box-shadow: none !important;
}

.navbar-brand {
    font-weight: bold;
    color: #ff6600;
}

.navbar-brand img {
    width: 80px !important;
    height: 60px !important;
}

.splide__slide.is-active .procode {
    width: 63%;
}

.splide__slide.is-active .colorvist {
    padding: 7px 104px !important;
}

.splide__slide.is-active .background-item {
    background: url(../img/card-background.png) no-repeat;
    background-size: contain;
}

.splide__slide.is-active .vistrer span {
    font-size: 9px;
    font-weight: 600;
    border-left: 1px solid white;
    padding-left: 6px;
}

.slick-slide .vistrer {
    display: flex;
    padding-top: 8px;
    /* justify-content: center; */
}

.slick-slide .vistrer p {
    align-items: unset !important;
}

.vistrer span {
    border-left: 1px solid white;
    padding-left: 6px;
    font-size: 9px;
    font-weight: 600;
}

.splide__slide {
    width: 100% !important;
}

.splide__slide.is-active .procode {
    margin-left: 2px !important;
    width: 52% !important;
    font-size: 11px !important;
    padding: 0 4px !important;
}

.splide__slide.is-active .idcard h5,
.splide__slide.is-active .idcard .Premier-League,
.splide__slide.is-active .procode {
    margin-left: 0px;
}

.splide__slide.is-active .procode,
.splide__slide.is-active .colorvist {
    margin-left: 10px !important;
    margin-top: 15px;
}

.splide__slide.is-active .vistrer {
    margin-left: 10px !important;
    font-size: 9px !important;
    margin-top: 19px;
    padding-top: 8px;
    border-top: 1px solid #9A9A9A;
    border-radius: unset;
    padding-left: 0px !important;
}

.background-item {
    background: url(../img/card-background.png) no-repeat;
    height: 250px;
    padding-right: 0 !important;
    background-size: contain;
}

.idcard .Premier-League {
    font-style: italic;
    line-height: 1.2 !important;
    margin-bottom: 0px !important;
    width: 250px;
}

.colorvist {
    font-size: 14px !important;
    letter-spacing: 0.1px;
    font-style: normal !important;
    font-weight: 600 !important;
    /* border: 1px dotted #FF6500 !important; */
    padding: 10px 62px !important;
    border-radius: 5px !important;
    width: 70%;
    margin-left: 115px !important;
    margin-top: 99px;
    background: black;
    background: linear-gradient(90deg, #FF6500, #FF990B, #FF6500);
    color: white;
    text-decoration: none;
}

.idcard p {
    margin-bottom: 8px !important;
}

.deposiorge {
    margin-bottom: 0 !important;
}

.idcard p {
    /* background-color: #FF65002E; */
    padding: 0px 15px;
    text-align: left !important;
    border-radius: 17px;
    font-weight: 600;
    margin-left: 100px;
}

.procode {
    font-size: 11px !important;
    letter-spacing: 0.1px;
    font-style: normal !important;
    font-weight: 400 !important;
    border: 2px dotted #FF6500 !important;
    padding: 4px 13px !important;
    border-radius: 5px !important;
    width: 50%;
    margin-left: 115px !important;
    margin-top: 7px;
}

.procode span {
    color: black;
    font-style: italic;
    font-weight: 600;
}

.Premier-League {
    line-height: 1.3;
}

.idcard h5 {
    padding: 0px 15px;
    text-align: left !important;
    border-radius: 17px;
    font-style: normal;
    font-weight: 600;
    margin-left: 102px;
    font-size: 12px;
    margin-bottom: 0;
}

.cardbil {
    margin-top: 0px;
    display: flex;
    width: 100%;
    justify-content: space-around;
    align-items: center;
}

.topics-carousel .cardbil img {
    max-inline-size: fit-content;
    block-size: auto;
}

.is-prev .idcard h5,
.is-next .idcard h5 {
    margin-left: 0px;
    font-size: 10px;
    color: #0B192C;
    font-weight: 600;
    padding-left: 5px;
}

.is-prev .vistrer,
.is-next .vistrer {
    font-size: 7px !important;
    font-weight: 600;
    width: 100% !important;
    padding-left: 0px;
    padding-top: 8px;
    border-top: 1px solid #9A9A9A;
    border-radius: unset;
    padding-left: 0px !important;
}

.is-prev .vistrer span,
.is-next .vistrer span {
    font-size: 9px;
    font-weight: 600;
    border-left: 1px solid white;
    padding-left: 6px;
}

.is-prev .idcard p,
.is-next .idcard p {
    margin-left: 0px;
    font-size: 14px;
    width: 200px;
    font-weight: 700;
    padding-left: 4px;
}

.is-prev .procode,
.is-next .procode {
    margin-left: 2px !important;
    width: 60% !important;
    font-size: 10px !important;
    padding: 0 4px !important;
}

.is-prev .deposiorge,
.is-next .deposiorge {
    font-size: 10px !important;
    padding: 1px;
    width: 35%;
    padding-left: 0;
}

.is-prev .colorvist,
.is-next .colorvist {
    margin-left: 1px !important;
    padding: 8px 90px !important;
    font-size: 11px !important;
}

.ico-bet img {
    width: 100%;
    height: 50%;
    /* padding-left: 15px; */
}

.ico-bet {
    width: 65px !important;
    height: 65px !important;
    border-radius: 50%;
    /* padding-left: 15px; */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3px;
    overflow: hidden;
    position: relative;
    top: -8px;
}

.vistrer span {
    font-size: 9px;
}

.vistrer {
    font-size: 6px !important;
    color: white;
    /* display: flex
; */
    font-style: normal;
    justify-content: end;
    font-weight: 300 !important;
    letter-spacing: 0.2px;
    margin-top: 11px;
}

.bockcet .tiles {
    padding: 0 282px;
    font-size: 15px;
    font-weight: 600;
}

.splide__arrow {
    background: white !important;
    border: 3px solid #ff650096 !important;
    padding: 7px !important;
}

.bockcet h2 {
    font-style: italic;
}

.dpit {
    display: flex;
    justify-content: end;
    margin-right: 4px;
}

/* .deposiorge {
background: #FF6500;
display: flex;
justify-content: center;
width: 45%;
float: right;
padding: 3px;
font-size: 12px !important;
color: white;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
} */
.deposiorge {
    background: #FF6500;
    display: flex;
    justify-content: start;
    float: right;
    padding: 3px 4px;
    font-size: 12px !important;
    color: white;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    padding-left: 4px;
    align-items: center;
    margin-bottom: 0 !important;
    padding-bottom: 0;
}

.navbar-nav .nav-link {
    color: #333;
    margin-right: 15px;
}

element.style {
    margin: 55px 0;
}

.betting-section {
    background: url(../img/Background.svg) no-repeat;
    background-size: cover;
    padding: 92px 0;
    padding-bottom: 0;
}

.btn-signin {
    background-color: #001f3f;
    color: white;
}

/* Section Styling */

.betting-section h2 {
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0;
}

.cltes,
.imgbed {
    /* width: 50%; */
    display: flex;
    justify-content: flex-end;
}

.cltes {
    display: flex;
    justify-content: center;
    align-items: self-start;
    padding: 105px 16px;
    padding-left: 50px;
}

.betting-section p {
    text-align: center;
    font-size: 1rem;
    margin-bottom: 0px;
}

.bockcet .headingtitle p {
    padding: 8px 90px;
    font-size: 15px;
    font-weight: 600;
    color: #4A4A4A;
}

.card {
    border: none;
    border-radius: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.card-header {
    background-color: #001f3f;
    color: white;
    font-size: 1rem;
    text-align: center;
    padding: 10px;
}

.giftviw {
    display: flex;
    justify-content: start;
    /* Ensures equal spacing between items */
    padding: 3px;
    /* Optional: Add padding around the container */
    position: relative;
}

.hero-text p span {
    background-color: #FF65002E;
}

.firtgift:nth-child(2) {
    margin-left: 11px;
}

button.btn-primary {
    background: #0B192C;
    border: 1px solid #0B192C;
    padding: 8px 29px;
}

.btn-outline-secondary,
.btn-outline-secondary:hover {
    color: #0B192C;
    background-color: transparent;
    border-color: transparent;
    font-weight: 600;
}

.giftviw .firtgift {
    display: flex;
    align-items: center;
    background-color: #FF65002E;
    color: #000;
    padding: 10px 15px;
    text-align: center;
    border-radius: 16px;
    font-style: italic;
    font-weight: 600;
}

.giftviw .firtgift:hover {
    background-color: #ffb17f;
}

.card-body {
    padding: 20px;
}

.btn-visit {
    background-color: #ff6600;
    color: white;
    width: 100%;
}

.view-offer {
    text-align: center;
    margin-top: 10px;
    font-size: 0.9rem;
    color: #888;
}

.carousel-indicators [data-bs-target] {
    background-color: #ff6600;
}

.view-all {
    text-align: center;
    margin-top: 20px;
    padding-bottom: 54px;
}

.footer {
    background-color: #f8f9fa;
    padding: 20px 0;
    text-align: center;
}


/* slider-css */

.topics-carousel img {
    max-inline-size: 100%;
    block-size: auto;
}

.topics-carousel {
    margin-block-start: 60px;

    --slide-width-pc: 400px;
    --slide-height-pc: 250px;
    --slide-rate-min: 0.85;
    --slide-rate-max: 1;
}

.topics-carousel-track {
    padding-block-end: 30px;
}

.topics-carousel-slide {
    position: relative;
    inset-block-start: 0;
    display: block;
    max-inline-size: var(--slide-width-pc);
    block-size: var(--slide-height-pc);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
    transition:
        inset-block-start 640ms cubic-bezier(0.165, 0.84, 0.44, 1),
        max-inline-size 640ms cubic-bezier(0.165, 0.84, 0.44, 1),
        block-size 640ms cubic-bezier(0.165, 0.84, 0.44, 1);

    &:not(.is-active) {
        inset-block-start: 36px;
        max-inline-size: calc(var(--slide-width-pc) * var(--slide-rate-min));
        block-size: calc(var(--slide-height-pc) * var(--slide-rate-min));
    }
}

.topics-carousel-thumbnail {
    inline-size: var(--slide-width-pc);
    block-size: var(--slide-height-pc);
    transition: transform 640ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: scale(var(--slide-rate-max), var(--slide-rate-max));

    .topics-carousel-slide:not(.is-active) & {
        transform: scale(var(--slide-rate-min), var(--slide-rate-min));
        transform-origin: left top;
    }
}

.background-itemwhy {
    background: url(../img/betoncome.png) no-repeat;

    background-size: contain;
    background-position: right;
    display: flex;
    justify-content: start;
    /* width: 50%; */
}

.whychoosie-text {
    width: 50%;
    padding-left: 18px;
}

.whychoosie-text h5 {
    color: black;
    font-size: 27px;
    font-weight: 600;
    margin-bottom: 0;
}

.whychoosie-text h6 {
    font-size: 42px;
    font-weight: 700;
    color: #000000;
    font-style: italic;
}

.whychoosie-text .offrer {
    color: #0B192C;
    font-weight: 700;
    font-size: 20px;
    font-style: italic;
}

.whychoosie-text .par-text {
    font-size: 16px;
    font-weight: 600;
}

.backgroun-indiatop {
    background: url(../img/top-indiaback.png);
    /* background: linear-gradient(136deg, #fff5ee, #ffd2b6, #ffffff91); */
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50px;
}

.india-tophading {
    text-align: center;
    font-size: 33px;
    padding: 60px 0;
    padding-bottom: 28px;
    font-style: italic;
    font-weight: 800;
    padding-top: 110px;
}

.view-all svg {
    margin-left: 8px;
}

.backgroun-indiatop .view-all {
    background: linear-gradient(to left, #ffffff 78px, #ffcfb0 27%, #ffffff);
    margin-top: 0;
    padding-top: 42px;
    border-bottom-left-radius: 39px;
    border-bottom-right-radius: 39px;
}

.parindia {
    margin: 0 auto;
    width: 50%;
    font-family: Roboto;
    font-weight: 600;
    font-size: 16px;
    line-height: 167%;
    letter-spacing: 0%;
    text-align: center;
    color: #4A4A4A;
}

.box-rol {
    cursor: pointer;
    height: 225px;
    background: url(../img/box-modal.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.h-800 {
    height: 75px;
}

.h-950 {
    height: 95px;
}

/* .backgroun-indiatop .box-rol {
  background-size: contain;
} */
.backgroun-indiatop .boottomtagh .leftbootm p {
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* .border-boxnumber {
    padding-bottom: 0!important;
} */
.backgroun-indiatop .row .col-lg-12.col-12:last-child .border-boxnumber {
    padding-bottom: 0 !important;
}

.backgroun-indiatop .row .col-lg-12.col-12:last-child .border-boxnumber .numberline {
    top: 44%;
}

.boxtop-india {
    height: auto;
    width: 100%;
    padding: 0 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.icon-beta img {
    width: 80px;
    height: 80px;
}

.icon-beta {
    width: 20%;
    text-align: center;
}

.content-proimes {
    width: 80%;
    padding-left: 15px;
}

.top-box,
.midletag,
.boottomtagh {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.primautype {
    display: flex;
    justify-content: start;
}

.primautype ul {
    padding: 0;
    margin: 0;
    padding-left: 0px;
    list-style: none;
}

.primautype ul li::before {
    width: 8px;
    height: 8px;
    content: '';
    content: "";
    /* width: 50px; */
    /* height: 50px; */
    background-color: black;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 1px;
    top: 50%;
    transform: translateY(-50%);
    margin-right: 4px;
}

.viteradd.offrertype a {
    margin-left: 0 !important;
    padding: 5px 48px !important;
    width: 100%;
    display: block;
    margin-top: 0;
}

.offer {
    text-align: -webkit-center;
    padding-right: 11px;
}

.nametag {
    background: #0B192C;
    color: white;
    padding: 4px 33px;
    font-size: 14px;
    position: relative;
    font-weight: 600;
}

.top-box {
    padding: 23px 16px;
    padding-bottom: 0;
    padding-right: 0px;
}

.deposttype {
    background: #FF6500;
    font-size: 13px !important;
    color: white;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    padding: 3px 11px;
    font-style: italic;
}

.nametag::before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 29px 16px 0 1px;
    border-color: #0b192c transparent transparent transparent;
    top: 0px;
    left: -15px;
    transform: rotate(178deg);
    border-top-right-radius: 9px;
}

.nametag::after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 29px 16px 0 1px;
    border-color: #0b192c transparent transparent transparent;
    top: 0px;
    right: -16px;
    border-top-right-radius: 9px;
}

.couptah {
    border: 2px dotted #FF6500 !important;
    color: white;
    font-size: 12px;
    width: 82%;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 0;
    color: #FF6500;
    padding: 3px 2px;
}

.couptah span {
    color: white;
    font-style: italic;
    font-size: 14px;
}

.primautype li::marker {
    /* font-size: 24px; 
color: #000000; */
}

.offer {
    color: white;
    font-size: 11px;
}

.primautype.link {
    font-style: italic;
    line-height: 1.2 !important;
    margin-bottom: 0px !important;
    width: 295px;
    font-weight: 700;
    font-size: 20px;
    color: #000000;
    margin: 14px 0;
}

.offrertype {
    /* width: 21%; */
    padding-left: 0;
    margin-top: 23px;
}

.viteradd {
    width: 32.5%;
    margin-top: 7px;
    text-align: center;
}

.primautype ul li {
    font-size: 13px;
    margin: 0px 0px;
    margin-left: 0;
    font-style: italic;
    font-weight: 400;
}

.boottomtagh .leftbootm {
    width: 70%;
}

.boottomtagh .leftbootm p {
    font-size: 12px;
    /* color: #383838; */
    font-weight: 400;
    margin-bottom: 0;
}

.boottomtagh .rightbottom {
    width: 30%;
    text-align: -webkit-right;
}

.boottomtagh .rightbottom p {
    color: white;
    font-size: 12px;
    width: 130px;
    text-align: end;
    padding-right: 0px;
    border-left: 1px solid #9A9A9A;
}

.boottomtagh {
    margin-top: 21px;
    /* border-top: 3px solid #a79b96; */
    margin-right: 0px;
}

.box-rol {
    margin: 60px 0;
    margin-bottom: 20px;

}

.backround-ket {
    background: url(../img/cricketformt.png) no-repeat;
    background-size: cover;
    border-radius: 39px
}

.satheade {
    background: url(../img/satheade.png) no-repeat top center;
    background-size: cover;
}

.frombackgeround {
    background: url(../img/fronbet.png) no-repeat top center;
    background-size: contain;
}

.footer {
    margin-top: 60px;
    background: url(../img/footerbackground.png) no-repeat;
    background-size: cover;
    width: 100%;
}

.fromtbeat {
    background: url(../img/formbackgroun.png) no-repeat;
    background-size: cover;
    background-position: top;
    padding-top: 90px;
}

.howbox .iconhowbox-l {
    padding: 20px 38px;
    padding-right: 0;
    padding-top: 0px;
}

.howbox .texthow-r {
    padding: 35px 60px;
    padding-right: 1px;
}

.howbox h6 {
    text-align: left;
    font-size: 22px;
    padding: 0px 0;
    padding-bottom: 6px;
    font-style: italic;
    font-weight: 800;
    padding-left: 19px;
    color: #0B192C;
    margin-bottom: 0;
}

.howbox p {
    font-size: 14px;
    padding-left: 19px;
    font-weight: 400;
    color: #000000;
}

/* .iconhowbox-l img {
width: 80px;
height: 80px;
} */
.howbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 18px;
    margin-right: 0;
    margin-left: 0;
}

.satheade .parftextcriket {
    width: 68%;
    margin-bottom: 36px;
}

.howbox {
    background: url(../img/howbox.png) no-repeat;
    background-size: contain;
    padding: 0px 0;
}

.footer .soncail-icon {
    gap: 5px;
    display: flex;
    justify-content: normal;
    margin-bottom: 0px !important;
}

.footer ul {
    list-style: none;
    line-height: 1.2;
    font-size: 14px;
    text-align: left;
    padding-left: 50px;
    padding-left: 0;
}

.footer .soncail-icon li {
    width: 37px;
    display: flex;
    justify-content: center;
    padding: 8px 12px;
    background: #ffdbc3;
    border-radius: 10px;
    font-size: 15px;
    margin-left: 0px !important;
    margin: 3px 0;
}

.footer h5 {
    position: relative;
    padding: 10px;

}

.footer .titelfoter {
    font-size: 14px;
    font-style: italic;
    font-weight: 600;
    text-align: left;
    line-height: 1.5;
    padding: 28px 22px;
    padding-bottom: 12px;
}

.footer .footermenu {
    display: flex;
    justify-content: end;
    margin-top: 28px;
    margin-right: 30px;
}

.footer .text-start {
    margin-top: 0px;
    margin-left: 31px;
}

.footer .copyright {
    font-size: 15px;
    padding: 15px 0px;
    margin-top: 10px;
    color: #6B6B6B;
    font-weight: 500;
    letter-spacing: 0.2px;
    font-weight: 500;
}

/* .footer  .footermenudown {
margin-top: 0px;
} */
.footer .footermenu li {
    margin: 0px 6px;
    background: #f1d6c6;
    padding: 14px 25px;
    border-radius: 28px;
    font-size: 14px;
}

.footer .parfooter {
    font-size: 13px;
    text-align: left;
    padding: 0 24px;
    letter-spacing: 0.2px;
    /* margin-top: 27px; */
    margin-bottom: 0;
}

.footer h5.heading {
    padding-left: 0;
    text-align: left;
    /* text-align: center; */
    font-size: 17px;
    /* padding: 69px 0; */
    padding-bottom: 10px;
    font-style: italic;
    font-weight: 800;
}

.footer h5.heading::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 3px solid transparent;
    border-image: linear-gradient(to right, #FF5722, #ffffff) 1;
    border-radius: inherit;
    z-index: 99;
    width: 140px;
}

.footer ul li {
    margin: 17px 0;
    font-weight: 600;
    font-size: 14px;
    color: #0B192C;
}

.footer li:hover {
    color: #FF6500;
}

.cebutton {
    border: 3px solid #DADADA;
    padding: 5px 10px;
    border-radius: 15px;
    margin-bottom: 20px;
    margin: 20px 20px;
    font-size: 14px;
    background: #faece4;
    color: #161616;
    font-weight: 600;
    box-shadow: inset 0px 1px 20px 3px #0B192C26;
}

.parftextcriket {
    width: 80%;
    margin-bottom: 61px;
    color: #4A4A4A;
    font-size: 14px;
    font-weight: 600;
}

.cebutton.active img,
.cebutton:hover img {
    border: 2px solid #fa6401;
    border-radius: 50%;
}

.item .cebutton:hover img,
.cricket-cardadd .item button.active .cebutton img {
    border: 2px solid #fa6401;
    border-radius: 50%;
}

.item .cebutton img {
    border-radius: 50%;
}

.cebutton.active {
    background-image: linear-gradient(90deg, #0B192C 0%, #0B192C 35%, #FF6500 100%);
    color: white;
    border: 2px solid #d95907;

    box-shadow: 2px 15px 18px 0px #d95907;
}

.cebutton img {
    margin-right: 15px;
    border-radius: 50%;
}

.cricketfromt .cebutton {
    display: flex;
    align-items: center;
}

.cricketfromt .cebutton p {
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.cebutton:hover {
    animation: colorChange 0.5s ease-in-out, bounce 0.6s ease-in-out;
    background-image: linear-gradient(90deg, #0B192C 0%, #0B192C 35%, #FF6500 100%);
    color: white;
    border: 2px solid #d95907;

    box-shadow: 2px 15px 18px 0px #d95907;
}

.truncate-heading {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* Number of lines to show */
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 2.2em;
    /* Adjust based on line height */
    line-height: 1.1em;
    /* Adjust line height */
}

/* Animation for color */
/* @keyframes colorChange {
0% {
color: black;
}
50% {
color: blue;
}
100% {
color: crimson;
}
} */

/* Animation for bounce effect */
@keyframes bounce {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

.frombackgeround form {
    margin: 0 auto;
    text-align: center;
    width: 50%;
    padding-bottom: 95px;
}

.frombackgeround form input {
    border: 1px solid orange;
    width: 100%;
    background: #FF650012;
    border-radius: 5px;
    padding: 11px 42px;
    margin: 9px 0px;
}

.frombackgeround form .form-group {
    text-align: left;
    margin-bottom: 17px;
    position: relative;
}

.frombackgeround form .fa {
    position: absolute;
    left: 15px;
    top: 46px;
    font-size: 20px;
}

.frombackgeround form label {
    font-size: 15px;
    font-weight: 600;
    color: #0B192C;
}

.frombackgeround form .btn {
    background: #0B192C;
    width: 93%;
    margin: 0 auto;
    color: white;
    margin-top: 26px;
}

.spalteag {
    margin: 62px 2px;
    font-size: 13px;
    font-weight: 700;
}

.background-item {
    width: 380px;
    height: 220px;
}

.slick-slide .vistrer::before {
    border-top: 1px solid #9A9A9A;
    content: '';
    width: 86%;
    position: absolute;
    /* padding-bottom: 71px; */
    top: 0;
    left: 15px;
}

.iconhowbox-l img {
    width: 60px;
}

/* .cricketfromt {
background: linear-gradient(247deg, #ffd1b294, #fffdfc, #ffcdad59);
padding: 98px 0;
} */
/* .cricketfromt {
background: linear-gradient(247deg, #ffd1b294, #fffdfc, #ffcdad59);
padding: 98px 0;
} */

/* .backround-ket {
    background-image: radial-gradient(circle at top left, #fffbf9, #ffc7a3 50%);

    border-radius: 28px;
    background-image: radial-gradient(circle at top center, #fffbf9, rgba(255, 199, 163, 0.6) 50%), radial-gradient(circle at bottom left, #fffbf9, rgba(255, 199, 163, 0.8) 70%), radial-gradient(circle at bottom right, #fffbf9, rgba(255, 199, 163, 0.8) 70%);
    /* background-image: radial-gradient(circle at 50% 30%, #fffbf9, #ffc7a3 90%); 
}*/
.border-boxnumber .content-proimes {
    padding: 0 4px;
    padding-right: 0;
}

.border-boxnumber .viteradd {
    width: 30%;
}

.border-boxnumber .top-box,
.border-boxnumber .midletag,
.border-boxnumber .boottomtagh {
    margin-right: 30px;
}

.border-boxnumber .couptah {
    width: 100%;
}

.border-boxnumber .offer {
    text-align: end;
}

@media (min-width: 1380px) and (max-width: 1550px) {
    .content-proimes {
        width: 80%;
        padding-left: 23px;
        margin: 0 auto;
    }

    .center-slider .slick-slide .vistrer {
        justify-content: space-around;
    }

    .couptah {
        font-size: 14px;
    }

    /* .betting-section {
   padding: 154px 0;
 
} */
    .slick-slide .vistrer {
        font-size: 10px !important;
        margin-left: 0px !important;
    }

    .slick-slide .idcard .Premier-League {
        margin-left: 0;
        padding-left: 23px;
    }

    .slick-slide .idcard h5 {
        margin-left: 0;
        padding-left: 25px;
    }

    .slick-slide .procode {
        margin-left: 21px !important;
    }

    .slick-slide .colorvist {
        margin-left: 19px !important;
    }

    .slick-slide .colorvist {
        padding: 10px 85px !important;
    }

    .slick-slide .vistrer::before {
        width: 89%;
        left: 21px;
    }

    .border-boxnumber .boottomtagh .leftbootm p {
        font-size: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: initial;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .offrertype a {
        padding: 12px 93px !important;
    }

    .viteradd.offrertype a {
        padding: 14px 70px !important;
    }

    .boottomtagh .leftbootm p {
        margin-bottom: 0;
    }

    .boottomtagh {
        margin-top: 36px;
        padding-top: 9px;
    }

    .icon-beta {
        width: 20%;
        text-align: center;
    }

    .border-boxnumber .offer {
        text-align: end;
    }

    .border-boxnumber .content-proimes {
        width: 80%;
        padding: 0 30px;
        padding-right: 0;
    }

    .border-boxnumber .boottomtagh .rightbottom p {
        padding-right: 0px;

    }

    .border-boxnumber .top-box,
    .border-boxnumber .midletag,
    .border-boxnumber .boottomtagh {

        padding-right: 0px;
    }

    .border-boxnumber .icon-beta {
        width: 20%;
        text-align: center;
    }

    .border-boxnumber .boottomtagh {
        margin-top: 28px !important;
        padding-bottom: 14px;
        margin-bottom: 20px;
    }

    .footer .footermenu {
        margin-top: 77px;

    }

    .slick-slide .idcard p {
        margin-bottom: 15px !important;
    }

    .background-item {
        height: 244px;
    }

    .slick-slide .idcard p {
        margin-bottom: 15px !important;
    }

    .footer .footermenu {
        margin-top: 82px !important;
    }

    /* .footer {
    background-size: contain;
} */
    .parftextcriket {
        width: 63%;
        font-size: 14px;

    }

    .howbox .iconhowbox-l {
        padding: 20px 50px;
    }

    .howbox .texthow-r {
        padding: 35px 20px;
        padding-right: 78px;
    }

    .viteradd {
        width: 32.5%;
    }

    .top-box {
        padding-right: 2px;
    }

    /* .border-boxnumber .viteradd{
    text-align: justify;
} */
    .border-boxnumber .exsapce {
        padding: 43px 0;
    }

    .Betting-Sites .border-boxnumber .content-proimes .primautype {
        font-size: 27px !important;

    }

    .Betting-Sites .border-boxnumber .content-proimes {
        padding: 0 12px;
        padding-right: 0;
    }

    .Betting-Sites .border-boxnumber .exsapce {
        padding: 4px 0;
    }

    .Betting-Sites .box-rol {
        margin-bottom: 15px;
    }

    .Betting-Sites .boottomtagh .rightbottom p {
        width: unset;
    }

    /* .giftviw::after {
        right: 14px;
    } */

    /* .Betting-Sites .border-boxnumber .primautype {
    padding: 12px 20px!important;
} */
}

@media (min-width: 1550px) and (max-width: 1900px) {
    .content-proimes {
        width: 80%;
        padding-left: 0;
        margin: 0 auto;
        margin-left: 77px;
    }

    .giftviw::after {
        right: 7px;
    }

    .slick-slide .vistrer {
        font-size: 10px !important;
        margin-left: 0px !important;
    }

    .slick-slide .idcard .Premier-League {
        margin-left: 0;
        padding-left: 23px;
    }

    .slick-slide .idcard h5 {
        margin-left: 0;
        padding-left: 25px;
    }

    .slick-slide .procode {
        margin-left: 21px !important;
    }

    .slick-slide .colorvist {
        margin-left: 19px !important;
    }

    .slick-slide .colorvist {
        padding: 10px 108px !important;
    }

    .slick-slide .vistrer::before {
        width: 89%;
        left: 21px;
    }

    /* .betting-section {
        padding: 200px 0;
      
    } */
    .viteradd.offrertype a {
        padding: unset;
        text-align: center;
    }

    .boottomtagh {
        padding-bottom: 13px;
    }

    .boottomtagh {
        margin-right: 30px;
    }

    .boottomtagh .leftbootm p {
        margin-bottom: 0;
    }

    .Betting-Sites .border-boxnumber .content-proimes {

        padding: 0 20px;
        padding-right: 0;
    }

    .Betting-Sites .border-boxnumber .viteradd {
        width: 100%;
        text-align: justify;
    }

    .Betting-Sites .border-boxnumber .exsapce {
        padding: 32px 0 !important;
    }

    .Betting-Sites .border-boxnumber .content-proimes .primautype {
        font-size: 28px !important;

    }

    .Betting-Sites .border-boxnumber .midletag .primautype {
        margin: 10px 0 !important;
    }

    .border-boxnumber .exsapce {
        padding: 63px 0 !important;
    }

    /* .footer .text-start {
    margin-top: 113px;
} */
    .footer ul li {
        font-size: 18px;
    }

    .footer .titelfoter {
        font-size: 18px;
    }

    .footer .footermenu {
        margin-top: 82px !important;
    }

    .footer .parfooter {
        font-size: 18px;
    }

    .border-boxnumber .content-proimes {
        width: 80%;

        margin-left: 0;
    }

    .border-boxnumber .icon-beta {
        width: 20%;
        text-align: center;
    }

    .border-boxnumber .viteradd {
        text-align: end;
    }

    .top-box {
        padding-right: 2px;
    }

    .howbox .texthow-r {
        padding: 35px 20px;
        padding-right: 78px;
    }

    /* .box-rol {
  background-size: cover;
} */
    .icon-beta {
        width: 20%;
        text-align: -webkit-center;
    }

    .background-item {
        height: 287px;
    }

    .slick-slide .idcard p {
        margin-bottom: 24px !important;
    }

    .footer .footermenu {
        margin-right: 24px;
    }

    .parftextcriket {
        width: 63%;
        font-size: 14px;

    }

    .border-boxnumber .midletag .primautype.link {
        margin-bottom: 0 !important;
    }

    /* .border-boxnumber .boottomtagh .leftbootm p {
    font-size: 14px!important;
} */
    .border-boxnumber .midletag .primautype {
        margin: 17px 0 !important;
    }

    .border-boxnumber .primautype ul li {
        font-size: 16px !important;
    }

    .howbox .iconhowbox-l {
        padding: 20px 50px;
    }

    .footer {
        background-size: cover;

    }
}

.offrertype a {
    padding: 12px 75px !important;
}

.nametag::after {
    right: -15px;
}

.footer .footermenu {
    margin-top: 0px;
    padding-bottom: 17px;
}

.footer .footermenudown .textland {
    margin-top: 30px;
}

/* .gradient-line{
    display: none;
} */

@media screen and (min-device-width: 376px) and (max-width: 430px) {
    .Betting-Sites .box-rol {
        height: 220px !important;
    }

    .h-950 {
        height: 75px;
    }

    .cricket-cardadd .box-rol {
        height: 205px !important;
    }
}

@media only screen and (max-width: 767px) {
    .bockcet .tiles {
        padding: 0 10px !important;
    }

    .backgroun-indiatop .view-all {
        background: none;
    }

    .welcomehomeonly .icon-beta img {
        width: 70px;
        height: auto;
        margin-left: 15px;
    }

    .viewoffer.mobileonly .bannerviewoffer {
        padding: 12px 0 !important;
    }

    .viewoffer .offer {
        text-align: center !important;
    }

    .viewoffer .offrertype .couptah {
        text-align: left !important;
    }

    .viewoffer.mobileonly .iconbox {
        /* width: 35%; */

        margin-left: 0;
        position: relative;
        padding: 0;
        display: flex;
        align-items: center;
        width: 100px;
        height: 100px;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        margin: auto;
        margin-left: 8.5%;
    }

    .viewoffer.mobileonly .textscetionoferer {
        width: 65%;
        padding: 0 10px;
    }

    .promas .icon-beta img {
        margin-left: 0;
    }

    .promas .content-proimes {
        width: 75%;

    }

    .promas .border-boxnumber .boottomtagh {
        padding-bottom: 0px;
    }

    .promas .icon-beta {
        padding: 15px !important;
        width: 25%;
    }

    .border-boxnumber .boottomtagh {
        border-top: unset !important;
    }

    .cricket-cardadd .border-boxnumber .icon-beta {
        padding: 12px !important;
    }

    .cricket-cardadd .boottomtagh .leftbootm p {
        width: 190px !important;
    }

    .cricket-cardadd .content-proimes .boottomtagh::before {
        width: 85% !important;
    }

    .cricket-cardadd .boottomtagh .rightbottom p {
        font-size: 12px;
        width: 100% !important;
        text-align: end !important;
        padding-left: 0 !important;
    }

    .backgroun-indiatop .text-center p {
        padding: 0 0px;
    }

    .headingtitle {
        padding: 0 1px;
    }

    .bockcet .headingtitle p {
        padding: 8px 0px;
    }

    .slick-list {
        padding-bottom: 0 !important;
    }

    .slick-slider {
        padding-top: 0px;
    }

    .center-slider .slick-center,
    .center-slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"])+.slick-cloned[aria-hidden="true"] {
        transform: scale(1);

    }

    .cricket-cardadd .tabslidehide {
        padding: 0 0px !important;
    }

    #navbarNav .dropdown-menu {
        position: static;
    }

    .backgroun-indiatop .box-rol {
        background-size: cover;
    }

    .footer .footermenudown .textland {
        margin-top: 0px;
        margin-left: 24px;
    }

    /* .banner-proms {
        display: none;
    } */

    .border-boxnumber .primautype.link {
        font-size: 13px !important;
        width: unset;
        padding-right: 0;
        padding: 0 25px 0px 0 !important;
    }

    .backgroun-indiatop .boottomtagh .leftbootm p {
        -webkit-line-clamp: 1;
    }

    .border-boxnumber .primautype {
        margin: unset !important;
        margin-left: 30px !important;
    }

    .border-boxnumber .deposttype {
        margin-right: 0px;
    }

    .border-boxnumber .couptah {
        width: 62%;
    }

    .stepscetion {
        margin-top: 0 !important;
    }

    .border-boxnumber {
        padding: 0px 0px !important;
        border-left: none !important;
    }

    .border-boxnumber .numberline {
        display: none !important;
    }

    .border-boxnumber .exsapce {
        padding: 0px 0 !important;
    }

    .border-boxnumber .content-proimes {
        padding: 0px 0 !important;
        padding-left: 6px !important;
    }

    .whychoosie-text {
        width: 100%;
        padding-left: 0;
    }

    .bockcet .tiles {
        padding: 0 11px;
        font-size: 16px;
        line-height: 1.5;
    }

    .box-rol {
        background: url(../img/card-background.png);
        background-size: cover;
        background-repeat: no-repeat;
        height: 100%;
    }

    .content-proimes {
        /* width: 100%; */
        padding-left: 0;
    }

    .giftviw::after {
        display: none;
    }

    .primautype {
        display: none;
    }

    .primautype.link {
        display: block;
        font-size: 13px;
        padding-right: 118px;
        margin-top: 0px;
        margin-left: 30px;
    }

    .background-item {
        padding: unset !important;
    }

    .boottomtagh .leftbootm {
        font-size: 8px;
        color: white;
        font-weight: 400;
        white-space: nowrap;
        width: 110px;
        overflow: hidden;
        text-overflow: ellipsis;
        /* border: 1px solid #000000; */
    }

    .boottomtagh .rightbottom p {
        font-size: 9px;
        width: 100%;
        padding-right: 0px;
        text-align: center;
        border-left: unset;
    }

    .boottomtagh p {
        margin-bottom: 0;
    }

    .boottomtagh .leftbootm {
        width: 60%;
        /* margin-right: 11px; */
    }

    .boottomtagh {
        margin-top: 23px;
        margin: 0 0px;
        margin-left: 8px;
        padding-top: 7px;
    }

    .offrertype a {
        padding: 6px 70px !important;
    }

    .parindia {
        width: 100%;
        margin-bottom: 24px;
    }

    .deposttype {
        font-size: 10px !important;
        padding: 3px 5px;
        margin-right: 5px;
    }

    .footer .footermenu {
        display: flex;
    }

    .footer .footermenu li {

        margin-bottom: 9px;
    }

    .blogsction {
        background: url(../img/blog-mobile.svg);
        margin: 0 !important;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .cricketfromt {
        padding: 0px 0;
    }

    .fromtbeat {
        padding-top: 15px;
    }

    .frombackgeround form {
        width: 80%;
        padding-bottom: 50px;
    }

    .spalteag {
        /* margin: 45px 2px; */
        margin: unset;
        font-size: 13px;
        padding: 20px 0;
    }

    .india-tophading {
        padding: 33px 0;
    }

    .whychoosie-text h5 {
        font-size: 23px;
    }

    .whychoosie-text .offrer {
        font-size: 19px;
    }

    .parindia {
        font-size: 15px;
    }

    .whychoosie-text .par-text {
        font-size: 17px;
    }

    .whychoosie-text h6 {
        font-size: 29px;
    }

    .couptah {
        width: 62%;
        padding: 0 0;
        font-size: 9px;
    }

    .midletag {
        display: block;
        margin-bottom: 5px;
    }

    /* .boottomtagh .rightbottom {
width: 40%;

} */

    .boottomtagh .rightbottom {
        width: unset;
        padding-left: 12px;
        border-left: 1px solid #9A9A9A;
    }

    .hero-section .p-5,
    .top-india .p-5,
    .betting-section .p-5,
    .whychoosie .p-5,
    .cricketfromt .p-5,
    .cricketfromt .p-5,
    .fromtbeat .p-5 {
        padding: 1rem !important;
    }

    .hero-text h1 {
        font-size: 1.5rem;
    }

    .hero-text p {
        display: none;
    }

    .d-flex.hero-buttons {
        display: block !important;
    }

    .hero-text .textviw p {
        display: block;
    }

    .giftviw {
        display: none;
    }

    .cltes {
        padding: 25px 0px;
        padding-left: 0px;
        text-align: center;
    }

    .colors {
        background: url(../img/Hero-section-mobile.png) no-repeat;
        background-size: cover;
        padding-bottom: 35px;
    }

    .hero-text .textviw p {
        font-size: 15px;
    }

    .hero-text .textviw h5 {
        font-size: 22px;

    }

    .bockcet .view-all {
        margin-top: 92px;
    }

    /* .footerback {
background: url(../img/footermibile.svg) no-repeat;
background-size: cover;

} */
    .footer .text-start {
        margin-top: 0px;
        margin-left: 0px;
    }

    .footer .footermenu {
        margin-top: 0px;
        margin-bottom: 0;
        margin-right: 0;
        display: inline-flex;
    }

    .footer .parfooter {
        padding: 0px 0px;
        font-size: 14px;
    }

    .footer ul li {
        margin: 10px 0;
        font-size: 15px;
    }

    .footer .footermenu {
        flex-wrap: wrap;
        justify-content: start;
        gap: 10px;
        list-style: none;
        padding: 0;
    }

    .footer .footermenudown .heading {
        padding: 9px 18px;
        margin-left: 24px;
        padding-left: 0;

    }

    .footer .footermenudown .soncail-icon,
    .footer .footermenudown ul {
        padding: 14px 18px;
        margin-left: 24px;
        padding-left: 0;

    }

    .footer .footermenu li {
        margin: 6px 0px;
        background: unset;
        padding: 0px 0px;
        border-radius: 28px;

    }

    /* .footer .copyright {
  margin-bottom: 37px;
} */
    .footer .p-5 {
        padding: 1.5rem !important;
    }

    /* .footerback {
    border: 2px solid transparent; 
    border-top: 2px solid #fe8230; 
    position: relative;
}

.footerback::before {
    content: "";
    position: absolute;
    top: -2px;
    left: 7px;
    width: 91%;
    height: 2px;
    background: linear-gradient(to right, rgb(255, 87, 34), white, rgb(255, 76, 34));
}
.footerback{
    border: 2px solid #fe8230;
    border-radius: 13px;
} */
    .footer {
        background: linear-gradient(135deg, #fff3eb, #fff3ec, #fff9f5, #ffcdac);
        padding-top: 60px;
    }

    .footer .footermenu {
        position: relative;
        padding: 18px 0;
    }

    .footer .footermenu {
        position: relative;
        border-radius: 188px !important;
        border: none;
        border-top: 3px solid transparent;
        background: linear-gradient(to right, #fe8230, #ffffff, #ffffff) no-repeat;
        background-size: 140% 3px;
        background-position: top left;
        padding-top: 20px;
        margin-bottom: 0;
        margin-top: 0;
    }

    /* .footer .footermenu::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: unset;
    z-index: 99;
    width: 140px;
    border-bottom: 3px solid transparent;
    border-image: linear-gradient(to right, rgb(255, 87, 34), rgb(255, 255, 255)) 1 / 1 / 0 stretch;
    border-radius: inherit;
} */

    .footer ul {

        margin-bottom: 0;
    }

    .footer .footermenu li a {
        margin: 0px 0px;
        background: #f1d6c6;
        padding: 8px 13px;
        border-radius: 28px;
        font-size: 11px;
    }

    .footer .titelfoter {
        padding: 34px 15px;
        font-size: 15px;
        padding-bottom: 0;
    }

    .frombackgeround {
        background: url(../img/form-mobile.png) no-repeat;
        background-size: cover;
        margin: 0px 0px;
        /* padding: 30px 0; */
    }

    .headingtexform {
        padding-top: 88px;
    }

    .howbox .texthow-r {
        padding: 9px 22px;
        padding-right: 0;
    }

    .parftextcriket {
        width: 100% !important;
        font-size: 13px;
        font-weight: 600;
        margin: 0px auto;
    }

    .fromtbeat .p-5 {
        padding: 0 !important;
    }

    .india-tophading {
        font-size: 23px;
    }

    .howbox {
        margin: 5px;
    }

    .howbox h6 {
        font-size: 13px;
        padding-left: 5px;

    }

    .howbox p {
        font-size: 8px;
        padding-left: 4px;
    }

    .blogpar {
        padding: 0 20px;
    }

    .betting-section {
        background: url(../img/mobile-slider.png) no-repeat;
        margin: 0 !important;
        background-size: cover;
        padding: 0px 0;
    }

    .blogpar {
        font-size: 14px;
        margin: 15px auto;

    }

    .gradient-line {
        margin-left: 35px;
        width: 100%;
        /* Full width of the container */
        height: 10px;
        /* Thickness of the line */
        background: linear-gradient(to right, rgb(251, 186, 142) 50%, rgba(255, 255, 255, 1) 100%);
        border-radius: 10px;
    }

    .blogtitle {
        font-size: 19px;
    }

    .background-item {
        background-size: cover;
        height: 23.7vh;
    }

    .slick-slide .idcard .Premier-League {
        margin-left: 37px;
        font-size: 12px;
        padding-right: 106px;
    }

    .ico-bet img {
        width: 50px;
        height: 35px;

    }

    .deposiorge {
        font-size: 10px !important;
        width: 40%;
        margin-top: 9px;
        padding: 2px 3px;
    }

    .slick-slide .procode {
        padding: 0px 1px !important;
        margin-left: 50px !important;
        width: 53%;
    }

    .view-all {
        margin-top: 103px;
    }

    .slick-slide .colorvist {
        margin-left: 50px !important;
        padding: 7px 75px !important;
        font-size: 10px !important;
    }

    .slick-slide .idcard h5 {
        margin-left: 39px;
        font-size: 9px;
    }

    .howbox .iconhowbox-l {
        padding: 20px 27px;
        padding-right: 0;
        padding-top: 18px;
    }

    .howbox {
        background-size: cover;
        margin-bottom: 20px !important;
    }

    .slick-prev {
        left: 30% !important;
        top: unset !important;
        bottom: -93px;
    }

    .betting-section h2 {
        font-size: 1.5rem;
        color: black;
        margin-top: 102px;
    }

    .slick-next {
        right: 30% !important;
        top: unset !important;
        bottom: -93px;
    }

    .whychoosie {
        background: url(../img/fromwhomobile.svg) no-repeat;
        background-size: cover;
        padding-bottom: 26px;
        object-fit: cover;
    }

    .background-itemwhy {
        background: unset;
    }

    .blogbox {
        margin: 0px;
        margin-bottom: 20px;
    }

    .navbar {
        padding: 1rem 0rem;
    }

    .cebutton {
        margin: 8px 3px;
    }

    .nametag {
        color: #0B192C;
        font-size: 9px;
        background: unset;
        padding: 0 36px;
        margin-top: 21px;
        padding-left: 15px;
    }

    .couptah span {
        font-size: 11px;
        color: #000;
    }

    .promas .box-rol {
        padding-top: 0;
    }

    .promas .couptah,
    .kfbet .couptah,
    .categoriesaddalls .couptah,
    .welcomehomeonly .couptah {
        margin: 10px 0;
    }

    .promas .couptah span {
        color: #000 !important;
    }

    .offrertype {
        margin-top: 0px;
    }

    .top-box {
        padding: 4px 16px;
        padding-right: 0px;
    }

    .nametag {
        /* order: 2;  */

    }

    .icon-beta {
        width: unset;
        text-align: center;
    }

    .top-box {
        display: flex;
    }

    .icon-beta img {
        width: 40px;
        height: 40px;
        margin-left: 20px;
    }

    .boxtop-india {
        height: 100%;
        padding: 0px 0px;
    }

    .top-india {
        overflow: hidden;
        margin: 0 !important;
    }

    .offrertype {
        width: 100%;
        margin: 0px;
        margin-right: 0;
        margin-left: 26px;
    }

    .box-rol {
        margin: 0px 0;
        margin-bottom: 0;
        padding-bottom: 0px;
        padding: 18px 0;
    }

    .backgroun-indiatop .col-12 {
        margin-bottom: 19px;
    }

    .deposttype {
        /* order: 1; */

    }

    .center-slider .slick-slide {
        margin: 0 0 0 0;
    }

    .offer {
        font-size: 11px;
        color: #000;
        margin-bottom: 0;
        display: none;
    }

    .nametag::before,
    .nametag::after {
        display: none;
    }

    .content-proimes .boottomtagh {
        position: relative;
        margin: 0 27px;
        padding-top: 10px;
    }

    .content-proimes .boottomtagh::before {
        border-top: 1px solid #9A9A9A;
        content: '';
        width: 100%;
        position: absolute;
        /* padding-bottom: 71px; */
        top: 0px;
        left: 0px;
    }

    .slick-slide .vistrer {
        padding-top: 0px;
        margin-left: 37px !important;
        margin-top: 20px;

    }

    .slick-slide .vistrer::before {
        top: -7px;
        width: 87%;
    }

    .slick-slide .idcard p {
        margin-bottom: 10px !important;
    }

    .navbar .container-fluid.p-5 {
        padding: 1rem !important;
    }

    .top-india {
        background: url(../img/top-indiabackmobile.png);
        /* background: linear-gradient(136deg, #fff5ee, #ffd2b6, #ffffff91); */
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .cricketfromt {
        background: url(../img/cricketfromtmobile.png) no-repeat;
        background-size: contain;
        margin-top: 20px;
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;

    }

    .satheade {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    .backgroun-indiatop {
        background: unset;
    }

    .backround-ket {
        background: unset;
    }

    .border-boxnumber .viteradd {
        width: 100%;
    }

    .border-boxnumber .boxtop-india {
        padding-bottom: 0 !important;
    }

    .primautype.link {
        width: 100%;
    }

    .ico-bet {
        width: 10px;
    }

    /* .cricketfromt {
    background: url(../img/top-indiabackmobile.png) no-repeat top center;
    background-size: contain;
} */
}

@media screen and (min-device-width: 320px) and (max-device-width: 420px) {
    .ico-bet {
        width: 42px;
        left: 10px;
        top: -15px;
    }

    .frombackgeround form {
        width: 80%;
        padding-bottom: 100px;
    }

    .parftextcriket {
        margin: 18px auto;
        font-size: 15px;
        margin-top: 0;
        /* width: 82% !important; */
    }

    .view-all {
        margin-top: 10px;
    }

    .howbox {
        margin: 0;
    }

    /* .howbox .iconhowbox-l {
        padding: 20px 14px;
   } */
    .howbox h6 {
        font-size: 15px;
        padding-left: 25px;
    }

    .howbox p {
        font-size: 12px;
        padding-left: 27px;
        margin-bottom: 0;
    }

    .boottomtagh {
        border-top: unset;
    }

    .Betting-Sites .border-boxnumber {
        width: 100%;
        padding: 0px 0px !important;
        font-size: 14px !important;
        /* padding-left: 0px !important; */
        height: 210px;
    }
    
    .aboutscetion .aboutimg {
        padding: 99px 11px;
        height: 380px !important;
        width: 310px !important;
    }
}

@media (width: 375px) {
    .ico-bet {
        width: 52px;
    }

    .background-item {
        height: 195px;
        width: 345px;
    }

    .Betting-Sites.extradimand .border-boxnumber .primautype {
        margin-bottom: 0px !important;
    }

    .Betting-Sites .border-boxnumber {
        margin-bottom: 0px !important;
    }

    .offrertype a {
        padding: 6px 83px !important;
    }

    .slick-slide .idcard h5 {
        margin-left: 22px;
    }

    .cricket-cardadd .box-rol {
        padding: 0px 0 !important;
    }

    .cricket-cardadd .item button {
        /* width: 163px!important; */

    }

    .slick-slide .idcard .Premier-League {
        margin-left: 20px;
    }

    .slick-slide .colorvist {
        margin-left: 29px !important;
        padding: 7px 90px !important;
    }

    .slick-slide .procode {
        margin-left: 31px !important;
    }

    .cardbil {
        padding: 0 16px;
    }

    .slick-slide .vistrer {
        margin-left: 19px !important;
    }

    .india-tophading {
        padding: 65px 0px !important;
        padding-bottom: 9px !important;
    }

    .lssa .border-boxnumber .primautype.link {
        padding-bottom: 0 !important;
    }

    .welcomehomeonly .icon-beta {
        padding: 15px !important;
        width: 25%;
    }

    .welcomehomeonly .content-proimes {
        width: 75%;
    }
}

@media (width: 412px) {
    .center-slider .background-item {
        height: 216px;
    }

    .welcomehomeonly .icon-beta {
        padding: 15px !important;
        width: 25%;
    }

    .welcomehomeonly .content-proimes {
        width: 75%;
    }

    .welcomehomeonly .backgroun-indiatop .box-rol {
        padding-top: 10px;
    }

    .border-boxnumber .primautype.link {
        margin-bottom: 3px !important;
        padding: 0 67px 0px 0 !important;
    }

    .india-tophading {
        padding: 83px 0px !important;
        padding-bottom: 24px !important;
    }

    .viteradd.offrertype a {
        width: 92%;
    }

    /* .frombackgeround {
      
        padding: 83px 0;
    } */
    .cricket-cardadd .box-rol {
        padding: 8px 0 !important;
    }

    .backgroun-indiatop .box-rol {
        padding: 22px 0;
    }

    .background-item {
        height: 219px;
    }

    .cardbil {
        padding: 0 16px;
    }

    .box-rol {
        padding: 30px 0;
    }

    .offrertype a {
        padding: 6px 97px !important;
    }

    .slick-slide .idcard .Premier-League {
        font-size: 18px;
        padding-right: 38px;
    }

    .slick-slide .colorvist {
        padding: 7px 90px !important;
    }
}

@media (width: 360px) {
    .background-item {
        height: 180px;
    }

    .buttonview a {
        padding: 11px 30px !important;
    }

    .welcomehomeonly .icon-beta {
        padding: 15px !important;
        width: 25%;
    }

    .welcomehomeonly .content-proimes {
        width: 75%;
    }

    .promas .nametag {
        padding-left: 0;
    }

    .promas .border-boxnumber .primautype {
        margin-left: 15px !important;
    }

    .promas .offrertype {
        margin-left: 14px;
    }

    .promas .content-proimes .boottomtagh {
        margin-left: 13px;
    }

    .promas .viteradd.offrertype a {
        width: 100%;
    }

    .promas .boottomtagh .rightbottom p,
    .welcomehomeonly .boottomtagh .rightbottom p,
    .kfbet .boottomtagh .rightbottom p,
    .categoriesaddalls .boottomtagh .rightbottom p {
        text-align: unset;
    }

    .welcomehomeonly .box-rol {
        padding: 5px 0;
    }

    .kfbet.Betting-Sites .nametag {
        margin-top: 9px;
    }

    .slick-slide .vistrer::before {
        width: 83%;
    }

    .slick-slide .vistrer p {
        font-size: 7px;
    }

    .fromtbeat .spalteag {
        margin-top: 0px !important;
    }

    .india-tophading {
        padding: 65px 0px !important;
        padding-bottom: 9px !important;
    }

    .Betting-Sites .box-rol {
        padding: 0px 0 !important;
    }

    .Betting-Sites.extradimand .border-boxnumber .primautype {
        margin-bottom: 0px !important;
    }

    .categoriesaddalls.Betting-Sites .box-rol {
        padding: 4px 0 !important;
    }

    .categoriesaddalls.Betting-Sites .top-box {
        padding-left: 20px;
    }

    .categoriesaddalls.Betting-Sites .offrertype {
        margin-left: 20px;

    }

    .categoriesaddalls.Betting-Sites .border-boxnumber .primautype {
        padding-left: 0px !important;
        margin-left: 19px !important;
    }

    .categoriesaddalls.Betting-Sites .content-proimes .boottomtagh {
        margin: 0 28px;
        margin-left: 24px;
    }

    .Betting-Sites .border-boxnumber {
        margin-bottom: 18px !important;
    }

    .slick-slide .idcard h5 {
        margin-left: 22px;
    }

    .cricket-cardadd .boxtop-india .midletag {
        padding-top: 0px !important;
    }

    .cricket-cardadd .box-rol {
        padding: 3px 0 !important;
    }

    .cricket-cardadd .item button {
        /* width: 163px!important; */

    }

    .slick-slide .idcard .Premier-League {
        margin-left: 20px;
    }

    .slick-slide .colorvist {
        margin-left: 29px !important;
        padding: 7px 87px !important;
    }

    .slick-slide .procode {
        margin-left: 31px !important;
    }

    .cardbil {
        padding: 0 16px;
    }

    .slick-slide .vistrer {
        margin-left: 19px !important;
    }

    .viteradd.offrertype a {
        width: 91%;

    }

    .offrertype a {
        padding: 6px 75px !important;
    }

    .slick-list {
        padding: 75px 0px !important;
        padding-bottom: 0 !important;
    }
}

@media screen and (min-device-width: 430px) and (max-device-width: 600px) {
    .footer .titelfoter {
        padding: 9px 24px;
        font-size: 14px;
    }

    .howbox p {
        margin-bottom: 0;
    }

    .footer .parfooter {
        padding: 0px 24px;
        font-size: 14px;
    }

    .parftextcriket {
        font-size: 18px;
        padding-bottom: 36px;
    }

    .spalteag {
        font-size: 18px;
        padding: 70px 0;
    }

    .frombackgeround {
        padding: 100px 0;
    }


    /* .footer .footermenudown {
        margin-top: 0px;
      padding: 9px 27px;
    } */
}

@media screen and (min-device-width: 425px) and (max-device-width: 767px) {
        
    .aboutscetion .aboutimg {
        padding: 99px 11px;
        height: 520px !important;
        width: 408px !important;
    }
    
    .ico-bet {
        width: 42px;
        left: 10px;
        top: -15px;
    }
}

@media screen and (min-device-width: 768px) and (max-device-width: 991px) {
    .background-item {
        background-size: cover;
        height: 220px;
        width: 380px;
    }

    .Betting-Sites .border-boxnumber {
        margin-bottom: 15px !important;
    }

    .india-tophading {
        text-align: center;
        font-size: 33px;
        padding: 60px 0;
        padding-bottom: 0px;
        font-style: italic;
        font-weight: 800;
        padding-top: 10px;
    }

    .frombackgeround .parftextcriket.parindia {
        padding: 0 0px;
        color: #4A4A4A;
        margin-bottom: 15px;
        font-size: 14px;
    }

    .frombackgeround form input {
        border: 1px solid orange;
        width: 100%;
        background: #FF650012;
        border-radius: 5px;
        padding: 7px 42px;
        margin: 0px 0px;
    }

    .frombackgeround form .form-group {
        text-align: left;
        margin-bottom: 12px;
        position: relative;
    }

    .frombackgeround form .fa {
        position: absolute;
        left: 15px;
        top: 33px;
        font-size: 20px;
    }

    .frombackgeround form .btn {
        background: #0B192C;
        width: 93%;
        margin: 0 auto;
        color: white;
        margin-top: 20px;
    }

}

@media screen and (min-device-width: 992px) {
    .india-tophading {
        text-align: center;
        font-size: 33px;
        padding: 60px 0;
        padding-bottom: 28px;
        font-style: italic;
        font-weight: 800;
        padding-top: 60px;
    }

    .frombackgeround .parftextcriket.parindia {
        padding: 0 27px;
        color: #4A4A4A;
        margin-bottom: 31px;
        font-size: 14px;
    }

    .frombackgeround form input {
        border: 1px solid orange;
        width: 100%;
        background: #FF650012;
        border-radius: 5px;
        padding: 11px 42px;
        margin: 9px 0px;
    }

    .frombackgeround form .form-group {
        text-align: left;
        margin-bottom: 17px;
        position: relative;
    }

    .frombackgeround form .fa {
        position: absolute;
        left: 15px;
        top: 46px;
        font-size: 20px;
    }

    .frombackgeround form .btn {
        background: #0B192C;
        width: 93%;
        margin: 0 auto;
        color: white;
        margin-top: 26px;
    }
    .slick-next, .slick-prev {
        top: 65% !important;
    }
}

.betting-section h2 {
    color: black;
}

.tiles {
    color: #4A4A4A;
}



/* ---------Home css end--------- */


/* ----------------Promos & Offers   css start----------- */

.banner-proms {}

.textwithe h6 {
    font-style: italic;
    font-size: 17px;
    font-weight: 500;
    color: #4A4A4A;
}

.textwithe h6 span {
    color: #000000;
    font-weight: 700;
}

.banner-proms svg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.banner-proms img {
    width: 100%;
}

.backgroun-indiatop .text-center {
    padding-bottom: 23px;
}

.backgroun-indiatop .page-link {
    background: none;
    border: none;
    color: #0B192C;
}

.border-boxnumber {
    border-left: 3px dashed #ff6500;
    padding: 65px 34px;
    position: relative;
    padding-top: 0;
    padding-right: 0;
}

.backgroun-indiatop .text-center p {
    margin-bottom: 0;
}

.border-boxnumber .box-rol {
    margin: 0px 0;
    margin-bottom: 0px;
    position: relative;
}

.border-boxnumber .boottomtagh {
    border-top: 1px solid #9A9A9A;

}

.boottomtagh .leftbootm span {
    display: none;
}

.border-boxnumber .primautype.link {
    font-size: 26px;
    /*padding: 0 194px 0 0;*/

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}

.border-boxnumber .boottomtagh {
    margin-top: 8px;
    padding-bottom: 6px;
    padding-top: 6px;
}

.boottomtagh .rightbottom p {
    margin-bottom: 0;
}

/* .border-boxnumber .boottomtagh .leftbootm p {
    font-size: 10px;
    overflow: hidden;
    flex-wrap: wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
} */
.border-boxnumber .primautype ul li {
    margin-top: 0;
    font-size: 13px;
    margin-bottom: 0;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    padding: 13px;
    padding-bottom: 4px;
    padding-top: 4px;
    color: #000000;
    font-weight: 400;
}

.border-boxnumber .primautype {
    width: 70%;
}

.border-boxnumber .primautype {

    margin: 0px 0;
}

.border-boxnumber .top-box {
    margin-right: 2px;
}

.border-boxnumber .numberline {
    position: absolute;
    left: -18px;
    background: #0c1a2d;
    color: white;
    padding: 5px 13px;
    border-radius: 50%;
    display: flex;
    top: 35%;
    align-items: center;
    justify-content: center;
}

/* .border-boxnumber .exsapce {
padding: 30px 0;
} */
.lastcoloms .boxloop:last-child .exsapce {
    padding: 0px 0;
}


.extradimand .parindia {
    padding: 37px 0;
    padding-top: 0;
}

.extradimand .backgroun-indiatop {

    background-size: cover;
    padding-bottom: 36px;
}

.border-boxnumber .boxtop-india {
    padding-bottom: 0;
    /* margin-bottom: 10px; */
}

.Betting-Sites .viteradd.offrertype a {
    margin-left: 0 !important;
    padding: 9px 48px !important;
    width: 85%;

}

.Betting-Sites .boottomtagh .rightbottom p {

    width: unset;
}

.stepper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 20px;
}

.stepper::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    background: repeating-linear-gradient(to bottom,
            #ccc,
            #ccc 5px,
            transparent 5px,
            transparent 10px);
    /* Dotted line effect */
    z-index: -1;
}

.step {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0;
    cursor: pointer;
    transition: background-color 0.3s;
    position: relative;
    z-index: 1;
}

.page-item.active a.page-link {
    background: #0B192C;
    color: white;
    border-radius: 50%;
    padding: 4px 12px;
}

.step.active {
    background-color: #007bff;
    color: #fff;
}

/* Pagination Styles */
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    gap: 10px;
}

.pagination button {
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    background-color: #007bff;
    color: #fff;
    cursor: pointer;
    transition: background-color 0.3s;
}

.pagination button:hover {
    background-color: #0056b3;
}

.pagination button:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}

#page-numbers {
    display: flex;
    gap: 5px;
}

#page-numbers span {
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s;
}

#page-numbers span.active {
    background-color: #007bff;
    color: #fff;
}

/* ----------------Promos & Offers   css end----------- */

/* ----------------------Betting Sites css start---------------------- */
.Betting-Sites .box-rol {
    cursor: pointer;
    height: 293px;
    width: 100%;
    background: url(../img/card-background.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 6px 0;
}

.Betting-Sites .border-boxnumber {
    border-left: none;
    padding: 0px 0px;
    margin-bottom: 40px;
}

.Betting-Sites .boottomtagh .leftbootm p {
    font-size: 11px;
    color: white;
    font-weight: 400;
    white-space: nowrap;
    /* width: 180px; */
    overflow: hidden;
    text-overflow: ellipsis;
    /* border: 1px solid #000000; */
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.Betting-Sites .nametag {
    color: #0B192C;
    font-size: 9px;
    background: unset;
    padding: 0 36px;
    margin-top: 21px;
    padding-left: 0px;
}

.Betting-Sites .top-box,
.Betting-Sites .midletag,
.Betting-Sites .boottomtagh {
    padding-right: 0px;
}

.Betting-Sites .nametag::before,
.Betting-Sites .nametag::after {
    display: none;
}

.Betting-Sites .primautype {
    display: none;
}

.Betting-Sites .border-boxnumber .numberline {
    display: none;
}

.Betting-Sites .offer {
    display: none;

}

.Betting-Sites .midletag {
    display: block;
    margin-bottom: 5px;
}

.Betting-Sites .offrertype {
    width: 100%;
    margin: 0px;
    margin-right: 0;
    margin-left: 26px;
}

.Betting-Sites .couptah span {
    font-size: 11px;
    color: #000;
}

.Betting-Sites .primautype.link {
    display: block;
}

.Betting-Sites .border-boxnumber .viteradd {
    width: 100%;
}

.Betting-Sites .lastcoloms {
    padding: 0 75px;
}

.cricket-cardadd .tabslidehide {
    padding: 0 61px;
}

.cricket-cardadd.lssa .tabslidehide {
    padding: 0 8px;
}

.Betting-Sites .primautype.link {
    width: 100%;
}

.Betting-Sites .border-boxnumber .primautype {
    /* padding: 12px 122px; */
    font-size: 20px !important;
    margin-top: 0;
    padding-left: 42px;
}

.Betting-Sites .border-boxnumber .primautype {
    /* padding: 12px 122px; */

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 15px !important;
}

.Betting-Sites .nametag {
    color: #0B192C;
    font-size: 14px;
}

.Betting-Sites .top-box {
    padding: 10px 44px;
    padding-right: 2px;
    margin-top: 0;
    padding-bottom: 0;
}

.Betting-Sites .content-proimes .boottomtagh {
    position: relative;
    margin: 0 38px;
    padding-top: 10px;
    align-items: baseline;
    margin-left: 42px;
}

/* .blogsction {
           background-size: contain;
        } */
.Betting-Sites .content-proimes .boottomtagh::before {
    border-top: 1px solid #9A9A9A;
    content: '';
    width: 100%;
    position: absolute;
    padding-bottom: 71px;
    top: 5px;
    left: 0px;
}

.Betting-Sites .icon-beta img {
    width: 70px;
    height: auto;
}

.Betting-Sites .offrertype {
    margin-left: 42px;
    margin-bottom: 15px;
}

.Betting-Sites .border-boxnumber .couptah {
    width: 50%;
}

@media only screen and (max-width: 767px) {
    .Betting-Sites .lastcoloms {
        padding: 0 0px;
    }

    .kfbet.Betting-Sites .top-box {
        /* padding: 10px 25px; */
        padding-left: 20px;

    }

    .kfbet.Betting-Sites .border-boxnumber .primautype {
        padding-left: 0px !important;
    }

    .kfbet .border-boxnumber .primautype {
        margin-left: 20px !important;
    }

    .kfbet.Betting-Sites .content-proimes .boottomtagh {
        margin-left: 20px;
        margin-right: 30px;
    }

    .kfbet.Betting-Sites .offrertype {
        margin-left: 20px;
    }

    .Betting-Sites .midletag {
        margin-right: 0;
    }

    .cricket-cardadd .content-proimes .boottomtagh {
        padding: 10px 25px !important;
    }

    .categoriesadd.blogsction {
        /* background-size: contain!important; */
    }

    .cricket-cardadd .couptah {
        padding: 5px 2px !important;
        font-size: 12px !important;
    }

    .india-tophading {
        padding: 0px 0px;
        padding-bottom: 15px;
    }

    .Betting-Sites .border-boxnumber .primautype {
        padding: 0px 65px !important;
        font-size: 14px !important;
        padding-left: 12px !important;
    }

    .slick-list {
        padding: 75px 0px !important;
        padding-bottom: 0 !important;
    }

    .Betting-Sites .icon-beta img {
        width: 40px;
        height: 40px;
    }

    .Betting-Sites .offrertype {
        margin-left: 53px;
        margin-bottom: 0px;
    }

    .Betting-Sites .content-proimes .boottomtagh {
        position: relative;
        margin: 0 9px;
        padding-top: 10px;
        align-items: baseline;
        margin-left: 40px;
    }

    .Betting-Sites .boottomtagh .leftbootm p {

        width: 133px;
    }

}

@media (width: 360px) {
    .box-rol {
        margin: 0px 0;
        margin-bottom: 0;
        padding-bottom: 0px;
        padding: 12px 0;
    }

    .Betting-Sites .top-box {
        padding-right: 0px;
        padding-top: 0;
    }

    .Betting-Sites .viteradd.offrertype a {
        width: 80%;
    }

    .cricket-cardadd .couptah {
        padding: 1px 2px !important;
        font-size: 10px !important;
    }

    .headingtexform {
        padding-top: 70px;
    }

    .Betting-Sites .offrertype {
        margin-left: 39px;
        margin-bottom: 0px;
    }

    .Betting-Sites .nametag {
        font-size: 10px;
        padding-left: 0px;
    }
}

@media (width: 375px) {
    .box-rol {
        margin: 0px 0;
        margin-bottom: 0;
        padding-bottom: 0px;
        padding: 15px 0;
    }

    .border-boxnumber .primautype.link {
        padding: 0 40px 0px 0 !important;
    }

    .Betting-Sites .top-box {
        padding-right: 0px;
        padding-top: 0;
    }

    .Betting-Sites .box-rol {
        padding: 9px 0;
        height: 198px;
        width: 100%;
    }

    .Betting-Sites .nametag {
        margin-top: 13px;
    }

    .Betting-Sites .viteradd.offrertype a {
        width: 80%;
    }

    .viteradd.offrertype a {
        width: 95%;
    }

    .Betting-Sites .offrertype {
        margin-left: 39px;
        margin-bottom: 0px;
    }

    .Betting-Sites .border-boxnumber .primautype {
        padding: 6px 65px !important;
        font-size: 17px !important;
        padding-left: 12px !important;
    }

    .Betting-Sites .nametag {
        font-size: 10px;
        padding-left: 0px;
    }

    .Betting-Sites .top-box {
        padding: 0px 44px;
        padding-right: 0;
    }

    .kfbet.Betting-Sites .box-rol {
        padding: 3px 0 !important;
    }

    .kfbet.Betting-Sites .border-boxnumber .primautype {
        padding-bottom: 0 !important;
    }
}

@media (width: 412px) {
    .box-rol {
        margin: 0px 0;
        margin-bottom: 0;
        padding-bottom: 0px;
        padding: 18px 0;
    }

    .lssa.cricket-cardadd .border-boxnumber .primautype {
        padding-bottom: 0 !important;
    }

    .kfbet.Betting-Sites .box-rol {
        padding: 0px 0 !important;
    }

    .kfbet.Betting-Sites .border-boxnumber {
        margin-bottom: 12px;
    }

    .kfbet.Betting-Sites .border-boxnumber .primautype {
        padding-bottom: 0 !important;
    }

    .kfbet.Betting-Sites .viteradd.offrertype a {
        width: 85%;
    }

    .kfbet.Betting-Sites .content-proimes .boottomtagh::before {
        width: 100%;
    }

    .Betting-Sites .content-proimes .boottomtagh::before {
        width: 94%;

    }

    .Betting-Sites .viteradd.offrertype a {
        width: 80%;
    }

    .Betting-Sites .top-box {
        padding-right: 0px;
        padding-top: 0;
    }

    .Betting-Sites .offrertype {
        margin-left: 39px;
        margin-bottom: 0px;
    }

    .Betting-Sites .box-rol {
        padding: 0px 0;
    }

    .Betting-Sites .border-boxnumber .primautype {
        margin-bottom: 5px !important;
    }

    .Betting-Sites .border-boxnumber .primautype {
        padding: 6px 65px !important;
        font-size: 17px !important;
        padding-left: 12px !important;
    }

    .categoriesaddalls.Betting-Sites .box-rol {
        padding: 15px 0;
    }

    .categoriesaddalls .border-boxnumber {
        margin-bottom: 0px !important;
    }

    .categoriesaddalls.Betting-Sites .border-boxnumber .primautype {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .Betting-Sites .border-boxnumber {
        margin-bottom: 23px;
    }

    .spalteag {
        font-size: 17px;
        padding: 44px 0;
    }

    .Betting-Sites .nametag {
        font-size: 10px;
        padding-left: 0px;
    }
}

@media (min-width: 1920px) and (max-width: 2500px) {
    .Betting-Sites .border-boxnumber .viteradd {
        width: 100%;
        text-align: justify;
    }

    .blogbox .imgbog {
        height: 200px;
    }
    
    .cricketer-img {
        max-height: 600px;
        width: 75%;
    }
}

@media only screen and (min-width: 2500px) {
    .blogbox .imgbog {
        height: 200px;
    }

    .cricketer-img {
        position: relative;
        width: 55%;
        right: 35%;
    }
}

/* ---------------------Betting Sites page css end ----------------------- */

/* ----------------------Cricket page css start-------- */
/* ------tab slide css start---- */
.cricket-cardadd .wrapper {
    overflow: hidden;
    width: 100%;
    /* background: #eaeaea; */
    position: relative;
    height: 100px;
}

.cricket-cardadd .wrapper .next-slide,
.cricket-cardadd .wrapper .prev-slide {
    right: 0px;
    font-size: 23px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    color: black;
    border: 3px solid #ff6500d6;
}

.cricket-cardadd .wrapper .next-slide,
.cricket-cardadd .wrapper .prev-slide {
    background: white;
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 40px;
    color: #ffa500;
    text-align: center;
    line-height: 3em;
    cursor: pointer;
    transition: background .3s ease-in-out, left .3s ease-in-out, right .3s ease-in-out;
    -webkit-transition: background .3s ease-in-out, left .3s ease-in-out, right .3s ease-in-out;
    -moz-transition: background .3s ease-in-out, left .3s ease-in-out, right .3s ease-in-out;
    z-index: 2;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 2px solid;
    border-radius: 50%;
}

.cricket-cardadd .wrapper .next-slide:hover,
.wrapper .prev-slide:hover {
    background: #ffffff;
}

.cricket-cardadd .wrapper .next-slide {
    right: -50px;
}

.cricket-cardadd .wrapper .prev-slide {
    left: -50px;
}

.cricket-cardadd .wrapper .tab-container {
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    transition: left .3s ease-in-out;
    -webkit-transition: left .3s ease-in-out;
    -moz-transition: left .3s ease-in-out;
    margin-left: 42px !important;

}

.cricket-cardadd .wrapper .tab-container li {
    font: normal 14px 'Arial';
    /* background: #e5e5e5 !important; */
    margin: 0 !important;
    /* padding: 15px 20px; */
    list-style: none;
    float: left;
    border-right: 1px solid #fff;
    height: 188px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    z-index: 1;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: unset !important;
}

/* .cricket-cardadd .wrapper .tab-container li:hover {
    opacity: 0.6;
  }
   */
.gasabackground .primautype ul li {
    margin-top: 0;
    font-size: 15px;
    font-weight: 400;
    color: #000;
    line-height: 1.2;
    /* white-space: nowrap; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    position: relative;
    padding: 13px;
    padding-bottom: 4px;
    padding-top: 4px;
}

.gasabackground .primautype {
    display: flex;
    justify-content: center;
    background: #F5F5F5;
    margin: 0 auto;
    /* width: 70%; */
    width: 100%;
    border-radius: 19px;
    padding: 10px 1px;
    margin-top: 28px;
}

.gasabackground .primautype ul li::before {
    position: unset;
}

.cricket-cardadd .wrapper .tab-container li a {
    background-image: none !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    color: #222;
}

.cricket-cardadd .wrapper .tab-container li a span {
    background-image: none !important;
    background-repeat: 0 !important;
    background-position: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.cricket-cardadd .wrapper .tab-container li.here,
.cricket-cardadd .wrapper .tab-container li.here a {
    font-weight: normal !important;
    color: #00ac7f !important;
}

/* ------- tab slider css end ---------- */
.cricket-cardadd .cebutton img {
    width: 40px;
    height: 40%;
}

.cricket-cardadd .slick-track {
    transform: translate3d(-6px, 0px, 0px) !important;
}

.cricket-cardadd .item .cebutton {
    justify-content: stretch;
    align-items: center;
    text-align: left;
}

.cricket-cardadd .box-rol {
    cursor: pointer;
    height: 205px;
    width: 340px;
    background: url(../img/cricketcard.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0 0;
}

/* .cricket-cardadd [data-tab-content] {
    display: none;
  } */
.cricket-cardadd .slick-arrow {
    z-index: 999;
    background: white;
}

.cricket-cardadd .slick-arrow:hover {
    z-index: 999;
    background: white;
}

.cricket-cardadd .active[data-tab-content] {
    display: block;
}

.cricket-cardadd .item button {
    border: none;
    /* width: 188px; */
    background-color: transparent;
    margin-top: 31px;
}

.cricket-cardadd .item button .cebutton span {
    padding: 0 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.cricket-cardadd .border-boxnumber .content-proimes .primautype {
    font-size: 13px !important;
    padding: 0 37px;
    padding-left: 0px;
}

.cricket-cardadd .midletag {
    padding-top: 0px !important;
}

.cricket-cardadd .border-boxnumber {

    margin-bottom: 50px;
    margin: 28px;
    margin-left: 0;
    margin-right: 0;
}

.cricket-cardadd .border-boxnumber .viteradd {
    margin-top: 6px;
}

.cricket-cardadd .textcricketviw .midletag {
    padding-top: 0px !important;
    padding-bottom: 0px;
    text-align: left;
    margin-left: 0;
}

.cricket-cardadd .textcricketviw {
    padding-left: 9px;
}

.cricket-cardadd .border-boxnumber .primautype {
    padding: 0px 0px;
    padding-left: 0px;
}

.cricket-cardadd .content-proimes .boottomtagh {
    position: relative;
    margin: unset;
    padding: 10px 25px;
}

.cricket-cardadd .border-boxnumber .couptah {
    width: 100%;
}

.cricket-cardadd .border-boxnumber .boxtop-india {
    padding-bottom: 0;
}

.cricket-cardadd .top-box,
.cricket-cardadd .midletag,
.cricket-cardadd .boottomtagh {
    padding-right: 0px;
    padding: 15px 0px;
}

.cricket-cardadd .border-boxnumber .boottomtagh {
    margin-top: 0px !important;
}

.cricket-cardadd .deposttype {

    display: none;
}

.cricket-cardadd .border-boxnumber .content-proimes {
    padding: 0 0px;
}

.cricket-cardadd .border-boxnumber .content-proimes {
    width: 100%;
}

.cricket-cardadd .topcricketcard {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 18px;
    padding-bottom: 4px;
    height: 75px;
}

.cricket-cardadd .codetext {
    height: 25px;
}

.cricket-cardadd .boottomtagh .rightbottom p {
    margin-bottom: 0;
}

.cricket-cardadd .nametag {

    padding-left: 0;
}

.cricket-cardadd .content-proimes .boottomtagh::before {

    width: 84%;

    top: 0;

    margin: 0px 25px;
    padding-top: 42px;
}

.cricket-cardadd .top-box {
    padding: 0px 0px;
}

.cricket-cardadd .codetext .offrertype {
    margin: 0px 0px;
    padding: 0 20px;
}

.cricket-cardadd .offrertype {
    margin: 0px 0px;

}

.cricket-cardadd .offrertype a {
    margin: 10px 18px !important;
    width: 100% !important;
    padding: 8px 90px !important;
}

/* .cricket-cardadd .codetext .offrertype .couptah{
    margin: 10px 18px !important;
} */
.cricket-cardadd .nametag {
    margin-top: 0;
    color: #0B192C;
    font-size: 11px;
}

.cricket-cardadd .icon-beta img {
    width: 30px;
    height: 30px;
}

.cricket-cardadd .border-boxnumber .icon-beta {
    width: unset;
    text-align: center;
    background: #0b192c;
    padding: 10px;
    border-radius: 50%;
}

.item a {
    display: flex;
    width: 190px;
    justify-content: center;
    align-items: center;
}

.item .cebutton {
    background: white;
    border: 3px solid orange;
    margin: 0 0;
    border-radius: 56px;
    display: flex;
    padding: 5px 5px;
    justify-content: center;
    align-items: center;
}

.item .cebutton img {
    margin-right: 4px;
}

.item .cebutton:hover,
.cricket-cardadd .item button.active .cebutton {
    animation: colorChange 0.5s ease-in-out, bounce 0.6s ease-in-out;
    background-image: linear-gradient(90deg, #0B192C 0%, #0B192C 35%, #FF6500 100%);
    color: white;
    border: 2px solid #d95907;
    box-shadow: 2px 15px 18px 0px #d95907;
    background-color: #fff;
    margin: 0 auto;
    /* width: 200px; */
    /* padding: 100px; */
    text-align: center;
    /* border-radius: 20px; */
    box-shadow: #d95907 0 0 10px;
    border-collapse: collapse;
}

/* .cricket-cardadd .boottomtagh .leftbootm p {
        width: 143px;
    }          */
.cricket-cardadd .boottomtagh .rightbottom p {
    width: 114px;
}

.cricket-cardadd .couptah {

    padding: 1px 2px;
}

.cricket-cardadd .midletag {
    display: block;
    margin-bottom: 0px;
    margin-right: 0;
    margin: 0 21px;
    padding: 0 0;
}

.cricket-cardadd .couptah {
    color: #3C3C3C;

}

.cricket-cardadd .cebutton {
    font-size: 12px;
}

@media (min-width: 1380px) and (max-width: 1550px) {
    .cricket-cardadd .offrertype a {
        margin: 10px 18px !important;
        width: 100% !important;
        padding: 12px 116px !important;
    }

    .cricket-cardadd .wrapper .tab-container li {
        width: 266px !important;
    }

    .cricket-cardadd .item button {
        width: 214px;
    }

    .footer .footermenudown .textland {
        margin-top: 104px;
    }

    .cricket-cardadd .cebutton {
        font-size: 13px;
    }

    .cricket-cardadd .content-proimes .boottomtagh {
        position: relative;
        margin: unset;
        padding: 8px 20px;
        margin-right: 0 !important;
    }

    .cricket-cardadd .content-proimes .boottomtagh::before {

        width: 86%;

        top: 0;

        margin: 0px 25px;
        padding-top: 42px;
    }

    .cricket-cardadd .boottomtagh .rightbottom p {
        width: 85px;
    }

    .cricket-cardadd .border-boxnumber .exsapce {
        padding: 0px 0;
    }

    .cricket-cardadd .border-boxnumber .icon-beta {
        padding: 15px;

    }

    .cricket-cardadd .textcricketviw .midletag {
        padding-top: 4px !important;
        padding-bottom: 0px;
    }

    .cricket-cardadd .midletag {

        padding-top: 0px !important;
    }

    .cricket-cardadd .border-boxnumber .content-proimes .primautype {
        font-size: 17px !important;
    }

    .cricket-cardadd .border-boxnumber .boxtop-india {
        padding-bottom: 17px;
    }

    .cricket-cardadd .couptah span {
        font-size: 14px;
    }

    .item a {
        width: 225px;

    }

    .border-boxnumber .top-box {
        margin-right: 9px;
    }

    .Betting-Sites .border-boxnumber .top-box {
        margin-right: 0px;
    }

    .Betting-Sites .boottomtagh .leftbootm p {
        font-size: 14px;
    }

    .Betting-Sites .content-proimes .boottomtagh {
        margin-right: 36px;
    }
}

@media (min-width: 1551px) and (max-width: 1900px) {
    .cricket-cardadd .offrertype a {
        margin: 10px 18px !important;
        width: 100% !important;
        padding: 14px 146px !important;
    }

    .cricket-cardadd .wrapper .tab-container li {
        width: 248px !important;
    }

    .couptah {
        font-size: 18px;
    }

    .Betting-Sites .content-proimes .boottomtagh {
        margin-right: 46px;
    }

    .Betting-Sites .border-boxnumber .midletag .primautype.link {
        margin-bottom: 13px !important;
    }

    .Betting-Sites .viteradd.offrertype a {
        padding: 12px 48px !important;
        font-size: 20px !important;
    }

    .cricket-cardadd .item button {
        border: none;
        width: 236px;
        background-color: transparent;
    }

    .cricket-cardadd .couptah {
        padding: 7px 2px;
        font-size: 19px;
    }

    .border-boxnumber .top-box {
        margin-right: 0px;
    }

    .footer .footermenudown .textland {
        margin-top: 86px;
    }

    .item a {
        width: 233px;

    }

    .cricket-cardadd .cebutton {
        font-size: 13px;
    }

    .cricket-cardadd .border-boxnumber .exsapce {
        padding: 0px 0 !important;
    }

    .cricket-cardadd .content-proimes .boottomtagh {
        position: relative;
        margin: unset;
        padding: 8px 20px;
    }

    .cricket-cardadd .content-proimes .boottomtagh::before {

        width: 86%;

        top: 0;

        margin: 0px 25px;
        padding-top: 42px;
    }

    .cricket-cardadd .boottomtagh .rightbottom p {
        width: 120px;
    }

    .cricket-cardadd .border-boxnumber .exsapce {
        padding: 0px 0;
    }

    .cricket-cardadd .border-boxnumber .icon-beta {
        padding: 15px;

    }

    .cricket-cardadd .border-boxnumber .content-proimes .primautype {
        margin-top: 0 !important;
    }

    .cricket-cardadd .textcricketviw .midletag {
        padding-top: 4px !important;
        padding-bottom: 0px;
    }

    .cricket-cardadd .midletag {

        padding-top: 0px !important;
    }

    .cricket-cardadd .border-boxnumber .content-proimes .primautype {
        font-size: 20px !important;
    }

    .cricket-cardadd .border-boxnumber .boxtop-india {
        padding-bottom: 8px;
    }

    .cricket-cardadd .border-boxnumber .boottomtagh {
        margin-top: 6px !important;
    }

    .cricket-cardadd .couptah span {
        font-size: 17px;
    }

}

@media only screen and (max-width: 767px) {
    .cricket-cardadd .icon-beta img {
        margin-left: 0px;
    }

    .cricket-cardadd .wrapper .tab-container {
        margin-left: unset !important;
        display: flex;
    }

    .cricket-cardadd .wrapper .tab-container li {
        width: 100% !important;
    }

    .cricket-cardadd .wrapper .prev-slide {
        left: 30% !important;
        top: 91px;
    }

    .lssa .border-boxnumber .primautype.link {
        padding-left: 0 !important;
    }

    .cricket-cardadd .item button {
        width: 100% !important;
    }

    .cricket-cardadd .wrapper {
        height: 179px;
    }

    .cricket-cardadd .wrapper .next-slide {
        right: 30% !important;
        top: 91px;
    }

    .cricket-cardadd .border-boxnumber .primautype {
        margin-left: 0px !important;
    }

    .cricket-cardadd .border-boxnumber .content-proimes .primautype {
        font-size: 16px !important;
    }

    .cricket-cardadd .offrertype a {
        margin: 10px 18px !important;
        width: 100% !important;
        padding: 8px 115px !important;
    }

    .cricket-cardadd .box-rol {
        padding: 6px 0;
    }

    .cricket-cardadd .boottomtagh .rightbottom p {
        width: 88px;
    }

    .item a {
        width: 100%;
    }

    .cricket-cardadd .border-boxnumber {
        margin-right: 0;
        margin: 0px;
    }

    .cricket-cardadd .midletag {
        padding-top: 0px !important;
    }

    .cricket-cardadd .codetext .offrertype {
        margin: 5px 0px;
    }

    /* .center-slider1{
            display: none;
        } */
}

.boottomtagh .rightbottom {
    z-index: 999;
}

/* .cricket-cardadd  .tab-content {
        display: none;
            } */
.cricket-cardadd .tab-content.active .boxloop {
    display: flex !important;
    justify-content: center;
}

/* .cricket-cardadd .tab-content.active {
        display: block;
            } */
/* ---------------- ------Cricket page css start-------- */

/* -----faq css start---------- */

.faq-adds .accordion-item {
    margin-bottom: 26px;
    background-image: linear-gradient(140deg, #ffffff 0%, #ffd1b4 50%, #ffffff 75%);
    box-shadow: inset 0px 0px 18px 0px #0B192C26;
    border: 2px solid #DADADA;
    border-radius: 20px;
}

.faq-adds .accordion-button {
    background-image: linear-gradient(140deg, #ffffff 0%, #ffd1b4 50%, #ffffff 75%);
    box-shadow: inset 0px 0px 18px 0px #0B192C26;
    border: 2px solid #DADADA;
    border-radius: 20px;
    padding: 19px 20px;
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
    color: black !important;
    font-weight: 700;
    font-size: 17px;
    background-color: linear-gradient(140deg, #ffffff 0%, #ffd1b4 50%, #ffffff 75%);
}

.faq-adds .backgroun-indiatop {
    background-size: cover;
    padding-bottom: unset;
}

.faq-adds .accordion-body {
    color: #4A4A4A;
    font-weight: 600;
    font-size: 15px;
    padding-top: 0;
}

.faq-adds .accordion-button:not(.collapsed) {
    color: unset;
    background-color: unset;
    box-shadow: unset;
    border: none;
}

/* ---------faq css end------- */


/* ---------------about css start--- */

.aboutscetion .aboutimg img {
    width: 100%;
    height: 100%;
}

.aboutscetion .lastcoloms {
    background: linear-gradient(#ffcfaf, 10%, #ffffff, #ffcfaf33);
    border-radius: 45px;
}

.aboutscetion .backgroun-indiatop {

    background-size: cover;
}

.aboutscetion .lastcoloms {
    padding: 0 0px;
}

.aboutscetion .abouttitle h6 {
    color: #000000;
    font-size: 28px;
    font-weight: 700;
    font-style: italic;
}

.aboutscetion .aboutpar p {
    color: #4A4A4A;
    font-weight: 600;
    font-size: 17px;
    padding-top: 12px;
    line-height: 1.8;
    font-style: italic;
}

.aboutscetion .abouttext {
    padding: 70px 16px;
    /* padding-top: 0; */
}

.aboutscetion .aboutimg {
    padding: 99px 11px;
    /* padding-top: 0; */
    height: 540px;
    width: 505px;
}

.aboutscetion .lastcoloms {
    align-items: unset !important;
}

/* -----------------about css end */

/*-------------- contact css start------------------- */
.contactfrom .frombackgeround {
    background: none;
}

.contactfrom .frombackgeround form textarea {
    border: 1px solid orange;
    width: 100%;
    background: #FF650012;
    border-radius: 5px;
    padding: 11px 42px;
    margin: 9px 0px;
}

.contactfrom .sonmstay {
    text-align: center;
}

.contactfrom .soncail-icon {
    list-style: none;
    display: flex;
    justify-content: center;
}

.contactfrom .soncail-icon li {
    padding: 8px 12px;
    background: #ffdbc3;
    border-radius: 10px;
    font-size: 15px;
    margin: 0 4px;
}

.contactfrom .capttext {
    margin: 0 10px;
    margin-left: 0 !important;
}

.contactfrom form .btn {
    width: 100%;

}

.contactfrom .captch .statr input {
    background: #FF650052;
    width: 100%;
}

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

.contactfrom .staybox {
    font-style: italic;
    font-size: 14px;
    padding-left: 41px;
}

.contactfrom .soncail-icon li a {
    color: black;
}

/*-------------- contact css end------------------- */

/* -----------------------Terms and condition and privacy policy css start - */
.Termscad .abouttitle {
    text-align: center;
}

.Termscad .aboutpar .darktext {
    color: black;
    font-weight: 600;

}

.Termscad .aboutpar p {
    padding-top: 0;

}

.Termscad .aboutpar .darktext {
    margin-bottom: 0;
    padding-top: 0;
}

/* -----------------------Terms and condition and privacy policy css end - */
/* ----------------particular-categories css start----------- */
.particularccs.blogtitle {
    position: relative;

    border: none;
    border-bottom: 3px solid transparent;
    background: linear-gradient(to right, #fe8230, transparent, transparent) no-repeat;
    background-size: 100% 3px;
    background-position: bottom left;
    /* padding-top: 20px; */
    margin-bottom: 0;
    text-align: left;
    font-size: 22px;
    padding-bottom: 15px;
    margin-bottom: 35px;
    margin-left: 17px;
    margin-top: 25px;
}

.categoriesaddalls .border-boxnumber {
    border-left: none;
    padding: 0px 0px;
    margin-bottom: 48px;
}

/* ----------------particular-categories css end----------- */
/* ----------------categories css start----------- */
.particularccs.blogtitle {
    position: relative;

    border: none;
    border-bottom: 3px solid transparent;
    background: linear-gradient(to right, #fe8230, transparent, transparent) no-repeat;
    background-size: 100% 3px;
    background-position: bottom left;
    /* padding-top: 20px; */
    margin-bottom: 0;
    text-align: left;
    font-size: 22px;
    padding-bottom: 15px;
    margin-bottom: 35px;
    margin-left: 17px;
    margin-top: 25px;
}

.categoriesaddalls .border-boxnumber {
    border-left: none;
    padding: 0px 0px;
    margin-bottom: 48px;
}

@media (min-width: 1380px) and (max-width: 2500px) {
    .blogsction {
        background-size: cover;
    }
}

/* ----------------categories css end----------- */


/* ---------------------- News Article css start------ */

.news-article .tagscc {
    display: flex;
    justify-content: space-between;
}

.news-article .headingtext {
    word-spacing: 2px;
    color: #1C1C1C;
    font-size: 30px;
    font-weight: 700;
    margin-top: 20px;
    line-height: 1.2;
}

.news-article .betingtag {
    background: #FF650061;
    padding: 8px;
    color: #0B192C;
    font-weight: 700;
}

.news-article .blogtext {
    display: flex;
    justify-content: start;
    margin-bottom: 14px;
}

.blogname,
.blogdate,
.blogtime,
.linegap {
    font-size: 17px;
    font-weight: 400;
    color: #6F6F6F;
    margin-right: 15px;
}

.news-article .detailsblog p {
    color: #4A4A4A;
    font-weight: 500;
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: 10px;
    width: 100%;
}

.news-article .detailsblog {
    padding: 30px 0;
}

.news-article .sharetag {
    cursor: pointer;
}
.bloglagre{
    height: 500px;
}
.news-article .bloglagre img {
    width: auto;
    height: 100%;
}

.news-article .blogscetionneww {
    display: flex;
    justify-content: space-between;
    padding: 10px 10px;
    border: 2px solid #DADADA;
    box-shadow: inset 0px 1px 20px 3px #0B192C26;
    border-radius: 17px;
    margin-bottom: 20px;
    /* margin: 10px; */
    /* margin-bottom: 31px; */
    width: 100%;
}

.news-article .realtedtitel h6 {
    color: #000000;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
}

.news-article .realtedtitel {
    margin-bottom: 25px;
}

.news-article .blogscetionneww .textlognew {
    padding: 0 15px;
}

.news-article .blogscetionneww .textlognew .titleblog h6 {
    color: #0B192C;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 6px;
}

.news-article .blogscetionneww .textlognew .blogdiscrption p {
    color: #1C1C1C;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 4px;
}

.news-article .imgtag img {
    width: 100%;
}

.news-article .linkanddate .left a {
    color: #0B192C;
    font-weight: 700;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.news-article .linkanddate .right {
    font-size: 11px;
    color: #727272;
    font-weight: 500;
}

.news-article .left svg {
    margin-left: 5px;
    width: 18px;
}

.linkanddate {
    align-items: center;
}

/* ---------------------- News Article css end------ */

/* ----------------------view offer css start ---------*/
.viewoffer .mainoff {
    /* background: #FF6500; */
    display: flex;
    border-bottom: 3px solid #ff6500;
    border-radius: 7px;
    justify-content: space-around;
}

.iconbox::before {
    content: '';
    /* position: absolute;
    border-style: solid;
    border-width: 180px 18px 0 1px;
    border-color: #0b192c transparent transparent transparent;
    top: 0px;
    left: -15px;
    transform: rotate(178deg);
    border-top-right-radius: 0; */
}

.iconbox::after {
    right: -15px;
}

.iconbox::after {
    content: '';
    /* position: absolute;
    border-style: solid;
    border-width: 180px 16px 0 1px;
    border-color: #0b192c transparent transparent transparent;
    top: 0px;
    right: -16px;
    border-top-right-radius: 0; */
}

.viewoffer .offertexrgr {
    /* background: linear-gradient(0deg, white, #ffdec9 80%); */
    width: 60%;
    padding: 25px 0px;
}

.viewoffer .iconbox img {
    width: 100%;
    height: auto;
}

.viewoffer .iconbox {
    margin-left: 0;
    position: relative;
    /* padding: 0 25px; */
    display: flex;
    align-items: center;
    width: 125px;
    height: 125px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: auto;
    margin-left: 1%;
    margin-right: 1%;
}

.viewoffer .offertext {
    /* background: linear-gradient(326deg, #ff65008a, #0B192C, #0B192C 80%) no-repeat; */
    /* padding: 0 59px; */
    /* overflow: hidden; */
    /* position: relative; */
    /* width: 30%; */
    /* padding: 27px 65px; */
    /* border-top-left-radius: 43px; */
    /* padding-right: 25px; */
}

.viewoffer .offertext::before {
    content: "";
    /* position: absolute;
    top: 1px;
    left: -65px;
    width: 65px;
    height: 100%;
    background-color: #0d1b2a;
   
    border-bottom-left-radius: 0;
    transform: rotate(180deg);
    border-bottom-right-radius: 99%; */
}

.viewoffer .viteradd {
    width: 100%;

}

.viewoffer .couptah {
    width: 100%;
}

.fixname {
    width: 50%;
}

.viewoffer .nametag {
    padding: 4px 13px;

    width: 100px;
    text-align: center;
}

.viewoffer .oferviewvalue {
    background: #FF6500;
    text-align: center;
    color: whitesmoke;
    font-weight: 500;
    margin: 22px 0;
    padding: 7px 0;
    border-radius: 5px;
    margin-bottom: 0;
}

.overviewscetion .particularccs.blogtitle {
    margin-left: 0;
}

.overviewscetion p,
.overviewscetion li {
    color: #4A4A4A;
    font-weight: 500;
    font-size: 17px;
}

.overviewscetion span {
    color: #000000;
    font-weight: 600;
}

.blgaimg img {
    width: 100%;
}

.overviewscetion {
    background: linear-gradient(352deg, white, #ffdec987 80%);
    padding: 59px 0;
    margin-top: 28px;
}

.viewoffer .twoview {
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #D6D6D6;
}

.viewoffer .buttonvie {
    display: flex;
    border: 1px dashed #0B192C;
    padding: 10px 15px;
    margin: 15px 23px;
    border-radius: 6px;
    width: auto;
    justify-content: space-around;
    align-items: center;
}

.logoofferview img {
    width: 100%;
}

.buttonview a {
    background: #0B192C;
    width: 100%;
    display: block;
    padding: 11px 58px;
    color: white;
    font-weight: 600;
    font-size: 13px;
    border-radius: 7px;
}

.viewoffer .textlinebar {
    border-left: 1px solid #D6D6D6;
    padding: 16px 29px;
    color: #383838;
    font-size: 14px;
    font-weight: 400;
}

/* .categoriesadd.blogsction {  
 background-size: contain;
} */
.categoriesadd.blogsction {
    background-size: cover;
}

.cricket-cardadd .boottomtagh {
    margin-top: 21px;
    border-top: unset;
}

.cricket-cardadd .boottomtagh .rightbottom p {
    width: 135px;
    text-align: left;
    padding-left: 10px;
}

.mobileonly {
    display: none;
}

.Betting-Sites .boottomtagh {
    border-top: none;
}

.cricket-cardadd.Betting-Sites .lastcoloms {
    align-items: center;
}

@media (min-width: 1380px) and (max-width: 1550px) {
    .iconbox::before {

        border-width: 195px 18px 0 1px;
    }

    .categoriesadd.blogsction {
        background-size: cover;
    }

    .blogbox .imgbog {
        height: 200px;
    }
    
    .cricketer-img {
        max-height: 600px;
        width: 80%;
    }
}

@media (min-width: 1550px) and (max-width: 2000px) {
    .iconbox::before {

        border-width: 177px 18px 0 1px;
    }

    .categoriesadd.blogsction {
        background-size: cover;
    }

    .iconbox::after {
        right: -15px;
    }

    .blogbox .imgbog {
        height: 200px;
    }
    
    .cricketer-img {
        max-height: 600px;
        width: 70%;
    }
}

@media only screen and (max-width: 767px) {
    .viewoffer .iconbox {
        background: unset;
        width: unset;
        padding: 0 23px;
    }

    .viewoffer .offertext {
        background: unset;
        width: unset;
        padding: 0 0;
    }

    .viewoffer .offertext::before {
        background: unset;
    }

    .iconbox::before {
        background: unset;
        border-width: 0;
    }

    .viewoffer .primautype.link {
        padding-right: 30px;
        font-size: 15px !important;
        margin-left: 14px;
        /* padding-bottom: 5px; */
        /* font-size: 17px; */
        padding-bottom: 0;
        padding: 0 18px;
        padding-left: 0px;
        margin-bottom: 7px !important;
    }

    .viewoffer .offer {
        font-size: 11px;
        color: white;
        margin-bottom: 0;
        display: block;
    }

    .iconbox::after {
        background: unset;
        border-width: 0;
    }

    .viewoffer .nametag {
        text-align: left;
        margin-top: 0;
        /* margin-left: 0!important; */
        padding-left: 0;
        text-align: center;
        padding: 4px 0px;
        margin-left: 12px !important;
    }

    .viewoffer .nametag .textbackgroundss {
        background: #0B192C;
        color: white;
        padding: 5px 10px;
        position: relative;
    }

    .viewoffer .nametag .textbackgroundss::after {
        right: -15px;
    }

    .viewoffer .nametag .textbackgroundss::after {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 20px 16px 0 1px;
        border-color: #0b192c transparent transparent transparent;
        top: 0px;
        right: -16px;
        border-top-right-radius: 9px;
    }

    .viewoffer .nametag .textbackgroundss::before {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 21px 16px 0 1px;
        border-color: #0b192c transparent transparent transparent;
        top: 0px;
        left: -15px;
        transform: rotate(178deg);
        border-top-right-radius: 9px;
    }

    .viewoffer .couptah {
        width: 90%;
    }

    .viewoffer .couptah span {
        color: white;
    }

    .viewoffer .offrertype {
        margin: 5px 13px;
    }

    .viewoffer.mobileonly .couptah .proboxss {
        font-size: 13px;
        padding: 2px 10px;
    }

    .overviewscetion table,
    .news-article .detailsblog table {
        width: 100% !important;
    }

    .viewoffer.mobileonly .bannerviewoffer {
        background-repeat: no-repeat;
        background: url(../img/cardviewoffwee.png) no-repeat;
        background-size: cover;
        display: flex;
        padding: 20px 0;
    }

    .exbi112 .text-end {
        text-align: left !important;
    }

    .viewoffer .mainoff {
        background: unset;
        width: unset;

    }

    .fixname {
        width: unset;
    }

    .logoofferview,
    .buttonview {
        padding: 8px 9px;
    }

    .viewoffer .buttonvie {
        margin: 15px 0px;
    }

    .viewoffer .textlinebar {
        border-left: none;
        border-top: 1px solid #D6D6D6;
    }

    .viewoffer .twoview {

        border-bottom: none;
    }

    .viewoffer .twoview {
        display: block;
    }

    .viewoffer.mobileonly {
        display: block;
    }

    .viewoffer .offertexrgr {
        background: unset;
        width: unset;
        padding: 0px 0px;
    }

    .mobileviewnone {
        display: none;
    }
}

@media (width: 412px) {
    .viewoffer .iconbox {
        background: unset;
        width: unset;
        padding: 0 34px;
    }

    .viewoffer .primautype.link {
        font-size: 16px;

    }

    .viewoffer .viteradd.offrertype a {
        width: 90%;

        margin: 10px 0;
    }

    .howbox {
        padding: 7px 0;
        /* height: 100%; */
    }
}

@media (width: 375px) {
    .viewoffer .iconbox {
        background: unset;
        width: unset;
        padding: 0 34px;
    }

    .viewoffer .primautype.link {
        font-size: 16px;

    }

    .viewoffer .viteradd.offrertype a {
        width: 90%;

        margin: 10px 0;
    }
}

@media (width: 320px) {
    .blogbox .imgbog {
        width: 100%;
        height: 125px;
    }
}

/* ---------view offer css end----------- */

@media (min-width: 1024px) and (max-width: 1250px) {
    .slick-slide .procode {
        padding: 0px 1px !important;
        margin-bottom: 3px !important;
        font-size: 10px !important;
    }

    .slick-slide .colorvist {
        padding: 5px 68px !important;
    }

    .slick-slide .vistrer {
        margin-top: 10px;
    }

    .idcard .Premier-League {
        width: unset;
    }

    .slick-slide .vistrer::before {
        width: 82%;
    }

    .giftviw::after {
        right: -99px;
    }

    .blogbox .imgbog {
        height: 135px;
    }
    
    .cricketer-img {
        max-height: 600px;
        width: 80%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .giftviw::after {
        right: 15px;

    }

    .bockcet .tiles {
        padding: 0 25px;
        font-size: 15px;
        font-weight: 600;
    }

    .cltes {
        padding: 45px 0px;
        padding-left: 0px;
    }

    .blogbox .imgbog {
        width: 100%;
        height: unset;
    }
}

@media only screen and (min-width: 1900px) {
    .frombackgeround .parftextcriket.parindia {
        padding: 0 100px;
    }
    
    .footer .titelfoter {
        font-size: 18px;
    }
    
    .footer h5.heading {
        font-size: 22px;
    }
    
    .footer ul li {
         font-size: 20px;   
    }
    
    .footer .parfooter {
        font-size: 18px;   
    }
    
    .footer .soncail-icon li {
        font-size: 20px;   
    }
    .footer-term-condition{
        font-size: 18px;
        line-height: 20px;
    }
}


/* -------------framcss------------------- */


.frame {
    position: relative;
}

/* .backroundonfram {
    background: #ff8900;
    padding: 14px 0;
    border-bottom-right-radius: 182px;
    position: absolute;
    top: 100%;
    width: 100%;
    background: linear-gradient(90deg, #FF6500 50%, #FF9500);
}

.backroundonfram2 {
    background: #FF6500;
    padding: 14px 0;
    border-bottom-right-radius: 103px;
    width: 50%;
    border-bottom-left-radius: 182px;
    position: absolute;
    top: 105%;
}

.backroundonfram2::after {
    content: '';
    position: absolute;
    right: -20px;
    top: 2px;
    width: 0;
    height: 0;
    border-left: 24px solid transparent;
    border-right: 20px solid transparent;
    border-top: 11px solid #FF6500;
    clear: both;
    clip-path: circle(50% at 50% 50%);
    transform: rotate(139deg);
} */

.backroundonfram {
    /* background: #ff8900; */
    padding: 14px 0;
    border-bottom-right-radius: 182px;
    border-bottom-left-radius: 20px;
    position: absolute;
    top: 100%;
    width: 100%;
    background: linear-gradient(90deg, #FF6500 50%, #FF9500);
}

.backroundonfram2 {
    background: #FF6500;
    padding: 13px 0;
    border-bottom-right-radius: 200px;
    width: 50%;
    border-bottom-left-radius: 182px;
    position: absolute;
    top: 105%;
    /* width: 100%; */
}

.backroundonfram2::after {
    content: '';
    position: absolute;
    right: -22px;
    top: 0px;
    width: 0;
    height: 0;
    border-left: 24px solid transparent;
    border-right: 20px solid transparent;
    border-top: 11px solid #FF6500;
    clear: both;
    clip-path: circle(50% at 50% 50%);
    transform: rotate(141deg);
}

.framimg {
    height: 400px;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
}

.framimg img {
    height: 100%;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
}

.Betting-Sites .icon-beta {
    width: 25%;
    text-align: center;
}

.Betting-Sites .content-proimes {
    width: 75%;
    padding-left: 0px;
}


.extradimand .border-boxnumber .primautype.link {
    /* font-size: 11px; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding: 0 23px 0 41px;
}

.slick-slide .vistrer p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    padding-right: 0px;
    z-index: 999;
}

.cricket-cardadd .border-boxnumber .primautype {
    margin-bottom: 0px !important;
}


.fromtbeat .spalteag {
    margin-top: 30px;
}

.center-slider .slick-slide .vistrer {
    justify-content: flex-end;
}

.viewoffer .primautype.link {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 22px;
}

.viewoffer .logoofferview {
    height: 50px;
    width: 95px;
    margin-right: 45px;
    background-color: steelblue;
    border-radius: 5px;
}

.viewoffer .logoofferview img {
    height: 100%;
}

.viewoffer .bannerviewoffer {
    background: url(../img/offerbannerdes.png) no-repeat;
    background-size: cover;
    border-radius: 7px;
}

.viewoffer .offer {
    padding-bottom: 3px;
    margin-bottom: 0;
    text-align: right;
    padding-right: 0;
}

.viewoffer .nametag {
    margin-left: 17px;
}

.promas.backgroun-indiatop .border-boxnumber .primautype.link {
    padding: 0 23px 0 0px;
}

.promas .icon-beta img {
    width: 100%;
    height: auto;
}

.promas .icon-beta {
    padding: 32px;
}


.kfbet .couptah,
.promas .couptah,
.top-india .couptah,
.viewoffer .couptah {
    border: none !important;
    width: unset !important;
    text-align: left;
}

.kfbet .couptah .proboxss,
.promas .couptah .proboxss,
.top-india .couptah .proboxss,
.viewoffer .couptah .proboxss {
    border: 2px dotted #FF6500;
    padding: 6px 4px;
    border-radius: 7px;
    /* color: #FF6500; */
}

.promas .couptah .proboxss,
.welcomehomeonly .couptah .proboxss,
.viewoffer .couptah .proboxss {

    color: #FF6500;
}

.kfbet.Betting-Sites .box-rol {

    padding: 13px 0;
}

.viewoffer .couptah span {
    font-size: unset;
}

.promas .couptah span {
    color: white;
    font-style: italic;
    font-size: 12px;
}

.promas .box-rol,
.welcomehomeonly .box-rol {
    border-radius: 15px;
}

.viewoffer .couptah .proboxss {
    font-size: 17px;
    padding: 5px 10px;
}

.viewoffer .couptah {
    text-align: right !important;
}

.categoriesaddalls .box-rol {
    padding: 12px 0;
}

.overviewscetion img,
.news-article .detailsblog img {
    width: 100% !important;
    height: auto !important;
}

.lssa .border-boxnumber .primautype.link {
    padding-left: 0;
}

.lssa .couptah {
    border: 2px dotted #FF6500 !important;
    width: unset !important;
    text-align: center;
}

.lssa .couptah .proboxss {
    border: unset;
}



/* ------------cricket result css start------------ */

.topnav .inerrtab .nav-link {
    color: #0B192C;
    font-size: 14px;
    font-weight: 400;
}

.topnav .nav-tabs .nav-item.show .nav-link,
.topnav .nav-tabs .nav-link.active {
    color: #ff6500;
    background-color: transparent;
    border: none;
}

.topnav .inerrtab .nav-tabs .nav-item.show .nav-link,
.topnav .inerrtab .nav-tabs .nav-link.active {
    color: #0B192C;
    background-color: transparent;
    border-color: snow;
    border: none;
}

.inerrtab .nav-tabs {
    border: none;
}

.topnav .nav-tabs {
    border: none;
}

.topnav .nav-link {
    padding-left: 0;
}

.topnav .nav-link {
    color: #0B192C;
    font-weight: 500;
    font-size: 16px;
}

.livestatus span {
    background: #00A914;
    color: white;
    font-weight: 500;
    font-size: 13px;
    border-radius: 5px;
    padding: 2px 8px;
}

.titlemachnumber .card-title {
    color: #000000;
    font-weight: 600;
    font-size: 16px;
}

.titlemachnumber p .dark {
    color: #000000;
    font-weight: 500;
    font-size: 14px;
}

.titlemachnumber p .venu {
    font-size: 12px;
    font-weight: 400;
    color: #231F20;
}

.titlemachnumber p .dfline {
    color: #BEBEBE;
    padding: 0 6px;
}

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

.inerrtab .card {
    border: none;
    border-radius: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    background: white;
}

.inerrtab .bg-light {
    --bs-bg-opacity: 1;
    background-color: #F1F1F1;
}

.inerrtab .triangle {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 15px solid #101010;
    transform: rotate(90deg);
    position: absolute;
    top: 4px;
    left: -3px;
}

.inerrtab .onescroll {
    display: flex;
    justify-content: space-between;
    margin: 4px 12px;
}

.inerrtab .numeteam {
    display: flex;
    align-items: center;
}

.inerrtab .midelscroe {
    background: #F2F2F2;
    padding: 5px 4px;
    border-radius: 5px;
}

.inerrtab .linecross {
    border-top: 1px solid gainsboro;
}

.inerrtab .bloossflex {
    position: relative;
}

.inerrtab .chosefile {
    text-align: center;
}

.inerrtab .teamname {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    margin-left: 4px;
}

.inerrtab .chosefile {
    color: #0B192C;
    font-size: 12px;
    font-weight: 400;
}

.inerrtab .flag img {
    width: 100%;
    border-radius: 50%;
}

.inerrtab .lighttextover {
    color: #717171;
    font-weight: 600;
    font-size: 16px;
}

.inerrtab .darkscro {
    color: #000000;
    font-weight: 600;
    font-size: 16px;
}

/* Option 2*/
.progressbarteam {
    margin-bottom: 20px;
    position: relative;
}

/* Reset default progress bar styles*/
.progressbarteam progress[value] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* Common progress bar styles */
.progressbarteam progress[value] {
    background-color: transparent;
    border-radius: 50px;
    border: 1px solid #E5E6E1;
    width: 100%;
    height: .4rem;
}

.progressbarteam progress[value]::-webkit-progress-bar {
    background-color: transparent;
    border-radius: 50px;
}

.progressbarteam progress[value]::-moz-progress-bar {
    background-color: transparent;
    border-radius: 50px;
}


.progressbarteam .progress {
    position: absolute;
}

.progressbarteam #green-progress[value]::-webkit-progress-value {
    background: #FF7070;

}

.progressbarteam #green-progress[value]::-moz-progress-bar {
    background: #FF7070;

}

.progressbarteam #orange-progress[value]::-webkit-progress-value {
    background-color: #494949;
}

.progressbarteam #orange-progress[value]::-moz-progress-bar {
    background-color: #494949;
}

.progressbarteam #red-progress[value]::-webkit-progress-value {
    background-color: #7087FF;
}

.progressbarteam #red-progress[value]::-moz-progress-bar {
    background-color: #7087FF;
}

.rangtextvalue {
    display: flex;
    justify-content: space-between;
    padding-top: 8px;
}

.rangtextvalue .valueprogres::before {
    border-radius: 50%;
    padding: 4px;
    position: absolute;
    content: '';
    left: -10px;
}

.rangtextvalue .valueprogres {
    font-size: 12px;
    font-weight: 500;
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 8px;
}

.rangtextvalue .valueprogres.pink::before {
    background: #FF7070;
}

.rangtextvalue .valueprogres.gray::before {
    background: #494949;
}

.rangtextvalue .valueprogres.blue::before {
    background: #7087FF;
}

.rangtextvalue .pink {
    color: #FF7070;
}

.rangtextvalue .gray {
    color: #494949;
}

.rangtextvalue .blue {
    color: #7087FF;
}

.tabingsorts .nav-pills .nav-link.active {
    color: #FF6500 !important;
    font-size: 12px;
    font-weight: 500 !important;
    background: transparent;

}

.tabingsorts {
    margin-top: 15px;
}

.tabingsorts .nav-pills .nav-link {
    color: white !important;
    font-size: 12px;
    font-weight: 500 !important;
    padding: 8px 6px;
}

.tabingsorts .livescross {
    color: #0C0C0C;
    font-weight: 400;
    font-size: 14px;
    padding-bottom: 14px;
}

.tabingsorts .nav-pills .nav-link.active::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

.tabingsorts .nav-pills {
    background: #0B192C;
    border-radius: 7px;
    padding: 0 10px;
}

.tabingsorts .nav-pills .nav-link.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 15px;
    width: 54%;
    height: 4px;
    background-color: #FF6500;
    transform-origin: bottom right;
    transition: transform 0.3s ease;
    border-radius: 7px;
}

/* ------------cricket result css end------------ */

.betshowcash .betnowsss {
    background: #0B192C;
    color: white;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    padding: 4px 10px;
}