body {  font-family: 'Inter'; font-size:16px; margin:0; padding:0; color:#374151; line-height: 24px;  }

a:hover {text-decoration:none;  }
img{height: auto;}
 
@font-face {
    font-family: 'Inter Light BETA';
    src: url('../fonts/Inter-LightBETA.woff2') format('woff2'),
        url('../fonts/Inter-LightBETA.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Black.woff2') format('woff2'),
        url('../fonts/Inter-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Bold.woff2') format('woff2'),
        url('../fonts/Inter-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('Inter-Medium.woff2') format('woff2'),
        url('Inter-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Regular.woff2') format('woff2'),
        url('../fonts/Inter-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter Semi';
    src: url('../fonts/Inter-SemiBold.woff2') format('woff2'),
        url('../fonts/Inter-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


 
a {outline:0 !important;}
img {max-width:100%;}
img:focus, img:hover, img:visited {outline:none;}
a, a:hover, .button{transition:all 0.4s ease-out; -webkit-transition:all 0.4s ease-out; text-decoration: none; }
.homepage-bg    {background: #05060d; overflow: auto; height: 100vh;}
.container {max-width:1466px; margin:auto; padding:0 40px;}
.pt-60 {padding-top:50px; }
 nav.navbar.navbar-expand-lg.top-menu { padding-left: 0; padding-right: 0;}
.top-menu-bg { background: #1d1d1d;  }
.top-menu ul.navbar-nav li.nav-item  {padding:0 5px; }
.top-menu ul.navbar-nav li.nav-item a {color:#fff;}
.sign-in a {color:#fff;}
button {transition:0.4s; outline:0; padding:14px 20px; margin-right:5px; outline: none; border:4px;}
button.blue-btn {background: #2B2F3A; border-radius: 4px; text-align:center; color:#fff; outline: none; }
button.blue-btn:hover {background: #374151; }
button.bluedark-btn {background:#191D29; color:#fff; border-radius: 4px;}
button.bluedark-btn:hover { background: #374151;}
.form-example button.light-blue-btn {background: #FFF !important; border-radius: 4px; text-align:center;   color:#191D29; outline: none; }
button.light-blue-btn {background: #FFF !important; border-radius: 4px; text-align:center;   color:#191D29; outline: none; }
button.light-gray-btn {background: #D9DEE5; border-radius: 4px; text-align:center;   color:#191D29; outline: none; }
button.light-gray-btn:hover {background: #e8edf5;}
button.light-blue-btn:hover {background:#FFF;}


.navbar-toggle.x .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 10% 10%;
    -ms-transform-origin: 10% 10%;
    transform-origin: 16% 190%;
}

.navbar-toggle.x .icon-bar:nth-of-type(2) {
    opacity: 0;
    filter: alpha(opacity=0);
}

.navbar-toggle.x .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 10% 90%;
    -ms-transform-origin: 10% 90%;
        transform-origin: 7% -70%;
}

/* ANIMATED X COLLAPSED */
.navbar-toggle.x.collapsed .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.navbar-toggle.x.collapsed .icon-bar:nth-of-type(2) {
    opacity: 1;
    filter: alpha(opacity=100);
}

.navbar-toggle.x.collapsed .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
/* END ANIMATED X */

/* ANIMATED RIGHT ARROW */
.navbar-toggle.rarr.collapsed .icon-bar:nth-of-type(1) {
    transform: translate3d(0,0,0) rotate(0deg);
    transform-origin: right top;
    width: 22px;
}

.navbar-toggle.rarr.collapsed .icon-bar:nth-of-type(2) {
    transform: translate3d(0,0,0) rotate(0deg);
}

.navbar-toggle.rarr.collapsed .icon-bar:nth-of-type(3) {
    transform: translate3d(0,0,0) rotate(0deg);
    transform-origin: right bottom;
    width: 22px;
}

.navbar-toggle.rarr .icon-bar:nth-of-type(1) {
    transform: translate3d(11px,6px,0) rotate(45deg);
    transform-origin: right top;
    width: 11px;
}

.navbar-toggle.rarr .icon-bar:nth-of-type(2) {
    /* transform: scale(0.75); */;
}

.navbar-toggle.rarr .icon-bar:nth-of-type(3) {
    transform: translate3d(11px,-6px,0) rotate(-45deg);
    transform-origin: right bottom;
    width: 11px;
}
/* END ANIMATED RIGHT ARROW */
 
 
button.navbar-toggle.x{outline:none; margin:0; background:#FF0000;border:0; box-shadow:none; border-radius: 100%; height: 50px; width: 50px; padding: 0 14px 3px;}
span.icon-bar {
    background: #fff;
    color: #fff;
    width: 22px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    height: 2px;
    display: block;
    margin-top:5px; 
}
/* END ANIMATED UP ARROW */


.top-menu button.blue-btn, .top-menu button.red-btn {margin:0 5px;}
.btn-arrow {margin-left:10px;}
.banner {width:100%; position:relative;}
.banner-overlay {  content: "";  background-color: rgba(29, 29, 29, 0.96);  position: absolute; top: 0; left: 0; right: 0; bottom: 0; } 
.banner-content {padding-top:100px; }
.big-title  {font-family: Inter; font-weight: bold; font-size: 60px; line-height:70px; color: #FFFFFF;}
.banner-text {font-size:20px; color:#fff; font-weight: normal; padding-top:20px; margin-bottom:50px;}
.banner-img {text-align:right; padding-right:20px; }
.banner-left {padding-top:100px;}
.medium-title {font-family: Inter; font-style: normal; font-size:40px; line-height: 40px; color: #191D29;}
.full-width {width:100%; }
 
.app-info-main {color:#fff; padding:0 0 0 60px;}
.app-info-text { padding-top:165px; }
.app-number {font-family: Inter; font-style: normal; font-weight: 500;font-size: 18px;line-height: 20px; color: #D41B1C; margin-bottom:15px;}
.app-info-text p {padding-top:25px; padding-bottom:15px; font-family: Inter; font-weight: normal; font-size: 16px;line-height: 24px; color: #D1D5DB;}
.app-info-arrow1 {padding-right: 25%; padding-left: 15%; margin-bottom:20px;}
.app-info-arrow2 {padding-right: 25%; padding-left: 25%; margin-bottom:20px;}
ul.app-info-list { padding: 0 0 0 20px; margin:25px 0 40px; }
ul.app-info-list li {color: #D1D5DB; list-style:none; padding:1px 0;}
ul.app-info-list li::before {content: "\2022"; color: red; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em;}
.event-type-main {width:55%; margin:auto; margin-top:120px; }
.sub-red-title {font-family: Inter; font-style: normal;  font-size: 18px; line-height: 20px; text-align: center; color:#D41B1C; margin-bottom:10px;}

ul.event-type-ic li { list-style: none; display: inline-block; padding: 25px;}
ul.event-type-ic {  margin: 0 auto; padding: 0; display: table; text-align: center;}
.event-type-main  .btn-grp {margin:20px auto 0; width: max-content;}
 
 
.navbar-toggler {padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
    width: 50px;
    height: 50px;
    left: 310px;
    top: 12px;
    background: #DC2626;
    border-radius: 100%;}
.navbar-toggler:focus, .navbar-toggler:hover:focus {outline:none;}
button.navbar-toggle.x { display: none; }
.top-menu ul.navbar-nav li.nav-item a   { font-size:15px; }
.app-info-arrow2 svg , .app-info-arrow1 svg { height: 200px;}
.app-info-main.last {    margin-top: 50px;}
 
.store-buton { float: left; margin-right: 15px;}
.app-popup .title { padding: 50px 0 30px;}
.app-popup .close {opacity:1;
    text-shadow: none;
    background: #F3F4F6;
    border-radius: 100%;
    width: 45px;
    height: 45px;
    margin-top: -10px;
    margin-right: -30px;
}
}.app-popup button.close:focus {  outline: none; opacity:1;}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {opacity:1; outline:none; }
.modal-header .close { padding: 0;}
.user-details-main .content-midle {   height: 100vh; background: #05060d; color: #fff; justify-content: center;  padding:200px 0 0 25px; text-align: center; }
.user-details-main .banner-overlay {background-color: transparent;}
.banner .user-details-main { height: 100vh !important; background-size: cover !important; position:relative;}
.user-back-btn  {position:absolute; top:25px; left:25px; }
.title-user {font-style: normal; font-weight: bold; font-size: 32px; line-height: 39px; margin: 12px 0px; color: #fff;}
.sub-title-user {font-style: normal; font-weight: normal; font-size: 16px; line-height: 22px; color: #fff;}
.sub-title-user span {color:#FFF;;}
.user-main {width:58%;}
.user-form { margin-top: 40px;}

.user-form input.form-control   {background: #2B2F3A; color: #6B7280; padding: 12px 16px;
/* Grey/Grey 300 */

border: none;
box-sizing: border-box;
border-radius: 4px;}
.forgot-password {font-size: 14px;  line-height: 22px;  text-align: center;  color: #FFF; margin-top:20px; width:100%; float:left; }
a.forgot-password {color: #FFF;; }
.banner.user-bg {  height: 100% !important; background-size: cover !important; display: inline-block; float: left;}
.user-details-main .signup  { padding-top: 70px; }
.banner.user-bg > .container {
    margin-left: 0;
    padding: 0 40px;
    background: #000000;
    max-width: 50%;float:left;
}
.h-100 {
    height: 100%!important;
}
.user-details-main .signup .user-main { margin-top: 30px; width: 80%;}
.account-link {color: #D1D5DB; }
.account-link a {color: #FFF; display: contents; }
.landing-banner-content .banner-text { font-size: 16px; text-align: center;  width: 65%; margin: auto;}
.landing-banner .banner-content { padding-top: 60px; }
.filter-main  { width: 100%; float: left;}
.filter-main    {background: #fff; overflow: hidden; padding-top: 30px; border: 1px solid #F3F4F6; padding-bottom: 30px; padding-left: 40px; overflow: initial;}
section.white-bg { width: 100%; float: left; display: inline-grid; overflow: hidden;}
.challenge-box-main { margin-top: 100px; margin-bottom: 100px; }
 
.footer-dark { background: #1d1d1d; padding-top: 70px; }
.event-list-main {margin:auto; width:80%; padding:40px 0; margin-bottom:24px; }
.event-list-img { float: left;}
.event-list { width:100%; margin-bottom:24px; float:left; border-bottom: 1px solid #E5E7EB; padding-bottom: 24px; }
.event-list-content {float:left; padding-left:33px; padding-top:35px; }
.event-list-content .date {font-family: Inter; font-style: normal; font-weight: 600; font-size: 14px; line-height: 17px; color: #DC2626;     padding: 5px 0;}
.event-list-content .title  {font-weight: 600; padding: 5px 0; font-size: 22px; line-height: 27px; color: #111827;}
.event-list-content .distance, .event-list-content .price {font-size: 14px; padding: 5px 0; line-height: 17px;  color: #374151; flex: none;
order: 2; align-self: stretch; flex-grow: 0; margin: 8px 0px;}
.white-bg header .container { padding: 0 25px; max-width: 100%;}
.banner.landing-banner { height: auto !important; padding-bottom: 60px; padding-top: 20px; min-height: 325px; }
.footer.footer-dark .footer-links ul  {margin-top: 0;}
.prvs-next-btn  { font-family: Inter; font-weight: normal; font-size: 16px; line-height: 16px;  padding:14px 20px; 
align-items: center; text-align: center; color: #1F2937; border: 1px solid #6b7280; margin: 0 6px; border-radius: 4px; text-align:center;  margin: auto;
    display: inline-block;}
.next-prvs {padding: 45px 0 70px; display: block; width: 100%; float: left; text-align: center;}
.btn.focus, .btn:focus {outline:none; box-shadow:none;}
.filter-main  .dropdown-menu { border-radius: 15px; margin-top: 4px;}
.slider-banner {float: left; width: 100%; margin-top: 12px;}
 header {
    background: #1d1d1d;
}
.slider-banner .carousel-control-next-icon, .carousel-control-prev-icon {background: #fff; opacity:1;}

.slider-banner .carousel-control-next-icon, .carousel-control-prev-icon {
    background: #fff;
    opacity: 1;
    padding: 10px 25px 35px 20px;
    position: absolute;
    right: 0;
}
.carousel-control-prev-icon {
    background: #fff;
    opacity: 1;
    padding: 10px 25px 35px 20px;
    position: absolute;
    left: 0;
} 
.back-btn a {
    padding: 40px 40px;  Font-family: Inter;
 Font-size: 16px;
Line-height: 16px;
Vertical-align: Center;
color:#DC2626;
}
.back-btn svg {margin-right:5px;}
.event-venue {color:#DC2626; Font-family: Inter; Font-size: 12px; font-weight: 600; Line-height: 15px; text-transform:uppercase; margin-bottom:20px; float:left; width: 100%;}
.event-venue span  {color:#000000; font-size:14px; width:100%;  float:left; padding-top:5px;font-weight: normal;  text-transform:none;}
a.view-btn {color:#DC2626; Font-size: 14px; Line-height: 22px; }
.team-table tr, .team-table td,  .team-table th { Font-size: 14px; Line-height:22px; color:#374151; font-weight:600; vertical-align: middle;}
.team-table  thead {
    background: #F3F4F6;
}

.table.team-table thead th, .table.team-table thead tr {border:0; }
.table.team-table td img {margin-right:5px; }
.small-header {text-align:center; padding:8px 0;}
.form-container {
    width: 60%;
    margin: auto;
    padding-bottom: 60px;
}
.form-title { font-weight: bold; font-size: 32px; line-height: 39px; color: #111827; margin-bottom: 10px;}
.form input.form-control { font-size: 14px; background: #FFFFFF; color: #6B7280; padding: 12px 16px; border: 1px solid #D1D5DB; box-sizing: border-box;
border-radius: 4px;}
.form-container .form-group {margin-bottom:30px; }
.form-container label { font-weight:600; font-Size:16px; line-height:19.36px; }
 
.form   {padding:70px 0; }
.small-ftr a.back-btn, .back-next a.back-btn { Font-family: Inter; Font-size: 16px; color: #DC2626; float: left; line-height: 50px;}
.mt-12 {margin-top:12px; }
.form-control:focus { box-shadow:none;  }
.back-next {width: 100%; margin-bottom: 70px; float: left; padding: 14px 0;}
.back-next button.red-btn {width: max-content; margin-right:0;}
.event-tab .nav-tabs { background: none;} 
.check .form-check { position: relative; display: block; padding-left: 1.8rem; margin-top: 10px; font-Size :14px; font-weight:normal; Line-height:20px;}
.check .form-check-input { border-color: #D1D5DB;  margin-top: 2px; height: 16px; width: 16px;}
.check label {font-weight: normal; margin-left: 3px; }
.check {margin-top: 8px;}
.check label span a {color:#DC2626;}
  




.search-bar-main {
    width: 100%;
 }
.search-bar-main .form-outline {    display: flex;    flex: auto; position: relative;}a.track-location {    position: absolute;    right: 15px;    top: 15px;}
.search-bar-main input {
    border-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    height: 56px;
    background:#2B2F3A;
    border-color:#2B2F3A;
    color:#727986;
}
.search-bar-main button.btn.btn-primary {
    background: #FF0000;
    border-radius: 5px;
    padding: 0 15px;
    border: 0;
    border-top-left-radius: 0;
    color:#191D29;
    border-bottom-left-radius: 0;
}
.search-bar-main button.btn.btn-primary:hover {background: #FF0000}
.apps-store-btn { position:absolute; bottom:0;}
.apps-store-btn .title {font-size:14px; color:#656A76; margin-bottom:10px; }
.search-bar-main button.btn.btn-primary:not(:disabled):not(.disabled):active:focus { background:#FF0000; border:0; outline:none;  color:#191D29;}
.hp-info-text {font-size:40px; color:#191D29; Font-weight:600; line-height:50px; margin-top:110px;} 
.info-box-main  {margin:100px 0; position:relative; overflow: hidden; }
.info-box-main .box-main {background:#F4F9FF; margin-bottom:25px; border-radius:4px;}
.info-box-main .box-main .text{padding:90px 0 90px 60px;}
.info-box-main .box-main .text-right {padding-right:0;}
.tag.blue   {background:#D2E3F8 ; color:#223752;display: inline-block; padding: 10px 20px; border-radius: 4px; margin-bottom: 30px;}
.tag.green { background: #FF0000 !important; color: #175032 !important;}
.tag.light-red {background:#FCECDD; color:#953E0F;}


.info-box-main .box-main .text .title {color:#191D29; font-size:28px; margin-top:25px; line-height:35px; margin:25px 0 15px;}
.info-box-main .box-main .text p {margin-bottom:30px;}
.info-box-main .box-main .image img{width: auto; max-width: initial; height: 100%;}
.info-box-main .box-main .second-image img {max-width: initial; height: auto; padding-top: 45px; display: flow-root; width: inherit;}
.track-ic {padding-top:100px; margin-bottom:40px;}
.tracking-info-main .title {font-size:84px; Font-weight:600; text-align:center; color:#fff; line-height:100px;}
.tracking-box {width:500px; margin:auto; background:#fff; border-radius:4px; margin-top:40px; box-shadow: 0px -1px 25px -11px rgb(112 112 112 / 75%);
 -webkit-box-shadow: 0px -1px 25px -11px rgb(112 112 112 / 75%); -moz-box-shadow: 0px -1px 25px -11px rgba(112,112,112,0.75); display: flow-root; position: relative;}
.tracking-box img {width:100%;}
.tracking-box .user-list ul {margin:0; padding:0; float: left;}
.tracking-box .user-list ul li { list-style-type:none; padding-bottom:20px; padding-left: 15px; float:left; display: inline-block; font-size:12px; color:#646A7C;}
.tracking-box .user-list ul li:last-child {padding-bottom:0;}
.tracking-box .user-list ul li span { font-size:16px; color:#191D29; width:100%; float:left; line-height: 20px;}
.tracking-box .user-list ul li .user-detial { float: left; padding-left: 15px; padding-top: 4px;}
.tracking-box .user-list img {width:inherit; float:left;}
.tracking-box .user-list ul li .user-detial { float: left; padding-left: 15px; padding-top: 4px;}
.user-activity-ic {width:100%; text-align:right;}
.user-activity-ic a {background:#f2f2f2; }
.user-activity-ic a { background: #f2f2f2; height: 42px; width: 42px; float: right; border-radius: 100%;text-align: center; padding: 10px; margin-left:12px;}
.user-list {    padding: 25px; float: left; width: 100%;}
.tracking-box-bg {width:34px; height:34px; position:absolute; right:-20px; bottom:-20px;}
.review-info-main {margin-top:100px;}
.review-box {box-shadow: 0px -1px 25px -11px rgb(112 112 112 / 75%);
 -webkit-box-shadow: 0px -1px 25px -11px rgb(112 112 112 / 75%); -moz-box-shadow: 0px -1px 25px -11px rgba(112,112,112,0.75); border-top: 5px solid #191D29; border-radius: 4px;
 padding: 25px; text-align:center; float:left;}
.review-box .text {color:#343B50; padding:25px 0; font-size:18px;}
.review-box .user-name {width:100%; font-size:18px; }
.review-box .user-name span {width:100%; float:left;}
.subscribe-section {position:relative; margin-top:90px; position:relative; border-bottom: 1px solid #fff; display: inline-table; width: 100%;}
.subscribe-left {padding-top:70px; padding-bottom: 70px;}
.subscribe-left ul.list  {margin:0; padding:0; margin-top:40px; }
.subscribe-left ul.list li { list-style-type:none; padding-bottom:10px;  display:block; font-size:18px; color:#fff;}
.subscribe-left .search-bar-main { width: 75%; margin-top:25px;}
.subscribe-right img {position:absolute; bottom:0; right:0;}
.tracking-info-main { overflow: hidden;}
 
.footer-logo img {
    height: 32px;
}
.footer-links ul {
    margin: 0;
    padding: 0;
    margin-top: 10px;
    float: left; width: 100%;
    display: contents;  
}
.footer-links ul li {
    list-style-type: none; padding: 7px 0px;
}
.footer-links ul li a {
    font-size: 16px;
    color: #fff;
 }
.footer {
    background: #1d1d1d;
    color: #fff;
    width: 100%;
    float: left;
     padding-top:90px; overflow: hidden;
}
.ftr-app-title {font-size:18px; margin-top:20px; margin-bottom:25px;}
.footer .apps-store-btn {
    position: unset;
    bottom: 0;
}
.footer .ftr-links .title {color:#727986; font-size:14px; margin-bottom:10px; }
.footer-btm.footer-links {
    width: 100%;
    float: left;
    margin-top: 80px;
    margin-bottom: 30px;
}
.copyright-msg {color:#727986; font-size:14px; }
ul.ftr-btm-links { margin: 0; padding: 0; text-align:right; display:block;}
ul.ftr-btm-links li { list-style-type: none; display: inline-block; padding: 0 15px;}
ul.ftr-btm-links li a { font-size: 14px; color: #727986; }
.tracker-user img {width:inherit; float: left;}
.tracker-user { position: absolute; top: 25px; left: 25px; color: #fff;}
.user-detial {
    float: left;
}
.user-detial {
    float: left;
    line-height: 20px;
    padding-left: 15px;
    padding-top: 7px;
}
.user-detial span {
    width: 100%;
    float: left;
    font-size: 12px;
}
.user-main.sign-in-details.text-center button.user-back-btn.blue-btn svg { margin-right: 15px;}
.container.h-100.right { padding-left: 0px;}
.container.h-100.right .h-100.justify-content-center.align-items-center { justify-content: left !important; padding-left:5px; position: relative;}
.logo-ic {margin-bottom:15px; } 
.container.h-100.right .user-main.sign-in-details.text-center .title { color: #fff; font-size: 22px; text-align:left; margin-bottom:22px; }
ul.create-ac-list { margin: 0; padding: 0; padding-left: 90px;}
ul.create-ac-list li { margin: 0; padding:8px 0; text-align: left; padding-left:35px; list-style-type: none; color:#fff; font-size: 16px;}
ul.create-ac-list li img {margin-right:10px; margin-left: -35px;}
.create-account .form-check.form-row { padding: 0 25px 0px; float: left; width: 100%; display: flex; margin-bottom: 20px;}
 .container.h-100.right .user-main {
    position: absolute;
    left: 0;
}
.create-account .form-check.form-row input[type=checkbox] { cursor: pointer; }

.create-account .form-check.form-row input[type=checkbox]:after {
    content: " ";
    background-color: #2B2F3A;
    display: inline-block;
    visibility: visible;
    width: 20px;
    height: 20px;
    text-align: center;
}

.create-account .form-check.form-row input[type=checkbox]:checked:after {
   content: "\2714"; color: #fff;
    font-size: 16px;
 }
.create-account .form-check-label { font-size: 14px; margin-bottom: 0; color: #999999; padding-top: 2px; padding-left: 10px;}
.create-account .form-check-label span a{ color:#FF0000;}
.tag { background: #343b48; display: inline-block; padding: 10px 20px; border-radius: 4px; color: #fff; margin-bottom: 30px;}
.banner.gym-user .banner-left {padding-top: 40px;}
.mg-top110 {margin-top:110px;}
.user-three-box-main { margin-top: 50px;}
.user-three-box-main .text .title { font-size: 20px; color: #191D29; padding-top: 25px; padding-bottom: 10px;}
.white-bg {background:#fff !important;}
.info-box-main .box-main.white-bg .text { padding:0px; }
.box-main.white-bg { margin: 0;}
.info-box-main .box-main.white-bg .image img { width: 100%; }
.info-box-main .box-main.white-bg  .content .title { color: #191D29; font-size: 28px; margin-top: 25px; line-height: 35px; margin: 25px 0 15px;}
.info-box-main .box-main .text-right { padding-right: 0;}
.box-main.white-bg { margin-bottom: 100px;}
.box-main.white-bg:last-child {margin-bottom:0;}
.pricing-main {position:relative; }
.pricing-main-bg:after { background: #1d1d1d; content:""; height: 655px; width: 100%; position: absolute; top: 0; left: 0; z-index: -1;}
.pricing-main .title {font-size:52px; font-weight:600; text-align:center; color:#fff; line-height: 60px;}
.sub-title {font-size:18px; text-align:center; color:#fff; margin-top:10px;}
.pricing-box { width: 548px; background: #fff; margin: auto; border-radius:4px; box-shadow: 0px -1px 25px -11px rgb(112 112 112 / 75%);
-webkit-box-shadow: 0px -1px 25px -11px rgb(112 112 112 / 75%); -moz-box-shadow: 0px -1px 25px -11px rgba(112,112,112,0.75);}
.pricing-box.center {  background: #fff; margin: auto; margin-top:60px; display: flow-root;}
.price-details {padding:30px; }
.price-list { background: #F9FAFB; width: 100%; float: left; padding: 30px;}
.price {font-size:60px;font-weight:600; line-height:60px; color: #223752; }
.price span {font-size:24px; font-weight:400;}
.price-text {font-size:18px; color:#343B50;}
.price-list {background:#F9FAFB; width:100%; float:left; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
.price-list ul { margin: 0; padding: 0;}
.price-list ul li { list-style-type: none; padding-left: 33px; padding-bottom: 10px;}
.price-list ul li img {margin-right:5px; margin-left: -33px; }
.banner-small-width { width: 80%; margin: auto;}
.app-screen-img.text-center { margin-top: -170px;  z-index: 999;  position: relative;}
.pricing-boxes-main {text-align:left;}
.pricing-boxes-main .pricing-box { width: 100%; }
.price-list button.bluedark-btn {margin-top: 5px;}
.pricing-banner-content { float: left; width: 100%;}
.myaccordion {max-width: 80%;margin: 50px auto; border-bottom: 1px solid #DCDCE8;}
.myaccordion .card, .myaccordion .card:last-child .card-header { border: none; border-top: 1px solid #DCDCE8; border-radius: 0; }
.myaccordion .card-header {border-bottom-color:#DCDCE8; background: transparent; padding: 35px 0; border-bottom:0;}
.myaccordion .card-header:last-child {border-bottom:1px solid #000;}
.myaccordion .fa-stack {font-size: 18px;}
.myaccordion .btn {width: 100%; color: #191D29; padding: 0; font-size: 20px; }
.myaccordion .btn-link:hover,
.myaccordion .btn-link:focus {text-decoration: none;}
.myaccordion li + li { margin-top: 10px;}
.coll-exp-main {width:100%; padding-top:100px; float:left;}
button.d-flex.align-items-center.justify-content-between.btn.btn-link.collapsed i.fas.fa-plus { display: block; }
button.d-flex.align-items-center.justify-content-between.btn.btn-link i.fas.fa-minus { display: none !important;}
.myaccordion .card-body {padding: 15px 0 0;}
button.d-flex.align-items-center.justify-content-between.btn.btn-link[aria-expanded="true"]:after {
    content: "\f068";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;     font-size: 14px;
}
button.d-flex.align-items-center.justify-content-between.btn.btn-link[aria-expanded="false"]:after {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;     font-size: 14px;
}
.overflow-none {overflow:visible !important;}
.banner.gym-user.overflow-none {}
.title-sub {color:#292F41; font-size:20px; width:100%; text-align:center; margin-top: 20px;}
.faq-small-title {font-size:20px; margin-bottom:35px;}
.padding-top0 {padding-top:0;}
.privacy-text p { margin-top: 50px;}
.privacy-sub-title { width: 100%; float: left; padding: 15px 0px;}
.privacy-text { padding-top: 100px; }
.banner.z-index { z-index: 99;}
.width-100 { width:100%; max-width:100% !important; }
.contact-page {padding-top: 80px;}
.contact-page .user-form { width: 50%; margin: auto; margin-top: 40px;}
.contact-page .user-form .form-check { padding-left: 0; text-align: left;}
.contact-page .user-form label.form-check-label  { padding-left: 5px; color: #999999; }
.contact-page .user-form label.form-check-label span a { color:#FF0000; }
.font-weight-bold {font-weight:bold;}
.blog-main-list {width:80%; margin:auto; margin-top:70px; }
.light-blue {background:#F4F5F9; color:#223752;}
.blog-main-list .box-main .title {font-size:28px; color:#191D29; line-height:35px; margin-bottom: 15px;}
.blog-main-list .box-main .tag.light-blue {margin-bottom:20px;}
.blog-main-list .box-main.white-bg { margin-bottom: 20px;}
.blog-main-list button.light-gray-btn, .blog-details button.light-gray-btn { margin: auto; margin-top: 60px; display: block;}
.blog-details { width: 65%; margin:auto; margin-bottom:100px; }
.blog-details .medium-title {margin-bottom:20px;}
.blogger-name { border-top: 1px solid #DCDCE8; margin: 0; padding-top: 30px;}
.blogger-name .name img {margin-right:5px; }
.blogger-name .name { float: left;}
.blog-full-img img {width:100%; margin-top:30px; }
.blog-small-title {color:#191D29; font-size:24px; margin-top:35px; margin-bottom:20px;}
.blog-main-list .light-blue, .blog-details .light-blue  { margin-right: 2px; }
 


@media (max-width: 1380px) {
.create-account {height: 130vh;}
.container.h-100.right .user-main   {padding-left: 7px;}
}

@media (max-width: 1200px) {
.top-menu button {padding:14px;} 
header .container {padding: 0 25px;}
.top-menu button  .btn-arrow { margin-left: 5px;}
.sign-in a {padding: 0 5px}
.event-type-main { width: 80%;}
.uploads-main { width: 70%;}
.track-ic {padding-top: 50px;}
.tracking-info-main .title {font-size: 70px; line-height: 70px;}
}

@media (max-width: 1050px) {
.top-menu ul.navbar-nav li.nav-item a { padding: 0 3px; }

}

@media (max-width: 1020px) { 
header .container {padding: 0 7px;} 
}

@media (max-width: 991px) { 
button.navbar-toggle.x { display: block; }
header .container {padding: 0 25px;}
.top-menu ul.navbar-nav {  padding: 20px 0 0;}
.sign-in { width: 100%; padding-bottom: 25px; border-bottom: 1px solid rgba(255, 255, 255, 0.25); margin-bottom: 25px;}
.top-menu button { padding: 14px 30px;}
.sign-in a { padding: 0 0px;}
.top-menu button {  margin-bottom: 15px !important;}
.top-menu ul.navbar-nav li.nav-item { padding: 0;}
.big-title { font-size: 40px; line-height: 50px;}
.banner-text {font-size: 16px;}
.banner-img img { width: 80%;}
.banner-content { padding-top: 70px;}
.banner {height: 700px !important; overflow: hidden;}
.medium-title {font-size: 40px; line-height: 48px;}
.challenge-box-main { margin-top: 60px;  margin-bottom: 60px;}
.app-info-main img {  width: 80%;}
.app-info-text { padding-top: 20px;}
.medium-title  {font-size: 32px; line-height: 38px;}
.app-info-main.last {  margin-top: 50px;}
.app-info-arrow2 svg , .app-info-arrow1 svg { height: 140px;}
.event-type-main { width: 100%;}
ul.event-type-ic li { padding: 30px 20px 20px; }
.btm-links ul li {padding: 0 10px;}
.footer-btm { width: 100%; }
.user-details-main .user-main { margin-top: 30px !important; width: 80% !important;}
.event-list-main { margin: auto; width: 100%; overflow: hidden; }
.landing-banner-content .banner-text {width:100%; }
.event-post-main { padding: 40px 30px;}
.uploads-main { width: 85%;}
.privacy-text { padding: 37px 0;}
.privacy-text p { padding: 36px 0 0;}
.banner.user-bg > .container {max-width: 100%; width: 100%;}
/* .search-bar-main { display: none;}  */
.apps-store-btn {position: relative;}
.tracking-info-main {  background-size: 150%!important; background-position-x: 20% !important; background-position-y: top !important;}
.tracking-box {margin-bottom: 20px;}
.container.h-100.right { display: none; }
.title-user { font-size: 24px; }
.price-details, .price-list { padding: 20px;} 
.myaccordion {max-width:100%;}
.blog-main-list { width: 100%;}
.app-screen-img.text-center { margin-top: -100px;}
}




@media (max-width: 767px) {
.app-info-text p { padding-top: 15px; padding-bottom: 0px;}
.app-info-main img {  width: 90%;}
.app-info-text { padding-top: 0px;}
.banner { height: auto !important; padding-bottom:40px; }
.banner-img {  text-align: center; padding-right: 0;}
.banner-img img { width: 30%; margin-bottom: -200px; margin-top: 50px;}
.banner-content {    padding-top: 0;}
.challenge-box .title {padding-top: 20px;}
.challenge-box p {padding-bottom: 20px;}
.challenge-box img {  width: 100%;}
.container {padding: 0 20px;}
ul.event-type-ic li { padding: 20px 10px 0px;}
ul.event-type-ic { margin: 10px auto 40px;} 
ul.event-type-ic { text-align: left; }
button.red-btn { margin-bottom:20px; }
.social-ic { margin-right: 15px; }
.footer-btm { width: 100%;}
.social-ic-main { width: 140px; float: left;}
.copyright-text { width: 100%; float: left; }
.app-popup .mobile-right {  padding: 0 0px;}
.app-popup .mobile-right {font-size: 25px; line-height: 35px; }
.user-details-main .content-midle {  padding: 90px 30px 0 30px;}
.forgot-password {margin-top:0; }
.next-prvs {padding: 15px 0 35px;}
.event-join-box-main { order: -1; margin-bottom: 30px; }
.carousel-item img {border-radius: 0px;} 
.event-post-wrap {padding-top:0; }
.slider-banner { margin-top:0; }
.event-post-main { margin: 30px 0; padding: 0; float: left;}
.post-info .title {font-size: 25px;  height: 32px;}
.event-details { padding-bottom: 37px; padding-top: 25px;}
.share-social { margin-top: 25px; }
.event-details { padding-bottom: 0;}
table.table.team-table { margin-top: 30px; }
.table-full-width { max-width: 100vw;}
table {width: 100%; color: #212529; overflow: auto; overflow-x: auto; display: block; width: fit-content; max-width: 100%;}
.small-ftr button.red-btn { margin-bottom: 0; margin-right: 0;}
.form-container { width: 100%; padding: 0 20px ;}
.form { padding: 30px 0;}
.uploads-main { width: 100%;}
div#dropZ {padding: 10px 0;}
input.form-control.sm-mt-15 { margin-top: 15px;}
.pt-60 { padding-top: 100px;}
.apps-store-btn .title {display:none;}
.banner-text { margin-bottom: 40px;}
.hp-info-text {font-size: 24px; line-height: 35px; margin-top: 70px;}
.info-box-main { margin: 70px 0;}
.info-box-main .box-main .text { padding: 40px 35px 50px 35px;}
.info-box-main .box-main .text .title { font-size: 22px; line-height: 30px; margin: 20px 0 10px;}
.info-box-main .box-main {overflow:hidden;}
.info-box-main .box-main .text-right { text-align: center !important;}
.info-box-main .box-main .image img { width: auto; max-width: initial; height: 100%; margin-bottom: -140px;}
.info-box-main .box-main .second-image img { max-width: initial; height: auto; padding-top: 0; display: inline-block; width: 80%; margin-bottom: -90px; text-align: center !important;}
.info-box-main .box-main .text button.light-gray-btn { display: none;}
.banner-left { padding-top: 50px;}
.tracking-info-main {  background-size: 250%!important; background-position-x: 20% !important; background-position-y: top !important;}
.tracking-info-main .title {font-size: 40px; line-height: 50px;}
.review-box .text {font-size: 16px;}
.subscribe-right.text-right { display: none;}
.footer-links ul li { padding: 0 0px;}
.footer .ftr-links .title{ margin-top: 30px;}
.footer-links ul li { padding: 0 0px; display: block;}
.footer-btm.footer-links { margin-top: 50px;     margin-bottom: 0;}
ul.ftr-btm-links {text-align: left;}
.copyright-msg {order: 1; padding-top: 30px;}
.col-md-5.second-image.text-right { padding: 0; }
.mg-top110 {margin-top: 60px;}
.col-sm-12.col-md-6.content.h-100.justify-content-center.align-items-center { padding-left: 0; padding-right: 0; margin-bottom: 50px;}
.box-main.white-bg .content {order:-1;}
.box-main.white-bg .content .image {order:1;}
.box-main.white-bg { margin-bottom: 60px;}
.info-box-main .box-main.white-bg .image img { width: 100%; margin-bottom: 0;}
.user-three-box-main .text { margin-bottom: 20px;}
.user-three-box-main .text:last-child { margin-bottom: 0;}
.banner.gym-user.overflow-none { height: 430px !important;}
.coll-exp-main { padding-top: 60px; }
button.d-flex.align-items-center.justify-content-between.btn.btn-link[aria-expanded="true"]:after {padding-left: 15px;}
 .myaccordion {margin-top: 20px;}
.myaccordion .card-header {padding: 20px 0;}
.faq-small-title {margin-bottom: 25px;}
.myaccordion .card-body {padding: 0px 0 0;}
.myaccordion .btn { text-align: left; }
.contact-page .user-form { width: 100%;}
.contact-page {  padding-top: 0;}
.blog-img { margin-bottom: 30px;}
.blog-details{padding-top:30px;}
.blog {padding-top:90px;}
.blog-details { width: 100%; }
.blog-details .medium-title, .blog .medium-title, .blog .title-sub{ text-align: left !important;}
.blog-img {  padding: 0;}
.blog-main-list .box-main.white-bg {margin-left: 0; margin-right: 0;}
.blog-main-list .box-main .blog-img img {width:100%;}
.banner-small-width { width: 100%;}
.banner.gym-user.z-index { height: 650px !important;}.banner {padding-bottom: 40px;}.search-bar-main button.btn.btn-primary { padding: 14px 20px; border-radius: 5px; margin-top: 10px; width:100%; }
}

    

@media (max-width: 640px) {
.top-menu button {width: 100%; margin: 5px 0!important;}
nav.navbar.navbar-expand-lg.top-menu { padding-bottom: 20px; }
.app-info-main img { width: 100%; }
 .user-main { width: 100%;}
 .user-details-main .user-main { margin-top: 10px !important; width: 100% !important;}
.title-user {font-size: 24px; line-height: 29px;}
.event-list-content { float: left; padding-left: 0; padding-top: 24px; width: 100%;}
.event-list-img {float: left; width: 100%;}
.app-info-arrow2 svg path, .app-info-arrow1 svg path {  stroke-width: 16px;}
.sm-display-none {display:none;}
.filter-main .slide-left, .filter-main .slide-right {display:block;}
.event-list-img img { width: 100%; }
.user-form { margin-top: 20px;}
.banner-img img { width: 40%; }

}



@media (max-width: 575px) {
.filter-main { padding-left: 0; padding-bottom: 15px; padding-top: 15px; }
.filter-main button.dropdown-toggle { padding: 15px 16px; }
.filter-main .btn-group svg {display:none;}
.big-title { font-size: 42px; line-height: 51px;}
 .app-image.one { transform: rotate(3deg);}
.col-sm-5.app-image.two { transform: rotate( -3deg );}
.app-image.three { transform: rotate( 3deg );}
.app-image.four { transform: rotate( -3deg );}
.app-info-main {padding: 0 0 0 0px;}
.app-image  {text-align: center !important; }   
.app-info-arrow2 svg, .app-info-arrow1 svg { height: 70px;}
.app-info-main img { width: 70%; margin-top: 40px;}
.app-info-arrow2 svg, .app-info-arrow1 svg { height: 50px; transform: rotate(15deg); margin: auto;text-align: center; margin-top: 40px; filter: drop-shadow(4px 3px 12px rgba(215, 25, 26, 1));}
.app-info-arrow2 svg { height: 50px; transform: rotate(-15deg); margin: auto; text-align: center; margin-top: 30px;}
.app-info-arrow2 svg circle, .app-info-arrow1 svg circle { display: none;}
.app-info-main .app-image { order: 0;}
.app-info-main .app-text {order: 1;}
.challenge-box-main { margin-bottom: 0px; }
.app-info-main.last img { margin-bottom: 20px; }
.app-info-main.last { margin-top: 0;}
ul.event-type-ic li { padding: 10px 5px 0px;}
ul.event-type-ic li img { width: 75px; height: 75px;}
.event-type-main .btn-grp {width: 100%;}
.social-ic-main { width: 100%; float: left; order: 3; position: absolute; bottom: 0;}
 .btm-links { display: block;  width: 100%; float: left; margin: unset;}
.btm-links ul {margin: inherit;}3
.btm-links ul li:first-child { padding-left: 0; }
.btm-links ul li { padding: 10px 0px; display: block;}
.footer-links ul li { padding: 8px 0px; display: block; margin: initial; float: left; width: 100%;}
 .footer { width: 100%; float: left;  padding-bottom: 50px;}
.app-popup .mobile-img { text-align: center; margin: auto; float: none;}
.app-popup .modal-content { padding-bottom: 20px; }
.app-popup .title { padding: 25px 0 25px;}
.app-popup .mobile-img img { width: 50%;}
.store-buton {margin-bottom: 15px;}
.banner.user-bg { background: none !important; }
.tracking-box {width: 100%;}
.user-list {padding: 15px 0;}
.tracking-box .user-list ul li span {  font-size: 13px;}
.tracking-box .user-list ul li .user-detial {display:grid;}
.user-activity-ic { padding-right: 15px;}
.review-box { margin-bottom: 30px;}
.row.footer-links .col-sm-6.col-md-2 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
}
 
 
@media (max-width: 520px) {
.banner-img img { width: 50%; margin-bottom: -240px;}
.banner.gym-user.z-index {
    height: 790px !important;
}
.pricing-box { width: 359px !important; }
}


@media (max-width: 420px) {
.banner.gym-user.z-index {
    height: 830px !important;
}
}


@media (max-width: 379px) {

}
 
 .app-popup .modal-content {background-color: #1D1D1D; border-radius: 4px; padding: 0 20px; border: 2px solid #fff; }
.app-popup .modal-dialog {  max-width: 740px;}
.app-popup .modal-body { padding-bottom: 0; }
.app-popup .mobile-img {float:left;}
.app-popup .mobile-right {padding:0 20px; font-family: Inter; float:left; font-style: normal; font-weight: bold;font-size: 32px;line-height: 39px; color: #FFFFFF;}
.store-buton { float: left; margin-right: 15px;}
.app-popup .title { padding: 50px 0 30px;}
.app-popup .close {opacity:1;
    text-shadow: none;
    background: #F3F4F6;
    border-radius: 100%;
    width: 45px;
    height: 45px;
    margin-top: -10px;
    margin-right: -30px;
}
}.app-popup button.close:focus {  outline: none; opacity:1;}
.app-popup .mobile-right {  padding: 0 0px;}
.app-popup .mobile-right {font-size: 25px; line-height: 35px; }
.app-popup .mobile-img { text-align: center; margin: auto; float: none;}
.app-popup .modal-content { padding-bottom: 20px; }
.app-popup .title { padding: 25px 0 25px;}
.app-popup .mobile-img img { width: 50%;}

.section_1_image{width: 324px;height: 649px;}
.section_3_image{width: 509;height: 479px;}
.section_4_image{width: 575;height: 493px;}
.section_5_image{width: 575;height: 493px;}
.section_6_image{width: 663;height: 556px;}
.section_6_front_image{width: 500;height: 340px;}
.section_8_image{width: 220;height: 370px;}

@media (max-width: 1024px){
/* .search-bar-main { display: none;} */
}

@media screen and (min-width: 992px) and (max-width: 1024px) {
.download-header-btn {display:none;}
}