@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Bree+Serif&subset=latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Metal&family=Poppins:ital,wght@0,500;0,600;0,700;0,800;0,900;1,500;1,600;1,700;1,800;1,900&display=swap');




body {
	font-family: 'Roboto', sans-serif;
	color: #2a2d33;
	line-height: 27px; margin: 0px; padding: 0px;
	font-weight: normal;
	overflow-x: hidden;
	font-size: 16px;
	background: #fff;
}

.hide-scroll,
.animatedParent {
	overflow: hidden;
}

img {
	max-width: 100%;
}

.fix_bg {
	background-attachment: fixed;
}

._bg_overlay {
	position: absolute;
	width: 100%;
	top: 0px;
	bottom: 0px;
	left: 0;
	right: 0;
}
.d-none {
display:none !important;

}

.d-block {
    display: block !important;
}

._bg_overlay.black {
	background-color: rgba(0, 0, 0, 0.2);
}

._bg_overlay.black2 {
	background-color: rgba(0, 0, 0, 0.5);
}

.gray5 {
background: linear-gradient(90deg, rgba(237, 43, 38, 1) 30%, rgba(237, 43, 38, 1) 0%, rgba(239, 62, 141, 1) 100%, rgba(255, 223, 12, 1) 100%); 
}

.ency-Bg {
	background: #f8ebeb;
}
.ency-Bg1 {
background: #FBF2F4;
}
.white-Bg {
	background: #fff;
}

.text-white {
	color: #fff;
}

.text-black {
	color: #000;
}
.fs-5 {font-size: 21px;}

.br10 {border-radius: 10px;}
.bd-100 {border-radius: 100px;}

.pt-0 {padding-top: 0px !important;
}


.mt{margin: 0px;}
.pr5 {
	padding-right: 5px;
}

.pb20 {
	padding-bottom: 20px;
}

.pa10 {
	padding: 10px;
}

.pa15 {
	padding: 15px;
}

.pa20 {
	padding: 20px;
}

.pa30 {
	padding: 30px;
}

.py5 {
	padding-top: 5px;
	padding-bottom: 5px;
}

.py10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.py15 {
	padding-top: 15px;
	padding-bottom: 15px;
}

.py20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.py40 {
	padding-top: 40px;
	padding-bottom: 40px;
}

.py30 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.pt10 {
	padding-top: 10px;
}

.pt15 {
	padding-top: 15px;
}

.pt20 {
	padding-top: 20px;
}

.pt30 {
	padding-top: 30px;
}

.pb30 {
	padding-bottom: 30px;
}



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

.mt10 {
	margin-top: 10px;
}
.mb-0 {margin-bottom: 0px;
}
.mb15 {
	margin-top: 15px;
	margin-bottom: 15px;
}

.mb20 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.mb30 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.mb40 {
	margin-top: 40px;
	margin-bottom: 40px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}


.mt100 {
	margin-top: 100px;
}


.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.mbt40 {
	margin-bottom: 40px;
}

.mb70 {
	margin-bottom: 80px;
}


.mbt20 {
	margin-bottom: 20px;
}

.mr10 {
	margin-right: 10px;
}

.ml15 {
	margin-left: 15px;
}

.pm {
	padding: 0px;
	margin: 0px;
}

.mt30 {
	margin-top: 30px;
}

._mt15 {
	margin-top: 15px;
}

.bd {
	border-top-right-radius: 42px;
	border-bottom-left-radius: 42px;
}

.m15 {
	margin: 15px;
}

.pt90 {padding-top: 80px;
}

.pb150 {
	padding-bottom: 150px
}

.w-100 {width: 100%;}

button:focus-visible {
	outline: none;
}
.fl {float: left;}
.fr {float: right;}


textarea.form-control {
    height: auto !important;
    resize: none;
}

.btn-orange {
    border: none;
    background: linear-gradient(90deg, rgba(237, 43, 38, 1) 30%, rgba(237, 43, 38, 1) 0%, rgba(239, 62, 141, 1) 100%, rgba(255, 223, 12, 1) 100%);
    color: #fff;
    padding: 6px 30px;
    font-weight: 500;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-size: 14px;
    text-transform: uppercase;
}

input.btn-orange:hover,
input.btn-orange:focus {
	color: #fff;
	text-decoration: none;
	background-color: #19232e;
}

.btn-orange {text-align: center;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) ranslateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	border-radius: 100px;
}

    .btn-orange:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #9e15ae;
        -webkit-transform: scale(0);
        transform: scale(0);
        border-radius: 100px;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active {
	color: #fff;
}

.btn-orange:hover:before,
.btn-orange:focus:before,
.btn-orange:active:before {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.box-shadow {
	-webkit-box-shadow: 0px 1px 5px -2px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 1px 5px -2px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 1px 5px -2px rgba(0, 0, 0, 0.75);
}

.twitter {
	background: #00aced;
}

.facebook {
	background: #3b5998;
}

.youtube {
	background: #bb0000;
}

.instagram {
	background: #f44f8c;
}

.linkedin {
	background: #0077b5;
}
.radBg { background: linear-gradient(90deg, rgba(237, 43, 38, 1) 30%, rgba(237, 43, 38, 1) 0%, rgba(239, 62, 141, 1) 100%, rgba(255, 223, 12, 1) 100%); }

.Select_popup .close {
    float: right; margin-top: 3px;
    font-size: 21px;
    font-weight: 700;
    line-height: 0;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity = 20);
    opacity: 9.9;
    background: #e64668 !important;
    width: 30px;
    height: 30px;
    border-radius: 100px;
}
.gamewinner .datatable-table {
    width: 100% !important;
}
.gamewinner .dataTables_scrollHeadInner { width: 100% !important; margin-top: 10px;}


h2 {
    font-weight: 700;
    /*color: #7b221d;*/
    font-size: 46px;
    font-family: 'Great Vibes', cursive;
}

.game-start-msg {
    background: #fff;
    padding: 30px 15px;
    border-radius: 5px;
    font-size: 2rem;
    font-weight: normal;
    font-family: math;
}


.animate-charcter {
    background-image: linear-gradient( -225deg, #231557 0%, #44107a 29%, #ff1361 67%, #fff800 100% );
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite;
}

@keyframes textclip {
    to {
        background-position: 200% center;
    }
}
.animate-charcter2 {
    background-image: linear-gradient(-225deg, #4e0808 0%, #eff108 29%, #30c315 67%, #fff800 100%);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite;
}
@keyframes textclip {
    to {
        background-position: 200% center;
    }
}

h1 {
    font-size: 21px;
    font-weight: 600;
}

h1:after {
	content: '';
	display: block;
	width: 70px;
	height: 3px;
	background: linear-gradient(90deg, rgba(237, 43, 38, 1) 30%, rgba(237, 43, 38, 1) 0%, rgba(239, 62, 141, 1) 100%, rgba(255, 223, 12, 1) 100%); 
	margin: 12px auto;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-radius: 0px !important;
    margin-bottom: 5px !important;
}
.form-control[readonly] {
    background-color: transparent;
    opacity: 1;
}


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

.top_bar {
	background: linear-gradient(90deg, rgba(237, 43, 38, 1) 30%, rgba(237, 43, 38, 1) 0%, rgba(239, 62, 141, 1) 100%, rgba(255, 223, 12, 1) 100%); 
	border-bottom: 1px solid #c7c1c1;
}


.top_mail li {
	float: left;
	padding: 0 20px;
	margin: 5px 0px;
}

.top_mail li:first-child {
	padding: 0px 0px;
}

.top_mail li a {
	text-decoration: none;
	color: #fff;
}


.top_loginBox {
	float: right;
}

.top_loginBox li {
	float: left;
	margin: 2px 0px 2px 0px;
	border-left: 1px solid #ccc;
	padding: 0 15px;
}

.top_loginBox li:first-child {
	border: none;
}

.top_loginBox li a {
	text-decoration: none;
	color: #fff;
	font-weight: normal;
	font-size: 14px;
}

.navbar-brand span {
	color: #ffffbf;
    font-size: 29px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 11px;
    float: right;
    font-family: "Playfair Display",serif;
}

.sticky_header .sticky_logo {
	display: none;
	float: left;
	padding-top: 9px;
	padding-left: 15px;
}

.sticky_header {
	width: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
	background: linear-gradient(90deg, rgba(237, 43, 38, 1) 30%, rgba(237, 43, 38, 1) 0%, rgba(239, 62, 141, 1) 100%, rgba(255, 223, 12, 1) 100%); 

	-webkit-box-shadow: 0px 1px 5px -2px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 1px 5px -2px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 1px 5px -2px rgba(0, 0, 0, 0.75);
	-webkit-filter: drop-shadow(2px 2px 2px #222);
	filter: drop-shadow(2px 2px 2px #222);
}

.sticky_header ul.navbar-nav li a {
	color: #fff;
	padding-left: 25px;
	padding-right: 25px;
	font-weight: 500;
	font-size: 15px;
	text-transform: capitalize;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.sticky_header ul.navbar-nav li:last-child a {
	border-right: none;
}

.navbar-default .sticky_header .navbar-nav>.active>a,
.navbar-default .sticky_header .navbar-nav>.active>a:hover,
.navbar-default .sticky_header .navbar-nav>.active>a:focus {
	color: #f38123;
	background-color: transparent;
	font-weight: 700;
}

.navbar-default .sticky_header .navbar-nav>li>a:hover,
.navbar-default .sticky_header .navbar-nav>li>a:focus {
	color: #ffffbf;
	background-color: transparent;
}

.navbar-default .sticky_header .navbar-nav>.active::before {
	left: 0;
	right: 0;
}

.nav_outr {
	margin-bottom: 0;
	border: none;
	min-height: 45px;
}

.nav_outr .navbar-brand,
.top_bar .navbar-brand {
	padding: 10px;
	display: table;
}

.nav_outr .navbar-brand > img,
.top_bar .navbar-brand > img {
    max-height: 75px;
    float: left;
    margin-top: 0;
    -webkit-filter: drop-shadow(2px 2px 4px #222);
    filter: drop-shadow(3px 3px 9px #fff);
    position: absolute;
}

.desktop-logo,
.mobile-logo {
	display: none;
}

.sticky_header ul.navbar-nav li > ul {
    position: absolute;
    z-index: 1;
    width: 238px;
    background: #eb407b;
    list-style: none;
    padding: 0px;
    opacity: 0;
    display: none;
    -webkit-box-shadow: 0px 1px 5px -2px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0px 1px 5px -2px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 1px 5px -2px rgb(0 0 0 / 75%);
}

.sticky_header.fixed {
	position: fixed;
	z-index: 11;
	-webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
}

.sticky_header ul.navbar-nav li.has-submenu a {
	padding-right: 35px;
	position: relative;
	z-index: 1; padding-top: 3px;
}

.sticky_header ul.navbar-nav>li.has-submenu:hover>ul {
	opacity: 1;
	display: block;
}

.sticky_header ul.navbar-nav>li.has-submenu .arrow-down:after {
	font-family: 'FontAwesome';
	content: '\f0dd';
	position: absolute;
	right: 20px;
	top: 0px;
	color: #fff;
}

.sticky_header ul.navbar-nav li>ul>li>a {
	display: block;
	color: #fff;
	border-bottom: solid 1px #919189;
	font-size: 14px;
	padding: 7px 10px;
}

.sticky_header ul.navbar-nav li>ul>li>a:hover {
	color: #ffffbf;
	text-decoration: none;
	
}

.sticky_header ul li>ul>li {
	margin-right: 0;
}

/* .sticky_header.fixed .navbar-brand>img { */
	/* max-height: 70px; */
	/* margin-top: -8px; */
/* } */
.sticky_header.fixed  .navbar-brand span { margin-top: 22px;}


.owl-demo img {
	width: 100%;
}

.owl-demo .owl-pagination {
	display: block;
}

.owl-demo .owl-buttons div {
	margin: 0px !important;
	padding: 0px !important;
	background: transparent !important;
	font-size: 0px !important;
}

.owl-demo .owl-buttons .owl-prev:before {
	content: "\f053";
	display: block;
	position: absolute;
	top: 43%;
	left: 0;
	font-family: 'FontAwesome';
	background: linear-gradient(90deg, rgba(237, 43, 38, 1) 30%, rgba(237, 43, 38, 1) 0%, rgba(239, 62, 141, 1) 100%, rgba(255, 223, 12, 1) 100%); 
	font-size: 14px;
	padding: 5px 14px;
	border-radius: 100px;
	-webkit-filter: drop-shadow(2px 2px 2px #222);
	filter: drop-shadow(2px 2px 2px #222);
}

.owl-demo .owl-buttons .owl-next:before {
	content: "\f054";
	display: block;
	position: absolute;
	top: 43%;
	right: 0;
	font-family: 'FontAwesome';
	background: linear-gradient(90deg, rgba(237, 43, 38, 1) 30%, rgba(237, 43, 38, 1) 0%, rgba(239, 62, 141, 1) 100%, rgba(255, 223, 12, 1) 100%); 
	font-size: 14px;
	padding: 5px 14px;
	border-radius: 100px;
	-webkit-filter: drop-shadow(2px 2px 2px #222);
	filter: drop-shadow(2px 2px 2px #222);
}

.owl-demo .owl-theme .owl-controls {
	margin-top: 0px;
}

.owl-theme .owl-controls .owl-page span {
	width: 20px;
	height: 20px;
	background: linear-gradient(90deg, rgba(237, 43, 38, 1) 30%, rgba(237, 43, 38, 1) 0%, rgba(239, 62, 141, 1) 100%, rgba(255, 223, 12, 1) 100%); 
	-webkit-filter: drop-shadow(2px 2px 2px #222);
	filter: drop-shadow(2px 2px 2px #222);
}

.owl-theme .owl-controls .owl-buttons div {
	opacity: 9;
}

.footer {margin-top: 30px;  background: #7e1d1b;}
.top-social-media {
    list-style: none;
    margin: 0px;
    width: 100%;
    float: left;
}

.top-social-media li {
	float: left;
	width: 35px;
	height: 35px; border-radius: 100px;
	margin-left: 5px;
}

.top-social-media li:hover {
	background: #f9392d;
}

.top-social-media li i {
    color: #fff;
	font-size: 19px;
    padding-top: 9px;
}

.top-social-media li a {
	text-align: center;
	display: block;
}

.story-caption p {text-align: justify;}
.story-img {position:relative; overflow: hidden;}
.story-img img{-webkit-transform: scale(1.0);
    transform: scale(1.0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.story-img img:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.parallax_title {
    padding: 5vh 0px;
}
.title {font-weight: 700;
    color: #fff;
    font-size: 44px;
    font-family: 'Great Vibes', cursive;
}

.parallax .owl-carousel .item {position: relative; overflow: hidden;}
.parallax .item img{
	  border-radius: 50%;
	  -webkit-border-radius: 50%;
	  -mox-border-radius: 50%;
	  -o-border-radius: 50%;
	  -ms-border-radius: 50%;
	  width: 85%;
	  border:none;
	  border-right: 6px solid #fc3158; margin: auto; display: table;
}
.parallax .owl-carousel .item span{
    text-align: center;
    display: block;
    padding-top: 20px;
    font-weight: 600;
    font-family: 'Great Vibes', cursive;
    font-size: 31px;
    color: #a62443;
}

.dd {-webkit-filter: drop-shadow(2px 2px 4px #222 );
    filter: drop-shadow(2px 2px 4px #222);}

.footer .footer_short .link li:before {
    content: '\f101';
    display: block;
    font-family: FontAwesome;
    position: absolute;
}
.footer .footer_short .link li a {
    color: #fff;
    text-decoration: none;
    padding-left: 13px;
    border-bottom: 1px solid #997474;
    display: block;
    margin-right: 15px;
    padding-bottom: 5px;
}
.footer .footer_short .link li {line-height: 35px;}


.footer p {
    padding-left: 28px;
}
.footer p i {
    position: absolute;
    left: 16px;
    font-size: 21px;
    padding-top: 2px;
    color: #fff;
}

.footer .title {
    font-size: 34px;
    font-weight: 500;
}
.footer .title:after {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    background: #fff;
    margin: 10px 0px;
}

.subscribe-panel-container label {
font-weight: normal;}
.subscribe-panel-container  .form-control { height: 35px;
    margin-bottom: 10px;}

.leaf1 {
    position: relative;
    margin: 0px auto;
    display: table;
    width: 200px;
    height: 51px;
}

.leaf1::before,
.leaf1::after {
    content: "";
    position: absolute;
    width: 100px;
    height: 106px;
    background: url("/assets/img/1.png") 0% 0% / 100% no-repeat;
    top: -5px;
    transition: all 0.4s ease-in-out 0s;
}

@keyframes leaffly {
    0% {
        transform: rotate(10deg);
    }

    100% {
        transform: rotate(-10deg);
    }
}

@keyframes leaffly1 {
    0% {
        transform: rotate(10deg) scaleX(-1);
    }

    100% {
        transform: rotate(-10deg) scaleX(-1);
    }
}

.leaf1::before {
    right: 0px;
    animation: 5s linear 1s infinite alternate none running leaffly;
}

 .leaf1::after {
    left: 0px;
    transform: scaleX(-1);
    animation: 5s linear 1s infinite alternate none running leaffly1;
}

.login_bg {margin-top: -150px;}
.contact-form {float: left; width: 100%;}
.contact-form .form-control {height: 45px; border: 1px solid #787758;}
.contact-form textarea {height: 100px !important;}
.home_container h4{color: #a62443;
    font-family: 'Great Vibes', cursive;
    font-weight: 600;
    font-size: 29px;
    padding-top: 15px;}

.text_box100 {
    padding: 0px;
    margin: 0px;
    margin-bottom: 20px;
}

.text_box100 li {
	position: relative;
	padding-left: 25px;
	line-height: 31px;
}

.text_box100 li:before {
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	border-radius: 100px;
	background: #78429c;
	position: absolute;
	left: 11px;
	margin-top: 11px;
}
.min-vh-100 {
	position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.min-vh-100.min-vh-1002 {
    position: relative;
    min-height: 100vh;
    align-items: center;
    justify-content: center;
}


    .PASSWORD_bg img {
        width: 370px;
        display: block;
        margin: auto;
        padding-top: 5%;
    }
.PASSWORD_bg {
    margin: auto;
}
.Ghot {font-weight: 600;}

.card-title {
    padding: 10px 0 0px 0;
    font-size: 2em;
    font-weight: 500;
    color: #df2c6d;
    font-family: "Playfair Display", serif;
    font-weight: 600;
    text-transform: uppercase;
}

.card-title:after {
    content: '';
    display: block;
    width: 70px;
    height: 3px;
    background: linear-gradient(90deg, rgb(218 44 107) 30%, rgb(193 36 94) 0%, rgba(239, 62, 141, 1) 100%, rgba(255, 223, 12, 1) 100%);
    margin: 8px auto;
}
.Welcome_bg {
    padding: 0 5%;float: left; width: 100%;
    border-left: 1px solid #ccc;
}
    .Welcome_bg label {
        font-weight: 500;
        font-size: 14px;
        margin-bottom: 0;
    }
.Welcome_bg .form-control {
    border: 1px solid #9d9f9b;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0px;
    box-shadow: none;
}

.Welcome_bg2 {padding: 0px;}
.Welcome_bg2 .form-control {
    border: 1px solid #9d9f9b;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0px;
    box-shadow: none;
    margin-bottom: 5px;
}
.Welcome_bg2 .form-select {height: 34px; width: 100%; 
    border: 1px solid #9d9f9b;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0px;
    box-shadow: none;

}
:focus-visible {
    outline: 0;
    box-shadow: none;
}


.br-5{border-radius: 5px;}

.form-check { float: left;
    display: block;
    min-height: 1.5rem;
    padding-left: 15px;
    margin-bottom: 0.125rem;
}
.Welcome_bg .Forgot {float: right;
	font-weight: 500;
	font-size: 14px;
	padding-right: 15px;
}
.newsglow {position: relative;}

.newsglow:before {
    content: " ";
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .03) 1%, rgba(255, 255, 255, .6) 30%, rgba(255, 255, 255, .85) 50%, rgba(255, 255, 255, .85) 70%, rgba(255, 255, 255, .85) 71%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(1%, rgba(255, 255, 255, .03)), color-stop(30%, rgba(255, 255, 255, .85)), color-stop(50%, rgba(255, 255, 255, .85)), color-stop(70%, rgba(255, 255, 255, .85)), color-stop(71%, rgba(255, 255, 255, .85)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .03) 1%, rgba(255, 255, 255, .6) 30%, rgba(255, 255, 255, .85) 50%, rgba(255, 255, 255, .85) 70%, rgba(255, 255, 255, .85) 71%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .03) 1%, rgba(255, 255, 255, .6) 30%, rgba(255, 255, 255, .85) 50%, rgba(255, 255, 255, .85) 70%, rgba(255, 255, 255, .85) 71%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .03) 1%, rgba(255, 255, 255, .6) 30%, rgba(255, 255, 255, .85) 50%, rgba(255, 255, 255, .85) 70%, rgba(255, 255, 255, .85) 71%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .03) 1%, rgba(255, 255, 255, .6) 30%, rgba(255, 255, 255, .85) 50%, rgba(255, 255, 255, .85) 70%, rgba(255, 255, 255, .85) 71%, rgba(255, 255, 255, 0) 100%);
    width: 15%;
    height: 100%;
    transform: skew(-10deg, 0deg);
    -webkit-transform: skew(-10deg, 0deg);
    -moz-transform: skew(-10deg, 0deg);
    -ms-transform: skew(-10deg, 0deg);
    -o-transform: skew(-10deg, 0deg);
    animation: move 2s;
    animation-iteration-count: infinite;
    animation-delay: 1s;
    -webkit-animation: move 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-delay: 1s;
    -moz-transform: skew(-10deg, 0deg);
    -moz-animation: move 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-delay: 1s;
    -ms-transform: skew(-10deg, 0deg);
    -ms-animation: move 2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-delay: 1s;
    -o-transform: skew(-10deg, 0deg);
    -o-animation: move 2s;
    -o-animation-iteration-count: infinite;
    -o-animation-delay: 1s
}

@keyframes move {
    0% {
        left: 0;
        opacity: 0
    }

    5% {
        opacity: 0
    }

    48% {
        opacity: .2
    }

    80% {
        opacity: 0
    }

    100% {
        left: 82%
    }
}

@-webkit-keyframes move {
    0% {
        left: 0;
        opacity: 0
    }

    5% {
        opacity: 0
    }

    48% {
        opacity: .2
    }

    80% {
        opacity: 0
    }

    100% {
        left: 82%
    }
}

@-moz-keyframes move {
    0% {
        left: 0;
        opacity: 0
    }

    5% {
        opacity: 0
    }

    48% {
        opacity: .2
    }

    80% {
        opacity: 0
    }

    100% {
        left: 88%
    }
}

@-ms-keyframes move {
    0% {
        left: 0;
        opacity: 0
    }

    5% {
        opacity: 0
    }

    48% {
        opacity: .2
    }

    80% {
        opacity: 0
    }

    100% {
        left: 82%
    }
}

@-o-keyframes move {
    0% {
        left: 0;
        opacity: 0
    }

    5% {
        opacity: 0
    }

    48% {
        opacity: .2
    }

    80% {
        opacity: 0
    }

    100% {
        left: 82%
    }
}


.login-with {
    margin: 10px auto;
    display: table;
}
.login-with h3 {
    text-align: center;
    display: inline-block;
    position: relative;
    padding: 0 25px;
    z-index: 1;
    font-size: 16px;
    color: #000;
    font-weight: bold;
}
.login-with h3:before {
    display: inline-block;
    content: "";
    height: 1px;
    width: 70px;
    background-color: #a4a4a4;
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    z-index: 1;
}
.login-with h3:after {
    display: inline-block;
    content: "";
    height: 1px;
    width: 70px;
    background-color: #a4a4a4;
    right: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    z-index: 1;
}
.top-social-media2 {float: none; width: auto;
    display: table;
    margin: auto;}
.newsglow6 {
    display: none;
}
.navbar-nav .icon_bg i {
    width: 45px;
    height: 45px;
    padding-top: 11px;
    padding-left: 14px;
    background: #a51f15;
    color: #fff;
    border: 1px solid #6a0606;
}


.popup {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.75);
    z-index: 999;
}
.popup-inner {
    height: 600px;
    max-width: 1100px;
    width: 90%;
    padding: 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 1);
    border-radius: 3px;
    background: #fff;
    overflow-y: scroll;
}
.popup-close { width: 30px; height: 30px; padding-top: 4px; display: inline-block; position: absolute; top: 22px;  right: 17px; transition: ease 0.25s all; -webkit-transform: translate(50%, -50%);  transform: translate(50%, -50%);  background: #fff;   text-align: center;  color: #000;}
.popup-close:hover {background: rgba(0,0,0,1); text-decoration: none;  color: #fff;}
.popup-inner.popup-inner3 { max-width: 750px; height: auto; overflow: hidden; overflow-y: scroll;}
.btn-primary {background: #df2c6d;}
.btn-lg {padding: 5px 16px;}

.icon_bg i{border: 1px solid #fff; border-radius: 100px; width: 35px; height: 35px; font-size: 20px;   padding-top: 7px;  padding-left: 9px; background: #fff; color: #000;}
.icon_11 i{font-size: 35px;}
.dataTables_filter {float: right;}
.datatable-table thead tr th {
    background-color: #ea3f67 !important;
    color: white;
    white-space: nowrap;
    vertical-align: middle;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
}

.datatable-table > tbody > tr > td { vertical-align: middle;  padding: 4px 10px;font-size: 14px; text-align: left;  white-space: normal !important;}
.pagination>.active>a{ background-color: #7b221d; border-color: #7b221d;}
.datatable-table > tbody > tr > td a {font-weight: 600; cursor: pointer; color: #7b221d;}
.dataTables_wrapper select { padding: 5px 2px; border: 1px solid #979191;}
.dataTables_wrapper input { border: 1px solid #979191;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {color: #fff !important;  background: #7b221d;}
.dataTables_wrapper .dataTables_paginate .paginate_button {color: #fff !important;  background: #7b221d; padding: 5px 10px; margin-bottom: 10px;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {color: #fff !important;  background: #7b221d;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {color: #fff !important;  background: #7b221d;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {color: #fff !important;  background: #7b221d;}
.dataTables_wrapper .dataTables_info {font-size: 13px;}



.vid-wrapper {
    text-align: center;
    padding: 20px;
} 
 .vid { vertical-align: top; position: relative; } 
 .vid::before {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
 .video-popup {position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: flex;  justify-content: center; align-items: center; z-index: 998; background: rgba(0, 0, 0, .8); cursor: pointer; display: none !important;}
 .video-popup.show-video {display: flex !important; } 
 .iframe-wrapper {position: relative; width: 50%;} 
 .iframe-wrapper .close-video {content: '';  position: absolute; width: 32px; height: 32px; top: -18px; right: 0; background: #7b221d; border-radius: 50%; background-size: cover; } 
 ._video2 {width: 100%; height: 520px;} 
 .iframe-wrapper .close-video:before {content: "\f00d"; font-family: FontAwesome !important; color: #fff;  margin-top: 2px; padding-left: 9px; display: block;} 

.min-vh-1002 {display: block;}
.custom-file-uploader {position: relative;}
.custom-file-uploader input[type='file'] {display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; width: 100%; height: 100%; opacity: 0;cursor: default;}

.bg-c-yellow {background: linear-gradient(45deg, #FFB64D, #ffcb80);}
.bg-c-green {background: linear-gradient(45deg, #2ed8b6, #59e0c5);}
.bg-c-blue {background: linear-gradient(45deg, #4099ff, #73b4ff);}
.bg-c-red {background: linear-gradient(45deg, #FF5370, #ff869a);}


/*------------Loader---------*/
/*-----------------*/
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000000;
    .overlayDoor

{
    &:before, &:after

{
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    background-color: rgba(47,85,151,0.3);
    transition: .5s cubic-bezier(.77,0,.18,1);
    transition-delay: .8s;
}

&:before {
    left: 0;
}

&:after {
    right: 0;
}

}

&.loaded {
    .overlayDoor

{
    &:before

{
    left: -50%;
}

&:after {
    right: -50%;
}

}

.overlayContent {
    opacity: 0;
    margin-top: -15px;
}

}

.overlayContent {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transition: .5s cubic-bezier(.77,0,.18,1);
    .skip

{
    display: block;
    width: 130px;
    text-align: center;
    margin: 50px auto 0;
    cursor: pointer;
    color: #fff;
    font-family: 'Nunito';
    font-weight: 700;
    padding: 12px 0;
    border: 2px solid #933c35;
    border-radius: 3px;
    transition: 0.2s ease;
    &:hover

{
    background: #ddd;
    color: #444;
    border-color: #ddd;
}

}
}
}

.loader {
    width: 128px;
    height: 128px;
    border: 3px solid #933c35;
    border-bottom: 3px solid transparent;
    border-radius: 50%;
    position: relative;
    animation: spin 1s linear infinite;
    display: flex;
    justify-content: center;
    align-items: center;
    .inner

{
    width: 64px;
    height: 64px;
    border: 3px solid transparent;
    border-top: 3px solid #933c35;
    border-radius: 50%;
    animation: spinInner 1s linear infinite;
}

}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes spinInner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-720deg);
    }
}

.nav-tabs > li {background: #eee;  border: 1px solid #ee3662; border-bottom: none; border-top-left-radius: 16px; border-top-right-radius: 16px; margin-right: 2px;}
.tab-content {float: left; border: 1px solid #df2c6d; border-top: none; padding-top: 10px; padding-bottom: 20px;}
.nav-tabs {border-bottom: 1px solid #df2c6d;}
    .nav-tabs > li > a {
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
        font-size: 1.1em;
        color: #97878d !important;
        border: none;
    }

.nav-tabs > li.active a {color: #ee3769 !important;}

.fw-semibold {
    text-align: center;
    font-weight: 600;
    padding-top: 56px;
    font-size: 26px;
    color: #7e1d1b;
    position: absolute;
    left: 0;
    right: 0;
    top: 11px;
}
.razorpay-container {position: static !important; margin-top: 20px;}
.razorpay-backdrop { background: transparent !important;}
.razorpay-backdrop span { position: relative !important; }
.razorpay-container > iframe {height: 450px !important;}
.svelte-1milfy7 {background: #811619 !important;}



.vertical-nav-menu li a {font-size: 15px; color: #fff;  height: 42px; padding: 10px 40px;}
.vertical-nav-menu i.metismenu-state-icon {right: 15px;}
.app-theme-white .app-sidebar {background: #7e1d1b;}
.vertical-nav-menu li a:hover {background: #813936; color: #fff;}
.vertical-nav-menu li a.mm-active { color: #fff; background: #cb8985; font-weight: 500;}
.vertical-nav-menu ul > li > a { color: #fff; height: 42px; padding: 10px 12px;  margin-left: 5px;} 
.vertical-nav-menu ul>li>a:hover {color: #fff;}
.app-sidebar .app-sidebar__inner {padding: 5px 5px;}
.app-theme-white .app-header { background: #7e1d1b;}
.app-footer { height: 40px; background: #7b221d;}
.app-footer a {color: #fff;}
.hamburger-inner {background-color: #fff;}
.search-wrapper .input-holder .search-icon span::after {border: 2px solid #fff;}
.hamburger-inner::before{background-color: #fff;}
.hamburger-inner::after {background-color: #fff;}
.search-wrapper .input-holder .search-icon span::before {background-color: #fff;}
.search-wrapper .close::before, .search-wrapper .close::after {background-color: #fff;}
.search-wrapper.active .input-holder {border: 1px solid #9f5656; background: rgba(0,0,0,.09);}
.search-wrapper.active .input-holder .search-input {opacity: 1; color: #fff;}
.hamburger.is-active .hamburger-inner {background-color: #fff;}
.hamburger.is-active .hamburger-inner::after { background-color: #fff;}
.btn-group>.btn:not(:last-child):not(.dropdown-toggle), .btn-group>.btn-group:not(:last-child)>.btn {color: #fff;}
.LogoutBox {position: relative;}
.LogoutBox li {border-bottom: 1px solid #eee;}
.LogoutBox li a { padding-left: 15px; color: #000; font-weight: 500; text-decoration: none; font-size: 14px;}
.LogoutBox li i {color: #7b221d;}
.app-header-right span {font-size: 15px;}
.app-header-right .btn-icon i{ width: 40px; height: 40px; border: 1px solid #7c7878; font-size: 20px; padding: 10px; border-radius: 100px; background: #501410;}
.app-main__inner h4 {font-weight: 600; font-size: 18px;}
.app-main__inner h4:after {content:''; display: block; background: #501410; width: 70px; height: 3px; margin: 7px 0px;}
.app-main__inner label {font-size: 14px; font-weight: 500;}
.app-header__logo .logo-src {font-size: 37px; color: #fff; font-weight: 600; font-family: 'Great Vibes', cursive;}
.pe-7s-up-arrow:before { content: "\f106" !important; font-family: 'FontAwesome'; color: #fff;}
.pe-7s-angle-down:before { content: "\f107" !important; font-family: 'FontAwesome'; color: #fff;}
.app-main__inner .form-control {height: 38px; border: 1px solid #9d9f9b;}
.app-main__inner .btn-outline-secondary { background: #f0f0f0;}

.select2-container .select2-selection--single {height: 30px !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {margin-top: 4px;}
.select2-container .select2-selection--single .select2-selection__rendered {margin-top: 4px;}

.Ghot_img { width: 70px; height: 70px; margin: auto;  margin-bottom: 15px;}
.modal-header {padding: 5px 15px;}
.next_bg {margin: auto; display: table; margin-bottom: 10px;}
.next_bg a{margin-right: 5px;}
.select2-container {width: 100% !important;}
.app-main {display: block !important;}

/*==========================New==============================*/
.icon_1 i {position: absolute; font-size: 18px; top: 10px; left: 10px;  color: #a12819; z-index:99;}
.icon_2 i {position: absolute; font-size: 18px; top: 10px; right: 26px;  color: #a12819; z-index:99;}
.icon_3 i {position: absolute; font-size: 18px; bottom: 10px; left: 10px;  color: #a12819; z-index:99;}
.icon_4 i {position: absolute;  font-size: 18px; bottom: 24px; right: 21px;  color: #a12819; z-index: 99;}


.place {color: transparent; display: inline-block; margin: 3px; width: 16%; background: #fff; text-align: center; border: 1px solid #d75497; position: relative; font-weight: bold; border-radius: 10px;}
.place span { position: absolute; top: 38px; left: 0; right: 0;}

.place.active { /*background: #500602; color: #fff;  animation: .90s ease-in-out reverse button-marked;*/
    position: relative;
    z-index: 200;
}
@keyframes button-marked {
  to {
    transform: scale(0.7);
  }
}

a:focus {color: transparent;}
.place-right .place { width: 23%;}	
.place-right .place span { position: absolute; top: 13px; left: 0; right: 0;}
.place-right .place.active { animation: .50s ease-in-out reverse button-marked; position: relative; z-index: 200}
.place-right .card__heading h2.clipped-text {font-size: 2em; }

.icon_bg i{border: none;  width: 0px; height: 0px;   padding-top: 0px;  padding-left: 0px; background: none; }
.place-right .icon_1 i {position: absolute; font-size: 15px; top: 5px; left: 5px;  color: #a12819; z-index:99;}
.place-right .icon_2 i {position: absolute; font-size: 15px; top: 5px; right: 20px;  color: #a12819; z-index:99;}
.place-right .icon_3 i {position: absolute; font-size: 15px; bottom: 21px; left: 5px;  color: #a12819; z-index:99;}
.place-right .icon_4 i {position: absolute; font-size: 15px; bottom: 21px; right: 15px;  color: #a12819; z-index:99;}
.copyright p a {color: #fff; cursor: pointer;}
.copyright p a:hover {color: #fff;}
.copyright p {margin-bottom: 0px;}

@keyframes button-marked {
    to {
    transform: scale(1.6);
  }
}

.copyright {
    background: linear-gradient(90deg, rgba(237, 43, 38, 1) 30%, rgba(237, 43, 38, 1) 0%, rgba(239, 62, 141, 1) 100%, rgba(255, 223, 12, 1) 100%);
    -webkit-box-shadow: 0px 1px 5px -2px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 1px 5px -2px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 1px 5px -2px rgba(0, 0, 0, 0.75);
    -webkit-filter: drop-shadow(2px 2px 2px #222);
    filter: drop-shadow(2px 2px 2px #222);
}
[class$=-clipped-text] { -webkit-background-clip: text; color: transparent;}
.image-clipped-text {
    background-position: center center;
    background-size: cover;
    background-image: url(/assets/img/sakura_berlin.jpg);
}
.card__heading h2.clipped-text {font-size: 8rem;  text-transform: uppercase; font-family: impact; word-break: break-all; text-align: center; }

/*===========Check box====================*/
.winner_check input {display: none;}
.winner_check label div {width: 23px; height: 23px; display: inline-block;  border: 2px solid #eb4182;  text-align: center; line-height: 20px; margin-right: 6px; border-radius: 3px; cursor: pointer;}
.winner_check label i {font-size: 16px; opacity: 0;}
.winner_check label:hover div {background: #e8392b;}
.winner_check input:checked + label i {opacity: 1;color: #fff;}
.winner_check input:checked + label div {background: #e8392b;}

.winner_input .form-control {color: #fff; text-align: center; border-radius: 100px; font-size: 16px;
    background: linear-gradient(90deg, rgba(237, 43, 38, 1) 30%, rgba(237, 43, 38, 1) 0%, rgba(239, 62, 141, 1) 100%, rgba(255, 223, 12, 1) 100%);
}
.place_ov .place-right .place {width: 10%;}
a:hover { text-decoration: none;}
.place_right .place {width: 100%; background: #fdcbcb; padding: 50px 0px; border: none; }
.place_right .card__heading h2.clipped-text { font-size: 23rem; }
.card__heading {
    -webkit-animation: zoomin 10s ease-in infinite;
    animation: zoomin 10s ease-in infinite;
    transition: all .5s ease-in-out;
}

@-webkit-keyframes zoomin {
    0% {transform: scale(1);}
  50% {transform: scale(1.5);}
  100% {transform: scale(1);}
}
@keyframes zoomin {
  0% {transform: scale(1);}
  50% {transform: scale(1.5);}
  100% {transform: scale(1);}
}
@-webkit-keyframes zoomout {
  0% {transform: scale(1);}
  50% {transform: scale(0.67);}
  100% {transform: scale(1);}
}
@keyframes zoomout {
    0% {transform: scale(1);}
  50% {transform: scale(0.67);}
  100% {transform: scale(1);}
}

.data_complaint.table-bordered > tbody > tr > td {border: 1px solid #d33573;}
.data_complaint.table-bordered > tbody > tr > th{border: 1px solid #d33573;}
.bottom_bg a {font-size: 2rem; text-transform: capitalize;}
.dashboard___2____320 .place {width: 6.9%;}
.dashboard___2____320 .card__heading h2.clipped-text {font-size: 2.5rem; letter-spacing: 0.06em;}
/*.tooltips {
    position: absolute;
    z-index: 999;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #7b221d;
    -webkit-filter: drop-shadow(2px 2px 4px #222);
    filter: drop-shadow(2px 2px 4px #222); margin-top: 10px;
}
.tooltips1 {
    position: absolute;
    z-index: 999;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #7b221d;
    -webkit-filter: drop-shadow(2px 2px 4px #222);
    filter: drop-shadow(2px 2px 4px #222);
    margin-top: 10px;
}
.tooltips2 {
    position: absolute;
    z-index: 999;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #7b221d;
    -webkit-filter: drop-shadow(2px 2px 4px #222);
    filter: drop-shadow(2px 2px 4px #222);
    margin-top: 10px;
}*/
.termsopen2 {position: static; display: inline-block; cursor: pointer; padding-left: 5px;}
.termsopen2 .tooltips2 {visibility: hidden; background: #fff; color: #000; text-align: left; border-radius: 5px; border: 1px solid #7b221d; padding: 10px; position: absolute; z-index: 1; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);  -webkit-filter: drop-shadow(2px 2px 4px #222); filter: drop-shadow(2px 2px 4px #222);  margin-top: 10px;}
.termsopen2:hover .tooltips2 {visibility: visible;}
.tooltips2 li {list-style: none;}

.fade-scale { transform: scale(0); opacity: 0; transition: all .25s linear;}
.fade-scale.in {opacity: 1; transform: scale(1);}
.fade-scale .modal-dialog {position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%) !important;}
.fade-rotate {transform: rotate(380deg); opacity: 0; transition: all .25s linear;}
.fade-rotate.in {opacity: 1; transform: rotate(0deg);}
.fade-rotate .modal-dialog {position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%) !important;}
.fade-flip {transform: rotateX(-90deg); opacity: 0; transition: all .25s linear;}
.fade-flip.in {opacity: 1; transform: rotateX(0deg);}
.fade-flip .modal-dialog {position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%) !important;}



.game_start_202 .modal {background-color: rgba(0, 0, 0, 0.7);}
.game_start_202 .modal-dialog {width: 90%;}
.game_start_202 .card-title {font-size: 4em;}
.game_start_202 button.close { margin-top: 20px; -webkit-appearance: none; cursor: pointer; border: 0; font-size: 5rem; background: #c1284a;  opacity: 9; color: #fff; border-radius: 100px; width: 50px;}
.game_start_202 .song-title {font-size: 28px; font-weight: 600; padding-bottom: 20px; padding-top: 10px; }
.dashboard___2____320 .place_active { background: #52f9d1;}
.place_right .table-bordered > tbody > tr > td {border: 1px solid #ddd; vertical-align: middle; padding: 4px;  white-space: nowrap;}

.winner-2 i {text-align: center;  display: block;  background: #231557; color: #ffc427;  border-radius: 5px; padding: 7px 0; font-size: 22px; width: 40px;  margin: auto;}
.winner-right .modal {background-color: rgba(0, 0, 0, 0.7);}
.winner-right button.close {margin-top: 5px; -webkit-appearance: none; cursor: pointer; border: 0; font-size: 3rem; background: #0029ff;  opacity: 9; color: #fff; border-radius: 100px; width: 30px;}
.winner-right h4{font-size: 21px; font-weight: 600; color: #fff;}
.winner-right .modal-dialog {width: 65%;}
.winner-right .modal-header { background: linear-gradient(90deg, rgba(237, 43, 38, 1) 30%, rgba(237, 43, 38, 1) 0%, rgba(239, 62, 141, 1) 100%, rgba(255, 223, 12, 1) 100%);}
.winner-right .modal-body {padding: 0 15px 15px 15px;}

.tooltip-modal .modal {background-color: rgba(0, 0, 0, 0.7);}
.tooltip-modal button.close {margin-top: 5px; -webkit-appearance: none; cursor: pointer; border: 0; font-size: 3rem; background: #0029ff;  opacity: 9; color: #fff; border-radius: 100px; width: 30px;}
.tooltip-modal .modal-header { background: linear-gradient(90deg, rgba(237, 43, 38, 1) 30%, rgba(237, 43, 38, 1) 0%, rgba(239, 62, 141, 1) 100%, rgba(255, 223, 12, 1) 100%);}
.tooltip-modal .modal-body {padding: 0 15px 15px 15px;}
.tooltip-modal h4{font-size: 21px; font-weight: 600; color: #fff;}
.table_right_3 {height: 200px; overflow: hidden; overflow-y: scroll; margin-bottom: 21px;}

.navbar-nav5 li {padding: 0px 20px; padding-top: 11px;}
.navbar-nav5 li b {padding-right: 3px; font-size: 18px;}
.navbar-nav5 li span{font-size: 15px;  color: #fff;}
.song-12 .form-control { border: 1px solid #ccc; border-radius: 5px;  margin: 0;}

.card-title55 {  padding: 0px 0 0px 0; font-size: 8em; margin: 0px;font-weight: 500; color: #df2c6d; font-family: "Playfair Display", serif;  font-weight: 600; text-transform: uppercase;}
.GAME-CONFIGURATION5 {height: 255px; overflow-y: scroll; position: relative;  overflow-x: scroll;}
.red{color: #dc3545;}
.header_bg222 {position: absolute; top: 0px; width: 100%;}
.copyright2 {position: absolute; bottom: 0px; width: 100%;}
.play-button {float: right; margin-top: 5px; margin-right: 10px;}
.play-button i {background: #640409;
    color: #fff;
    padding: 5px 7px;
    border-radius: 5px;
    font-size: 14px;}
.place h2 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.table_right_34 td span {font-weight: 600; font-size: 18px; }
.place_right .btn_game_category_modal_popup { float: right; padding: 6px 15px; border-radius: 5px;  padding-bottom: 0;}
.place_right .btn_game_category_modal_popup i {font-size: 22px;}
.Welcome_bg26 .modal-dialog {width: 90%;}
.Welcome_bg26 .modal-body .table_right_3 {height: auto;}





@media only screen and (min-width: 6501px) and (max-width: 11000px) {
    .dashboard___2____320 .place { width: 9%; }
    .dashboard___2____320 .card__heading h2.clipped-text {font-size: 14rem !important; padding: 100px 0px; }
    .place_right .bottom_bg a { font-size: 11rem; padding: 80px 30px;}
    .card-title55 {font-size: 31em;}
    .place_right .right_winner_form .form-control {height: auto; padding: 30px 12px; font-size: 6rem; margin-top: 30px;font-weight:600;}
    .place_right .right_winner_form label {font-size: 9rem;}
    .place_right .card__heading h2.clipped-text {font-size: 100rem;}
    .game_start_202 .place_right .place {padding: 4% 0px; }
    .place_right .table-bordered > tbody > tr > td { padding: 10px; font-size: 5rem;}
    .table_right_3 {height: 500px;}
    .winner-2 i {width: auto; padding: 27px 0; font-size: 8rem;}
    .winner-right h4 {font-size: 8rem; font-weight: 600; color: #fff; padding: 25px 0; }
    .play-button i {padding: 22px 54px; font-size: 10rem;}
    .winner-right button.close {font-size: 14rem; width: 140px; }
    .tooltip-modal .modal-dialog {width: 30%;}
    .tooltip-modal h4 {font-size: 8rem; padding: 10px;}
    .tooltip-modal button.close {font-size: 12rem; width: 121px;}
    .tooltips2 li {list-style: none; font-size: 5.5rem; line-height: 80px; padding: 3px 20px;}
    .Welcome_bg2 label {font-size: 6rem; padding-top: 40px;}
    .Welcome_bg2 .form-control { height: auto; padding: 30px 12px; font-size: 5rem;}
    .Welcome_bg2 .btn-orange {font-size: 7rem; text-transform: capitalize; padding: 67px 30px;}
    .gamewinner  table.dataTable thead th, table.dataTable tfoot th {font-weight: bold; font-size: 6rem;}
    .gamewinner .datatable-table > tbody > tr > td {font-size: 5rem;}
    .gamewinner .dataTables_wrapper .dataTables_info {font-size: 5rem; padding-bottom: 20px;}
    .dataTables_wrapper .dataTables_paginate .paginate_button { font-size: 5rem;}
    .header_bg222 .navbar-nav5 li span {font-size: 6rem;}
    .header_bg222 .navbar-nav5 li b {font-size: 6rem;}
    .header_bg222 .sticky_header {padding: 39px 0px;}

}

@media only screen and (min-width: 5001px) and (max-width: 6500px) {
    .dashboard___2____320 .place {width: 9%;}
    .dashboard___2____320 .card__heading h2.clipped-text {font-size: 9rem !important;  padding: 60px 0px; }
    .place_right .bottom_bg a {font-size: 9rem; padding: 60px 30px;}
    .card-title55 {font-size: 25em; }
    .place_right .right_winner_form .form-control { height: auto; padding: 30px 12px; font-size: 5rem;  margin-top: 30px; font-weight: 600;}
    .place_right .right_winner_form label {font-size: 7rem;}
    .place_right .card__heading h2.clipped-text {font-size: 100rem;}
    .game_start_202 .place_right .place {padding: 4% 0px;}
    .place_right .table-bordered > tbody > tr > td {padding: 10px; font-size: 4rem;}
    .table_right_3 { height: 500px;}
    .winner-2 i {width: auto; padding: 27px 0;font-size: 6rem;}
    .winner-right h4 {font-size: 6rem; font-weight: 600; color: #fff; padding: 11px 0;}
    .play-button i {padding: 19px 54px; font-size: 7rem;}
    .winner-right button.close {font-size: 11rem; width: 114px;}
    .tooltip-modal .modal-dialog { width: 30%;}
    .tooltip-modal h4 {font-size: 6rem; padding: 10px;}
    .tooltip-modal button.close {font-size: 9rem; width: 92px;}
    .tooltips2 li {font-size: 4.5rem; line-height: 70px; padding: 3px 20px;}
    .Welcome_bg2 label {font-size: 4.5rem; padding-top: 40px;}
    .Welcome_bg2 .form-control {height: auto; padding: 30px 12px; font-size: 4.2rem;}
    .Welcome_bg2 .btn-orange {font-size: 6rem; text-transform: capitalize; padding: 57px 30px;}
    .gamewinner  table.dataTable thead th, table.dataTable tfoot th {font-weight: bold;font-size: 5rem;}
    .gamewinner .datatable-table > tbody > tr > td {font-size: 5rem;}
    .gamewinner .dataTables_wrapper .dataTables_info {font-size: 4rem; padding-bottom: 20px;}
    .dataTables_wrapper .dataTables_paginate .paginate_button {font-size: 4rem;}
    .header_bg222 .navbar-nav5 li span {font-size: 5rem;}
    .header_bg222 .navbar-nav5 li b {font-size: 5rem;}
    .header_bg222 .sticky_header {padding: 25px 0px;}

}


@media only screen and (min-width: 3501px) and (max-width: 5000px) {
    .dashboard___2____320 .place { width: 9%;}
    .dashboard___2____320 .card__heading h2.clipped-text {font-size: 9rem !important; padding: 25px 0px;}
    .place_right .bottom_bg a {font-size: 6rem; padding: 40px 30px;}
    .card-title55 {font-size: 20em;}
    .place_right .right_winner_form .form-control {height: auto; padding: 15px 12px; font-size: 3rem; margin-top: 30px; font-weight: 600;}
    .place_right .right_winner_form label {font-size: 4rem;}
    .place_right .card__heading h2.clipped-text {font-size: 50rem;}
    .game_start_202 .place_right .place {padding: 4% 0px; }
    .place_right .table-bordered > tbody > tr > td {padding: 10px; font-size: 3rem;}
    .table_right_3 {height: 300px;}
    .winner-2 i { width: auto;  padding: 19px 0; font-size: 3rem;}
    .winner-right h4 {font-size: 4rem; font-weight: 600; color: #fff;  padding: 10px 0;}
    .play-button i {padding: 19px 54px; font-size: 4rem;}
    .winner-right button.close {font-size: 8rem; width: 81px;}
    .tooltip-modal .modal-dialog {width: 30%;}
    .tooltip-modal h4 {font-size: 4rem; padding: 5px;}
    .tooltip-modal button.close {font-size: 7rem; width: 68px;}
    .tooltips2 li {list-style: none;font-size : 3rem; line-height: 45px; padding: 0px 3px; }
    .Welcome_bg2 label {font-size: 3rem; padding-top: 20px;}
    .Welcome_bg2 .form-control {height: auto; padding: 30px 12px; font-size: 3rem;}
    .Welcome_bg2 .btn-orange {font-size: 4rem; text-transform: capitalize; padding: 32px 30px;}
    .gamewinner  table.dataTable thead th, table.dataTable tfoot th {font-weight: bold; font-size: 3rem;}
    .gamewinner .datatable-table > tbody > tr > td {font-size: 3rem;}
    .gamewinner .dataTables_wrapper .dataTables_info {font-size: 3rem; padding-bottom: 20px;}
    .dataTables_wrapper .dataTables_paginate .paginate_button {font-size: 3rem;}
    .header_bg222 .navbar-nav5 li span {font-size: 3rem; }
    .header_bg222 .navbar-nav5 li b {font-size: 3.5rem;}
    .header_bg222 .sticky_header {padding: 7px 0px;}

}

@media only screen and (min-width: 2500px) and (max-width: 3500px) {
    .dashboard___2____320 .place {width: 9%; }
    .dashboard___2____320 .card__heading h2.clipped-text { font-size: 5rem !important; padding: 15px 0px;}
    .place_right .bottom_bg a {font-size: 3.5rem; padding: 25px 30px; }
    .card-title55 {font-size: 13em;}
    .place_right .right_winner_form .form-control { height: auto;  padding: 15px 12px;  font-size: 2.5rem; margin-top: 15px;font-weight: 600;}
    .place_right .right_winner_form label {font-size: 3rem;}
    .place_right .card__heading h2.clipped-text {font-size: 35rem;}
    .game_start_202 .place_right .place {padding: 4% 0px;}
    .place_right .table-bordered > tbody > tr > td {padding: 10px; font-size: 2.2rem;}
    .table_right_3 {height: 250px;}
    .winner-2 i {width: auto; padding: 8px 0; font-size: 3rem;}
    .winner-right h4 {font-size: 3rem; font-weight: 600; color: #fff; padding: 5px 0; }
    .play-button i {padding: 13px 26px; font-size: 3rem;}
    .winner-right button.close {font-size: 5rem; width: 51px;}
    .tooltip-modal .modal-dialog {width: 30%;}
    .tooltip-modal h4 {font-size: 3rem; padding: 0px;}
    .tooltip-modal button.close {font-size: 4rem; width: 42px;}
    .tooltips2 li {list-style: none; font-size: 2rem; line-height: 31px; padding: 0; }
    .Welcome_bg2 label {font-size: 2.2rem; padding-top: 20px;}
    .Welcome_bg2 .form-control { height: auto; padding: 17px 12px; font-size: 2.2rem;}
    .Welcome_bg2 .btn-orange {font-size: 3rem;text-transform: capitalize; padding: 21px 30px;}
    .gamewinner  table.dataTable thead th, table.dataTable tfoot th {font-weight: bold; font-size: 2.2rem;}
    .gamewinner .datatable-table > tbody > tr > td {font-size: 2.2rem;}
    .gamewinner .dataTables_wrapper .dataTables_info {font-size: 2.2rem; padding-bottom: 20px;}
    .dataTables_wrapper .dataTables_paginate .paginate_button {font-size: 2.2rem;}
    .header_bg222 .navbar-nav5 li span {font-size: 2rem;}
    .header_bg222 .navbar-nav5 li b {font-size: 2.2rem;}
    .header_bg222 .sticky_header { padding: 0px;}


}

@media only screen and (min-width: 2000px) and (max-width: 2499px) {
    .dashboard___2____320 .place { width: 9%;}
    .dashboard___2____320 .card__heading h2.clipped-text { font-size: 5rem !important;  padding: 10px 0px; }
    .place_right .bottom_bg a {font-size: 3.5rem; padding: 20px 30px;}
    .card-title55 {font-size: 10em;}
    .place_right .right_winner_form .form-control {height: auto;  padding: 15px 12px;  font-size: 2rem;  margin-top: 0; font-weight: 600;}
    .place_right .right_winner_form label { font-size: 2rem;}
    .place_right .card__heading h2.clipped-text {font-size: 30rem;}
    .game_start_202 .place_right .place {padding: 4% 0px;}
    .place_right .table-bordered > tbody > tr > td {padding: 10px; font-size: 1.8rem;}
    .table_right_3 {height: auto;}
    .winner-2 i {width: auto; padding: 5px 0; font-size: 2rem;}
    .winner-right h4 {font-size: 2rem; font-weight: 600; color: #fff; padding: 0 0;}
    .tooltip-modal .modal-dialog {width: 30%;}
    .tooltip-modal h4 {font-size: 2rem; padding: 0;}
    .tooltip-modal button.close {font-size: 3rem; width: 33px;}
    .tooltips2 li {font-size: 2rem; line-height: 30px; padding: 0;}
    .Welcome_bg2 label {font-size: 1.5rem; padding-top: 0;}
    .Welcome_bg2 .form-control {height: auto; padding: 9px 12px; font-size: 1.5rem; }
    .Welcome_bg2 .btn-orange {font-size: 2rem; text-transform: capitalize; padding: 9px 30px;}
    .gamewinner table.dataTable thead th, table.dataTable tfoot th {font-weight: bold; font-size: 1.7rem; }
    .gamewinner .datatable-table > tbody > tr > td {font-size: 1.7rem; }
    .gamewinner .dataTables_wrapper .dataTables_info {font-size: 1.7rem; padding-bottom: 20px;}
    .dataTables_wrapper .dataTables_paginate .paginate_button {font-size: 1.7rem;}
    .header_bg222 .navbar-nav5 li span {font-size: 1.8rem;}
    .header_bg222 .navbar-nav5 li b {font-size: 1.8rem;}
    .header_bg222 .sticky_header {padding: 0px;}



}

@media only screen and (min-width: 1200px) and (max-width: 1999px) {
    .dashboard___2____320 .place {width: 8.5%;}
}


    @media (min-width:768px) {
        .hvr-underline-from-center {display: inline-block;  vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; }
        .hvr-underline-from-center:before {content: ""; position: absolute; z-index: -1;  left: 50%; right: 50%; bottom: 0; background: linear-gradient(90deg, rgba(13, 88, 140, 1) 30%, rgba(13, 88, 140, 1) 0%, rgba(255, 219, 141, 1) 100%, rgba(6, 48, 98, 1) 100%);  height: 4px;   -webkit-transition-property: left, right;  transition-property: left, right;  -webkit-transition-duration: 0.3s; transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
        .hvr-underline-from-center:hover:before,
        .hvr-underline-from-center:focus:before,
        .hvr-underline-from-center:active:before {left: 0; right: 0; }
        .nav_outr .menu-btn {display: none;}
        .desktop-logo { display: block; }
        .sticky_header ul.navbar-nav {float: right;}
        .sticky_header ul.navbar-nav > li > a { height: 50px; line-height: 45px; }
        .sticky_header ul.navbar-nav > li.has-submenu .arrow-down::after { line-height: 48px; height: 80px; }
        .sticky_header .navbar-toggle {display: none; }
    }

    @media (min-width: 1367px) {
        .container-fluid {width: 1366px; margin: 0 auto;}
    }

    @media(max-width: 1300px) {
        .place { width: 15.8%; }
        .winner-right .modal-dialog {width: 95%;}
    }


    @media(max-width: 1199px) {
        .header_bg222 {position: relative;}
        .copyright2 {position: relative;}
        .stickthis {display: none;}
        .navbar-nav .btn-orange {padding: 7px 13px; font-size: 12px;}
        #sidebar.fixed {width: 100%; position: relative;}
        .sticky_header ul.navbar-nav li a {padding-left: 12px; padding-right: 12px;}
        .dashboard___2____320 .place {width: 8.5%; }
    }

    @media (max-width:992px) {
        .header_right .navbar-nav { width: 100% !important;}
        .newsglow5 {margin: auto; display: none !important; }
        .navbar-nav5 li span {font-size: 13px; color: #fff;}
        .navbar-nav5 li b {padding-right: 3px; font-size: 15px; }
        .navbar-nav5 li {padding: 0px 5px; padding-top: 11px; }
        .PASSWORD_bg img {width: 134px;display: block; margin: auto;}
        .newsglow6 {display: block; margin-top: 5px;}
        .popup-inner {position: absolute; top: 0; left: 5%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);  transform: translate(0%, 0%); z-index: 999999; overflow-y: scroll; }
        .popup {width: 100%; height: 100%; display: none;position: fixed; top: 0px; left: 0px;  background: rgba(0, 0, 0, 0.75); z-index: 9999; overflow-y: scroll;}
        .iframe-wrapper {position: relative; width: 92%;}
        .Ghot_img {width: 100px; height: 100px; margin: auto;  margin-bottom: 4%;}
        .app-header .app-header__content.header-mobile-open {top: 55px; }
        .btn-primary1 {background-color: #e14941 !important;  border-color: #7b221d; color: #fff; }
        .btn-primary1:hover {background-color: #c9170d !important; border-color: #7b221d; color: #fff; }
        .app-header .app-header__content { height: 53px; }
        .search-wrapper .input-holder .search-icon span::before {background-color: #7b221d;}
        .search-wrapper .input-holder .search-icon span::after {border: 2px solid #7b221d;}
        .search-wrapper.active .input-holder {width: 270px;}
        .app-header .app-header__content .app-header-right { display: none; }
        .place_ov .place-right .place {width: 23%;}
        .place_right .card__heading h2.clipped-text {font-size: 10rem; }
        
    }

    @media (max-width:767px) {
        .nav_outr {min-height: 0;}
        .game_start_202 .card-title {font-size: 2.3em;}
        .navbar-default .navbar-toggle i {font-size: 24px; padding-top: 4px; }
        .navbar-default .navbar-toggle:focus,
        .navbar-default .navbar-toggle:hover {background: #ee801b;}
        .top_bar {position: fixed; z-index: 11; width: 100%; background-color: #e6e39d !important; -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);  -moz-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); }
        .mobile-logo {display: block; }
        .menu-btn {position: absolute !important; left: -74px; border: none; top: 0px; padding: 2px 15px !important; line-height: 29px; border-radius: 7px !important;}
        .menu-btn.left {left: -47px;}
        .sticky_header {position: fixed;  z-index: 11; top: 0px;  bottom: 0; right: 0; border-left: solid 4px #772028; width: 260px; text-align: right; -webkit-transition: transform 0.3s ease-out; -moz-transition: transform 0.3s ease-out;  transition: transform 0.3s ease-out;  overflow: visible; background: #fff !important;}
        .sticky_header .navbar-collapse { position: fixed; padding-top: 0px; top: 0px; bottom: 0; right: 0; left: 0; display: block; border-top: none; overflow-y: auto !important;}
        .navbar-nav {margin: 0 -15px; }
        .menu-off {-webkit-transform: translateX(100%);  -moz-transform: translateX(100%); transform: translateX(100%); }
        .menu-on {-webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); }
        .sticky_header ul.navbar-nav > li.active > a:after { background-color: #b5549c;  width: 30px;  }
        .sticky_header ul.navbar-nav > li > a:after { content: ''; display: block;  width: 18px; height: 4px;  background-color: rgb(119 32 40); position: absolute; right: 25px; bottom: 5px; }
        .sticky_header ul.navbar-nav li a {padding: 15px 25px 15px 15px; border-right: none;}
        .sticky_header ul.navbar-nav > li.has-submenu:hover > ul {display: none;}
        .sticky_header ul.navbar-nav li.has-submenu a {padding-right: 40px;}
        .sticky_header ul.navbar-nav > li.has-submenu .arrow-down:after { padding: 0px 15px; cursor: pointer;  z-index: 111; content: "\f0d7"; right: 6px; top: 20px;}
        .sticky_header ul.navbar-nav > li.has-submenu .arrow-down.up:after {content: "\f068";}
        .sticky_header ul.navbar-nav li > ul { position: relative;  z-index: 1; width: 100%;list-style: none;  opacity: 1; display: none; }
        .sticky_header ul li > ul > li { margin-top: 0; }
        .sticky_header .btn-orange:before { border-radius: 3px;}
        .navbar-brand span { margin-top: 5px;}
        .nav_outr .navbar-brand,
        .top_bar .navbar-brand { padding: 0px 15px; line-height: 29px; }
        .sticky_header ul.navbar-nav li > ul > li > a { padding: 5px 1px;}
        .sticky_header .nav > li {position: relative;  display: block; background: linear-gradient(90deg, rgba(237, 43, 38, 1) 30%, rgba(237, 43, 38, 1) 0%, rgba(239, 62, 141, 1) 100%, rgba(255, 223, 12, 1) 100%);  margin: 6px 0px; }
        .icon_bg i {padding-left: 0px; padding-top: 5px;  text-align: center;}
        .nav_outr .navbar-brand > img,
        .top_bar .navbar-brand > img { max-height: 73px; float: left; position: absolute;  top: 17px;}
        .owl-demo .owl-buttons .owl-prev:before {top: 21%;}
        .owl-demo .owl-buttons .owl-next:before {top: 21%;}
        #sidebar.fixed { position: relative; top: 0; padding: 0px;  width: 92%; -webkit-filter: drop-shadow(2px 2px 4px #222); filter: drop-shadow(2px 2px 4px #222); background: #fff; bottom: 0; }
        .owl-buttons { display: none;}
        .header_Gaudan .nav_outr .navbar-brand > img,
        .top_bar .navbar-brand > img {max-height: 80px; float: left;  position: absolute;  top: 5px; }
        .header_Gaudan .top_bar {height: 94px; background: #fff !important; -webkit-box-shadow: 0px 1px 5px -2px rgb(0 0 0 / 75%); -moz-box-shadow: 0px 1px 5px -2px rgba(0, 0, 0, 0.75); box-shadow: 0px 1px 5px -2px rgb(0 0 0 / 75%); -webkit-filter: drop-shadow(2px 2px 2px #222); filter: drop-shadow(2px 2px 2px #222); }
        .header_Gaudan .navbar-brand2 img { max-width: 189px; margin: auto; display: table; margin-top: 5px; }
        .nav_outr .navbar-brand > img,
        .top_bar .navbar-brand > img {max-height: 76px !important; float: left; /* position: absolute; */ top: 0px !important; left: 11px; right: initial !important; }
        .nav-tabs > li > a {font-size: 15px !important;  padding: 10px 6px; width: 150px; }
        .nav-tabs { background: #fff; text-align: center;  display: flex;  overflow-x: scroll; overflow-y: hidden; }
        .nav-tabs {border-bottom: transparent !important; border-bottom: 1px solid #df2c6d !important; }
        .sticky_header ul.navbar-nav .dashboard_menu { display: block; }
        .sticky_header ul.navbar-nav li .sbmrgn11 { margin-top: 0px !important;  margin-bottom: 5px; width: 100%; margin-left: 0px !important; }
        .Our-story-area .story-img .shape-flower-img .flower-top {display: none;}
        .story-img img { width: 100%;}
        .story-caption img {display: none;}
        .story-caption h2 {margin-bottom: 0px;}
        .story-caption p {padding-bottom: 20px; }
        .carousel-wrap.mt30 { margin-top: 0px;}
        .footer .top-social-media {margin-bottom: 15px;}
        .parallax h2 {font-size: 35px;}
        .parallax .py40 {padding-top: 0px;}
        .login_bg { margin-top: 10px;}
        .mt100 {margin-top: 0px;}
        .min-vh-100 {display: block;}
        .min-vh-100.min-vh-1002 {padding-top: 0px;}
        .login-with h3:before {width: 13%;}
        .login-with h3:after {width: 13%;}
        .login-container .container {padding: 0px;}
        .PASSWORD_bg img {padding-top: 3%; }
        .dataTables_length {float: left;padding-left: 15px; }
        .wt100 {width: 100%; margin: 5px 0px;}
        .fw-semibold {padding-top: 100px;}
        .razorpay-container {margin-top: 105px !important;}
        .rotingtxt {font-size: 60px; margin-top: 30%;}
        .bt label {display: none;}
        .fl {float: none; }
        /*=========New============*/
        .place {width: 23%;}
        .place_ov { overflow: scroll;}
        .datatable-table > tbody > tr > td { white-space: nowrap !important;}
        .dashboard___2____320 .place {width: 8%;}
        .termsopen2 {position: relative; display: initial; cursor: pointer;}
        .termsopen2 .tooltips2 {bottom: 21px;}
        .navbar-nav .icon_bg i {padding-left: 0px;}
        .dashboard___2____320 .card__heading h2.clipped-text {font-size: 1.8rem; letter-spacing: 0.06em; }
    }

    @media (max-width: 450px) {
        .dashboard___2____320 .place { width: 30%; }
        .navbar-brand {height: 65px;}
        .copyright p {font-size: 12px; }
        .rotingtxt {font-size: 33px; margin-top: 50%;}
        .Ghot_img { width: 100px; height: 100px; margin: auto;  margin-bottom: 4%; }
        /*==========New=========*/
        .place { width: 47%; }
        .place-right .place {width: 23%;}
    }


    /*
month end year css */
    .intervalInput {display: inline-block; width: 100%; margin-bottom: 15px;}
    .monthpicker {display: inline-block; position: relative; font-size: 0.9em; vertical-align: middle; padding: 8px 15px; background-color: #fff; border: 1px solid #aaa; border-radius: 4px; width: 100%; color: black;height: 40px;}
    .monthpicker_selector *::selection {background: transparent; }
    .monthpicker_input {display: inline-block;  width: 100%; height: 100%; padding: 0 5px; border: none; outline: none; cursor: pointer; -moz-box-sizing: border-box; box-sizing: border-box; color: #212121; font-size: 1em;line-height: 1em;}
    .monthpicker_input.active {background-color: #d4d4d4; color: #000; }
    .monthpicker_selector {position: absolute; top: 100%; background-color: #fff; min-width: 250px;  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);  border-radius: 5px;    z-index: 100; color: #444;}
    .monthpicker_selector > table {color: #444; width: 100%;  text-align: center; border-spacing: 0; border-collapse: collapse;  font-family: "Century Gothic"; font-size: 0.9em; border-radius: 5px; }
    .monthpicker_selector > table tr:first-child td,
    .monthpicker_selector > table tr td {padding-top: 8px;  padding-bottom: 8px;}
    .monthpicker_selector > table tr:first-child > td:nth-child(1) {text-align: left;}
    .monthpicker_selector > table tr:first-child > td:nth-child(2) {position: relative; }
    .monthpicker_selector > table tr:first-child > td:nth-child(3) {text-align: right;}
    .monthpicker_selector > table tr:nth-child(2) td {width: 33%;}
    .yearSwitch {padding: 7px 10px; color: #000; font-weight: bold; cursor: pointer; font-size: 1.2rem;}
    .yearSwitch.off {visibility: hidden;}
    .yearValue {width: 100%; height: 100%; text-align: center; background: none;border: none; color: #444; outline: none; font-size: 16px; font-weight: 600;}
    /* months */
    .monthpicker_selector .month {background-color: #fff; cursor: pointer; color: #212121; font-size: 13px; font-weight: 600;}
    .monthpicker_selector .month:hover {background-color: #821f1b; color: #fff; }
    .month.selected {background: #007bff; color: #fff; font-weight: bold; font-size: 0.9rem;}
    .monthpicker_selector .month.off {color: #fff; background: red; opacity: 0.65;  cursor: not-allowed; }
    .monthpicker_selector .month.off:hover {background: red; opacity: 0.65;}
    .z-depth-0 {-webkit-box-shadow: none !important; box-shadow: none !important;}

    .z-depth-1 {
        -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    }

    .z-depth-2 {
        -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
        box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
    }

    .z-depth-3 {
        -webkit-box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
        box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
    }

    .z-depth-4 {
        -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
        box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
    }

    .z-depth-5,
    .modal {
        -webkit-box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
        box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
    }
    /*===================================*/
    @-webkit-keyframes spin {
        from {
            transform: translate(-50%, -50%) rotate(0);
        }

        to {
            transform: translate(-50%, -50%) rotate(360deg);
        }
    }

    @keyframes spin {
        from {
            transform: translate(-50%, -50%) rotate(0);
        }

        to {
            transform: translate(-50%, -50%) rotate(360deg);
        }
    }
    .rotating-border {--border-radius: 1rem; border-size: 0.5rem;  --border-bg: conic-gradient(red, yellow, lime, aqua, blue, magenta, red);  --padding: 1rem; position: relative; overflow: hidden; font-size: 2rem;  padding: calc(var(--padding) + var(--border-size));border-radius: var(--border-radius); display: inline-block;}
    .rotating-border::before { content: '';  display: block;  background: var(--border-bg); width: calc(100% * 1.41421356237); padding-bottom: calc(100% * 1.41421356237); position: absolute;  left: 50%;  top: 50%;  transform: translate(-50%, -50%); border-radius: 100%; z-index: -2;  -webkit-animation: spin 5s linear infinite; animation: spin 5s linear infinite;}
    .rotating-border::after { content: ''; position: absolute; top: var(--border-size); right: var(--border-size); bottom: var(--border-size); left: var(--border-size); background: #fdcbcb;  z-index: -1; border-radius: calc(var(--border-radius) - var(--border-size));  }
    .rotating-border--google { --border-radius: 0.5rem; --border-size: 0.45rem; --border-bg: conic-gradient( #ea4335 0.0turn, #ea4335 0.125turn, #4285f4 0.125turn, #4285f4 0.25turn, #fbbc05 0.25turn, #fbbc05 0.375turn, #34a853 0.375turn, #34a853 0.5turn, #ea4335 0.5turn, #ea4335 0.625turn, #4285f4 0.625turn, #4285f4 0.75turn, #fbbc05 0.75turn, #fbbc05 0.875turn, #34a853 0.875turn, #34a853 1.0turn );  --border-bg: conic-gradient( #ea4335 0.0turn 0.125turn, #4285f4 0.125turn 0.25turn, #fbbc05 0.25turn 0.375turn, #34a853 0.375turn 0.5turn, #ea4335 0.5turn 0.625turn, #4285f4 0.625turn 0.75turn, #fbbc05 0.75turn 0.875turn, #34a853 0.875turn 1.0turn ); text-transform: uppercase; letter-spacing: 0.1em;  line-height: 2; }
    .dashboard___2____320 .place.active { animation: rotate-gradient 1s infinite;  background-image: linear-gradient(0deg, red, yellow, green); }
    @keyframes rotate-gradient {
        0% {
            background-image: linear-gradient(0deg, red, yellow, green);
        }

        20% {
            background-image: linear-gradient(60deg, red, yellow, green);
        }

        40% {
            background-image: linear-gradient(120deg, red, yellow, green);
        }

        60% {
            background-image: linear-gradient(180deg, red, yellow, green);
        }

        80% {
            background-image: linear-gradient(240deg, red, yellow, green);
        }

        100% {
            background-image: linear-gradient(300deg, red, yellow, green);
        }
    }