.alert-danger{display:none;padding:15px;font-size:18px}
@media(max-width:767px){.editprofileForm{margin-top:-10px}
}
.editprofileForm .edit-personalDetails{border-bottom:2px dashed #ccc}
.editprofileForm .edit-personalDetails .formfield .form-group .radio-item{float:left}
@media(max-width:767px){.editprofileForm .edit-personalDetails{border-bottom:0}
}
.editprofileForm .edit-personalDetails .field-wrap{padding-top:3rem}
@media(max-width:767px){.editprofileForm .edit-personalDetails .field-wrap{border-block:1px solid #ccc;margin:unset;padding-top:1rem}
}
.editprofileForm .edit-personalDetails .edit-Img-heading-mobile{font-weight:700;font-size:24px;line-height:29px;color:#303030;padding-bottom:20px}
@media(min-width:767px){.editprofileForm .edit-personalDetails .edit-Img-heading-mobile{display:none}
}
.editprofileForm .edit-personalDetails .edit-personalImg{display:flex;flex-direction:column;gap:20px;align-items:center}
@media(max-width:767px){.editprofileForm .edit-personalDetails .edit-personalImg{margin-top:1rem}
}
.editprofileForm .edit-personalDetails .edit-personalImg .edit-Img-heading{font-style:normal;font-weight:700;font-size:24px;line-height:29px;color:#303030;padding:10px}
@media(max-width:767px){.editprofileForm .edit-personalDetails .edit-personalImg .edit-Img-heading{display:none}
}
.editprofileForm .edit-personalDetails .edit-personalImg .image-container .fetch-image{border-radius:50%;border:1px solid red;width:158px;height:158px}
.editprofileForm .edit-personalDetails .edit-personalImg .image-container .fetch-image .profile-roundPic{width:156px;height:156px;border-radius:50%;padding:10px}
.editprofileForm .edit-personalDetails .edit-personalImg .image-container .fetch-image .initials{font-size:50px;width:60px}
.editprofileForm .edit-personalDetails .edit-personalImg .image-container .upload-image{float:right;position:relative;bottom:25%;cursor:pointer}
.editprofileForm .edit-personalDetails .edit-personalImg .image-container .default-profile-image{border-radius:50%;border:1px solid red;width:158px;height:158px}
.editprofileForm .edit-personalDetails .edit-personalImg .image-container .default-profile-image img{width:70%;height:70%;padding:10px;margin:15px auto auto}
.editprofileForm .edit-Address{border-bottom:1px solid #ccc;margin-top:1rem}
@media(max-width:767px){.editprofileForm .edit-Address{border-bottom:0}
}
.editprofileForm .edit-Address .edit-address-heading{font-style:normal;font-weight:700;font-size:24px;line-height:29px;color:#303030;padding-bottom:20px;text-align:center}
@media(max-width:767px){.editprofileForm .edit-Address .edit-address-heading{text-align:initial}
}
.editprofileForm .edit-Address .edit-fields{margin-top:2rem}
@media(max-width:767px){.editprofileForm .edit-Address .edit-fields{margin-top:unset}
}
.editprofileForm .edit-action-btns{margin:2rem;display:flex;gap:2rem;justify-content:end}
@media(max-width:767px){.editprofileForm .edit-action-btns{margin:0 0 2rem;justify-content:space-around;flex-direction:column}
}
.editprofileForm .edit-action-btns .save-btn{width:186px;height:47px;font-style:normal;font-weight:900;font-size:20px;line-height:24px;text-transform:uppercase;color:#f5f5f7;background:linear-gradient(95.69deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%);border-radius:4px;border:0}
@media(max-width:767px){.editprofileForm .edit-action-btns .save-btn{width:100%;font-size:16px}
}
.editprofileForm .edit-action-btns .profile-button{height:47px}
@media(max-width:767px){.editprofileForm .edit-action-btns .profile-button{width:100%}
}
.editprofileForm .edit-action-btns a{display:inline-block}
.edit-myProfile-wrapper .service-main-heading h2{font-weight:700;font-size:24px;line-height:29px;color:#303030}
@media(max-width:767px){.edit-myProfile-wrapper .formfield .form-group input,.edit-myProfile-wrapper .formfield .form-group select{width:100%}
}
@media(max-width:767px){.edit-myProfile-wrapper .accordion:first-child{margin-bottom:0rem}
}
@media(max-width:767px){.edit-myProfile-wrapper .accordion:last-child{border-radius:0 !important;border-bottom:none !important}
}
.vouchers-available-wrapper .no-results{text-align:center;font-size:24px;font-family:'tstar-medium';border:1px solid #ccc;padding:15px;border-radius:10px;margin-bottom:40px}
@media(max-width:768px){.vouchers-available-wrapper .no-results{margin-bottom:0;margin-top:20px}
}
.vouchers-available-wrapper .voucher-title{margin-bottom:20px}
.vouchers-available-wrapper .voucher-white-card{background-repeat:no-repeat;background-size:cover}
.vouchers-available-wrapper .row.available-couponvouchers{margin-bottom:50px;justify-content:center}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.vouchers-available-wrapper .row.available-couponvouchers .slick-list.draggable{width:88%}
}
.vouchers-available-wrapper .row.available-couponvouchers .voucher-value{text-align:center;padding:10px 0;font-weight:bold}
.vouchers-available-wrapper .row.available-couponvouchers .slick-disabled{opacity:.25}
.vouchers-available-wrapper .row.available-couponvouchers .slick-slide img{margin:0}
.vouchers-available-wrapper .row.available-couponvouchers .slick-prev{left:-1.4rem !important;z-index:1}
@media all and (min-width:768px){.vouchers-available-wrapper .row.available-couponvouchers .slick-prev{left:-1.4rem !important}
}
.vouchers-available-wrapper .row.available-couponvouchers .slick-next{right:0rem !important;z-index:1}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.vouchers-available-wrapper .row.available-couponvouchers .slick-next{right:3rem !important}
}
@media(max-width:991px){.vouchers-available-wrapper .single-voucher .voucher-white-card{width:100% !important;max-width:-webkit-fill-available}
}
.service-voucher-popup{background:#fff}
.service-voucher-popup .service-popup-content{padding:15px}
.service-voucher-popup .service-popup-content .voucher-redeem-details{display:flex}
.service-voucher-popup .service-popup-content .voucher-redeem-details .redeem-giftname{margin-left:5%}
.service-voucher-popup .service-popup-content .voucher-redeem-details .amount{float:right;position:absolute;right:20%}
.service-voucher-popup .service-popup-content .service-instruction-to-avail{margin:5% 0}
.service-voucher-popup .sms-link{margin-bottom:20px}
.voucher-button{display:flex;justify-content:center}
.voucher-button a{padding:12px 32px;width:inherit;height:48px;background:linear-gradient(95.69deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%);border:1px solid #ee2326;border-radius:4px;justify-content:center;font-style:normal;font-weight:900;font-size:20px;line-height:24px;display:flex;align-items:center;text-transform:uppercase;color:#f5f5f7}
@media screen and (max-width:768px){.voucher-button a{width:100%}
}
.voucher-button a.disabled{background:#ccc;border:#ccc;pointer-events:none}
.voucher-avail-instru{background:#fde6d5;text-align:center;padding:10px}
.voucher-avail-instru p{color:red;font-size:20px}
.service-select-voucher-popup .select_voucher{padding:10px 30px}
.service-select-voucher-popup .select_voucher .select-row{display:-webkit-box}
.service-select-voucher-popup .select_voucher .select-row h5{padding:0}
.service-select-voucher-popup .select_voucher .select-row .align{margin:0}
.milstoneModals .modal-dialog{max-width:689px}
.milstoneModals .modal-header{display:block}
.milstoneModals .modal-header h5{font-size:2rem;font-weight:900}
@media(max-width:768px){.milstoneModals .modal-header h5{font-size:24px}
}
.milstoneModals .modal-header p{font-size:1.25rem;color:#686363;font-weight:400}
@media(max-width:768px){.milstoneModals .modal-header p{font-size:14px}
}
.milstoneModals .modal-body{background:#d9d9d9}
.milstoneModals .modal-body .offer-containers.selected .offer-container{background-image:url("clientlib-site/resources/images/icons/voucher-bg-active.png")}
.milstoneModals .modal-body .offer-containers .offer-container{background-image:url("clientlib-site/resources/images/icons/voucher-layout.svg");background-repeat:no-repeat;background-size:contain;display:inline-block;width:100%;min-height:106px}
@media(max-width:767px){.milstoneModals .modal-body .offer-containers .offer-container{min-height:inherit}
}
.milstoneModals .modal-body .offer-containers .offer-container .offer-container-left{float:left;width:14%;height:auto;display:inline-block;display:flex;justify-content:center;min-height:105px}
@media(max-width:767px){.milstoneModals .modal-body .offer-containers .offer-container .offer-container-left{min-height:55px}
}
.milstoneModals .modal-body .offer-containers .offer-container .offer-container-left input[type=radio]{width:20px;accent-color:red}
@media(max-width:768px){.milstoneModals .modal-body .offer-containers .offer-container .offer-container-left input[type=radio]{width:15px}
}
.milstoneModals .modal-body .offer-containers .offer-container .offer-container-right{float:left;width:85%;padding:10px 0;display:flex}
@media(max-width:767px){.milstoneModals .modal-body .offer-containers .offer-container .offer-container-right{position:relative}
}
.milstoneModals .modal-body .offer-containers .offer-container .offer-container-right .offer-sub-left{display:flex;justify-content:center;padding:20px}
@media(max-width:767px){.milstoneModals .modal-body .offer-containers .offer-container .offer-container-right .offer-sub-left{padding:5px}
}
.milstoneModals .modal-body .offer-containers .offer-container .offer-container-right .offer-sub-left img{height:37px;width:37px}
@media(max-width:767px){.milstoneModals .modal-body .offer-containers .offer-container .offer-container-right .offer-sub-left img{height:25px;width:25px}
}
.milstoneModals .modal-body .offer-containers .offer-container .offer-container-right .offer-sub-left .brand-icon{box-shadow:1px 1px 10px #dde;height:38px;width:38px;border-radius:50%}
@media(max-width:767px){.milstoneModals .modal-body .offer-containers .offer-container .offer-container-right .offer-sub-left .brand-icon{height:24px;width:24px}
}
.milstoneModals .modal-body .offer-containers .offer-container .offer-container-right .offer-sub-middle{font-size:1.4rem;margin-top:24px;font-weight:700}
@media(max-width:767px){.milstoneModals .modal-body .offer-containers .offer-container .offer-container-right .offer-sub-middle{margin-top:10px;font-size:12px}
}
.milstoneModals .modal-body .offer-containers .offer-container .offer-container-right .offer-sub-right{position:absolute;right:5%;justify-content:center;margin-top:10px;font-size:1.8rem;font-weight:900;line-height:64px}
@media(max-width:767px){.milstoneModals .modal-body .offer-containers .offer-container .offer-container-right .offer-sub-right{font-size:14px;right:13%;top:-25%}
}
.milstoneModals .modal-footer{margin:0 auto}
.milstoneModals .modal-footer .btn-redeem,.milstoneModals .modal-footer .btn-redeem:hover{background:linear-gradient(95.69deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%);color:#fff;width:217px}
.available-couponvouchers .slick-prev:before{background-image:url("../../../content/dam/hero-aem-website/in/servicejourney/Left-Grey-Arrow.svg");background-size:42px 42px;display:inline-block;width:42px;height:42px;content:"";opacity:1 !important}
.available-couponvouchers .slick-next:before{background-image:url("../../../content/dam/hero-aem-website/in/servicejourney/Right-Grey-Arrow.svg");background-size:42px 42px;display:inline-block;width:42px;height:42px;content:"";opacity:1 !important}
.service-select-voucher-popup{background:#f5f5f7;border-radius:10px;margin-top:20px}
.service-select-voucher-popup .select_voucher{width:100%}
.service-select-voucher-popup .select_voucher .plus{margin:-8px -5px;font-weight:bold;position:absolute;color:red;font-size:24px}
.service-select-voucher-popup .select_voucher .minus{margin:-8px -2px;font-weight:bold;position:absolute;color:red;font-size:24px}
.service-select-voucher-popup .select_voucher .price-input{outline:0;border:0}
.service-select-voucher-popup .select_voucher #errorMsg{font-weight:400;font-size:16px;color:red}
.service-select-voucher-popup .select_voucher .pricebox{border:2px solid #e8e8e8;border-radius:5px;display:inline-flex}
.service-select-voucher-popup .select_voucher .value-button:hover{cursor:pointer}
.service-select-voucher-popup .select_voucher .counter{border:1px solid #e8e8e8;background-color:#fff}
.service-select-voucher-popup .select_voucher #input-wrap{margin:0;padding:0}
.service-select-voucher-popup .select_voucher #number{text-align:center;border:0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin:0;width:40px;height:40px}
.service-select-voucher-popup .select_voucher input[type=number]::-webkit-inner-spin-button,.service-select-voucher-popup .select_voucher input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.service-select-voucher-popup .select_voucher h5{color:gray;font-size:15px;padding:20px 10px 20px 10px}
.service-select-voucher-popup .select_voucher .rightside-amount{font-weight:bold;font-size:20px;margin:3px}
.service-select-voucher-popup .select_voucher select{border:0;border-bottom:1px solid #cdcdcd;width:50%}
.service-select-voucher-popup .select_voucher .amount{color:gray;font-size:18px}
.service-select-voucher-popup .select_voucher .voucher_font_size_black{font-size:20px;color:#303030;float:right;font-weight:bold}
.service-select-voucher-popup .select_voucher .voucher_font_size_red{font-size:20px;color:red;float:right;font-weight:bold;margin-left:3px}
.service-select-voucher-popup .select_voucher .align{margin:20px 10px 20px 10px}
.service-select-voucher-popup .popup-header{border-radius:8px 8px 0 0;width:100%;padding:10px;background:#fff;border-bottom:1px solid #d2d2d2}
.service-select-voucher-popup .popup-header .popup-heading{width:80%}
.service-select-voucher-popup .popup-header .popup-heading h3{font-style:normal;font-weight:900;font-size:32px;line-height:40px;color:#1a1a1a}
@media all and (max-width:768px){.service-select-voucher-popup .popup-header .popup-heading h3{font-style:normal;font-weight:900;font-size:24px;line-height:29px;text-transform:capitalize;color:#333}
}
.service-select-voucher-popup .popup-header .cross-mark{width:20%}
.service-select-voucher-popup .popup-header .cross-mark .cross-icon{width:40px;height:32px;float:right}
@media all and (max-width:768px){.service-select-voucher-popup .popup-header .cross-mark .cross-icon{width:28px;height:28px}
}
.service-select-voucher-popup .service-popup-content{background:#fff;border-radius:8px;margin:15px;padding:10px}
.service-select-voucher-popup .service-popup-content .service-instruction-to-avail{display:inline-block}
.service-select-voucher-popup .service-popup-content .service-instruction-to-avail h4{font-style:normal;font-weight:700;font-size:24px;line-height:120%;color:#1a1a1a;padding:10px 0 10px 0}
@media all and (max-width:768px){.service-select-voucher-popup .service-popup-content .service-instruction-to-avail h4{font-style:normal;font-weight:700;font-size:16px;line-height:120%;color:#1a1a1a;padding:10px 0 10px 0}
}
.service-select-voucher-popup .service-popup-content .service-instruction-to-avail .service-instruction{padding-left:10px}
.service-select-voucher-popup .service-popup-content .service-instruction-to-avail .service-instruction li{font-style:normal;font-weight:300;font-size:20px;line-height:24px;color:#303030;padding:10px 0 10px 0}
@media all and (max-width:768px){.service-select-voucher-popup .service-popup-content .service-instruction-to-avail .service-instruction li{font-style:normal;font-weight:400;font-size:16px;line-height:20px;color:#303030;padding:10px 0 10px 0}
}
.service-select-voucher-popup .service-popup-content .service-instruction-to-avail .service-instruction ul{list-style-type:disc;padding-left:15px}
.service-select-voucher-popup .service-popup-content .heading-line{display:inline-block}
.service-select-voucher-popup .service-popup-content .heading-line .heading-icon{float:left;width:5%}
@media all and (max-width:768px){.service-select-voucher-popup .service-popup-content .heading-line .heading-icon{width:unset}
}
.service-select-voucher-popup .service-popup-content .heading-line .heading-icon img{height:45px;width:45px}
.service-select-voucher-popup .service-popup-content .heading-line .service-voucher h6{float:left;font-style:normal;font-weight:700;line-height:120%;color:#1a1a1a;width:90%}
@media all and (max-width:768px){.service-select-voucher-popup .service-popup-content .heading-line .service-voucher h6{float:none;font-style:normal;font-weight:700;font-size:24px;line-height:120%;color:#1a1a1a;padding-bottom:10px;width:unset}
}
.service-select-voucher-popup .service-popup-content .heading-line .service-voucher .hrclass{width:100%;float:left}
.service-select-voucher-popup .service-popup-content .heading-line .voucher-amount h3{width:5%;font-style:normal;font-weight:900;font-size:32px;line-height:39px;color:#303030;float:right}
@media all and (max-width:768px){.service-select-voucher-popup .service-popup-content .heading-line .voucher-amount h3{font-style:normal;font-weight:900;font-size:32px;line-height:39px;color:#303030;float:left;width:unset}
}
.service-select-voucher-popup .sms-voucher-code{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:20px 0 20px 0}
.service-select-voucher-popup .sms-voucher-code input[type=button]{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 32px;gap:10px;border-radius:4px;text-transform:uppercase;color:#f5f5f7;border:0}
.sideNavbar{margin:0;padding:0;z-index:2;position:absolute}
.sideNav-toggle-btn{width:12px;height:64px;position:absolute;left:0rem;top:10rem;background-color:red;padding:13px 9px;font-style:normal;font-size:16px;line-height:20px;line-height:15px;font-weight:900;box-sizing:content-box}
.sideNav-toggle-btn .sideNav-ham-icon{width:16px;height:13px;margin-top:10px}
.sideNav-toggle-btn .sideNav-btn-title{color:#fff;transform:rotate(180deg);writing-mode:tb}
.step-wrapper{background:#fff;width:100%}
@media(min-width:992px){.step-wrapper{height:41rem}
}
@media(max-width:991px){.step-wrapper{background:transparent}
}
.sideNavbar-links{position:absolute;width:90%;height:100%;margin-right:0;background-color:#fff;min-width:232px}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1){.sideNavbar-links{height:100vh !important}
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.sideNavbar-links{height:100vh !important}
}
@media(max-width:991x){.sideNavbar-links{width:230px;height:103rem}
}
@media(min-width:768px) and (max-width:819px){.sideNavbar-links{width:230px;height:105rem}
}
@media(min-width:820px) and (max-width:991px){.sideNavbar-links{width:230px;height:68rem}
}
.sideNavbar-links .profile-update{display:flex;flex-direction:column;gap:20px;align-items:center}
.sideNavbar-links .myvehicle-profile-pic{position:relative;text-align:center}
.sideNavbar-links .myvehicle-profile-pic .fetch-image{margin:0 auto;width:95px;height:95px}
.sideNavbar-links .myvehicle-profile-pic .fetch-image img{padding:unset;width:94px;height:94px}
.sideNavbar-links .myvehicle-profile-pic .fetch-image .initials{width:40px;font-size:38px}
@media screen and (max-width:991px){.sideNavbar-links .myvehicle-profile-pic .fetch-image .initials{width:46px;height:46px;font-size:24px;border:1px solid;border-radius:50%;display:flex;justify-content:center;align-items:center}
}
.sideNavbar-links .myvehicle-profile-pic .upload-image{position:absolute;right:1%;bottom:50%;cursor:pointer}
.sideNavbar-links .myvehicle-profile-pic h4{padding-top:10px;font-family:var(--font-tstar-bold)}
.sideNavbar-links .myvehicle-profile-pic p{color:gray;text-align:center;font-size:18px}
.sideNavbar-links .myvehicle-profile-pic a{color:red;text-decoration:none;font-weight:bold;margin-top:5px}
.sideNavbar-links .profilesection{background-color:#fff}
.sideNavbar-links .icons{height:30px;width:30px}
.sideNavbar-links .sideNav-vertical{background-color:#fff;color:#000;width:100%;margin-top:21px}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.sideNavbar-links .sideNav-vertical{margin-top:0}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1){.sideNavbar-links .sideNav-vertical{margin-top:0}
}
.sideNavbar-links .sideNav-vertical .sideNav-menu{color:#454343;padding:16px;display:flex;align-items:center;border-bottom:1px lightgray solid}
.sideNavbar-links .sideNav-vertical .sideNav-menu:first-child{border-top:1px solid lightgray}
.sideNavbar-links .sideNav-vertical .sideNav-menu:last-child{border-bottom:0}
.sideNavbar-links .sideNav-vertical .sideNav-menu a{text-decoration:none;color:#2e2b2b;font-size:medium;margin:unset;padding:unset;display:flex}
.sideNavbar-links .sideNav-vertical .sideNav-menu a.active{color:red}
.sideNavbar-links .sideNav-vertical .sideNav-menu a img{display:inline-block;height:24px;width:24px}
.sideNavbar-links .sideNav-vertical .sideNav-menu a.active .sideNav-title{font-weight:700;font-size:16px;line-height:20px;color:red}
.sideNavbar-links .sideNav-vertical .sideNav-menu a.active .activeIcon{display:block}
.sideNavbar-links .sideNav-vertical .sideNav-menu .sideNav-title{font-style:normal;font-size:16px;line-height:20px;font-weight:400;color:#303030;margin-left:16px}
.sideNavbar-links .sideNav-vertical .sideNav-menu .sideNav-title-active{font-style:normal;font-size:16px;line-height:20px;font-weight:400;color:#303030;margin-left:16px;font-weight:700;color:red}
.navUserProg{width:100%}
.navUserProg .hero-image{background-size:100% 310px;background-repeat:no-repeat}
.navUserProg .hero-image .hero-text{display:flex;flex-direction:column;padding-top:30px;padding-bottom:30px;padding-left:18px}
.navUserProg .hero-image .hero-text .bikeName{font-style:italic;font-weight:900;font-size:32px;line-height:38px;text-transform:uppercase;color:#fff}
.navUserProg .hero-image .hero-text .plateNum{font-style:normal;font-weight:700;font-size:16px;line-height:19px;letter-spacing:.01em;color:rgba(255,255,255,0.5)}
.navUserProg .hero-image .moving-img{margin:0 auto;width:200px}
@media all and (max-width:991px){.navUserProg .hero-image .moving-img{position:relative;top:-1rem}
}
@keyframes hero-image{from{transform:translateX(180px)}
to{transform:translateX(0)}
}
.navUserProg .StepProgress{padding:16px;font-size:14px}
@media screen and (max-width:991px){.navUserProg .StepProgress{display:flex;padding:10px;justify-content:space-between}
}
.navUserProg .StepProgress .StepProgress-item .stepLinks{display:flex;gap:10px;align-items:center;text-align:center;font-size:18px;line-height:22px;color:rgba(51,51,51,0.5)}
@media(max-width:991px){.navUserProg .StepProgress .StepProgress-item .stepLinks{flex-direction:column;width:4rem;font-size:12px;line-height:14px;color:rgba(51,51,51,0.5)}
}
@media(max-width:991px){.navUserProg .StepProgress .StepProgress-item .stepLinks .linkSubtext{display:block;text-align:center;font-size:12px;line-height:14px}
}
.navUserProg .StepProgress .StepProgress-item.next-item .stepLinks{font-weight:bold;color:#000}
.navUserProg .StepProgress .StepProgress-item.first-item .stepLinks{font-weight:bold;color:#000}
.navUserProg .StepProgress .StepProgress-item.active .stepLinks{color:#333}
.navUserProg .StepProgress .progressBar{margin-left:1.1rem;display:block;width:4px;height:31px;transform:skewY(50deg);margin-block:.4rem;background:red;background:#eaeaeb}
@media(max-width:991px){.navUserProg .StepProgress .progressBar{width:40px;height:4px;transform:skewX(-50deg);margin:unset;margin-top:1.1rem}
}
.navUserProg .StepProgress .progressBar:last-child{display:none}
.navbar-light .navbar-toggler-icon{background-image:url('clientlib-site/resources/images/icons/menu.svg')}
.profilesection .editprofile{margin-right:0;display:block}
.profile-pic{width:200px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;margin:1rem auto}
.profile-pic h5{font-weight:900;font-size:24px;line-height:29px;text-align:center;color:#303030}
@media(max-width:767px){.profile-pic h5{font-size:20px;line-height:24px}
}
.editprofile a{color:red;float:right;text-decoration:none;font-size:large;font-weight:bold;margin-block:10px;display:flex;align-items:center;gap:10px}
.editprofile h4{font-weight:700;font-size:16px;line-height:18px;color:red}
.profile-pic img{border-radius:50%;padding:5px;height:150px;width:140px}
.profile-summary-block{border-bottom:2px dashed #ccc}
.profile-summary-block .initials{font-size:50px;width:60px}
@media(max-width:767px){.profile-summary-block{border-bottom:2px solid #ccc;margin:0}
}
.manageLicense{margin:20px}
@media(max-width:767px){.manageLicense{border-bottom:2px solid #ccc;padding-bottom:20px}
}
.fetch-image{border-radius:50%;border:1px solid red;width:158px;height:158px;display:flex;align-items:center;justify-content:center}
.fetch-image .profile-roundPic{width:156px;height:156px;border-radius:50%;padding:10px}
.default-profile-image{border-radius:50%;border:1px solid red;width:158px;height:158px}
.default-profile-image img{width:70% !important;height:70% !important;padding:10px;margin:15px auto auto;border-radius:0 !important}
.profile-details-wrap{margin:0 auto}
@media(max-width:767px){.profile-details-wrap{border-top:1px solid #ccc;margin-bottom:1rem}
}
.profile-details-wrap .profile-field{margin-top:1rem}
.profile-details-wrap .profile-field .mobile{display:block}
.profile-details-wrap .profile-field h5{font-weight:400;font-size:18px;line-height:22px;letter-spacing:.01em;color:rgba(51,51,51,0.8)}
.profile-details-wrap .profile-field p{font-weight:700;font-size:18px;line-height:22px;letter-spacing:.01em;color:#333;word-break:break-all}
@media(max-width:767px){.profile-details-wrap .profile-field p{line-height:24px}
}
.my-profile-wrapper .service-main-heading h2{font-weight:700;font-size:24px;line-height:29px;color:#303030}
.my-profile-wrapper #details-section .card .card-header button.accordion-button p{font-weight:700;font-size:24px;line-height:29px;color:#333}
#details-section .card .card-body{padding-top:0}
#details-section .licensesection .document{width:20%}
@media(max-width:768px){#details-section .licensesection .document{width:90%}
}
.book-service-wrapper .heading{font-size:28px}
.book-service-wrapper .step-section{display:none;padding:1rem 2rem;background:#fff}
.book-service-wrapper .step-section.active{display:block}
.book-service-wrapper .step-section.dealer-details .sub-item1{width:112px;height:30px;background-color:red;color:white;position:absolute;right:32px;top:-14px;text-align:center;box-sizing:border-box;padding:5px;z-index:1;border-bottom-right-radius:24px;border-top-right-radius:10px;border-top-left-radius:5px;border-bottom-left-radius:8px}
.book-service-wrapper .step-section.dealer-details .dealers-card .sub-item2{background:#fff;border:1px solid #e8e8e8;box-shadow:0 6px 26px rgba(40,40,40,0.16);border-radius:8px;padding:10px 15px;margin-bottom:1rem;min-height:207px}
.book-service-wrapper .step-section.dealer-details .dealers-card .sub-item2 input[type="checkbox"]{width:24px;height:24px;border:1px solid #8c8c8c;border-radius:8px;accent-color:red}
.book-service-wrapper .step-section.dealer-details .dealers-card .sub-item2 div.dealer-address{font-weight:700;font-size:18px;line-height:24px;color:rgba(51,51,51,0.8);margin-top:5px}
.book-service-wrapper .step-section.dealer-details .dealers-card .sub-item2 p.dealer-address{font-weight:400;font-size:14px;line-height:18px;color:#6a737d;margin-top:5px;font-family:"tstar-medium"}
.book-service-wrapper .step-section.dealer-details .dealers-card .sub-item2 h3{font-family:var(--font-tstar-bold)}
.book-service-wrapper .step-section.dealer-details .dealers-card .sub-item2 .tel{font-weight:400;font-size:14px;line-height:16px;display:flex;align-items:center;color:rgba(51,51,51,0.8);margin-top:1rem;gap:1rem;position:relative;bottom:15%}
.book-service-wrapper .step-section .next-back-nav{display:flex;gap:16px;position:relative;left:35%}
.book-service-wrapper .step-section .next-back-nav .bk,.book-service-wrapper .step-section .next-back-nav .nt{width:99px;height:38px;background:#fff;border:1px solid #ee2326;border-radius:4px;text-align:center;box-sizing:border-box;padding-top:9px;color:red;font-weight:900;font-size:16px;line-height:19px;text-transform:uppercase}
.book-service-wrapper .step-section.selfjobcard h6{font-weight:400;font-size:20px;line-height:24px;color:rgba(51,51,51,0.8)}
.book-service-wrapper .step-section.selfjobcard .textarea-container h5{font-weight:700;font-size:20px;line-height:24px;color:rgba(51,51,51,0.8);margin-top:1rem}
.book-service-wrapper .step-section.selfjobcard .textarea-container textarea.self-job-card-text-area{margin-top:.5rem;resize:none;min-height:206px}
.book-service-wrapper .step-section.selfjobcard .textarea-container textarea::placeholder{font-weight:400;font-size:18px;line-height:18px;color:#b8c1cb}
.book-service-wrapper .step-section.selfjobcard .textarea-container .form-group{margin:0}
.book-service-wrapper .step-section.selfjobcard .textarea-container #the-count{float:right;padding:.1rem 0 0 0;font-size:.875rem;color:#999}
.book-service-wrapper .step-section.selfjobcard .issue-types input{accent-color:red;width:25px;height:20px;padding:10px;border-radius:5px}
.book-service-wrapper .step-section.selfjobcard .issue-types input:checked + label{font-weight:bold;color:#000}
.book-service-wrapper .step-section.selfjobcard .issue-types label{font-style:normal;margin-left:15px;text-align:center;font-weight:lighter;color:gray}
.book-service-wrapper .step-section.selfjobcard .issue{width:100%;height:70px;border:1px gray solid;border-radius:10px}
.book-service-wrapper .step-section.selfjobcard .toright{float:right}
.book-service-wrapper .step-section.selfjobcard .self-job-card{border-bottom:1px gray solid;border-top:1px gray solid;padding-top:15px;padding-bottom:15px}
.book-service-wrapper .step-section.selfjobcard .issue-detail{padding-top:20px}
.book-service-wrapper .step-section.selfjobcard .issue-detail h4{font-weight:500;color:black}
.row.serv-detail-header{border-bottom:1px solid #ddd;margin-bottom:25px}
@media(max-width:991px){.row.serv-detail-header{margin:0;margin-bottom:1rem}
}
@media(max-width:991px){.row.serv-detail-header .col-md-12.col-lg-12.col-sm-12.col-xs-12{padding:0}
}
.serv-left-right{float:left;padding:0 0 7px 0}
.rescalendar_controls{margin-left:65px;padding:0;float:left;margin-bottom:11px;display:inline-block;width:94%}
@media(max-width:991px){.rescalendar_controls{margin-bottom:1rem}
}
.rescalendar_controls input{text-align:center}
.rescalendar_table{padding-top:10px;margin:0 auto}
.rescalendar_table .firstColumn{width:100px;text-align:left}
.rescalendar_day_cells span{display:block;padding:0 2px 0;font-size:14px}
.rescalendar_day_cells span.day{display:block;width:30px}
.rescalendar_day_cells td.today{background:red;color:#fff}
.rescalendar_day_cells td.today.disabled{background:0;color:#000}
.rescalendar td a{display:block;width:100%;height:100%;text-decoration:none}
.rescalendar td .hasEvent{background:yellow}
.error_wrapper{width:100;text-align:center;background:red;color:#fff;padding:15px}
.day_cell span{background:#f9f7f7;padding:5px;margin:0 3px}
.day_cell span.dia{border-top-left-radius:5px;border-top-right-radius:5px;padding:5px 5px 0 5px;text-align:center}
.day_cell span.dia_semana{padding:5px 5px 10px 5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;text-align:center}
.middleDay.day_cell span.dia_semana,.middleDay.day_cell span.dia{background-color:red;color:#fff}
.middleDay.day_cell.disabled span{background-color:inherit;color:#ccc}
.next-button{position:absolute;right:35px;top:46%}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.next-button{right:8px}
}
.rescalendar.my_calendar_en_wrapper{position:relative}
.previous-button{position:absolute;top:46%;left:36px}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.previous-button{left:7px}
}
.calendar-slider-dontainer{position:relative;border:1px solid #ddd;border-radius:5px;padding:10px;clear:both;overflow:hidden}
.calendar-slider-dontainer table{margin:1rem auto !important;width:90%}
.calendar-slider-dontainer input.month-selection{border:transparent;font-weight:900}
@media(max-width:991px){.calendar-slider-dontainer input.month-selection{font-weight:700;font-size:14px;line-height:17px;letter-spacing:.01em;color:#333}
}
.rescalendar_controls input{float:right;border:transparent;font-weight:900;background:transparent}
button.move_to_yesterday{border:transparent;background:transparent;color:#ddd}
button.move_to_tomorrow{border:transparent;background:transparent;color:#ddd}
.select-date{float:left;position:absolute;left:0}
.form-check-label.service-type-form-chk{display:flex;gap:20px;align-items:center}
.form-check-label.service-type-form-chk input[type=radio]{accent-color:red;width:20px;height:20px;position:relative;left:14px;top:-1px}
.row.button-container{padding:10px}
.slidecontainer{width:100%}
.slider{-webkit-appearance:none;appearance:none;width:100%;height:2px;border-radius:5px;background:#d3d3d3;outline:0;opacity:.7;-webkit-transition:.2s;transition:opacity .2s}
.slider:hover{opacity:1}
.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border:0;border-radius:50%;cursor:pointer;background-color:red;color:red}
.slider::-moz-range-thumb{width:22px;height:22px;border:0;cursor:pointer;background-color:red;color:red;border-radius:50%}
.slidecontainer{width:100%;border:1px solid #ddd;margin:12px 0;padding:30px 15px 30px 15px}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.slidecontainer{padding:40px 10px}
}
.slidecontainer .first-range-time{width:10%;text-align:right;padding-right:10px;margin-top:-8px;font-weight:700}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.slidecontainer .first-range-time{display:none}
}
.slidecontainer .last-range-time{position:relative;left:-40px;top:-9px;font-weight:700}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.slidecontainer .last-range-time{display:none}
}
.icon-left{float:left}
.selct-time-header{margin-top:20px;margin-bottom:1rem}
@media(max-width:991px){.selct-time-header{padding:unset;flex-wrap:nowrap}
}
.selct-time-header #timePicker{font-weight:900}
.odemeter-container{padding:15px 0}
@media(max-width:991px){.odemeter-container{padding:unset}
}
.odemeter-container .odemeter-container-inner{position:relative}
.odemeter-container .odemeter-container-inner .tooltip-icon-container{position:relative;top:5px;left:10px}
.odemeter-container .odemeter-container-inner .tooltip-icon-container:hover + .tooltip-container{display:block;z-index:1}
.odemeter-container .odemeter-container-inner .tooltip-container{position:absolute;height:77px;width:200px;background:#fff;box-shadow:1px 1px 6px 3px #ddd;padding:5px 10px;border-radius:4px;left:235px;top:19px;display:none}
.sub-heading{display:flex;gap:1rem;align-items:center;padding:15px;border-bottom:1px solid #ccc}
.item2{margin-top:1rem}
.item2 .formfield{align-items:end}
.item2 .formfield .form-group{position:relative !important}
.item2 .formfield .form-group:has(p){display:flex}
.item2 .formfield .form-group .dropdown-menu{z-index:2;width:88%}
.item2 #dealerstateDropdown,.item2 #dealercityDropdown{display:flex;align-items:center;justify-content:space-between;border:0;border-bottom:2px solid #333;padding:unset;border-radius:unset}
.item2 #dealerstateDropdown .placeholder,.item2 #dealercityDropdown .placeholder{border:0;font-weight:400;font-size:18px;line-height:22px;letter-spacing:.01em;color:rgba(51,51,51,0.8)}
.item2 #dealercityDropdown.disabled{pointer-events:none}
.item2 .dealer-state-dropdown,.item2 .dealer-city-dropdown{text-transform:capitalize;position:relative;max-height:250px;overflow-y:auto;max-width:-webkit-fill-available;z-index:1;border-radius:0 0 16px 16px}
.item2 .dealer-state-dropdown li,.item2 .dealer-city-dropdown li{padding:8px 8px;border-bottom:1px solid rgba(235,235,235,0.5);font-size:12px;font-family:"tstar-medium"}
.item2 p{font-weight:700;font-size:20px;line-height:24px;letter-spacing:.01em;color:#333;margin:0 auto}
.item2 .location-icon{display:flex;gap:.5rem;font-style:normal;font-weight:700;font-size:16px;line-height:19px;letter-spacing:.01em;color:red;padding:3px 0}
.auth-desc{font-weight:700;font-size:18px;line-height:22px;letter-spacing:.01em;color:#333;margin:1rem 0;padding-bottom:20px}
.dealer-summary-card h3#dealerName{font-family:'tstar-heavy';font-weight:700;font-size:18px;line-height:24px;color:#333;margin-bottom:6px}
.dealer-summary-card p.dealer-address{font-weight:400;font-size:14px;line-height:18px;color:#6a737d}
.dealer-summary-card .tel{font-weight:400;font-size:14px;line-height:16px;display:flex;align-items:center;margin-top:2rem;gap:1rem;color:rgba(51,51,51,0.8)}
.dealer-button-container{border-top:1px solid #ddd;padding:15px 0;justify-content:flex-end;align-items:center}
@media(max-width:991px){.dealer-button-container{border:0}
}
.dealer-button-container .foot-btn{display:flex;align-items:center;gap:2rem;justify-content:end;width:99%}
.dealer-button-container .summary-footer{display:flex;gap:1rem;justify-content:end}
@media(max-width:991px){.dealer-button-container .summary-footer .api-error-msg{position:absolute;bottom:-11px}
}
.address-card{background:#fff;border:1px solid rgba(51,51,51,0.1);box-shadow:0 6px 26px rgba(40,40,40,0.16);border-radius:8px;padding:1rem;width:100%;position:relative;margin-bottom:20px}
.address-card .summery-sub-item1{width:112px;height:30px;background-color:red;color:white;position:absolute;right:32px;top:-14px;text-align:center;box-sizing:border-box;z-index:1;border-bottom-right-radius:24px;border-top-right-radius:10px;border-top-left-radius:5px;border-bottom-left-radius:8px}
.kilometer-range{width:112px;height:30px;background-color:red;color:white;position:absolute;right:30px;top:-12px;text-align:center;box-sizing:border-box;padding:5px;z-index:1;border-bottom-right-radius:24px;border-top-right-radius:10px;border-top-left-radius:5px;border-bottom-left-radius:8px}
.book-now-btn,.book-now-btn:hover{background:linear-gradient(95.69deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%);border-radius:4px;width:152px;height:48px;padding:0;color:#fff}
.book-now-btn.disabled,.book-now-btn:hover.disabled{background:0;color:#ccc;pointer-events:none;cursor:default}
.book-now-back-btn,.book-now-back-btn:hover{border:1px solid #ee2326;margin-right:9px;height:48px;width:108px;box-shadow:1px 1px 1px 0 #ee2326 !important;font-weight:bold !important;background-color:transparent}
.service-sub-heading{font-style:normal;font-weight:400;font-size:20px;line-height:24px;letter-spacing:.01em;color:#333}
@media(max-width:991px){.service-sub-heading{font-size:16px;line-height:19px}
}
.page-title span{float:left}
.page-heading{padding:10px 0}
.page-heading .service-heading{font-size:28px;padding:0 6px;font-weight:700}
.page-heading span:first-child{padding:3px 0}
.book-serv-pages{background:#fff;margin:0 15px 0 0}
@media(max-width:991px){.book-serv-pages{margin:1rem}
}
.book-serv-pages .service-heading{font-size:1.5rem;font-weight:700}
@media(max-width:991px){.book-serv-pages .service-heading{font-weight:700;font-size:18px;line-height:22px;color:#303030}
}
.book-serv-pages .form-container{padding:15px}
.book-serv-pages .form-container .rescalendar .rescalendar_table tr.rescalendar_day_cells{background-color:transparent !important}
.book-serv-pages .form-container .rescalendar .rescalendar_table tr.rescalendar_day_cells td.day_cell{padding:0 !important;cursor:pointer}
.book-serv-pages .form-container .rescalendar .rescalendar_table tr.rescalendar_day_cells td.day_cell.disabled{pointer-events:none;color:#ccc}
.book-serv-pages .form-container .service-heading{font-size:1.5rem;font-weight:700;padding:5px 0 0 5px}
@media(max-width:991px){.book-serv-pages .form-container .service-heading{font-weight:700;font-size:18px;line-height:22px;color:#303030;padding-top:8%}
}
.book-serv-pages .form-container .service-heading .serv-left-right{float:left;margin:7px 0}
.book-serv-pages .odometerReading{font-size:20px;font-weight:400;padding:10px 0}
@media(max-width:991px){.book-serv-pages .odometerReading{padding-bottom:1rem}
}
.book-serv-pages .service-type-container h5{font-size:20px;padding:10px 0}
@media(max-width:991px){.book-serv-pages .service-type-container h5{padding-bottom:1rem}
}
.book-serv-pages .service-type-container .col-md-4.service-type-process{padding:10px;max-width:28%;margin:0 15px;height:52px;border:1px solid #bababa;border-radius:5px;box-shadow:1px 1px 4px 2px #ddd;padding:13px 0 0 18px;font-weight:900;color:#000}
.book-serv-pages .service-type-container .col-md-4.service-type-process.disabled{pointer-events:none;cursor:not-allowed;color:#bababa}
.book-serv-pages .service-type-container .col-md-4.service-type-process .active{border:1px solid #f00 !important;box-shadow:1px 1px 3px 2px #ddd}
@media screen and (max-width:991px){.book-serv-pages .service-type-container .col-md-4.service-type-process{max-width:inherit;margin-bottom:15px}
}
.book-serv-pages .service-type-container .service-type-process .form-check input[type=radio]{left:4px}
.book-serv-pages .service-type-container .service-type-process:last-child .form-check input[type=radio]{top:-4px}
.book-serv-pages .service-type-container .service-container{padding:25px 0;border-bottom:1px solid #ccc;margin:0}
@media(max-width:991px){.book-serv-pages .service-type-container .service-container{gap:1rem;border:0}
}
.book-serv-pages .service-type-container .service-container .service-wrapper{display:flex;margin-right:10px}
@media(max-width:991px){.book-serv-pages .service-type-container .service-container .service-wrapper{position:relative;gap:10px;margin-bottom:20px}
}
.book-serv-pages .service-type-container .service-container .service-wrapper .service-types.disabled{color:#ccc}
.book-serv-pages .service-type-container .service-container .service-wrapper .service-types{padding:0;gap:10px;display:flex}
@media(max-width:991px){.book-serv-pages .service-type-container .service-container .service-wrapper .service-types .icon-left{margin-right:20px;margin-bottom:25px}
}
.book-serv-pages .service-type-container .service-container .service-wrapper .service-types .servtext-right{float:left;max-width:130px;font-size:12px}
@media(max-width:991px){.book-serv-pages .service-type-container .service-container .service-wrapper .service-types .servtext-right{max-width:inherit;font-size:16px}
}
.book-serv-pages .service-type-container .service-container .service-wrapper .line-gape{float:left;padding:22px 0 0 4px}
@media(max-width:991px){.book-serv-pages .service-type-container .service-container .service-wrapper .line-gape{transform:rotate(90deg);position:absolute;bottom:-20%;left:2%}
}
.book-serv-pages .range{position:relative;width:85%;height:5px}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.book-serv-pages .range{width:100%}
}
@media(max-width:991px){.book-serv-pages .range{margin-left:10%}
}
.range input{width:92%;position:absolute;top:2px;left:10px;height:0;-webkit-appearance:none;appearance:none}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.range input{width:88%}
}
@media(max-width:991px){.range input{width:88%}
}
.range input::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin:-8px 0 0;border-radius:50%;background:#ee2326;cursor:pointer;border:0 !important}
.range input::-moz-range-thumb{width:18px;height:18px;margin:-8px 0 0;border-radius:50%;background:#ee2326;cursor:pointer;border:0 !important}
.range input::-ms-thumb{width:18px;height:18px;margin:-8px 0 0;border-radius:50%;background:#ee2326;cursor:pointer;border:0 !important}
.range input::-webkit-slider-runnable-track{width:100%;height:2px;cursor:pointer;background:#b2b2b2}
.range input::-moz-range-track{width:100%;height:2px;cursor:default;background:#b2b2b2}
.range input::-ms-track{width:100%;height:2px;cursor:default;background:#b2b2b2}
.range input:focus{background:0;outline:0}
.range input::-ms-track{width:100%;cursor:pointer;background:transparent;border-color:transparent;color:transparent}
.range-labels{margin:17px -44px 0;padding:0;list-style:none}
@media(max-width:991px){.range-labels{margin:-30px -12px 0}
}
.range-labels li{position:relative;float:left;width:14%;text-align:center;font-size:14px;cursor:pointer;text-indent:-9999px}
.range-labels li.disabled{cursor:not allowed;pointer-events:none}
.range-labels li .start-time,.range-labels li .end-time{position:relative;left:6px;top:-23px}
.range-labels li .start-time{left:-42px}
.range-labels li .end-time{right:6px}
.range-labels li::before{position:absolute;top:-23px;right:0;left:-19px;content:"";margin:0 auto;width:2px;height:15px;background:#b2b2b2;border-radius:50%}
@media(max-width:991px){.range-labels li::before{left:0;top:23px}
}
.range-labels li:last-child:before{left:-2.2rem}
@media(max-width:991px){.range-labels li:last-child:before{left:-1rem}
}
.range-labels .active.selected{text-indent:initial;font-weight:700;border-radius:10px}
.range-labels .active.selected::before{z-index:-1}
.range-labels .active.selected .time-wrap{white-space:nowrap;width:fit-content;padding-inline:8px;border-radius:8px;background:#fdefef}
.summary-heading{font-size:20px;font-weight:900;display:inline-block;font-family:'tstar-heavy';margin-block:1rem}
.change-link{display:inline;color:red;font-weight:bold;cursor:pointer;margin-left:1rem}
.summary-row{line-height:30px}
.summary-row .head-change-wrap{display:flex;align-items:center}
@media(max-width:991px){.summary-row .head-change-wrap{justify-content:space-between}
}
.servicedate-selected{display:flex;justify-content:space-between;white-space:nowrap}
.servicedate-selected #summery-date,.servicedate-selected #summery-time,.servicedate-selected #service-type{font-weight:bold}
.pleasure-max-container{padding-top:2rem}
.pleasure-max-container h3{font-family:'tstar-heavy'}
.summery-details{justify-content:space-between}
@media(max-width:991px){.summery-details{flex-direction:column-reverse}
}
#job-details label{display:block}
.job-card-check-box{column-count:3;column-gap:5rem;padding:1rem}
@media(max-width:991px){.job-card-check-box{column-count:unset}
}
@media(min-width:1440px){.job-card-check-box{column-gap:13rem;padding:2rem}
}
.job-card-check-box .form-check input.form-check-input[type="checkbox"]{height:24px;width:24px;accent-color:red;border:red;margin-top:1rem}
.job-card-check-box .form-check .form-check-label{margin:6px 14px;font-weight:400;font-size:18px;line-height:138.02%;color:rgba(51,51,51,0.8);margin-left:1rem;margin-top:1rem}
.job-card-check-box .form-check input:checked + label{font-weight:900;font-size:18px;line-height:138.02%;color:rgba(51,51,51,0.8);font-family:'tstar-heavy'}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.odemeter-container .odemeter-container-inner .tooltip-icon-container{left:2px;float:right}
.odemeter-container .odemeter-container-inner .tooltip-container{left:44% !important}
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape){.odemeter-container .odemeter-container-inner .tooltip-icon-container{left:2px;float:right}
.odemeter-container .odemeter-container-inner .tooltip-container{left:67% !important;top:-87% !important;z-index:1}
}
.left-section{width:100%;height:100%;background-color:lightgrey;margin-right:0;background-color:white}
.profile-pic img{border-radius:50%;height:150px;width:150px}
.profile-pic{text-align:center}
.profilesection{background-color:white}
.icons{height:30px;width:30px}
.profile-pic h4{font-weight:bold}
.profile-pic p{color:gray;text-align:center}
.profile-pic a{color:red;text-decoration:none;font-weight:bold}
.profile-completion{display:inline-block;background-color:bisque;border:1px bisque solid;border-radius:10px;width:fit-content}
.completion-status{float:left}
.percentage{float:right}
.verticalmenu{background-color:white;color:black;width:100%}
.menus{height:5%;color:#454343;margin-top:5px;margin-bottom:10px;width:120%}
.menus a{text-decoration:none;color:#2e2b2b;font-size:medium;border-bottom:1px lightgray solid;width:120%}
.menus img{height:40px;width:40px}
.right-section{width:100%;height:100%;background-color:lightgray}
.heading{color:black;font-size:x-large;border-bottom:1px gray solid;padding:10px}
.vehicle-nav{color:gray;font-size:large;padding:10px;display:inline-block}
.left{border-radius:50%;border-color:2px black solid;font-size:large;background-color:whitesmoke;text-decoration:none;color:gray}
.right{border-radius:50%;border-color:2px black solid;font-size:large;background-color:whitesmoke;text-decoration:none;color:gray}
.left:hover,.right:hover{color:red}
.vehicle-name{font-size:larger;padding:10px}
.vehicle-name span{font-weight:bold}
.vehicle{float:left;width:max-content;height:max-content}
.vehicle-image{height:300px;width:500px;float:right;margin-bottom:10px;margin-left:30px;margin-top:10px;text-align:center}
.insurance-type{width:max-content;display:inline-block;padding:10px}
.insurances{padding:10px;border-radius:1px gray solid}
.service-type{width:24%;height:125px;border:2px #080101 solid;border-radius:10px;display:inline-block;background-color:white}
.service-info h4,.service-info p,.service-info a{float:left}
.service-type:hover{border-color:red}
.service-info h4{font-weight:bold}
.service-info a{color:red;font-weight:bold;font-size:medium}
.service-info p{color:gray;font-size:small}
.service-icon{float:right}
.service-icon img{height:30px;width:20px}
.services{padding:10px;margin-top:-30px}
.tiles{display:inline-block;height:200px;transform:skew(-14deg);padding:0;width:max-content}
.tiles img{display:inline-block;height:350px;width:330px;padding:10px}
.image-tiles{margin:10px}
#details-section{background-color:whitesmoke;border-radius:20px;border-bottom:2px solid #ccc}
#details-section .card-header p{float:right;color:red;font-size:larger}
#details-section .card-header img{height:30px;width:30px;margin-right:10px}
#details-section .document-title{display:inline}
#details-section .document-title p{font-weight:bold}
#details-section .document img{height:100px;width:100%}
#details-section .document-title img{height:30px;width:40px}
#details-section .document-name p{color:gray}
#details-section .document{width:auto;border:1px black solid;padding:10px;border-radius:10px;background-color:whitesmoke;display:inline-block;margin:10px;box-shadow:2px 2px 2px 2px #abaaaa}
#details-section .document a{color:red;font-size:medium}
#details-section .document p{color:black;font-weight:bold}
#details-section .document-title img,#details-section .document-title p{display:inline-block}
#details-section .document-type{float:left}
#details-section .document-icon{float:left}
#details-section .arrow-icon{height:5px;width:20px;float:right}
#details-section .card-header .arrow-icon{transition:.3s transform ease-out}
@media(max-width:768px){.edit-myProfile-wrapper .accordion:last-child#details-section{border-bottom:0}
}
#details-section button{border:0;background-color:whitesmoke;width:100%;text-align:left;padding:5px;font-size:larger;font-weight:bold}
.detailed-info{display:flex}
@media(max-width:767px){.detailed-info{flex-direction:column}
}
.details{display:flex;padding:20px;gap:1rem;flex-direction:column}
.details h4{font-weight:700;font-size:20px;line-height:24px;color:#303030}
.details p{font-weight:300;font-size:18px;line-height:22px;letter-spacing:.01em;color:#303030}
.details a{color:red}
.details a span img{display:inline;position:absolute;margin-left:7px}
.myVeh-wrapper{margin-right:30px;margin-top:30px}
@media all and (max-width:767px){.myVeh-wrapper{margin:30px}
}
@media(min-width:768px) and (max-width:991px){.myVeh-wrapper{margin:30px;margin-left:50px}
}
.myVeh-wrapper .myVehHed{font-style:normal;font-weight:700;font-size:32px;line-height:38px;color:#303030}
.myVeh-wrapper .separatorLine{margin-top:6px;border:1px solid #ccc;background-color:#ccc}
.myVeh-wrapper .my-vehicle-card{flex:1}
.myVeh-wrapper .my-vehicle-card:hover{border:1px solid red;border-radius:8px}
.myVeh-wrapper .myCarousel{display:flex;gap:5%;justify-content:space-between}
@media all and (max-width:768px){.myVeh-wrapper .myCarousel{flex-direction:column-reverse}
}
.myVeh-wrapper .myCarousel .myVehicle{margin-top:2rem}
.myVeh-wrapper .myCarousel .myVehicle .myVehicle-nav{display:flex;align-items:center;gap:15px}
@media all and (max-width:768px){.myVeh-wrapper .myCarousel .myVehicle .myVehicle-nav{flex-direction:column}
}
.myVeh-wrapper .myCarousel .myVehicle .myVehicle-nav .myVehicle-nav-txt{font-style:normal;font-weight:700;font-size:20px;line-height:24px;letter-spacing:.1em;text-transform:uppercase;color:#8e8e8e;white-space:nowrap}
@media all and (max-width:768px){.myVeh-wrapper .myCarousel .myVehicle .myVehicle-nav .myVehicle-nav-txt{font-style:normal;font-weight:400;font-size:10px;line-height:12px;letter-spacing:.1em;text-transform:uppercase;color:#bfbfbf}
}
.myVeh-wrapper .myCarousel .myVehicle .myVehicle-nav .myVeharrow-wrap{display:flex;gap:15px}
.myVeh-wrapper .myCarousel .myVehicle .myVehicle-nav .myVeharrow-wrap .myVehcarousel-arrow{padding:unset;margin:unset;background:#fff;border-radius:50%;padding:10px}
.myVeh-wrapper .myCarousel .myVehicle .myVehicle-nav .myVeharrow-wrap .myVehcarousel-arrow.disabled{cursor:default;pointer-events:none}
.myVeh-wrapper .myCarousel .myVehicle .myVehicle-nav .myVeharrow-wrap .myVehcarousel-arrow.prev-vehicle img.active{transform:rotate(180deg)}
.myVeh-wrapper .myCarousel .myVehicle .myVehicle-nav .myVeharrow-wrap .myVehcarousel-arrow.next-vehicle img.active{transform:rotate(0)}
.myVeh-wrapper .myCarousel .myVehicle .myVehicle-nav .myVeharrow-wrap .myVehcarousel-arrow.next-vehicle img.inactive{transform:rotate(180deg)}
.myVeh-wrapper .myCarousel .myVehicle .myVehicle-name{margin-top:30px}
@media(max-width:767px){.myVeh-wrapper .myCarousel .myVehicle .myVehicle-name{text-align:center}
}
.myVeh-wrapper .myCarousel .myVehicle .myVehicle-name .myVehicle-modal{display:block;font-style:normal;font-weight:900;font-size:28px;line-height:34px;color:#303030}
.myVeh-wrapper .myCarousel .myVehicle .myVehicle-name .myVehicle-number{display:block;font-style:normal;font-weight:700;font-size:24px;line-height:29px;letter-spacing:.01em;color:#303030}
.myVeh-wrapper .myCarousel .myVehicle .myInsurance{margin:30px 0;display:flex;gap:20px;flex-wrap:wrap}
.myVeh-wrapper .myCarousel .myVehicle .myInsurance .myInsurace-title{font-style:normal;font-weight:700;font-size:20px;line-height:24px;color:#303030}
.myVeh-wrapper .myCarousel .myVehicle .myInsurance .myInsurance-subTitle{display:contents;font-style:normal;font-weight:300;font-size:18px;line-height:22px;letter-spacing:.01em;color:#303030}
.myVeh-wrapper .myCarousel .myVehImg .bike-img{position:relative;top:2rem;margin:0 auto;width:225px}
.myVeh-wrapper .cardTiles{display:flex;gap:15px;justify-content:space-around;margin:20px 0}
@media all and (max-width:768px){.myVeh-wrapper .cardTiles{flex-direction:column}
}
.myVeh-wrapper .cardTiles .card{box-shadow:0 2px 8px rgba(0,0,0,0.25);border-radius:8px;min-height:150px}
.myVeh-wrapper .cardTiles .card .sub-item1{height:30px;background-color:red;color:white;position:absolute;right:5px;top:-14px;text-align:center;box-sizing:border-box;padding:5px;z-index:1;border-bottom-right-radius:24px;border-top-right-radius:10px;border-top-left-radius:5px;border-bottom-left-radius:8px}
.myVeh-wrapper .cardTiles .card .cardBody{padding:15px;display:flex;justify-content:space-between;align-items:center;gap:10px;background:linear-gradient(-250deg,#fff 50%,#fff1e4 40%);border-top-right-radius:8px;border-top-left-radius:8px;padding-bottom:0}
.myVeh-wrapper .cardTiles .card .cardBody .cardTitle{display:flex;flex-direction:column;font-style:normal;font-weight:900;font-size:16px;line-height:19px;color:#333}
.myVeh-wrapper .cardTiles .card .cardBody .cardTitle img{display:inline;width:18px;height:18px;vertical-align:bottom}
.myVeh-wrapper .cardTiles .card .cardBody .cardSubtitle{font-style:normal;font-weight:400;font-size:14px;line-height:17px;color:#8c8c8c;padding-top:5px}
.myVeh-wrapper .cardTiles .card .cardBody img{height:68px}
.myVeh-wrapper .cardTiles .card .cardFooter{padding:15px;display:flex;gap:6px;margin:unset;cursor:pointer}
.myVeh-wrapper .cardTiles .card .cardFooter .cardFootLink{white-space:nowrap;font-style:normal;font-weight:700;font-size:16px;line-height:18px;color:red}
.myVeh-wrapper .myVehcarousel-wrapper{margin:30px 0}
.myVeh-wrapper .myVehcarousel-wrapper .carousel-item a{padding:unset;margin:unset;margin-right:-6%}
.myVeh-wrapper .myVehcarousel-wrapper .carousel-control-prev-icon{background-image:url("../../../content/dam/hero-aem-website/service-journey-assets/Left-Grey-Arrow.html");width:42px;height:42px;position:relative;left:-45%}
.myVeh-wrapper .myVehcarousel-wrapper .carousel-control-next-icon{background-image:url("../../../content/dam/hero-aem-website/service-journey-assets/Right-Grey-Arrow.html");width:42px;height:42px;position:relative;right:-45%}
.myVeh-wrapper .myVehcarousel-wrapper .carousel-indicators{bottom:-10%}
.myVeh-wrapper .myVehcarousel-wrapper .carousel-indicators li{width:31px;height:4px}
.myVeh-wrapper .myVehcarousel-wrapper .carousel-indicators li::marker{font-size:0}
.myVeh-wrapper .moving-img{animation:myVeh-wrapper 10s linear}
.myVeh-wrapper .image-tray{margin-top:-20px}
@keyframes myVeh-wrapper{from{transform:translateX(50px)}
to{transform:translateX(0)}
}
.myVehicles-wrapper{margin-right:2rem}
@media(max-width:991px){.myVehicles-wrapper{margin-right:1rem;margin-left:1rem}
}
.popup-btn{padding:12px 32px;font-style:normal;font-weight:900;font-size:20px;line-height:24px;text-transform:uppercase;color:#f5f5f7;background:linear-gradient(95.69deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%);border-radius:4px;border:0}
#submitPopupQWK .modal-dialog,#submitPopupHSV .modal-dialog,#submitPopupHSL .modal-dialog{max-width:50% !important}
#submitPopupQWK .info-popup-body-title,#submitPopupHSV .info-popup-body-title,#submitPopupHSL .info-popup-body-title{white-space:initial !important;font-size:24px !important;line-height:32px !important}
#submitPopup .modal-content,#editBooking .modal-content,#submitPopupQWK .modal-content,#submitPopupHSV .modal-content,#submitPopupHSL .modal-content{border-radius:10px}
#submitPopup .modal-content .modal-body .cmp-container,#editBooking .modal-content .modal-body .cmp-container,#submitPopupQWK .modal-content .modal-body .cmp-container,#submitPopupHSV .modal-content .modal-body .cmp-container,#submitPopupHSL .modal-content .modal-body .cmp-container{display:grid;justify-items:center}
#submitPopup .modal-content .modal-body .cmp-text,#editBooking .modal-content .modal-body .cmp-text,#submitPopupQWK .modal-content .modal-body .cmp-text,#submitPopupHSV .modal-content .modal-body .cmp-text,#submitPopupHSL .modal-content .modal-body .cmp-text{text-align:center}
#submitPopup .modal-content .modal-body .popup-body-img,#editBooking .modal-content .modal-body .popup-body-img,#submitPopupQWK .modal-content .modal-body .popup-body-img,#submitPopupHSV .modal-content .modal-body .popup-body-img,#submitPopupHSL .modal-content .modal-body .popup-body-img{width:64px;height:64px;margin:30px auto}
#submitPopup .modal-content .modal-body .info-popup-body-title,#editBooking .modal-content .modal-body .info-popup-body-title,#submitPopupQWK .modal-content .modal-body .info-popup-body-title,#submitPopupHSV .modal-content .modal-body .info-popup-body-title,#submitPopupHSL .modal-content .modal-body .info-popup-body-title{font-style:normal;font-weight:400;font-size:32px;line-height:38px;text-align:center;color:#000;white-space:nowrap;padding:1rem}
@media(max-width:767px){#submitPopup .modal-content .modal-body .info-popup-body-title,#editBooking .modal-content .modal-body .info-popup-body-title,#submitPopupQWK .modal-content .modal-body .info-popup-body-title,#submitPopupHSV .modal-content .modal-body .info-popup-body-title,#submitPopupHSL .modal-content .modal-body .info-popup-body-title{font-size:20px}
}
#submitPopup .modal-content .modal-body .hero-button,#editBooking .modal-content .modal-body .hero-button,#submitPopupQWK .modal-content .modal-body .hero-button,#submitPopupHSV .modal-content .modal-body .hero-button,#submitPopupHSL .modal-content .modal-body .hero-button{margin-top:30px}
#submitPopup .modal-content .modal-body .info-ft-btn-txt,#editBooking .modal-content .modal-body .info-ft-btn-txt,#submitPopupQWK .modal-content .modal-body .info-ft-btn-txt,#submitPopupHSV .modal-content .modal-body .info-ft-btn-txt,#submitPopupHSL .modal-content .modal-body .info-ft-btn-txt{padding:12px 32px;font-weight:var(--font-weight-900);font-size:var(--font-size20);line-height:var(--line-height-24);text-transform:uppercase;color:#f5f5f7;background:linear-gradient(95.69deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%);border-radius:4px;border:1px solid #ee2326}
#cancelBooking .modal-content{border-radius:10px}
#cancelBooking .modal-content .modal-body .megamenu-option-wrapper{margin-top:10%}
#cancelBooking .modal-content .modal-body .cmp-text{display:flex;flex-direction:column;margin-bottom:20px;align-items:center}
#cancelBooking .modal-content .modal-body .hero-button{display:inline-block;margin:20px}
#cancelBooking .modal-content .modal-body .popup-body-img{width:64px;height:64px;margin:10px auto}
#cancelBooking .modal-content .modal-body .info-popup-body-title{font-style:normal;font-weight:400;font-size:32px;line-height:38px;text-align:center;color:#000}
#cancelBooking .modal-content .modal-body .info-popup-body-txt{font-style:normal;font-weight:400;font-size:18px;line-height:22px;text-align:center;color:#5f5a5a}
#cancelBooking .modal-content .modal-body .info-ft-btn-txt{padding:12px 32px;font-weight:var(--font-weight-900);font-size:var(--font-size20);line-height:var(--line-height-24);text-transform:uppercase;color:#f5f5f7;background:linear-gradient(95.69deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%);border-radius:4px;border:1px solid #ee2326}
#booknowPopup .modal-content{border-radius:10px;width:fit-content}
#booknowPopup .modal-content .modal-body{width:328px;height:auto}
#booknowPopup .modal-content .modal-body .megamenu-option-wrapper{margin-top:10%}
#booknowPopup .modal-content .modal-body .megamenu-option-wrapper .cmp-container .text:has(.btn):last-child{position:relative}
#booknowPopup .modal-content .modal-body .share-whatsapp-modal{font-weight:700;font-size:14px;line-height:30px;letter-spacing:.01em;color:red}
#booknowPopup .modal-content .modal-body .share-whatsapp-modal .whatsapp-img{height:16px;display:inline;width:auto}
#booknowPopup .modal-content .modal-body .share-whatsapp-modal .share-img{height:16px;display:inline;width:auto}
#booknowPopup .modal-content .modal-body .cmp-text{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}
#booknowPopup .modal-content .modal-body .cmp-text h2{font-weight:900;font-size:24px;line-height:29px;color:#333;font-family:'tstar-heavy'}
#booknowPopup .modal-content .modal-body .cmp-text p b{font-family:'tstar-heavy'}
#booknowPopup .modal-content .modal-body .cmp-text .pop-text-wrap{display:flex;flex-direction:column;align-items:center}
#booknowPopup .modal-content .modal-body .info-popup-body-title{font-style:normal;font-weight:400;font-size:32px;line-height:38px;text-align:center;color:#000}
#booknowPopup .modal-content .modal-body .info-popup-body-txt{font-style:normal;font-weight:400;font-size:20px;line-height:24px;text-align:center;color:#2c2a2a}
#booknowPopup .modal-content .modal-body .checkbox-item{margin:unset}
#booknowPopup .modal-content .modal-body .checkbox-item span{font-size:var(--font-size18);color:#5f5a5a}
#booknowPopup .modal-content .modal-body .hero-button{display:inline-block;margin-left:30%}
#booknowPopup .modal-content .modal-body .info-ft-btn-txt{padding:12px 32px;font-family:'T-Star Pro';font-weight:var(--font-weight-900);font-size:var(--font-size20);line-height:var(--line-height-24);text-transform:uppercase;color:#f5f5f7;background:linear-gradient(95.69deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%);border-radius:4px;border:1px solid #ee2326}
#logoutPopup .modal-content{border-radius:10px}
#logoutPopup .modal-content .modal-body .megamenu-option-wrapper{margin-top:10%}
#logoutPopup .modal-content .modal-body .cmp-text{text-align:center}
#logoutPopup .modal-content .modal-body .popup-body-img{width:64px;height:64px;margin:30px auto}
#logoutPopup .modal-content .modal-body .info-popup-body-title{font-style:normal;font-weight:400;font-size:32px;line-height:38px;text-align:center;color:#000}
#logoutPopup .modal-content .modal-body .hero-button{display:inline-block;margin-left:50px;margin-top:50px}
#logoutPopup .modal-content .modal-body .info-ft-btn-txt{padding:12px 32px;font-weight:var(--font-weight-900);font-size:var(--font-size20);line-height:var(--line-height-24);text-transform:uppercase;color:#f5f5f7;background:linear-gradient(95.69deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%);border-radius:4px;border:1px solid #ee2326}
.myvehilce-row{background-color:#ededed}
@media(max-width:767px){.myvehilce-row{margin-top:-1rem}
}
.merbership-container{background:#fff;margin:0 42px 42px 42px}
.merbership-container .membership-heading{background:linear-gradient(85.8deg,#5c5c5c 3.51%,#181816 15.64%,#413e3c 52.52%,#54514f 84.55%,#24211d 96.69%),#343434;color:#fff;padding:25px 40px}
.merbership-container .membership-content .membership-content-left{padding:50px}
.merbership-container .membership-content .membership-content-left .vehicle-heading{font-family:'tstar-bold';margin-bottom:10px}
.merbership-container .membership-content .membership-content-left .pleasure-container h3{font-size:1.75rem;font-weight:900}
.merbership-container .membership-content .membership-content-left .pleasure-details{margin-bottom:50px;display:inline-block;width:100%}
.merbership-container .membership-content .membership-content-left .pleasure-details .pleasure-content{font-family:'tstar-medium'}
.merbership-container .membership-content .membership-content-left .pleasure-details .pleasure-content .pleasure-content-left{float:left;width:50%;margin-bottom:10px}
.merbership-container .membership-content .membership-content-left .pleasure-details .pleasure-content .pleasure-content-left strong{display:block}
.merbership-container .membership-content .membership-content-left .pleasure-details .pleasure-content .pleasure-content-left strong span{font-weight:normal}
.merbership-container .membership-content .membership-content-left .pleasure-details .pleasure-content .pleasure-content-right{float:left;width:50%;margin-bottom:10px}
.merbership-container .membership-content .membership-content-left .pleasure-details .pleasure-content .pleasure-content-right strong{display:block}
.merbership-container .membership-content .membership-content-left .pleasure-details .pleasure-content .pleasure-content-right .valid-date{color:red;font-weight:700}
.merbership-container .membership-content .membership-content-left .pleasure-details .pleasure-content .pleasure-content-right .choose-one-button{color:red;font-weight:700;display:inline;margin-left:15px}
.merbership-container .membership-content .membership-content-left .pleasure-details .pleasure-content .pleasure-content-right .choose-one-button .view-arrow{padding-top:8px;display:inline;width:30px;height:20px}
.merbership-container .membership-content .membership-content-left .btn-earning-history{background:linear-gradient(95.69deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%);color:#fff;min-width:367px;height:48px}
.merbership-container .membership-content .membership-content-right .bike-carousel-container{padding:50px 0 0 0}
.merbership-container .membership-content .membership-content-right .bike-carousel-container .bike-show-container{position:relative;z-index:1}
.merbership-container .membership-content .membership-content-right .bike-carousel-container .bike-show-container .bikes-collection{max-width:316px;max-height:316px;margin:0 auto;display:flex;vertical-align:middle;margin:5px 0 0 113px}
.merbership-container .membership-content .membership-content-right .bike-carousel-container .bike-show-container .carousel-btn-container{position:absolute;top:0;right:10%}
.merbership-container .membership-content .membership-content-right .bike-carousel-container .bike-show-container .carousel-btn-container .next-vehicle-btn-container{display:flex}
.merbership-container .membership-content .membership-content-right .bike-carousel-container .bike-show-container .carousel-btn-container .btn-nxt-prev{border-radius:50%;box-shadow:0 4px 4px #dddd !important;border:transparent;padding:0;display:flex;justify-content:center;padding:13px;width:45px;margin-right:8px}
.merbership-container .membership-content .membership-content-right .bike-carousel-container .bike-show-container .carousel-btn-container .btn-nxt-prev.disabled{pointer-events:none;cursor:default}
.merbership-container .membership-content .membership-content-right .bike-carousel-container .bike-show-container .carousel-btn-container .btn-nxt-prev.prev-vehicle .active{transform:rotate(180deg)}
.merbership-container .membership-content .membership-content-right .bike-carousel-container .bike-show-container .carousel-btn-container .btn-nxt-prev.next-vehicle .inactive{transform:rotate(180deg)}
.merbership-container .membership-content .membership-content-right .bike-carousel-container .bike-display-stage{position:absolute;bottom:15%}
.merbership-container .membership-content .membership-content-right .bike-carousel-container .model-number{transform:rotate(-90deg);position:relative;left:39px;bottom:48px;font-size:1.5rem;color:#bfbfbf}
.heading{border-bottom:0}
.form-group input:-webkit-autofill{-webkit-text-fill-color:inherit;transition:background-color 50000s ease-in-out 0}
.form-control:-webkit-autofill,.form-control:-webkit-autofill:hover,.form-control:-webkit-autofill:focus,.form-control:-webkit-autofill:active{-webkit-text-fill-color:inherit}
.formfield .form-group{display:flex;margin-bottom:2rem;flex-direction:column}
.formfield .form-group span a{display:inline;color:red}
.formfield .form-group input,.formfield .form-group select,.formfield .form-group .cust-form-dropdown{position:relative;width:300px;display:block;border:0;border-bottom:1px solid;height:40px;border-radius:inherit;border-bottom:2px solid #ccc;font-style:normal;font-weight:700;font-size:18px;line-height:22px;letter-spacing:.01em;padding:unset}
@media(max-width:767px){.formfield .form-group input,.formfield .form-group select,.formfield .form-group .cust-form-dropdown{font-size:16px;width:100%}
}
.formfield .form-group input:focus,.formfield .form-group select:focus,.formfield .form-group .cust-form-dropdown:focus{outline:0}
.formfield .form-group input[readonly],.formfield .form-group select[readonly],.formfield .form-group .cust-form-dropdown[readonly]{cursor:not-allowed}
.formfield .form-group select,.formfield .form-group .cust-form-dropdown{color:#b8c1cb}
.formfield .form-group select::after,.formfield .form-group .cust-form-dropdown::after{content:url(clientlib-site/resources/images/icons/select-icon.svg);border:0;position:absolute;right:5px;display:inline-block;margin-left:.255em;vertical-align:.255em}
.formfield .form-group select.disabled,.formfield .form-group .cust-form-dropdown.disabled{pointer-events:none}
.formfield .form-group select.active,.formfield .form-group .cust-form-dropdown.active{color:#333}
.formfield .form-group select__options,.formfield .form-group .cust-form-dropdown__options{font-size:18px;line-height:22px;padding:5px 10px;cursor:pointer}
.formfield .form-group select option:disabled,.formfield .form-group .cust-form-dropdown option:disabled{color:#b8c1cb}
.formfield .form-group select option[value],.formfield .form-group .cust-form-dropdown option[value]{color:#333}
.formfield .form-group .cust-dropdown-height{max-height:200px;overflow-y:scroll;width:300px}
.formfield .form-group input[type="checkbox"],.formfield .form-group input[type="radio"]{width:30px;display:inline;height:20px;accent-color:red;border:red}
.formfield .form-group input[type="date"]{color:#b8c1cb}
.formfield .form-group .checkbox-item,.formfield .form-group .radio-item{display:flex;margin-top:1rem}
.formfield .form-group .checkbox-item span,.formfield .form-group .radio-item span{font-style:normal;font-weight:400;font-size:16px;line-height:22px;color:#333;margin-right:1rem}
.formfield .form-group .checkbox-item input:checked + span,.formfield .form-group .radio-item input:checked + span{font-style:normal;font-weight:700;font-size:16px;line-height:22px;color:#333}
.formfield .form-group label,.formfield .form-group legend{font-style:normal;font-weight:400;font-size:18px;line-height:22px;letter-spacing:.01em;color:rgba(51,51,51,0.8)}
@media(max-width:767px){.formfield .form-group label,.formfield .form-group legend{font-size:16px}
}
.formfield .form-group label span,.formfield .form-group legend span{color:red}
.formfield .form-group span.hasError{color:red;text-transform:capitalize}
.formfield .form-group input::-webkit-input-placeholder,.formfield .form-group textarea::-webkit-input-placeholder{font-style:normal;font-weight:700;font-size:18px;line-height:22px;letter-spacing:.01em;color:#adadad}
.formfield .form-group input::placeholder,.formfield .form-group textarea::placeholder{color:#b8c1cb;opacity:1}
.formfield .form-group input:-ms-input-placeholder,.formfield .form-group textarea:-ms-input-placeholder{color:#b8c1cb}
.formfield .form-group input::-ms-input-placeholder,.formfield .form-group textarea::-ms-input-placeholder{color:#b8c1cb}
@media(max-width:767px){#addEmergencyContact .modal-content{padding:15px}
#addEmergencyContact .modal-content .modal-body .close{margin-top:-3%}
#addEmergencyContact .modal-content .modal-body h2{font-size:26px}
#addEmergencyContact .modal-content .modal-body .row{margin-top:10%}
}
@media(max-width:767px){#addEmergencyContact .formfield{display:block}
}
#nomineeDetails .modal-content{padding:20px}
@media(max-width:767px){#nomineeDetails .modal-content{padding:20px 0}
}
#nomineeDetails .modal-content .service-main-heading{padding:0;padding-bottom:20px;font-weight:bold}
@media(max-width:767px){#nomineeDetails .modal-content .formfield{display:block}
}
#nomineeDetails .modal-content .formfield .form-group input[readonly]{border-bottom:0}
.submit-feedback{margin-top:40px;margin-right:20px;background:#fff}
.submit-feedback .feedback-form .genericheading{margin-bottom:40px}
.submit-feedback .feedback-form .formfield{margin-left:30px}
.submit-feedback .feedback-form .formfield .form-group select{width:75%}
.submit-feedback .feedback-form .textarea{margin:20px 40px}
.submit-feedback .feedback-form .textarea label{font-style:normal;font-weight:400;font-size:18px;line-height:22px;letter-spacing:.01em;color:rgba(51,51,51,0.8);margin-bottom:5px}
.submit-feedback .feedback-form textarea{width:100%;min-height:100px;resize:none;border-radius:8px;border:1px solid #ddd;padding:.5rem;color:#666;box-shadow:inset 0 0 .25rem #ddd}
.submit-feedback .feedback-form textarea:focus{outline:0;border:1px solid #d0d0d0;box-shadow:inset 0 0 .5rem #d0d0d0}
.submit-feedback .feedback-form textarea[placeholder]{font-style:italic;font-size:.875rem}
.submit-feedback .feedback-form #the-count{float:right;padding:.1rem 0 0 0;font-size:.875rem}
.submit-feedback .feedback-form .feedback-submitBtn{width:186px;height:47px;font-style:normal;font-weight:900;font-size:20px;line-height:24px;text-transform:uppercase;color:#f5f5f7;background:linear-gradient(95.69deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%);border-radius:4px;border:0}
.disabledbutton{pointer-events:none;opacity:.4}
.serviceheading{background-color:black;margin-top:-11px;color:white;padding:0 20px;margin-bottom:10px;border-radius:10px 10px 0 0}
.serviceheading .heading-container{display:flex;align-items:center;gap:10px}
.statusTxt{background-color:green;color:black;width:100px;height:25px;margin-top:-10px}
.serviceheading h4{padding:10px;font-weight:700;font-size:32px;line-height:38px}
@media(max-width:767px){.serviceheading h4{font-size:24px;line-height:29px}
}
.sr-details-link span{padding-top:5px;padding-left:10px}
.serviceRecord-divide-border{border-top:1px solid #ccc;margin:10px 0 10px 0}
.whole_service-history-section{background-color:whitesmoke;padding-bottom:10px;border-radius:10px;margin-bottom:2rem}
.serviceRecord-history{border:1px solid #ccc;padding:10px;margin:2rem;border-radius:8px}
.toleft{float:left}
.serviceRecordleft-side{float:left;padding:5px 0 5px 0}
.serviceRecordright-side{float:right;padding:5px 0 5px 0}
@media(max-width:767px){.float-left-mob{float:left}
}
.serviceRecordleft-side h5{font-weight:900;font-size:24px;line-height:29px;letter-spacing:.01em;color:#333}
@media(max-width:767px){.serviceRecordleft-side h5{font-size:16px;line-height:19px}
}
.serviceRecordright-side h5{font-weight:700;font-size:24px;line-height:29px;letter-spacing:.01em;color:#333}
@media(max-width:767px){.serviceRecordright-side h5{font-size:16px;line-height:19px}
}
.serviceRecordright-side p{float:right;font-weight:400;font-size:20px;line-height:24px;letter-spacing:.01em;color:#999}
@media(max-width:767px){.serviceRecordright-side p{font-size:14px;line-height:17px}
}
.serviceRecordleft-side p{display:flex;flex-direction:row;font-weight:400;font-size:20px;line-height:24px;letter-spacing:.01em;color:#999}
@media(max-width:767px){.serviceRecordleft-side p{font-size:14px;line-height:17px}
}
.service-record-button-completed{background-color:#effef2;color:green;border:1px green solid;font-size:small;padding:2px 5px 2px 5px;border-radius:2px}
.serviceRecordleft-side p{padding-top:5px;font-weight:700;font-size:24px;line-height:29px;letter-spacing:.01em;color:#999}
@media(max-width:767px){.serviceRecordleft-side p{font-size:16px;line-height:19px}
}
.serviceRecordbasic-details h5{padding-left:15px}
.serviceRecordbasic-details{width:100%;display:flex;align-items:baseline}
@media(max-width:767px){.serviceRecordbasic-details{gap:5px;flex-direction:column}
}
.serviceRecordright-side a{text-decoration:none;float:right;font-weight:700;font-size:24px;line-height:29px;letter-spacing:.02em;text-transform:capitalize;color:red;align-items:center}
@media(max-width:767px){.serviceRecordright-side a{font-size:20px;line-height:24px}
}
.serviceRecord-inoneline{display:inline}
.service-record-button-cancelled{background-color:#fa8d8d;color:red;border:1px red solid}
.serviceRecordright-side a{text-decoration:none;color:red;display:flex;justify-content:space-between}
@media only screen and (max-width:667px){.serviceRecordbasic-details p{padding-left:15px;float:left;display:flex;flex-direction:row;width:100%}
}
.serviceSummaryfirst-section{background-color:#fff;border-radius:10px;margin-bottom:15px}
.servicesummaryheading{background-color:black;color:white;height:45px;border-radius:10px 10px 0 0;display:flex;gap:1rem;align-items:center}
.servicesummaryheading img{float:left;height:28px;width:30px;margin-left:15px}
.servicesummaryheading h5{font-weight:700;font-size:32px;line-height:38px;color:#fff}
@media(max-width:767px){.servicesummaryheading h5{font-size:24px;line-height:29px}
}
.servicesummaryheading p{float:right;color:white;margin-top:-40px}
.serviceSummaryvehicle-details{padding-left:10px;display:flex}
@media(max-width:767px){.serviceSummaryvehicle-details{padding:0 32px;flex-direction:column}
}
.serviceSummaryfirst-section-left img{height:160px;width:140px;border:1 px black solid;float:left;margin-right:40px;margin-left:20px}
.summary-Service-details{width:80%}
@media(max-width:767px){.summary-Service-details{width:100%}
}
@media(max-width:767px){.summaryServiceDealer{margin-top:20px}
}
.summaryServiceDealer .serviceSummary-address-details{background:#fff;border:1px solid #e8e8e8;box-shadow:0 6px 26px rgba(40,40,40,0.16);border-radius:8px;margin-bottom:10px;margin-block:10px;padding:10px;width:80%;float:right}
@media(max-width:767px){.summaryServiceDealer .serviceSummary-address-details{width:100%;float:none}
}
.summaryServiceDealer .serviceSummary-address-details .serviceSummarytext-bold{font-weight:700;font-size:18px;line-height:24px;color:#333;padding:unset}
@media(max-width:767px){.summaryServiceDealer .serviceSummary-address-details .serviceSummarytext-bold{font-size:18px;line-height:28px;color:#1d1b1b}
}
.summaryServiceDealer .serviceSummary-address-details p{font-weight:400;font-size:14px;line-height:18px;color:#6a737d;margin-top:5px}
@media(max-width:767px){.summaryServiceDealer .serviceSummary-address-details p{font-size:12px;line-height:21px;color:#777676}
}
.summaryServiceDealer .serviceSummary-address-details .dealer-tel{display:flex;align-items:center;font-weight:400;font-size:14px;line-height:16px;color:rgba(51,51,51,0.8);margin-top:5px}
.summary-Service-details .serviceSummarydetails-title .serviceSummaryvehicle-title{font-weight:900;font-size:20px;line-height:24px;letter-spacing:.01em;text-transform:uppercase;color:#383838}
@media(max-width:767px){.summary-Service-details .serviceSummarydetails-title .serviceSummaryvehicle-title{font-size:16px;line-height:19px}
}
.serviceSummarydetails-title .serviceSummaryvehicle-title-support{font-weight:900;font-size:20px;line-height:24px;letter-spacing:.01em;text-transform:uppercase;color:#383838;float:right;width:80%}
@media(max-width:767px){.serviceSummarydetails-title .serviceSummaryvehicle-title-support{font-size:16px;line-height:19px;float:none;width:100%}
}
.info-section-left{padding:10px}
.info-section-right{padding:10px}
.serviceSummarybasic-details{display:flex;justify-content:space-between;align-items:center}
.serviceSummarybasic-details .serviceSummarytoleft{font-weight:400;font-size:16px;line-height:19px;letter-spacing:.01em;color:#333;opacity:.8;margin-top:5px}
@media(max-width:767px){.serviceSummarybasic-details .serviceSummarytoleft{font-size:14px;line-height:17px}
}
.serviceSummarybasic-details .serviceSummaryaligntoright{font-weight:700;font-size:16px;line-height:19px;display:flex;align-items:center;letter-spacing:.01em;color:#313131;margin-top:5px}
@media(max-width:767px){.serviceSummarybasic-details .serviceSummaryaligntoright{font-size:14px;line-height:17px}
}
.service-summary-button-completed{background-color:#effef2;color:green;border:1px green solid;font-size:small;padding:2px 5px 2px 5px;border-radius:2px;width:max-content}
.ongoing{color:#414141;background-color:#fff}
.service-summary-button-makepayment{background-color:red;color:white;font-weight:bold;border:0;padding:5px 15px 5px 15px;border-radius:2px;width:max-content}
.serviceSummaryvehicle-title{font-weight:900;font-size:28px;line-height:34px;color:#303030;margin-bottom:5px}
.serviceSummarytitle-description{font-weight:700;font-size:20px;line-height:100.02%;text-transform:capitalize;color:#414141;margin-bottom:10px}
@media(max-width:767px){.serviceSummarytitle-description{font-size:16px;line-height:19px}
}
.serviceSummarytext-bold{font-weight:700;font-size:20px;line-height:138.02%;color:#000}
@media(max-width:767px){.serviceSummarytext-bold{font-size:16px;line-height:19px}
}
.serviceSummary-address-details img{width:25px;height:30px;margin-right:5px;float:left}
.serviceSummary-address-details img,h6{padding-top:10px;padding-bottom:5px}
.serviceSummarybox{height:30px;width:100px;background-color:red;position:absolute;top:0;right:0;margin-top:25px;margin-right:110px;text-align:center;color:white;border-radius:15px 30px 140px 60px}
.serviceSummarybox p{margin-top:3px}
.serviceSummarydivide-border{border-top:1px lightgray solid;margin-block:1rem}
.serviceSummaryinfo-section{display:flex;justify-content:space-between;font-size:medium}
.serviceSummarysection{margin-top:10px;margin-bottom:10px;border-radius:10px;background-color:#fff}
.serviceSummarysupport-section{margin-top:10px;margin-bottom:10px;border-radius:10px;background-color:#fff}
.serviceSummarysupport img{width:25px;height:25px;float:left;margin-right:5px;padding-top:5px}
.serviceSummarysupport{margin-left:10px;padding:10px}
.serviceSummarytext-red{color:red}
.serviceSummarysupport h6{padding-bottom:10px}
.serviceSummarysupport p{color:gray}
.serviceSummaryService-details{padding-left:10px}
.displayInlineContact{display:inline-flex}
.serviceSummaryVehicleImage img{margin-top:15px;width:300px}
@media screen and (max-width:768px){.serviceSummaryVehicleImage img{width:100%}
}
.serviceSummaryVehicleName{margin-top:15px}
@media(max-width:767px){.serviceSummaryVehicleName{padding-left:unset}
}
.serviceSummaryVehicleSRNo{margin-top:15px;width:80%;float:right}
@media(max-width:767px){.serviceSummaryVehicleSRNo{width:100%;float:none}
}
.serviceSummaryVehicleSRNo .serviceSummaryVehicleSRNo-title{font-weight:900;font-size:20px;line-height:24px;display:flex;align-items:center;letter-spacing:.01em;color:#333}
@media(max-width:767px){.serviceSummaryVehicleSRNo .serviceSummaryVehicleSRNo-title{font-size:16px;line-height:19px}
}
.serviceSummaryVehicleSRNo .serviceSummarytitle-description{font-weight:700;font-size:20px;line-height:24px;display:flex;align-items:center;letter-spacing:.01em;color:#999}
@media(max-width:767px){.serviceSummaryVehicleSRNo .serviceSummarytitle-description{font-size:16px;line-height:19px}
}
.servicesummary .serviceheading{display:flex;align-items:center;gap:10px}
.servicesummary .serviceheading h4{font-weight:700;font-size:32px;line-height:38px;color:#fff}
.serviceSummarysupport .serviceSummarysupport-text{font-weight:900;font-size:24px;line-height:29px;display:flex;align-items:center;letter-spacing:.01em;color:#333}
@media(max-width:767px){.serviceSummarysupport .serviceSummarysupport-text{font-size:18px;line-height:22px}
}
.serviceSummarysupport p{font-weight:400;font-size:16px;line-height:19px;display:flex;align-items:center;letter-spacing:.01em;color:#999;margin-top:10px}
@media(max-width:767px){.serviceSummarysupport p{font-size:14px;line-height:17px}
}
.serviceSummarysupport .support-tel{display:flex;align-items:center;margin-top:10px;gap:10px}
@media(max-width:767px){.serviceSummarysupport .support-tel{gap:5px}
}
.serviceSummarysupport .support-tel h5{font-weight:700;font-size:24px;line-height:29px;display:flex;align-items:center;letter-spacing:.01em;color:red}
@media(max-width:767px){.serviceSummarysupport .support-tel h5{font-size:16px;line-height:19px}
}
.refer-a-friend-wrapper .service-main-heading{background-color:transparent;font-family:'tstar-bold';border:0}
.refer-a-friend-wrapper .service-main-heading.GL-heading{border:0}
.refer-a-friend-wrapper .GL-refer-friend-row{padding:0 30px;padding-bottom:30px}
.refer-a-friend-wrapper .GL-refer-friend-row .service-main-heading{border-bottom:1px solid #ccc}
@media(max-width:767px){.refer-a-friend-wrapper .GL-refer-friend-row{flex-direction:column-reverse;padding:0}
}
.refer-a-friend-wrapper .cmp-image__image{border-radius:4px;height:463px;width:480px}
@media(max-width:767px){.refer-a-friend-wrapper .cmp-image__image{border-radius:8px;width:100%;height:280px;margin-bottom:20px}
}
.refer-a-friend-wrapper .refer-friend-row{padding:0 30px;padding-bottom:30px}
.refer-a-friend-wrapper .refer-friend-row .service-main-heading{border-bottom:1px solid #ccc}
.refer-a-friend-wrapper .refer-friend-row .cmp-image__image{height:585px;width:440px}
@media(max-width:767px){.refer-a-friend-wrapper .refer-friend-row .cmp-image__image{border-radius:8px;width:100%;height:280px;margin-bottom:20px}
}
@media(max-width:767px){.refer-a-friend-wrapper .refer-friend-row{flex-direction:column-reverse;row-gap:1rem}
}
.refer-afriend{background-color:#fff;padding:1rem;margin-bottom:1rem;border-radius:4px}
@media(max-width:767px){.refer-afriend{margin-left:unset;height:unset;padding:10px;border-radius:8px;margin-bottom:unset}
}
.refer-afriend .service-main-heading{padding:15px 10px}
.refer-afriend .service-main-heading img.text-icon + span h2{font-size:24px}
.refer-afriend .formfield .form-group input,.refer-afriend .formfield .form-group select,.refer-afriend .formfield .form-group .cust-form-dropdown,.refer-afriend .formfield .form-group .cust-dropdown-height{width:100%}
@media(max-width:768px){.refer-afriend .formfield .form-group span.hasError{position:relative}
}
.refer-afriend .formfield{margin-left:1rem;margin-right:1rem;padding-bottom:1.5rem}
@media(max-width:768px){.refer-afriend .formfield:first-child .form-group{margin-top:10px}
}
.refer-afriend .formfield .form-group{margin-top:2rem;margin-bottom:unset}
.refer-afriend .referFriendAccept-policy{margin:1rem;display:flex;flex-direction:column}
.refer-afriend .refer-friend-submitBtn{background:linear-gradient(95.69deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%);border-radius:4px;color:#fff;width:125px;height:48px;margin-block:1rem;font-weight:900;font-size:20px;line-height:24px;text-transform:uppercase;color:#f5f5f7;border:0}
@media(max-width:768px){.refer-afriend .refer-friend-submitBtn{width:100%;font-size:16px}
}
.refer-afriend .campaign-p{font-size:var(--font-size14);line-height:var(--line-height-16);font-weight:var(--font-weight-400);color:#303030}
@media(max-width:768px){.refer-afriend .campaign-p{font-size:12px}
}
.refer-afriend .campaign-p a{font-size:var(--font-size14);line-height:var(--line-height-16);font-weight:var(--font-weight-400);color:#ee2326;display:inline-block;padding:unset;margin:unset}
#submitPopup .modal-dialog,#submitPopupQWK .modal-dialog,#submitPopupHSV .modal-dialog,#submitPopupHSL .modal-dialog{max-width:35%}
@media(max-width:767px){#submitPopup .modal-dialog,#submitPopupQWK .modal-dialog,#submitPopupHSV .modal-dialog,#submitPopupHSL .modal-dialog{max-width:100% !important}
}
@media(min-width:768px) and (max-width:991px){#submitPopup .modal-dialog,#submitPopupQWK .modal-dialog,#submitPopupHSV .modal-dialog,#submitPopupHSL .modal-dialog{max-width:50% !important}
}
#submitPopup .modal-content,#submitPopupQWK .modal-content,#submitPopupHSV .modal-content,#submitPopupHSL .modal-content{width:100%;margin-bottom:20px}
#submitPopup .modal-content .modal-body p span.info-popup-body-title,#submitPopupQWK .modal-content .modal-body p span.info-popup-body-title,#submitPopupHSV .modal-content .modal-body p span.info-popup-body-title,#submitPopupHSL .modal-content .modal-body p span.info-popup-body-title{font-family:'tstar-medium';line-height:48px;color:#000}
#submitPopup .modal-content .modal-body p,#submitPopupQWK .modal-content .modal-body p,#submitPopupHSV .modal-content .modal-body p,#submitPopupHSL .modal-content .modal-body p{font-family:'tstar-regular';font-size:14px;color:#999}
.GL-refer-friend-row{padding:0 30px;padding-bottom:30px}
.GL-refer-friend-row .service-main-heading{border-bottom:1px solid #ccc}
@media(max-width:767px){.GL-refer-friend-row{flex-direction:column-reverse;padding:0}
}
.service-main-heading.GL-heading{border:0;background-color:transparent}
#refer-a-friend .dropdown-menu{z-index:1}
.enrollment-form-wrapper .row.align-center,.xclan-enrollment-form-wrapper .row.align-center{justify-content:space-evenly}
@media(max-width:767px){.enrollment-form-wrapper .row.align-center,.xclan-enrollment-form-wrapper .row.align-center{padding:1rem}
}
.enrollment-form-wrapper .row.align-center .enrollmentform-main,.xclan-enrollment-form-wrapper .row.align-center .enrollmentform-main{border:1px solid #ccc;padding:40px;background:#fff;border-radius:8px}
.enrollment-form-wrapper .row.align-center .gender-field .radio-item,.xclan-enrollment-form-wrapper .row.align-center .gender-field .radio-item{float:left}
.enrollment-form-wrapper .radio>div:has([name="GEDNER"]),.xclan-enrollment-form-wrapper .radio>div:has([name="GEDNER"]){display:flex;gap:1rem}
.enrollment-form-wrapper .profile-form-wrapper .formfield,.xclan-enrollment-form-wrapper .profile-form-wrapper .formfield{margin-top:1rem}
.enrollment-form-wrapper .profile-form-wrapper .formfield .radio-item,.xclan-enrollment-form-wrapper .profile-form-wrapper .formfield .radio-item{gap:.5rem}
.enrollment-form-wrapper .submit-button-wrapper,.xclan-enrollment-form-wrapper .submit-button-wrapper{display:flex;justify-content:end;gap:1.5rem;margin-bottom:1rem}
@media(max-width:768px){.enrollment-form-wrapper .submit-button-wrapper .alert-danger,.xclan-enrollment-form-wrapper .submit-button-wrapper .alert-danger{position:absolute;bottom:0;margin:-10px}
}
@media(max-width:767px){.enrollment-form-wrapper .submit-button-wrapper .btn.payment,.xclan-enrollment-form-wrapper .submit-button-wrapper .btn.payment{padding:3px 20px}
}
.enrollment-form-wrapper .insured-address-details,.xclan-enrollment-form-wrapper .insured-address-details{margin-bottom:20px;border-top:dashed 2px #ccc;padding-top:25px;border-bottom:dashed 2px #ccc}
.enrollment-form-wrapper .insurance-details,.xclan-enrollment-form-wrapper .insurance-details,.enrollment-form-wrapper .insured-address-details,.xclan-enrollment-form-wrapper .insured-address-details,.enrollment-form-wrapper .personal-address-details,.xclan-enrollment-form-wrapper .personal-address-details,.enrollment-form-wrapper .personal-details,.xclan-enrollment-form-wrapper .personal-details,.enrollment-form-wrapper .pre-requistes-details,.xclan-enrollment-form-wrapper .pre-requistes-details{margin-top:1rem}
.enrollment-form-wrapper .insurance-details p,.xclan-enrollment-form-wrapper .insurance-details p,.enrollment-form-wrapper .insured-address-details p,.xclan-enrollment-form-wrapper .insured-address-details p,.enrollment-form-wrapper .personal-address-details p,.xclan-enrollment-form-wrapper .personal-address-details p,.enrollment-form-wrapper .personal-details p,.xclan-enrollment-form-wrapper .personal-details p,.enrollment-form-wrapper .pre-requistes-details p,.xclan-enrollment-form-wrapper .pre-requistes-details p{font-weight:700;font-size:24px;line-height:29px;color:#303030}
@media(max-width:767px){.enrollment-form-wrapper .insurance-details p,.xclan-enrollment-form-wrapper .insurance-details p,.enrollment-form-wrapper .insured-address-details p,.xclan-enrollment-form-wrapper .insured-address-details p,.enrollment-form-wrapper .personal-address-details p,.xclan-enrollment-form-wrapper .personal-address-details p,.enrollment-form-wrapper .personal-details p,.xclan-enrollment-form-wrapper .personal-details p,.enrollment-form-wrapper .pre-requistes-details p,.xclan-enrollment-form-wrapper .pre-requistes-details p{margin-bottom:1rem}
}
.enrollment-form-wrapper .insurance-details .checkbox-item,.xclan-enrollment-form-wrapper .insurance-details .checkbox-item,.enrollment-form-wrapper .insured-address-details .checkbox-item,.xclan-enrollment-form-wrapper .insured-address-details .checkbox-item,.enrollment-form-wrapper .personal-address-details .checkbox-item,.xclan-enrollment-form-wrapper .personal-address-details .checkbox-item,.enrollment-form-wrapper .personal-details .checkbox-item,.xclan-enrollment-form-wrapper .personal-details .checkbox-item,.enrollment-form-wrapper .pre-requistes-details .checkbox-item,.xclan-enrollment-form-wrapper .pre-requistes-details .checkbox-item{gap:.5rem;margin-top:.5rem}
.enrollment-form-wrapper .acknowledge .checkbox-item,.xclan-enrollment-form-wrapper .acknowledge .checkbox-item{gap:.5rem;margin-top:2rem}
.enrollment-form-wrapper .enroll-divider,.xclan-enrollment-form-wrapper .enroll-divider{border-bottom:2px solid #ccc;margin-block:3rem}
.enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box,.xclan-enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box{position:relative;background-color:#ededed;border-radius:4px;padding:1rem}
.enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .formfield .form-group input,.xclan-enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .formfield .form-group input,.enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .formfield .form-group select,.xclan-enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .formfield .form-group select,.enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .formfield .form-group input::-webkit-input-placeholder,.xclan-enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .formfield .form-group input::-webkit-input-placeholder{font-size:14px}
@media(max-width:768px){.enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box,.xclan-enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box{margin:0 -15px}
}
.enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .form-group,.xclan-enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .form-group{margin:unset;margin-bottom:10px}
.enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .checkbox-item,.xclan-enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .checkbox-item{display:flex;gap:1rem;align-items:center}
@media(max-width:767px){.enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .checkbox-item,.xclan-enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .checkbox-item{display:block}
}
.enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .checkbox-item input[type=checkbox],.xclan-enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .checkbox-item input[type=checkbox]{width:30px;display:inline;height:20px;accent-color:red;border:red}
@media(max-width:767px){.enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .checkbox-item input[type=checkbox],.xclan-enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .checkbox-item input[type=checkbox]{vertical-align:bottom}
}
.enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .cmp-form-options__field-description,.xclan-enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .cmp-form-options__field-description{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}
@media(max-width:767px){.enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .cmp-form-options__field-description,.xclan-enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .cmp-form-options__field-description{display:inline}
}
.enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .cmp-form-options__field-description p,.xclan-enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .cmp-form-options__field-description p{display:flex;gap:.4rem;white-space:normal}
@media(max-width:767px){.enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .cmp-form-options__field-description p,.xclan-enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .cmp-form-options__field-description p{display:inline}
}
.enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .cmp-form-options__field-description p a,.xclan-enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .cmp-form-options__field-description p a{text-decoration:underline;text-underline-offset:2px}
@media(max-width:767px){.enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .cmp-form-options__field-description p a,.xclan-enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .cmp-form-options__field-description p a{display:inline}
}
.enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .hasError,.xclan-enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .hasError{color:#e81938;font-size:14px;font-weight:400;position:absolute;bottom:6px}
@media(max-width:768px){.enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .hasError,.xclan-enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .hasError{bottom:0;position:relative}
}
.enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .formfield .form-group input,.xclan-enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .formfield .form-group input,.enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .formfield .form-group select,.xclan-enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .formfield .form-group select{background:transparent;height:20px}
@media(max-width:767px){.enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .formfield .form-group input,.xclan-enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .formfield .form-group input,.enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .formfield .form-group select,.xclan-enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .formfield .form-group select{width:135%;margin-top:10px}
}
@media(min-width:768px){.enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .formfield .form-group input,.xclan-enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .formfield .form-group input,.enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .formfield .form-group select,.xclan-enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .formfield .form-group select{width:118px}
}
@media(min-width:820px){.enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .formfield .form-group input,.xclan-enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .formfield .form-group input,.enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .formfield .form-group select,.xclan-enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .formfield .form-group select{width:140px}
}
@media(max-width:767px){.enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .formfield .form-group,.xclan-enrollment-form-wrapper .insurance-form-wrapper .TC-Check-box .formfield .form-group{width:74%}
}
.xClan-banner-container{display:flex;background:linear-gradient(85.8deg,#5c5c5c 3.51%,#181816 15.64%,#413e3c 52.52%,#54514f 84.55%,#24211d 96.69%),#d9d9d9;box-shadow:0 10px 10px rgba(0,0,0,0.16);border-radius:8px}
.xClan-banner-container .xClan-banner-left{display:flex;align-items:center;gap:2rem;width:50%;justify-content:center;padding:1rem}
.xClan-banner-container .xClan-banner-left img{width:140px;height:90px}
@media(max-width:991px){.xClan-banner-container .xClan-banner-left img{width:100px;height:100px}
}
.xClan-banner-container .xClan-banner-left .xClan-banner-textLeft{display:flex;flex-direction:column;gap:1rem}
.xClan-banner-container .xClan-banner-left .xClan-banner-textLeft .xClan-banner-title{font-weight:700;font-size:32px;line-height:120%;color:#fff}
@media(max-width:767px){.xClan-banner-container .xClan-banner-left .xClan-banner-textLeft .xClan-banner-title{font-size:16px}
}
.xClan-banner-container .xClan-banner-left .xClan-banner-textLeft .xClan-banner-price{font-weight:700;font-size:40px;line-height:39px;color:#fff}
@media(max-width:767px){.xClan-banner-container .xClan-banner-left .xClan-banner-textLeft .xClan-banner-price{font-size:24px}
}
.xClan-banner-container .xClan-banner-left .xClan-banner-textLeft .xClan-banner-insurance{display:flex;flex-wrap:wrap}
.xClan-banner-container .xClan-banner-left .xClan-banner-textLeft .xClan-banner-insurance .xClan-banner-insur-yrs{font-weight:400;font-size:20px;line-height:120%;color:#fff;margin-left:1rem}
.xClan-banner-container .xClan-banner-left .xClan-banner-textLeft .xClan-banner-insurance .xClan-banner-insur-type{font-weight:400;font-size:16px;line-height:120%;color:#fff;margin-inline:5px}
.xClan-banner-container .xClan-banner-right{display:flex;gap:.5rem;padding:1rem;align-items:center;background:#fff1e4;clip-path:polygon(20% 0,100% 0,100% 100%,0 100%);width:50%;justify-content:center}
.xClan-banner-container .xClan-banner-right .xClan-banner-textRight{display:flex;flex-direction:column;gap:1rem}
.xClan-banner-container .xClan-banner-right .xClan-banner-textRight .xClan-banner-biketitle{font-weight:700;font-size:32px;line-height:38px;color:#303030}
.xClan-banner-container .xClan-banner-right .xClan-banner-textRight .xClan-banner-numPlate{font-weight:400;font-size:20px;line-height:24px;color:#303030}
.xClan-banner-container .xClan-banner-right .xClan-banner-textRight .xClan-banner-link{display:flex;gap:1rem;align-items:center}
.xClan-banner-container .xClan-banner-right .xClan-banner-textRight .xClan-banner-link span{font-weight:700;font-size:20px;line-height:24px;color:red}
.winner-banner-container .row{margin:0}
.winner-banner-container .row .winner-banner{width:100%;background-size:cover}
.winner-banner-container .row .winner-banner .winner-banner-left{width:30%;float:left}
.winner-banner-container .row .winner-banner .winner-banner-middle{width:30%;float:left}
.winner-banner-container .row .winner-banner .winner-banner-right{width:30%;float:left}
.user-lists{background:#fff;border-radius:5px;border:1px solid #e8e8e8;padding:10px;margin-bottom:24px;margin-left:20px}
.win-user-lists{background:#fff;padding:15px;border-radius:5px;margin-right:20px}
.req-field{color:red}
.hea-img{background-image:url("../../../content/dam/hero-aem-website/good-life/coin_icon.html");width:20px;margin:5px 4px;background-position:right,left;color:#fff;height:20px;position:absolute;margin-top:9px}
.container-first{margin-top:20px}
.join-clan-main-heading{margin-top:70px}
.head-in-img{background-image:url("../../../content/dam/hero-aem-website/good-life/Gift_perspective_matte_s%205.html");width:20px;margin:1px 4px;background-position:right,left;color:#fff;height:20px;position:absolute}
.bg{background-image:url("../../../content/dam/hero-aem-website/good-life/bg_tier.html");width:96%;background-position:right,left;color:#fff;display:inline-flex;height:80px}
.headericon{background-image:url("../../../content/dam/hero-aem-website/good-life/logo.html");width:20px;height:30px;margin:30px;padding:66px 80px;zoom:.4}
.headericon2{background-image:url("../../../content/dam/hero-aem-website/good-life/logo_tier2.html");width:20px;height:30px;margin:30px;padding:70px 79px;zoom:.4}
.headericon3{background-image:url("../../../content/dam/hero-aem-website/good-life/logo_tier3.html");width:20px;height:30px;margin:30px;padding:70px 80px;zoom:.4}
.con-header{border-radius:10px;border:1px solid #d9d9d9;padding:3px 27px;font-style:normal;font-weight:700;font-size:24px;line-height:120%;color:red}
.con-content{margin:4px 0}
.con-span{margin:0 40px;font-size:14px}
@media all and (max-width:768px){.con-span{font-size:12px;margin:0 8px 0 38px !important}
}
.bold{font-size:20px;font-weight:bold}
.bg h1{padding:19px;font-size:32px;font-weight:bold}
.end_text{font-weight:700;font-size:24px;font-family:T-Star Pro;margin-left:20px}
.end_text1{font-size:16px;font-family:T-Star Pro}
.bg span{padding:25px}
.tier-sec{margin-top:2rem;padding:2rem;background-color:#fff1e4;box-shadow:0 4px 10px rgba(0,0,0,0.14);border-radius:4px}
.tier-sec .tier-top{display:flex;align-items:center;justify-content:space-between}
.tier-sec .tier-top .tier-para-con{display:flex;align-items:center;gap:2rem}
.tier-sec .tier-top .tier-para-con .tier-para{display:flex;flex-direction:column;justify-content:space-between}
.tier-sec .tier-bottom{margin:4rem;display:flex;justify-content:space-between;align-items:center}
.tier-sec .tier-bottom .tier-options{display:flex;width:fit-content;flex-direction:column;align-items:center;gap:1.5rem}
.tier-sec .tier-bottom .tier-options .tier-type{display:flex;flex-direction:column;align-items:center;border-radius:50%;width:9rem;padding:1rem;background-color:#fff}
.tier-sec .tier-bottom .tier-options .tier-type .title{font-style:normal;font-weight:900;font-size:32px;line-height:38px;color:#333}
@media(max-width:767px){.tier-sec .tier-bottom .tier-options .tier-type .title{font-size:14px !important}
}
.tier-sec .tier-bottom .tier-options .tier-type .sub-title{font-style:normal;font-weight:900;font-size:64px;line-height:77px;color:#e90404;font-family:'tstar-heavy'}
.tier-sec .tier-bottom .tier-options .tier-currency{display:flex;justify-content:center;align-items:center;gap:5px;width:100%;height:43px;background:#565555;border:1px solid #d9d9d9;border-radius:8px;font-style:normal;font-weight:900;font-size:24px;line-height:120%;color:#fff}
@media(max-width:768px){.tier-sec .tier-bottom .tier-options .tier-currency span{font-size:10px;margin-left:-5px}
}
.tier-sec .tier-bottom .tier-options .tier-points{font-family:tstar-medium;font-size:20px;text-align:center;color:#333;line-height:110%}
@media(max-width:767px){.tier-sec .tier-bottom .tier-options .tier-points{font-size:16px}
}
.tier-sec .tier-bottom .tier-separator{border:1px dashed #303030;width:20%;height:1px;margin-top:9%}
@media(max-width:991px){.tier-sec .tier-bottom .tier-separator{margin-top:14% !important}
}
@media(max-width:767px){.tier-sec .tier-bottom .tier-separator{margin-top:-10% !important}
}
@media(min-width:481px) and (max-width:766px){.tier-sec .tier-bottom .tier-separator{margin-top:-2% !important}
}
@media(min-width:360px) and (max-width:480px){.tier-sec .tier-bottom .tier-separator{margin-top:8% !important}
}
.membership-wrapper{margin-top:86px}
.membership-wrapper .membership-title{margin-left:5px;margin-bottom:10px}
@media all and (max-width:768px){.membership-wrapper .membership-title{margin-left:10px}
}
.membership-wrapper .membership-title .membership-heading p{font-family:'T-Star Pro';font-style:normal;font-weight:900;font-size:40px;line-height:48px;color:#303030}
@media all and (max-width:768px){.membership-wrapper .membership-title .membership-heading p{font-family:'T-Star Pro';font-style:normal;font-weight:900;font-size:24px;line-height:29px;color:#333}
}
.membership-wrapper .membership-title .membership-subtext p{font-family:'T-Star Pro';font-style:normal;font-weight:900;font-size:24px;line-height:155.02%;letter-spacing:.03em;display:flex;white-space:break-spaces}
@media all and (max-width:768px){.membership-wrapper .membership-title .membership-subtext p{font-family:'T-Star Pro';font-style:normal;font-weight:900;font-size:16px;line-height:155.02%;letter-spacing:.03em}
}
.membership-wrapper .membership-title .membership-subtext a{color:red}
.membership-wrapper .membership-tab .membership-plan{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;margin:10px 0 10px 0;border-radius:8px;height:223px}
@media all and (max-width:768px){.membership-wrapper .membership-tab .membership-plan{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin:10px}
}
@media only screen and (width:320px) and (height:480px) and (orientation:portrait){.membership-wrapper .membership-tab .membership-plan{height:162px}
}
.membership-wrapper .membership-tab .membership-plan .membership-image img{width:250px;height:250px;border-radius:8px}
@media all and (max-width:768px){.membership-wrapper .membership-tab .membership-plan .membership-image img{width:170px;height:170px;border-radius:4px}
}
.membership-wrapper .membership-tab .membership-plan .membership-name{text-align:center}
.membership-wrapper .membership-tab .membership-plan .membership-name p{font-family:'T-Star Pro';font-style:normal;font-weight:700;font-size:17px;line-height:17px;white-space:nowrap;text-transform:uppercase;color:#303030;opacity:.8}
@media all and (max-width:768px){.membership-wrapper .membership-tab .membership-plan .membership-name p{font-family:'T-Star Pro';font-style:normal;font-weight:700;font-size:12px;line-height:12px;text-transform:uppercase;color:#303030;opacity:.8}
}
.membership-wrapper .view-plans{display:flex;flex-direction:row;justify-content:center;margin:20px 0 20px 0}
.membership-wrapper .view-plans .view-plan-button{padding:12px 32px;gap:10px;width:170px;height:50px;background:linear-gradient(95.69deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%);border-radius:4px;font-family:'T-Star Pro';font-style:normal;font-weight:900;font-size:20px;line-height:24px;text-transform:uppercase;color:#f5f5f7;border:0}
@media all and (max-width:768px){.membership-wrapper .view-plans .view-plan-button{padding:8px 24px 7px;gap:10px;width:120px;height:32px;background:linear-gradient(95.69deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%);border-radius:4px;font-family:'T-Star Pro';font-style:normal;font-weight:900;font-size:14px;line-height:17px;text-transform:uppercase;color:#f5f5f7;border:0}
}
.red-banner{background:#ebebeb;display:block}
.red-banner .red-bg-color{display:flex}
.red-banner .banner-text{font-size:48px;width:100%;display:inline-block;color:#111;font-weight:900;font-style:italic;padding-top:13px;margin:10px auto}
.red-banner .banner-text h3{font-size:48px;font-family:tstar-bold;font-style:normal}
@media all and (max-width:767px){.red-banner .banner-text h3{font-size:24px}
}
.red-banner .red-bg-content{float:left}
.red-banner .right-side-bike{float:right}
.explor-good-life{background:#fff;width:100%;margin:0 auto;padding:30px}
.explor-good-life .service-tab-icon{display:flex;justify-content:center}
.explor-good-life .service-tab-description{text-align:center}
.explor-good-life .service-perks-tab{padding:20px}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.explor-good-life .service-perks-tab{padding:0 20px}
}
.service-perks-wrapper{width:auto;height:405px;left:55px;top:267px;background:rgba(48,48,48,0.04);border-radius:8px}
@media all and (max-width:768px){.service-perks-wrapper{height:364px}
}
.service-perks-wrapper .service-perks-tab{display:flex;flex-direction:column;align-items:center;width:280px;height:138px;margin:0 auto;margin-top:20px;margin-bottom:30px}
@media all and (max-width:768px){.service-perks-wrapper .service-perks-tab{height:102px;width:145px;border-radius:0;margin:0 auto;margin-top:15px}
}
.service-perks-wrapper .service-perks-tab .service-tab-description{width:269px;height:58px}
@media all and (max-width:768px){.service-perks-wrapper .service-perks-tab .service-tab-description{height:50px;width:143px;border-radius:nullpx}
}
.service-perks-wrapper .service-perks-tab .service-tab-description p{font-family:'T-Star Pro';font-style:normal;font-weight:400;font-size:24px;text-align:center;color:#303030}
@media all and (max-width:768px){.service-perks-wrapper .service-perks-tab .service-tab-description p{font-family:'T-Star Pro';font-style:normal;font-weight:400;font-size:12px;text-align:center;color:#1a1a1a}
}
.service-perks-wrapper .service-perks-tab .service-tab-icon{padding:10px}
.service-perks-wrapper .service-perks-tab .service-tab-icon img{height:60px;width:60px}
@media all and (max-width:768px){.service-perks-wrapper .service-perks-tab .service-tab-icon img{height:30px;width:30px;border-radius:0}
}
.unsetpadding{padding:unset}
.benefits-tab-red{background-color:red;color:white}
.benefits-tab-gray{background-color:#f4f4f4;color:black}
.exploregoodlife-benefits-wrapper{padding:10px;width:100%;margin:0 auto}
@media all and (max-width:768px){.exploregoodlife-benefits-wrapper{margin:0 10px;width:90%}
}
.exploregoodlife-benefits-wrapper .benefits-tab{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px 16px;width:100%;height:380px;gap:16px;border-radius:5px}
@media all and (max-width:768px){.exploregoodlife-benefits-wrapper .benefits-tab{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px;gap:8px;width:140px;height:150px;background:#f4f4f4;box-shadow:0 1px 4px rgba(0,0,0,0.16);border-radius:5px;margin:0 auto;margin-top:10px}
}
.exploregoodlife-benefits-wrapper .benefits-tab .benifits-tab-icon img{height:60px;width:60px;border-radius:0;margin:0 auto}
@media all and (max-width:768px){.exploregoodlife-benefits-wrapper .benefits-tab .benifits-tab-icon img{width:30px;height:30px}
}
.exploregoodlife-benefits-wrapper .benefits-tab .benifits-tab-description{height:90px;width:auto}
@media all and (max-width:768px){.exploregoodlife-benefits-wrapper .benefits-tab .benifits-tab-description{width:auto;height:70px}
}
.exploregoodlife-benefits-wrapper .benefits-tab .benifits-tab-description p{font-family:'T-Star Pro';font-style:normal;font-weight:400;font-size:24px;line-height:120%;text-align:center;color:#303030}
@media all and (max-width:768px){.exploregoodlife-benefits-wrapper .benefits-tab .benifits-tab-description p{font-family:'T-Star Pro';font-style:normal;font-weight:400;font-size:14px;line-height:120%;color:#303030}
}
.exploregoodlife-rewards-wrapper{width:100%;margin:0 auto}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.exploregoodlife-rewards-wrapper{width:81%;margin:10px 22px 0 22px}
}
.exploregoodlife-rewards-wrapper .rewards-tab{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;gap:19px;height:289px;left:40px;background:#fff;border:1px solid #ededed;box-shadow:0 10px 20px rgba(0,0,0,0.1);border-radius:5px}
@media all and (max-width:768px){.exploregoodlife-rewards-wrapper .rewards-tab{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px 0;height:146px;left:25px;background:#fff;box-shadow:0 10px 20px rgba(0,0,0,0.1);border-radius:5px;margin:0 auto;margin-top:10px;margin-bottom:10px}
.exploregoodlife-rewards-wrapper .rewards-tab .cmp-image{display:block !important;margin-top:-40px !important}
.exploregoodlife-rewards-wrapper .rewards-tab .cmp-image .rewards-tab-description{font-size:14px !important}
}
@media(min-width:769px) and (max-width:991px){.exploregoodlife-rewards-wrapper .rewards-tab{width:100%;height:auto}
.exploregoodlife-rewards-wrapper .rewards-tab .cmp-image .rewards-tab-description{font-size:20px !important;height:180px !important}
.exploregoodlife-rewards-wrapper .rewards-tab .textimage .cmp-image{margin-top:0 !important}
}
.exploregoodlife-rewards-wrapper .rewards-tab .rewards-tab-icon img{height:60px;width:60px;left:105px;top:45px;border-radius:0}
@media all and (max-width:768px){.exploregoodlife-rewards-wrapper .rewards-tab .rewards-tab-icon img{height:30px;width:30px;left:53.5px;top:28px;border-radius:0}
}
.exploregoodlife-rewards-wrapper .rewards-tab .rewards-tab-description{text-align:center;color:black;height:116px;left:16px;top:143.5px}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.exploregoodlife-rewards-wrapper .rewards-tab .rewards-tab-description{text-align:center;width:114px;height:24px;left:8px;top:64px;font-size:.637rem}
}
.exploregoodlife-rewards-wrapper .rewards-tab .rewards-tab-description p{font-family:'T-Star Pro';font-style:normal;font-weight:400;font-size:24px;line-height:120%;text-align:center;color:#303030}
@media all and (max-width:768px){.exploregoodlife-rewards-wrapper .rewards-tab .rewards-tab-description p{font-family:'T-Star Pro';font-style:normal;font-weight:400;font-size:10px;line-height:120%;text-align:center;color:#1a1a1a}
}
.exploregoodlife-events-wrapper{margin:0 auto;background:#fff;width:90%;display:none}
.hf-bg-container{background:#fff1e4;min-height:156px;max-height:156px;margin:20px 0 !important}
@media(min-width:992px){.hf-bg-container .col-lg-8{padding:0}
}
.hf-bg-container .hf-right-container{min-height:156px;max-height:156px}
.hf-bg-container .hf-right-container img{float:right;margin-right:-10%;height:100%}
.hf-bg-container .hf-left-container img{float:right;height:156px}
.hf-bg-container .hf-center-container h3{font-size:2,5rem;font-weight:700}
.hf-bg-container .hf-center-container .bike-number{font-size:1.5rem;font-weight:400}
.hf-bg-container .hf-center-container .hf-num-left{float:left;width:25%;padding-top:32px}
.hf-bg-container .hf-center-container .hf-num-right{float:left;padding:16px 25px;width:75%}
.hf-bg-container .hf-center-container .hf-num-right h1{font-size:3.5rem;color:#fae5d2;font-weight:900}
.earning-history-container .earning-history-title{background:#343434;color:#fff;padding:10px;font-size:2rem;min-height:70px;border-top-left-radius:5px;border-top-right-radius:5px}
.earning-history-container .earning-history-title .history-title-icon{float:left;margin:6px 10px 0 10px}
.earning-history-container .table-responsive{margin-bottom:40px;border-radius:0 0 8px 8px}
.earning-history-container .table-responsive table{width:100%}
.earning-history-container .table-responsive table tr td{width:25%;padding:10px !important;font-size:1rem}
.earning-history-container .table-responsive table tr td .history-year{color:red;font-size:1.2rem;background:#fff;position:relative;top:-47px;width:59px;padding-left:16px;left:-17px}
.earning-history-container .table-responsive table tr td .points{background:#fff1e4;width:75px;font-size:.875rem;border-radius:4px}
.earning-history-container .table-responsive table tr td .points img{float:left;padding:1px 5px}
.earning-history-container .table-responsive table tr td .send-sms{color:#fc1f15;font-weight:700;font-size:1rem;border:transparent}
.earning-history-container .table-responsive table tr td .valid-till{color:#858585}
.earning-history-container .table-responsive table tr th{padding:10px !important;font-size:1.25rem}
.earning-history-container .table-responsive table .multi-year{border-top:2px solid #ebebeb !important}
.earning-history-container .table-responsive table tr:first-child,.earning-history-container .table-responsive table th:first-child,.earning-history-container .table-responsive table th{color:#000}
.earning-history-container .table-responsive table:first-child tr:first-child{border-bottom:2px solid #ebebeb !important}
.earning-history-container .table-responsive h3{margin:24px 50px 8px;font-size:24px;font-weight:700;line-height:33px}
@media(max-width:768px){.earning-history-container .table-responsive h3{margin:16px}
}
.earning-history-container .table-responsive,.earning-history-container th,.earning-history-container tr,.earning-history-container td{background:#fff}
.privilege-redeem-container .table-responsive table tbody tr td{width:50%}
.privilege-redeem-container .table-responsive table tbody tr th{width:50%}
.privilege-redeem-container .table-responsive table tbody tr th:last-child,.privilege-redeem-container .table-responsive table tbody tr td:last-child{text-align:right}
.redemption-history-cintainer .table-responsive table tr td{width:20%;position:relative}
.redemption-history-cintainer .table-responsive table tr td .resend-tooltip{background:#fff1e4;width:287px;height:68px;padding:10px;font-size:14px;position:absolute;top:-48px;right:53%;box-shadow:1px 1px 1px #ddd;border-radius:5px}
.redemption-history-cintainer .table-responsive table tr td:nth-child(2){width:40%}
.sms-success-body{text-align:center;padding-bottom:50px}
.sms-success-body .sms-success-img{display:flex;justify-content:center;margin-bottom:20px}
.post-loging-header-container .generic-text{padding:0 0 20px 40px;margin-top:0 !important}
@media(max-width:768px){.post-loging-header-container .generic-text{padding:15px}
}
.post-loging-header-container .generic-text h2{font-size:3rem;font-weight:900}
.post-loging-header-container .generic-text h2 .good-life{color:red;padding-right:5px}
.merbership-container{background:#fff;margin:0 42px 42px 42px}
.merbership-container .membership-heading{background:linear-gradient(85.8deg,#5c5c5c 3.51%,#181816 15.64%,#413e3c 52.52%,#54514f 84.55%,#24211d 96.69%),#343434;color:#fff;padding:25px 40px;border-top-left-radius:5px;border-top-right-radius:5px}
@media(max-width:991px){.merbership-container .membership-heading{padding:15px}
}
@media(max-width:991px){.merbership-container .membership-heading .membership-logo{width:100%;object-fit:contain;height:90px}
}
.merbership-container .vehicle-heading h3{font-size:32px}
@media(max-width:768px){.merbership-container .vehicle-heading h3{font-size:24px}
}
.merbership-container .points-earn{margin-top:13px}
.merbership-container .points-earn .points-earn-left{float:left;margin-right:5px;font-size:32px;line-height:12px}
@media(max-width:991px){.merbership-container .points-earn .points-earn-left{font-size:24px;line-height:16px}
}
.merbership-container .points-earn .points-earn-right{font-size:14px;line-height:24px}
@media(max-width:768px){.merbership-container .membership-content .row{flex-direction:column-reverse}
}
.merbership-container .membership-content .membership-content-left{padding:50px}
@media(max-width:991px){.merbership-container .membership-content .membership-content-left{padding:15px 30px}
}
.merbership-container .membership-content .membership-content-left .pleasure-container h3{font-size:1.75rem;font-weight:900}
@media(max-width:768px){.merbership-container .membership-content .membership-content-left a{display:flex;justify-content:center}
}
.merbership-container .membership-content .membership-content-left .pleasure-details{margin-bottom:50px;display:inline-block;width:100%}
@media(max-width:768px){.merbership-container .membership-content .membership-content-left .pleasure-details{margin-bottom:10px}
}
.merbership-container .membership-content .membership-content-left .pleasure-details .pleasure-content .pleasure-content-left{float:left;width:50%}
@media(max-width:768px){.merbership-container .membership-content .membership-content-left .pleasure-details .pleasure-content .pleasure-content-left{float:none;width:100%}
}
.merbership-container .membership-content .membership-content-left .pleasure-details .pleasure-content .pleasure-content-left strong{display:block}
.merbership-container .membership-content .membership-content-left .pleasure-details .pleasure-content .pleasure-content-right{float:left;width:50%}
@media(max-width:768px){.merbership-container .membership-content .membership-content-left .pleasure-details .pleasure-content .pleasure-content-right{float:none;width:100%}
}
.merbership-container .membership-content .membership-content-left .pleasure-details .pleasure-content .pleasure-content-right strong{display:block}
.merbership-container .membership-content .membership-content-left .btn-earning-history{background:linear-gradient(95.69deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%);color:#fff;min-width:367px;height:48px}
.merbership-container .membership-content .membership-content-right .bike-carousel-container{padding:50px 0 0 0;position:relative}
@media(max-width:768px){.merbership-container .membership-content .membership-content-right .bike-carousel-container{margin-bottom:30px}
}
.merbership-container .membership-content .membership-content-right .bike-carousel-container .bike-show-container{position:relative;z-index:1}
.merbership-container .membership-content .membership-content-right .bike-carousel-container .bike-show-container .bikes-collection{max-width:316px;max-height:316px;display:flex;vertical-align:middle;margin:5px 0 0 113px}
@media(max-width:768px){.merbership-container .membership-content .membership-content-right .bike-carousel-container .bike-show-container .bikes-collection{margin:0 auto}
}
.merbership-container .membership-content .membership-content-right .bike-carousel-container .bike-show-container .carousel-btn-container{position:absolute;top:25%;right:10%}
@media(max-width:768px){.merbership-container .membership-content .membership-content-right .bike-carousel-container .bike-show-container .carousel-btn-container{position:unset}
}
.merbership-container .membership-content .membership-content-right .bike-carousel-container .bike-show-container .carousel-btn-container .btn-nxt-prev{border-radius:50%;box-shadow:0 4px 4px #ddd !important;border:transparent;padding:0;display:flex;justify-content:center;padding:13px;width:45px;margin-right:8px}
.merbership-container .membership-content .membership-content-right .bike-carousel-container .bike-display-stage{position:absolute;bottom:-15%}
@media(max-width:768px){.merbership-container .membership-content .membership-content-right .bike-carousel-container .bike-display-stage{position:relative;bottom:50px}
}
@media(max-width:768px){.merbership-container .membership-content .membership-content-right .bike-carousel-container .bike-display-stage img{object-fit:fill;width:100%;height:100%}
}
.merbership-container .membership-content .membership-content-right .bike-carousel-container .model-number{transform:rotate(-90deg);position:relative;left:39px;bottom:48px;font-size:1.5rem;color:#bfbfbf}
@media(max-width:768px){.merbership-container .membership-content .membership-content-right .bike-carousel-container .model-number{position:absolute;right:0;bottom:unset;left:unset;top:10%}
}
.merbership-container .membership-content .membership-content-right .bike-carousel-container .next-vehicle-btn-container{bottom:-65%;position:absolute;left:-15px}
@media(max-width:768px){.merbership-container .membership-content .membership-content-right .bike-carousel-container .next-vehicle-btn-container{bottom:-35%;left:35%}
}
.insurance-carousel{width:346px}
.insurance-carousel .carousel-inner{width:auto}
.insurance-carousel .carousel-indicators{bottom:-15px}
.insurance-carousel .carousel-indicators .carousel-indicator{list-style:none}
.profile-and-rewards{padding:0 40px 40px 40px}
.profile-and-rewards .complete-profile{display:flex;background:#fff1e4;box-shadow:0 4px 10px rgba(0,0,0,0.14);border-radius:4px;padding:10px;margin:0}
.profile-and-rewards .complete-profile .view-arrow{width:24px;height:24px;padding-left:10px;padding-top:6px}
@media all and (max-width:768px){.profile-and-rewards .complete-profile .view-arrow{width:16px;height:20px;padding-left:5px;padding-top:0}
}
.profile-and-rewards .complete-profile .img-profile{width:135px;height:130px}
.profile-and-rewards .complete-profile a{padding-top:20px;display:flex}
@media all and (max-width:768px){.profile-and-rewards .complete-profile a{font-size:14px !important}
}
.profile-and-rewards .complete-profile .title{font-style:normal;font-weight:700;font-size:32px;line-height:38px;color:#303030}
@media all and (max-width:768px){.profile-and-rewards .complete-profile .title{font-size:24px}
}
.profile-and-rewards .complete-profile .subtext{font-style:normal;font-weight:400;font-size:20px;line-height:120%;color:#303030}
@media all and (max-width:768px){.profile-and-rewards .complete-profile .subtext{font-size:14px !important}
}
.profile-and-rewards .complete-profile .points{color:#333}
.profile-and-rewards .complete-profile .red-text-view{font-style:normal;font-weight:700;font-size:20px;line-height:120%;letter-spacing:.001em;color:red}
@media all and (max-width:768px){.profile-and-rewards .complete-profile .red-text-view{font-size:14px !important}
}
.profile-and-rewards .complete-profile .complete-profile-subtext{padding-top:20px}
.profile-and-rewards .welcome-reward{display:flex;padding:3px;background:linear-gradient(160.69deg,#201f1f 22.35%,#454141 68.47%,#000 114.59%);box-shadow:0 4px 10px rgba(0,0,0,0.14);border-radius:4px;color:white}
.profile-and-rewards .welcome-reward .view-arrow{width:24px;height:24px;padding-top:4px;padding-left:10px}
@media all and (max-width:768px){.profile-and-rewards .welcome-reward .view-arrow{width:16px;height:20px;padding-top:0;padding-left:5px}
}
.profile-and-rewards .welcome-reward .img-reward{width:215px;height:144px}
.profile-and-rewards .welcome-reward a{padding-top:20px;display:flex}
@media all and (max-width:768px){.profile-and-rewards .welcome-reward a{font-size:14px}
}
.profile-and-rewards .welcome-reward .title{font-style:normal;font-weight:700;font-size:32px;line-height:38px;color:#fff}
@media all and (max-width:768px){.profile-and-rewards .welcome-reward .title{font-size:24px}
}
.profile-and-rewards .welcome-reward .subtext{font-style:normal;font-weight:700;font-size:20px;line-height:20px;color:#fff}
.profile-and-rewards .welcome-reward .white-text{font-style:normal;font-weight:700;font-size:20px;line-height:120%;letter-spacing:.001em;color:#fff}
@media all and (max-width:768px){.profile-and-rewards .welcome-reward .white-text{font-size:14px !important}
}
.profile-and-rewards .welcome-reward .welcome-reward-subtext{padding-top:20px}
.vouchers-available-wrapper{margin:0 40px}
.vouchers-available-wrapper .voucher-title h3{font-weight:700;font-size:2rem}
.vouchers-available-wrapper .row{margin:0}
.vouchers-available-wrapper .row .voucher-white-card{width:25%}
.vouchers-available-wrapper .row .voucher-white-card:last-child{margin-right:0}
.vouchers-available-wrapper .row .voucher-title p{font-style:normal;font-weight:700;font-size:32px;line-height:32px;color:#343434}
.vouchers-available-wrapper .row .voucher-tab{height:300px;padding:10px;margin:10px 0 10px 0;background-repeat:no-repeat}
.vouchers-available-wrapper .row .voucher-tab .vouchers{display:flex;flex-direction:column;align-items:center;padding:15px}
.vouchers-available-wrapper .row .voucher-tab .vouchers .milestonevoucher-image{border:1px solid;border-radius:50%}
.vouchers-available-wrapper .row .voucher-tab .vouchers .milestonevoucher-image img{height:60px;width:60px}
.vouchers-available-wrapper .row .voucher-tab .vouchers .milestonevoucher-image .offer-text{font-style:normal;font-weight:700;font-size:14px;line-height:12px;color:#5c5b5b;padding:10px}
.vouchers-available-wrapper .row .voucher-tab .vouchers .milestonevoucher-image .offer-text span{color:#303030}
.vouchers-available-wrapper .row .voucher-tab .vouchers .type-text,.vouchers-available-wrapper .row .voucher-tab .vouchers .service-text{font-style:normal;font-weight:400;font-size:14px;line-height:18px;color:#8c8c8c;padding:10px}
.vouchers-available-wrapper .row .voucher-tab .vouchers .icons-tab .giftimage{display:flex}
.vouchers-available-wrapper .row .voucher-tab .vouchers .icons-tab .giftimage img{height:60px;width:60px;padding:5px}
.vouchers-available-wrapper .row .voucher-tab .dashed-border{display:flex;flex-direction:column;align-items:center}
.vouchers-available-wrapper .row .voucher-tab .dashed-border img{width:150px}
.vouchers-available-wrapper .row .voucher-tab .service-vouchers{display:flex;flex-direction:column;align-items:center;padding:15px}
.vouchers-available-wrapper .row .voucher-tab .service-vouchers .offer-text{font-style:normal;font-weight:700;font-size:14px;line-height:12px;color:#5c5b5b;padding:10px}
.vouchers-available-wrapper .row .voucher-tab .service-vouchers .offer-text span{color:#303030}
.vouchers-available-wrapper .row .voucher-tab .service-vouchers .offer-rupee{font-style:normal;font-weight:900;font-size:34px;line-height:32px;padding:10px;text-align:center;color:#ff0808}
.vouchers-available-wrapper .row .voucher-tab .service-vouchers .service-text{font-style:normal;font-weight:400;font-size:18px;line-height:24px;text-align:center;white-space:nowrap;color:#5c5b5b;padding:10px}
.vouchers-available-wrapper .row .voucher-tab .choose-one{display:flex;flex-direction:row;justify-content:center;align-items:center;padding-top:15px}
.vouchers-available-wrapper .row .voucher-tab .choose-one .choose-one-button{padding:12px 32px;width:217px;height:48px;background:#fff;border:1px solid #ee2326;border-radius:4px;font-style:normal;font-weight:900;font-size:20px;line-height:24px;text-transform:uppercase;background:linear-gradient(95.69deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;justify-content:center}
.vouchers-available-wrapper .row .voucher-tab .reddem-one{display:flex;flex-direction:row;justify-content:center;align-items:center;padding-top:15px}
.vouchers-available-wrapper .row .voucher-tab .reddem-one .reddem-button{padding:12px 32px;width:217px;height:48px;background:linear-gradient(95.69deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%);border:1px solid #ee2326;border-radius:4px;justify-content:center;font-style:normal;font-weight:900;font-size:20px;line-height:24px;display:flex;align-items:center;text-transform:uppercase;color:#f5f5f7}
.privilege-available .prev-header{font-size:2.5rem;font-weight:700;margin-bottom:25px}
.privilege-available .privilege-six-container .privilege-container{width:33%;float:left;text-align:center}
.privilege-available .privilege-six-container .privilege-container .privilege-img{display:flex;justify-content:center}
.privilege-available .insurance-container{width:346px;border-radius:10px;border:1px solid #ddd;box-shadow:0 7px 11px 1px #ddd;padding:20px}
.privilege-available .insurance-container .insurance-img img{width:100%;border-top-right-radius:10px;border-top-left-radius:10px}
.privilege-available .insurance-container .insurance-content .insurance-container-left{float:left;width:20%;padding:6px}
.privilege-available .insurance-container .insurance-content .insurance-container-right{font-size:1.5rem;font-weight:700}
.privilege-available .prev-header-container{text-align:center}
.refer-friend-container{background:#ee2326;height:201px;position:relative}
.refer-friend-container .refer-friend-img{position:relative;min-height:201px}
.refer-friend-container .refer-friend-img img{position:absolute;bottom:5px}
.refer-friend-container .refer-friend-content{color:#fff;padding:40px 0}
.refer-friend-container .refer-friend-content h3{font-size:2.5rem;font-weight:700}
.refer-friend-container .refer-friend-content p{font-size:1.75rem}
.refer-friend-container .refer-friend-button{padding:70px 0}
.btn-change-vehicle{background:transparent;border:0;padding:0}
.change-vehicleModal #changeVehicleLabel{font-size:2rem;font-weight:900}
.change-vehicleModal .modal-dialog{max-width:637px}
.change-vehicleModal .modal-dialog .change-vehicle-grid{border:2px solid #d2d1d1;max-width:160px;height:auto;margin-right:30px;border-radius:5px;text-align:center;padding:0;position:relative}
.change-vehicleModal .modal-dialog .change-vehicle-grid img{width:100%}
.change-vehicleModal .modal-dialog .change-vehicle-grid p{font-size:1rem;font-weight:700;position:absolute;bottom:0;width:100%;display:block;padding:10px 0}
.change-vehicleModal .modal-dialog .change-vehicle-grid:first-child{margin-left:45px}
.change-vehicleModal .modal-dialog .change-vehicle-grid.active{border-color:red}
.change-vehicleModal .modal-dialog .change-vehicle-grid.active p{color:red}
.change-vehicleModal .modal-footer{margin:0 auto;padding-top:0 !important}
.change-vehicleModal .modal-footer .btn-vehicle-change,.change-vehicleModal .modal-footer .btn-vehicle-change:hover{background:linear-gradient(95.69deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%);color:#fff}
.change-vehicleModal .change-vehicle-grid-container{padding:16px 16px 5px 16px}
.req-field{color:red}
.hea-img{background-image:url("../../../content/dam/hero-aem-website/good-life/coin_icon.html");width:20px;margin:5px 4px;background-position:right,left;color:#fff;height:20px;position:absolute;margin-top:9px}
.container-first{margin-top:20px;background:#fff}
.join-clan-main-heading{margin-top:70px}
.head-in-img{background-image:url("../../../content/dam/hero-aem-website/good-life/Gift_perspective_matte_s%205.html");width:20px;margin:1px 4px;background-position:right,left;color:#fff;height:20px;position:absolute}
.bg{background-image:url("../../../content/dam/hero-aem-website/good-life/bg_tier.html");width:100%;background-position:right,left;color:#fff;display:inline-flex;height:80px}
.headericon{background-image:url("../../../content/dam/hero-aem-website/good-life/logo.html");width:20px;height:30px;margin:30px;padding:66px 80px;zoom:.4}
.headericon2{background-image:url("../../../content/dam/hero-aem-website/good-life/logo_tier2.html");width:20px;height:30px;margin:30px;padding:70px 79px;zoom:.4}
.headericon3{background-image:url("../../../content/dam/hero-aem-website/good-life/logo_tier3.html");width:20px;height:30px;margin:30px;padding:70px 80px;zoom:.4}
.con-header{border-radius:10px;border:1px solid #d9d9d9;padding:3px 27px;font-style:normal;font-weight:700;font-size:24px;line-height:120%;color:red;height:43px}
.con-content{margin:4px 0}
.con-span{margin:0 40px;font-size:14px}
@media all and (max-width:768px){.con-span{font-size:12px;margin:0 8px 0 38px !important}
}
.bold{font-size:20px;font-weight:bold}
.points-redemption-wrap .container ul li:before{content:"";height:20px;border-left:2px dotted #000;position:absolute;margin-left:28px;margin-top:45px;z-index:0}
.bg h1{padding:19px;font-size:32px;font-weight:bold}
.end_text{font-weight:700;font-size:24px;margin-left:20px}
.end_text1{font-size:16px}
.bg span{padding:25px}
.tier-sec{margin-top:2rem;padding:2rem;background-color:#fff1e4;box-shadow:0 4px 10px rgba(0,0,0,0.14);border-radius:4px}
.tier-sec .tier-top{display:flex;align-items:center;justify-content:space-between}
.tier-sec .tier-top .tier-para-con{display:flex;align-items:center;gap:2rem}
.tier-sec .tier-top .tier-para-con .tier-para{display:flex;flex-direction:column;justify-content:space-between}
.tier-sec .tier-top .tier-para-con .tier-para h1{font-size:2.5rem;font-weight:900}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.tier-sec .tier-top .tier-para-con .tier-para h1{font-size:24px;padding-bottom:5px}
}
.tier-sec .tier-top .tier-para-con .tier-para p{font-size:1.5rem;color:#303030;font-weight:700}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.tier-sec .tier-top .tier-para-con .tier-para p{font-size:14px}
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.tier-sec .tier-top .tier-para-con .tier-para{padding:25px 15px}
}
.tier-sec .tier-top a{float:right;position:relative;top:-82px}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.tier-sec .tier-top a{position:absolute;top:86% !important;left:26% !important}
}
@media(min-width:481) and (max-width:6){.tier-sec .tier-top a{top:15px}
}
.tier-sec .tier-top a button{background:linear-gradient(95.69deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%);width:178px;height:48px;color:#fff;border:0;font-size:1.25rem;font-weight:900;border-radius:5px}
.tier-sec .tier-bottom{margin:4rem;display:flex;justify-content:space-between;align-items:center}
.tier-sec .tier-bottom .tier-options{display:flex;width:fit-content;flex-direction:column;align-items:center;gap:1.5rem}
.tier-sec .tier-bottom .tier-options .tier-type{display:flex;flex-direction:column;align-items:center;border-radius:50%;width:9rem;padding:1rem;background-color:#fff}
.tier-sec .tier-bottom .tier-options .tier-type .title{font-style:normal;font-weight:900;font-size:32px;line-height:38px;color:#333}
.tier-sec .tier-bottom .tier-options .tier-type .sub-title{font-style:normal;font-weight:900;font-size:64px;line-height:77px;color:#e90404}
.tier-sec .tier-bottom .tier-options .tier-currency{display:flex;justify-content:center;align-items:center;gap:5px;width:100%;height:43px;background:#565555;border:1px solid #d9d9d9;border-radius:8px;font-style:normal;font-weight:900;font-size:24px;line-height:120%;color:#fff}
.tier-sec .tier-bottom .tier-options .tier-points{font-style:normal;font-size:20px;line-height:30px;text-align:center;color:#333}
@media(max-width:767px){.tier-sec .tier-bottom .tier-options .tier-points{font-size:16px}
}
.tier-sec .tier-bottom .tier-separator{border:1px dashed #303030;width:20%;height:1px;margin-top:9%}
.membership-wrapper{margin-top:86px}
.membership-wrapper .membership-title{margin-left:5px;margin-bottom:10px}
@media(max-width:767px){.membership-wrapper .membership-title{margin-left:10px}
}
.membership-wrapper .membership-title .membership-heading p{font-style:normal;font-weight:900;font-size:40px;line-height:48px;color:#303030}
@media(max-width:767px){.membership-wrapper .membership-title .membership-heading p{font-style:normal;font-weight:900;font-size:24px;line-height:29px;color:#333}
}
.membership-wrapper .membership-title .membership-subtext p{font-style:normal;font-weight:900;font-size:24px;line-height:155.02%;letter-spacing:.03em;display:flex;white-space:break-spaces}
@media(max-width:767px){.membership-wrapper .membership-title .membership-subtext p{font-style:normal;font-weight:900;font-size:16px;line-height:155.02%;letter-spacing:.03em}
}
.membership-wrapper .membership-title .membership-subtext a{color:red}
.membership-wrapper .membership-tab .membership-plan{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;margin:10px 0 10px 0;border-radius:8px}
@media(max-width:767px){.membership-wrapper .membership-tab .membership-plan{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin:10px}
}
.membership-wrapper .membership-tab .membership-plan .membership-image img{width:250px;height:250px;border-radius:8px}
@media all and (max-width:768px){.membership-wrapper .membership-tab .membership-plan .membership-image img{width:170px;height:170px;border-radius:4px}
}
.membership-wrapper .membership-tab .membership-plan .membership-name{text-items:center}
.membership-wrapper .membership-tab .membership-plan .membership-name p{font-style:normal;font-weight:700;font-size:17px;line-height:17px;white-space:nowrap;text-transform:uppercase;color:#303030;opacity:.8}
@media all and (max-width:767px){.membership-wrapper .membership-tab .membership-plan .membership-name p{font-style:normal;font-weight:700;font-size:12px;line-height:12px;text-transform:uppercase;color:#303030;opacity:.8}
}
.membership-wrapper .view-plans{display:flex;flex-direction:row;justify-content:center;margin:20px 0 20px 0}
.membership-wrapper .view-plans .view-plan-button{padding:12px 32px;gap:10px;width:170px;height:50px;background:linear-gradient(95.69deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%);border-radius:4px;font-style:normal;font-weight:900;font-size:20px;line-height:24px;text-transform:uppercase;color:#f5f5f7;border:0}
@media all and (max-width:767px){.membership-wrapper .view-plans .view-plan-button{padding:8px 24px 7px;gap:10px;width:120px;height:32px;background:linear-gradient(95.69deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%);border-radius:4px;font-style:normal;font-weight:900;font-size:14px;line-height:17px;text-transform:uppercase;color:#f5f5f7;border:0}
}
.red-banner{background:#ebebeb;display:block}
.red-banner .red-bg-color{display:flex}
.red-banner .banner-text{font-size:48px;width:100%;display:inline-block;color:#111;font-weight:900;font-style:italic;padding-top:13px;margin:10px auto}
.red-banner .banner-text h3{font-size:48px;font-family:tstar-bold;font-style:normal}
@media all and (max-width:767px){.red-banner .banner-text h3{font-size:24px}
}
.red-banner .banner-text .black-text{color:black}
.red-banner .red-bg-content{float:left;width:10%}
.red-banner .center-content{width:80%;float:left}
.red-banner .right-side-bike{float:right;width:10%}
.explor-good-life-container{background:#fff;width:90%;margin:0 auto;padding:30px}
.explor-good-life-container .good-life-tab-header{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:center;clear:both;position:relative;top:-20px}
@media all and (max-width:768px){.explor-good-life-container .good-life-tab-header{top:-50px}
}
.explor-good-life-container .good-life-tab-header h3{font-size:3rem;font-weight:700}
.explor-good-life-container .good-life-tab-header .explore-breadcrums ul li{float:left;border-left:1px solid #303030;padding:5px 10px 0 10px}
@media(max-width:767px){.explor-good-life-container .good-life-tab-header .explore-breadcrums ul li{padding:0 5px}
}
.explor-good-life-container .good-life-tab-header .explore-breadcrums ul li div{font-size:1rem;color:#303030;line-height:1}
.explor-good-life-container .good-life-tab-header .explore-breadcrums ul li:first-child{border-left:0}
.explor-good-life-container .service-tab-icon{display:flex;justify-content:center}
.explor-good-life-container .service-tab-description{text-align:center}
.explor-good-life-container .service-tab-description p{font-size:1.125rem}
@media all and (max-width:768px){.explor-good-life-container .service-tab-description p{font-size:14px}
}
.explor-good-life-container .service-perks-tab{padding:20px}
@media only screen and (min-device-width:320px) and (max-device-width:767px) and (-webkit-min-device-pixel-ratio:2){.explor-good-life-container .service-perks-tab{padding:0 20px}
}
.service-perks-wrapper{width:auto;height:405px;left:55px;top:267px;background:rgba(48,48,48,0.04);border-radius:8px}
@media all and (max-width:767px){.service-perks-wrapper{height:364px}
}
.service-perks-wrapper .service-perks-tab{display:flex;flex-direction:column;align-items:center;width:280px;height:138px;margin:0 auto;margin-top:20px;margin-bottom:30px}
@media all and (max-width:767px){.service-perks-wrapper .service-perks-tab{height:102px;width:145px;border-radius:0;margin:0 auto;margin-top:15px}
}
.service-perks-wrapper .service-perks-tab .service-tab-description{width:269px;height:58px}
@media all and (max-width:767px){.service-perks-wrapper .service-perks-tab .service-tab-description{height:50px;width:143px;border-radius:nullpx}
}
.service-perks-wrapper .service-perks-tab .service-tab-description p{font-style:normal;font-weight:400;font-size:24px;text-align:center;color:#303030}
@media all and (max-width:767px){.service-perks-wrapper .service-perks-tab .service-tab-description p{font-style:normal;font-weight:400;font-size:12px;text-align:center;color:#1a1a1a}
}
.service-perks-wrapper .service-perks-tab .service-tab-icon{padding:10px}
.service-perks-wrapper .service-perks-tab .service-tab-icon img{height:60px;width:60px}
@media all and (max-width:767px){.service-perks-wrapper .service-perks-tab .service-tab-icon img{height:30px;width:30px;border-radius:0}
}
@media all and (max-width:767px){.explor-good-life-container{min-height:initial !important}
.explor-good-life-container .good-life-tab-header h3{font-size:24px !important;margin-bottom:8px}
.explor-good-life-container .good-life-tab-header .explore-breadcrums ul li div{font-weight:400;font-size:12px !important;line-height:14px}
.explor-good-life-container .explor-good-life{margin-top:15px !important}
.red-banner .red-bg-color .center-content .banner-text{margin-top:10px}
.exploregoodlife-benefits-wrapper{padding:15px !important}
.exploregoodlife-rewards-wrapper{padding-top:15px !important}
}
.unsetpadding{padding:unset}
.benefits-tab-red{background-color:red !important;color:white}
.benefits-tab-gray{background-color:#f4f4f4;color:black}
.exploregoodlife-benefits-wrapper{padding:60px 0 0 0;width:100%;margin:0 auto}
.exploregoodlife-benefits-wrapper .benefits-tab{display:block;padding:24px 16px;width:100%;height:380px;gap:16px;border-radius:5px;padding-top:60px}
@media all and (max-width:767px){.exploregoodlife-benefits-wrapper .benefits-tab{display:block;flex-direction:column;justify-content:center;align-items:center;padding:16px;gap:8px;width:100%;height:auto;background:#f4f4f4;box-shadow:0 1px 4px rgba(0,0,0,0.16);border-radius:5px;margin:0 auto;margin-top:10px;min-height:169px}
}
.exploregoodlife-benefits-wrapper .benefits-tab .benifits-tab-icon{width:100%}
.exploregoodlife-benefits-wrapper .benefits-tab .benifits-tab-icon img{height:60px;width:60px;border-radius:0;margin:0 auto}
@media all and (max-width:767px){.exploregoodlife-benefits-wrapper .benefits-tab .benifits-tab-icon img{width:30px;height:30px}
}
.exploregoodlife-benefits-wrapper .benefits-tab .benifits-tab-description{height:90px;text-align:center;margin:0 auto;padding-top:20px;font-size:1.5rem}
@media all and (max-width:767px){.exploregoodlife-benefits-wrapper .benefits-tab .benifits-tab-description{width:auto;height:70px;font-size:14px}
}
.exploregoodlife-benefits-wrapper .benefits-tab .benifits-tab-description p{font-style:normal;font-weight:400;font-size:24px;line-height:120%;text-align:center;color:#303030}
@media all and (max-width:767px){.exploregoodlife-benefits-wrapper .benefits-tab .benifits-tab-description p{font-style:normal;font-weight:400;font-size:14px;line-height:120%;color:#303030}
}
@media only screen and (min-device-width:320px) and (max-device-width:767px) and (-webkit-min-device-pixel-ratio:2){.exploregoodlife-benefits-wrapper .benefits-tab .textimage div{display:block !important;margin-bottom:0 !important}
.exploregoodlife-benefits-wrapper .benefits-tab .textimage div img{width:100%}
.exploregoodlife-benefits-wrapper .benefits-tab .textimage div p{font-size:.875rem;text-align:left}
.exploregoodlife-benefits-wrapper .benefits-tab .benefits-tab-red{background:red !important}
}
.exploregoodlife-rewards-wrapper{width:100%;margin:0 auto;padding-top:60px}
@media only screen and (min-device-width:320px) and (max-device-width:767px) and (-webkit-min-device-pixel-ratio:2){.exploregoodlife-rewards-wrapper{margin:0}
}
.exploregoodlife-rewards-wrapper .rewards-tab{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px 0;gap:19px;height:289px;left:40px;background:#fff;border:1px solid #ededed;box-shadow:0 10px 20px rgba(0,0,0,0.1);border-radius:5px;margin-top:10px;margin-bottom:10px}
@media all and (max-width:767px){.exploregoodlife-rewards-wrapper .rewards-tab{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px 0;width:100%;height:146px;left:25px;background:#fff;box-shadow:0 10px 20px rgba(0,0,0,0.1);border-radius:5px;margin:0 auto;margin-top:10px;margin-bottom:10px}
}
.exploregoodlife-rewards-wrapper .rewards-tab .rewards-tab-icon img{height:60px;width:60px;left:105px;top:45px;border-radius:0}
@media all and (max-width:767px){.exploregoodlife-rewards-wrapper .rewards-tab .rewards-tab-icon img{height:30px;width:30px;left:53.5px;top:28px;border-radius:0}
}
.exploregoodlife-rewards-wrapper .rewards-tab .rewards-tab-description{text-align:center;color:black;height:116px;left:16px;top:143.5px;font-size:1.5rem}
@media all and (max-width:767px){.exploregoodlife-rewards-wrapper .rewards-tab .rewards-tab-description{text-align:center;width:114px;height:24px;left:8px;top:64px}
}
.exploregoodlife-rewards-wrapper .rewards-tab .rewards-tab-description p{font-style:normal;font-weight:400;font-size:24px;line-height:120%;text-align:center;color:#303030}
@media all and (max-width:767px){.exploregoodlife-rewards-wrapper .rewards-tab .rewards-tab-description p{font-style:normal;font-weight:400;font-size:10px;line-height:120%;text-align:center;color:#1a1a1a}
}
.exploregoodlife-rewards-wrapper .rewards-tab .textimage{padding:0 20px}
.exploregoodlife-rewards-wrapper .rewards-tab .textimage .rewards-tab-icon{margin:0 auto;width:100%;max-width:70px}
.exploregoodlife-events-wrapper{margin:0 auto;background:#fff;width:90%;display:none}
.explor-good-life-container{z-index:1;position:relative;border-radius:20px 20px 8px 8px;box-shadow:0 10px 20px rgba(0,0,0,0.1);min-height:712px;padding:58px 54px}
.explor-good-life-container .bike-tab-section .tab-wrapper{display:flex}
.explor-good-life-container .bike-tab-section .common-tabs-main .service-tabs .explore-img{width:20%;float:left;max-width:20px;position:relative;right:-30%;top:-3px;z-index:-1}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.explor-good-life-container .bike-tab-section .common-tabs-main .service-tabs .explore-img{right:-14%}
}
.explor-good-life-container .bike-tab-section .common-tabs-main .service-tabs .explore-text{float:left;width:193px !important;padding:0 40px 5px 50px;background:transparent;font-size:1.5rem !important}
@media(max-width:991.2px) and (min-width:768px){.explor-good-life-container .bike-tab-section .common-tabs-main .service-tabs .explore-text{font-size:var(--font-size14) !important;width:auto !important}
}
@media only screen and (min-device-width:320px) and (max-device-width:767px) and (-webkit-min-device-pixel-ratio:2){.explor-good-life-container .bike-tab-section .common-tabs-main .service-tabs .explore-text{width:90px !important;font-size:.75rem !important;border-color:#8c8c8c;margin-right:0}
}
@media only screen and (max-width:820px){.explor-good-life-container .bike-tab-section .common-tabs-main .service-tabs .explore-text.active{border-color:#e90404}
}
.explor-good-life-container .bike-tab-section .common-tabs-main .service-tabs.goodlife-tab-0 .explore-img{right:-20%}
@media only screen and (max-width:820px){.explor-good-life-container .bike-tab-section .common-tabs-main .service-tabs.goodlife-tab-0 .explore-img{right:-16%}
}
@media only screen and (max-width:820px){.explor-good-life-container .bike-tab-section .common-tabs-main .service-tabs.goodlife-tab-0 .explore-text{width:115px !important}
}
.earning-and-redemption-banner .tier-sec{margin-top:0}
@media only screen and (min-device-width:320px) and (max-device-width:767px) and (-webkit-min-device-pixel-ratio:2){.red-banner .red-bg-color .center-content{width:100%;float:left;margin-bottom:10px}
.red-banner .red-bg-color .center-content .banner-text{font-size:1.25rem !important}
.red-banner .red-bg-color .center-content .banner-text h3{font-size:24px;font-family:tstar-heavy}
.red-banner .red-bg-color .right-side-bike{position:relative;right:25%}
.explor-good-life-container{padding:76px 8px}
.explor-good-life-container .bike-tab-section{margin-top:-46px}
.explor-good-life-container .tab-wrapper ul button{display:none !important}
.explor-good-life-container .tab-wrapper ul .slick-list{padding:10px 50px 0 !important}
.explor-good-life-container .tab-wrapper ul .slick-list li{margin-right:0 !important}
.explor-good-life-container .tab-wrapper ul .slick-list li .explore-img{max-width:17px !important;top:4px !important;height:14px}
.explor-good-life-container .tab-wrapper ul .slick-list li .explore-text{margin-right:16px;padding:4px 0 !important}
.explor-good-life-container .tab-wrapper ul .slick-list .service-tabs.goodlife-tab-0 .explore-img{right:-13% !important}
.explor-good-life-container .explor-good-life{padding:0 0 10px 0 !important;margin-top:15px}
.view-plan-containers{background-color:transparent !important}
.view-plan-containers .text .cmp-text{padding:0 25px}
.view-plan-containers .text .cmp-text h2{font-size:1.5rem}
.view-plan-containers .bootstraplayout{padding:0 22px 0 5px}
.view-plan-containers .bootstraplayout .textwithimage .membership-plan{width:100%}
.view-plan-containers .bootstraplayout .generic-text h5{font-size:.875rem}
.view-plan-containers .text{text-align:center;margin-top:20px}
.earning-and-redemption-banner .tier-sec{position:relative;padding:5px}
.earning-and-redemption-banner .tier-sec .tier-bottom{margin:0rem 0 7rem 0 !important}
.earning-and-redemption-banner .tier-sec .tier-bottom .tier-options .tier-type{width:5rem;height:5rem;padding:8px}
.earning-and-redemption-banner .tier-sec .tier-bottom .tier-options .tier-type .sub-title{font-size:1.5rem;line-height:0}
}
@media all and (device-width:768px) and (device-height:1024px) and (orientation:portrait){.red-banner .red-bg-color .right-side-bike{right:66px;position:relative}
}
@media all and (device-width:820px) and (device-height:1180px) and (orientation:portrait){.red-banner .red-bg-color .right-side-bike{right:60px;position:relative}
}
@media(max-width:767px) and (orientation:landscape){.earning-and-redemption-banner .tier-sec .tier-bottom{margin:4rem !important}
.membership-plan{width:100% !important;height:auto !important}
}
.text-flip-container{margin:2rem;width:80%}
.text-flip-container .cta-section{min-height:300px;position:relative;-webkit-perspective:800px;-moz-perspective:800px;-o-perspective:800px;perspective:800px;cursor:pointer}
.text-flip-container .cta-card{width:100%;height:100%;position:absolute;-webkit-transition:-webkit-transform 1s;-moz-transition:-moz-transform 1s;-o-transition:-o-transform 1s;transition:transform 1s;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;border:solid 1px #cbcbcb}
@media(max-width:767px){.text-flip-container .cta-card{border:0}
}
.text-flip-container .cta-card div{display:block;height:100%;width:100%;line-height:2em;color:#000;text-align:center;font-weight:400;font-size:14px;position:absolute;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}
@media(max-width:767px){.text-flip-container .cta-card div{min-height:100%;height:auto}
}
.text-flip-container .cta-card .front{background:#f5f4f1;border-radius:5px}
@media(max-width:767px){.text-flip-container .cta-card .front{background:#fff;border:solid 1px #cbcbcb}
}
.text-flip-container .cta-card .front .front-img{width:100%;height:100%}
.text-flip-container .cta-card .back{background:#e1eace;background:-moz-linear-gradient(top,#e1eace 0,#f2eeed 100%);background:-webkit-linear-gradient(top,#e1eace 0,#f2eeed 100%);background:linear-gradient(to bottom,#e1eace 0,#f2eeed 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1eace',endColorstr='#f2eeed',GradientType=0);border-radius:5px;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);padding:1rem}
.text-flip-container .cta-card .back h3{text-align:center;margin:.5rem;color:#000;text-transform:capitalize;font-weight:900}
.text-flip-container .cta-card .back p{font-size:20px;font-weight:700;margin-block:.5rem}
.text-flip-container .cta-card .back .mem_Ben_List{line-height:1.4rem;padding-left:30px;list-style-type:circle;text-align:left}
.text-flip-container .cta-card.flipped{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}
.text-flip-container .align-text-bottom{position:absolute;bottom:0;left:0;color:#9b2b49;text-decoration:underline;padding:15px}
.membership-plan{flex-direction:column;justify-content:center;align-items:center;gap:15px;margin:10px 0 10px 0;background-size:cover;border-radius:8px;min-height:223px}
@media all and (device-width:768px) and (device-height:1024px) and (orientation:portrait){.membership-plan{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:auto}
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.membership-plan{min-height:162px;height:162px}
}
.membership-plan .membership_bg{border-radius:5%;background-repeat:no-repeat;height:200px}
@media all and (max-width:768px){.membership-plan .membership_bg .platinum-content .pricetag{font-size:24px;margin-left:-14px}
.membership-plan .membership_bg .platinum-content span{font-size:16px;font-weight:700}
}
.membership-plan .membership_bg .platinum-icon{padding-top:20px;margin-bottom:15px}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.membership-plan .membership_bg .platinum-icon{width:80px}
}
.membership-plan .membership_bg .banner_btn{padding-top:10px;width:100px}
.membership-plan .membership_bg .goldbg-icon{padding-top:20px}
.membership-plan .membership_bg .silver-icon{padding-top:20px}
.membership-plan .membership_bg .pro-icon{padding-top:20px}
.membership-plan .membership_bg .member-icon{padding-top:20px}
.membership-plan .membership_bg .membership-image img{width:250px;height:250px;border-radius:8px}
@media all and (max-width:768px){.membership-plan .membership_bg .membership-image img{width:170px;height:170px;border-radius:4px}
}
.membership-plan .membership_bg .membership-name{text-align:center}
.membership-plan .membership_bg .membership-name p{font-family:'T-Star Pro';font-style:normal;font-weight:700;font-size:17px;line-height:17px;white-space:nowrap;text-transform:uppercase;color:#303030;opacity:.8}
@media all and (max-width:768px){.membership-plan .membership_bg .membership-name p{font-size:12px;line-height:12px}
}
@media(max-width:350px){.membership-plan .service-main-heading{padding:10px}
}
.membership-plan .service-main-heading img.text-icon + span h2{font-weight:900;width:max-content;font-size:28px}
.membership-plan .service-main-heading.join-clan-heading{border-bottom:0}
.ride-info{padding:2rem 0;background:#fff}
.ride-info .register-for-ride{display:flex;justify-content:center;margin-top:3rem}
.ride-info .xclan-heading{text-align:center}
.ride-info .xclan-heading h2{font-size:54px;color:#303030;text-transform:uppercase;margin:0 0 35px;font-weight:900;padding:0 0 0 30px;display:inline-block}
@media(max-width:768px){.ride-info .xclan-heading h2{font-size:32px;background-size:8px;padding-left:20px}
}
.ride-info .rideDiscription{max-width:1170px;margin:0 auto;padding:10px}
.ride-info .rideDiscription p{text-align:center;font-size:20px;line-height:32px}
@media(max-width:768px){.ride-info .rideDiscription p{font-size:16px}
}
.ride-info .ride-list{border:1px solid #f1f1f1;background:#f1f1f1;padding:20px;margin:20px 0 0;border-radius:23px;max-width:100%;min-height:100%;text-align:center}
.ride-info .ride-list .rideImg-icon{background:#fff;border:1px solid #f1f1f1;border-radius:23px}
.ride-info .ride-list .rideImg-icon img{padding:25px 30px;margin:0 auto}
.ride-info .ride-list p{padding:20px 0;font-size:18px;color:#000;font-weight:700;margin-bottom:0}
.ride-info .ride-list .ride-date,.ride-info .ride-list .ride-price{font-size:13px;line-height:20px}
.ride-info .ride-list h4{font-size:22px;color:#e81938;font-weight:900}
@media(max-width:768px){.ride-info .ride-list h4{font-size:20px;line-height:25px}
}
.ride-info .justify-content-center{row-gap:1rem}
.xclanride-tabs .slick-list.draggable{padding:0 23% !important}
.xclanride-tabs .slick-list.draggable .slick-track{transform:inherit !important}
.ride-list-wrapper{justify-content:space-evenly;margin-bottom:20px}
.ride-list-wrapper .ridessection{position:relative;margin-bottom:25px}
.ride-list-wrapper .rideImag{width:100%}
@media screen(max-width:767px){.ride-list-wrapper .rideImag{padding-left:15px;padding-right:15px}
}
.ride-list-wrapper .rideImag img{width:100%;height:auto}
.ride-list-wrapper .rideImag .date-month{position:absolute;top:5px;left:5px}
@media screen(max-width:767px){.ride-list-wrapper .rideImag .date-month{left:20px}
}
.ride-list-wrapper .rideImag .date-month .date{display:block;width:60px;background:#ed1c24;padding:6px 4px;color:#fff;text-align:center;font-size:20px;font-weight:600}
.ride-list-wrapper .rideImag .date-month .month{display:inline-block;width:60px;background:#000;margin-top:2px;color:#fff;text-align:center}
.ride-list-wrapper .rideImag .durationdetails{background:#fff;padding:10px}
.ride-list-wrapper .rideImag h3{color:#e81938;font-size:14px;font-weight:400;margin-bottom:0}
.ride-list-wrapper .api-error{color:#e81938;font-size:28px;font-weight:700}
.enrollment-form-wrapper .row.align-center{justify-content:space-evenly}
.enrollment-form-wrapper .row.align-center .enrollmentform-main{border:1px solid #ccc;padding:40px;background:#fff;border-radius:8px;margin-bottom:1rem}
@media(max-width:768px){.enrollment-form-wrapper .row.align-center .enrollmentform-main{padding:40px 15px}
}
.enrollment-form-wrapper .row.align-center .gender-field .radio-item{float:left}
.buttonconT{margin-bottom:50px;margin-top:20px;padding-bottom:10px;position:fixed;bottom:0;left:0;right:0;z-index:1111;background:#fff;width:100%;max-width:100%;display:block !important;text-align:center;margin:0 auto}
.memberInfo{display:inline-block;padding:10px 0 10px 16px}
a.buttonPrim{display:inline-block;background:#ed1c24;color:#fff;padding:12px 25px;border-radius:8px;font-size:18px;text-transform:uppercase}
.winner-banner-container{background-repeat:no-repeat;background-size:100% 100%;padding:20px 0 40px 0;background-color:#ee2326}
.winner-banner-container .row{margin:0}
.winner-banner-container .row .winner-banner{width:100%;background-size:cover;display:flex}
.winner-banner-container .row .winner-banner .winner-banner-left{width:20%;float:left;padding-top:50px}
.winner-banner-container .row .winner-banner .winner-banner-left img{float:right}
.winner-banner-container .row .winner-banner .winning-month{margin:auto}
.winner-banner-container .row .winner-banner .winner-banner-middle{width:35% !important;float:left;padding-left:50px;padding-top:60px}
@media(max-width:991px){.winner-banner-container .row .winner-banner .winner-banner-middle{width:70% !important;float:right;padding-top:52px !important;padding-left:0}
}
.winner-banner-container .row .winner-banner .winner-banner-middle .winning-month{width:190px;border-top-right-radius:20px;border-bottom-right-radius:20px;border-top-left-radius:20px;padding:10px 0;color:#fff;font-size:1.25rem;font-weight:900;height:40px;margin:unset}
.winner-banner-container .row .winner-banner .winner-banner-middle h1{font-size:1.875rem;color:#fff;font-weight:900;padding-top:4px}
.winner-banner-container .row .winner-banner .winner-banner-middle .winner-area{color:#fadede;font-size:1.5rem}
.winner-banner-container .row .winner-banner .banner-content-right.banner-single{color:#fff;padding-top:0;font-size:14px;display:block;width:35%;margin-top:4.5%}
@media(max-width:991px){.winner-banner-container .row .winner-banner .banner-content-right.banner-single{width:100%}
}
.winner-banner-container .row .winner-banner .winner-banner-right{width:60% !important;float:left;padding-top:27px}
.winner-banner-container .row .winner-banner .winner-banner-right.view-details-link{width:25% !important}
@media(max-width:991px){.winner-banner-container .row .winner-banner .winner-banner-right.view-details-link{width:100% !important}
}
@media(min-width:768px) and (max-width:991px){.winner-banner-container .row .winner-banner .winner-banner-right{width:100% !important}
}
.winner-banner-container .row .winner-banner .winner-banner-right .banner-bike-left{float:left}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.winner-banner-container .row .winner-banner .winner-banner-right .banner-bike-left{width:30%}
}
.winner-banner-container .row .winner-banner .winner-banner-right .banner-content-right{float:left;color:#fff;padding-top:5%;padding-left:2%;width:50%}
@media(max-width:991px){.winner-banner-container .row .winner-banner .winner-banner-right .banner-content-right{text-align:left;padding-left:0;padding-top:0 !important}
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.winner-banner-container .row .winner-banner .winner-banner-right .banner-content-right{width:70% !important}
}
.winner-banner-container .row .winner-banner .winner-banner-right h2{font-size:1.25rem}
.winner-banner-container .row .winner-banner .winner-banner-right h2:last-child{font-size:2rem;font-weight:900}
@media only screen and (min-device-width:320px) and (max-device-width:767px) and (-webkit-min-device-pixel-ratio:2){.winner-banner-container .winner-banner-left{width:30% !important}
.winner-banner-container .winner-banner-left img{max-width:115px}
.winner-banner-container .winner-banner-right{width:100% !important;float:left !important;padding-top:20px !important}
.winner-banner-container .winner-banner-right .banner-bike-left{float:left;max-width:182px;width:50%}
.winner-banner-container .winner-banner-right .banner-bike-left img{width:100%}
.winner-banner-container .winner-banner-right .banner-content-right{padding-top:49px !important;width:50% !important}
.winner-banner-container .winner-banner-right .banner-content-right h2:last-child{font-size:1.4rem !important}
}
@media only screen and (min-device-width:320px) and (max-device-width:767px) and (-webkit-min-device-pixel-ratio:2) and only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.winner-banner-container .winner-banner-right .banner-bike-left img{max-width:102px}
}
.winner-list{margin-top:50px;margin-bottom:50px}
.winner-list .user-circle{height:43px;width:43px;border-radius:50%;text-align:center;padding:9px 0;font-size:20px}
.winner-list .user-circle-red{background:#ffb7b7;color:#ee8686}
.winner-list .user-circle-green{background:#bee795;color:#86b953 !important}
.winner-list .user-circle-blue{background:#a0c2f4;color:#698fc6}
.winner-list .user-circle-violet{background:#c5a0f4;color:#9e7ccf}
.user-lists{background:#fff;border-radius:5px;border:1px solid #e8e8e8;padding:10px;margin-bottom:24px;margin-left:20px;display:flex;position:relative}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.user-lists{width:90%}
}
.user-lists .user-short-name{float:left;margin-right:20px}
.user-lists .user-name-details{width:70%;float:left}
.user-lists .winning-date{font-size:12px;width:20%;float:right;color:#fff;text-align:center;font-weight:900;position:absolute;right:15px;top:-1px;border-bottom-right-radius:5px;border-bottom-left-radius:5px}
@media(min-width:680px) and (max-width:1024px){.user-lists .winning-date{width:40%;top:-10px;right:-15px}
}
.user-lists .winning-date-red{background:linear-gradient(0,#f00,#f00),#fff}
.user-lists .winning-date-black{background:linear-gradient(0,#333,#333),#fff}
.win-user-lists{background:#fff;padding:15px;border-radius:5px;margin-right:20px;border:1px solid rgba(246,2,2,0.3);position:relative}
.win-user-lists .left-side-arrow:after{content:"";width:0;height:0;border-top:13px solid transparent;border-bottom:13px solid transparent;border-right:10px solid #fff;position:absolute;left:2px;top:-13px}
.win-user-lists .left-side-arrow{width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-right:10px solid rgba(246,2,2,0.3);position:absolute;left:-10px;text-indent:-9999px}
.win-user-lists h3{font-size:2rem;color:#303030;font-weight:900}
.win-user-lists .details-date{font-size:1.25rem;color:red;font-weight:700}
.win-user-lists .winner-details{margin-top:15px}
.win-user-lists .winner-details .honda-img{float:left;margin-right:10px}
.win-user-lists .winner-details .won-hero-details{float:left}
.win-user-lists .winner-details .won-hero-details p{color:#1a1a1a;font-weight:700;font-size:1rem}
.win-user-lists .winner-details .won-hero-details h3{color:#1a1a1a;font-size:1.5rem;font-weight:700}
.win-user-lists .winner-details .winner-logo-right{float:left;margin-right:10px}
.win-user-lists .winner-details .winner-name-right{float:left}
.win-user-lists .winner-details h3{font-size:2rem;color:#303030;font-weight:900}
.win-user-lists .winner-details p{font-size:1rem;color:#8c8c8c;font-weight:400;display:inline-block}
.win-user-lists .digi-voucher{font-weight:700;font-size:1.25rem;padding:20px 0}
.win-user-lists .digi-voucher label{color:#ec2028}
.win-user-lists .digi-voucher-winner-container .user-logo{float:left;width:9%}
.win-user-lists .digi-voucher-winner-container .user-name{float:left;font-size:1.125rem;font-weight:700;color:#1a1a1a;margin-left:10px;margin-top:8px;width:50%}
.win-user-lists .digi-voucher-winner-container .user-add{float:right;font-size:.875rem;color:#8c8c8c;margin-top:10px;width:38%}
.win-user-lists .digi-voucher-winner-container .user-list{clear:both;padding:15px 0;border-bottom:1px solid #e8e8e8;display:inline-block;width:100%;min-height:90px;align-items:center}
@media only screen and (min-device-width:320px) and (max-device-width:767px) and (-webkit-min-device-pixel-ratio:2){.winner-list .win-user-lists{margin:0 20px}
.winner-list .win-user-lists h3{width:70%;float:left}
.winner-list .win-user-lists .winner-details .winner-logo-right{width:15%}
.winner-list .win-user-lists .winner-details .winner-name-right{width:70%}
.winner-list .win-user-lists .winner-details .winner-name-right h3{font-size:1.125rem}
.winner-list .win-user-lists .winner-details .won-hero-details h2{font-size:1.125rem;display:inline-block}
.win-user-lists .digi-voucher-winner-container .user-add{width:84%;margin-top:0}
.win-user-lists .digi-voucher-winner-container .user-logo{width:13%}
.win-user-lists .digi-voucher-winner-container .user-name{width:80%;margin-top:0}
.win-user-lists .left-side-arrow{display:none}
.winner-banner-container .row .winner-banner .winner-banner-right{width:100% !important}
}
.won-hero-wrapper{display:flex}
.won-hero-wrapper .won-hero-details h3{font-size:16px}
.won-hero-wrapper .won-hero-details h2{font-size:24px}
@media(max-width:991px){.winner-banner-container .row .winner-banner{display:table-column}
}
@media only screen and (min-device-width:320px) and (max-device-width:767px) and (-webkit-min-device-pixel-ratio:2){.winner-banner-container .row .winning-month{margin:0;padding:51px 0 0 0;margin-right:0 !important}
.winner-banner-container .row .winning-month h1{font-weight:900;color:#fff;width:100%;padding-left:8px}
}
.earning-history-container .earning-history-title{background:#343434;color:#fff;padding:10px;font-size:2rem;min-height:70px;border-top-left-radius:5px;border-top-right-radius:5px}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.earning-history-container .earning-history-title{font-size:1.5rem;padding-top:15px}
}
.earning-history-container .earning-history-title .history-title-icon{float:left;margin:6px 10px 0 10px}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.earning-history-container .earning-history-title .history-title-icon{margin:3px 10px 0 10px}
}
.earning-history-container .table-responsive table{width:100%}
.earning-history-container .table-responsive table tr td{width:25%;padding:10px !important;font-size:1rem}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.earning-history-container .table-responsive table tr td{font-size:.75rem}
}
.earning-history-container .table-responsive table tr td .history-year{color:red;font-size:1.2rem;background:#fff;position:relative;top:-47px;width:59px;padding-left:16px;left:-17px}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.earning-history-container .table-responsive table tr td .history-year{top:-42px}
}
.earning-history-container .table-responsive table tr td .points{background:#fff1e4;font-size:.875rem;border-radius:4px;padding:4px}
.earning-history-container .table-responsive table tr td .points img{float:left;padding:1px 5px}
.earning-history-container .table-responsive table tr td .send-sms{color:#fc1f15;font-weight:700;font-size:1rem;border:transparent}
.earning-history-container .table-responsive table tr td .valid-till{color:#858585}
@media screen and (min-device-width:1200px) and (max-device-width:1600px) and (-webkit-min-device-pixel-ratio:1){.earning-history-container .table-responsive table tr td .first-earning{margin-left:40px}
.earning-history-container .table-responsive table tr td .sec-earning{float:left}
.earning-history-container .table-responsive table tr td .third-earning{float:left}
.earning-history-container .table-responsive table tr td .four-earning{float:right;margin-right:50px}
}
.earning-history-container .table-responsive table tr th{padding:10px !important;font-size:1.25rem}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.earning-history-container .table-responsive table tr th{font-size:.75rem}
}
@media screen and (min-device-width:1200px) and (max-device-width:1600px) and (-webkit-min-device-pixel-ratio:1){.earning-history-container .table-responsive table tr th .first-head{margin-left:40px;float:left}
.earning-history-container .table-responsive table tr th .sec-head{float:left}
.earning-history-container .table-responsive table tr th .third-head{float:left}
.earning-history-container .table-responsive table tr th .four-head{text-align:right;padding-right:50px}
}
.earning-history-container .table-responsive table .multi-year{border-top:2px solid #ebebeb !important}
.earning-history-container .table-responsive table tr:first-child,.earning-history-container .table-responsive table th:first-child,.earning-history-container .table-responsive table th{color:#000}
.earning-history-container .table-responsive table:first-child tr:first-child{border-bottom:2px solid #ebebeb !important}
.earning-history-container .table-responsive .no-results{padding:16px}
.earning-history-container .table-responsive,.earning-history-container th,.earning-history-container tr,.earning-history-container td{background:#fff}
.privilege-redeem-container .table-responsive table tbody tr td{width:50%}
.privilege-redeem-container .table-responsive table tbody tr th{width:50%}
.privilege-redeem-container .table-responsive table tbody tr th:last-child,.privilege-redeem-container .table-responsive table tbody tr td:last-child{text-align:right}
.redemption-history-cintainer .table-responsive table tr td{width:20%;position:relative}
.redemption-history-cintainer .table-responsive table tr td .resend-tooltip{background:#fff1e4;width:287px;height:68px;padding:10px;font-size:14px;position:absolute;top:-48px;right:53%;box-shadow:1px 1px 1px #ddd;border-radius:5px}
.redemption-history-cintainer .table-responsive table tr td:nth-child(2){width:40%}
.coin-icon{background-image:var(--coin-icon);width:20px;background-position:right,left;color:#fff;height:20px;position:absolute;margin-top:20px;margin-left:14px}
@media all and (max-width:768px){.coin-icon{margin-top:16px}
}
.container-first{margin-top:20px;border-top-left-radius:8px;border-top-right-radius:8px}
.points ul{margin-top:20px}
.gift-icon{background-image:var(--gift-icon);width:25px;margin:5px 4px;background-position:right,left;color:#fff;height:20px;position:absolute}
.bg{background-image:var(--background-url);width:96%;background-position:right,left;color:#fff;display:inline-flex;height:80px}
@media all and (max-width:768px){.bg{background:#303030}
}
.headericon{background-image:var(--tier-icon);width:20px;height:30px;margin:30px;padding:69px 79px;zoom:.4}
.points ul li{margin:20px}
@media all and (max-width:768px){.points ul li{margin:0;min-height:70px;height:auto}
}
.points ul li:last-child .con-header-right .con-content{border-bottom:0}
.con-header{border-radius:10px;border:1px solid #d9d9d9;padding:3px 27px;font-style:normal;font-weight:700;font-size:24px;line-height:120%;color:red;margin:10px 0 10px 9px;width:100px;height:43px}
@media all and (max-width:768px){.con-header{font-size:12px;line-height:120%;width:60px !important;padding-top:7px;height:30px !important}
}
.con-content{margin:10px 0;border-bottom:1px solid #ededed}
@media all and (max-width:768px){.con-content{padding-bottom:5px;display:block;margin:0;border-bottom:1px solid #ededed}
}
.con-span{margin:0 40px;font-size:14px}
@media all and (max-width:768px){.con-span{font-size:12px;margin:0 8px 0 38px !important}
}
.bold{font-size:20px;font-weight:bold}
@media all and (max-width:768px){.bold{font-weight:700;font-size:14px;line-height:120%}
}
.points ul li:before{content:"";height:35px;border-left:2px dotted #000;position:absolute;margin-left:30px;margin-top:48px;z-index:0}
@media all and (max-width:768px){.points ul li:before{height:35px;margin-top:34px;margin-left:17px}
}
.points-redemption-wrap .container ul li:before{content:"";height:39px;border-left:2px dotted #000;position:absolute;margin-left:40px;margin-top:54px;z-index:0}
@media(max-width:767px) and (orientation:landscape){.points-redemption-wrap .container ul li:before{margin-left:4%;margin-top:6%}
}
.doted-border:before{content:"";height:29px;border-left:2px dotted #000;position:absolute;margin-left:60px;margin-top:-19px;z-index:0}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.doted-border:before{margin-left:24px}
}
@media(max-width:767px) and (orientation:landscape){.doted-border:before{margin-left:4%}
}
.container-first .doted-border:before{content:none}
.bg h1{padding:19px;font-size:32px;font-weight:bold}
@media all and (max-width:768px){.bg h1{font-size:20px;line-height:24px;padding:10px;margin-top:17px}
}
.bg span{padding:25px}
@media all and (max-width:768px){.bg span{font-weight:700;font-size:12px;line-height:13px;padding:10px;display:flex;align-items:center}
}
@media all and (max-width:768px){.points-redemption-heading h1{font-size:24px}
}
.milestone-end-container{padding:23px 15px}
.milestone-end-container .milestone-header{font-weight:900;font-size:1rem;line-height:19px;margin-bottom:6px}
.tier-sec{margin-top:2rem;padding:2rem;background-color:#fff1e4;box-shadow:0 4px 10px rgba(0,0,0,0.14);border-radius:4px}
.tier-sec .tier-top{display:flex;align-items:center;justify-content:space-between}
.tier-sec .tier-top .tier-para-con{display:flex;align-items:center;gap:2rem}
@media(min-width:680px) and (max-width:991px){.tier-sec .tier-top .tier-para-con{gap:0rem}
}
.tier-sec .tier-top .tier-para-con .tier-para{display:flex;flex-direction:column;justify-content:space-between}
@media(min-width:680px) and (max-width:991px){.tier-sec .tier-top .tier-para-con .tier-para h1{font-size:2rem}
.tier-sec .tier-top .tier-para-con .tier-para p{font-size:14px}
}
.tier-sec .tier-bottom{margin:4rem;display:flex;justify-content:space-between;align-items:center}
.tier-sec .tier-bottom .tier-options{display:flex;width:fit-content;flex-direction:column;align-items:center;gap:1.5rem}
.tier-sec .tier-bottom .tier-options .tier-type{display:flex;flex-direction:column;align-items:center;border-radius:50%;width:9rem;padding:1rem;background-color:#fff}
.tier-sec .tier-bottom .tier-options .tier-type .info-popup-body-title{font-style:normal;font-weight:900;font-size:32px;line-height:38px;color:#333}
.tier-sec .tier-bottom .tier-options .tier-type .info-popup-body-txt{font-style:normal;font-weight:900;font-size:64px;line-height:77px;color:#e90404}
.tier-sec .tier-bottom .tier-options .tier-currency{display:flex;justify-content:center;align-items:center;gap:5px;width:100%;height:43px;background:#565555;border:1px solid #d9d9d9;border-radius:8px;font-style:normal;font-weight:900;font-size:24px;line-height:120%;color:#fff}
.tier-sec .tier-bottom .tier-options .tier-points{font-family:tstar-medium;font-size:20px;text-align:center;color:#333;line-height:110%}
@media(max-width:767px){.tier-sec .tier-bottom .tier-options .tier-points{font-size:14px}
}
.tier-sec .tier-bottom .tier-separator{border:1px dashed #303030;width:20%;height:1px;margin-top:9%}
.good-life-banner-wrapper{height:244px;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:5px}
.good-life-banner-wrapper .header-container{display:flex;padding-top:31px}
.good-life-banner-wrapper .header-container .img-inline img{margin:0 auto}
.good-life-banner-wrapper .header-content{color:#fff;font-size:23.5px;line-height:26px;text-align:center;font-family:'tstar-medium';margin-top:20px}
.good-life-banner-wrapper .btn-details{border:2px solid red;width:165px;height:48px;position:absolute;z-index:auto;margin:120px 135px;color:red;font-weight:bold}
@media all and (max-width:991px){.good-life-banner-wrapper{display:none}
}
.xClan-banner-container{display:flex;background:linear-gradient(85.8deg,#5c5c5c 3.51%,#181816 15.64%,#413e3c 52.52%,#54514f 84.55%,#24211d 96.69%),#d9d9d9;margin-inline:3%}
@media(max-width:767px){.xClan-banner-container{margin-inline:auto;margin-bottom:-1rem;flex-direction:column}
}
@media(min-width:820px) and (max-width:991px){.xClan-banner-container{margin:unset;margin-inline:unset}
}
.xClan-banner-container .xClan-banner-left{display:flex;align-items:center;gap:2rem;width:50%;justify-content:center}
@media(max-width:767px){.xClan-banner-container .xClan-banner-left{margin-left:0;margin-top:1rem;width:100%}
}
.xClan-banner-container .xClan-banner-left img{width:140px;height:90px}
@media(max-width:991px){.xClan-banner-container .xClan-banner-left img{width:100px;height:100px}
}
.xClan-banner-container .xClan-banner-left .xClan-banner-textLeft{display:flex;flex-direction:column;gap:1rem}
.xClan-banner-container .xClan-banner-left .xClan-banner-textLeft .xClan-banner-title{font-weight:700;font-size:32px;line-height:120%;color:#fff}
@media(max-width:767px){.xClan-banner-container .xClan-banner-left .xClan-banner-textLeft .xClan-banner-title{font-size:16px}
}
.xClan-banner-container .xClan-banner-left .xClan-banner-textLeft .xClan-banner-price{font-weight:700;font-size:40px;line-height:39px;color:#fff}
@media(max-width:767px){.xClan-banner-container .xClan-banner-left .xClan-banner-textLeft .xClan-banner-price{font-size:24px}
}
.xClan-banner-container .xClan-banner-left .xClan-banner-textLeft .xClan-banner-insurance{display:flex;flex-wrap:wrap}
.xClan-banner-container .xClan-banner-left .xClan-banner-textLeft .xClan-banner-insurance .xClan-banner-insur-yrs{font-weight:400;font-size:20px;line-height:120%;color:#fff;margin-left:1rem}
@media(max-width:768px){.xClan-banner-container .xClan-banner-left .xClan-banner-textLeft .xClan-banner-insurance .xClan-banner-insur-yrs{margin-left:0}
}
.xClan-banner-container .xClan-banner-left .xClan-banner-textLeft .xClan-banner-insurance .xClan-banner-insur-type{font-weight:400;font-size:14px;line-height:175%;color:#fff;margin-inline:5px}
.xClan-banner-container .xClan-banner-right{display:flex;gap:1rem;padding-block:1rem;align-items:center;background:#fff1e4;clip-path:polygon(20% 0,100% 0,100% 100%,0 100%);width:50%;justify-content:space-evenly}
@media(max-width:820px) and (max-width:991px){.xClan-banner-container .xClan-banner-right{justify-content:flex-end}
}
@media(max-width:767px){.xClan-banner-container .xClan-banner-right{clip-path:unset;width:100%;height:auto;justify-content:space-around}
}
.xClan-banner-container .xClan-banner-right .xclan-banner-imgRight{height:110px}
@media(max-width:767px){.xClan-banner-container .xClan-banner-right .xclan-banner-imgRight{height:95px}
}
.xClan-banner-container .xClan-banner-right .xClan-banner-textRight{display:flex;flex-direction:column;gap:1rem}
.xClan-banner-container .xClan-banner-right .xClan-banner-textRight .xClan-banner-biketitle{font-weight:700;font-size:32px;line-height:38px;color:#303030}
.xClan-banner-container .xClan-banner-right .xClan-banner-textRight .xClan-banner-numPlate{font-weight:400;font-size:20px;line-height:24px;color:#303030}
.xClan-banner-container .xClan-banner-right .xClan-banner-textRight .xClan-banner-link{display:flex;gap:1rem;align-items:center}
.xClan-banner-container .xClan-banner-right .xClan-banner-textRight .xClan-banner-link span{font-weight:700;font-size:20px;line-height:24px;color:red}
.friend-banner .goodlife-banner{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.friend-banner .goodlife-banner .hf-bg-container{background:#fff1e4;min-height:156px;max-height:156px;margin:20px 40px}
.goodlife-banner{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.goodlife-banner .hf-main-container .hf-bg-container{background:#fff1e4;min-height:156px;margin:20px 40px}
@media all and (max-width:768px){.goodlife-banner .hf-main-container .hf-bg-container{min-height:95px;margin:0 0 9px 0}
}
.goodlife-banner .hf-main-container .hf-bg-container .col{width:30%}
@media all and (max-width:768px){.goodlife-banner .hf-main-container .hf-bg-container .col .col{width:30%}
}
.goodlife-banner .hf-main-container .hf-bg-container .bike-img{zoom:.4}
@media all and (max-width:768px){.goodlife-banner .hf-main-container .hf-bg-container .bike-img{zoom:.25}
}
@media all and (max-width:768px){.goodlife-banner .hf-main-container .hf-num-left h3{font-size:12px}
.goodlife-banner .hf-main-container .hf-num-right h1{font-size:12px}
}
@media(min-width:769px) and (max-width:992px){.goodlife-banner .hf-main-container{margin:25px}
.goodlife-banner .hf-main-container .hf-num-left h3{font-size:12px}
.goodlife-banner .hf-main-container .hf-num-right h1{font-size:50px}
}
@media(min-width:993px){.goodlife-banner .hf-main-container{margin:40px 0}
}
.friend_bg_img{background-image:url("../../../content/dam/hero-aem-website/good-life/top_banner.html");width:100%;height:285px;background-position:center;background-repeat:no-repeat;background-size:100% 285px;border-radius:10px;margin:20px 40px}
@media all and (max-width:768px){.friend_bg_img{height:145px;background-size:100% 140px;border-radius:8px;margin:20px auto 0}
}
.align-heading{margin-top:70px;font-family:tstar-bold}
@media all and (max-width:768px){.align-heading{top:29px;width:40%;margin:0 auto}
}
.align-heading .friend_heading{font-size:32px;color:#fff}
@media all and (max-width:768px){.align-heading .friend_heading{font-size:12px}
}
@media(min-width:769px) and (max-width:992px){.align-heading .friend_heading{font-size:25px}
}
.align-heading .friend-heading-2nd{color:#fff;font-size:40px;font-weight:900}
@media all and (max-width:768px){.align-heading .friend-heading-2nd{font-size:16px;line-height:20px}
}
@media(min-width:769px) and (max-width:992px){.align-heading .friend-heading-2nd{font-size:28px}
}
@media(max-width:767px){.refer-a-friend-wrapper{margin-bottom:-10px}
}
.refer-banner{padding:0 40px;padding-bottom:30px}
@media(max-width:767px){.refer-banner{padding:0 15px}
}
.refer-banner .row-padding{margin-top:40px}
.refer-banner .refer-card .refer{background:#fff;border:1px solid rgba(51,51,51,0.1);box-shadow:1px 4px 20px rgba(0,0,0,0.14);border-radius:8px;margin:10px 0;display:flex}
.refer-banner .refer-card .refer .col-sm-7{margin-top:20px}
@media(max-width:767px){.refer-banner .refer-card .refer .col-sm-7{padding-right:0}
}
.refer-banner .refer-card .refer .heading{font-weight:700;font-size:32px;color:#303030;padding:0}
@media(max-width:767px){.refer-banner .refer-card .refer .heading{margin-top:10px;line-height:24px;font-size:18px}
}
.refer-banner .refer-card .refer .subtext{font-weight:400;font-size:16px}
@media(max-width:767px){.refer-banner .refer-card .refer .subtext{font-size:14px;margin-top:10px}
}
.refer-banner .refer-card .img_position{float:right;border-bottom-right-radius:10px;border-top-right-radius:10px;margin:0 -18px}
@media(max-width:767px){.refer-banner .refer-card .img_position{object-fit:cover;width:135px;height:202px}
}
.refer-banner .refer-card .bt_refer{width:195px;height:45px;border:1px solid #ee2326;border-radius:4px;color:#fff;font-weight:900;font-size:20px;background:#fff;color:red;margin-top:10px;position:absolute;bottom:15px}
@media(max-width:767px){.refer-banner .refer-card .bt_refer{position:relative;bottom:0;font-size:16px;margin-top:20px;width:150px;height:40px}
}
.btn-change-vehicle{background:transparent;border:0;padding:0}
.change-vehicleModal .modal-dialog{margin:2rem auto}
.change-vehicleModal #changeVehicleLabel{font-size:2rem;font-weight:900;text-align:center;margin-bottom:20px}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.change-vehicleModal #changeVehicleLabel{font-size:1.5rem}
}
.change-vehicleModal .modal-dialog{max-width:637px}
@media(mac-width:767px){.change-vehicleModal .modal-dialog{max-width:inherit;margin:0 15px}
}
.change-vehicleModal .modal-dialog .change-vehicle-grid{border:2px solid #d2d1d1;max-width:160px;height:150px;margin-right:15px;border-radius:5px;text-align:center;padding:0;position:relative;margin-bottom:15px}
@media(max-width:767px){.change-vehicleModal .modal-dialog .change-vehicle-grid{max-width:44%}
}
.change-vehicleModal .modal-dialog .change-vehicle-grid img{width:130px;height:100px}
.change-vehicleModal .modal-dialog .change-vehicle-grid p{font-size:1rem;font-weight:700;position:absolute;bottom:0;width:100%;display:block;padding:10px 0}
.change-vehicleModal .modal-dialog .change-vehicle-grid .vehicle-list{justify-content:center}
.change-vehicleModal .modal-dialog .change-vehicle-grid:first-child{margin-left:45px}
.change-vehicleModal .modal-dialog .change-vehicle-grid.active{border-color:red}
.change-vehicleModal .modal-dialog .change-vehicle-grid.active p{color:red}
.change-vehicleModal .modal-footer{margin:0 auto;border-top:0}
.change-vehicleModal .modal-footer .btn-vehicle-change,.change-vehicleModal .modal-footer .btn-vehicle-change:hover{background:linear-gradient(95.69deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%);color:#fff}
.change-vehicleModal .modal-header{padding:0}
.change-vehicleModal .modal-header .change-vehicle-header{width:100%}
.change-vehicleModal .modal-header .change-vehicle-header .vehicle-header-logo{width:30%;float:left;padding:25px 20px}
.change-vehicleModal .modal-header .change-vehicle-header .vehicle-header-logo img{width:100%}
.change-vehicleModal .modal-header .change-vehicle-header .vehicle-header-title{width:65%;float:left;padding:25px 0}
.change-vehicleModal .modal-header .change-vehicle-header .vehicle-header-title h5{font-size:2rem}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.change-vehicleModal .modal-header .change-vehicle-header .vehicle-header-title h5{font-size:1.25rem}
}
.change-vehicleModal .modal-header .change-vehicle-header .vehicle-header-title h3{font-size:2.5rem;font-weight:700}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.change-vehicleModal .modal-header .change-vehicle-header .vehicle-header-title h3{font-size:1.75rem}
}
.change-vehicleModal .modal-header .change-vehicle-header .close-vehicle-modal{padding:0;color:#fff !important;float:left;margin-top:10px}
@media(mac-width:767px){.change-vehicleModal .modal-header .change-vehicle-header .close-vehicle-modal{margin-left:-15px}
}
.change-vehicleModal .modal-header .change-vehicle-header .close-vehicle-modal span{font-size:33px;font-weight:lighter;color:#fff !important}
.change-vehicleModal .modal-header .change-vehicle-header.platinum-modal{color:#fff;background:linear-gradient(85.8deg,#5c5c5c 3.51%,#181816 15.64%,#413e3c 52.52%,#54514f 84.55%,#24211d 96.69%),#d9d9d9}
.change-vehicleModal .modal-header .change-vehicle-header.gold-modal{color:#303030;background:linear-gradient(85.8deg,#c48423 3.51%,#a97428 15.64%,#d39721 52.52%,#d7b830 84.55%,#bf7c17 96.69%),linear-gradient(85.8deg,#5c5c5c 3.51%,#181816 15.64%,#413e3c 52.52%,#54514f 84.55%,#24211d 96.69%),#d9d9d9}
.change-vehicleModal .modal-header .change-vehicle-header.gold-modal .close-vehicle-modal{color:#303030 !important}
.change-vehicleModal .modal-header .change-vehicle-header.silver-modal{color:#303030;background:linear-gradient(85.8deg,#dadada 3.51%,#969696 15.64%,#d3d3d3 52.52%,#e0e0e0 84.55%,#a6a4a4 96.69%)}
.change-vehicleModal .modal-header .change-vehicle-header.silver-modal .close-vehicle-modal{color:#303030 !important}
.change-vehicleModal .modal-header .change-vehicle-header.pro-modal{color:#303030;background:linear-gradient(85.8deg,#a65c18 3.51%,#ffbb7a 15.64%,#c4803f 52.52%,#fddf9e 84.55%,#8e5013 96.69%)}
.change-vehicleModal .modal-header .change-vehicle-header.pro-modal .close-vehicle-modal{color:#303030 !important}
.change-vehicleModal .change-vehicle-grid-container .vehicle-list{justify-content:center}
@media(max-width:767px){.change-vehicleModal .change-vehicle-grid-container .vehicle-list{margin:0 15px}
}
.change-vehicleModal .change-vehicle-grid-container{padding:16px 16px 5px 16px}
.good-life-plans-wrapper{margin-left:20px;margin-right:20px}
.good-life-plans-wrapper .container{background-color:#fff}
.good-life-plans-wrapper .wrapper{width:100%}
.good-life-plans-wrapper .generic-text .heading2_align{padding:20px 0 20px 20px}
.good-life-plans-wrapper .generic-text .heading1_align{margin-top:50px}
.good-life-plans-wrapper .cmp-container .image .cmp-image{width:50%;height:auto}
.good-life-plans-wrapper .membership-plan{gap:unset;background-repeat:no-repeat;background-size:cover;display:flex;width:100%;min-height:215px;margin:0}
.good-life-plans-wrapper .membership-plan .heading-row{min-height:215px}
.good-life-plans-wrapper .membership-plan .text_black{color:#303030;font-weight:bold}
.good-life-plans-wrapper .membership-plan .black_heading{color:#000}
.good-life-plans-wrapper .membership-plan .black_subheading{color:#000;font-size:32px;font-weight:900}
.good-life-plans-wrapper .membership-plan .white_subheading{font-size:32px;font-weight:900}
.good-life-plans-wrapper .membership-plan .platinum-content p:nth-child(0){color:#fff}
.good-life-plans-wrapper .membership-plan .text_red{color:red;font-weight:bold}
.good-life-plans-wrapper .membership-plan .plan-description-row1 ul li{text-align:center;color:#303030;font-weight:bold;border-bottom:1px solid #ccc;margin:35px 20px;padding-bottom:30px}
.good-life-plans-wrapper .membership-plan .memebershipname{font-size:16px}
.good-life-plans-wrapper .membership-plan .memebershipvalue{font-size:32px}
.good-life-plans-wrapper .membership-plan.platinum-content .plan-description-row4 ul li{color:#1b1a19}
.good-life-plans-wrapper .membership-plan.gold_bg .plan-description-row4 ul li{color:#d49b23}
.good-life-plans-wrapper .membership-plan.silver_bg .plan-description-row4 ul li{color:#9f9f9f}
.good-life-plans-wrapper .membership-plan.pro_bg .plan-description-row4 ul li{color:#a65d19}
.good-life-plans-wrapper .membership-plan .plan-description-row1 ul li:last-child,.good-life-plans-wrapper .membership-plan .plan-description-row2 ul li:last-child,.good-life-plans-wrapper .membership-plan .plan-description-row3 ul li:last-child,.good-life-plans-wrapper .membership-plan .plan-description-row4 ul li:last-child{border-bottom:0}
.good-life-plans-wrapper .membership-plan .plan-description-row4 ul li{text-align:center;font-style:normal;font-weight:700;font-size:28px;line-height:34px;text-transform:capitalize;border-bottom:1px solid #ccc;min-height:95px;padding-top:20px}
.good-life-plans-wrapper .membership-plan .plan-description-row4 ul li:last-child{height:182px}
.good-life-plans-wrapper .membership-plan .membershipbg{height:216px;background-color:#fff;background-repeat-y:no-repeat}
.good-life-plans-wrapper .membership-plan .plan-first-tab{padding:10px 20px}
.good-life-plans-wrapper .membership-plan ul.member-left li{height:96px;border-bottom:1px solid #ccc;margin:0 20px;padding-top:20px;padding-bottom:10px}
.good-life-plans-wrapper .membership-plan ul.member-left li:last-child{height:177px;border-bottom:0}
.good-life-plans-wrapper .membership-plan ul.member-left .col-9{padding-right:8px;text-align:left}
.good-life-plans-wrapper .member-icon{padding-top:20px;padding-left:35px}
.good-life-plans-wrapper .member-icon1{width:80%;height:90px;padding-top:10px}
.good-life-plans-wrapper .text-header{font-size:24px;font-weight:bold;margin:20px}
.good-life-plans-wrapper .platinum-content .card-header{color:#fff}
.good-life-plans-wrapper .plan-description-row4 ul li:before{content:none !important}
.good-life-plans-wrapper .plan-description-row0 ul li{border-bottom:1px solid #8b8787;margin:40px 10px}
.good-life-plans-wrapper .col-xs-15{width:19%;float:left;margin:5px;filter:drop-shadow(2px 2px 2px #808080);border-radius:10px;background:#fff}
.good-life-plans-wrapper .col-xs-15 .btn{padding:5px 30px;font-size:11px}
@media all and (max-width:991px){.good-life-plans-wrapper .col-xs-15{width:100%}
}
.good-life-plans-wrapper .bg-white{background-color:#fff;border-radius:10px}
.good-life-plans-wrapper .member-left p{color:#000}
.good-life-plans-wrapper .heading-goodlifeplans{color:#303030;font-size:3rem;font-style:italic;font-weight:900;letter-spacing:0;text-align:left;font-family:'tstar-bold';line-height:46px;margin-top:20px}
.good-life-plans-wrapper .heading-goodlifeplans .generic-text:last-child{margin-top:0 !important}
.good-life-plans-wrapper .heading-goodlifeplans .generic-text:last-child .plans_head2{font-size:2rem;font-weight:700;line-height:38px}
.good-life-plans-wrapper .heading-goodlifeplans .heading-goodlifeplans-red{font-size:3rem}
.good-life-plans-wrapper .heading-goodlifeplans-red{color:red;font-size:28px;font-style:italic;font-weight:900;letter-spacing:0;text-align:left;padding-left:10px}
.good-life-plans-wrapper .select-plans{position:absolute;bottom:3%}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.good-life-plans-wrapper .select-plans{position:inherit}
}
.good-life-plans-wrapper .select-plans .select-plan-button,.good-life-plans-wrapper .banner-select-plans .select-plan-button{gap:10px;width:150px;height:30px;background:linear-gradient(95.69deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%);border-radius:4px;font-style:normal;font-weight:900;font-size:16px;line-height:24px;color:#f5f5f7;border:0}
@media all and (max-width:991px){.good-life-plans-wrapper .select-plans .select-plan-button,.good-life-plans-wrapper .banner-select-plans .select-plan-button{padding:8px 24px 7px;gap:10px;width:120px;height:32px;background:linear-gradient(95.69deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%);border-radius:4px;font-family:'tstar-bold';font-style:normal;font-weight:900;font-size:14px;line-height:17px;text-transform:uppercase;color:#f5f5f7;border:0}
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.good-life-plans-wrapper .good-life-plan .generic-text h1{font-size:1.5rem}
.good-life-plans-wrapper .good-life-plan .member-include .bootstraplayout .image .cmp-image img{width:auto}
}
.good-life-plans-wrapper .row.plans-card{display:inherit}
.good-life-plans-wrapper .row.plans-card>.col-xs-15{margin-left:15px}
.plan-description .member-left li:before{content:none !important}
.membership-plan .plan-description-row4 ul li{display:flex;justify-content:center;min-width:200px}
.good-life-plan-wrapper{border:1px solid #ededed;margin:20px 0;border-radius:5px;margin-top:32px}
@media(max-width:991px){.good-life-plan-wrapper{padding:0 15px}
}
.good-life-plan-wrapper .generic-text .each-memerber{clear:both;font-size:2rem;font-weight:900;padding:25px 0 0 20px}
.good-life-plan-wrapper .each-member-row .min-heightfix{min-height:50px}
.good-life-plan-wrapper .each-member-row{padding:20px;margin:0 15px}
.goodlife-banner{padding:0;padding-top:40px}
@media(max-width:991px){.goodlife-banner{padding-right:15px;padding-left:15px;padding-top:25px}
}
.good-life-plan-wrapper .goodlife-banner{padding-top:0}
@media(max-width:991px){.good-life-plan-wrapper .goodlife-banner{padding-top:0}
}
.mobile-good-life-plans-wrapper .plans-card .card-header{width:100%;background-repeat:no-repeat;padding:0;background-size:cover;padding:10px}
@media(max-width:991px){.good-life-plans-wrapper .generic-text{max-width:inherit}
.good-life-plans-wrapper .select-plans{position:initial;bottom:3%}
}
@media(max-width:991px){.card-second-row{text-align:center}
}
@media(max-width:991px){.membership-img{padding-top:16px;padding-right:0}
.membership-desc{padding-top:16px;padding-left:0}
.mobile-good-life-plans-wrapper .card-header .img{height:50%;width:80%;margin-right:10px}
}
@media(max-width:991px){.good-life-plans-wrapper .home-main-section{display:none}
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.good-life-plans-wrapper .generic-text .heading2_align{font-size:24px;padding:32px 0 20px 4px !important;font-weight:700}
.mobile-good-life-plans-wrapper{margin:10px 0 !important}
.mobile-good-life-plans-wrapper .plans-card .container{padding:0}
.mobile-good-life-plans-wrapper ul li:before{content:none !important}
.header-txt{font-size:1rem;font-weight:900}
.header-txt1{font-size:1.5rem;font-weight:700}
.card-second-row{margin:20px 0;text-align:center}
.card-second-row .header-card-txt{font-size:1rem}
.card-second-row .header-txt1{font-size:.875rem}
.good-life-plan-wrapper .generic-text .each-memerber{font-size:1.5rem}
.good-life-plans-wrapper .cmp-container .image .cmp-image{width:100%}
.each-member-row{padding:0 !important}
.good-life-plans-wrapper .home-main-section{display:none}
.good-life-plans-wrapper .wrapper{margin-top:30px}
.good-life-plans-wrapper{margin:0 !important}
.show-card-details .col:first-child,.show-card-details .col:nth-child(2),.show-card-details .col:nth-child(3){display:none !important}
.membership-desc{padding:24px 38px 0 0}
.membership-img{padding:10px 0 0 20px}
}
.mobile-good-life-plans-wrapper{margin-top:20px;background-color:#fff}
.mobile-good-life-plans-wrapper ul.term-list li.more{font-family:'tstar-bold';font-size:16px;font-weight:700;text-align:center;color:red;padding-bottom:0}
.mobile-good-life-plans-wrapper ul.term-list li.more::after{content:"\276F";transform:rotate(90deg);font-weight:normal;font-size:1rem;position:absolute;margin-left:8px}
.mobile-good-life-plans-wrapper ul.term-list li:nth-last-child(-n+2){border-bottom:0}
.mobile-good-life-plans-wrapper ul.term-list li.less{font-family:'tstar-bold';font-size:16px;font-weight:700;text-align:center;color:red}
.mobile-good-life-plans-wrapper ul.term-list li:before{border:0 !important}
.mobile-good-life-plans-wrapper ul.term-list li.less::after{transform:rotate(-90deg) translate(0,3px)}
.mobile-good-life-plans-wrapper .shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,0.15) !important;margin-bottom:15px}
.mobile-good-life-plans-wrapper .tick-icon{margin:20px}
.mobile-good-life-plans-wrapper .card-header .img{height:50%;width:80%;margin-right:10px}
.mobile-good-life-plans-wrapper card-header:first-child{border-radius:4px 4px 0 0}
.mobile-good-life-plans-wrapper .card-header .round-bg{background-color:#fff;border-radius:50%;height:50px;width:50px;display:flex;align-items:center;justify-content:center;margin:0 auto}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.mobile-good-life-plans-wrapper .card-header .round-bg{justify-content:center}
}
.mobile-good-life-plans-wrapper .up{transform:rotate(-135deg);-webkit-transform:rotate(-135deg);border:solid red;border-width:0 3px 3px 0;display:inline-block;padding:3px}
.mobile-good-life-plans-wrapper .down{transform:rotate(45deg);-webkit-transform:rotate(45deg);border:solid red;border-width:0 3px 3px 0;display:inline-block;padding:3px}
.mobile-good-life-plans-wrapper .container{background-color:#fff}
.mobile-good-life-plans-wrapper .text_black{color:#303030;font-weight:bold}
.mobile-good-life-plans-wrapper .text_red{color:red;font-weight:bold}
.mobile-good-life-plans-wrapper .plan-amt{color:#303030;font-weight:700;font-size:20px;line-height:250%}
.mobile-good-life-plans-wrapper .platinumbg{background:linear-gradient(85.8deg,#5c5c5c 3.51%,#181816 15.64%,#413e3c 52.52%,#54514f 84.55%,#24211d 96.69%),#d9d9d9;height:156px}
.mobile-good-life-plans-wrapper .platinumbg .header-txt{color:#fff;font-size:15px}
.mobile-good-life-plans-wrapper .platinumbg .header-txt1{color:#fff;font-size:24px;font-weight:bold}
.mobile-good-life-plans-wrapper .goldbg{background:linear-gradient(85.8deg,#c48423 3.51%,#a97428 15.64%,#d39721 52.52%,#d7b830 84.55%,#bf7c17 96.69%),linear-gradient(85.8deg,#5c5c5c 3.51%,#181816 15.64%,#413e3c 52.52%,#54514f 84.55%,#24211d 96.69%),#d9d9d9}
.mobile-good-life-plans-wrapper .goldbg .header-txt{color:#000;font-size:15px;font-weight:700}
.mobile-good-life-plans-wrapper .goldbg .gold-icon{height:70%;width:50%;margin:0 12px;position:relative;padding-top:10px}
.mobile-good-life-plans-wrapper .goldbg .header-txt1{color:#000;font-size:24px;font-weight:bold}
.mobile-good-life-plans-wrapper .goldbg .header-card-txt{color:#000;font-size:10px;font-weight:400}
.mobile-good-life-plans-wrapper .goldbg .card-second-row{margin-top:20px}
.mobile-good-life-plans-wrapper .silverbg{background:linear-gradient(85.8deg,#dadada 3.51%,#969696 15.64%,#d3d3d3 52.52%,#e0e0e0 84.55%,#a6a4a4 96.69%)}
.mobile-good-life-plans-wrapper .silverbg .gold-icon{height:70%;width:50%;margin:0 12px;position:relative;padding-top:10px}
.mobile-good-life-plans-wrapper .silverbg .header-txt{color:#000;font-size:15px;font-weight:700}
.mobile-good-life-plans-wrapper .silverbg .header-txt1{color:#000;font-size:24px;font-weight:bold}
.mobile-good-life-plans-wrapper .silverbg .header-card-txt{color:#000;font-size:10px;font-weight:400}
.mobile-good-life-plans-wrapper .silverbg .card-second-row{margin-top:20px}
.mobile-good-life-plans-wrapper .probg{background:linear-gradient(85.8deg,#a65c18 3.51%,#ffbb7a 15.64%,#c4803f 52.52%,#fddf9e 84.55%,#8e5013 96.69%)}
.mobile-good-life-plans-wrapper .probg .header-txt{color:#000;font-size:15px;font-weight:700}
.mobile-good-life-plans-wrapper .probg .gold-icon{height:70%;width:50%;margin:0 12px;position:relative;padding-top:10px}
.mobile-good-life-plans-wrapper .probg .header-txt1{color:#000;font-size:24px;font-weight:bold}
.mobile-good-life-plans-wrapper .probg .header-card-txt{color:#000;font-size:10px;font-weight:400}
.mobile-good-life-plans-wrapper .probg .card-second-row{margin-top:20px}
.mobile-good-life-plans-wrapper .card-body ul li{margin:24px 0 0 0;border-bottom:1px solid #d2d2d2;padding-bottom:14px}
.mobile-good-life-plans-wrapper .card-body ul li:nth-child(11),.mobile-good-life-plans-wrapper .card-body ul li:nth-child(10){border-bottom:0;margin:0}
.mobile-good-life-plans-wrapper .card-body .img{width:auto;margin-bottom:20px;float:right}
.mobile-good-life-plans-wrapper .heading-goodlifeplans{color:#303030;font-size:24px;font-style:italic;font-weight:900;line-height:58px;letter-spacing:0;text-align:left}
.mobile-good-life-plans-wrapper .select-plans{display:flex;flex-direction:row;justify-content:center;margin:20px 0 20px 0}
.mobile-good-life-plans-wrapper .select-plans .select-plan-button{gap:10px;width:170px;height:30px;background:linear-gradient(95.69deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%);border-radius:4px;font-style:normal;font-weight:900;font-size:12px;line-height:24px;color:#f5f5f7;border:0}
@media all and (max-width:768px){.mobile-good-life-plans-wrapper .select-plans .select-plan-button{padding:9px 23px;gap:10px;min-width:132px;height:38px;background:linear-gradient(95.69deg,#ac0000 0,#f00 26.35%,#ff3b3b 50.83%,#f00 72.71%,#f00 100%);border-radius:4px;font-family:'tstar-bold';font-style:normal;font-weight:900;font-size:14px;line-height:17px;text-transform:uppercase;color:#f5f5f7;border:0}
}
.mobile-good-life-plans-wrapper .member-left li{border-bottom:1px solid #ddd;margin:15px 0;padding-bottom:20px}
.mobile-good-life-plans-wrapper .member-left img{width:49px;height:38px}
.mobile-good-life-plans-wrapper .banner_btn_correct{padding-top:24px;padding-bottom:10px}
.privilege-available{background:#fff;padding:40px 30px 100px}
.privilege-available .prev-header{font-size:2.5rem;font-weight:700;margin-bottom:25px}
.privilege-available .privilege-six-container{display:flex;flex-wrap:wrap}
.privilege-available .privilege-six-container .privilege-container{width:33%;float:left;text-align:center;padding-bottom:40px}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.privilege-available .privilege-six-container .privilege-container{width:50%}
}
.privilege-available .privilege-six-container .privilege-container .privilege-img{display:flex;justify-content:center}
.privilege-available .privilege-six-container .privilege-container .privilege-discount{color:#ff0808;font-family:'tstar-bold';font-size:24px;line-height:32px}
.privilege-available .privilege-six-container .privilege-container .privilege-desc{font-weight:400;font-size:18px;line-height:20px}
.privilege-available .insurance-container{width:346px;border-radius:10px;border:1px solid #ddd;box-shadow:0 7px 11px 1px #ddd}
.privilege-available .insurance-container .insurance-img img{width:100%;border-top-right-radius:10px;border-top-left-radius:10px}
.privilege-available .insurance-container .insurance-content .insurance-container-left{float:left;width:20%;padding:6px}
.privilege-available .insurance-container .insurance-content .insurance-container-right{font-size:1.5rem;font-weight:700}
.privilege-available .prev-header-container{text-align:center}
.winner-banner-container .row .winning-month{color:#fff;width:20%}
.winner-banner-container .row .winning-month h1{font-weight:900;font-size:2.1rem !important}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.winner-banner-container .row .winning-month{width:70%;margin:0;padding:51px 0 0 0}
.winner-banner-container .row .winning-month h1{font-weight:900;color:#fff}
}
.winner-banner-container .row .winner-banner-middle{padding-left:0}
.winner-banner-container .row .winner-banner-middle h1{font-size:28px;font-family:tstar-heavy}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.winner-banner-container .row .winner-banner-middle{width:100% !important;padding-top:0 !important}
.winner-banner-container .row .winner-banner-middle h1{font-size:1.5rem !important}
}
.winner-banner-container .row .winner-banner-right{width:20% !important;margin-top:37px}
.winner-banner-container .row .winner-banner-right button{background:#fff;color:#ee2326;width:178px;height:48px;font-size:1.25rem;font-weight:900;border:0;border-radius:5px}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.winner-banner-container .row .winner-banner-right{width:100% !important;text-align:center !important;margin-bottom:20px}
}
@media(max-width:767px) and (min-width:576px){.good-life-carousel .hero-carousel .carousel-inner .carousel-item .slide-1-content{bottom:24px;left:14px}
}
@media(min-width:768px){.good-life-carousel .hero-carousel .carousel-inner .carousel-item .slider-content{padding-left:65px}
.good-life-carousel .hero-carousel .carousel-inner .carousel-item .slider-content p{color:rgba(48,48,48,0.6);font-size:1.300rem;max-width:495px;margin-top:20px}
.good-life-carousel .hero-carousel .carousel-indicators{width:80%}
}
@media only screen and (min-device-width:320px) and (max-device-width:479px){.good-life-carousel .hero-carousel .carousel-inner .carousel-item .slider-content{bottom:0;padding-left:20px;top:25px}
.good-life-carousel .hero-carousel .carousel-inner .carousel-item .slider-content h2{font-size:.875rem}
.good-life-carousel .hero-carousel .carousel-inner .carousel-item .slider-content p{display:none}
.good-life-carousel .hero-carousel .carousel-inner .carousel-item .text-left h1{font-size:2rem;display:grid}
.good-life-carousel .hero-carousel .carousel-inner .carousel-item .slide-1-content{bottom:20px}
.good-life-carousel .carousel-inner .carousel-item .slide-1-content .btn{margin-right:0;padding:4.5px 14px}
.good-life-carousel .hero-carousel .carousel-indicators{width:50%}
}
@media only screen and (max-width:991px){.hero-carousel .carousel-inner .carousel-item .text-left h1{font-size:5rem;display:grid}
}
@media screen and (min-device-width:1200px) and (max-device-width:1600px) and (-webkit-min-device-pixel-ratio:1){.hero-carousel .carousel-inner .carousel-item .text-left h1{font-size:5rem}
}
@media(min-width:992px){.good-life-carousel .carousel-inner .carousel-item .slide-1-content{bottom:40px}
}
@media(max-width:767px){.good-life-carousel .carousel-inner .carousel-item .slider-content{z-index:0 !important}
}
@media only screen and (min-device-width:480px) and (max-device-width:640px){.good-life-carousel .hero-carousel .carousel-inner .carousel-item .slider-content{bottom:69px;padding-left:20px}
}
.explor-good-life-container .common-tabs-main{margin:0 auto;display:inline}
.explor-good-life-container .common-tabs-main .nav-item{display:inline-flex;gap:25px}
@media(min-width:767px) and (max-width:991px){.explor-good-life-container .common-tabs-main .nav-item{gap:5px}
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.explor-good-life-container .common-tabs-main .nav-item{gap:0}
}
.explor-good-life-container .explor-good-life{padding:0 30px 30px 30px;display:inline-block;background:rgba(48,48,48,0.04);border-radius:8px;margin-top:50px;min-height:350px;height:auto}
@media only screen and (min-width:360px) and (max-width:740px) and (orientation:portrait){.explor-good-life-container .explor-good-life{display:flex;flex-wrap:wrap}
}
.explor-good-life-container .explor-good-life .textwithimage{width:33%;float:left;height:auto}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.explor-good-life-container .explor-good-life .textwithimage{border-radius:8px}
}
.explor-good-life-container .explor-good-life .textwithimage .serv-perk{background:transparent !important}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.explor-good-life-container .explor-good-life .textwithimage{width:50%}
}
.view-plan-container{padding:20px;background:#fff}
.view-plan-container .text{text-align:left;margin-bottom:10px}
.view-plan-container .text .good-life a{display:inline}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.view-plan-container .text h2{font-size:24px !important;font-weight:900}
.view-plan-container .text p{font-size:1rem;margin-top:5px}
}
.view-plan-container .text h2{font-size:40px;font-family:"tstar-heavy"}
.view-plan-container .text:last-child{text-align:center}
.membership-plans-responsive .platinum-content{color:#fff}
.platinum-content .membership-plan .platinum-content{color:#fff;text-align:center}
.membership_bg .platinum-content .pricetag{font-size:32px}
@media(max-width:768px){.membership_bg .platinum-content .pricetag{font-size:24px}
}
.membership_bg .platinum-content span{font-weight:700}
.good-life-plans-wrapper .membership-plan{text-align:center}
.plan-description-row1 .term-list .paln-amt{font-size:1.248rem;font-weight:700}
.points-redemption-wrap .container-first .bg{border-top-left-radius:8px;border-top-right-radius:8px}
.points-redemption-wrap .tier-third{border-bottom-left-radius:8px;border-bottom-right-radius:8px}
.points-redemption-wrap .tier-third .separator hr{margin:0}
.points-redemption-wrap .points-redemption{background:#fff !important;padding:0 0 10px 0;border-top-left-radius:8px;border-top-right-radius:8px}
.points-redemption-wrap .points-redemption .bg{width:100%}
.points-redemption-wrap .points-redemption .points .con-header-left{width:25%;border:0;float:left}
.points-redemption-wrap .points-redemption .points .con-header-right{width:75%;float:left}
.points-redemption-wrap .points-earned .generic-text{padding:0 25px 10px 25px}
.points-redemption-wrap .con-content{border-bottom:1px dotted #ddd;padding-bottom:15px}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.points-redemption-wrap .points-redemption-heading .generic-text h1{font-size:1.5rem}
.points-redemption-wrap .points-redemption .bg{background:#333}
.points-redemption-wrap .bg h1{font-size:1rem;margin-top:0}
.points-redemption-wrap .bg span{font-size:.75rem;padding:28px}
.points-redemption .con-content{margin:10px 0 0 0}
.points-redemption .con-header{width:30%;float:left;height:40px;font-size:.75rem}
.points-redemption .container ul li:before{height:40px;margin-top:41px;margin-left:24px}
}
.refer-friend-banner .hero-exchange .hero-exchange-wrapper .hero-exchange-content .hero-exchange-img{max-width:initial}
.refer-friend-banner .hero-exchange .hero-exchange-wrapper .hero-exchange-content .hero-exchange-img img{max-height:275px;width:auto}
.refer-friend-banner .hero-exchange .hero-exchange-wrapper .hero-exchange-content .hero-exchange-head-content .hero-exchange-btn-main{justify-content:end}
.refer-friend-banner .hero-exchange .hero-exchange-wrapper .hero-exchange-content .hero-exchange-head-content .hero-exchange-btn-main .btn{position:relative;top:-77px}
@media(max-width:820px){.refer-friend-banner .hero-exchange .hero-exchange-wrapper .hero-exchange-content .hero-exchange-head-content .hero-exchange-btn-main .btn{position:inherit;margin:0 auto !important}
}
.plan-renew{padding:30px}
@media(max-width:768px){.plan-renew{padding:15px}
}
.plan-renew .text:last-child{display:flex;justify-content:center;margin-top:15px}
@media(max-width:768px){.plan-renew h2{font-size:24px;font-weight:900;font-family:tstar-heavy}
}
@media(max-width:768px){.plan-renew p{font-size:16px}
}
@media(max-width:768px){.post-loging-header-container .generic-text{margin-top:0 !important;padding:0 15px}
.post-loging-header-container .generic-text h2{font-size:1.5rem}
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.post-loging-header-container .generic-text{margin-top:0 !important;padding:0 15px}
.post-loging-header-container .generic-text h2{font-size:1.5rem}
.post-loging-header-container .my-vehicles .merbership-container{margin:10px}
.post-loging-header-container .my-vehicles .merbership-container .membership-content .btn-earning-history{min-width:295px}
.rewards-container .profile-and-rewards{padding:0}
.rewards-container .profile-and-rewards .complete-profile{display:block;margin:10px 10px;padding-bottom:15px}
.rewards-container .profile-and-rewards .welcome-reward{display:block;margin:10px 10px;padding-bottom:15px}
.view-plan-container .bootstraplayout .generic-text h5 b{font-size:14px}
.view-plan-container .bootstraplayout .generic-text{margin:-8px 0 14px 0}
.available-vouchers{display:flex;justify-content:left}
.available-vouchers .vouchers-available-wrapper{margin:0 25px}
.available-vouchers .vouchers-available-wrapper .voucher-title{margin-bottom:0}
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) and (max-width:768px){.available-vouchers .vouchers-available-wrapper{width:100%}
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) and (max-width:768px){.available-vouchers .vouchers-available-wrapper .voucher-title{margin-bottom:10px}
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) and (max-width:768px){.available-vouchers .vouchers-available-wrapper .voucher-title h2{font-size:24px}
}
#payment-result-page .text p{font-size:20px;line-height:40px;padding:0 15%}
.earning-and-redemption-history{margin:0 5px}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.earning-and-redemption-history{margin:0 10px}
}
@media only screen and (min-width:320px) and (max-width:768px) and (-webkit-min-device-pixel-ratio:2){.hf-main-container{margin-right:-15px;margin-left:-15px}
.hf-main-container .banner-icon .hf-left-container{width:25%;float:left;padding:10px}
.hf-main-container .banner-icon .hf-left-container img{height:100%;width:100%;max-width:67px;float:left;max-height:59px}
.hf-main-container .banner-icon .hf-center-container{float:left;width:45%;padding:0}
.hf-main-container .banner-icon .hf-center-container .hf-num-right{display:none}
.hf-main-container .banner-icon .hf-center-container .hf-num-left{padding-top:10px;width:100%}
.hf-main-container .banner-icon .hf-center-container .hf-num-left h3{font-size:24px;margin-bottom:7px}
.hf-main-container .banner-icon .hf-center-container .hf-num-left .bike-number{font-size:12px;margin-bottom:5px}
.hf-main-container .banner-icon .hf-right-container{width:30%;float:left;min-height:100%;padding:0}
.hf-main-container .banner-icon .hf-right-container img{margin:0 auto;max-width:100%}
}
@media only screen and (max-width:380px){.points-redemption-wrap .bg span{padding:15px}
}
.explore-good-life-tabs-container{padding-bottom:49px}
@media(max-width:768px){.explore-good-life-tabs-container .tab-wrapper{padding-top:5px}
}
.bike-product-wrapper .events-conatiner .events-conatiner-child .tile-teaser{height:347px !important}
@media(max-width:767px){.bike-product-wrapper .events-conatiner .events-conatiner-child .tile-teaser{height:auto !important;overflow:hidden}
}
.bike-product-wrapper .events-conatiner .events-conatiner-child .event-last-image{margin-top:-11px}
.bike-product-wrapper .events-conatiner .events-conatiner-child .event-last-image .tile-teaser{height:172px !important}
@media(max-width:767px){.bike-product-wrapper .events-conatiner .events-conatiner-child .event-last-image .tile-teaser{height:auto !important}
}
@media(max-width:767px){.bike-product-wrapper .events-conatiner .events-conatiner-child .tileteaser2,.bike-product-wrapper .events-conatiner .events-conatiner-child .tileteaser3{margin-bottom:0 !important}
}
@media only screen and (max-width:991px){.good-life-plans-wrapper .select-plans{position:inherit}
.good-life-plans-wrapper .select-plans .container ul li:before{margin-top:0}
.good-life-plans-wrapper .select-plans .container ul li:last-child:before,.good-life-plans-wrapper .select-plans .container ul li:nth-last-child(2):before{border:0}
}
.xclan-unset-img .text-icon{width:unset}
.carousel-inner .carousel-item img{width:100%;height:100%;margin:auto}
.explor-good-life-container .bike-tab-section .common-tabs-main .service-tabs:first-child .explore-text{padding:0 40px 5px 28px}
@media only screen and (min-device-width:768px) and (max-device-width:820px) and (-webkit-min-device-pixel-ratio:1){.tier-sec .tier-top a{position:absolute;top:90% !important;left:38%;margin-bottom:14px}
.earning-and-redemption-banner .tier-sec{position:relative}
}
#xclan-banner-wrapper #scooterBanner{margin-top:0}
@media only screen and (max-width:820px){.good-life-home-page .winner-banner-container .row .winning-month h1{font-size:28px !important;font-weight:900}
.good-life-home-page .winner-banner-container .row .winner-banner .winner-banner-middle{width:100% !important}
.good-life-home-page .winner-banner-container .row .winner-banner .winner-banner-middle h1{padding-top:0}
.good-life-home-page .winner-banner-container .row .winner-banner .winner-banner-middle{padding-top:0 !important}
.good-life-home-page .winner-banner-container .row .winner-banner .winner-banner-middle .winner-area{font-size:20px}
.good-life-home-page .winner-banner-container .row .winner-banner .banner-content-right.banner-single{display:inline-block}
.good-life-home-page .winner-banner-container .row .winner-banner .banner-content-right.banner-single p{font-size:16px !important}
.good-life-home-page .winner-banner-container .row .winner-banner .banner-content-right.banner-single h2{font-size:24px;font-weight:900}
.good-life-home-page .winner-banner-container .row .winning-month{padding-top:0 !important}
.good-life-home-page .winner-banner-container .row .winner-banner .winner-banner-left{padding-top:0}
}
@media(max-width:767px) and (min-width:320px){.good-life-carousel .hero-carousel .carousel-inner .carousel-item .slide-1-content{right:14px !important}
}
@media only screen and (min-device-width:320px) and (max-device-width:479px){#custom-dots .hero-carousel .carousel-indicators{width:100%;margin:auto;justify-content:center !important}
}