@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
   font-size: 16px;
   font-weight: 500;
   color: #000;
   background-color: #F7F7F7;
   scroll-behavior: smooth;
   font-family: "Poppins";
}

h1, h2, h3, h4, h5, h6 {
   color: #000;
   font-weight: 400;
}

strong {
   font-weight: 800;
   color: #000;
}

a {
   text-decoration: none !important;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
   color: #000;
   font-weight: 400;
}

a:hover, a:focus {
   text-decoration: none;
   outline: none;
   cursor: pointer;
   color: inherit;
}

.btn.focus, .btn:focus {
   outline: 0;
   box-shadow: none;
}

button {
   color: inherit;
   border: none;
   background-color: transparent;
}

p {
   font-size: 16px;
   color: #858585;
   margin-bottom: 0.5rem;
   font-weight: 500;
}

ul, li {
   margin: 0;
   padding: 0;
   list-style-type: none !important;
}

ul {
   padding-left: 0 !important;
}

hr {
   background-color: #eee;
   opacity: 1;
}

.form-select:focus, .form-control:focus {
   box-shadow: none !important;
   border-color: #ccc;
}

.dropdown-item:focus, .dropdown-item:hover {
   background-color: inherit;
   color: inherit;
}

label {
   margin-bottom: 5px;
}

textarea {
   resize: none;
}

input:focus, button:focus, textarea:focus {
   outline: none;
   box-shadow: none;
}

img {
   max-width: 100%;
   height: auto;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
}

input[type=number] {
   -moz-appearance: textfield;
}

.tp-space {
   padding-top: 70px;
   padding-bottom: 70px;
}

.main-title {
   font-size: 48px;
   font-weight: 600;
   color: #11142D;
   letter-spacing: 0.5px;
   margin-bottom: 24px;
}

.title {
   font-size: 24px;
   font-weight: 600;
   color: #000;
   letter-spacing: 0.5px;
   margin-bottom: 40px;
}

.subtitle {
   font-size: 14px;
   font-weight: 500;
   color: #000;
   margin-bottom: 16px;
}

.thm-btn {
   display: inline-block;
   padding: 16px 24px;
   background-color: #0679C2;
   color: #fff !important;
   font-size: 16px;
   font-weight: 500;
   border-radius: 8px;
}

.thm-btn.outline {
   background-color: transparent;
   border: 1px solid #0679C2;
   color: #0679C2 !important;
}

.thm-btn.outline:hover {
   background-color: #0679C2;
   color: #fff !important;
}

.dark-btn {
   display: inline-block;
   padding: 12px 85px;
   background-color: #000;
   color: #fff !important;
   font-size: 16px;
   font-weight: 400;
   border-radius: 8px;
   text-transform: uppercase;
   border: 1px solid #000;
}

.dark-btn.outline {
   background-color: transparent;
   color: #000 !important;
}

.dark-btn.outline:hover {
   background-color: #000;
   color: #fff !important;
}

@media(min-width:1440px) {
   .container {
      max-width: 1300px;
   }

}

/*registration-css-start*/
.login-bar {
   min-height: 100vh;
   background-color: #fff;
}

.login-bar-img {
   background-image: url(../images/login-img.png);
   display: block;
   min-height: 100vh;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
}

.login-bar-form {
   display: flex;
   justify-content: center;
   align-items: center;
   min-height: 100%;
}

.login-bar-form-innr {
   width: 501px;
   margin-left: auto;
   margin-right: auto;
}

.form-content {
   text-align: center;
}

.form-content h3 {
   font-size: 36px;
   font-weight: 600;
   letter-spacing: 0.3px;
   color: #000000;
   text-align: center;
   margin: 2rem 0 1rem 0;
}

.form-content p {
   letter-spacing: 0.3px;
   margin-bottom: 2.5rem;
}

.login-bar-bx {
   position: relative;
}

.login-bar-bx .eye-icon {
   position: absolute;
   right: 20px;
   top: 25px;
   color: #CAC7D3;
   cursor: pointer;
   font-size: 15px;
}

.login-bar-form .login-bar-form-innr .form-control, .login-bar-form .login-bar-form-innr .form-select {
   height: 64px;
   background-color: #F3F3F3;
   color: #858585;
   border: 0.5px solid #858585;
   border-radius: 8px;
}

.login-bar-form .login-bar-form-innr .form-control::placeholder {
   color: #858585;
   opacity: 1;
}

.login-bar-form .login-bar-form-innr .form-control::-ms-input-placeholder {
   color: #858585;
}

.form-link a {
   display: inline-block;
   font-size: 16px;
   font-weight: 400;
   color: #858585;
   letter-spacing: 0.5px;
}

.btn-bar {
   margin-top: 1.5rem;
   text-align: center;
}

.frm-btn {
   display: inline-block;
   background-color: #000000;
   padding: 18.5px 80px;
   color: #fff !important;
   border-radius: 8px;
   font-size: 18px;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 0.3px;
}

.btn-bar p {
   color: #000;
   margin-top: 15px;
}

.btn-bar p a {
   display: inline-block;
   color: #337FFF;
   font-weight: 500;
}

.login-bar-bx .form-check label {
   font-size: 14px;
   font-weight: 500;
   color: #000;
   vertical-align: -webkit-baseline-middle;
}

.login-bar-bx .form-check label a {
   font-weight: 500;
   font-size: 14px;
   letter-spacing: 0.8px;
   color: #0085FF;
   line-height: 18.2px;
}

.login-bar-bx .form-check .form-check-input {
   height: 17px;
   width: 17px;
   border-radius: 0;
   border-color: #D2D2D2;
   box-shadow: none !important;
}

.login-bar-bx .form-check .form-check-input:checked {
   border-color: #0d6efd;
}

.login-bar-bx.otp-bx .form-control {
   height: 63px;
   width: 63px;
   text-align: center;
   color: #000;
   font-size: 16px;
   font-weight: 500;
   border-color: #92929D;
   border-radius: 0;
}

.send-top a {
   display: inline-block;
   color: #0085FF;
   text-transform: uppercase;
   font-weight: 500;
   margin-bottom: 1rem;
}

.passw-ins p {
   font-size: 12px;
   font-weight: 400;
   color: #666666;
}

/*registration-css-end*/

/*header-css-start*/
.main-header {
   padding: 10px 0;
}

@keyframes headerSlideDown {
   0% {
      margin-top: -150px;
   }

   100% {
      margin-top: 0;
   }

}

.main-header .custom-navabar .navbar-nav {
   align-items: center;
}

.main-header .custom-navabar .nav-item.dropdown {
   margin-left: 30px;
}

.main-header .custom-navabar .nav-item.dropdown .dropdown-menu {
   border-color: #000000;
   border-radius: 0;
   top: 60px;
}

.main-header .custom-navabar .nav-item.dropdown .dropdown-menu .dropdown-item {
   font-size: 16px;
   font-weight: 500;
   color: #000;
}

.main-header .custom-navabar .nav-item.dropdown .nav-link {
   height: 40px;
   width: 40px;
   background-color: #D3EDFF;
   line-height: 40px;
   text-align: center;
   border-radius: 50px;
   overflow: hidden;
}

.main-header .custom-navabar .nav-item.dropdown .nav-link img{
   width: 100%;
}

.main-header .custom-navabar .nav-item {
   margin-left: 15px;
   margin-right: 15px;
}

.main-header .custom-navabar .nav-item .nav-link {
   color: #fff;
   font-size: 16px;
   font-weight: 400;
   padding: 0;
}

.main-header .custom-navabar .nav-item .nav-link.active {
   font-weight: 700;
}

.sticky-header {
   background-color: #000;
   animation: 0.75s ease 0s normal forwards 1 running headerSlideDown;
}

.login-btn .login-lnk {
   display: inline-block;
   padding: 14px 24px 14px 24px;
   color: #fff;
   background-color: #0679C2;
   border-radius: 8px;
   font-size: 16px;
   font-weight: 700;
}

/*header-css-end*/

/*home-page-css-start*/
.banner-slide-innr {
   background-repeat: no-repeat;
   background-position: top center;
   height: 681px;
   background-size: cover;
   display: flex;
   align-items: center;
}

.banner-slide-innr h1 {
   font-size: 62px;
   font-weight: 700;
   color: #fff;
   text-align: center;
}

.banner-slide.owl-theme .owl-nav.disabled+.owl-dots {
   margin-top: 0;
   transform: rotate(90deg);
   position: absolute;
   right: 42px;
   top: 50%;
}

.banner-slide.owl-theme .owl-dots .owl-dot span {
   height: 16px;
   width: 16px;
   margin: 0 7px;
   background-color: #fff;
}

.banner-slide.owl-theme .owl-dots .owl-dot.active span {
   background-color: #0679C2;
}

.filter-sec {
   background-color: #fff;
   padding: 32px 0;
   margin-top: 30px;
}

.filter-innr form .form-select, .filter-innr form .form-control {
   border-color: #9A9AB0;
   height: 56px;
   border-radius: 8px;
   color: #11142D;
   font-weight: 500;
   width: 250px;
}

.parts-sec {
   margin-top: 40px;
}

.parts-lft-bar {
   background-color: #fff;
   padding: 24px 29px;
   border-radius: 8px;
}
.parts-lft-bar.sticky-top{
    top: 80px;
}

.search-bar {
   position: relative;
   margin-bottom: 1.5rem;
}

.search-bar .form-control {
   background-color: #F6F6F7;
   border: 0;
   height: 40px;
   font-size: 14px;
}

.search-bar .search-btn {
   position: absolute;
   top: 10px;
   right: 10px;
   font-size: 14px;
   color: #9A9AB0;
}
.frm-chk-fltr .subtitle{
    border: 0.5px solid #9A9AB0;
    padding: 10px;
    margin-bottom: 2px;
}
.frm-chk-fltr .form-check-main{
    border: 0.5px solid #9A9AB0;
    margin-bottom: 20px;
}
.frm-chk-fltr .form-check-main .form-control{
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.parts-card {
   margin-bottom: 70px;
}
.frm-chk-fltr .form-check-main .form-check{
    padding: 5px 0px 5px 2rem;
    margin-bottom: 0;
    border-bottom: 0.5px solid #D2D2D2;
}

.parts-lft-bar form .form-check {
   margin-bottom: 10px;
}

.parts-lft-bar form .form-check .form-check-label {
   font-size: 12px;
   font-weight: 400;
   color: #000;
   cursor: pointer;
}

.parts-lft-bar form .form-check .form-check-input {
   height: 15px;
   width: 15px;
   border-radius: 0;
   border: 0.5px solid #000000;
   box-shadow: none !important;
}

.parts-lft-bar form .form-check .form-check-input:checked {
   background-color: #0679C2 !important;
   border-color: #0679C2 !important;
}
.price-fltr {
    margin: 8px 0;
}
.price-fltr .subtitle{
    margin-bottom: 10px;
}
.price-fltr .price-input {
   justify-content: space-between;
   display: flex;
   margin-top: 10px;
}

.price-fltr .price-input .field {
   display: flex;
}

.price-fltr .field input {
   width: 98px;
   height: 32px;
   font-size: 12px;
   margin-left: 0;
   border-radius: 0;
   text-align: center;
   border: 1px solid #9A9AB0;
   -moz-appearance: textfield;
   color: #797979;
}
.price-fltr .price-input .form-select,
.accordion-item .form-select,
.accordion-item .form-control{
    font-size: 12px;
    color: #000;
    border-radius: 0;
    border-color: #9a9ab0;
}

.price-fltr input[type="number"]::-webkit-outer-spin-button, .price-fltr input[type="number"]::-webkit-inner-spin-button {
   -webkit-appearance: none;
}

.price-fltr .slider {
   height: 2px;
   position: relative;
   background: #F2870D;
   border-radius: 5px;
}

.price-fltr .slider .progress {
   height: 100%;
   left: 25%;
   right: 25%;
   position: absolute;
   border-radius: 5px;
   background: #F2870D;
}

.price-fltr .range-input {
   position: relative;
}

.price-fltr .range-input input {
   position: absolute;
   width: 100%;
   height: 5px;
   top: -3.4px;
   background: none;
   pointer-events: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   cursor: pointer;
}

.price-fltr input[type="range"]::-webkit-slider-thumb {
   height: 13px;
   width: 13px;
   border-radius: 50%;
   background: #fff;
   pointer-events: auto;
   -webkit-appearance: none;
   box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
   border: 1px solid #F2870D;
}

.price-fltr input[type="range"]::-moz-range-thumb {
   height: 13px;
   width: 13px;
   border: none;
   border-radius: 50%;
   background: #fff;
   pointer-events: auto;
   -moz-appearance: none;
   box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
   border: 1px solid #F2870D;
}

.filter-drop {
   margin-top: 18px;
}

.filter-drop .accordion-item .accordion-button {
   font-size: 14px;
   font-weight: 500;
   color: #000;
   border: 1px solid #9A9AB0;
   padding: 10px;
   box-shadow: none !important;
   margin-bottom: 2px;
}

.filter-drop .accordion-item .accordion-button::after {
   width: 15px;
   height: 15px;
   background-size: contain;
}

.filter-drop .accordion-item {
   border: 0;
   margin-bottom: 10px;
   box-shadow: none !important;
}

.filter-drop .accordion-item .accordion-button:not(.collapsed) {
   background-color: transparent !important;
   box-shadow: none !important;
}

.filter-drop .accordion-item .filter-drop-lst {
   border: 0.5px solid #9A9AB0;
}

.filter-drop .accordion-item .filter-drop-lst li {
   padding: 5px 10px;
   border-bottom: 0.5px solid #D2D2D2;
   cursor: pointer;
}
.filter-drop .accordion-item .filter-drop-lst li.condition_active,
.filter-drop .accordion-item .filter-drop-lst li.manufacture_year_active{
    background-color: #0679C2;
}

.filter-drop .accordion-item .filter-drop-lst li.condition_active a,
.filter-drop .accordion-item .filter-drop-lst li.manufacture_year_active a{
    color: #fff;
}

.filter-drop .accordion-item .filter-drop-lst li:nth-last-child(1) {
   border: 0;
}

.filter-drop .accordion-item .filter-drop-lst li a {
   font-size: 12px;
   font-weight: 400;
   color: #000;
}

.parts-card-img {
   width: 100%;
   height: 100%;
   background-color: #fff;
   margin-bottom: 14px;
}

.parts-card-img img {
   height: 224px;
   width: 100%;
   object-fit: cover;
}

.parts-card-content h5 {
   font-size: 14px;
   font-weight: 500;
   color: #000;
   letter-spacing: 0.8px;
   margin-bottom: 10px;
}

.parts-card-content p {
   font-size: 12px;
   color: #000;
}

.parts-card-content p strong {
   font-weight: 600;
}

.parts-card-content p span {
   margin-left: 30px;
}

.parts-card-content p span.prc {
   color: #F26D0D;
   font-size: 14px;
}

.subscribe {
   border: 1px solid #ECF2FE;
   margin-top: 5rem;
}

.subscribe-innr p {
   font-size: 16px;
   font-weight: 400;
   color: #92929D;
}

.subscribe-innr form {
   margin-top: 56px;
}

.subscribe-innr form label {
   font-size: 16px;
   font-weight: 500;
   color: #11142D;
}

.subscribe-innr form .form-control {
   height: 56px;
   border-color: #9a9ab0;
}

.thm-footer {
   background-color: #53B1F5;
}

.frt-abt img {
   width: 135px;
}

.frt-abt p {
   font-size: 14px;
   font-weight: 400;
}

.ftr-title {
   font-size: 16px;
   font-weight: 500;
   color: #fff;
   margin-bottom: 29px;
}

.ftr-lnk li a {
   display: inline-block;
   font-size: 14px;
   font-weight: 500;
   color: #fff;
   margin-bottom: 15px;
}

.copyright {
   padding-bottom: 15px;
   padding-top: 10px;
}

.copyright p {
   font-weight: 400;
   font-size: 16px;
}

/*home-page-css-end*/

/*bike-listing-start*/
.banner-innr {
   background-image: url(../images/banner-innr.png);
   background-repeat: no-repeat;
   background-size: cover;
   height: 387px;
   background-position: center;
   display: flex;
   justify-content: center;
   align-items: center;
}

.banner-innr h1 {
   font-size: 36px;
   font-weight: 600;
   color: #fff;
}

.bike-listing {
   padding-top: 75px;
   padding-bottom: 75px;
}

.bike-listing-fltr {
   padding-bottom: 64px;
   border-bottom: 1px solid #E1E1E1;
   margin-bottom: 30px;
}

.listing-fltr-lft-innr {
   display: flex;
   align-items: center;
}

.listing-fltr-lft-innr .form-control {
   height: 56px;
}

.listing-fltr-lft-innr .thm-btn {
   margin-left: 24px;
}

.listing-fltr-rgt li {
   display: inline-block;
   margin-left: 54px;
}

.listing-fltr-rgt li a {
   font-size: 24px;
   color: #9A9AB0;
   font-weight: 600;
}

.listing-fltr-rgt li a:hover, .listing-fltr-rgt li a.active {
   color: #53B1F5;
}

.listing-view {
   display: flex;
   justify-content: end;
   align-items: center;
}

.listing-view li {
   margin-left: 20px;
   color: #11142D;
   font-size: 16px;
}

.listing-view li select {
   border: 1px solid #000000;
   color: #11142D;
   height: 32px;
   border-radius: 8px;
   background-color: transparent;
}

.listing-view li select:focus {
   outline: none !important;
}

.bike-list-lft-bar {
   display: flex;
   align-items: center;
   padding-bottom: 40px;
   flex-wrap: wrap;
   border-bottom: 1px solid #E1E1E1;
   margin-bottom: 40px;
}

.bike-list-lft-bar-img img {
   width: 296px;
    border-radius: 8px;
    height: 200px;
    object-fit: cover;
}

.bike-list-lft-bar-content {
   margin-left: 30px;
}

.bike-list-lft-bar-content h6 {
   font-size: 14px;
   font-weight: 600;
   color: #000;
   margin-bottom: 11px;
}

.bike-list-lft-bar-content h3 {
   font-size: 24px;
   font-weight: 600;
   color: #11142D;
   margin-bottom: 9px;
}

.bike-list-lft-bar-content p {
   font-size: 12px;
   font-weight: 600;
   color: #92929D;
}

.bike-list-lft-bar-content h5 {
   font-size: 16px;
   font-weight: 700;
   color: #000;
}

.bike-list-lft-bar-content h3.clr {
   color: #53B1F5;
   margin: 15px 0;
}

.custom-paginate .pagination {
   justify-content: center;
}

.custom-paginate .pagination .page-item .page-link {
   background-color: transparent;
   border: 0;
   margin-left: 16px;
   color: #92929D;
   border-radius: 4px;
   height: 32px;
   width: 32px;
   line-height: 32px;
   text-align: center;
   padding: 0;
   box-shadow: none !important;
}

.custom-paginate .pagination .page-item .page-link:hover {
   color: #0085FF;
}

.custom-paginate .pagination .page-item .page-link[aria-label="Next"] {
   color: #0085FF;
}

.custom-paginate .pagination .page-item.active .page-link {
   background-color: #0085FF;
   color: #fff;
}

.right-bar-contct.sticky-top {
   top: 90px;
}

.right-bar-contct img {
   width: 100%;
   border-radius: 8px;
   height: 560px;
   object-fit: cover;
}

.contact-card {
   padding: 78px 60px;
   background-color: #FFFFFF;
   border-radius: 8px;
   margin-top: 16px;
   text-align: center;
}

.contact-card h3 {
   font-size: 36px;
   font-weight: 600;
   color: #11142D;
   margin-bottom: 10px;
}

.contact-card p {
   font-size: 24px;
   font-weight: 400;
   color: #92929D;
   margin: 1rem 0;
}

.contact-card .thm-btn {
   padding: 11px 24px;
   color: #fff !important;
}

/*bike-listing-end*/

/*add-items-css*/
.items-add {
   overflow-x: hidden;
}

.items-add h3.title {
   font-size: 32px;
   font-weight: 500;
}

.items-add h4.subtitle {
   font-size: 18px;
   font-weight: 700;
   color: #586166;
}

.items-add form .form-label, .items-add form .form-check-label {
   color: #586166;
   font-size: 18px;
   margin-bottom: 10px;
}
.items-add form .form-check-label{
    cursor: pointer;
}

.items-add form .form-check-input[type=radio] {
   height: 16px;
   width: 16px;
   box-shadow: none;
   border-color: #000;
}
.items-add form .form-check-input:checked{
    background-color: #000;
    border-color: #000;
}

.items-add form .form-check {
   display: flex;
   align-items: baseline;
}

.items-add form .form-check .form-check-label {
   margin-left: 10px;
}

.items-add form .form-check .form-check-input:checked {
   box-shadow: none !important;
}

.items-add form .items-add-bx .form-control, .items-add form .items-add-bx .form-select {
   height: 56px;
   border: 0.5px solid #858585;
   padding: 16px 32px 16px 16px;
   color: #8D9396;
   font-size: 18px;
   font-weight: 500;
}

.items-add form .items-add-bx .form-control::placeholder {
   color: #8D9396;
   opacity: 1;
}

.items-add form .items-add-bx .form-control::-ms-input-placeholder {

   /* Edge 12-18 */
   color: #8D9396;
}

.items-add form .items-add-bx.upload-bx input[type="file"] {
   display: none;
}

.items-add form .items-add-bx.upload-bx label.bike-icon {
   width: 156px;
   height: 158px;
   background-color: #fff;
   border: 0.5px solid #D2D2D2;
   display: flex;
   align-items: center;
   justify-content: center;
}

.items-add form .items-add-bx textarea.form-control {
   height: 168px;
}

.success {
   min-height: 100vh;
   display: flex;
   justify-content: center;
   align-items: center;
}

.success-card {
   padding: 78px 110px;
   background-color: #fff;
   text-align: center;
}

.success-card img {
   height: 120px;
   width: 120px;
}

.success-card h3 {
   margin: 36px 0;
   font-size: 36px;
   font-weight: 600;
   color: #000;
   letter-spacing: 0.5px;
}

.success-card h5 {
   font-size: 16px;
   font-weight: 500;
   color: #000;
   margin-bottom: 36px;
}

/*add-items-css-end*/

/*bike-detail-css*/
.custom-bred .breadcrumb-item+.breadcrumb-item::before {
   content: '\f054';
   font-family: "Font Awesome 5 Pro";
   color: #000;
}

.custom-bred .breadcrumb-item {
   font-size: 24px;
   font-weight: 600;
   color: #000;
}

.bike-dtl-card {
   background-color: #fff;
   padding: 40px 40px;
   margin-bottom: 30px;
}

.bike-dtl-card h6 {
   font-size: 24px;
   font-weight: 600;
   color: #53B1F5;
}

.bike-dtl-card h3.main-title {
   font-size: 36px;
   margin: 30px 0;
}

.bike-dtl-card .thm-btn {
   padding: 8px 24px;
   margin-bottom: 20px;
   font-weight: 700;
}

/*bike-detail-css-end*/

/*cms-css-start*/
.about {
   min-height: 100vh;
}

.about p {
   font-size: 14px;
   font-weight: 400;
   text-align: justify;
 
}

/*cms-css-end*/
.common-left-bar {
   padding: 48px 40px;
   background-color: #fff;
   border-radius: 8px;
   /*min-height: 100vh;*/
   height: 100%;
}

.common-left-bar li {
   margin-bottom: 45px;
}

.common-left-bar li a {
   display: inline-block;
   font-size: 15px;
   color: #000;
   font-weight: 400;
}

.common-left-bar li a:hover, .common-left-bar li a.active {
   color: #3999DE;
}

.frm-head {
   font-size: 30px;
   font-weight: 600;
}

.edit-profile form .upload-prfl {
   position: relative;
}

.edit-profile form .upload-prfl input[type="file"] {
   display: none;
}

.edit-profile form .upload-prfl img {
   height: 100px;
   width: 100px;
   border-radius: 50px;
}

.edit-profile form .upload-prfl label {
   display: inline-block;
   height: 30px;
   width: 30px;
   line-height: 30px;
   text-align: center;
   background-color: #3999DE;
   color: #fff;
   border-radius: 25px;
   cursor: pointer;
   position: absolute;
   bottom: 0;
   right: 0;
   font-size: 14px;
}

.profile-bx {
   position: relative;
}

.edit-profile form .profile-bx label.form-label {
   font-size: 16px;
   font-weight: 500;
   color: #1C1C1C;
}

.edit-profile form .profile-bx .form-control, .edit-profile form .profile-bx .form-select {
   height: 56px;
   border: 0.5px solid #858585!important;
   color: #858585!important;
   font-size: 16px;
   font-weight: 500;
}

.edit-profile form .profile-bx .check {
   display: inline-block;
   height: 35px;
   width: 35px;
   text-align: center;
   line-height: 35px;
   background-color: #23B000;
   position: absolute;
   right: 30px;
   top: 40px;
   border-radius: 8px;
   color: #fff;
}

.bike-thumb img {
   width: 100%;
   height: 560px;
   object-fit: cover;
   border-radius: 8px;
   margin-bottom: 10px;
}

.bike-thumb-innr img {
   width: 100%;
   height: 240px;
   object-fit: cover;
   border-radius: 8px;
}

.add-reviews {
   text-align: center;
}

.add-reviews h6 {
   font-size: 16px;
   font-weight: 400;
   color: #000;
   margin-bottom: 0;
}

.star-list li {
   display: inline-block;
   margin: 20px 8px;
   position: relative;
   font-size: 40px;
   color: #FFC700;
   cursor: pointer;
}

.star-list li.star i {
display: inline-block;
}
.star-list li.star i::before{
    display: none;
}

/*.star-list li.star.selected i {*/
/*   color: #FFC700;*/
/*}*/
.star-list li.star::after{
    position: absolute;
    content: '☆';
    left: 0;
    top: 0;
    color: #FFC700;
    font-style: normal;
    font-weight: 400;
    font-size: 50px;
    
}
.star-list li.selected.star::after{
    content: '★';
}

.add-reviews textarea.form-control {
   height: 185px;
   border-radius: 14px;
   border: 1px solid #BEBCBD;
}

.add-reviews .thm-btn {
   padding: 11px 24px;
}

.biker-dtl-desc, .biker-dtl-spec {
   margin-top: 60px;
}

.biker-dtl-desc .title, .biker-dtl-spec .title {
   font-size: 30px;
   margin-bottom: 20px;
   color: #333;
}

.biker-dtl-desc p {
   font-weight: 400;
}

.dtl-spec-list li .biker-dtl-spec-innr {
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-bottom: 1px solid #E1E1E1;
   padding: 15px 0;
}

.dtl-spec-list li span {
   font-size: 16px;
   font-weight: 500;
   text-transform: capitalize;
}

.dtl-spec-list li span img {
   height: 30px;
   width: 30px;
}

.dtl-spec-list li span:nth-child(1) {
   color: #92929D;
}

.dtl-spec-list li span:nth-child(2) {
   color: #11142D;
}

.looking-card {
   position: relative;
   border-radius: 8px;
   margin-bottom: 16px;
}

.looking-card-img {
   position: relative;
   z-index: 999;
   overflow: hidden;
   border-radius: 8px;
   width: 100%;
   height: 100%;
   
}

.looking-card-img img {
   width: 100%;
   border-radius: 8px;
   height: 406px;
   object-fit: cover;
   transition: 0.3s;
}
.looking-card:hover .looking-card-img img{
    transform: scale(1.2);
}

.looking-card-img::after {
   position: absolute;
   content: '';
   left: 0;
   bottom: 0;
   height: 100%;
   width: 100%;
   background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #000000 100%);
   border-radius: 8px;
   z-index: 9;
}

.looking-card-content {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 999;
   text-align: center;
   padding-bottom: 10px;
}

.looking-card-content h4 {
   font-size: 24px;
   font-weight: 600;
}

.looking-card-content h6 {
   font-size: 14px;
   font-weight: 500;
   margin: 8px 0;
}

.looking-card-content h4 {
   color: #53B1F5;
}

.looking-card .bedge {
   display: inline-block;
   font-size: 14px;
   font-weight: 500;
   color: #53B1F5;
   background-color: #fff;
   padding: 2px 9px;
   position: absolute;
   top: 10px;
   left: 10px;
   z-index: 999;
   border-radius: 5px;
}

.help-blck .title {
   font-size: 30px;
}

.help-blck .accordion-item {
   background-color: transparent !important;
   border: 0 !important;
   border-bottom: 1px solid #D9D9D9 !important;
   border-radius: 0 !important;
   padding: 10px 0;
}

.help-blck .accordion-item .accordion-button {
   background-color: transparent !important;
   box-shadow: none !important;
   border: 0 !important;
   padding: 10px 5px;
   font-size: 18px;
   font-weight: 400;
   color: #000000;
}

.help-blck .accordion-item .accordion-body {
   padding: 10px;
}

.help-blck .accordion-item .accordion-body p {
   font-weight: 400;
}
.reviews-list .title{
   margin-bottom: 20px;
}

.reviews-list-innr {
   padding: 20px;
   border: 1px solid #BEBCBD;
   border-radius: 14px;
   display: flex;
   margin-bottom: 20px;
}

.reviews-list-innr .reviews-list-innr-img img {
   height: 68px;
   width: 148px;
   border-radius: 50px;
   background-color: #D9D9D9;
}

.reviews-list-innr .reviews-list-innr-content {
   margin-left: 20px;
}

.reviews-list-innr .reviews-list-innr-content h4 {
   font-size: 24px;
   font-weight: 600;
   color: #000;
}
.reviews-list-innr .reviews-list-innr-content .review-star{
   margin: 12px 0;
}
.reviews-list-innr .reviews-list-innr-content .review-star span{
   color: #FFC700;
   font-size: 20px;
}
.reviews-list-innr .reviews-list-innr-content p{
   font-weight: 400;
}
.contact-lft .title{
   font-size: 30px;
   text-transform: uppercase;
}
.contact-lft li{
   border-bottom: 0.5px solid #858585;
   padding: 12px 0;
}
.contact-lft li:nth-last-child(1){
   border: 0;
}
.contact-lft li a{
   font-size: 14px;
   font-weight: 500;
}
.contact-frm .form-control{
   height: 56px;
   border: 0.5px solid #858585;
}
.contact-frm textarea.form-control{
      height: 220px;
}


.multi-img {
   display: flex;
   flex-wrap: wrap;
}

.multi-img-innr {
   position: relative;
   margin: 8px;
}

.multi-img-innr a {
   display: inline-block;
   height: 15px;
   width: 15px;
   line-height: 15px;
   text-align: center;
   background-color: #ff0000;
   border-radius: 25px;
   color: #fff;
   font-size: 10px;
   position: absolute;
   top: -10px;
   right: -10px;
}

.multi-img img {
   height: 70px;
   width: 70px;
}

.select2-container--default .select2-selection--single{
   height: 64px!important;
 background-color: #F3F3F3!important;

 border: 0.5px solid #858585!important;
}
.select2-container .select2-selection--single .select2-selection__rendered{
  padding-top: 15px;
   color: #858585!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  top: 19px;
}



/* New Chat */
.messaging img {
	max-width: 100%;
}

.messaging .inbox_people {
	background: #f8f8f8 none repeat scroll 0 0;
	float: left;
	overflow: hidden;
	width: 30%;
	border-right: 1px solid #c4c4c4;
}

.messaging .inbox_msg {
	border: 1px solid #c4c4c4;
	clear: both;
	overflow: hidden;
}

.messaging .top_spac {
	margin: 20px 0 0;
}


.messaging .recent_heading {
	float: left;
	width: 40%;
}

.messaging .srch_bar {
	display: inline-block;
	text-align: right;
	width: 60%;
}

.messaging .headind_srch {
	padding: 24.1px 15px;
	overflow: hidden;
	border-bottom: 1px solid #c4c4c4;
}

.messaging .recent_heading h4 {
	color: #000;
	font-size: 16px;
	font-weight: 500;
	margin: auto;
}

.messaging .srch_bar input {
	border: 1px solid #cdcdcd;
	border-width: 0 0 1px 0;
	width: 80%;
	padding: 2px 0 4px 6px;
	background: none;
}

.messaging .srch_bar .input-group-addon button {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	padding: 0;
	color: #707070;
	font-size: 18px;
}

.messaging .srch_bar .input-group-addon {
	margin: 0 0 0 -27px;
}

.messaging .chat_ib h5 {
	    font-size: 14px;
    color: #000;
    font-weight: 500;
}

.messaging .chat_ib h5 span {
	font-size: 13px;
	float: right;
}

.messaging .chat_ib p {
	font-size: 14px;
	color: #989898;
	margin: auto
}


.messaging .chat_img img {
	height: 60px;
	width: 60px;
	border-radius: 10px;
}


.messaging .chat_list {
	border-bottom: 1px solid #BEBCBD;
	margin: 0;
	padding: 10px 10px 10px;
	border-left: 5px solid transparent;
}

.messaging .inbox_chat {
	height: 560px;
	overflow-y: scroll;
}

.messaging .active_chat {
	/*background: #ebebeb;*/
	border-left-color: #3999DE;
}

.messaging .incoming_msg_img {
	display: inline-block;
	width: 6%;
}
.messaging .incoming_msg .received_msg{
    width: 50%;
}
.messaging .incoming_msg .received_msg p{
    background-color: #A5D9FF;
    padding: 5px 10px 5px 12px;
    border-radius: 7px;
    color: #fff;
}

.messaging .received_msg {
	display: inline-block;
	padding: 0 0 0 10px;
	vertical-align: top;
	width: 92%;
}

.messaging .received_msg img,
.messaging .sent_msg img{
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: bottom;
}
.messaging .received_withd_msg p {
	background: #ebebeb none repeat scroll 0 0;
	border-radius: 3px;
	color: #646464;
	font-size: 14px;
	margin: 0;
	padding: 5px 10px 5px 12px;
	width: 100%;
}

.messaging .time_date {
	color: #747474;
	display: block;
	font-size: 12px;
	margin: 8px 0 0;
}

.messaging .received_withd_msg {
	width: 57%;
}

.messaging .mesgs {
	float: left;
	padding: 0;
	width: 70%;
}

.messaging .sent_msg p {
	background: #D2D2D2;
	border-radius: 7px;
	font-size: 14px;
	margin: 0;
	color: #000;
	padding: 5px 10px 5px 12px;
	width: 100%;
}

.messaging .outgoing_msg {
	overflow: hidden;
	margin: 26px 0 26px;
}

.messaging .sent_msg {
	float: right;
	width: 46%;
}

.messaging .input_msg_write input {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 0;
	color: #4c4c4c;
	font-size: 15px;
	min-height: 48px;
	width: 100%;
}

.messaging .type_msg {
	position: relative;
	padding-bottom: 15px;
}



.messaging .messaging {
	padding: 0 0 50px 0;
}

.messaging .msg_history {
	height: 500px;
	overflow-y: auto;
}

.messaging .chat_ib p.user-dtl .user-dtl-icn {
	display: inline-block;
	height: 24px;
	width: 24px;
	line-height: 24px;
	background-color: #D9D9D9;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	color: #fff;
	border-radius: 25px;
	text-transform: uppercase;
	text-align: center;
}
.messaging .chat_ib p.user-dtl .user-dtl-nme{
    font-size: 12px;
    font-weight: 500;
    color: #000;
}
.messaging .chat_ib p.user-dtl .user-dtl-rating{
        display: inline-block;
    color: #827B7E;
    font-size: 10px;
    padding: 5px 3px;
    border-left: 1px solid #D9D9D9;
}

.messaging .chat_people {
	display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.messaging .chat_people .chat_ib{
    margin-left: 10px;
}
.messaging .input_msg_write{
    display: flex;
        border-radius: 50px;
    background-color: #fff;
    padding: 0 0px 0 15px;
        border: 1px solid #C1C0C4;
}
.input_msg_write button{
    color: #D2D2D2;
    font-size: 15px;
}
.messaging .input_msg_write .msg_send_btn{
    display: inline-block;
    height: 49px;
    width: 50px;
    background-color: #2b7ac4;
    border-radius: 0 50px 50px 0;
    text-align: center;
    line-height: 49px;
    padding: 0;
    color: #fff;
    border: 1px solid #2b7ac4;
}
.msg_usr_head{
    padding: 8px 15px;
    border-bottom: 1px solid #BEBCBD;
    display: flex;
}
.msg_usr_head_img{
    margin-right: 10px;
}
.msg_usr_head_img span{
    display: inline-block;
    height: 42px;
    width: 42px;
    line-height: 42px;
    background-color: #D9D9D9;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    border-radius: 25px;
    text-transform: uppercase;
}
.msg_usr_head_img span img{
    height: 30px;
    width: 30px;
    object-fit: cover;
}
.msg_usr_head_cntnt .user-dtl-nme{
    font-size: 14px;
    color: #000;
}
.msg_usr_head_cntnt .user-dtl-rating{
    font-size: 10px;
    color: #000;
}
.msg_usr_head_cntnt .txt{
    font-size: 10px;
    color: #827B7E;
}
.msg_usr_head_cntnt .seen{
    font-size: 12px;
    font-weight: 400;
    color: #827B7E;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b{
    border: 0!important;
}
.filterset{
    display: flex;
}
.remove-fltr{
    border-radius: 50px;
    margin-top: 10px;
    font-size: 13px;
    margin-right: 10px;
}
.remove-fltr a{
   display: inline-block;
   color: red;
}

/*.form-control.is-valid, .was-validated .form-control:valid,*/
/*.form-control.is-invalid, .was-validated .form-control:invalid{*/
/*    position: relative;*/
/*    z-index: 999;*/
/*}*/

.load-txt a{
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #000;
}

.noitication {
   background-color: #fff;
   height: 100%;
   padding: 50px 45px;
}

.noitication h5 {
   font-size: 14px;
   font-weight: 400;
   color: #000;
   margin-bottom: 20px;
}

.noitication .filter-innr form .form-select, .noitication .filter-innr form .form-control {
   width: 100%;
   border-color: #9A9AB0;
}

.noitication .filter-innr {
   margin-bottom: 30px;
}

.noitication-table {
   margin-top: 40px;
}

.noitication-table .form-check-input {
   background-color: #D9D9D9;
   border-color: #000;
   box-shadow: none !important;
   background-image: url(../images/switch-black.png);
   cursor: pointer;
}

.noitication-table .form-check-input:checked {
   background-image: url(../images/switch-blue.png);
   border-color: #0085FF;
}
.new_figma_button{
    display: flex;
    justify-content: center;
    align-items: center;
}
.new_figma_button li a{
        display: inline-block;
    background-color: #F8F8F8;
    padding: 10px 40px;
    color: #586166!important;
    font-size: 14px;
    font-weight: 500;
    border: 0.5px solid transparent;
}
.new_figma_button li a.active{
    border-color: #BEBCBD;
    background-color: #D9D9D9;
    border-radius: 5px;
}
.new-figma-parts{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 25px 0;
}
.new-figma-parts li a{
    display: inline-block;
    padding: 8px 25px;
    border: 0.5px solid #000000;
    color: #586166;
    font-size: 16px;
    font-weight: 600;
    border-radius: 6px;
}
.new-figma-parts li a.active,
.new-figma-parts li a:hover{
    background-color: #E4E4E4;
    border-color: #E4E4E4;
}
.filter-drop .accordion-item .location-list{
    display: flex;
    flex-wrap: wrap;
    gap: 1px;
}
.filter-drop .accordion-item .location-list li button{
    display: inline-block;
    padding: 5px 15px;
    border: 1px solid #9A9AB0;
    font-size: 12px;
    font-weight: 400;
    margin-top: 5px;
}
.filter-drop .accordion-item .location-list li button.active{
    background-color: #0679C2;
    border-color: #0679C2;
    color: #fff;
}
.search-bar-box-list{
    height: 250px;
    overflow-y: auto;
}
.search-bar-box-list .search-text-li:nth-last-child(1) a{
    border: 0;
}
.search-bar-box-list .search-text-li a{
        padding: 4px 8px;
    border-bottom: 1px solid #9a9ab0;
    font-size: 13px;
    color: #000;
    display: block;
}
.fltr-heads{
    font-size: 12px;
    font-weight: 500;
    color: #000;
}