html{overflow-x:hidden;scroll-behavior: smooth;}
body{background:#0e0e13;font-family:'Source Sans Pro',sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, span, p, a, li{font-family:'Source Sans Pro',sans-serif;}
h1, h2, h3, h4, h5, h6{ margin:0px; padding:0px}
body a{-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}
.cl{clear:both;}
input[type="text"]:focus:not([readonly]){border-bottom:0px solid #26a69a;box-shadow: 0 0px 0 0 #26a69a;}

/*menu*/
.first-nav{background-image: linear-gradient(#282833, #121217); border-radius:15px; margin-bottom:45px; padding:10px 0;overflow:hidden;}
.first-nav ul:first-child{list-style:none; margin-left:-10px}
.navflax{margin-bottom:25px}
.menuHamburger {cursor: pointer;transition:0.5s all}
.sidebarMenu {height: 100%;width: 100%;position: fixed;z-index: 999999;top: 0;left: 0;background:#0e0e13;overflow-x: hidden;transition:0.5s all;padding: 18px;}
.sidebarMenu a {padding: 8px 8px 8px 32px;text-decoration: none;color: #fff;display: block;transition:0.5s all}
.sidebarMenu a:hover {color: #f1f1f1;}
.sidebarMenu .close {position: absolute;right: 0px;font-size: 36px;color: #fff;cursor: pointer;transition:0.5s all}
.display-none {display: none;}
.nav-logo{float:left; width:50%;display:inline-block}
.close{float:right; width:50%;display:inline-block}
.close img{width:15px;float:right;margin: 10px 18px;}
.sidebar img{width:15px;margin-right: 5px;}

@media screen and (max-height: 450px){
.sidebarMenu {padding-top: 15px;}
.sidebarMenu a {font-size: 18px;}
}
#sidebar i.fa-angle-right{float: right;margin-right: 15px; margin-top:5px; color:#49495A}
#sidebar ul li{list-style:none !important}
#sidebar ul li.active > a {background: transparent;color: #fff;}
#sidebar ul li a {color: #fff;font-family:'Source Sans Pro',sans-serif;font-size:0.9em; font-weight:600}
#sidebar ul li a:hover {color: #de846d;}
img#logout{width:15px; margin-left:10px}

/*.dropdown-toggle::after{float: right;margin-right: 15px;margin-top: 10px;}*/
hr.line3{border-top: 1px solid #3a3a3a;margin-top: 0.5rem;margin-bottom:0.5rem;}

@media (min-width: 992px){
.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 0rem;
  padding-left: 0.5rem;
}
}

/*menu*/
.main{width:768px; margin:auto; padding:0; background:#0e0e13; height:100vh}
.top-gray{background:#21212A;padding:20px 25px 22px;}
.top-gray img#arrow{width:18px; margin-right:30px}
.top-gray img#security{width:20px; margin-right:15px}
.top-gray p{font-size:1.3em; color:#fff; font-weight:600; margin-bottom:0;}
.inner{padding:25px 10px 0}
.logo{}
.logo img{width:80px}
.welcome{margin-top:35px}
.welcome p{font-size:1.3em; color:#fff; font-weight:600; line-height:1.1}
.welcome span{color:#B2B6CB;font-size:0.8em}
.create{background:#282833; border-radius:15px; margin-top:25px; padding:20px;width:100%}
.create img#black-b-dot{width:30px; margin-right:10px}
.create p{font-size:1em; color:#fff; font-weight:600; margin-bottom:0;}
.create #gray-dot img{width:5px !important; margin-right:5px}
.create p#gray-dot{font-size:0.8em !important; color:#B2B6CB; font-weight:400; margin-bottom:0;line-height:2.1}
.create .col-5{padding-left:0px;}
.sign-in{background:#fff;border-radius:15px; margin-top:25px; padding:20px 20px 10px;width:100%}
.sign-in img#pink-b-dot{width:30px; margin-right:10px}
.sign-in p{font-size:1em; color:#282833; font-weight:600; margin-bottom:0;}
.sign-in #gray-dot img{width:5px !important; margin-right:5px}
.sign-in p#gray-dot{font-size:0.8em !important; color:#282833; font-weight:400; margin-bottom:0;line-height:2.1}
.sign-in .col-7, .sign-in .col-9{padding-left:0px;}
.mt20{margin-top:20px !important}
.sign-in .form-control{background:#b9b9bd;border-radius:10px; height:48px}
.submit{text-align:center;padding:12px 40px;line-height:1.6;font-weight:600;background:#fd9478;border:0px solid#fd9478;color:#000;font-size:0.9em; border-radius:10px;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all; margin-top:0px; width:100%}
.submit:hover{background:#fd9478;border:0px solid#fd9478;color:#000;}
.after-sign{margin-top:20px; padding-left:0; width:100%}
.after-sign img#explation{width:20px !important;}
.after-sign p{font-size:0.8em; color:#B2B6CB; font-weight:400; margin-bottom:0;}
.after-sign .col-10{padding-left:0px;}
.bottom{margin-top:180px; padding-right:0}
.bottom img{width:15px; margin-right:5px}
.bottom ul{list-style:none; text-align:center; margin-left:-50px}
.bottom li{display:inline-block; font-size:0.8em;color:#B2B6CB; margin-right:10px}
.bottom li a{color:#B2B6CB; text-decoration:none}
.copy{margin-top:25px}
.copy img{width:15px; margin-right:5px}
.copy p{font-size:0.8em; color:#49495A; font-weight:400; margin-bottom:0; text-align:center}

/* otp */
.top-gray-blank{background:transparent !important;}
.top-gray-blank p{font-size:1.1em !important}
.top-gray-blank img#arrow{width:18px; margin-right:30px}
.otp{padding: 0 10px; display:flex}
.otp .col-2{padding-left:5px; padding-right:5px}

/* personal*/
.personal{}
#add-img{width:150px; height:50px; background:rgba(40,40,51,0.7);position:absolute;z-index:999;bottom:-10px}
#add-img a{text-decoration:none;color:#B2B6CB;line-height: 2.5;padding: 0;position: absolute;left: 0;right: 0;font-size: 0.8em;}
.add{text-align:center;padding:5px 15px;line-height:2.2;font-weight:400;background:#49495A;border:0px solid#49495A;color:#fff;font-size:0.8em; border-radius:50px;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all; margin-top:-15px; float:right}
.add:hover{background:#49495A;border:0px solid#49495A;color:#fff;}
.add img{width:18px}
.personal .col-12, .personal .col-6{padding-left:0;}
.personal p{font-size:1em; color:#fff; font-weight:600; line-height:0}
.photo-upload {height: auto;margin: 20px 0;position: relative;text-align: center;width: 100%;}
.input-file{height: 0.1px;opacity: 0;overflow: hidden;position: absolute;width: 0.1px;z-index: -1;}
.input-file:focus + label {border-color: #0070d3;}
.input-file + label {background:#49495A;border: 0px solid #bc0087;border-radius: 50%;color: #5b5b5b;display: inline-block;font-size: 12pt;font-weight: 500;height: 150px;line-height: 150px;text-align: center;width: 150px; overflow:hidden; position:relative}
.input-file + label:hover, .input-file + label:focus {border-color: #0070d3;cursor: pointer;}
.image-preview{border-radius: 50%;height: 150px;left: -4px;margin: 0 auto;pointer-events: none;position: absolute;right: 0;  top: 0;width: 150px;}
.image-preview__img {border: 2px solid #bc0087;border-radius: 50%;height: 150px;-o-object-fit: cover;object-fit: cover; -o-object-position: center; object-position: center;width: 150px;}
.personal .form-control{background:#282833;border-radius:8px; height:40px; border:0; padding:0 8px; margin-top:15px}
.form-control{color:#a2a1a1}
.personal div.radio-with-Icon {display: flex; width:100%}
.personal div.radio-with-Icon p.radioOption-Item {display: inline-block;width:73px;height: 40px;box-sizing: border-box;  margin: 0px;border: none;}
.personal div.radio-with-Icon p.radioOption-Item label {display: block;height: 100%;width: 100%;padding: 0px;border-radius:10px;border: 0px solid #de1831;color: #B2B6CB;cursor: pointer;opacity: .8;transition: none;font-size: 11px;padding-top: 14px;  text-align: center;margin: 0 !important; background:#282833; line-height:1}
.personal div.radio-with-Icon p.radioOption-Item label:hover, div.radio-with-Icon p.radioOption-Item label:focus, div.radio-with-Icon p.radioOption-Item label:active {opacity:1;background: #fff;color: #000;margin: 0 !important;}
.personal div.radio-with-Icon p.radioOption-Item label::after, div.radio-with-Icon p.radioOption-Item label:after, div.radio-with-Icon p.radioOption-Item label::before, div.radio-with-Icon p.radioOption-Item label:before {opacity: 0 !important;  width: 0 !important;height: 0 !important;margin: 0 !important;}
.personal div.radio-with-Icon p.radioOption-Item label i.fa {display: block;font-size: 50px;}
.personal div.radio-with-Icon p.radioOption-Item input[type="radio"] {opacity: 0 !important;width: 0 !important;height: 0 !important;}
.personal div.radio-with-Icon p.radioOption-Item input[type="radio"]:active ~ label {opacity: 1;}
.personal div.radio-with-Icon p.radioOption-Item input[type="radio"]:checked ~ label {opacity: 1;border: none;background:#fff;color: #000;}
.personal div.radio-with-Icon p.radioOption-Item input[type="radio"]:hover, div.radio-with-Icon p.radioOption-Item input[type="radio"]:focus, div.radio-with-Icon p.radioOption-Item input[type="radio"]:active {margin: 0 !important;}
.personal div.radio-with-Icon p.radioOption-Item input[type="radio"] + label:before, div.radio-with-Icon p.radioOption-Item input[type="radio"] + label:after {margin: 0 !important;}
.personal .col-3{padding-left:0px;}
p#sex{color: #B2B6CB;font-size: 0.8em;padding-left:0px;line-height:4;font-weight:400}
.radioOption-Item img#male{width:15px; margin-right:3px}
.radioOption-Item img#female{width:13px; margin-right:3px}
.radioOption-Item img#other{width:13px; margin-right:3px}
.generate{background:url(../images/jersey.png) right 10px top 20px no-repeat; height:355px; padding-right:0; position:absolute;width:100%; margin-left:-15px}
.generate p{color: #B2B6CB;font-size: 0.8em;padding-left:0px;line-height:1.3; font-weight:400}
.gen-bt{text-align:center;padding:5px 10px;line-height:2.2;font-weight:400;background-image: linear-gradient(to bottom right, #FF5959, #FFBCAA);border:0px solid#fd9478;color:#000;font-size:0.8em; border-radius:5px;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all; margin-top:0px;}
.gen-bt:hover{background-image: linear-gradient(to bottom right, #FF5959, #FFBCAA);border:0px solid#fd9478;color:#000;}
.gen-group{display:flex}
.gen-group .col-4{margin-top:20px; padding-left:0;}

.gene-num{background:#23232d; border-radius:5px;padding:10px 5px}
.gene-num h2{color:#fff; font-size:4em; font-weight:500; text-align:center; line-height:1;font-family:'Roboto Condensed',sans-serif;}
/* h2 to tel  */
/* .gene-num{background:#23232d; border-radius:5px;padding:0px 10px}
.gene-num .ppp{color:#fff; font-size:4em; font-weight:500; text-align:center; line-height:1;font-family:'Roboto Condensed',sans-serif;}
.gene-num .tt{background:transparent; border:0; width:100%;color:#fff; font-size:4em !important; font-weight:500; line-height:1;font-family:'Roboto Condensed',sans-serif;border-bottom:0px solid #9e9e9e !important; margin: 0 !important;box-shadow: 0 0px 0 0 transparent !important;padding: 7px 0px !important;text-align: center !important}
input[type="tel"]:focus{box-shadow: 0 0px 0 0 transparent !important;}
input[type="tel"]:focus:not([readonly]){box-shadow: 0 0px 0 0 transparent !important;} */

.jersey-no{padding-top:100px}
.jersey-no h3{color:#fff; font-size:4.5em; font-weight:700; text-align:center; line-height:1;font-family:'Roboto Condensed',sans-serif;}
.jersey-no h4{color:#fff; font-size:2.5em; font-weight:500; text-align:center; line-height:1; text-transform:uppercase;font-family:'Roboto Condensed',sans-serif;}
.generate .col-5{padding-left:0;margin-left:-35px}
.generate .col-1{padding-left:0}
.generate img#explation2{width:10px !important; opacity:.5}
.taken{display:flex; margin-top:15px}
.taken p{color:#49495A; font-size:11px}
.generate h6{color:#fff; margin-top:50px; font-size:1em; font-weight:500}
.role{margin-top: 340px;}
.role div.radio-with-Icon {display: flex; width:100%}
.role div.radio-with-Icon p.radioOption-Item {display: inline-block;width:73px;height: 40px;box-sizing: border-box;  margin:22px 0px;border: none;}
.role div.radio-with-Icon p.radioOption-Item label {display: block;height: 100%;width: 100%;padding: 0px;border-radius:10px;border: 0px solid #de1831;color: #B2B6CB;cursor: pointer;opacity: .8;transition: none;font-size: 11px;padding-top: 14px;  text-align: center;margin: 0 !important; background:#282833;line-height:1}
.role div.radio-with-Icon p.radioOption-Item label:hover, div.radio-with-Icon p.radioOption-Item label:focus, div.radio-with-Icon p.radioOption-Item label:active {opacity:1;background: #fff;color: #000;margin: 0 !important;}
.role div.radio-with-Icon p.radioOption-Item label::after, div.radio-with-Icon p.radioOption-Item label:after, div.radio-with-Icon p.radioOption-Item label::before, div.radio-with-Icon p.radioOption-Item label:before {opacity: 0 !important;  width: 0 !important;height: 0 !important;margin: 0 !important;}
.role div.radio-with-Icon p.radioOption-Item label i.fa {display: block;font-size: 50px;}
.role div.radio-with-Icon p.radioOption-Item input[type="radio"] {opacity: 0 !important;width: 0 !important;height: 0 !important;}
.role div.radio-with-Icon p.radioOption-Item input[type="radio"]:active ~ label {opacity: 1;}
.role div.radio-with-Icon p.radioOption-Item input[type="radio"]:checked ~ label {opacity: 1;border: none;background:#fff;color: #000; line-height:0}
.role div.radio-with-Icon p.radioOption-Item input.ra[type="radio"]:checked ~ label {opacity: 1;border: none;background:#fff;color: #000; line-height:1}
.role div.radio-with-Icon p.radioOption-Item input[type="radio"]:hover, div.radio-with-Icon p.radioOption-Item input[type="radio"]:focus, div.radio-with-Icon p.radioOption-Item input[type="radio"]:active {margin: 0 !important;}
.role div.radio-with-Icon p.radioOption-Item input[type="radio"] + label:before, div.radio-with-Icon p.radioOption-Item input[type="radio"] + label:after {margin: 0 !important;}
p#rol {color: #B2B6CB;font-size: 0.8em;line-height: 7;font-weight: 400;margin-left:-15px}
.radioOption-Item img#bat{width:15px; margin-right:3px}
.radioOption-Item img#ball{width:15px; margin-right:3px}

.checkme{background:#282833;padding:12px 10px 3px; border-radius:10px; color:#B2B6CB; font-size:11px}
.whiteBackground{background-color:#fff; color:#000}
.checkme img, .checkme10 img{width: 15px;margin-left: 10px;}
.checkme [type="checkbox"] + label, .checkme10 [type="checkbox"] + label {position: relative;padding-left: 23px;cursor: pointer;display: inline-block;height: 25px;  line-height: 19px;font-size: 11px;}
.checkme [type="checkbox"].filled-in:checked + label::after, .checkme10 [type="checkbox"].filled-in:checked + label::after {top: 0px;width: 20px;height: 20px;border: 2px solid #FF5959;background: #FF5959;z-index: 0;}

.role .col-6{padding-right:0;margin-top: -10px;}
.role .col-9{padding-right:0; margin-top:20px}
.role .form-control{background:#282833;border-radius:8px; height:40px; border:0}
.player{}
.player h6{color: #fff;margin-top: 40px;font-size: 1em;font-weight: 500;}
.player .form-control{background:#282833;border-radius:8px; height:40px; border:0; padding: 0 8px}
.player .form-group{padding-top:18px}
.mt-50{margin-top:-50px}
.description{}
.description h6{color: #fff;margin-top: 20px;font-size: 1em;font-weight: 500;}
.description .form-control{background:#282833;border-radius:8px; height:40px; border:0; padding: 0 8px}
.description .col-12{padding-left:0; margin-top:15px}
.bottom-bt{background:#282833;padding:12px !important; border-radius:10px}
.save-bt{text-align:center;padding:10px;line-height:1.1;font-weight:400;background:#49495A;border:1px solid#fff;color:#fff;font-size:0.8em; border-radius:8px;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all; width:115px}
.save-bt:hover{background:#49495A;border:1px solid#fff;color:#fff;}
.register-bt{text-align:center;padding:10px;line-height:1.2;font-weight:400;background-image: linear-gradient(to bottom right, #FF5959, #FFBCAA);border:0px solid#fd9478;color:#000;font-size:0.8em; border-radius:5px;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all; float:right}
.register-bt:hover{background-image: linear-gradient(to bottom right, #FF5959, #FFBCAA);border:0px solid#fd9478;color:#000;}

/*dashboard*/
:root {
--bluish-grey: #282833;
--white: #ffffff; 
--light-grey :#B2B6CB;
--Coral_TUG_Primary:#FD9478;
--brand-border-radius :8px;
--dark-grey: #49495A;
--TUG-off-white-1 :#F3F3F3
}

.btn-with-icon {background: var(--dark-grey);border-radius: 24px;height: 28px;padding: 6px 12px;display: flex;justify-content: space-between;align-items: center;font-weight: 700;font-size: 10px;line-height: 12px;color: #F7F7F7;border: none;}
.btn-secondary {background: linear-gradient(135deg, #FF5959 0.21%, #FFBCAA 100.21%);border-radius: 4px;padding: 8px 16px;border: none;outline: none;color: var(--bluish-grey);}

/*utility classess*/
.mt-12 {margin-top: 12px;}
.mt-24 {margin-top: 24px;}
.mb-0 {margin-bottom: 0;}
.mb-16 {margin-bottom: 16px;}
.pt-24 {padding-top: 24px;}
.d-flex-center {display: flex;justify-content: center;align-items: center;}
.min-height-auto {min-height: auto!important;}
.pad-20 {padding: 20px;}
header {background: #21212A;box-shadow: 0px 4px 4px rgba(19, 19, 25, 0.81);padding: 18px 20px;border-radius: 10px 10px 0 0;}
.back-arrow {cursor: pointer;}
.app-inner {padding: 0 20px;min-height: 680px;}
.dashboard-header .inner-wrapper {justify-content: space-between;align-items: center;}
.dashboard-title h1 {font-weight: 700;font-size: 20px;line-height: 24px;color: var(--white);}
.location-bx {font-weight: 400;font-size: 12px;line-height: 14px;color: var(--light-grey);}
.location-bx span {margin-left: 10px;}
.db-menu {transition: all 0.6s ease;flex-direction: row;overflow-x: auto;flex-wrap: nowrap;justify-content: flex-start;align-items: flex-start;display: flex;gap: 0 10px;}
.db-menu-item {text-align: center;max-width: 55px;flex: none;width: 55px;}
.db-menu-icon {background: linear-gradient(167.03deg, #282833 2.56%, #121217 97.88%);width: 51px;height: 51px;border-radius: 50px;}
.db-menu-item h5 {font-weight: 700;font-size: 12px;line-height: 14px;color: var(--TUG-off-white-1);margin: 12px 0 0 0;}

/*custom scrollbar*/
.db-menu::-webkit-scrollbar {height: 2px;}
.db-menu::-webkit-scrollbar-track {background: #ffffff;border: 1px solid #d9d9d9;border-radius: 5px;height: 2px;}
.db-menu::-webkit-scrollbar-thumb {background: #b9bbbc;border-radius: 5px;width: 2px;}
.db-menu::-webkit-scrollbar-thumb:hover {background: #b9bbbc;border-radius: 5px;width: 2px;}
.default-dots-carousel .owl-nav {position: absolute;top: -12%;display: flex;justify-content: space-between;right: 0px;width: 100px;}
.default-dots-carousel .owl-dots {position: relative;left: 0;bottom: 0;text-align: center;z-index: 999999;margin-top: 0px;width: max-content;display: flex;justify-content: flex-start;align-items: center;}
.default-dots-carousel .owl-dots .owl-dot {margin: 0px 5px;width: 5px;height: 5px;background: #3B3B4A;border-radius: 50%;display: inline-block;}
.default-dots-carousel .owl-dots .owl-dot.active {background-color: #E5E5E5;width: 5px;height: 5px;border-radius: 50%;}
.db-banner {background: #0E0E13;padding: 25px 20px 60px 20px;}
.section-player-info {background: linear-gradient(167.03deg, #282833 2.56%, #121217 97.88%);position: relative;}
.section-title-bx {position: relative;display: flex;justify-content: space-between;}
.section-title {font-weight: 700;font-size: 18px;line-height: 21px;color: var(--white);margin: 0;}
.section-user-info {margin-top: 24px;}
.section-user-info h4 {display: flex;justify-content: flex-start;align-items: center;}
.section-user-info h4 span {font-weight: 700;font-size: 14px;line-height: 17px;color: var(--white);margin-left: 8px;margin-right: 10px;}
.section-user-info h4 {font-weight: 400;font-size: 10px;line-height: 12px;color: var(--light-grey);margin: 0;}
.section-user-info h6 {font-weight: 400;font-size: 10px;line-height: 12px;color: var(--light-grey);margin: 10px 0 0 0;} 
.section-user-info h6 span {font-weight: 700;font-size: 12px;line-height: 14px;color: var(--Coral_TUG_Primary);margin-right: 10px;}
.section-user-info h3 {font-weight: 700;font-size: 12px;line-height: 14px;color: var(--white);margin: 0;margin-top: 20px;}
.section-user-info h2 {font-weight: 500;font-size: 12px;line-height: 14px;color: var(--white);margin: 0;margin-top: 4px;}
.section-user-footer {display: flex;justify-content: space-between;align-items: flex-end;}
.section-user-footer span {font-weight: 500;font-size: 12px;line-height: 14px;color: var(--white);}
.section-deal {padding: 24px 20px;}
.btn-chips {background: linear-gradient(167.03deg, #282833 2.56%, #121217 97.88%);border-radius: 24px;color: var(--white);font-weight: 700;font-size: 12px;border: none;outline: none;padding: 10px 16px;flex: none;}
.dash-pro{margin-top:10px; padding:0 15px}
.dash-pro .col-6{margin-bottom:30px}
.das-pro-box{background-image: linear-gradient(#282833, #121217); padding:15px 0 0; border-radius:10px}
.das-pro-box img{height:120px; margin:auto; display:block}
.das-pro-name{background:#282833;padding:10px; border-radius:0 0 10px 10px}
.das-pro-name h5{font-weight: 700;font-size: 0.9em;line-height: 21px;color: var(--white);margin: 0;}
.pro-accesssories{background:#49495A;padding:35px 0;border-radius:10px}
.pro-accesssories h4{font-weight: 700;font-size: 0.9em;line-height: 21px;color:#B2B6CB;margin: 0; text-align:center;}
.pt-30{padding-top:30px}
.shop-bt{text-align:center;padding:10px;line-height:1.2;font-weight:700;background-image: linear-gradient(to bottom right, #FF5959, #FFBCAA);border:0px solid#fd9478;color:#000;font-size:0.9em; border-radius:5px;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all; width:100%; margin-top:16px}
.shop-bt:hover{background-image: linear-gradient(to bottom right, #FF5959, #FFBCAA);border:0px solid#fd9478;color:#000;}
.db-banner2 .owl-dots{margin-top:8px}
.recommendations{margin-top:-15px; padding:0 15px}
.recommendations span{background: -webkit-linear-gradient(#FF5959, #FFBCAA);-webkit-background-clip: text;-webkit-text-fill-color: transparent; font-size:0.8em; font-weight:700; float:right}
.recommendations a{background: -webkit-linear-gradient(#FF5959, #FFBCAA);-webkit-background-clip: text;-webkit-text-fill-color: transparent; text-decoration:none; text-align:right}
.rebox{background:#fff; border-radius:10px; padding:20px 10px 15px 10px}
.rebox img{width:100px !important; margin:auto; display:block}
.rebox-text{background:#282833; padding:10px; border-radius:10px}
.rebox-text p{font-weight: 700;font-size: 0.8em;line-height: 21px;color:#fff;margin: 0;}
p#fidy{font-weight:400;color:#B2B6CB;font-size: 0.7em}
.rating img{width:12px !important;float: left;margin:7px 3px 0 0}
.rating h3{font-size:1.2em; text-align:right;line-height: 1.3;font-weight: 600;}
.rebox a{text-align:center !important; font-weight:700; color:#FF5959; float:none !important; text-decoration:none}
.db-banner3{padding-left:2px; padding-right:2px}
.db-banner3 .owl-dots{margin-top:8px}
.top-selling{margin-top:-15px; padding:0 15px}
.top-selling span{background: -webkit-linear-gradient(#FF5959, #FFBCAA);-webkit-background-clip: text;-webkit-text-fill-color: transparent; font-size:0.8em; font-weight:700; float:right}
.top-selling a{background: -webkit-linear-gradient(#FF5959, #FFBCAA);-webkit-background-clip: text;-webkit-text-fill-color: transparent; text-decoration:none; text-align:right}
.pt-20{padding-top:20px}
.recent-veiw{margin-top:50px; padding:0 15px}
.recent-veiw span{background: -webkit-linear-gradient(#FF5959, #FFBCAA);-webkit-background-clip: text;-webkit-text-fill-color: transparent; font-size:0.8em; font-weight:700; float:right}
.recent-veiw a{background: -webkit-linear-gradient(#FF5959, #FFBCAA);-webkit-background-clip: text;-webkit-text-fill-color: transparent; text-decoration:none; text-align:right}
.gotshop{margin-top:0px; padding:0 15px}
.gallery{margin-top:50px; padding:0 15px}
.gbox img{border-radius:10px 10px 0 0}
.g-text{background-image: linear-gradient(#282833, #121217); padding:15px; border-radius:0 0 10px 10px;}
.g-text h4{color:#fff; font-size:1.1em; font-weight:700; margin-bottom:15px}
.g-text p{font-weight:400;color:#B2B6CB;font-size: 0.7em}
.g-text span{font-weight:600; color:#FD9478; float:right}
.db-banner4{padding-left:2px; padding-right:2px}
.db-banner4 .owl-dots{margin-top:8px}
.tug-top{margin-top:-10px; padding:0 15px}
.sale{margin-top:50px; padding:0 15px 50px}
.ft-nav{margin-top:20px; padding:25px 15px; position:relative}
.dnav{background:#282833; padding:15px 10px 10px 10px; border-radius:10px; position:fixed;bottom: 20px;width: 92% !important; z-index:99999}
.dnav img{height:25px}
.dnav p{line-height:0;margin-bottom:0}
.dnav a{font-size:0.8em; color:#49495A; font-weight:700; text-decoration:none}
.dnav a:hover{color:#fff}
.grid {display: grid;width: 100%;margin: 0;border-radius: 0px;grid-gap:0px;}
.grid .column {margin:1px;border-radius:0px; text-align:center}
.grid.one {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}

/*registration*/
.fee{background-image: linear-gradient(#282833, #121217);padding: 15px 15px 2px 15px;border-radius: 10px; display:block}
.fee p{font-weight:400;color:#B2B6CB;font-size: 0.7em;margin-bottom:0; line-height:0; margin-top:8px}
.fee span{font-weight:400;color:#49495A;font-size: 0.6em;}
.fee h3{font-weight:700;color:#fff;font-size: 1em; margin-top:8px}
.taken2 img#explation2{width:10px !important; opacity:.5; margin-right:5px}
.packages{margin-top:30px}
.packages h3{font-weight:700;color:#fff;font-size: 1em;}
.price-box{background:#282833;border-radius:10px;padding:15px 15px 2px 15px; margin-top:15px; position:relative}
.price-box p{font-weight:600;font-size: 0.8em;margin-bottom:8px; line-height:0; margin-top:8px}
.price-box span{font-weight:400;color:#B2B6CB;font-size: 0.7em;}
.price-box .col-6:hover p, .price-box .col-6:hover span{text-decoration:none}
.price-box h4{font-weight:700;color:#fff;font-size: 1em;position: relative; float:right}
.price-color1{color:#C1E3E1;}
.price-color2{color:#9ACA99;}
.price-color3{color:#FF5959;}
.price-color4{color:#D8B98B;}
.offer-price{padding-top:40px}
.offer-price2{padding-top:25px}
.offer-price2 span{float:right;color:#49495A;text-decoration: line-through;}
.young{margin-top:30px; margin-bottom:150px}
.young h4{font-weight:700;color:#fff;font-size: 1em;}
.young-box{background:url(../images/jersey2.png) right -10px top -10px no-repeat, #282833; height:230px;border-radius:10px;padding:15px 0px 2px 15px; margin-top:15px}
.young-box .jersey-no2{margin-left:25%}
.young-box .jersey-no2 h3{color:#fff; font-size:4em; font-weight:700; text-align:center; line-height:0.5;font-family:'Roboto Condensed',sans-serif;margin-top:50px}
.young-box .jersey-no2 h5{color:#fff; font-size:2.2em; font-weight:600; text-align:center; line-height:1.6; text-transform:uppercase;font-family:'Roboto Condensed',sans-serif;}
.young-box img{width:60px; margin:5px}
.young-box .col-7, .young-box .col-4{padding-left:0}
.young-box .col-5{padding-right:0}
.young-box p{font-weight:600;font-size: 0.9em;margin-bottom:15px; line-height:1; margin-top:8px; color:#fff; margin-left:10px}
.young-box span{font-weight:400;color:#B2B6CB;font-size: 0.8em;margin-left:10px}
hr.youngline{border-top: 1px solid #3a3a3a}
.young-bat img{width:15px;}
.young-ball img{width:15px}
p.young-bat, p.young-ball{margin-left:-10px}
.add2{text-align:center;padding:5px 15px;line-height:2.2;font-weight:400;background:#49495A;border:0px solid#49495A;color:#fff;font-size:0.8em; border-radius:50px;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all; margin-top:15px; float:left}
.add2:hover{background:#49495A;border:0px solid#49495A;color:#fff;}
.add2 img{width:18px}
.recommended{background-image: linear-gradient(#D8B98B, #AF9768);padding: 5px 10px;border-radius:0 10px 0 10px; display:block; position:absolute; top:0; right:0}

/*Package Summary*/
.package{background-image: linear-gradient(#282833, #121217);padding: 15px 15px 2px 15px;border-radius: 10px; display:block}
.package p{font-weight:700;color:#D8B98B;font-size: 0.9em;margin-bottom:0; line-height:0; margin-top:8px}
.package span{font-weight:400;color:#49495A;font-size: 0.6em;}
.package h2{font-weight:400;color:#49495A;font-size: 0.7em;text-align:right; line-height:0; margin-top:5px;text-decoration: line-through;}
.package h3{font-weight:700;color:#fff;font-size: 1em; margin-top:8px;text-align:right}
.additional-benefits{margin-top:30px; background:url(../images/additional-benefits.png) top center no-repeat; background-size:contain;height:230px}
.additional-benefits h3{font-weight:700;color:#fff;font-size: 1em;}
.additional-benefits p{font-weight:700;color:#fff;font-size: 0.9em;margin-bottom:8px; line-height:1.2; margin-top: 40px;margin-left: 15px;}
.additional-benefits span{font-weight:500;color:#B2B6CB;font-size: 0.8em;margin-left: 15px}
.extra-accessories{margin-top:20px}
.extra-accessories h3{font-weight:700;color:#fff;font-size: 1em; margin-top:8px;}
.extra-accessories .checkme{background:transparent; padding-left:0}
.extra-accessories .col-1{padding-left:0}
.extra-accessories .form-control {background: #282833;border-radius: 8px;height: 40px;border: 0;}
.mt-20{margin-top:20px}
.cost-detail{background-image: linear-gradient(#282833, #121217);padding: 15px;border-radius: 10px; margin-top:-100px !important}
.cost-detail p{font-weight:700;color:#fff;font-size: 0.9em;margin-bottom:15px; line-height:0; margin-top:8px}
.cost-detail span{font-weight:400;color:#B2B6CB;font-size: 0.7em;}
.cost-detail h5{font-weight:400;color:#fff;font-size: 0.9em;text-align:right; line-height:0; margin-top:5px;}
.cost-detail h3{font-weight:700;color:#fff;font-size: 1.2em; margin-top:8px;text-align:right}
.cost-total{background:#282833;padding:10px 10px 1px 10px; border-radius:10px}
.payment{text-align:center;padding:10px;line-height:1.2;font-weight:400;background-image: linear-gradient(to bottom right, #FF5959, #FFBCAA);border:0px solid#fd9478;color:#000;font-size:0.8em; border-radius:5px;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all; width:100%; margin-top:20px; margin-bottom:100px}
.payment:hover{background-image: linear-gradient(to bottom right, #FF5959, #FFBCAA);border:0px solid#fd9478;color:#000;}

/*Register YA*/
.register-ya{position:absolute;top:10px; right:0}
.ya-name h2{font-size: 1.4em;color: #fff;font-weight: 700;line-height:0.5; margin-bottom:35px}
.ya-name p{font-weight:400;font-size: 0.8em;margin-bottom:10px; line-height:1; margin-top:8px; color:#B2B6CB; margin-left:15px}
.young-bat2 img{width:15px; margin-right:10px}
.young-ball2 img{width:15px;margin-right:10px}
p.young-bat2, p.young-ball2{margin-left:0px;}
.ya-name h3{font-size: 5em;color:#424253;font-weight: 700;line-height:0.5; margin-top:40px;font-family:'Roboto Condensed',sans-serif;}
.ya-name span{font-size:0.6em}
.ya-score{margin-top:40px}
.ya-score h4{font-size: 1.6em;color: #fff;font-weight: 700;line-height:0.5; margin-bottom:10px; font-style:italic}
.ya-score p{font-weight:400;font-size: 0.9em;margin-bottom:10px; line-height:1; color:#B2B6CB;}
.ya-monthly{margin-top:35px}
.ya-age{background:#282833; border-radius:15px; padding:10px 8px 2px 8px}
.ya-age ul{list-style:none; margin-left:-10px; text-align:center}
.ya-age li{font-size:0.8em; display:inline-block; color:#B2B6CB; padding:0px 10px}
.ya-monthly img{width:20px}
.ya-monthly p{font-weight:400;font-size: 0.9em; line-height:1; color:#fff;}
.ya-monthly .col-4{padding-left:0}
.mt-10{margin-top:10px}
.ya-tabs{margin-top:40px}
.ya-tabs .nav-link img{width:20px; margin-right:10px}
.ya-tabs .nav-link span#one{display:none}
.ya-tabs .nav-link.active span#one{display:inline-block}
.ya-tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link{font-size:0.8em}
.ya-tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: #fff;background-color: transparent;border-color:transparent;}
.ya-tabs .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {isolation: isolate;border-color: transparent;}
.ya-tabs .nav-tabs {border-bottom: 0px solid #dee2e6;}
.ya-table1 {background-image: linear-gradient(#282833, #121217);padding: 15px 15px 0px 15px; margin-top:20px;width: 100%;left: 0;right: 0;}
.ya-table1 .table {width: 100%;margin-bottom: 1rem;color: #fff;font-size: 0.7em;}
.ya-table1 .table thead th {vertical-align: bottom;border-bottom: 0px solid #dee2e6;}
.ya-table1 .table td, .ya-table1 .table th {padding: .45rem;vertical-align: top;border-top: 0px solid #dee2e6;}
.ya-chart1 {margin-top:20px;width: 100%;left: 0;right: 0;}
.enable-bt{background:#282833; border-radius:35px; width:250px; margin:auto; margin-top:35px; padding: 15px 15px 5px 15px;}
.enable-bt span{margin-left:11px; margin-right:70px}
.enable-bt p{font-weight:400;font-size: 0.9em; line-height:1.8; color:#fff; text-align:center;position: relative;}
#tbt{}
.ya-chart1 input[type="checkbox"] {position: absolute;width: 60px;height: 30px;-webkit-appearance: none;appearance: none;background:transparent; border:2px solid#ff7973;outline: none;border-radius: 2rem;cursor: pointer;box-shadow: inset 0 0 5px rgb(0 0 0 / 50%);}
.ya-chart1 input[type="checkbox"]::before {content: "";width: 20px;height: 20px;border-radius: 50%;background: #fff;position: absolute;
top: 5px;left: 1px;transition: 0.5s;}
.ya-chart1 input[type="checkbox"]:checked::before {transform: translateX(180%);background: #ff7973;}
.ya-chart1 input[type="checkbox"]:checked {background:transparent; border:2px solid#ff7973}
.role-index{margin-top:35px}
.role-index h4{font-weight:700;color:#fff;font-size: 1em;}
.role-index .col-6{margin-bottom:30px}
.growth-material{margin-top:35px}

/*physical-details*/
.physical-details{margin-top:35px}
.physical-details h4{font-weight:700;color:#fff;font-size: 1em;}
.physical-box1{background-image: linear-gradient(#282833, #121217);padding:10px 20px; border-radius: 10px;}
.physical-box1 p{color:#B2B6CB; font-size:1em; font-weight:600; display:inline-block}
.physical-box1 h5{color:#fff; font-size:1.3em; font-weight:600; display:inline-block; margin:0 10px}
.physical-box1 span{color:#B2B6CB; font-size:0.8em; font-weight:400; display:inline-block;line-height: 1.2;}
hr.line2{border-top: 1px solid #3a3a3a;margin-top: 0rem;margin-bottom: 1rem;}
.physical-box1 h2{color:#B2B6CB; font-size:1em; font-weight:600;}
.physical-box1 h3{color:#fff; font-size:1.3em; font-weight:600;margin-left:30px}
.physical-box1 img{width:20px; margin-right:5px}
.physical-details .col-7{padding-left:0}
.physical-box1 .col-6{padding-right:8px}
.bmi-metrics{margin-top:35px}
.bmi-metrics h4{font-weight:700;color:#fff;font-size: 1.2em;}
.calender-bt{text-align:center;padding:5px 20px;line-height:2.2;font-weight:400;background:#49495A;border:0px solid#49495A;color:#fff;font-size:0.8em; border-radius:8px;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all; margin-top:-10px; float:right}
.calender-bt:hover{background:#49495A;border:0px solid#49495A;color:#fff;}
.calender-bt img{width:14px; margin-left:5px}
#bmi-info{margin-top:15px}
#kg{margin-top:15px; margin-bottom:25px}
img._profile_img{width:100%; border-radius:100%; height:150px}

.bmi-info{background:#282833; padding: 10px 15px;border-radius:10px}
.bmi-info p{font-weight: 700;color: #fff;font-size: 1.2em;margin-bottom: 8px;}
.bmi-info span{font-weight: 300;color: #fff;font-size: 0.9em;}
.bmi-info h6{font-weight: 700;color: #b2b6cb;font-size: 1.3em;margin-bottom: 8px;}
.grid100{display: grid;grid-template-columns :1fr 1fr; grid-gap: 0px;;}
.grid-item1{padding:0;}
#grad {background-image: linear-gradient(to right, #bb1716,#60aa50,#0d96be); height:6px;border-radius: 5px;margin-bottom: 8px;}
.grid102{display: grid;grid-template-columns :1fr 1fr 1fr; grid-gap: 0px;}
.grid-item2{padding:0;}
.grid103{display: grid;grid-template-columns :1fr 1fr 1fr 1fr; grid-gap: 0px;margin-top: 5px;}
.grid-item3{padding:0;}

/*Super admin*/
.super-admin .col-5{padding-left:0}
.super-admin img#superadmin{width: 180px;float: right;margin-top: -20px;}
.super-admin-score{margin-top:-30px}
.super-admin-age ul{margin-left:0}
.mt-50{margin-top:50px}
.profile-option{margin-top:50px}
.option-grid {display: grid;width: 100%;margin: 0;border-radius: 0px;grid-gap:0px;}
.option-grid .column {margin:1px;border-radius:0px;}
.option-grid.one {grid-template-columns: 1fr 1fr;}
.profile-option h3 {font-weight: 700;color:#B2B6CB;font-size: 1em;}
.choose-option{background:#282833; border-radius:10px; padding: 15px 0px 0 0px;margin-top:15px}
.choose-option h4 {font-weight: 700;color:#fff;font-size: 1.1em; line-height:1.2}
.choose-option p{font-weight: 100;color:#B2B6CB;font-size:0.7em;}
img#iconimg{width:20px}
img#go{float:right; margin-top:7px}

.propicc img#superadmin{width: 150px;height:150px;}

/*Young Atheletes*/
img#color20{margin-right:5px;width: 18px;}
.taken3 {display: flex;margin-top: 0;}
.taken3 p {color: #B2B6CB;font-size: 11px;}
.taken3 img#explation2{width:10px !important; opacity:.8; margin-right:5px}

/* edited by tanmay das 27-08-24 */
.young2{margin-top:10px; margin-bottom: 130px;}

.young2 h4{font-weight:700;color:#fff;font-size: 1em;}
.young2 .young-box{background:url(../images/jersey2.png) right -10px top -10px no-repeat, #21212a; height:230px;border-radius:10px;padding:15px 0px 2px 15px; margin-top:15px; position:relative}
.young2 .young-box .jersey-no2{margin-left:20px}
.young2 .young-box .jersey-no2 h3{color:#fff; font-size:4em; font-weight:700; text-align:center; line-height:1.2;font-family:'Roboto Condensed',sans-serif;margin-top:30px}
.young2 .young-box .jersey-no2 h5{color:#fff; font-size:2.2em; font-weight:600; text-align:center; line-height:1; text-transform:uppercase;font-family:'Roboto Condensed',sans-serif;}
.young2 .young-box img{width:60px; margin:5px}
.young2 .young-box .col-7, .young2 .young-box .col-4{padding-left:0}
.young2 .young-box .col-5{padding-right:0}
.young2 .young-box p{font-weight:600;font-size: 0.9em;margin-bottom:15px; line-height:1; margin-top:8px; color:#fff; margin-left:10px}
.young2 .young-box span{font-weight:400;color:#B2B6CB;font-size: 0.8em;margin-left:10px}
hr.youngline{border-top: 1px solid #3a3a3a}
.editing{display:flex}
.editing .young-bat{width:50%}
.editing .young-ball{width:50%}
.editing .young-bat p, .editing .young-ball p{margin-left:0}
.editing .young-bat img{width:15px;}
.editing .young-ball img{width:15px}
.payment-pending{background:#282833; border-radius:0 0 10px 10px; padding:15px 10px 0px 10px;position:absolute;width:100%; left:0; right:0}
.payment-pending img{width:18px !important}
.payment-pending h6{font-weight:700;color:#fff;font-size: 1em;}
.payment-pending span{font-weight:400;color:#B2B6CB;font-size: 0.8em;margin-left:0px !important}
.payment-pending .col-2{padding-left:0; padding-right:0}
.payment-pending .col-7{padding-left:0}
.payment-pending .col-3{padding-left:0; padding-right:0}
.pay-bt{text-align:center;padding:5px 15px !important;line-height:2.2;font-weight:700 !important;background-image: linear-gradient(to bottom right, #FF5959, #FFBCAA);border:0px solid#fd9478;color:#000 !important;font-size:0.8em; border-radius:50px;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all; margin-top:0px;width: auto !important;}
.pay-bt:hover{background-image: linear-gradient(to bottom right, #FF5959, #FFBCAA);border:0px solid#fd9478;color:#000;}
.mb-0{margin-bottom:0}

.young3{margin-top:10px; margin-bottom:150px}
.young3 h4{font-weight:700;color:#fff;font-size: 1em;}

/* edited by tanmay das 27-08-24 */
.young3 .young-box{background:url(../images/jersey2.png) right -10px top -10px no-repeat, #21212a; height:220px;border-radius:10px;padding:15px 0px 2px 15px; margin-top:15px; position:relative}

.young3 .young-box .jersey-no2{margin-left:20px}
.young3 .young-box .jersey-no2 h3{color:#fff; font-size:3em; font-weight:700; text-align:center; line-height:1;font-family:'Roboto Condensed',sans-serif;margin-top:30px}
.young3 .young-box .jersey-no2 h5{color:#fff; font-size:1.8em; font-weight:600; text-align:center; line-height:1; text-transform:uppercase;font-family:'Roboto Condensed',sans-serif;}
.young3 .young-box img{width:60px; margin:5px}
.young3 .young-box .col-7, .young3 .young-box .col-4{padding-left:0}
.young3 .young-box .col-5{padding-right:0}
.young3 .young-box p{font-weight:600;font-size: 0.9em;margin-bottom:15px; line-height:1; margin-top:8px; color:#fff; margin-left:10px}
.young3 .young-box span{font-weight:400;color:#B2B6CB;font-size: 0.8em;margin-left:10px}
.young3 .editing{display:flex}
.young3 .editing .young-bat{width:50%}
.young3 .editing .young-ball{width:50%}
.young3 .editing .young-bat p, .editing .young-ball p{margin-left:0}
.young3 .editing .young-bat img{width:15px;}
.young3 .editing .young-ball img{width:15px}

/*Transactions*/
.date-filter {display: grid;width: 100%;margin: 0;border-radius: 0px;grid-gap:0px; color:#fff; font-size:1em; font-weight:700}
.date-filter .column {margin:1px;border-radius:0px;}
.date-filter.two {grid-template-columns: 1fr 1fr;}
.date-frame{background:#49495A;padding:10px;border-radius:10px; display:inline-block; width:auto}
.filter-frame{background:#49495A;padding:10px;border-radius:10px;float:right;text-align: right;}
.date-filter img{width:18px; margin-left:10px}

.payment-pending2{background:#282833; border-radius:10px; padding:25px 10px 5px 10px; margin-top:25px}
.payment-pending2 img{width:18px !important; margin-right:10px}
.payment-pending2 h6{font-weight:700;color:#fff;font-size: 1em; margin-bottom:10px}
.payment-pending2 p{font-weight:700;color:#fff;font-size: 1.6em; margin-bottom:12px; text-align:right;margin-top: 15px;}
.payment-pending2 span{font-weight:400;color:#B2B6CB;font-size: 0.9em;margin-left:0px !important}
#right{float:right}

.paidby{background:#282833; border-radius:10px; padding:25px 10px 5px 10px; margin-top:25px}
.paidby img{width:18px !important; margin-right:10px;}
.paidby h5{font-weight:700;color:#fff;font-size: 1.2em; margin-bottom:10px}
.paidby h6{font-weight:700;color:#fff;font-size: 1.2em; margin-bottom:12px; 
  /* text-align:right;  */
  margin-top: 30px;}
.paidby p{font-weight:400;color:#B2B6CB;font-size: 1em;margin-left:31px !important}
.paidby span{font-weight:400;color:#49495A;font-size: 0.9em; text-transform:uppercase}
.ml-31{margin-left:31px}
.paidby .col-3{padding-left:0;padding-right:0}
.paidby .col-9{padding-right:0}

.tra{padding:0 15px}
.top-gray-blank img#share {width: 18px;margin-right: 0px;}
.transaction-details{}
.transaction-details span{color: #B2B6CB;font-size: 11px;}
.transaction-details p {font-weight: 400;color: #fff;font-size: 0.8em;}
.mt--55{margin-top:-55px}
.transaction-details h3 {font-weight: 700;color: #fff;font-size: 1.3em;margin-bottom: 5px;margin-top: 15px;}
.transaction-details h3 img{width:23px;margin-top: -5px;margin-left: 10px;}

.paidfor{background-image: linear-gradient(#0e0e13, #121217); margin-top:10px; margin-bottom:250px}
.paidfor-in{padding:20px 15px}
.paidfor p{font-weight: 400;color: #fff;font-size: 0.8em;line-height:1;}
.paidfor span{color: #B2B6CB;font-size: 11px;}
#pink{color:#FF5959}
img#ticket{width:15px;margin-right:5px}
.cc{background:#49495A; border-radius:10px; padding:20px 20px 10px 20px; width:65%; margin-bottom:10px}
.cc img{width:28px; margin-left:10px}
.cc p{margin-bottom:10px}
.tra .bottom{position:absolute; bottom:0px;}

/*Address*/
.mt--30{margin-top:-30px}
.address{}
.address p{font-weight: 700;color: #fff;font-size: 1em;line-height:1;}
.address span{color: #B2B6CB;font-size: 0.9em;}
.address-box1{background:#282833; border-radius:10px; padding:25px 15px 1px 15px; margin-top:18px; position:relative}
img#black-dot{width:30px;float: inline-end;}
.address-box1 .col-10{padding-left:0}
.address-box1 #sp{margin-bottom:10px}
.address-box1 #sp img{margin-right:5px}
.address-icon1{background:#C1E3E1;padding: 5px 10px;border-radius:0 10px 0 10px; display:block; position:absolute; top:0; right:0}

.address-box2{background:#fff; border-radius:10px; padding:25px 15px 1px 15px; margin-top:18px; position:relative}
img#black-dot{width:30px;float: inline-end;}
.address-box2 .col-10{padding-left:0}
.address-box2 #sp{margin-bottom:10px}
.address-box2 #sp img{margin-right:5px;}
.address-icon2{background:#282833;padding: 5px 10px;border-radius:0 10px 0 10px; display:block; position:absolute; top:0; right:0}
.address-box2 p, .address-box2 span{color:#282833}

/*add new address*/
.top-color{background-image: linear-gradient(#282833, #121217);}
.pin-point{background:url(../images/pin-point.png) right top no-repeat; height:200px;position: absolute;z-index: 9999;width: 100%;top:0}
.top-color p{font-weight: 700;color: #fff;font-size: 1em;line-height:1;}
.add-location{}
.add-location p{color: #B2B6CB;font-size: 0.9em; font-weight:400}
.add-location .form-control {background: #282833;border-radius: 8px;height: 40px;border: 0;color: #B2B6CB;}
.add-location input[type="text"]{padding-left:12px;width: 96.8%}

.add-location div.radio-with-Icon {display: flex; width:100%}
.add-location div.radio-with-Icon p.radioOption-Item {display: inline-block;width:70px;height: 40px;box-sizing: border-box;  margin: 0px;border: none;margin-top: -25px;}
.add-location div.radio-with-Icon p.radioOption-Item label {display: block;height: 100%;width: 100%;padding: 0px;border-radius:10px;border: 0px solid #de1831;color: #B2B6CB;cursor: pointer;opacity: .8;transition: none;font-size: 11px;padding-top: 14px;  text-align: center;margin: 0 !important; background:#282833; line-height:1}
.add-location div.radio-with-Icon p.radioOption-Item label:hover, div.radio-with-Icon p.radioOption-Item label:focus, div.radio-with-Icon p.radioOption-Item label:active {opacity:1;background: #fff;color: #000;margin: 0 !important;}
.add-location div.radio-with-Icon p.radioOption-Item label::after, div.radio-with-Icon p.radioOption-Item label:after, div.radio-with-Icon p.radioOption-Item label::before, div.radio-with-Icon p.radioOption-Item label:before {opacity: 0 !important;  width: 0 !important;height: 0 !important;margin: 0 !important;}
.add-location div.radio-with-Icon p.radioOption-Item label i.fa {display: block;font-size: 50px;}
.add-location div.radio-with-Icon p.radioOption-Item input[type="radio"] {opacity: 0 !important;width: 0 !important;height: 0 !important;}
.add-location div.radio-with-Icon p.radioOption-Item input[type="radio"]:active ~ label {opacity: 1;}
.add-location div.radio-with-Icon p.radioOption-Item input[type="radio"]:checked ~ label {opacity: 1;border: none;background:#fff;color: #000;}
.add-location div.radio-with-Icon p.radioOption-Item input[type="radio"]:hover, div.radio-with-Icon p.radioOption-Item input[type="radio"]:focus, div.radio-with-Icon p.radioOption-Item input[type="radio"]:active {margin: 0 !important;}
.add-location div.radio-with-Icon p.radioOption-Item input[type="radio"] + label:before, div.radio-with-Icon p.radioOption-Item input[type="radio"] + label:after {margin: 0 !important;}
.default-address{background:#282833; margin-top:40px;padding:15px 15px 10px 15px; border-radius:10px}
.pa{right:25px}

/*Membership & Packages*/
.membership{}
.membership p{font-weight: 700;color: #fff;font-size: 1em;line-height:1;}
.membership span{color: #B2B6CB;font-size: 0.9em;font-weight:400}
.membership-box{background:#282833;border-radius:10px; padding:15px; margin-top:20px}
.membership-box p{font-weight: 400;color: #fff;font-size: 0.9em;line-height:2; margin-bottom:0}
.membership-box h5{font-weight: 700;color: #AF9768;font-size: 1em;line-height:1;}
.membership-box ul{list-style:none; margin-top:15px;margin-bottom: 5px;}
.membership-box li{display:inline-block; color:#B2B6CB;font-size: 0.9em;font-weight:400}
.membership-box li:nth-child(2){color:#49495A}
.membership-box li:nth-child(3){color:#49495A}
.membership-strip{background:#49495A;border-radius:5px; padding:8px}
.membership-strip p{font-weight: 400;color:#B2B6CB;font-size: 0.9em;line-height:1; margin-bottom:0}
.membership-strip span{font-weight: 700;color:#fff;}
.add22{text-align:center;padding:5px 15px;line-height:2.2;font-weight:400;background:#49495A;border:0px solid#49495A;color:#fff;font-size:0.8em; border-radius:50px;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all; margin-top:-5px; float:right;text-transform: capitalize;}
.add22:hover{background:#49495A;border:0px solid#49495A;color:#fff; text-decoration:none}

/*Add multiple users*/
.top-color img#share {width: 18px;margin-right: 0px;}
.multiple-top{margin-top:25px}
.multiple-top p{font-weight: 400;color: #fff;font-size: 0.9em;line-height:2; margin-bottom:0}
.multiple-top h5{font-weight: 700;color: #AF9768;font-size: 1em;line-height:1; }
.multiple-top ul{list-style:none; margin-top:15px;margin-bottom: 5px; margin-left:-40px}
.multiple-top li{display:inline-block; color:#B2B6CB;font-size: 0.9em;font-weight:400}
.multiple-top li:nth-child(2){color:#49495A}
.multiple-top li:nth-child(3){color:#49495A}
.multiple-top-strip{background:#49495A;border-radius:5px; padding:8px}
.multiple-top-strip p{font-weight: 400;color:#B2B6CB;font-size: 0.9em;line-height:1; margin-bottom:0}
.multiple-top-strip span{font-weight: 700;color:#fff;}
.multiple-users{}
.multiple-users p{color: #B2B6CB;font-size: 0.9em; font-weight:400}
.multiple-users .form-control {background: #282833;border-radius: 8px;height: 40px;border: 0;color: #B2B6CB;}
.default-address2{background:#282833; margin-top:20px;padding:15px 15px 10px 15px; border-radius:10px;position: relative;}
.default-address2 p{font-weight: 400;color:#fff;font-size: 0.8em;line-height:1; margin-bottom:0}
.default-address2 span{color: #B2B6CB;font-size: 0.7em;font-weight:400}
.mt-100{margin-top:100px}
.sub-box{background:#282833;padding:15px 15px 35px 15px; border-radius:10px; margin-bottom:15px}
.sub-box img{width:50px}
.sub-box p{font-weight: 400;color:#fff;font-size: 0.8em;line-height:1; margin-bottom:0;}
.sub-box span{color: #B2B6CB;font-size: 0.7em;font-weight:400}

.ya-chart2 input[type="checkbox"] {position: absolute;width: 40px;height: 20px;-webkit-appearance: none;appearance: none;background:transparent; border:2px solid#ff7973;outline: none;border-radius: 2rem;cursor: pointer;box-shadow: inset 0 0 5px rgb(0 0 0 / 50%);}
.ya-chart2 input[type="checkbox"]::before {content: "";width: 15px;height: 15px;border-radius: 50%;background: #fff;position: absolute;top: 1px;left: 1px;transition: 0.5s;}
.ya-chart2 input[type="checkbox"]:checked::before {transform: translateX(130%);background: #ff7973;}
.ya-chart2 input[type="checkbox"]:checked {background:transparent; border:2px solid#ff7973}
.ua{margin-left:10px}
.set-toggle{float:right; margin-right:50px; clear:both}
.ya-chart2 [type="checkbox"]:not(:checked), [type="checkbox"]:checked {left: auto !important; position: absolute !important;visibility: visible !important;}


/*Profile Manager*/
.profile-manage{}
.profile-manage p{font-weight: 700;color: #fff;font-size: 1em;line-height:1;}
.profile-manage span{color: #B2B6CB;font-size: 0.8em;font-weight:400}
.profile-manage-box{background:#282833;padding:15px 15px 2px 15px; border-radius:10px; margin-bottom:15px; margin-top:15px; position:relative}
.profile-manage-box img{width:50px; float:left}
.profile-manage-box p{font-weight: 400;color:#fff;font-size: 0.8em;line-height:1; margin-bottom:0;}
.profile-manage-box span{color: #B2B6CB;font-size: 0.7em;font-weight:400}
.profile-manage-box .col-2{padding-left:0}
.profile-manage-box .row{margin-bottom:0}
.profile-manage-box .add22{float:none;padding:6px 15px}
.profile-manage-box ul{list-style:none;text-align:right;}
.profile-manage-box li{display:inline-block; color:#fff; font-size:0.8em; line-height:1;padding:0 0 0 20px; }
.profile-manage-box a{color:#fff; text-decoration:none}
.profile-manage-box li img{width:14px; margin-right:5px}
.super-user{background-image: linear-gradient(#D8B98B, #AF9768);padding: 5px 10px;border-radius:0 10px 0 10px; display:block; position:absolute; top:0; right:0}
.super-user p{font-weight: 400;color: #000;font-size: 0.8em;line-height:1;text-transform:uppercase}
.sub-user{background-image: linear-gradient(#FF5959, #FFBCAA);padding: 5px 10px;border-radius:0 10px 0 10px; display:block; position:absolute; top:0; right:0}
.sub-user p{font-weight: 400;color: #000;font-size: 0.8em;line-height:1;text-transform:uppercase}
.ya-user{background:#C1E3E1;padding: 5px 10px;border-radius:0 10px 0 10px; display:block; position:absolute; top:0; right:0}
.ya-user p{font-weight: 400;color: #000;font-size: 0.8em;line-height:1;text-transform:uppercase}
.act img{width:14px; margin-right:5px}

/*Profile Permission*/
.profile-permission{}
.profile-permission p{font-weight: 400;color:#fff;font-size: 0.8em;line-height:1; margin-bottom:0;}
.p-permission{margin-top:50px}
.p-permission p{font-weight: 500;color:#fff;font-size: 0.9em;line-height:1; margin-bottom:0;}
.p-permission span{color: #B2B6CB;font-size: 0.7em;font-weight:400}
.p-permission img{width:50px}

.p-permission ul{list-style:none;margin-left:-40px;}
.p-permission li{display:inline-block; color:#B2B6CB; font-size:0.7em; line-height:1;padding:0 10px 0 0px; }
.p-permission a{text-decoration:none}
.p-permission li:nth-child(1){color:#FD9478}
.p-permission li:nth-child(4){padding-left:25px;}
.p-permission .add22{float:none;padding:6px 15px}

/*Sub Users*/
img#user2{width:14px; margin-left:5px}
.add-sub-user{}
.add-sub-user p{font-weight: 400;color: #B2B6CB;font-size: 0.8em;line-height:1;}

.sub-user-box{background:#282833;padding:15px 15px 2px 15px; border-radius:10px; margin-bottom:15px; margin-top:15px; position:relative}
.sub-user-box img{width:50px; float:left}
.sub-user-box p{font-weight: 400;color:#fff;font-size: 0.8em;line-height:1; margin-bottom:0;}
.sub-user-box span{color: #B2B6CB;font-size: 0.7em;font-weight:400}
.sub-user-box .col-2{padding-left:0}
.sub-user-box .row{margin-bottom:0}
.sub-user-box .add22{float:none;padding:6px 15px}
.sub-user-box ul{list-style:none;text-align:right;}
.sub-user-box li{display:inline-block; color:#fff; font-size:0.8em; line-height:1;padding:0 0 0 20px; }
.sub-user-box a{color:#fff; text-decoration:none}
.sub-user-box li img{width:14px; margin-right:5px}
.sub-user-box .sub-user p{color:#000}

/*Book Slot*/
.header-grid {display: grid;width: 100%;margin: 0;border-radius: 0px;grid-gap:0px;}
.header-grid .column {margin:1px;border-radius:0px; text-align:center}
.header-grid.onee {grid-template-columns: 70% 30%;}

.book-slot-tabs{margin-top:30px; padding:0 5px}
.book-slot-tabs .nav-link.active{display:inline-block;border-bottom: 1px solid #FF5959;position: relative}
.book-slot-tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link{font-size:0.8em;color: #49495A; font-weight:700}
.book-slot-tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: #fff;background-color: transparent;}
.book-slot-tabs .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {isolation: isolate;border-color: transparent;}
.book-slot-tabs .nav-tabs {border-bottom: 0px solid #282833;background: #21212A;width: 100%;position: absolute;left: 0;right: 0;top: 70px;}
.book-slot-tabs .nav-tabs .nav-link:focus{border-bottom: 1px solid #FF5959;}

.showing-slots{}
.showing-slots h4{font-weight: 600;color:#fff;font-size: 0.8em;line-height:1; margin-bottom:0;}
.showing-slots h5{font-weight: 600;color:#fff;font-size: 1em;line-height:1; margin-bottom:0; margin-top:20px}
.showing-slots h6{font-weight: 600;color:#fff;font-size: 1em;line-height:1; margin-bottom:0; margin-top:0px}
.showing-slots span{font-weight: 600;color:#B2B6CB;font-size: 0.9em;line-height:1; margin-bottom:0; margin-top:15px}
.showing-slots p{font-weight: 600;color:#fff;font-size: 0.8em;line-height:1; margin-bottom:0;}
.date-filter2 {display: grid;width: 100%;margin:0px;border-radius: 0px;grid-gap:0px; color:#fff; font-size:1em; font-weight:700; margin-top:15px;margin-bottom:20px}
.date-filter2 .column {margin:5px;border-radius:0px;}
.date-filter2.twoo {grid-template-columns: 40% 60%;}
.date-filter2.twoo input[type="text"]{height: 2rem;border-bottom:0;}
.date-frame2{background:#49495A;padding:15px;border-radius:10px; display:inline-block; width:100%; text-align:center}
.filter-frame2{background-image: linear-gradient(#282833, #121217);padding:12px 15px;border-radius:10px;float:right;width:100%; text-align:left; color:#FF5959;line-height:1}
.filter-frame2 span{color:#fff; font-size:0.7em}
.date-filter2 img{width:18px; margin-left:10px}
.pick-slot{margin-top:20px}
.pick-slot p{font-weight: 600;color:#B2B6CB;font-size: 0.9em;line-height:1; margin-bottom:0;}

.pick-slot div.radio-with-Icon {display: flex; width:100%}
.pick-slot div.radio-with-Icon p.radioOption-Item {display: inline-block;width:100%;height: 50px;box-sizing: border-box;  margin: 0px;border: none;}
.pick-slot div.radio-with-Icon p.radioOption-Item label {display: block;height: 100%;width: 100%;padding: 0px;border-radius:10px;border: 0px solid #de1831;color: #B2B6CB;cursor: pointer;opacity: .8;transition: none;font-size: 12px;padding-top: 18px;  text-align: center;margin: 0 !important; background:#282833; line-height:1}
.pick-slot div.radio-with-Icon p.radioOption-Item label:hover, div.radio-with-Icon p.radioOption-Item label:focus, div.radio-with-Icon p.radioOption-Item label:active {opacity:1;background: #fff;color: #000;margin: 0 !important;}
.pick-slot div.radio-with-Icon p.radioOption-Item label::after, div.radio-with-Icon p.radioOption-Item label:after, div.radio-with-Icon p.radioOption-Item label::before, div.radio-with-Icon p.radioOption-Item label:before {opacity: 0 !important;  width: 0 !important;height: 0 !important;margin: 0 !important;}
.pick-slot div.radio-with-Icon p.radioOption-Item label i.fa {display: block;font-size: 50px;}
.pick-slot div.radio-with-Icon p.radioOption-Item input[type="radio"] {opacity: 0 !important;width: 0 !important;height: 0 !important;}
.pick-slot div.radio-with-Icon p.radioOption-Item input[type="radio"]:active ~ label {opacity: 1;}
.pick-slot div.radio-with-Icon p.radioOption-Item input[type="radio"]:checked ~ label {opacity: 1;border: none;background:#fff;color: #000;}
.pick-slot div.radio-with-Icon p.radioOption-Item input[type="radio"]:hover, div.radio-with-Icon p.radioOption-Item input[type="radio"]:focus, div.radio-with-Icon p.radioOption-Item input[type="radio"]:active {margin: 0 !important;}
.pick-slot div.radio-with-Icon p.radioOption-Item input[type="radio"] + label:before, div.radio-with-Icon p.radioOption-Item input[type="radio"] + label:after {margin: 0 !important;}
.pick-slot .col-5{padding-left:0;}
.checkme2, .checkme3, .checkme4, .checkme5, .checkme6, .checkme7, .checkme8, .checkme9{background:#282833;padding:12px 10px 3px; border-radius:10px; color:#B2B6CB; font-size:11px}
.whiteBackground2, .whiteBackground3, .whiteBackground4, .whiteBackground5, .whiteBackground6, .whiteBackground7, .whiteBackground8, .whiteBackground9{background-color:#fff; color:#000}
.checkme2 img, .checkme3 img, .checkme4 img, .checkme5 img, .checkme6 img, .checkme7 img, .checkme8 img, .checkme9 img{width: 15px;margin-left: 10px;}
.checkme2 [type="checkbox"] + label, .checkme3 [type="checkbox"] + label, .checkme4 [type="checkbox"] + label, .checkme5 [type="checkbox"] + label, .checkme6 [type="checkbox"] + label, .checkme7 [type="checkbox"] + label, .checkme8 [type="checkbox"] + label, .checkme9 [type="checkbox"] + label {position: relative;padding-left: 23px;cursor: pointer;display: inline-block;height: 25px;  line-height: 19px;font-size: 11px;}
.checkme2 [type="checkbox"].filled-in:checked + label::after, .checkme3 [type="checkbox"].filled-in:checked + label::after, .checkme4 [type="checkbox"].filled-in:checked + label::after, .checkme5 [type="checkbox"].filled-in:checked + label::after, .checkme6 [type="checkbox"].filled-in:checked + label::after, .checkme7 [type="checkbox"].filled-in:checked + label::after, .checkme8 [type="checkbox"].filled-in:checked + label::after, .checkme9 [type="checkbox"].filled-in:checked + label::after {top: 0px;width: 20px;height: 20px;border: 2px solid #FF5959;background: #FF5959;z-index: 0;}
.pick-slot .col-5, .pick-slot .col-7{margin-top:10px}
.mt-35{margin-top:35px}
.mt-10{margin-top:10px}
.grad-bt{background-image: linear-gradient(to right, #FF5959 , #FFBCAA); border-radius:10px;padding:10px; margin-top:50px}
.grad-bt h2{font-weight: 600;color:#282833;font-size: 1.1em;line-height:1; margin-bottom:0;}
.grad-bt span{font-weight: 400;color:#282833;font-size: 0.9em;line-height:1; margin-bottom:0;}

.slot-bt{text-align:center;padding:10px 15px;line-height:1.2;font-weight:600;background-image: linear-gradient(to bottom right, #282833, #121217);border:0px solid#fd9478;color:#fff;font-size:0.9em; border-radius:5px;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all; float:right; text-transform:capitalize}
.slot-bt:hover{background-image: linear-gradient(to bottom right, #282833, #121217);border:0px solid#fd9478;color:#fff;}

/*Slot Summary*/
.slot-summary{padding:15px 5px}
.filter-frame3{background-image: linear-gradient(#282833, #121217);padding:12px 15px;border-radius:10px;width:100%; text-align:left; color:#FF5959;line-height:1; margin:auto}
.filter-frame3 span{color:#fff; font-size:0.7em}
.filter-frame3 img{float:right;margin-top: -6px;}
.slot-cost{background-image: linear-gradient(#282833, #121217);padding:15px 20px;border-radius:10px;width:100%; margin:auto; margin-top:25px}
.slot-cost h2{font-weight: 700;color:#fff;font-size: 1.1em;line-height:1; margin-bottom:0;}
.date-filter {display: grid;width: 100%;margin: 0;border-radius: 0px;grid-gap:0px; color:#fff; font-size:0.9em; font-weight:600}
.date-filter .column {margin:1px;border-radius:0px;padding:15px 0}
.date-filter.cost {grid-template-columns: 1fr 1fr; border-bottom:1px solid#282833}
.date-filter .column span {font-weight: 400;color: #B2B6CB;font-size: 0.9em;}
.date-filter.cost:last-child{border-bottom:0px solid#282833}
.date-filter.cost h3{font-size:1.5em; font-weight:700}
.filter-frame4{background-image: linear-gradient(#282833, #121217);padding:5px 15px;border-radius:10px;width:100%; text-align:left; color:#FF5959;line-height:1; margin:auto}

/*booking-summary*/
.booking-summary{}
.net-bg{background:url(../images/art.png) top 15px right 15px no-repeat, #282833;padding:15px; border-radius:10px}
.net-bg h5{margin-top:5px}
.booking-summary h4{font-weight: 700;color:#fff;font-size: 1.1em;line-height:1; margin-bottom:15px; margin-top:35px}
.booking-summary span{font-weight: 400;color:#B2B6CB;font-size: 0.9em;line-height:1; margin-bottom:0;}
.master-frame{background: #F3F3F3;padding:25px 0px 1px 0;border-radius:10px;width:100%; text-align:left;line-height:1; margin:auto; margin-top:15px}
.master-frame p{font-weight: 700;color:#282833;font-size: 1.1em;line-height:0.5;}
.master-frame img{width:30px}

.america-frame{background-image: linear-gradient(#424253, #22222D);padding:25px 0px 1px 0;border-radius:10px;width:100%; text-align:left;line-height:1; margin:auto; margin-top:15px}
.america-frame p{font-weight: 700;color:#fff;font-size: 1.1em;line-height:0.5;}
.america-frame img{width:30px}


.filter-frame5{background-image: linear-gradient(#282833, #121217);padding:15px 15px;border-radius:10px;width:100%; text-align:left; color:#B2B6CB;line-height:1; margin:auto; margin-top:15px}
.filter-frame5 span{color:#fff; font-size:0.7em}
.filter-frame5 img#go2{float:right; width:5px; margin-top:2px}
.filter-frame5 img#mrg{width:100px; margin-left:10px}

.filter-frame6{background:#F3F3F3;padding:15px 15px 0 0;border-radius:10px;width:100%; text-align:left; color:#B2B6CB;line-height:1; margin:auto; margin-top:15px}
.filter-frame6 input{border-bottom:0px solid #9e9e9e; height:30px}
.filter-frame6 img{width:20px}

.filter-frame6 ::placeholder {color:#B2B6CB;opacity: 1;}
.filter-frame6 :-ms-input-placeholder {color:#B2B6CB;}
.filter-frame6 ::-ms-input-placeholder {color:#B2B6CB}

/*Tug Fit*/
.tug-fit{padding:0 5px}
.go4 img{position: absolute;top: 0;right: 10px;}
.tug-fit-pkg .offer-price {padding-top: 20px;}
.tug-fit-pkg .offer-price2 {padding-top: 20px;}

/*package-summary*/
.payment100{text-align:center;padding:10px;line-height:1.2;font-weight:400;background-image: linear-gradient(to bottom right, #FF5959, #FFBCAA);border:0px solid#fd9478;color:#000;font-size:0.8em; border-radius:5px;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all; width:100%; margin-top:20px;}
.payment100:hover{background-image: linear-gradient(to bottom right, #FF5959, #FFBCAA);border:0px solid#fd9478;color:#000;}
.b-calender{background:#49495A;padding:20px 10px; border-radius:10px}
.b-calender p{font-weight: 500;color:#fff;font-size: 1.1em;line-height:0.5;margin-bottom: 0;}
.b-calender img{width:22px; float:right;margin-top: -5px;}
.b-package{background-image: linear-gradient(to bottom right, #282833, #121217);padding:7px 10px; border-radius:10px}
.b-package p{font-weight: 500;color:#fff;font-size: 0.9em;line-height:1;margin-bottom: 5px; margin-top:5px}
.b-package strong{color:#FF5959}
.master{margin-top:50px}
.master h2{font-weight: 700;color:#FF5959;font-size: 1.3em;line-height:1; margin-bottom:15px; margin-top:35px}
.master p{font-weight: 500;color:#B2B6CB;font-size: 1.1em;line-height:1.5;margin-bottom: 0;}
.master h3{font-weight: 700;color:#fff;font-size: 1.3em;line-height:1; margin-bottom:15px; margin-top:35px}

.oberoi-card{}
.oberoi-card h3{font-weight: 700;color:#fff;font-size: 1.3em;line-height:1; margin-bottom:15px; margin-top:35px}
.oberoi-card-white{background:#F3F3F3;border-radius:10px; padding:20px}
img#pink-tick{width:30px; margin-right:10px;margin-top: -25px;}
img#pink-tick2{width:50px;margin-top: -25px;}
.oberoi-card-white p{font-weight: 500;color:#282833;font-size: 1.1em;line-height:1.2;margin-bottom: 0;}
#idblock{display:inline-block;margin-left:10px}
img#zikzak{margin:20px 0}
.oberoi-card-white h4{font-weight: 700;color:#282833;font-size: 1.3em;line-height:1; margin-bottom:15px;}

.taken30 {display: flex;margin-top: 0;}
.taken30 p {color: #282833;font-size: 0.9em;}
.taken30 img#explation20{width:18px !important; margin-right:5px}
.time-strip{background:#fff; padding:15px; border-radius:10px; margin-top:15px}
img#strip-dot{width:25px; float:left}
.time-strip p{font-weight: 600;color:#282833;font-size: 1.1em;line-height:1.2;margin-bottom: 0; text-align:center}
.strip-color{background:#b6b6b9}
.name-strip{background:#49495A; padding:20px; border-radius:10px; margin-top:20px}
.name-strip p{font-weight: 500;color:#fff;font-size: 1.1em;line-height:1.2;margin-bottom: 0;}
.name-strip span{color:#B2B6CB}
img#frame{width:20px; margin-right:10px;margin-top: -25px;}
.name-strip-color{background:#282833}

.terms{background-image: linear-gradient(to bottom right, #282833, #121217);margin-top:50px; padding:20px}
.terms h5{font-weight: 700;color:#fff;font-size: 1.3em;line-height:1; margin-bottom:15px;}
.terms ul{margin-left:15px}
.terms ul li{list-style-type: disc !important}
.terms li{font-weight: 500;color:#B2B6CB;font-size: 1em;line-height:2;}
.mt50{margin-top:50px}

/*Shop*/
.shop-head{color:#fff;font-size:1.4em; font-weight:700}
.shop-banner{margin-top:10px; position:relative}
.shop-banner .db-banner{padding-bottom:20px}
.shop-banner .default-dots-carousel .owl-dots{margin-top:10px}
.shop-banner .shop-offer{position:absolute;z-index:999;top:20px; left:20px}
.shop-banner .shop-offer h2{color:#fff;font-size: 2em;font-weight: 700;line-height: 1.2;margin-bottom: 5px;}
.shop-banner .shop-offer span{color:#a08b60;}
.shop-banner .shop-offer p{color:#fff; font-size:1em}
.shop1 img{width:25px}
.pt-85{padding-top:85px}
.shop-card{background-image: linear-gradient(to bottom right, #282833, #121217);margin-top:50px; padding:20px 20px 10px 20px; border-radius:10px}
.shop-card h2{font-weight: 700;font-size: 18px;line-height: 21px;color: var(--white);margin: 0;}
.shop-card p{font-weight: 500;color:#B2B6CB;font-size: 1.1em;line-height:2;margin-bottom: 0;}
.shop-card img{width:70px; float:right}
.shopcolor{color:#FF5959 !important;float: inline-end;margin-top: 10px;font-weight: 600 !important;}
#shopbn{margin-top:50px}

/*TUG Infinity*/
.infinity-slider{background: #21212A;padding: 0px 25px 22px;}
.infinity-slider p{font-weight: 500;color:#B2B6CB;font-size: 0.9em;line-height:2;margin-bottom: 0;}
.infinity-slider span{color:#49495A;}
.infinity-slider span img{width:10px; margin-right:5px}
#carouselBanner5{margin-top:20px}
#carouselBanner5 img{width:50px; margin:auto; display:block}
.infinity-box{}
.infinity-select{}
.infinity-select p{color:#fff; font-weight:600; font-size:1.1em}
.infinity-select div.radio-with-Icon {display: flex; width:100%}
.infinity-select div.radio-with-Icon p.radioOption-Item {display: inline-block;width:73px;height: 40px;box-sizing: border-box;  margin: 0px;border: none;}
.infinity-select div.radio-with-Icon p.radioOption-Item label {display: block;height: 100%;width: 100%;padding: 0px;border-radius:10px;border: 0px solid #de1831;color: #fff;cursor: pointer;opacity: .8;transition: none;font-size: 13px;padding-top: 14px;  text-align: center;margin: 0 !important; background:#282833; line-height:1}
.infinity-select div.radio-with-Icon p.radioOption-Item label:hover, div.radio-with-Icon p.radioOption-Item label:focus, div.radio-with-Icon p.radioOption-Item label:active {opacity:1;background: #fff;color: #000;margin: 0 !important;}
.infinity-select div.radio-with-Icon p.radioOption-Item label::after, div.radio-with-Icon p.radioOption-Item label:after, div.radio-with-Icon p.radioOption-Item label::before, div.radio-with-Icon p.radioOption-Item label:before {opacity: 0 !important;  width: 0 !important;height: 0 !important;margin: 0 !important;}
.infinity-select div.radio-with-Icon p.radioOption-Item label i.fa {display: block;font-size: 50px;}
.infinity-select div.radio-with-Icon p.radioOption-Item input[type="radio"] {opacity: 0 !important;width: 0 !important;height: 0 !important;}
.infinity-select div.radio-with-Icon p.radioOption-Item input[type="radio"]:active ~ label {opacity: 1;}
.infinity-select div.radio-with-Icon p.radioOption-Item input[type="radio"]:checked ~ label {opacity: 1;border: none;background:#fff;color: #000;}
.infinity-select div.radio-with-Icon p.radioOption-Item input[type="radio"]:hover, div.radio-with-Icon p.radioOption-Item input[type="radio"]:focus, div.radio-with-Icon p.radioOption-Item input[type="radio"]:active {margin: 0 !important;}
.infinity-select div.radio-with-Icon p.radioOption-Item input[type="radio"] + label:before, div.radio-with-Icon p.radioOption-Item input[type="radio"] + label:after {margin: 0 !important;}
.infinity-select .col-3{padding-left:0px;}
.infinity-select h2{font-weight: 700;font-size: 1.5em;line-height: 1.5;color: var(--white);margin: 0;}
.infinity-select h2 img{width:25px; margin-left:25px}
.infinity-select small{font-size:0.9em}
.infinity-select span{color:#B2B6CB;text-decoration: line-through;font-size:1.3em}

.rec-bt{text-align:center;padding:5px 15px;line-height:1.3;font-weight:600;background:#116278;border:0px solid#116278;color:#fff;font-size:1em; border-radius:50px;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all; margin-top:15px;text-transform: capitalize;}
.rec-bt:hover{background:#116278;border:0px solid#116278;color:#fff;}
.rec-bt img{width:10px; margin-right:3px}
.price-line{margin-top:25px}
.price-line p{font-weight: 600;color: #fff;font-size: 1em;line-height: 1.5;margin-bottom: 0;}
.price-line span{color:#B2B6CB;}
.price-line h2{font-weight: 600;font-size: 1.1em;line-height: 2;color: var(--white);margin: 0; margin-top:25px; margin-bottom:5px}
.price-line .form-control {background: #282833;border-radius: 8px;height: 40px;border: 0;color: #B2B6CB; width:50%}

.delivery-card{background-image: linear-gradient(to bottom right, #282833, #121217);margin-top:30px; padding:10px 20px 20px 20px; border-radius:10px}
.delivery-card p{font-weight: 600;color: #fff;font-size: 1em;line-height: 1.5;margin-bottom: 0;}
.delivery-card span{font-weight: 500;color:#B2B6CB;font-size: 0.9em;line-height: 1.3;margin-bottom: 0;}
.delivery-card img{width:25px;margin-right:10px}

.bn-bt{text-align:center;padding:5px 20px;line-height:2;font-weight:600;background:#FF5959;border:0px solid#FF5959;color:#000;font-size:1em; border-radius:10px;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all; margin-top:20px;text-transform: capitalize; width:100%;}
.bn-bt:hover{background:#FF5959;border:0px solid#FF5959;color:#000;}

.add-bt{text-align:center;padding:5px 20px;line-height:2;font-weight:600;background:#49495A;border:1px solid#fff;color:#fff;font-size:1em; border-radius:10px;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all; margin-top:20px;text-transform: capitalize; width:100%;}
.add-bt:hover{background:#49495A;border:1px solid#fff;color:#fff;}

.add-an-accessory{margin-top:35px}
.add-an-accessory h2{font-weight: 600;font-size: 1.1em;line-height: 2;color: var(--white);margin: 0; margin-top:25px; margin-bottom:5px}
.accessory-card{background:#282833;padding:25px 10px 10px 10px; border-radius:10px;}
.checkme100{background:#282833;padding:0px 10px 3px; border-radius:10px; color:#B2B6CB; font-size:11px}
.checkme100 img{width: 15px;margin-left: 10px;}
.checkme100 [type="checkbox"] + label {position: relative;padding-left: 23px;cursor: pointer;display: inline-block;height: 25px;  line-height: 19px;font-size: 11px;}
.checkme100 [type="checkbox"].filled-in:checked + label::after {top: 0px;width: 20px;height: 20px;border: 2px solid #FF5959;background: #FF5959;z-index: 0;}
.acc-img{background:#fff;padding:5px; border-radius:8px; height:50px; width:50px}
.accessory-card .col-1{padding-left:0px; padding-right:0}
.accessory-card p{font-weight: 600;color: #fff;font-size: 1em;line-height: 2;margin-bottom: 0;}
.accessory-card span{font-weight: 500;color:#B2B6CB;font-size: 0.9em;line-height: 1.3;margin-bottom: 0;}
.accessory-card .col-8{padding-left:0px;}
.accessory-card .row{position:relative}
.accessory-card .row .go-mark{position:absolute; right:15px; top:15px}
.accessory-card .row .go-mark img{width:5px}

.size-men{margin-top:35px}
.size-men h2{font-weight: 600;font-size: 1.1em;line-height: 2;color: var(--white);margin: 0; margin-top:25px; margin-bottom:5px}
.size-line{background:#282833;padding:5px 0; border-radius:5px}
.size-men p{font-weight: 600;color: #fff;font-size: 1em;line-height: 2;margin-bottom: 0; padding-left:10px}
.size-men span{color:#B2B6CB;}

.ratingss{margin-top:35px}
.ratingss h2{font-weight: 600;font-size: 1.1em;line-height: 2;color: var(--white);margin: 0; margin-top:25px; margin-bottom:5px}
.ratingss h3{font-weight: 600;font-size: 2em;line-height: 1;color: var(--white);margin: 0;}
.ratingss small{font-size:0.5em}
.ratingss img{width:20px; margin-right:5px;margin-top: -5px;}
.ratingss span{font-weight: 500;color:#B2B6CB;font-size: 1em;line-height: 1.3;margin-bottom: 0;}
.review-line{background:#282833;padding:10px 15px; border-radius:10px; margin-top:10px}
.review-line img{width:6px; float:right; margin-top:8px}
.review-line p{font-weight: 500;color: #fff;font-size: 1em;line-height: 2;margin-bottom: 0;}
.free-hit{margin-top:15px;background:#282833;padding:10px 10px 5px 10px; border-radius:10px;}
.free-hit p{font-weight: 500;color: #fff;font-size: 1em;line-height: 2;margin-bottom: 0;}
.free-hit span{font-weight: 500;color:#B2B6CB;font-size: 0.9em;line-height: 1;margin-bottom: 0;}
.free-hit .col-3{padding-left:0}
.free-hit img{width:80px}

.review-sec{margin-top:35px}
.review-sec h2{font-weight: 600;font-size: 1.1em;line-height: 2;color: var(--white);margin: 0; margin-top:25px; margin-bottom:5px}
.review-sec p{font-weight: 500;color: #fff;font-size: 1em;line-height:1.5;margin-bottom: 0;}
.review-sec span{font-weight: 500;color:#B2B6CB;font-size: 0.9em;line-height: 1;margin-bottom: 0;}
.review-sec small{color:#49495A; font-size:1em}
hr.line30{border-top: 1px solid #3a3a3a;margin-top: 1.5em;margin-bottom:1.5em;}
.new-pd-0{padding:0}

/*Order Summary*/
.bat-box{background:#282833;padding:15px 10px 20px 10px; border-radius:10px;}
.bat-box img{width:8px;margin:auto;display:block}
.bat-box p{font-weight: 500;color: #fff;font-size: 0.9em;line-height:1.3;margin-bottom: 0;}
.bat-box span{font-weight: 500;color:#B2B6CB;font-size: 0.8em;line-height: 1;margin-bottom: 0;}
.bat-box .col-9{padding-left:0}

.choose{margin-top:35px}
.choose h2{font-weight: 600;font-size: 1.1em;line-height: 2;color: var(--white);margin: 0; margin-top:25px; margin-bottom:5px}
.prepaid-line{background:#282833;padding:10px 15px; border-radius:10px; margin-top:10px}
.prepaid-line img{width:6px; float:right; margin-top:8px}
.prepaid-line p{font-weight: 500;color: #B2B6CB;font-size: 0.9em;line-height: 2;margin-bottom: 0;}

.filter-frame7{background:#F3F3F3;padding:15px 0px 10px 10px;border-radius:10px;width:100%; text-align:left; color:#B2B6CB;line-height:1; margin:auto; margin-top:15px}
.filter-frame7 input{border:0px solid #9e9e9e; height:30px; width:100%; background:transparent}
.filter-frame7 img{width:20px; margin-top:5px}

.filter-frame7 ::placeholder {color:#B2B6CB;opacity: 1;}
.filter-frame7 :-ms-input-placeholder {color:#B2B6CB;}
.filter-frame7 ::-ms-input-placeholder {color:#B2B6CB}

/*Order Placed*/
.gift{margin-top:25px}
.gift img{width:100px; margin:auto;display:block}
.gift h1{font-weight: 600;font-size: 1.1em;line-height: 2;color:#fff; margin-top:15px; margin-bottom:10px;text-align:center}

.delivery-details{margin-top:20px}
.delivery-details p{font-weight: 500;color: #fff;font-size: 0.8em;line-height: 1.5;margin-bottom: 0;}
.delivery-details h2{font-weight: 600;font-size: 1.1em;line-height:0.5;color:#fff; margin-top:15px; margin-bottom:10px;}
.delivery-details span{font-weight: 500;color:#B2B6CB;font-size: 0.8em;line-height:0.5;margin-bottom: 0;}
.delivery-details img#go222{width:6px; margin-left:15px}

.rec-bt2{text-align:center;padding:5px 15px;line-height:1.3;font-weight:400;background:#FD9478;border:0px solid#FD9478;color:#000;font-size:0.9em; border-radius:50px;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all; margin-top:15px;text-transform: capitalize;}
.rec-bt2:hover{background:#FD9478;border:0px solid#FD9478;color:#000;}
.rec-bt2 img{width:15px; margin-right:3px}

/*Cart*/
.newf-szie p{font-size:1.1em !important}
.cart .location-bx{margin-top:-10px}
.card-value{background-image: linear-gradient(to bottom right, #282833, #121217);margin-top:10px; padding:15px 20px 10px 20px; border-radius:10px}
.card-value p{font-weight: 500;color:#B2B6CB;font-size: 0.8em;line-height:0.5;margin-bottom: 0;}
.card-value span{font-weight: 500;color:#49495A;font-size: 0.7em;line-height:0.5;margin-bottom: 0;}
.card-value h1{font-weight: 600;font-size: 1.1em;line-height:0.5;color:#fff;float:right}
.card-select{background:#282833;margin-top:35px; padding:15px 10px 10px 10px; border-radius:10px; width:35%}
.card-select p{font-weight: 500;color:#B2B6CB;font-size: 0.8em;line-height:0.5;margin-bottom: 0;}
.card-select img{width:25px; margin-right:8px}
.card-product{background:#fff;border-radius:10px;margin-top:20px;padding:15px 20px 20px 20px;}
.card-product .pure-material-radio {z-index: 0;position: relative;display: inline-block;color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87); font-size: 16px;line-height: 1.5;}
.card-product .pure-material-radio > input {appearance: none;-moz-appearance: none;-webkit-appearance: none;z-index: -1;position: absolute;left: -10px;top: -8px;display: block;margin: 0;border-radius: 50%;width: 40px;height: 40px;background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);outline: none;opacity: 0;transform: scale(1); pointer-events: none;transition: opacity 0.3s, transform 0.2s;}
.card-product .pure-material-radio > span {display: inline-block; width: 100%;cursor: pointer;}
.card-product .pure-material-radio > span::before {content: "";display: inline-block;box-sizing: border-box;margin: 2px 10px 2px 0;   border: solid 2px;border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);border-radius: 50%;width: 20px;height: 20px;
vertical-align: top;transition: border-color 0.2s;}
.card-product .pure-material-radio > span::after {content: "";display: block;position: absolute;top: 2px;left: 0;border-radius: 50%;    width: 10px;height: 10px;background-color:#FFBCAA;transform: translate(5px, 5px) scale(0); transition: transform 0.2s;}
.card-product .pure-material-radio > input:checked {background-color:#FFBCAA;}
.card-product .pure-material-radio > input:checked + span::before {border-color:#FFBCAA;}
.card-product .pure-material-radio > input:checked + span::after {transform: translate(5px, 5px) scale(1);}
.card-product .pure-material-radio:hover > input {opacity: 0.04;}
.card-product .pure-material-radio > input:focus {opacity: 0.12;}
.card-product .pure-material-radio:hover > input:focus {opacity: 0.16;}
.card-product .pure-material-radio > input:active {opacity: 1;transform: scale(0);transition: transform 0s, opacity 0s;}
.card-product .pure-material-radio > input:active + span::before {border-color: #FFBCAA;}
.card-product .pure-material-radio > input:disabled {opacity: 0;}
.card-product .pure-material-radio > input:disabled + span {color:#FFBCAA;cursor: initial;}
.card-product .pure-material-radio > input:disabled + span::before {border-color: currentColor;}
.card-product .pure-material-radio > input:disabled + span::after {background-color: currentColor;}
.card-product img{width:100px;}
.card-product p{font-weight: 600;color:#282833;font-size: 0.9em;line-height:1.5;margin-bottom: 5px;}
.card-product h3{font-weight: 500;color:#282833;font-size: 0.8em;line-height:1;margin-bottom: 0;}
.card-product h4{font-weight: 600;color:#282833;font-size: 1.1em;line-height:1;margin-bottom: 0;}
.card-product img#prostar{width:10px}
.card-product a{color:#FD9478;font-weight: 600;font-size: 0.8em;line-height:1; float:right; margin-top:5px;text-decoration:none;}
.free-hit2{margin-top:15px;background:#282833;padding:15px 15px 15px 15px; border-radius:10px;}
.free-hit2 p{font-weight: 500;color: #FF5959;font-size: 1em;line-height: 2;margin-bottom: 0;}
.free-hit2 h3{font-weight: 400;color:#B2B6CB;font-size: 0.9em;line-height:1.2;margin-bottom: 0;}
.free-hit2 .col-3{padding-left:0}
.free-hit2 img{width:80px}

/*Writing Review*/
.writing-review{}
.five-star{margin-top:20px}
.five-star img{width:250px; margin:auto; display:block; margin-bottom:10px}
.five-star h2{font-weight: 500;color:#fff;font-size: 1.8em;line-height:1;margin-bottom: 0; text-align:center}
.five-star small{font-size:0.6em}
.writing-review .choose{margin-top:50px}
.writing-review .choose h2{line-height:1}
.writing-review .choose span{font-weight: 400;color:#49495A;font-size: 0.8em;line-height: 2;margin-bottom: 0;}
.add-video{margin-top:50px}
.add-video h3{font-weight: 600;font-size: 1.1em;line-height: 1;color:#fff;margin-top: 25px;margin-bottom: 5px;}
.add-video span{font-weight: 400;color:#49495A;font-size: 0.8em;line-height: 2;margin-bottom: 0;}
.add-file{border-style: dashed;border-color:#49495A;padding:40px 25px 30px; border-radius:10px; margin-top:15px}
.add-file .input--file {position: relative;color: #fff;}
.add-file .input--file input[type=file] {position: absolute;top: 0;left: 0;opacity: 0;}
.add-file p{color:#fff; font-size:1em;text-align:center}
.add-file img{margin:auto;display:block; cursor:pointer}

.add-review{margin-top:50px}
.add-review h3{font-weight: 600;font-size: 1.1em;line-height: 1;color:#fff;margin-top: 25px;margin-bottom: 5px;}
.add-review span{font-weight: 400;color:#49495A;font-size: 0.8em;line-height: 2;margin-bottom: 0;}
#review{background: #282833;border-radius: 8px;height: 100px;border: 0;color: #fff;padding:6px 12px; margin-top:10px}

.any{margin-top:20px}
.ya-chart3 input[type="checkbox"] {position: absolute;width: 40px;height: 20px;-webkit-appearance: none;appearance: none;background:transparent; border:2px solid#ff7973;outline: none;border-radius: 2rem;cursor: pointer;box-shadow: inset 0 0 5px rgb(0 0 0 / 50%); float:left}
.ya-chart3 input[type="checkbox"]::before {content: "";width: 15px;height: 15px;border-radius: 50%;background: #fff;position: absolute;top: 1px;left: 1px;transition: 0.5s;}
.ya-chart3 input[type="checkbox"]:checked::before {transform: translateX(130%);background: #ff7973;}
.ya-chart3 input[type="checkbox"]:checked {background:transparent; border:2px solid#ff7973}
.ua{margin-left:10px}
.any .set-toggle{float:left !important; margin-right:50px; clear:both}
.ya-chart3 [type="checkbox"]:not(:checked), [type="checkbox"]:checked {left: auto !important; position: absolute !important;visibility: visible !important;}
.any p{color:#fff; font-size:1em;font-weight:600; margin-left:50px}
.any span{font-weight: 400;color:#49495A;font-size: 0.9em;line-height: 2;margin-bottom: 0;}

/*Order Cancellation*/
.order-cancellation .form-control {background: #282833;border-radius: 8px;height: 40px;border: 0;color: #B2B6CB; margin-top:10px}

/*not-found*/
.not-found{margin-top:35px}
.not-found h1{font-weight: 600;font-size: 1.2em;line-height: 1;color:#fff; margin-top:15px; margin-bottom:10px;text-align:center}
.not-found p{font-weight: 400;color:#49495A;font-size: 1em;line-height: 1;margin-bottom: 0;text-align:center}
.not-found img{width:250px; margin:auto;display:block}

/*QR Code Scan*/
.qr{}
.qr p{font-weight: 500;color: #fff;font-size: 0.9em;line-height: 2;margin-bottom: 0;}
.qr h4{font-weight: 400;color:#49495A;font-size: 0.8em;line-height: 1;margin-bottom: 0;}
.qr span{font-weight: 400;color:#B2B6CB;font-size: 0.9em;line-height: 1;margin-bottom: 0;}
.qr img{width:50px; margin:auto; display:block}
.mt15{margin-top:15px}
.qr-data2, .qr-data3{display:none}
.qr-code{margin-top:50px}
.qr-code p{font-weight: 500;color: #B2B6CB;font-size: 0.9em;line-height: 2;margin-bottom: 0;text-align:center}
.qr-code img{width:250px;margin:auto;display:block; margin-top:15px}

/* 26/08/2024 */
.qr-bg {
  background: url(../images/qr-code.png) top center no-repeat;
  height: 350px;
  margin-top: 10px;
  padding-top: 20px
}
.qrrrr{padding:13px;margin:auto;width: 100%;}

.qrrrr img {
  width: 180px;
  margin-left: auto;
  display: block !important;
  margin-right: auto;text-align:center;
}

#qrCodeCanvas{text-align:center;}

#qrCodeCanvas img {
  width: 180px;
  margin-left: auto;
  display: block !important;
  margin-right: auto;
}

.bookqr {}

.bookqr h4 {
  font-weight: 600;
  color: #fff;
  font-size: 0.9em;
  line-height: 1.3;
  margin-bottom: 0;
  text-align: center
}

.bookqr p {
  font-weight: 400;
  color: #49495A;
  font-size: 0.8em;
  line-height: 1.3;
  margin-top: 15px;
  text-align: center
}

.qr-fllower img {
  width: 100px;
  margin: auto;
  display: block;
  margin-bottom: 25px
}

.qr-bg2 {
  background: url(../images/qr-code2.png) top center no-repeat;
  background-size: contain;
  height: 210px;
  margin-top: 10px;
  padding-top: 15px
}

.qr-bg2 .row {
  margin-right: 0;
  margin-left: 8px;
}

.qr-bg2-name {
  position: relative
}

.qr-bg2-name h2 {
  font-weight: 700;
  color: #463b25;
  font-size: 1em;
  line-height: 1.3;
  margin-bottom: 0;
}

.ticket-icon {
  position: absolute;
  right: 0;
  top: 0
}

.ticket-icon img {
  width: 40px !important
}

.qr-bg2-date {
  margin-top: 10px;
}

.qr-bg2-date h3 {
  font-weight: 500;
  color: #282833;
  font-size: 0.9em;
  line-height: 1.5;
  margin-bottom: 0;
}

.qr-bg2-date h4 {
  font-weight: 600;
  color: #282833;
  font-size: 0.9em;
  line-height: 1.5;
  margin-bottom: 0;
}

.qr-bg2-8 {
  margin-top: 10px;
}

.qr-bg2-8 h5 {
  font-weight: 700;
  color: #463b25;
  font-size: 2em;
  line-height: 1.3;
  margin-bottom: 0;
}

.qr-bg2-session {}

.qr-bg2-session h6 {
  font-weight: 600;
  color: #fff;
  font-size: 1em;
  line-height: 1.3;
  /* margin-bottom: 0; */
}

.qr-bg2 img {
  width: 60px;
  margin: auto;
  display: block;
}

/* 26/08/2024 */

/*Fixtures*/
.fixtures-slide{background: #282833;padding: 15px 15px 10px 15px;border-radius: 10px;margin-bottom: 15px;margin-top: 15px;position: relative;}
.fixtures-tag{border-radius: 0 10px 0 10px;display: block;position: absolute;top: 0;right: 0;}
.fixtures-tag img{width:60px !important}
.fixtures-slide p{font-weight: 600;color:#FF5959;font-size: 1em;line-height: 1;margin-bottom:8px;}
.fixtures-slide span{font-weight: 400;color:#B2B6CB;font-size: 0.8em;line-height: 1;margin-bottom: 0;}
/*.match-box{margin-top:15px}*/
.match-box img{width:23px !important;}
.fix-color{color:#fff !important}
.match-box .col-5{padding-right: 0px;padding-left: 0px;}
.match-box .col-2{padding-right: 0px;padding-left: 0px;}
.match-box h6{font-weight: 600;color:#fff;font-size: 1em;line-height: 1.5;}
.fixtures-slide .row{margin-bottom:0px}
hr.new1{border-top: 1px solid#49495A;margin-bottom: 2px;}
.btom img{width:15px !important; margin-right:2px;display: inline-block !important;}
.btom .col-4{padding-right: 5px;padding-left: 4px;}
.tab-pane .default-dots-carousel .owl-dots{margin:auto !important}
.bnnn{margin-top:20px}
.slot-price{margin-top:30px}
.slot-price h4{font-weight: 600;color:#fff;font-size: 1em;line-height: 1;margin-bottom:8px;}
.slot-price span{font-weight: 400;color:#B2B6CB;font-size: 0.8em;line-height: 1;margin-bottom: 0;}
.slot-table{margin-top:20px;background:#121217; padding-bottom:15px}
.tab-th{background:#282833}

.slot-filter {display: grid;width: 100%;margin: 0;border-radius: 0px;grid-gap:0px; color:#fff; font-size:0.9em; font-weight:600}
.slot-filter .column {margin:1px;border-radius:0px;padding:10px;line-height: 1;font-weight: 400;}
.slot-filter.numb {grid-template-columns: 1fr 1fr 1fr 1fr;}
.slot-filter span{font-weight: 400;color:#B2B6CB;font-size: 0.9em;line-height: 0;margin-bottom: 0;}
.green2{color:#9ACA99}
.pink2{color:#E0253C}
hr.new2{border-top: 1px solid#282833;margin-top: 0.5rem;margin-bottom: 0rem;}

.fri-filter {display: grid;width: 100%;margin: 0;border-radius: 0px;grid-gap:0px; color:#fff; font-size:0.9em; font-weight:600}
.fri-filter .column {margin:1px;border-radius:0px;padding:10px;line-height: 1;font-weight: 400;}
.fri-filter.fri {grid-template-columns: 25% 75%;}
.fri-filter span{font-weight: 400;color:#B2B6CB;font-size: 0.9em;line-height: 0;margin-bottom: 0;}
.book100{text-align:center;padding:12px;line-height:1;font-weight:600;background-image: linear-gradient(to right, #002FA7, #4F1D82);border:0px solid#fd9478;color:#fff;font-size:1em; border-radius:10px;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all; margin-top:0px; width:100%}
.book100:hover{background-image: linear-gradient(to right, #002FA7, #4F1D82);border:0px solid#fd9478;color:#fff;}

.filter-frame300 {background: #49495A;padding: 12px 15px;border-radius: 10px;width: 100%;text-align: left;color: #C1E3E1;line-height: 1;margin: auto; margin-top:20px}
.filter-frame300 span{color:#fff; font-size:0.7em}
.filter-frame300 img{float:right;margin-top: -6px;}

.upcoming-match{background-image: linear-gradient(to bottom right, #282833, #121217); padding:15px}
.upcoming-match h4{font-weight: 600;color:#fff;font-size: 1em;line-height: 1;margin-bottom:20px;display: inline-block;}
.upcoming-match img{width:20px}
.upcoming-match p{font-weight: 600;color:#fff;font-size: 1em;line-height: 1;margin-bottom:8px;}
.upcoming-match span{font-weight: 400;color:#808080;font-size: 0.8em;line-height: 0;margin-bottom: 0;}
.upcoming-match h5{font-weight: 600;color:#FD9478;font-size: 1em;line-height: 1;margin-bottom:20px;display: inline-block;}

.my-fixtures{margin-top:20px}
.my-fixtures h3{font-weight: 600;color:#fff;font-size: 1em;line-height: 1;margin-bottom:8px;display: inline-block;}
.my-fixtures p{margin:8px 0;}
.float-rightt{margin-top:-18px; float:right}
.float-rightt img#qqrr{width:15px}
.btom .col-6{padding-right:0}
.brownn{color:#D8B98B !important}
.whitee{color:#fff !important;}
img#up{width:80px !important}


/* Modal Bottom */
.modal.modal-bottom.fade .modal-dialog{bottom: -100%;-webkit-transition: opacity 0.3s linear, bottom 0.3s ease-out;-moz-transition:opacity 0.3s linear, bottom 0.3s ease-out;-o-transition: opacity 0.3s linear, bottom 0.3s ease-out;transition: opacity 0.3s linear, bottom 0.3s ease-out;}
.modal.modal-bottom.fade.show .modal-dialog {bottom: 0;}
.modal.modal-bottom.fade .modal-dialog {bottom: -70%;}
.modal.modal-full .modal-dialog {position: fixed;margin: auto;width: 100%;max-width: 100%;height: 100%;}
.modal.modal-full .modal-content {height: 70% !important;overflow-y: auto;}
.modal.modal-full .close-modal {position: fixed;top: 0;right: 3rem;}
.modal#bottom_modal{height:70% !important;top:30%;border-radius: 20px 20px 0 0;}
.modal-backdrop.show {opacity: 1;}
.modal#bottom_modal .close {width: 30px; color: #fff;margin-top: 0px;}
.modal#bottom_modal .modal-body {padding: 35px;}
.modal#bottom_modal h3{font-weight: 600;color:#fff;font-size: 1.1em;line-height: 1;margin-bottom:8px;}

/* datepicker css */
.appp{margin-top:15px}
.v-application--wrap{min-height: 100%;background: #0e0e13}
.v-application .primary{display:none}
.v-date-picker-table td, .v-date-picker-table th {padding: 2px 5px;}
.v-application--wrap .row{margin-bottom:0}
.v-picker__body.theme--light{width:100%;border-radius: 5px;}
.v-date-picker-table {position: relative;padding: 0px 12px 10px;height: 100%;}
.v-date-picker-header {padding: 10px 16px;}
.theme--light.v-picker__body {background: #0e0e13;}
.theme--light.v-date-picker-header .v-date-picker-header__value:not(.v-date-picker-header__value--disabled) button:not(:hover):not(:focus) {color: #fff;}
.theme--light.v-date-picker-table .v-date-picker-table--date__week, .theme--light.v-date-picker-table th {color: #fff;}
.v-btn__content{color: #fff;}
.theme--light.v-btn:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined) {background-color: #FF5959;}
.v-btn__content{color: #fff;background: #B2B6CB1A;height: 32px;width: 32px;border-radius: 50%;}

/*Legendary - BBM*/
.schedule-session{background-image: linear-gradient(to bottom right, #282833, #121217);margin-top:15px; padding:15px 15px 30px 15px; border-radius:10px}
.schedule-session h3{font-weight: 600;color:#fff;font-size: 1em;line-height: 1;margin-bottom:5px;}
.schedule-session span{font-weight: 400;color:#989caf;font-size: 0.7em;line-height: 0;margin-bottom: 0;}
.schedule-session img#explation2 {width: 10px !important;opacity: .8;margin-right: 5px;}
.schedule-session .date-frame{font-size:0.9em}

.schedule-session p{color:#fff; font-weight:600; font-size:1.1em}
.schedule-session div.radio-with-Icon {display: flex; width:100%}
.schedule-session div.radio-with-Icon p.radioOption-Item {display: inline-block;width:100%;height: 40px;box-sizing: border-box;  margin: 0px;border: none;}
.schedule-session div.radio-with-Icon p.radioOption-Item label {display: block;height: 100%;width: 100%;padding: 0px;border-radius:10px;border: 0px solid #de1831;color: #fff;cursor: pointer;opacity: .8;transition: none;font-size: 13px;padding-top: 14px;  text-align: center;margin: 0 !important; background:#282833; line-height:1}
.schedule-session div.radio-with-Icon p.radioOption-Item label:hover, div.radio-with-Icon p.radioOption-Item label:focus, div.radio-with-Icon p.radioOption-Item label:active {opacity:1;background: #fff;color: #000;margin: 0 !important;}
.schedule-session div.radio-with-Icon p.radioOption-Item label::after, div.radio-with-Icon p.radioOption-Item label:after, div.radio-with-Icon p.radioOption-Item label::before, div.radio-with-Icon p.radioOption-Item label:before {opacity: 0 !important;  width: 0 !important;height: 0 !important;margin: 0 !important;}
.schedule-session div.radio-with-Icon p.radioOption-Item label i.fa {display: block;font-size: 50px;}
.schedule-session div.radio-with-Icon p.radioOption-Item input[type="radio"] {opacity: 0 !important;width: 0 !important;height: 0 !important;}
.schedule-session div.radio-with-Icon p.radioOption-Item input[type="radio"]:active ~ label {opacity: 1;}
.schedule-session div.radio-with-Icon p.radioOption-Item input[type="radio"]:checked ~ label {opacity: 1;border: none;background:#fff;color: #000;}
.schedule-session div.radio-with-Icon p.radioOption-Item input[type="radio"]:hover, div.radio-with-Icon p.radioOption-Item input[type="radio"]:focus, div.radio-with-Icon p.radioOption-Item input[type="radio"]:active {margin: 0 !important;}
.schedule-session div.radio-with-Icon p.radioOption-Item input[type="radio"] + label:before, div.radio-with-Icon p.radioOption-Item input[type="radio"] + label:after {margin: 0 !important;}

.schedule-session h4{font-weight: 600;color:#fff;font-size: 1em;line-height: 1;margin-bottom:5px; margin-top:25px}
.schedule-session h5{font-weight: 400;color:#989caf;font-size: 0.7em;line-height: 0;margin-top: 40px;}
.ss-pd{padding: 25px 20px 0 15px;line-height: 1;}
.p-text{font-weight: 400 !important;color:#282833 !important;font-size: 0.8em !important;line-height: 1.3 !important;margin-bottom: 0;}
.p-text2{font-weight: 400 !important;color:#fff !important;font-size: 0.8em !important;line-height: 1.3 !important;margin-bottom: 0;}
.tra .master-frame, .tra .america-frame{padding: 25px 25px 25px 15px;}
.mt-25{margin-top:10px; padding:15px}

/*BCL Registration*/
.bcl{background-image: linear-gradient(to bottom right, #282833, #121217);margin-top:15px; padding:5px 15px; border-radius:10px}
.bcl::before{content:"28"; color:#333338; font-size:3em; font-style:italic; margin-left:70px; line-height:1;position: absolute;}
.bcl h3{font-weight: 600;color:#fff;font-size: 1em;line-height: 1;margin-bottom:0px;font-style:italic;}
.bcl-registration h4{font-weight: 600;color:#B2B6CB;font-size: 1em;line-height: 1;margin-bottom:25px; margin-top:40px}
.lion-1{background:url(../images/lion-1.png) top center no-repeat; background-size:cover;padding:20px 15px;border-radius:10px}
.lion-1 img{width:25px}
.lion-1 h5{margin-left:10px;font-weight: 600;color:#fff;font-size: 1.2em;line-height: 1.3;margin-bottom:0px;}

.lion-2{background:url(../images/lion-2.png) top center no-repeat; background-size:cover;padding:20px 15px;border-radius:10px; margin-top:15px}
.lion-2 img{width:25px}
.lion-2 h5{margin-left:10px;font-weight: 600;color:#fff;font-size: 1.2em;line-height: 1.3;margin-bottom:0px;}

.bcl-registration .sub-user-box{position:relative;padding: 15px 30px;}
.bcl-registration .sub-user-box ul {position: absolute;right: 15px;top: 34px;}

/*Create New Team*/
.new-team{}
.new-team h5{margin-left:10px;font-weight: 600;color:#fff;font-size: 1em;line-height: 1;margin-bottom:0px;}
.team-name{background:#282833;padding:5px; border-radius:10px; margin-top:10px}
.team-name .date-filter .column {margin:1px;border-radius:0px;padding:0}
.team-name .date-filter.two100 {grid-template-columns: 70% 30%;}
.team-name .form-control {background:transparent;border-radius: 8px;border: 0;color: #fff;}

.add2200{text-align:center;padding:5px 15px;line-height:2.2;font-weight:400;background:#282833;border:0px solid#282833;color:#B2B6CB;font-size:0.8em; border-radius:10px;text-transform: capitalize; margin-top:15px; margin-right:5px}
.add2200:hover{background:#282833;border:0px solid#282833;color:#B2B6CB; text-decoration:none}
.mt-40{margin-top:40px}
.new-team span{font-weight: 400;color:#989caf;font-size: 0.8em;line-height: 0;margin-bottom: 0; margin-left:10px}
.add-file2 {padding: 40px 15px 10px;border-radius: 10px;margin-top: 15px;background:#282833}
.add-file2 .input--file {position: relative;color: #fff;}
.add-file2 .input--file input[type=file] {position: absolute;top: 0;left: 0;opacity: 0;}
.add-file2 img{margin:auto;display:block; cursor:pointer}
.file-input{margin-top:25px}
.file-input__input {width: 100%;height: 30px;opacity: 0;overflow: hidden;position: absolute;z-index: -1; color:#fff}
.file-input__label {cursor: pointer;display: inline-flex;align-items: center;border-radius: 50px;font-size: 1em;font-weight: 400;color: #fff;padding: 20px 25px;background: #49495A; width:100%}
.file-input__label span{color:#fff;margin:auto}
.mt-15{margin-top:15px}
.mt-15 span{margin-left:0}
.e-fee{background-image: linear-gradient(to bottom right, #282833, #121217);margin-top:15px; padding:15px; border-radius:10px;position:relative;}
.e-fee img{width:15px;margin-left: 0px;}
.e-fee .date-filter .column{font-size:0.9em;font-weight:400;line-height: 1;padding:0}
.hi{display:none; margin-top:15px}
.hi span{margin-left:0;}
.e-fee span{margin-left:0}

.hi div.radio-with-Icon {display: flex; width:100%}
.hi div.radio-with-Icon p.radioOption-Item {display: inline-block;width:100%;height: 40px;box-sizing: border-box;  margin: 0px;border: none;}
.hi div.radio-with-Icon p.radioOption-Item label {display: block;height: 100%;width: 100%;padding: 0px;border-radius:10px;border: 0px solid #de1831;color: #fff;cursor: pointer;opacity: .8;transition: none;font-size: 13px;padding-top: 14px;  text-align: center;margin: 0 !important; background:#282833; line-height:1}
.hi div.radio-with-Icon p.radioOption-Item label:hover, div.radio-with-Icon p.radioOption-Item label:focus, div.radio-with-Icon p.radioOption-Item label:active {opacity:1;background: #fff;color: #000;margin: 0 !important;}
.hi div.radio-with-Icon p.radioOption-Item label::after, div.radio-with-Icon p.radioOption-Item label:after, div.radio-with-Icon p.radioOption-Item label::before, div.radio-with-Icon p.radioOption-Item label:before {opacity: 0 !important;  width: 0 !important;height: 0 !important;margin: 0 !important;}
.hi div.radio-with-Icon p.radioOption-Item label i.fa {display: block;font-size: 50px;}
.hi div.radio-with-Icon p.radioOption-Item input[type="radio"] {opacity: 0 !important;width: 0 !important;height: 0 !important;}
.hi div.radio-with-Icon p.radioOption-Item input[type="radio"]:active ~ label {opacity: 1;}
.hi div.radio-with-Icon p.radioOption-Item input[type="radio"]:checked ~ label {opacity: 1;border: none;background:#fff;color: #000;}
.hi div.radio-with-Icon p.radioOption-Item input[type="radio"]:hover, div.radio-with-Icon p.radioOption-Item input[type="radio"]:focus, div.radio-with-Icon p.radioOption-Item input[type="radio"]:active {margin: 0 !important;}
.hi div.radio-with-Icon p.radioOption-Item input[type="radio"] + label:before, div.radio-with-Icon p.radioOption-Item input[type="radio"] + label:after {margin: 0 !important;}
.pt-25{padding-top:25px}

.any2{position:absolute;margin-top: -15px;left:0px; margin-left:15px}
.any2 .ya-chart3{color:#fff;display: inline-block;}
.any2 p {margin-left: 50px;line-height: 0;color: #fff;margin-top: 4px;font-size: 0.9em;}

.add202{text-align:center;padding:5px 15px;line-height:2.2;font-weight:400;background:#49495A;border:0px solid#49495A;color:#fff;font-size:0.9em; border-radius:50px;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all; text-transform: capitalize;float:left}
.add202:hover{background:#49495A;border:0px solid#49495A;color:#fff; text-decoration:none}
.add202 span{margin-left:0 !important}
.fee-img{border-radius:10px; overflow:hidden; margin-top:10px}

/*Adding Players*/
.adding-players{}
.adding-players .col-6{padding-left:0}
.adding-players h2{font-weight: 600;color:#fff;font-size: 1em;line-height: 1;margin-bottom:5px; margin-top:10px}
.adding-players h3{font-weight: 400;color:#fff;font-size: 0.9em;line-height: 1;margin-bottom: 15px; margin-top:30px}
.adding-players h4{font-weight: 600;color:#fff;font-size: 1em;line-height: 1;margin-bottom:15px; margin-top:40px}
.lion-3{background:url(../images/fee.png) top center no-repeat; background-size:cover;padding:20px 15px;border-radius:10px; margin-bottom:10px}
.lion-3 h5{margin-left:10px;font-weight: 600;color:#fff;font-size: 1.2em;line-height: 1.3;margin-bottom:0px;}
.abab{font-size: 0.9em;font-weight: 400;line-height: 1;color:#fff;padding-top: 13px;}
.abab img{width: 15px; margin-left: 0px;}
.pi .form-control{background: #282833;border-radius: 8px;height: 40px;border: 0;padding: 0 8px; color:#fff; font-size:0.9em}
.pi .date-frame{background: #282833;font-weight: 500;color: #fff;font-size: 0.9em;line-height: 1;}
.pi .date-frame img {width: 18px;margin-left: 10px;}
.pi .col-12, .pi .col-6{padding-left:0;padding-right:10}
.role100 .col-3, .role100 .col-5, .role100 .col-9{padding-left:0;padding-right:0}

.role100{}
.role100 div.radio-with-Icon {display: flex; width:100%}
.role100 div.radio-with-Icon p.radioOption-Item {display: inline-block;width:73px;height: 40px;box-sizing: border-box; border: none;}
.role100 div.radio-with-Icon p.radioOption-Item label {display: block;height: 100%;width: 100%;padding: 0px;border-radius:10px;border: 0px solid #de1831;color: #B2B6CB;cursor: pointer;opacity: .8;transition: none;font-size: 11px;padding-top: 14px;  text-align: center;margin: 0 !important; background:#282833;line-height:1}
.role100 div.radio-with-Icon p.radioOption-Item label:hover, div.radio-with-Icon p.radioOption-Item label:focus, div.radio-with-Icon p.radioOption-Item label:active {opacity:1;background: #fff;color: #000;margin: 0 !important;}
.role100 div.radio-with-Icon p.radioOption-Item label::after, div.radio-with-Icon p.radioOption-Item label:after, div.radio-with-Icon p.radioOption-Item label::before, div.radio-with-Icon p.radioOption-Item label:before {opacity: 0 !important;  width: 0 !important;height: 0 !important;margin: 0 !important;}
.role100 div.radio-with-Icon p.radioOption-Item label i.fa {display: block;font-size: 50px;}
.role100 div.radio-with-Icon p.radioOption-Item input[type="radio"] {opacity: 0 !important;width: 0 !important;height: 0 !important;}
.role100 div.radio-with-Icon p.radioOption-Item input[type="radio"]:active ~ label {opacity: 1;}
.role100 div.radio-with-Icon p.radioOption-Item input[type="radio"]:checked ~ label {opacity: 1;border: none;background:#fff;color: #000; line-height:0}
.role100 div.radio-with-Icon p.radioOption-Item input.ra[type="radio"]:checked ~ label {opacity: 1;border: none;background:#fff;color: #000; line-height:1}
.role100 div.radio-with-Icon p.radioOption-Item input[type="radio"]:hover, div.radio-with-Icon p.radioOption-Item input[type="radio"]:focus, div.radio-with-Icon p.radioOption-Item input[type="radio"]:active {margin: 0 !important;}
.role100 div.radio-with-Icon p.radioOption-Item input[type="radio"] + label:before, div.radio-with-Icon p.radioOption-Item input[type="radio"] + label:after {margin: 0 !important;}

.role100 p#rol100 {color: #B2B6CB;font-size: 0.8em;line-height: 3;font-weight: 400;}
.role100 p#rol101 {color: #B2B6CB;font-size: 0.8em;line-height: 2;font-weight: 400;}
.role100 .form-control{background: #282833;border-radius: 8px;height: 40px;border: 0;padding: 0 8px; color:#fff; font-size:0.9em}
.intry-fee .row {margin-bottom:10px;}
.intry-fee .col-6{padding-left:0;padding-right:0}
.add-pl{}
.add-pl .ya-chart2 img{width:12px; margin-right:5px}
.add-pl .set-toggle{margin-right:0;margin-top: -40px;}
.add-pl{padding:15px !important}
.add-pl .col-2{padding-left:0}
.add-pl .col-10{padding-top:10px}

.blc .add202{float:right !important}
.blc h2{font-weight: 600;color:#fff;font-size: 1em;line-height: 1;margin-bottom:5px; margin-top:0px}
.blc span{font-weight: 400;color:#989caf;font-size: 0.8em;line-height: 0;margin-bottom: 0;}
.s-table a{color:#B2B6CB; text-decoration:none}
.vs img{margin:auto; display:block; margin-top:20px}
.vs2 img{width: 18px !important; margin-top:10px}
.ss .add202{float:none !important}
.mt--15{margin-top:-15px}

.point-table{margin-top:20px}
.point-table h2{font-weight: 600;color:#fff;font-size: 1em;line-height: 1;margin-bottom:15px; margin-top:0px}
.first-green{color:#9ACA99 !important; font-weight:600 !important}
.first-red{color:#FD9478 !important; font-weight:600 !important}
.first-blue{color:#A5A6F6 !important; font-weight:600 !important}
.junior-box{}
.slot-filter.numb6{grid-template-columns: 40% 12% 12% 12% 12% 12%;}
.slot-filter.numb6 span{color:#fff !important; font-weight:600 !important}
.slot-filter.numb6 img{width:15px}
.bcl2::before{content:"28";background: -webkit-linear-gradient(#116278, #FD9478)!important; -webkit-background-clip: text !important;  -webkit-text-fill-color: transparent !important; font-size:3em; font-style:italic; margin-left:70px; line-height:1.3;position: absolute;width: 100px;}

/*Activity*/
.payment-pending3{background:#282833; border-radius:10px; padding:25px 15px; margin-top:25px}
.payment-pending3 img{width:18px !important; margin-right:10px}
.payment-pending3 h6{font-weight:700;color:#fff;font-size: 0.9em; margin-bottom:10px}
.payment-pending3 p{font-weight:700;color:#fff;font-size: 1.3em; margin-bottom:12px; text-align:right;margin:0 0 15px 0px;}
.payment-pending3 span{font-weight:400;color:#B2B6CB;font-size: 0.9em;margin-left:0px !important}
.payment-pending3 h5{font-weight:400;color:#49495A;font-size: 0.9em;margin-left:0px !important;text-decoration: line-through;text-align:right;}

.myaccordion {max-width: 500px;margin: 50px auto;box-shadow: 0 0 1px rgba(0,0,0,0.1);}
.myaccordion .card, .myaccordion .card:last-child .card-header {border: none;}
.myaccordion .card-header {border-bottom-color: #EDEFF0;background: transparent;border-bottom: 0px}
.myaccordion .btn {width: 100%;color: #fff;padding: 0;font-weight: 700;}
.myaccordion .btn-link:hover, .myaccordion .btn-link:focus {text-decoration: none;}
.myaccordion .card{background-image: linear-gradient(to bottom right, #282833, #121217);}
.myaccordion .card .fa{color: #B2B6CB;border: 3px solid #B2B6CB;border-radius: 50%;width: 20px;height: 20px;}
.myaccordion .card .btn:focus {outline: 0;box-shadow: none;}
.myaccordion .card-body{position:relative}
.myaccordion .card-header i {font-weight: 400;color: #C1E3E1;font-size: 0.7em;line-height: 0;margin-bottom: 0;}
.myaccordion .card-header img#explation20{width:17px}
.card-header .btn{background:transparent;letter-spacing: 0;}
.card-header .btn:hover{background:transparent}
.card-header .btn{outline: 0;box-shadow: none;}

/* Define custom date classes */
/* .selected a {background: #2df888 !important;border: 0 !important;color: #000 !important;} */
/* .highlighted a {background: #ffcc00 !important;border: 0 !important} */
/* .disabled a {background-color: #f82222 !important;border: 0 !important} */
/* .custom-color a {background-color: #4CAF50 !important;border: 0 !important} */
/* .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{border: 0px solid #f00;background: #f00 !important;color: #fff !important;border-radius: 35%;} */

table {border-collapse: collapse;border-spacing: revert-layer;}

.ui-datepicker td {border: 0;padding:0px;}
#altField{width:96%;background:#49495A;border-radius:4px; height:40px; color:#fff; margin-bottom:10px; border:0; padding:0 5px}
.ui-datepicker-inline{width:100%}
.ui-state-hover{background:#FF5959 !important; color:#000 !important}
.ui-widget-content{background:transparent}
.ui-widget.ui-widget-content {border: 0px solid #cbc7bd;}
.ui-datepicker td a, .ui-state-default, .ui-widget-content .ui-state-default{text-align: center;color:#000}
.ui-state-default {text-align: center important;border-radius: 35%;height: 43px;width: 43px;line-height: 2.2;}
.ui-widget-content .ui-state-disabled span{color:#fff}

.ui-datepicker-calendar [scope="col"]{background:#49495A;border-radius: 35%; color:#fff;height: 43px;width: 43px;}
.ui-datepicker .ui-datepicker-header {position: relative;padding: .2em 0;margin-bottom: 20px;background: #49495A;color: #fff;border: 0;}
.ui-widget-header .ui-icon {filter: brightness(0) invert(1);}
.ui-datepicker td span, .ui-datepicker td a {display: block;padding: .4em .2em;}
.ui-state-hover{border: 0px solid #f00;background: #f00 !important;color: #fff !important;}

.selected-day{background:#282833;border-radius:0px; padding: 20px;}
.selected-day p{font-weight: 400;color:#B2B6CB;font-size: 0.8em;line-height: 0;margin-bottom: 0;}
.selected-day span{color:#fff; font-size:1.2em}
.selected-day h5{color:#fff; font-size:1em; font-weight:600;line-height:3}
.selected-day h4{color:#fff; font-size:0.9em; font-weight:600; margin-bottom:20px; line-height:1.6;text-indent:23px;}
.selected-day h6{color:#fff; font-size:0.9em; font-weight:600; margin-bottom:0px; line-height:1.6;text-indent:23px;}
.selected-day img#se-dot{width:15px;margin-right:5px}
.mt25{margin-top:25px}
.selected-day .col-4, .selected-day .col-5{padding-right:0}
hr.line30 {border-top: 1px solid #3a3a3a;margin-top:0em;margin-bottom: 10px;}
.new-linehight{line-height:0 !important}

.select-date{background:#49495A; padding: 20px 10px 0px 10px; border-radius:10px}
.selected-day h2{color:#fff; font-size:1em; font-weight:600;line-height:2.5}
.selected-day h3{color:#fff; font-size:0.9em; font-weight:600; margin-bottom:0px; line-height: 3;}

.select-date2{padding: 0px 20px 0px 20px;}
.select-date2 .row{margin-bottom:0}
.selected-day2 h3{color:#fff; font-size:0.9em; font-weight:600; margin-bottom:0px; line-height: 3;}
.next-date{display:none}
.showdate{display:block !important;margin-top: -14px;}

.player-wall{margin-top:25px}
.player-wall h2{color:#fff; font-size:1.1em; font-weight:600;line-height:2}
.player-wall p{font-weight: 400;color:#B2B6CB;font-size: 0.8em;line-height: 3;margin-bottom: 0;}
.player-wall .shir a{font-weight: 400;color:#B2B6CB;font-size: 0.8em;line-height: 3;margin-bottom: 0; text-decoration:none; float:right}
.player-wall .shir img{margin-right:5px}
img#apic{width:15px; margin-left:3px}
.wall-pic{margin-top:10px}
.player-wall .col-2{padding-left:0}

/*report*/
.col-report{margin-top:15px}
.col-report h2 {font-weight: 700;color: #fff;font-size: 1em;}
.metrics-report{background-image: linear-gradient(to bottom right, #282833, #121217);margin-top:15px; padding:15px 15px 25px 15px}
.metrics-report h3 {font-weight: 700;color: #fff;font-size: 0.9em;}
.enable-bt2{padding:0px;float:left; margin-top:15px}
.enable-bt2 span{margin-left:11px; margin-right:50px}
.enable-bt2 p{font-weight:400;font-size: 0.8em; line-height:1.8; color:#49495A; text-align:center;position: relative;}

.batting-evaluation{background-image: linear-gradient(to bottom right, #282833, #121217);margin-top:15px; padding:15px 15px 15px 15px; border-radius
:10px;position:relative}
.bting-icon{position:absolute;background:#49495A;border-radius:5px;padding-top:8px; top:10px; right:10px;height: 35px; width: 35px;}
.bting-icon img{width:20px;margin:auto;display:block}
.batting-evaluation h4 {font-weight: 700;color: #fff;font-size: 0.9em;}
.bting-date{background:#49495A; color:#fff; font-size:0.6em; border-radius:5px;margin-top: 10px;padding: 2px 5px;display: inline-block;}
.bar-table{margin-top:20px}
.grid-bar {display: grid;width: 100%;margin: 0;border-radius: 0px;grid-gap:0px;}
.grid-bar .column {margin:1px;border-radius:0px;}
.grid-bar.bar-one {grid-template-columns: 28% 18% 18% 18% 18%;}
.bar-table p{font-weight: 700;color: #fff;font-size: 0.8em;}
.bar-c{color:#B2B6CB !important}
.bting-date2{background:#49495A; color:#fff; font-size:0.6em; border-radius:5px;margin-top: 0px;padding: 2px 10px;display: inline-block;}
.bting-strip{background:#282833; border-radius:5px;margin-top: 10px;padding: 2px 5px;text-align: center; width: 50px;height: 170px;}
#mb-2{margin-bottom:2px}
#spac{margin-top:-10px}
.bar-table span{font-weight: 400;font-size: 0.7em;line-height: 1; color: #B2B6CB;}
.bting-date3{background:#49495A; color:#fff; font-size:0.9em; border-radius:5px;margin-top: 0px;padding: 2px 8.2px;display: inline-block;margin-top:18px;width: 50px;text-align: center;}
#rotate{font-weight: 400;font-size: 0.7em;line-height: 1; color: #B2B6CB; transform: rotate(90deg);width: 70px;text-align: left;margin: 35px 0px 0px -15px;}
.ro-img{margin-top:70px}
.ro-img img{width:30px; margin:auto; display:block}
.lin-box{background-image: linear-gradient(to bottom right, #282833, #121217);margin-top:15px; padding:15px 15px 15px 15px; border-radius
:10px;}
.lin-box h4{font-weight: 700;color: #fff;font-size: 0.9em; margin-bottom:15px}
.grid-line-bar {display: grid;width: 100%;margin: 0;border-radius: 0px;grid-gap:0px;}
.grid-line-bar .column {margin:1px;border-radius:0px;}
.grid-line-bar.lin-one {grid-template-columns: 40% 60%}
.grid-line-bar p{font-weight: 700;color: #fff;font-size: 0.8em;margin-bottom: 0;}
.grid-line-bar span{font-weight: 400;font-size: 0.7em;line-height: 1; color: #B2B6CB;}
.lincolor{background:#282833;padding:6px 10px; border-radius:5px;margin-top: 5px;}

/*Schedule*/
.ya-schedule{}
.sub-box2{background:#282833;padding:0px; border-radius:10px; margin-bottom:15px}
.sub-box2 img{width:50px}
.sub-box2 p{font-weight: 700;color:#fff;font-size: 0.9em;line-height:1; margin-bottom:0;}
.sub-box2 span{color: #B2B6CB;font-size: 0.8em;font-weight:400}
.sub-box2 .col-9{padding-left:0}
.ya-schedule .row{margin-bottom:0}
.taken30 {display: block;margin-top: 0;}
.taken30 p {color: #B2B6CB;font-size: 11px; margin-bottom:0}
.taken30 img#explation2 {width: 10px !important;opacity: .8;margin-right: 5px;}
#int{text-indent:16px}
.feb{background-image: linear-gradient(to bottom right, #282833, #121217); padding:20px 15px 25px; margin-top:20px}
.feb h2{font-weight: 700;color: #fff;font-size: 1.7em; margin-bottom:15px}
.feb #myDIV{margin-top:25px}
.feb .btn {border:1px solid#49495A;outline: none;padding: 10px;background:transparent;cursor: pointer;font-size:0.8em;width:45px;height:45px;line-height:1;color:#49495A; margin:3px;border-radius:8px}
.feb .active, .feb .btn:hover {background: #fff;color:#49495A;border-radius:8px}
.ya-schedule h3{font-weight: 700;color: #fff;font-size: 1.1em; margin:15px 0}

.sub-box3{background:#282833;padding:15px; border-radius:10px; margin-bottom:15px; position:relative}
.sub-box3 p{font-weight: 700;color:#fff;font-size: 1em;line-height:2; margin-bottom:0;}
.sub-box3 span{color: #B2B6CB;font-size: 0.9em;font-weight:400}
.bting-text{position:absolute;padding-top:8px; top:5px; right:20px;}

.grid-barr {display: grid;width: 100%;margin: 0;border-radius: 0px;grid-gap:0px;}
.grid-barr .column {margin:1px;border-radius:0px;}
.grid-barr.barr-one {grid-template-columns: 8% 92%}
#v-line1{width:4px; background:#C1E3E1; height:100%}
#v-line2{width:4px; background:#FF5959; height:100%}

.aslo{padding-right:0px; padding-left: 0px;}


@media screen and (max-width: 768px){
.main{width:100%}
.logo img{width:50px}
.jersey-no{padding-right: 0px;margin-left: 40%;}
}

@media (min-width:480px) and (max-width:768px){
.dnav{width: 96% !important; z-index:99999}
.jersey-no h3{text-align:center}
.jersey-no h4{text-align:center}
}
@media only screen and (max-width: 992px){
.modal {width: 100%; height:100vh;max-height: 100%}
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {display: block;}
.modal{background:#0e0e13;width: 100%; height:100vh;max-height: 100%}
.modal .close {float: none; cursor:pointer; padding:0;opacity: 1}
.modal .modal-content {padding: 0;background-color:transparent; border:0}
.modal .modal-content .inner{padding:0; margin-top:15px}
.modal-body{padding:0;}
.modal-dialog {margin: 0rem .5rem .5rem .5rem;}
.modal-body .top-gray {padding: 20px 10px 22px;}
.h-fix{position: relative;width: 100%;margin-bottom: 90px;}
.modal-header{border-bottom:0;position: fixed;width: 100%;z-index: 999999;}
.btact{background:#fff !important;opacity:1 !important; color:#000 !important}