

.btn-theme-dark {
    background-color: #ee1c25;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border: 1px solid #ee1c25;
    color: #fff;
    font-size: 14px;
    width: max-content;
    min-width: 110px;
}

.rblrewards_div {
	
	display: flex !important;
	JUSTIFY-CONTENT: flex-end !important;
}
.btn-theme-dark:hover{color: #ffffff;}	
.landing-page-header .navbar {
	 position: fixed;
	 top: 0;
	 left: 0;
	 width: 100%;
	 padding: 0;
	 z-index: 2;
	 height: 60px;
	 box-shadow: 0px 3px 4px #000 17;
	 box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
	 background-color: #fff;
}
.landing-page-header .navbar-header{
	height:73px !important;
}
.navbar-toggler {
	padding: 0;
	border: 0;
	margin-right: 20px;
	outline: none;
}

.chatbotColor {
	color: #000000 !important;
}
 .landing-page {
	 width: 100%;
	 height: 100%;
}
 .landing-page .swiper-horizon {
	 position: relative;
}
 .landing-page .swiper-horizon .swiper-button-next, .landing-page .swiper-horizon .swiper-button-prev {
	 color: #fff;
}
 .landing-page .swiper-horizon .swiper-slide {
	 position: relative;
	 width: 100% !important;
}
.landing-page .swiper-horizon .swiper-slide img {
	padding-top: 60px;
	width: 100%;
}
.landing-page .swiper-horizon .swiper-pagination {
	max-width: max-content;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #e8e8e838;
	padding: 0px 15px;
	border-radius: 28px;
	backdrop-filter: blur(48px);
	height: 20px;
	display: flex;
	align-items: center;
}
.landing-page .swiper-horizon .swiper-pagination-bullet {
	background: #ffffff;
	height: 6px;
	width: 6px;
}
 .landing-page .swiper-horizon .banner-text {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translate(-80%, -50%);
	 padding-left: 0;
}
 .landing-page .swiper-horizon h2 {
	 color: #fff;
}
 .landing-page .swiper-horizon h4 {
	 font-size: 30px;
	 line-height: 42px;
	 color: #fff;
	 font-family: 'Roboto', sans-serif;
	 font-weight: 100;
	 margin: 15px 0;
}
 .landing-page .swiper-horizon h4 span {
	 font-weight: 500;
}
 .landing-page .full-page-swiper {
	 width: 100%;
	 height: 100vh;
}
 .landing-page .full-page-swiper .swiper-container, .landing-page .full-page-swiper .swiper-wrapper, .landing-page .full-page-swiper .swiper-slide {
	 width: 100%;

	 display: flex;
	 align-items: flex-start;
	 position: relative;
}
 .landing-page .full-page-swiper .swiper-container.normalscroll, .landing-page .full-page-swiper .swiper-wrapper.normalscroll, .landing-page .full-page-swiper .swiper-slide.normalscroll {
	 max-height: 100% !important;
	 height: auto;
	 display: block;
}
 .landing-page .section-row {
	 width: 100%;
	 height:100%
	
}
 .landing-page .section-row .row {
	 align-items: center;
	 height: 100%;
	 width: 100%;
}
 .landing-page .section-row .section-banner img {
	 position: absolute;
	 left: 0;
	 top: 50%;
	 width: 100%;
	 max-width: 500px;
	 /*transform: translateY(-50%);*/
	transform: scale(0.8) translateY(-50%);
}
 .landing-page .section-row h2 {
	 font-size: 90px;
	 line-height: 80px;
	 font-family: 'Roboto', sans-serif;
	  font-weight: 700;
}
 .landing-page .section-row h5 {
	 font-size: 24px;
	 line-height: 34px;
	 font-family: 'Roboto', sans-serif;
	 font-weight: 500;
	 margin: 15px 0;
}
 .landing-page .section-row .btn-explore {
	width: 280px;
    /* height: 70px; */
    font-size: 30px;
    line-height: 56px;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 0.375rem 0.75rem;
    color: #ffffff;
}
 .landing-page .section-row .btn-explore:hover{
 	color: #ffffff;
 }
 .landing-page section:nth-child(2) .section-row h2 {
	 color: #694197;
}
 .landing-page section:nth-child(3) .section-row h2 {
	 color: #f0942b;
}
 .landing-page section:nth-child(4) .section-row h2 {
	 color: #eb4e4c;
}
 .landing-page section:nth-child(5) .section-row h2 {
	 color: #6ab04d;
}
 .landing-page section:nth-child(6) .section-row h2 {
	 color: #686ee0;
}
 .landing-page section:nth-child(7) .section-row h2 {
	 color: #f7c41c;
}
 .landing-page .btn-sm {
	 width: 190px;
	 height: 50px;
	 font-size: 18px;
}
 .landing-page .category {
	 display: block;
	 width: 100%;
	 padding-top: 100px;
	 padding-bottom: 80px;
}
 .landing-page .category h3 {
	 font-size: 90px;
	 line-height: 80px;
	 color: #2e315e;
	 font-weight: 700;
}
 .landing-page .category p {
	 font-size: 16px;
	 color: #0a3760;
	 margin-top: 20px;
	 max-width: calc(100% - 180px);
	font-weight: 500;
}
 .landing-page .category .category-item {
	 text-align: center;
	 display: flex;
	 justify-content: center;
	 flex-direction: column;
	 align-items: center;
	 margin-bottom: 20px;
}
 .landing-page .category .category-item .img-d {
	 width: 130px;
	 height: 130px;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 border-radius: 100%;
	 background: transparent linear-gradient(133deg, #694197 0%, #3f1164 100%) 0% 0% no-repeat padding-box;
}

	.landing-page .category .category-item .img-d img {
		width: 55px;
	}
.landing-page .category .category-item a{
	text-decoration: none;
}
 .landing-page .category .category-item h4 {
	 color: #4d516f;
	 font-size: 17px;
	 text-align: center;
	 margin-top: 10px;
	 font-weight: 500;
}
 .landing-page .category .category-item:nth-child(2) .img-d {
	 background: transparent linear-gradient(332deg, #e02b28 0%, #eb4e4c 100%) 0% 0% no-repeat padding-box;
}
 .landing-page .category .category-item:nth-child(3) .img-d {
	 background: transparent linear-gradient(303deg, #0b1af7 0%, #6385f2 100%) 0% 0% no-repeat padding-box;
}
 .landing-page .category .category-item:nth-child(4) .img-d {
	 background: transparent linear-gradient(242deg, #1aa0d7 0%, #3b539e 100%) 0% 0% no-repeat padding-box;
}
 .landing-page .category .category-item:nth-child(5) .img-d {
	 background: transparent linear-gradient(252deg, #e98952 0%, #eb298d fa 47%, #9d0556 100%) 0% 0% no-repeat padding-box;
}
 .landing-page .category .category-item:nth-child(6) .img-d {
	 background: transparent linear-gradient(242deg, #c4c228 0%, #298840 100%) 0% 0% no-repeat padding-box;
}
 .landing-page .box-item-row .box-item-in {
	 text-align: center;
	 display: flex;
	 justify-content: center;
	 flex-direction: column;
	 align-items: center;
	 margin-bottom: 20px;
}
 .landing-page .box-item-row .box-item-in .box-item {
	 width: 100%;
	 box-shadow: 0px 50px 80px #000 29;
	 border-radius: 28px;
	 height: 450px;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 flex-direction: column;
	 background-color: #31336b;
}
 .landing-page .box-item-row .box-item-in .box-item h3 {
	 font-size: 48px;
	 color: #fff;
	 line-height: 54px;
	 margin-top: 30px;
	 font-weight: 700;
}
 .landing-page .box-item-row .box-item-in .box-item.full-box h3 {
	 display: flex;
	 flex-direction: column;
	 font-size: 48px;
	 line-height: 54px;
}
 .landing-page .box-item-row .box-item-in .box-item.full-box h3 button {
	 background-color: transparent;
	 outline: none;
	 padding: 0;
	 font-size: 34px;
	 margin-top: 20px;
	 border: 0;
     color: #ffffff;
    font-weight: 700;
}
 .landing-page .box-item-row .box-item-in:nth-child(2) .box-item {
	 background-color: #545c69;
}
 .landing-page .box-item-row .box-item-in:nth-child(3) .box-item {
	 background-color: #22a6b3;
	 flex-direction: row;
}
 .landing-page .box-item-row .box-item-in:nth-child(3) .box-item img {
	 width: 383px;
}
 .landing-page .terms_conditons {
	 background-color: #f0942b;
	 width: 100%;
	 padding: 30px 0;
	 color: #fff;
	 margin-top: 40px;
}
 .landing-page .terms_conditons h3 {
	 font-size: 60px;
	 width: 80%;
	 font-weight: 700;
}
 .landing-page .terms_conditons p {
	 font-size: 16px;
	 line-height: 23px;
}
 .landing-page .terms_conditons .btn {
	 margin-top: 15px;
}
 .landing-page .faqs {
	 margin-top: 40px;
}
 .landing-page .faqs .title {
	 color: #2e315e;
	 text-align: center;
	  font-weight: 700;
	 margin-bottom: 20px;
}
 .landing-page .faqs .nav-tabs {
	 display: flex;
	 justify-content: space-between;
	 flex-direction: row;
	 border: 0;
	 padding: 0 60px;
	 margin-bottom: 30px;
}
 .landing-page .faqs .nav-tabs .nav-link {
	 text-align: center;
	 color: #333;
	 font-size: 18px;
	 white-space: nowrap;
	 padding: 10px;
	 padding-bottom: 20px;
	 border: 0;
	 position: relative;
	 font-weight: 500;
	 cursor:pointer;
}
 .landing-page .faqs .nav-tabs .nav-link.active::after {
	 content: "";
	 position: absolute;
	 left: 50%;
	 bottom: 0;
	 height: 6px;
	 background: #eb4e4c;
	 width: calc(100% - 30px);
	 border-radius: 8px;
	 transform: translateX(-50%);
}
 .landing-page .faqs .tab-inner .card {
	 border-radius: 10px;
	 border: 1px solid #0a376026;
	 margin-bottom: 10px;
	 box-shadow: none;
}
 .landing-page .faqs .tab-inner .card .card-header {
	 border: 0;
	 background-color: transparent;
	 padding: 15px 25px;
}
 .landing-page .faqs .tab-inner .card .card-header button {
	 background-color: transparent;
	 width: 100%;
	 text-align: left;
	 padding: 0;
	 outline: none;
	 color: #4c4c4c;
     box-shadow: none;
    text-decoration: none;
    position: relative;
    display: flex;
    align-items: center;
}
.landing-page .faqs .tab-inner .card .card-header button::after{
    content: "+";
    flex-shrink: 0;
    /*width: 1.25rem;
    height: 1.25rem;*/
    margin-left: auto;
    /*background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);*/
    background-repeat: no-repeat;
    /*background-size: 1.25rem;*/
    font-size: 26px;
    transition: transform .2s ease-in-out;
}
.landing-page .faqs .tab-inner .card .card-header button:not(.collapsed)::after {
	content: "-"
    /*background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
    transform: rotate(-180deg);*/
}
 .landing-page .faqs .tab-inner .card .card-body {
	 padding: 20px 30px;
}
 .landing-page .faqs .tab-inner .view_more {
 	text-align: center;
    color: #131f99;
    font-size: 18px;
    font-weight: 500;
    width: 100%;
    display: flex;
    margin: auto;
    justify-content: center;
}
 .landing-page .rbl-program {
	 width: 100%;
	 padding: 30px 0;
	 color: #2e315e;
	 margin-top: 40px;
}
 .landing-page .rbl-program h3 {
	 width: 80%;
}
 .landing-page .rbl-program p {
	 font-size: 16px;
	 line-height: 23px;
	 color: #4c4c4c;
}
 .landing-page .rbl-program .btn {
	 margin-top: 15px;
}
 .landing-page .Get_in_Touch {
	 padding: 50px 40px;
	 color: #fff;
	 margin: 40px 0;
	 background-color: #545c69;
	 border-radius: 28px;
}
 .landing-page .Get_in_Touch h3 {
	 width: 80%;
}
 .landing-page .Get_in_Touch p {
	 font-size: 16px;
	 line-height: 20px;
    margin-bottom: 10px;
}
	.landing-page .Get_in_Touch h4 {
		font-size: 15px;
		font-weight: bold;
		color: #fff;
	}
	.landing-page .Get_in_Touch .link_text {
		font-size: 15px;
		font-weight: bold;
		color: #007bff;
	}
 .landing-page .Get_in_Touch .btn {
	 margin-top: 15px;
}
.landing-page .Get_in_Touch .divider{
	display: none;
}
 .landing-page h3.title {
	 font-size: 60px;
	font-weight: 700;
	line-height: 58px;
}
	.landing-page h3.head_line {
		font-size: 45px;
		font-weight: 700;
		line-height: 58px;
		color:#ffffff;
	}
a {
	text-decoration: none !important;
	
}

#scrollToTopBtn, #scrollToBottomBtn {
	display: none;
	position: fixed;
	bottom: 20%;
	right: 36px;
	z-index: 100;
	border: none;
	outline: none;
	background-color: red;
	color: white;
	cursor: pointer;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	border: 2px solid red;
}


.arrowupdown {
	padding-right: 4px;
	width: 25px;
}


#scrollToBottomBtn {
	display: block;
}
.closebtn {
	display: flex !important;
	justify-content: end !important;
	margin-right: 24px !important;
	font-size: 28px;
}
.animation_ScrollImg {
	z-index: 10;
}
.img_rotate1{
	max-width: 320px;
    position: fixed;
    opacity: 0;
    left: -110px;
    top: -125px;
}
.img_rotate2{
	max-width: 310px;
    position: fixed;
    opacity: 0;
    left: -105px;
    top: -140px;
    width: 100%;
}
.img_rotate3 {
	max-width: 330px;
	position: fixed;
	opacity: 0;
	z-index: -1;
	right: -114px;
	bottom: -170px;
	width: 100%;
}
.img_rotate4 {
	max-width: 50px;
	position: fixed;
	opacity: 0;
	z-index: -1;
	right: 214px;
	bottom: 120px;
}
/*Side Panel*/
/* The sidepanel menu */
.sidepanel {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	background-color: #2e315e;
	overflow-x: hidden;
	/*padding-top: 60px; */
	transition: 0.6s;
	opacity: 0.99;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding-top: 47px;

}

/* The sidepanel links */
	/*.sidepanel a {
		padding: 8px 8px 8px 32px;
		text-decoration: none;
		font-size: 25px;
		color: #ffffff;
		display: flex;
		transition: 0.8s;
		justify-content: center;
	}*/
	.sidepanel .side_span a {
		padding: 8px 8px 8px 32px;
		text-decoration: none;
		font-size: 17px;
		color: #ffffff;
		display: flex;
		transition: 0.8s;
		justify-content: center;
	}
	.sidepanel .side_span {
		display: flex;
		align-items: center;
		justify-content: center;
	}
/* When you mouse over the navigation links, change their color */
.sidepanel a:hover {
  color: #ee1c25;
}

.HEADER_DIV .urlaccess {
	text-decoration: none;
	color: #000000;
}

.HEADER_DIV .
/* Position and style the close button (top right corner) */
.sidepanel .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
}


/**/

/*Slider Css */
/* CHANGE THE PAGER STYLE */
.docSlider-pager {
  position: fixed;
  z-index: 100;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  display: none;
}

/* CHANGE THE BUTTON STYLE */
.docSlider-button {
  height: 18px;
  width: 18px;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  margin: 5px 0;
  background-color: #333;
  opacity: .25;
  appearance: none;
  border: none;
  box-sizing: border-box;
}

.docSlider-button.selected {
  opacity: 1;
}

.docSlider-button:active {
  outline: none;
}
html, body {
  /*overflow: hidden;*/
  touch-action: none;
  height: 100%;
}

html, body,
.docSlider,
.docSlider-inner,
.docSlider-page {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  appearance: none;
  border: none;
  outline: none;
}

html:active, body:active,
.docSlider:active,
.docSlider-inner:active,
.docSlider-page:active {
  outline: none;
}

.docSlider {
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

.docSlider-inner {
  width: inherit;
  height: inherit;
  position: fixed;
  top: 0;
  left: 0;
}

.docSlider-page {
	height: inherit;
	width: inherit;
	overflow: auto;
	position: absolute;
	overflow-scrolling: touch;
}
section:first-child {
	height: 100% !important
}
/*end*/

@media (max-width: 767px) {
	.navbar .navbar-brand img{
		max-width: 100px;
	}
 	.landing-page h3.title {
		 font-size: 48px;
		 line-height: 48px;
	}
	 .landing-page .swiper-horizon .banner-text {
		 display: none;
	}
	 .landing-page .section-row {
	    padding-right: 15px;
	    padding-left: 15px;
	    margin-right: auto;
	    margin-left: auto;
	}
	 .landing-page .section-row.top-slider {
		 padding: 0;
	}
	 .landing-page .section-row .section-banner img {
		 position: static;
		 /*transform: none;*/
	    transform: scale(0.8) translateY(40%);
	    /*top: 100%;*/
		max-width: 100%;
	}
	 .landing-page .section-row h2 {
		 font-size: 46px;
		 line-height: 45px;
	}
	 .landing-page .section-row h5 {
		 line-height: normal;
		 font-size: 20px;
	}
	 .landing-page .section-row .btn-explore {
		 width: 155px;
		 height: 47px;
		 font-size: 16px;
		 line-height: normal;
	}
	 .landing-page .category h3 {
		 font-size: 58px;
		 line-height: 56px;
		  font-weight: 700;
	}
	 .landing-page .category p {
		 max-width: 100%;
		 margin-bottom: 20px;
	}
	 .landing-page .category .category-item .img-d {
		 width: 86px;
		 height: 85px;
	}
	 .landing-page .category .category-item h4 {
		 font-size: 12px;
	}
	 .landing-page .box-item-row .box-item-in .box-item {
		 height: 275px;
	}
	 .landing-page .box-item-row .box-item-in .box-item img {
		 max-width: 120px;
	}
	 .landing-page .box-item-row .box-item-in .box-item h3 {
		 font-size: 27px;
		 line-height: normal;
	}
	 .landing-page .box-item-row .box-item-in .box-item.full-box h3 {
		 font-size: 27px;
		 line-height: normal;
	}
	 .landing-page .terms_conditons h3 {
		 font-size: 48px;
		 line-height: 56px;
		 text-align: center;
		 margin-bottom: 20px;
		 width: 100%;
	}
	 .landing-page .terms_conditons p {
		 font-size: 12px;
		 line-height: normal;
	}
	 .landing-page .btn-sm {
		 width: 155px;
		 height: 47px;
		 font-size: 16px;
	}
	.landing-page .faqs .nav-tabs {
		padding: 0;
		flex-flow: nowrap;
		justify-content: flex-start;
		position: relative;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.landing-page .swiper-horizon .swiper-button-prev {
		top: 55%;
	}
	
	.landing-page .swiper-horizon .swiper-button-prev:after {
			font-size: 30px;
		}

	.landing-page .swiper-horizon .swiper-button-next {
		top: 55%;
	}

	.landing-page .swiper-horizon .swiper-button-next:after {
			font-size: 30px;
		}
	.landing-page .faqs .nav-tabs::-webkit-scrollbar {
		display: none;
	}

	.landing-page .faqs .nav-tabs .nav-item {
		max-width: 150px;
		width: 100%;
		min-width: 105px;
	}
	 .landing-page .Get_in_Touch {
		 padding: 15px 15px;
	}
	 .landing-page .Get_in_Touch h4 {
		 font-size: 18px;
		 text-align: center;
	}
	.landing-page .Get_in_Touch h3{
		text-align: center;
		width: 100%;
	}
	.landing-page .Get_in_Touch p{
		text-align: center;
		font-size: 14px;
		margin: 0;
	}
	.landing-page .Get_in_Touch .divider{
		display: block;
	    width: 85%;
	    border-color: #fff;
	    margin: 10px auto;
	    opacity: 0.7;
	}
	
.img_rotate1 {
    	max-width: 310px;
    }
    .img_rotate2 {
	    max-width: 300px;
	}
	.img_rotate3 {
	    max-width: 290px;
	}
	.img_rotate4{
		right: 114px;
	}
	
}

html {
	scroll-behavior: smooth;
}

rewards_Category_content ul li {
	color: black;
	cursor: pointer;
}



@media(min-width: 991px) {
	.trackorder a {
		display: none !important;
	}

	.landing-page .full-page-swiper .swiper-container, .landing-page .full-page-swiper .swiper-wrapper, .landing-page .full-page-swiper .swiper-slide {
		min-height: 100vh !important;
		max-height: 100vh !important;
	}

	.landing-page .swiper-horizon .swiper-slide img {
		padding-top: 60px;
	}

	.rblrewards_div {
		width: 68% !important;
	}
}


@media(max-width: 990px) {
	.landing-page .swiper-horizon .swiper-slide img {
		padding-top: 0px;
	}
		.landing-page .section-row .row {
		align-items: normal;
	}
	.landing-page .swiper-horizon {
		top:60px
	}
	section[data-ds-index="1"] {
		top: 43% !important;
	}
}





 
