@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap");

@font-face {
   font-family: Poppins;
   src: url("../assets/fonts/Poppins/Poppins-Regular.ttf");
}
@font-face {
   font-family: PoppinsBold;
   src: url("../assets/fonts/Poppins/Poppins-Bold.ttf");
}
html {
   font-size: 20px;
   height: 100%;
   font-family: "Montserrat", sans-serif;
   font-weight: 400;
   line-height: 1.4;
   scroll-behavior: smooth;
   background-color: #ffffff;
}
body {
   font-size: 15px;
   line-height: 26px;
   background-color: #ffffff;
   padding: 0;
   user-select: none;
   position: relative;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-weight: 700;
   line-height: 1.4;
   color: #111111;
}

h1:hover a,
h2:hover a,
h3:hover a,
h4:hover a,
h5:hover a,
h6:hover a {
   text-decoration: underline !important;
   color: #111111 !important;
}

h1 {
   font-size: 32px;
   line-height: 40px;
   margin-bottom: 23px;
}

h2 {
   font-size: 27px;
   line-height: 38px;
   margin-bottom: 20px;
}

h3 {
   font-size: 22px;
   line-height: 30px;
   margin-bottom: 17px;
}

h4 {
   font-size: 19px;
   line-height: 29px;
   margin-bottom: 14px;
}

h5 {
   font-size: 30px;
   line-height: 25px;
   margin-bottom: 11px;
   text-align: center;
}

h6 {
   font-size: 16px;
   line-height: 24px;
   margin-bottom: 11px;
}

a {
   color: #111111;
}

body,
p {
   color: #000;
   margin-bottom: 5px;
   font-size: 15px;
   line-height: 26px;
   font-weight: 500;
}

.blog-heading {
   text-align: center;
}
.blockquote {
   border: 1px solid #edeff2;
   background: #fff none repeat scroll 0 0;
   border-left: 4px solid #eceeef;
   font-size: 1.1rem;
   font-style: italic;
   margin-bottom: 1.5rem;
   border-radius: 0 !important;
   padding: 2rem;
}
.section {
   padding: 3rem 0;
   display: block;
   position: relative;
   background-color: #ffffff;
}
.container {
   position: relative;
   width: 1140px;
   max-width: 100%;
   margin-left: auto;
   margin-right: auto;
   padding-right: 15px;
   padding-left: 15px;
}

.row {
   display: flex;
   flex-wrap: wrap;
   margin-right: -15px;
   margin-left: -15px;
}

.col-lg-9 {
   position: relative;
   width: 75%;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   /* border-bottom: 7px solid transparent;
   border-image: linear-gradient(
      128deg,
      #eb1c24 1.34%,
      rgba(120, 120, 120, 0) 101.29%,
      rgba(235, 28, 36, 0) 101.29%
   );
   border-image-slice: 1; */
}
.section.m-0 {
   margin: 0 !important;
}
.col-lg-3 {
   position: relative;
   width: 25%;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
}
.sidebar {
   position: relative;
   height: 100%;
   /* padding-top: 31px; */
}
.col-md-6 {
   /* display: none; */
   flex: 0 0 50%;
   max-width: 50%;
   margin-bottom: 3rem;
   padding-right: 15px;
   padding-left: 15px;
}
.col-md-6:nth-child(1),
.col-md-6:nth-child(2),
.col-md-6:nth-child(3),
.col-md-6:nth-child(4),
.col-md-6:nth-child(5),
.col-md-6:nth-child(6),
.col-md-6:nth-child(7),
.col-md-6:nth-child(8) {
   display: inline-block;
}
.col-md-6.hidden {
   display: none !important;
}
.pagination-number {
   padding: 10px 15px;
   margin: 0 2px;
   color: white;
   background: linear-gradient(90deg, #db2024 0%, #851516 100%);
   border-radius: 5px;
   border: none;
   font-weight: bold;
   cursor: pointer;
}
.pagination-number.active {
   background: #76858a;
}
.page-head,
.mainpage-head {
   margin: 100px 0 0;
}

.post-media {
   position: relative;
   overflow: hidden;
   max-height: 360px;
   display: flex;
   justify-content: center;
   box-shadow: 1px 3px 7px 5px #00000045;
}
.post-media a {
   display: flex;
}
.post-media img {
   transition: all 0.3s ease-in-out;
   transform: scale(1);
   height: auto;
   max-height: 240px;
}
.post-media:hover img {
   transform: scale(1.1);
}
.hovereffect {
   position: absolute;
   top: 0;
   opacity: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: rgba(0, 0, 0, 0.2);
   transition: all 0.3s ease-in-out;
   zoom: 1;
   filter: alpha(opacity=0);
   opacity: 0.5;

   background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.1) 50%);
   filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000', GradientType=1);
}

.post-media:hover .hovereffect span::before,
.post-media:hover .hovereffect {
   visibility: visible;
   zoom: 1;
   filter: alpha(opacity=100);
   opacity: 1;
}
.hovereffect span::before {
   width: 90px;
   text-align: center;
   left: 0;
   right: 0;
   top: 45%;
   margin: -2rem auto;
   visibility: hidden;
   position: absolute;
   height: 90px;
   display: block;
   transition: all 0.3s ease-in-out;
   transform: scale(1);
   zoom: 1;
   filter: alpha(opacity=0);
   opacity: 0;
}

.hovereffect span.videohover::before {
   content: url(images/videohover.png);
}
.blog-meta h4 {
   padding: 0.4rem 0 0.5rem;
   margin: 0;
   font-size: 21px;
}
.blog-meta .color-orange {
   margin: 0.5rem 0 0;
   display: inline-block;
}

.blog-meta.big-meta h4 {
   padding: 0.3rem 0 0.6rem;
   margin: 0;
   font-size: 21px;
}

.blog-meta.big-meta p {
   margin-bottom: 0.5rem;
   padding-bottom: 0;
}

.blog-meta small {
   font-size: 11px;
   display: inline-block;
   margin-bottom: 0;
   padding-bottom: 0;
   color: #111111;
   font-weight: bold;
   text-transform: uppercase;
   margin: 0;
   padding: 0;
}

/* .blog-meta small:after {
   content: "/";
   padding-left: 1rem;
} */

/* .blog-meta small:last-child:after {
   content: "";
} */
.sidebar .widget {
   position: relative;
   display: block;
}

.sidebar .banner-spot {
   background-image: none;
   padding: 5px;
}

.sidebar .instagram-wrapper a {
   width: 33.3333%;
   margin: 0;
   float: left;
   border-right: 5px solid #ffffff;
   border-bottom: 5px solid #ffffff;
}
.sidebar .widget ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

.sidebar .blog-list-widget img {
   width: 55px;
   padding: 0;
}

.sidebar .blog-list-widget .mb-1 {
   font-size: 15px;
}

.sidebar a {
   color: rgba(0, 0, 0, 0.6);
}

.sidebar .widget-title {
   display: block;
   font-size: 18px;
   margin: 15px 0 0.8rem;
   padding: 0;
   line-height: 1;
}
.banner-img img {
   margin: auto;
   text-align: center;
   max-width: 768px;
   float: none;
   width: 100%;
   display: block;
}
.img-fluid {
   max-width: 100%;
   height: auto;
}
.blog-list-widget small {
   color: rgba(0, 0, 0, 0.6) !important;
}
.blog-list-widget img {
   background: #fff none repeat scroll 0 0;
   margin-right: 15px;
   max-width: 80px;
   padding: 4px;
}

.blog-list-widget .list-group-item {
   padding: 0;
   border: 0;
   margin: 0;
   background-color: transparent;
}

.blog-list-widget .w-100 {
   display: flex;
   flex-wrap: wrap;
}
.blog-list-widget .w-100 .w-30 {
   width: 30%;
   display: flex;
   align-items: center;
}
.blog-list-widget .w-100 .w-70 {
   width: 70%;
}
.blog-list-widget .w-100.last-item {
   margin-bottom: 0;
}

.blog-list-widget .mb-1 {
   font-size: 16px;
   font-weight: 500;
   line-height: 1.5;
   margin-bottom: 0rem !important;
}

.blog-list-widget small {
   font-size: 10px;
   font-weight: 500;
   letter-spacing: 1px;
   text-transform: uppercase;
}
.list-group {
   display: flex;

   flex-direction: column;
   padding-left: 0;
   margin-bottom: 0;
}

.list-group-item-action {
   width: 100%;
   color: #464a4c;
   text-align: inherit;
}

.list-group-item-action .list-group-item-heading {
   color: #292b2c;
}

.list-group-item-action:focus,
.list-group-item-action:hover {
   color: #464a4c;
   text-decoration: none;
   background-color: #f7f7f9;
}

.list-group-item-action:active {
   color: #292b2c;
   background-color: #eceeef;
}

.list-group-item {
   position: relative;
   display: flex;
   flex-flow: row wrap;
   align-items: center;
   padding: 0.75rem 1.25rem;
   margin-bottom: -1px;
   background-color: #fff;
   border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item:first-child {
   border-top-right-radius: 0.25rem;
   border-top-left-radius: 0.25rem;
}

.list-group-item:last-child {
   margin-bottom: 0;
   border-bottom-right-radius: 0.25rem;
   border-bottom-left-radius: 0.25rem;
}

.list-group-item:focus,
.list-group-item:hover {
   text-decoration: none;
}

.list-group-item.disabled,
.list-group-item:disabled {
   color: #636c72;
   cursor: not-allowed;
   background-color: #fff;
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item:disabled .list-group-item-heading {
   color: inherit;
}

.list-group-item.disabled .list-group-item-text,
.list-group-item:disabled .list-group-item-text {
   color: #636c72;
}

.list-group-item.active {
   z-index: 2;
   color: #fff;
   background-color: #0275d8;
   border-color: #0275d8;
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small {
   color: inherit;
}

.list-group-item.active .list-group-item-text {
   color: #daeeff;
}

.list-group-flush .list-group-item {
   border-right: 0;
   border-left: 0;
   border-radius: 0;
}

.list-group-flush:first-child .list-group-item:first-child {
   border-top: 0;
}

.list-group-flush:last-child .list-group-item:last-child {
   border-bottom: 0;
}

.list-group-item-success {
   color: #3c763d;
   background-color: #dff0d8;
}

a.list-group-item-success,
button.list-group-item-success {
   color: #3c763d;
}

a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
   color: inherit;
}

a.list-group-item-success:focus,
a.list-group-item-success:hover,
button.list-group-item-success:focus,
button.list-group-item-success:hover {
   color: #3c763d;
   background-color: #d0e9c6;
}

a.list-group-item-success.active,
button.list-group-item-success.active {
   color: #fff;
   background-color: #3c763d;
   border-color: #3c763d;
}

.list-group-item-info {
   color: #31708f;
   background-color: #d9edf7;
}

a.list-group-item-info,
button.list-group-item-info {
   color: #31708f;
}

a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
   color: inherit;
}

a.list-group-item-info:focus,
a.list-group-item-info:hover,
button.list-group-item-info:focus,
button.list-group-item-info:hover {
   color: #31708f;
   background-color: #c4e3f3;
}

a.list-group-item-info.active,
button.list-group-item-info.active {
   color: #fff;
   background-color: #31708f;
   border-color: #31708f;
}

.list-group-item-warning {
   color: #8a6d3b;
   background-color: #fcf8e3;
}

a.list-group-item-warning,
button.list-group-item-warning {
   color: #8a6d3b;
}

a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
   color: inherit;
}

a.list-group-item-warning:focus,
a.list-group-item-warning:hover,
button.list-group-item-warning:focus,
button.list-group-item-warning:hover {
   color: #8a6d3b;
   background-color: #faf2cc;
}

a.list-group-item-warning.active,
button.list-group-item-warning.active {
   color: #fff;
   background-color: #8a6d3b;
   border-color: #8a6d3b;
}

.list-group-item-danger {
   color: #a94442;
   background-color: #f2dede;
}

a.list-group-item-danger,
button.list-group-item-danger {
   color: #a94442;
}

a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
   color: inherit;
}

a.list-group-item-danger:focus,
a.list-group-item-danger:hover,
button.list-group-item-danger:focus,
button.list-group-item-danger:hover {
   color: #a94442;
   background-color: #ebcccc;
}

a.list-group-item-danger.active,
button.list-group-item-danger.active {
   color: #fff;
   background-color: #a94442;
   border-color: #a94442;
}
.each-profile {
   /* display: inline-block; */
   float: left;
   width: 100%;
   margin: 0 0 5px;
}
.each-profile a {
   color: #fff;
   font-size: 14px;
   font-weight: 500;
   display: block;
   width: 100%;
   border-radius: 3px;
   height: 62px;
   padding: 10px 15px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   align-items: center;
}

.each-profile a:hover .social-icon i {
   background: rgba(255, 255, 255, 1);
   color: #000;
}
.each-profile a:hover {
   color: black !important;
}
.inner-block {
   width: 100%;
   display: contents;
}
.inner-block .social-icon i {
   font-size: 14px;
   width: 34px;
   height: 34px;
   border-radius: 50%;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   color: #fff;
   background: rgba(255, 255, 255, 0.1);
   transition: all ease 0.6s;
}
.inner-block .count {
   position: relative;
   padding-left: 13px;
   margin-left: 15px;
   margin-right: 10px;
}
.inner-block .count:before {
   content: "";
   position: absolute;
   left: 0;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   width: 1px;
   height: 20px;
   background-color: #fff;
}
.fb-icon {
   background-image: linear-gradient(-90deg, #2c6dd2 0%, #1155bf 100%);
}
.insta-icon {
   background-image: linear-gradient(-90deg, #bc2a8d 0%, #8a3ab9 100%);
}
.linked-icon {
   background-image: linear-gradient(-90deg, #56c3f0 0%, #13a4e7 100%);
}
.youtube-icon {
   background-image: linear-gradient(-90deg, #ff5252 0%, #ed1c24 100%);
}
.inner-block .social-icon i {
   font-size: 16px;
   width: 34px;
   height: 34px;
   border-radius: 50%;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   color: #fff;
   background: rgba(255, 255, 255, 0.1);
   transition: all ease 0.6s;
}

.page-wrapper .banner-spot {
   padding: 0.4rem;
   background-image: none;
}
.blog-title-area {
   display: block;
   position: relative;
   padding: 0;
   margin-bottom: 1.5rem;
}

.blog-title-area .breadcrumb {
   float: none;
   text-align: left;
   padding: 0;
   color: #a3a5a8;
   margin: 0;
}

.blog-title-area.text-center {
   text-align: center;
}

.blog-title-area .blog-meta a {
   font-size: 10px;
   font-weight: 500;
   letter-spacing: 1px;
   text-transform: uppercase;
}

.blog-title-area .breadcrumb-item.active,
.blog-title-area .breadcrumb-item + .breadcrumb-item::before,
.blog-title-area .blog-meta small,
.blog-title-area a {
   color: #a3a5a8;
}

.blog-title-area span {
   display: block;
   margin: 0.2rem 0;
   font-size: 16px;
}

.blog-title-area span a {
   padding: 0 1rem;
   color: #ffffff !important;
   border-radius: 3px;
}

.blog-title-area h3 {
   font-size: 41px;
   line-height: 50px;
   margin-bottom: 7px;
   margin-top: 0;
   overflow-wrap: break-word;
}
.post-sharing {
   display: none;
   width: 100%;
   position: relative;
   margin: 1rem 0 0;
}
.post-sharing .btn {
   padding: 0.3rem 1.6rem;
   border-radius: 3px;
   color: #ffffff !important;
}

.post-sharing .btn:hover {
   opacity: 0.9;
}

.gp-button {
   padding: 0.8rem 1rem !important;
}

.post-sharing span,
.post-sharing li {
   display: inline-block !important;
}
.blog-custom-build .post-sharing .btn {
   padding: 0.7rem 1rem !important;
}

.blog-custom-build .post-sharing {
   margin: 0 0 1.5rem;
   padding: 0;
}

.list-inline {
   padding-left: 0;
   list-style: none;
}

.list-inline-item {
   display: inline-block;
}

.list-inline-item:not(:last-child) {
   margin-right: 5px;
}
.fb-button.btn-primary:focus,
.fb-button.btn-primary:hover,
.fb-button.btn-primary {
   background-color: #3b5998 !important;
   border-color: #3b5998 !important;
}

.tw-button.btn-primary:hover,
.tw-button.btn-primary:focus,
.tw-button.btn-primary {
   background-color: #00b6f1 !important;
   border-color: #00b6f1 !important;
}

.tw-button i,
.fb-button i {
   margin-right: 0.5rem;
}
.single-post-media {
   display: block;
   position: relative;
   overflow: hidden;
   margin-bottom: 2rem;
}

.single-post-media img {
   width: 100%;
   height: 100%;
}
.navbar {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 999;
   padding: 0.4rem 1rem 0rem 6rem;
   display: flex;
   align-items: center;
   /* background: rgb(28 28 28 / 90%); */
   background: linear-gradient(90deg, #bd3f27ba 0%, #080330 100%);
   backdrop-filter: blur(51px);
   transform: translateY(-110%);
   transition: transform 0.4s ease;
}
.navbar-brand.desktop-logo {
   width: 80px;
   height: 90px;
}
.show-more {
   display: flex;
   width: 100%;
   justify-content: center;
}
.show-more button {
   background: linear-gradient(90deg, #db2024 0%, #851516 100%);
   color: white;
   padding: 10px 30px;
   border-radius: 5px;
   border: 1px solid transparent;
   font-size: 20px;
   outline: none;
   cursor: pointer;
   display: flex;
}
.promo-img {
   margin: 20px 0 0;
   position: sticky;
   top: 15%;
}
.blog-carousel {
   width: 100%;
   height: auto;
   padding: 15px;
   margin-top: 40px;
   border-top: 1px solid #0000004d;
}
.category-box span {
   display: inline-block;
}
.gallery_slides .slide_item {
   background-color: white;

   width: 23%;
   margin: 10px;
   height: 100%;
   /* height: 210px; */
   position: relative;
}

.gallery_slides .slide_item .slide_title {
   display: inline-block;
}
/* .gallery_slides .slide_item .slide_title p {
   font-size: 14px;
   color: #080808;
   margin: 10px 0;
   min-height: 43px;
   line-height: 1.46;
   text-align: left;
} */
.gallery_slides .slide_item .slide_title img {
   width: 100%;
   height: 100%;
   max-height: 200px;
}
.slide_title .read {
   padding: 6px 15px;
   margin: 10px 0;
   background: linear-gradient(90deg, #db2024 0%, #851516 100%);
   border-radius: 6px;
   display: inline-block;
   text-decoration: none;
   color: #fff;
   z-index: 1;
   font-size: 12px;
   border: none;
   outline: none;
}
.read .arr {
   transition: 0.2s ease-in-out;
}
.read:hover > .arr {
   margin-left: 4px;
}
.gallery_slides .slide_item .slide_title h5 {
   display: inline-block;
   font-size: 22px;
   color: white;
   margin: 10px 0 0 22px;
}

.gallery_slides .slick-list {
   padding: 0px 10px 0 0 !important;
}
.navbar-links {
   display: flex;
   align-items: center;
   margin: 0 0 0 auto;
   /* margin-left: 3rem;
   margin-right: 7rem; */
}
.navbar-link {
   color: #fff;
   text-decoration: none;
   padding: 0.4rem 0.8rem;
   margin: 0 0.5rem;
   font-size: 15px;
   cursor: pointer;
}
.text {
   display: none;
}
.post-sharing .wp-button {
   padding: 0.5rem;
   position: relative;
   top: 1.5px;
   background-color: #45c453;
}
.blog-content img {
   width: 100%;
   height: 100%;
}
.slick-next:before,
.slick-prev:before {
   font-family: slick;
   font-size: 20px;
   line-height: 1;
   opacity: 0.75;
   color: #180a0a !important;
}

.slick-next:before {
   content: url("../blogs/images/angles-right-solid.svg") !important;
}

.slick-prev:before {
   content: url("../blogs/images/angles-left-solid.svg") !important;
}
.slick-next,
.slick-prev {
   top: 35% !important;
}
.player-ig {
   width: 100%;
   max-width: 400px;
   height: auto;
   margin: 0 auto;
   display: block;
}
.disclaimer-container {
   color: black;
   width: 100%;
   margin: 10px auto;
   padding: 5px 5px;
   border-radius: 5px;
}
.disclaimer-container h3 {
   text-align: center;
   font-size: 12px;
   color: red;
   font-weight: bold;
   line-height: 15px;
   margin: 5px 0;
   padding: 0;
}
.disclaimer-container.home-disclaimer p {
   margin-bottom: 3px;
   font-size: 9px;
   font-weight: 600;
   text-align: justify;
   line-height: 1.2;
   color: black;
}
.mobile-dis {
   display: none;
}
.blogLink{
   color: blue;
   text-decoration: underline;
}
.blog2024Ol li{
   list-style-position: inside;
}
.download-link {
   display: block;
   text-decoration: none;
   background: linear-gradient(90deg, #db2024 0%, #851516 100%);
   border-radius: 5px;
   color: white;
   margin: 0 0 0 auto;
   max-height: 50px;
   font-size: 15px;

   height: 100%;
}
.button-animation {
   background: linear-gradient(
         121.19deg,
         rgba(133, 239, 49, 0) 25.73%,
         rgba(255, 255, 255, 0.3) 45.27%,
         rgba(133, 239, 49, 0) 62.27%
      ),
      rgba(255, 255, 255, 0);
   position: relative;

   height: 50px;
   padding: 0 20px;
   animation-duration: 60s;
   width: 100%;
   animation-fill-mode: forwards;
   animation-iteration-count: infinite;
   animation-name: placeholder;
   animation-timing-function: linear;
   margin-bottom: 15px;
   display: flex;
   justify-content: space-around;
   align-items: center !important;
}
.button-animation p {
   color: white;
   margin: 0;
}
@keyframes placeholder {
   0% {
      background-position: -10000px 0;
   }
   100% {
      background-position: 10000px 0;
   }
}
.atss .at-share-btn {
   width: 3pc !important;
}
img.desktop-head {
   display: block;
   width: 100%;
}
img.android-head {
   display: none;
   width: 100%;
}
.pop-ten {
   position: fixed;
   top: 50%;
   padding: 140px 0 0 0;
   width: 100%;
   height: 100%;
   text-align: center;
   display: none;
   top: 50%;
   z-index: 1;
   left: 50%;
   background: rgb(0 0 0 / 66%);
   transform: translate(-50%, -50%);
}
@keyframes slide {
   0% {
      transform: scale(0);
   }
   60% {
      transform: scale(1.3);
   }
   100% {
      transform: scale(1);
   }
}
.pop-ten .banner-box {
   animation-duration: 0.4s;
   animation-fill-mode: forwards;
   animation-iteration-count: 1;
   animation-name: slide;
   animation-timing-function: linear;
   max-width: 570px;
   width: 100%;
   margin: 0 auto;
   height: auto;
   position: relative;
}
.banner-box .cross {
   filter: invert(1);
   width: 30px;
   position: relative;
   top: 10%;
   left: 50%;
   cursor: pointer;
}
.banner-box a img {
   width: 100%;
   height: 100%;
}

.desk-pop {
   display: block;
}
.android-pop {
   display: none;
}
.sidemenu-links li {
   list-style-type: none;
}
.blog-image {
   max-width: 60%;
   display: block;
   margin: 0 auto;
}
.message_input {
   padding: 0;
   border-radius: 20px;
   border: none;
   width: 0;
   transition: 0.4s ease-in-out;
}
.message_input.show {
   width: 100%;
   padding: 10px;
}
.message_input:focus {
   outline: none;
}
.sorry {
   display: none;
   padding: 15px;
}
.search-bar {
   display: inline-flex;
   align-items: center;
   padding: 0 5px;
}
.search-bar img {
   height: 20px;
   width: 20px;
   filter: invert(1);
   cursor: pointer;
}
.icons.rotate {
   animation: rotates 0.4s;
}
@keyframes rotates {
   from {
      transform: rotate(0deg);
   }
   to {
      transform: rotate(359deg);
   }
}
/* pagination conatiner */
.pagination-conatiner {
   display: grid;
   width: 100%;
   place-items: center;
   padding: 10px 0;
}
.hide {
   display: none;
}
.pagination-conatiner nav {
   display: flex;
   align-items: center;
   justify-content: center;
}
.pagination-button {
   padding: 10px 20px;
   background-color: rgba(0, 0, 0, 0);
   border: none;
}
.category-box {
   font-size: 16px;
   line-height: 24px;
   margin-bottom: 11px;
   color: #111111 !important;
   cursor: pointer;
   font-weight: 600;
}
.blog-content img.cricketBlogImg {
   width: auto;
   max-width: 100%;
   height: auto;
   margin: 0 auto;
   display: block;
}
.liveBox {
   width: 100%;
   margin: 10px 0;
   border: 1px solid #5e5a5a7a;
   padding: 20px;
   border-radius: 10px;
   box-shadow: 0px 1px 3px 0px #0000007a;
}

.liveText .round {
   width: 30px;
   height: 30px;
   position: relative;
   margin-right: 20px;
}
.liveText {
   width: 100%;
   display: flex;
   justify-content: flex-start;
}
.liveText p {
   padding-left: 35px;
   margin-left: 15px;
   border-left: 1px solid black;
}
.round {
   position: relative;
}
/* .round:before {
   content: "";
   height: 50px;
   position: absolute;
   top: 20%;

   right: 0;
   width: 0px;
   border: 1px solid black;
} */


.detailBox{
   width: 100%;
}
.detailFlex{
   display: flex;
   flex-direction: row;
   font-size: 16px;
   position: relative;
   box-sizing: border-box;
   padding-left: 13px;
}
.detailFlex::before{
   content:  '';
   height: 5px;
   width: 5px;
   position: absolute;
   left: 0;
   top: 10px;
   background-color: black;
   border-radius: 100%;
}
p.firstPlfex{
   width: fit-content;
   font-size: 16px;
   position: relative;
}
p.firstPlfex::after{
   position: absolute;
   content:  '';
   height: 2px;
   width: 5px;
   left:110%;
   top: 13px;
   background-color: black;
}
p.secondPlfex{
   width: fit-content;
   margin-left: 15px;
   font-size: 16px;
   position: relative;
}
@media (max-width: 1200px) {
   .container {
      padding-right: 15px;
      padding-left: 15px;
   }
}

@media (max-width: 992px) {
   .container {
      width: 960px;
      max-width: 100%;
   }
   .col-lg-9 {
      flex: 0 0 75%;
      max-width: 75%;
   }
   .col-lg-3 {
      flex: 0 0 25%;
      max-width: 25%;
   }
}

@media (max-width: 768px) {
   .container {
      width: 720px;
      max-width: 100%;
   }
   .col-md-6 {
      flex: 0 0 50%;
      max-width: 50%;
   }
   .accordion-container .accordion-title {
      font-size: 0.8rem;
   }
}
@media (max-width: 576px) {
   .pop-ten .banner-box {
      width: 75vw;
   }
   .container {
      width: 100%;
      max-width: 100%;
   }
   .col-sm-12 {
      flex: 0 0 100%;
      max-width: 100%;
   }
   .banner-img img {
      margin: auto;
      text-align: center;
      max-width: 768px;
      float: none;
      width: 50%;
      display: block;
   }
   .col-md-6 {
      max-width: 100%;
   }
   .desk-pop {
      display: none;
   }
   .android-pop {
      display: block;
   }
}

@media screen and (max-width: 500px) {
   .navbar-brand.desktop-logo {
      width: 70px;
      height: 70px;
   }
   /* .navbar {
      flex-direction: row-reverse;
   } */
   .download-link {
      display: none;
   }
   .blog-title-area {
      margin-bottom: 1rem;
   }
   .blog-title-area h3 {
      font-size: 31px;
      line-height: 40px;
   }
   img.desktop-head {
      display: none;
   }
   img.android-head {
      display: none;
   }
   .sidebar {
      margin: 20px;
   }
   .promo-img {
      text-align: center;
   }
   .navbar {
      padding: 0.5rem 1.5rem 0rem;
   }
   .col-lg-3 {
      display: none;
   }
   .page-head,
   .mainpage-head {
      margin: 90px 0 0;
   }
   .mobile-dis {
      display: block;
   }
   .navbar .navbar-toggle-btn.toggle-btn.mobile-view-only {
      display: block !important;
   }
   .free20-download-now {
      padding: 0px 20px 25px;
      bottom: -10px;
      background: #191919;
      background: linear-gradient(90deg, #bd4027f2 0%, #080330 100%);
   }
   .android-apple-button {
      margin-top: 23px;
   }
   .section {
      padding: 1.5rem 0;
      display: block;
      position: relative;
      background-color: #ffffff;
   }
   sidemenu-header {
      display: flex;
      justify-content: flex-end;
      align-items: center;
   }
   .toggle-btn-title {
      margin: auto;
   }
   .sidemenu-links {
      text-align: center;
   }
   .sidemenu {
      width: 15rem;
      height: 200vh;
   }
   .at-share-dock.atss-top {
      bottom: auto;
      top: 30% !important;
   }
   .atss .at-share-btn {
      width: 3pc !important;
   }
   .slick-next {
      right: -5px !important;
   }
   .slick-prev {
      left: -12px !important;
      z-index: 1;
   }
   .pp ol {
      margin: 0 15px 0 30px;
   }
}

.tweet-block {
   display: flex;
   justify-content: center;
}
.blog-content iframe {
   width: 100%;
   max-width: 560px;
   display: flex;
   margin: 10px auto;
}
.dFlex {
   display: flex;
   justify-content: center;
}

.img-fluid.imageMargin {
   margin: 36px 0 0px;
}

.udayBG {
   height: 100%;
   width: 100%;
   position: relative;
}
.udayBG.Down {
   background-image: url("../blogs/images/exploreDown.png");
}
.udayBG.create {
   background-image: url("../blogs/images/uday.png");
}
.udayBG.explore {
   background-image: url("../blogs/images/explore.png");
}
.paraUday {
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   padding: 10px;
   box-sizing: border-box;
   align-items: center;
}
.paraUday p {
   width: 65%;
   margin: 20px 0;
}
.paraUday .imagebOx {
   width: 35%;
   position: relative;
   height: 200px;
}
.paraUday .imagebOx img {
   width: 90%;
   margin: 0 auto;
   bottom: -10%;
   z-index: 1;
   height: auto;
   right: 0;
   position: absolute;
}
.masterH3 {
   margin: 20px 0 0 !important;
}

.blog-content h3 {
   font-size: 25px;
   line-height: 30px;
   margin-bottom: 10px;
}
.blog-content h4 {
   font-size: 19px;
   line-height: 26px;
   margin-bottom: 5px;
   margin-top: 8px;
}
.blog-content ul {
   list-style-position: inside;
}
.blog-content p a {
   color: blue;
}
.blogwithImage {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   width: 100%;
   position: relative;
}

.blogwithImage .w100 {
   width: 100%;
}
.blogwithImage.right .contentImage {
   left: 0;
}
.blogwithImage.right .contentW50 {
   margin-left: auto;
}
.contentW50 {
   width: 65%;
   padding: 20px 0 60px;
}
.contentImage {
   width: 35%;
   position: absolute;
   bottom: 0px;
   right: 0;
}
.blog-content .contentImage img {
   width: 95%;
}
.mt30 {
   margin-top: 30px;
}
.blog-content.poppinFont {
   font-family: Poppins;
}
.blog-content.poppinFont p {
   font-size: 20px;
}
.blog-content.poppinFont ul {
   padding: 20px 40px;
}
.blog-content.poppinFont ul li {
   font-family: Poppins;
   font-size: 20px;
}
.widthFullcontainer {
   width: 100%;
}
.single-post-media.margin0 {
   margin-bottom: 0;
}
.comeback1 {
   position: relative;
   margin: 20px 0;
}
.comeback1 p {
   width: 95%;
   margin: 0 auto;
   font-size: 20px;
}
.comeback1 p b {
   font-family: PoppinsBold;
   font-weight: 900;
}
.boldRed {
   color: red;
}
.blog-content img.newChart {
   position: absolute;
   width: auto;
   top: 10%;
   right: -9%;
}
.blog-content .comeback1.right img.newChart {
   left: -9%;
}
.blog-content .comeback1.right img.newChart.left20 {
   left: -20%;
}
.blog-content iframe.newFrame {
   max-width: 100%;
}
.mb5 {
   margin-bottom: 12px;
}
.newUl li {
   list-style-type: none;
}
.blogTable {
   width: 100%;
   display: block;
}
.blogTable table {
   width: 100%;
}

.top10ludoUl li {
   padding: 0 14px 8px;
}
.pad50 {
   padding: 0 25px;
}
.ludoFlexBox {
   display: flex;
   align-items: center;
   justify-content: center;
}
.ludoFlexBox:nth-child(even) .top10ludoUl li {
   padding: 0 14px 8px 0;
}
.listedOl {
   list-style-position: inside;
}
.listedOl li {
   padding: 0 14px 8px;
}
.moreWidth {
   width: 75%;
}

.lessWidth {
   width: 25%;
}
.paddign10pix {
   padding: 0 10px;
   width: 100%;
}
.textstylecenter{
   text-align: center;

}
.blog-content h4.textstyle {
   text-align: center;
   font-size: 25px;
   margin-bottom: 10px;
}
.textstyle a {
   color: blue;
}
/* .shortP {
   width: 80%;
   margin: 0 auto;
   font-size: 20px;
   display: block;
   text-align: center;
} */
.modeContainer {
   display: block;
   width: 100%;
   padding: 0px 0px 20px;
   box-sizing: border-box;
}
.w80 {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
}
.m20 {
   margin: 20px auto;
}

.dFlex {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
}
.w70 {
   width: 70%;
   box-sizing: border-box;
   padding-right: 10px;
}
.typeHead {
   width: 100%;
   font: 700 25px/25px "Montserrat", sans-serif;
   color: black;
}
.modeDesc p {
   color: #000;
   margin-bottom: 5px;
   font-size: 15px;
   line-height: 26px;
   font-weight: 500;
}

.w30 {
   width: 30%;
   box-sizing: border-box;
}
.fanImage {
   width: 100%;
   max-width: 350px;
   display: block;
   margin: auto;
}

.fanImage img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}
.paddright20 {
   width: 100%;
   box-sizing: border-box;
   padding-left: 20px;
   margin-bottom: 20px;
}
.flex {
   width: 100%;
   box-sizing: border-box;
   display: flex;
   margin-bottom: 8px;
}
.flex span {
   margin-right: 5px;
}
.indVsPakTable {
   width: 100%;
   border-collapse: collapse;
   margin: 0 0 25px 0;
   font-size: 0.9em;
   min-width: 400px;
   box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.indVsPakTable thead tr {
   background-color: #009879;
   color: #ffffff;
   text-align: left;
}
.indVsPakTable th,
.indVsPakTable td {
   padding: 12px 15px;
}
.indVsPakTable .firstTh {
   width: 30%;
   text-align: center;
}
.indVsPakTable.indvsEngTab .firstTh {
   width: 50%;
}
.indVsPakTable.fourRow .firstTh,
.indVsPakTable.fourRow .scndTh {
   width: 25%;
}
.indVsPakTable.fiveRow .firstTh,
.indVsPakTable.fiveRow .scndTh {
   width: 20%;
}
.indVsPakTable.sixRow .firstTh,
.indVsPakTable.sixRow .scndTh {
   width: 16.6666666667%;
}
.indVsPakTable.sevenRow .firstTh,
.indVsPakTable.sevenRow .scndTh {
   width: 14.2857142857%;
}
.indVsPakTable .scndTh {
   width: 70%;
   text-align: center;
}
.indVsPakTable.indvsEngTab .scndTh {
   width: 50%;
}
.indVsPakTable.indvsAfg .scndTh {
   width: 35%;
}
.indVsPakTable tbody tr {
   border-bottom: 1px solid #dddddd;
}

.indVsPakTable tbody tr:nth-of-type(even) {
   background-color: #f3f3f3;
}

.indVsPakTable tbody tr:last-of-type {
   border-bottom: 2px solid #009879;
}
.indVsPakTable tbody tr.active-row {
   font-weight: bold;
   color: #009879;
}
.rummyolInside , .rummyulInside{
   list-style-position: inside;
}
.rummyolInside li{
   margin-bottom:   6px;
}
.mb00 {
   margin-bottom: 0;
}
.blog-content img.schedule {
   width: 75%;
   margin: 0 auto;
   display: block;
   text-align: center;
}
.showonMObileNO {
   display: block;
}
.showPhoneYes {
   display: none;
}
.udayFont li {
   font-size: 16px;
}
.firstTh a {
   color: blue;
}
.ctaImage {
   display: block;
   margin: 30px auto 50px;
   width: 200px;
   cursor: pointer;
   /* animation: zooming 0.7s infinite;
   transition: all ease-in-out; */
}
/* @keyframes zooming {
   0% {
      transform: scale(1);
   }
   25% {
      transform: scale(1.01);
   }
   50% {
      transform: scale(1.05);
   }
   75% {
      transform: scale(1.01);
   }
   100% {
      transform: scale(1);
   }
} */

.stepImage {
   width: 100%;
   max-width: 200px;
   margin: auto;
   display: block;
}
.lang2Par {
   text-align: right;
   margin-bottom: 14px;
}
.moreWidth.pr10 {
   padding-left: 10px;
}
/* .language.lang2 {
} */

.modeHead {
   font: 600 40px/50px "Montserrat", sans-serif;
   width: 100%;
   text-align: center;
   color: #000;
   margin-bottom: 30px;
}
.newFaqText.whiteMode{
   position: relative;
   /* width: 90%; */
   margin: 0 auto 30px;
}
.newFaqText.whiteMode h5{
       font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #000;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}
.newFaqText.whiteMode p{
   color: #000;
   font-size: 12px;
   margin-bottom: 15px;
   line-height: 23px;
}
.top10ludoOl{
   list-style-position: inside;
}
.top10ludoOl li a{
   color:  blue;
}
.top10ludoOl li {
   margin-bottom: 10px;
}
.paddingUl{
   padding-left: 30px;
}
@media screen and (max-width: 500px) {
   .moreWidth.pr10 {
      padding-left: 0px;
   }
   .showonMObileNO {
      display: none;
   }
   .showPhoneYes {
      display: block;
   }
   .indVsPakTable {
      min-width: 100%;
   }
   .dFlex.w80.m20.reverseColumn {
      flex-direction: column-reverse;
   }
   .dFlex.w80 .w70,
   .dFlex.w80 .w30 {
      width: 100%;
   }
   .ludoFlexBox {
      flex-direction: column-reverse;
   }

   .ludoFlexBox .moreWidth,
   .ludoFlexBox .lessWidth {
      width: 100%;
   }
   .ludoFlexBox .lessWidth {
      margin-bottom: 10px;
   }
   .ludoFlexBox .lessWidth img {
      width: 80%;
      display: block;
      margin: 0 auto;
   }
   .ludoFlexBox.change {
      flex-direction: column;
   }
   .img-fluid.imageMargin.dNoneImg {
      display: none;
   }
   .paraUday {
      padding: 20px 0;
   }
   .paraUday p {
      margin: 0;
   }
   .paraUday .imagebOx {
      height: auto;
   }
   .paraUday .imagebOx img {
      width: 90%;
      margin: 0 auto;
      bottom: 0%;
      position: relative;
   }
   .contentImage {
      display: none;
   }
   .contentW50 {
      width: 100%;
      padding: 10px 0 25px;
   }
   .blog-content img.newChart {
      position: absolute;
      width: 20%;
      top: 0%;
      right: 0;
      display: none;
      height: auto;
   }
   .blog-content.poppinFont {
      padding: 0 10px;
      width: 100%;
      box-sizing: border-box;
   }
}
.blog_gst_ol{
   list-style-position: inside;
}
.dashUl{
   margin: 0;
     list-style-type: none;
}
ul.dashUl > li {
   text-indent: -5px;
 }
 ul.dashUl > li:before {
   content: "-";
   text-indent: -5px;
 }
 .howtoplay_slides .slide_item .slide_title {
   width: 100%;
}

 .howtoplay_slides .slide_item .slide_title img {
   width: 80%;
   max-width: 300px;
   margin: 0 auto;
   height: auto;
   object-fit: contain;
}
.howtoplay_slides {
   display: block;
}
.howtoplay_slides .slick-prev {
   left: 10px;
}
.howtoplay_slides .slick-next {
   right: 10px;
}
@media screen and (max-width: 500px) {
   .howtoplay_slides .slick-prev {
      left: 10px;
      top: 50% !important;
   }
   .howtoplay_slides .slick-next {
      right: 10px;
      top: 50% !important;
   }
}