@charset "UTF-8";

.main-title {
color: #000;
font-family: "Playfair Display";
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 16px;
}
.main-title .icon {
width: 42px;
height: 42px;
border-radius: 8px;
background: #0180A8;
display: inline-flex;
align-items: center;
justify-content: center;
}
@media (max-width: 991px) {
.main-title .icon {
width: 32px;
height: 32px;
}
.main-title .icon svg {
width: 16px;
}
}
@media (max-width: 991px) {
.main-title {
font-size: 24px;
}
}
.main-desc {
color: #000;
font-family: Mulish;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 24px;
}
@media (max-width: 991px) {
.main-desc {
font-size: 14px;
}
}
.home-club {
background: rgba(255, 186, 61, 0.07);
padding-bottom: 100px;
}
@media (max-width: 991px) {
.home-club {
padding-bottom: 50px;
padding-left: 16px;
padding-right: 16px;
}
}
.home-club .container {
padding: 40px;
border-radius: 16px;
background: #FFF;
}
@media (max-width: 991px) {
.home-club .container {
padding: 24px 16px;
}
}
.home-club .container .features {
margin-bottom: 16px;
display: flex;
align-items: center;
}
.home-club .container .features .single {
display: flex;
padding: 6px 12px 6px 8px;
justify-content: center;
align-items: center;
color: #000;
text-align: center;
font-family: Mulish;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-right: 16px;
background: rgba(255, 186, 61, 0.07);
}
@media (max-width: 991px) {
.home-club .container .features .single {
font-size: 12px;
margin-right: 8px;
}
}
.home-club .container .features .single svg {
margin-right: 6px;
}
.home-club .container .btn {
margin-bottom: 12px;
}
.home-club .container .btn svg {
position: relative;
top: -2px;
margin-left: 6px;
}
.home-club .container .disclaimer {
display: flex;
align-items: center;
color: #000;
font-family: Mulish;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 40px;
}
.home-club .container .disclaimer svg {
margin-right: 6px;
position: relative;
top: -1px;
min-width: 16px;
}
.home-club .container .members-count .count-list {
display: flex;
align-items: center;
margin-bottom: 6px;
}
.home-club .container .members-count .count-title {
color: #000;
font-family: Mulish;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-right: 12px;
}
@media (max-width: 991px) {
.home-club .container .members-count .count-title {
font-size: 14px;
}
}
.home-club .container .members-count .count-single {
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
border-radius: 4px;
border: 1px solid #E9E9E9;
margin-right: 4px;
color: #010528;
text-align: center;
font-family: Mulish;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
@media (max-width: 991px) {
.home-club .container .members-count .count-single {
font-size: 14px;
width: 30px;
height: 30px;
}
}
.home-club .container .members-count .count-single.blue {
background: #0180A8;
border-color: #E9E9E9;
}
@media (max-width: 991px) {
.home-club .container .members-count .count-single.blue svg {
width: 16px;
}
}
.home-prof {
padding: 28px 0 100px;
}
@media (max-width: 991px) {
.home-prof {
padding: 50px 0;
}
}
.home-prof .main-title {
margin-bottom: 12px;
}
.home-prof .main-desc {
margin-bottom: 32px;
}
@media (max-width: 991px) {
.home-prof .main-desc {
font-size: 16px;
margin-bottom: 16px;
}
}
.home-prof .features {
display: flex;
flex-wrap: wrap;
}
@media (max-width: 991px) {
.home-prof .features {
margin-bottom: 16px;
}
}
.home-prof .features .single {
min-width: 50%;
max-width: 50%;
padding: 32px 20px;
display: flex;
align-items: center;
}
@media (max-width: 991px) {
.home-prof .features .single {
min-width: 100%;
max-width: 100%;
padding: 10px 0;
}
}
.home-prof .features .single .icon {
margin-right: 20px;
}
@media (max-width: 991px) {
.home-prof .features .single .icon svg {
width: 46px;
}
}
.home-prof .features .single .title {
color: #000;
font-family: Mulish;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
@media (max-width: 991px) {
.home-prof .features .single .title {
font-size: 16px;
}
}
.home-prof .features .single .title-smaller {
color: #000;
font-family: Mulish;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
@media (max-width: 991px) {
.home-prof .features .single .title-smaller {
font-size: 14px;
}
}
.home-prof .btn.mobile-btn {
min-width: 220px;
margin-left: auto;
margin-right: auto;
display: block;
}
@media (max-width: 991px) {
.faq {
padding-left: 16px;
padding-right: 16px;
}
}
.faq.home {
margin-top: 100px;
}
@media (max-width: 991px) {
.faq.home {
margin-top: 50px;
}
}
.faq .container {
border-radius: 16px;
background: #FFFAF1;
padding: 50px;
}
@media (max-width: 991px) {
.faq .container {
padding: 32px 16px;
}
}
.faq .container .main-subtitle {
color: #1C8EC4;
font-family: "Playfair Display";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.faq .container .main-title {
margin-bottom: 50px;
}
@media (max-width: 991px) {
.faq .container .main-title {
margin-bottom: 32px;
}
}
.faq .questions {
margin-bottom: 16px;
}
@media (max-width: 991px) {
.faq .questions {
margin-bottom: 20px;
}
}
.faq .questions .question {
border-radius: 8px;
border: 1px solid #E9E9E9;
margin-bottom: 16px;
}
@media (max-width: 991px) {
.faq .questions .question {
margin-bottom: 12px;
}
}
.faq .questions .question .top {
padding: 24px;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
@media (max-width: 991px) {
.faq .questions .question .top {
padding: 16px;
}
}
.faq .questions .question .top .title {
text-align: left;
color: #000;
font-family: Mulish;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 27px;
}
@media (max-width: 991px) {
.faq .questions .question .top .title {
font-size: 16px;
}
}
.faq .questions .question .top .opened-icon {
display: none;
}
@media (max-width: 991px) {
.faq .questions .question .top .opened-icon svg,
.faq .questions .question .top .collapsed-icon svg {
width: 24px;
}
}
.faq .questions .question .answer {
color: #000;
font-family: Mulish;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 21px; display: none;
text-align: left;
padding: 0 24px 24px 24px;
}
@media (max-width: 991px) {
.faq .questions .question .answer {
padding: 0 16px 16px 16px;
}
}
.faq .questions .question.opened {
background-color: #fff;
border-color: #1C8EC4;
}
.faq .questions .question.opened .top {
padding-bottom: 12px;
}
.faq .questions .question.opened .top .opened-icon {
display: block;
}
.faq .questions .question.opened .top .collapsed-icon {
display: none;
}
.faq .questions .question.opened .answer {
display: block;
}
.faq .desc {
font-size: 14px;
}
@media (max-width: 991px) {
.faq .desc {
text-align: left;
}
}
.faq .inside-container {
max-width: 700px;
margin: 0 auto;
}
.white-bg {
background-color: #fff;
}
.home-blog {
background-color: #fff;
}
@media (max-width: 991px) {
.home-blog {
padding-bottom: 40px;
}
}
.home-blog .main-title {
text-align: center;
margin-bottom: 45px;
}
@media (max-width: 991px) {
.home-blog .main-title {
margin-bottom: 24px;
}
}
.home-blog .btn-grey {
background: rgba(0, 0, 0, 0.75);
font-size: 16px;
}
.home-blog .btn-grey svg {
position: relative;
top: -1px;
margin-left: 5px;
}
@media (max-width: 991px) {
.home-blog .btn-grey svg {
width: 8px;
}
}
@media (max-width: 991px) {
.home-blog .btn-grey {
font-size: 12px;
}
}
@media (max-width: 991px) {
.home-blog .single-post .text p {
margin-bottom: 0;
}
}
.shsr-myb-menu a svg {
margin-right: 5px;
position: relative;
top: -2px;
}
.side-menu-item-inner6 svg {
margin-right: 5px;
}
.user-credits .row {
margin-left: -6px;
margin-right: -6px;
align-items: end;
}
.user-credits .row > div {
padding-left: 6px;
padding-right: 6px;
}
@media (max-width: 768px) {
.user-credits .row > div:last-child .stats {
margin-bottom: 0;
}
}
.user-credits .balance {
padding: 16px 24px;
border-radius: 16px;
background: rgba(255, 186, 61, 0.1);
}
@media (max-width: 991px) {
.user-credits .balance {
padding: 16px;
margin-bottom: 12px;
}
}
.user-credits .balance .title {
color: #000;
font-family: Mulish;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px;
}
@media (max-width: 991px) {
.user-credits .balance .title {
font-size: 14px;
line-height: normal;
}
}
.user-credits .balance .value {
color: #000;
font-family: Mulish;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 42px; margin-bottom: 24px;
}
@media (max-width: 991px) {
.user-credits .balance .value {
font-size: 26px;
line-height: normal;
margin-bottom: 12px;
}
}
.user-credits .stats {
border-radius: 16px;
border: 1px solid var(--Border-1, #EFF0FF);
padding: 16px 24px;
}
@media (max-width: 991px) {
.user-credits .stats {
padding: 16px;
margin-bottom: 12px;
}
}
.user-credits .stats .title {
display: flex;
justify-content: space-between;
align-items: center;
color: #000;
font-family: Mulish;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px; margin-bottom: 8px;
}
.user-credits .stats .hint {
color: #000;
font-family: Mulish;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 17px; }
.user-transactions .single {
padding: 16px 24px;
border-radius: 8px;
border: 1px solid #D9D9D9;
margin-bottom: 12px;
}
@media (max-width: 991px) {
.user-transactions .single {
padding: 16px;
}
}
.user-transactions .single:last-child {
margin-bottom: 0;
}
.user-transactions .single.grey {
background: #FAFAFA;
}
.user-transactions .single .top {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 18px;
}
@media (max-width: 991px) {
.user-transactions .single .top {
flex-direction: column-reverse;
align-items: flex-start;
margin-bottom: 12px;
}
}
.user-transactions .single .top .title {
color: #000;
font-family: Mulish;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
@media (max-width: 991px) {
.user-transactions .single .top .title {
font-size: 18px;
}
}
.user-transactions .single .top .status {
color: rgba(0, 0, 0, 0.5);
text-align: right;
font-family: Mulish;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}
@media (max-width: 991px) {
.user-transactions .single .top .status {
margin-bottom: 12px;
}
}
.user-transactions .single .top .status .status-bubble {
width: 8px;
height: 8px;
flex-shrink: 0;
background: rgba(0, 0, 0, 0.5);
display: inline-block;
border-radius: 50px;
margin-left: 3px;
}
.user-transactions .single .bottom {
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 991px) {
.user-transactions .single .bottom {
flex-direction: column-reverse;
align-items: flex-start;
}
}
.user-transactions .single .bottom .value {
color: #000;
font-family: Mulish;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
@media (max-width: 991px) {
.user-transactions .single .bottom .value {
font-size: 14px;
}
.user-transactions .single .bottom .value:last-child {
margin-bottom: 12px;
}
}
.shsr-card.new {
padding: 40px 50px;
margin-bottom: 24px;
}
@media (max-width: 1200px) {
.shsr-card.new {
padding: 24px;
}
}
@media (max-width: 991px) {
.shsr-card.new {
padding: 0;
border: 0;
}
}
.shsr-card.new .shsr-myb-formtitle {
color: #000;
font-family: Mulish;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
margin-bottom: 24px;
margin-top: 0;
}
.shsr-card.new .shsr-myb-formtitle.smaller {
font-size: 16px;
}
@media (max-width: 991px) {
.shsr-card.new .shsr-myb-formtitle.smaller {
margin-bottom: 16px;
}
}
.shsr-card.new .shsr-myb-formtitle .description {
font-size: 16px;
font-weight: 400;
margin-top: 8px;
margin-bottom: 24px;
}
@media (max-width: 991px) {
.shsr-card.new .shsr-myb-formtitle .description {
font-size: 14px;
line-height: normal;
margin-bottom: 16px;
}
}
.shsr-card.new .shsr-myb-formtitle .devider {
margin-top: 0;
margin-bottom: 24px;
}
@media (max-width: 991px) {
.shsr-card.new .shsr-myb-formtitle .devider {
margin-bottom: 16px;
}
}
@media (max-width: 991px) {
.shsr-card.new .shsr-myb-formtitle:not(.smaller):not(.no-mobile) {
font-family: "Playfair Display";
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 12px;
text-transform: none;
}
.shsr-card.new .shsr-myb-formtitle .fwn {
font-size: 14px;
font-weight: 400;
}
}
.shsr-card.new .company-details {
color: #000;
font-family: Mulish;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.shsr-card.new .grey-text {
color: rgba(0, 0, 0, 0.5);
}
.shsr-nav {
padding: 15px 24px 15px 24px;
margin-bottom: 24px;
}
.shsr-nav .shsr-myb-menu-divider {
margin: 0;
margin-top: 10px;
}
@media (max-width: 991px) {
.shsr-area {
background: #fff;
}
}
@media (max-width: 991px) {
.header-item-inner2 {
display: none;
}
.header-item-inner3 {
display: none;
}
.header-area-inner {
padding: 15px 0;
background: #fff;
border-bottom: 1px solid #d9d9d9;
}
.header-item-inner {
width: 100%;
}
.header-item-inner img {
max-width: 151px;
top: 0;
}
}
.shsr-form .postcode-item-inner input {
height: 50px;
font-size: 14px;
font-weight: 400;
}
.shsr-form .postcode-item-inner .input-label {
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
@media (max-width: 991px) {
.shsr-form .postcode-item-inner .input-label {
padding-top: 0;
}
}
@media (max-width: 991px) {
.shsr-form .postcode-item-inner div {
padding-top: 0;
}
}
.shsr-form .shsr-button-5 {
height: 50px;
font-size: 14px;
}
@media (max-width: 991px) {
.shsr-form .shsr-button-5 {
width: 180px;
}
}
.mb-24 {
margin-bottom: 24px;
}
@media (max-width: 991px) {
.mb-24 {
margin-bottom: 16px;
}
}
.shining-club .title {
color: #000;
font-family: Mulish;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 30px;
margin-bottom: 12px; }
.shining-club .title .icon {
width: 26px;
height: 26px;
border-radius: 4.952px;
background: #0180A8;
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0 6px;
}
@media (max-width: 991px) {
.shining-club .title .icon {
margin-left: 0;
}
}
.shining-club .title .blue {
color: #0180A8;
}
.shining-club .desc {
color: rgba(0, 0, 0, 0.5);
font-family: Mulish;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 21px; }
.shining-club .desc.withmargin {
margin-bottom: 24px;
}
.shining-club .memb-status {
border-radius: 8px;
border: 1px dashed #D9D9D9;
padding: 24px;
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 991px) {
.shining-club .memb-status {
padding: 16px;
flex-direction: column-reverse;
align-items: flex-start;
}
}
.shining-club .memb-status .status {
color: #000;
font-family: Mulish;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 8px;
}
.shining-club .memb-status .status-badge {
border-radius: 99px;
border: 1px solid #D9D9D9;
padding: 4px 12px;
color: rgba(0, 0, 0, 0.5);
font-family: Mulish;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-align: center;
}
@media (max-width: 991px) {
.shining-club .memb-status .status-badge {
margin-bottom: 16px;
}
}
.shining-club .active-memb {
border-radius: 8px;
border: 1px solid #FFBA3D;
background: var(--White-1, #FFF);
padding: 24px;
}
@media (max-width: 991px) {
.shining-club .active-memb {
padding: 16px;
}
}
.shining-club .active-memb .top {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #D9D9D9;
padding-bottom: 20px;
margin-bottom: 20px;
}
@media (max-width: 991px) {
.shining-club .active-memb .top {
flex-direction: column-reverse;
align-items: flex-start;
}
}
.shining-club .active-memb .top .title {
margin-bottom: 8px;
}
.shining-club .active-memb .top .feature {
border-radius: 99px;
background: rgba(255, 186, 61, 0.07);
padding: 6px 12px;
color: #000;
text-align: center;
font-family: Mulish;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 10px;
}
@media (max-width: 991px) {
.shining-club .active-memb .top .feature {
font-size: 12px;
}
}
.shining-club .active-memb .top .feature svg {
margin-right: 6px;
}
@media (max-width: 991px) {
.shining-club .active-memb .top .desc {
margin-bottom: 18px;
}
}
.shining-club .active-memb .small-label {
color: rgba(0, 0, 0, 0.5);
font-family: Mulish;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
display: flex;
align-items: center;
}
.shining-club .active-memb .small-label svg {
margin-right: 8px;
}
.shining-club .active-memb .bottom .desc {
margin-bottom: 12px;
}
.shining-club .active-memb .bottom .benefits {
margin-bottom: 20px;
}
@media (max-width: 991px) {
.shining-club .active-memb .bottom .benefits {
margin-bottom: 7px;
}
}
.shining-club .active-memb .bottom .benefits .benefit {
color: #000;
font-family: Mulish;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 13px;
display: flex;
align-items: center;
}
.shining-club .active-memb .bottom .benefits .benefit svg {
margin-right: 10px;
}
.shining-club .active-memb .plan-actions {
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 991px) {
.shining-club .active-memb .plan-actions {
flex-direction: column;
justify-content: center;
}
}
@media (max-width: 768px) {
.shining-club .active-memb .plan-actions .buttons {
display: flex;
flex-direction: column-reverse;
width: 100%;
}
}
.shining-club .active-memb .plan-actions .btn {
border-radius: 6px;
padding: 0 24px;
font-family: Mulish;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 50px;
width: auto;
height: 50px;
}
.shining-club .active-memb .plan-actions .btn:first-child {
margin-right: 12px;
}
@media (max-width: 1200px) {
.shining-club .active-memb .plan-actions .btn:first-child {
margin-bottom: 12px;
}
}
@media (max-width: 991px) {
.shining-club .active-memb .plan-actions .btn {
min-width: 100%;
width: 100%;
font-size: 14px;
margin-bottom: 10px;
}
}
.shining-club .active-memb .plan-actions .btn-white {
border: 1px solid rgba(0, 0, 0, 0.25);
color: rgba(0, 0, 0, 0.5);
text-align: center;
background: transparent;
}
.shining-club .active-memb .plan-actions .btn-white:hover, .shining-club .active-memb .plan-actions .btn-white:focus, .shining-club .active-memb .plan-actions .btn-white:active {
background: rgba(0, 0, 0, 0.25);
color: #000;
}
.memb-plans .single-plan {
border-radius: 8px;
border: 1px solid #D9D9D9;
background: var(--White-1, #FFF);
padding: 32px 24px 24px 24px;
}
@media (max-width: 991px) {
.memb-plans .single-plan {
padding: 16px;
margin-bottom: 24px;
}
}
.memb-plans .single-plan .features {
display: flex;
margin-bottom: 16px;
}
.memb-plans .single-plan .features .feature {
border-radius: 99px;
background: rgba(255, 186, 61, 0.07);
padding: 6px 12px;
color: #000;
text-align: center;
font-family: Mulish;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
@media (max-width: 991px) {
.memb-plans .single-plan .features .feature {
font-size: 12px;
}
}
.memb-plans .single-plan .features .feature svg {
margin-right: 6px;
}
.memb-plans .single-plan .price {
color: #000;
font-family: Mulish;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 10px;
display: flex;
align-items: center;
}
@media (max-width: 991px) {
.memb-plans .single-plan .price {
font-size: 24px;
}
}
.memb-plans .single-plan .price .duration {
color: rgba(0, 0, 0, 0.5);
font-family: Mulish;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-left: 6px;
}
.memb-plans .single-plan .desc {
color: #000;
font-family: Mulish;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 24px;
}
.memb-plans .single-plan .title {
color: #000;
font-family: Mulish;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 12px;
}
.memb-plans .single-plan .benefits {
padding-bottom: 11px;
}
.memb-plans .single-plan .benefits .single {
color: #000;
font-family: Mulish;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 13px;
}
.memb-plans .single-plan .benefits .single svg {
margin-right: 10px;
}
.memb-plans .single-plan .btn {
width: 100% !important;
min-width: 100% !important;
height: 60px;
line-height: 60px !important;
font-size: 16px;
}
@media (max-width: 1200px) {
.memb-plans .single-plan .btn {
font-size: 14px;
height: 50px;
line-height: 50px !important;
}
}
.invite-friend .title {
color: #000;
font-family: Mulish;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 22px; margin-bottom: 4px;
}
.invite-friend .input-list {
display: flex;
margin-bottom: 16px;
}
@media (max-width: 768px) {
.invite-friend .input-list {
flex-wrap: wrap;
}
}
.invite-friend .input-list .input-mask {
position: relative;
width: 100%;
}
@media (max-width: 768px) {
.invite-friend .input-list .input-mask {
min-width: 100%;
margin-bottom: 10px;
}
}
.invite-friend .input-list .input-mask .form-control {
border-radius: 6px;
border: 1px solid #D9D9D9;
background: #FAFAFA;
padding: 0 16px;
height: 50px;
color: #000;
font-family: Mulish;
font-size: 14px;
font-style: normal;
font-weight: 400;
outline: none;
box-shadow: none;
padding-right: 110px;
}
.invite-friend .input-list .input-mask .btn {
position: absolute;
top: 0;
bottom: 0;
right: 0px;
color: #1C8EC4;
font-family: Mulish;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 21px;
padding-left: 0;
padding-right: 16px;
}
.invite-friend .input-list .input-mask .btn svg {
margin-right: 2px;
}
.invite-friend .input-list .input-mask .copied-alert {
position: absolute;
top: -15px;
right: -20px;
border-radius: 4px;
background: #1C8EC4;
padding: 4px 8px;
color: #FFF;
font-family: Mulish;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
display: none;
}
@media (max-width: 991px) {
.invite-friend .input-list .input-mask .copied-alert {
right: 0;
}
}
.invite-friend .input-list .input-mask .copied-alert svg {
margin-right: 4px;
position: relative;
top: -1px;
}
.invite-friend .input-list .btn-social {
height: 50px;
padding: 7px 24px;
border-radius: 8px;
border: 1px solid #D9D9D9;
margin-left: 10px;
}
@media (max-width: 768px) {
.invite-friend .input-list .btn-social {
min-width: calc(33% - 10px);
margin-left: 5px;
margin-right: 5px;
}
.invite-friend .input-list .btn-social.btn1 {
margin-left: 0;
min-width: calc(33% - 5px);
}
.invite-friend .input-list .btn-social.btn2 {
margin-right: 0;
min-width: calc(33% - 5px);
}
}
.invite-friend .input-list .btn-social:hover, .invite-friend .input-list .btn-social:focus, .invite-friend .input-list .btn-social:active {
background: rgba(0, 0, 0, 0.25);
}
.invite-friend .desc {
color: rgba(0, 0, 0, 0.5);
font-family: Mulish;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 21px; margin-bottom: 50px;
}
.invite-friend .desc svg {
position: relative;
top: -1px;
}
.invite-friend .how-it-works .icon {
border-radius: 5.106px;
background: rgba(255, 186, 61, 0.1);
margin-bottom: 16px;
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
}
.invite-friend .how-it-works .how-title {
color: #000;
font-family: Mulish;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 8px;
}
.invite-friend .how-it-works .desc {
margin-bottom: 0;
}
.invite-friend .how-it-works .single {
margin-bottom: 30px;
}
.invite-friend .how-it-works .single:last-child {
margin-bottom: 0;
}
.buy-membership {
max-width: 550px;
margin-left: auto;
margin-right: auto;
padding: 32px 24px 24px 24px;
border-radius: 8px;
border: 1px solid var(--Border-1, #EFF0FF);
background: var(--White-1, #FFF);
margin: 50px auto 50px auto;
}
@media (max-width: 576px) {
.buy-membership {
max-width: 100%;
padding: 20px 0;
border: 0;
margin: 0 auto;
}
}
.buy-membership .title {
color: #000;
font-family: Mulish;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 12px;
text-align: center;
}
@media (max-width: 991px) {
.buy-membership .title {
text-align: left;
}
}
.buy-membership .title .icon {
width: 26px;
height: 26px;
border-radius: 4.952px;
background: #0180A8;
display: inline-flex;
align-items: center;
justify-content: center;
}
@media (max-width: 991px) {
.buy-membership .title .icon {
margin-left: 0;
}
}
.buy-membership .title .blue {
color: #0180A8;
}
.buy-membership .desc {
color: rgba(0, 0, 0, 0.5);
text-align: center;
font-family: Mulish;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 32px;
text-align: center;
}
@media (max-width: 991px) {
.buy-membership .desc {
margin-bottom: 24px;
text-align: left;
}
}
.buy-membership .desc.bottom {
text-align: left;
}
.buy-membership .label-name {
color: var(--Dark-1, #010528);
font-family: Mulish;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 16px;
}
@media (max-width: 991px) {
.buy-membership .label-name {
margin-bottom: 12px;
}
}
.buy-membership .options {
margin-bottom: 24px;
display: flex;
margin-left: -8px;
margin-right: -8px;
}
.buy-membership .options.payment .option {
background: rgba(0, 0, 0, 0.02);
height: 50px !important;
width: 100%;
}
@media (max-width: 991px) {
.buy-membership .options {
flex-direction: column;
margin-left: 0;
margin-right: 0;
}
}
.buy-membership .options .option {
border-radius: 6px;
border: 1px solid #D9D9D9;
padding: 0 16px;
height: 55px;
color: #000;
font-family: Mulish;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 8px;
cursor: pointer;
width: 100%;
}
@media (max-width: 991px) {
.buy-membership .options .option {
margin: 0;
}
}
.buy-membership .options .option.month {
max-width: 200px;
}
@media (max-width: 991px) {
.buy-membership .options .option.month {
max-width: 100%;
margin-bottom: 8px;
}
}
.buy-membership .options .option .left {
display: flex;
align-items: center;
}
.buy-membership .options .option svg {
margin-right: 8px;
}
.buy-membership .options .option .active-icon {
display: none;
}
.buy-membership .options .option.active {
border: 2px solid #1C8EC4;
}
.buy-membership .options .option.active .active-icon {
display: block;
}
.buy-membership .options .option.active .inactive-icon {
display: none;
}
.buy-membership .options .option .save-amount {
border-radius: 99px;
background: rgba(255, 186, 61, 0.07);
padding: 6px 12px 6px 8px;
}
.buy-membership .options .option .save-amount svg {
margin-right: 6px;
}
.buy-membership .form-check {
margin-bottom: 24px;
font-family: Mulish;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
@media (max-width: 991px) {
.buy-membership .form-check {
font-size: 14px;
line-height: normal;
}
}
.buy-membership .form-check .form-check-input {
width: 16px;
height: 16px;
margin-top: 4px;
}
.buy-membership .btn {
width: 100%;
min-width: 100%;
max-width: none;
height: 50px;
line-height: 50px !important;
padding-top: 0;
padding-bottom: 0;
text-align: center;
font-family: Mulish;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
border-radius: 6px;
display: block;
outline: none;
box-shadow: none;
}
.buy-membership .btn.btn-yellow {
margin-bottom: 8px;
}
.buy-membership .btn.btn-yellow svg {
position: relative;
top: -2px;
margin-right: 5px;
}
.buy-membership .btn.btn-yellow .fa-spinner {
display: none;
margin-left: 5px;
}
.buy-membership .btn.btn-yellow.loading {
opacity: 0.6;
}
.buy-membership .btn.btn-yellow.loading .fa-spinner {
display: inline-block;
}
.buy-membership .btn.btn-white {
border: 1px solid rgba(0, 0, 0, 0.25);
color: rgba(0, 0, 0, 0.5);
}
.buy-membership .stripe-control {
width: 100%;
border-radius: 6px;
border: 1px solid #D9D9D9;
background: rgba(0, 0, 0, 0.02);
height: 50px;
padding: 0 16px;
display: flex;
align-items: center;
}
.buy-membership .mb-12 {
margin-bottom: 12px;
}
.buy-membership .shsr-form .postcode-item-inner select {
height: 50px;
font-family: Mulish;
font-size: 14px;
font-style: normal;
font-weight: 400;
}
.trust-reviews svg {
position: relative;
top: -1px;
margin-left: 5px;
}
.client-area .client-item {
border-radius: 8px;
border: 1px solid #E9E9E9;
padding: 24px;
margin: 0;
max-width: none;
}
.membership-container .shsr-nav {
display: none;
}
.pricing-table-v2 td:nth-child(2),
.pricing-table-v2 td:nth-child(3) {
font-family: Mulish;
font-size: 16px;
font-weight: 400;
padding: 10px 20px;
}
.pricing-table-v2 td:nth-child(2) .value,
.pricing-table-v2 td:nth-child(3) .value {
font-weight: 700;
}
.pricing-table-v2 td:nth-child(2) .price-label,
.pricing-table-v2 td:nth-child(3) .price-label {
color: #000;
font-family: Mulish;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 5px;
}
.pricing-table-v2 td:nth-child(2) .price-label.blue,
.pricing-table-v2 td:nth-child(3) .price-label.blue {
color: #0180A8;
}
.pricing-table-v2 td:nth-child(2) .price-label svg,
.pricing-table-v2 td:nth-child(3) .price-label svg {
margin-right: 5px;
position: relative;
top: -1px;
}
.services-list-v2 table {
width: 100%;
}
.services-list-v2 table tr.active {
background: #F4F9FC;
}
@media (max-width: 991px) {
.services-list-v2 table td.price {
display: none;
}
}
.services-list-v2 table td {
border: 1px solid #D9D9D9;
}
.services-list-v2 table .name {
color: #000;
font-family: Mulish;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
padding: 18px 24px;
}
@media (max-width: 991px) {
.services-list-v2 table .name {
padding: 10px 16px;
border-right: 0;
}
.services-list-v2 table .name .name-container {
font-size: 12px;
margin-bottom: 12px;
}
}
.services-list-v2 table .name .grey-text {
color: rgba(0, 0, 0, 0.5);
font-weight: 400;
display: block;
}
.services-list-v2 table .name .price-block {
display: none;
}
@media (max-width: 991px) {
.services-list-v2 table .name .price-block {
display: flex;
}
.services-list-v2 table .name .price-block .single {
min-width: auto;
padding: 0;
font-size: 14px;
text-align: left;
}
.services-list-v2 table .name .price-block .single .value {
font-size: 14px;
}
.services-list-v2 table .name .price-block .single .price-label {
font-size: 10px;
margin-bottom: 5px;
height: 16px;
}
.services-list-v2 table .name .price-block .single .price-label img {
top: -2px;
width: 12px;
}
.services-list-v2 table .name .price-block .single .price-label .js-questionmark {
top: -1px;
}
.services-list-v2 table .name .price-block .single:first-child {
margin-right: 32px;
}
}
.services-list-v2 table .price {
font-family: Mulish;
font-size: 16px;
font-weight: 400;
padding: 10px 20px;
text-align: center;
padding: 18px 16px;
min-width: 110px;
}
.services-list-v2 table .price.with-discount {
min-width: 170px;
}
.services-list-v2 table .price .value {
font-weight: 700;
}
.services-list-v2 table .price .price-label {
color: #000;
font-family: Mulish;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.services-list-v2 table .price .price-label.blue {
color: #0180A8;
}
.services-list-v2 table .price .price-label img {
position: relative;
top: -1px;
}
.services-list-v2 table .inc {
padding: 18px 16px;
max-width: 110px;
}
@media (max-width: 991px) {
.services-list-v2 table .inc {
max-width: 70px;
border-left: none;
padding-left: 0;
}
}
.services-list-v2 table .inc .increment-group__field input {
width: 45px;
font-family: Mulish;
font-size: 16px;
font-weight: 700;
color: rgba(0, 0, 0, 0.25);
}
@media (max-width: 991px) {
.services-list-v2 table .inc .increment-group__field input {
font-size: 14px;
width: 30px;
}
}
.services-list-v2 table .inc .increment-group__field input.notempty {
color: #000;
}
.services-list-v2 table .inc .control--button {
font-size: 19px;
position: relative;
top: 2px;
}
@media (max-width: 991px) {
.services-list-v2 table .inc .control--button {
font-size: 15px;
}
}
.services-list-v2 table .inc .js-increment-button.grey-btn {
color: rgba(0, 0, 0, 0.25);
}
.datetime-block {
min-width: 25%;
padding: 0 10px;
}
@media (max-width: 991px) {
.datetime-block {
padding: 0 3px;
}
}
.datetime-block .slots-label {
color: #000;
font-family: Mulish;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 991px) {
.datetime-block .slots-label {
font-size: 12px;
}
}
.datetime-block .slots-label .slot-status {
display: block;
width: 12px;
height: 12px;
border-radius: 50px;
margin-right: 4px;
}
@media (max-width: 991px) {
.datetime-block .slots-label .slot-status {
width: 8px;
height: 8px;
}
}
.datetime-block .slots-label .slot-status.green {
background: #008000;
}
.datetime-block .slots-label .slot-status.yellow {
background: #FFBA3D;
}
.datetime-block .disabled-label {
color: #000;
font-family: Mulish;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: none;
display: none;
text-align: center;
}
@media (max-width: 991px) {
.datetime-block .disabled-label {
font-size: 12px;
}
}
.datetime-block .time {
color: #000;
text-align: center;
font-family: Mulish;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 12px;
}
@media (max-width: 991px) {
.datetime-block .time {
font-size: 12px;
}
}
.datetime-block .time small {
display: block;
}
.datetime-block .inside {
height: 120px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 6px;
border: 1px solid #D9D9D9;
background: rgba(0, 0, 0, 0.02);
cursor: pointer;
}
@media (max-width: 991px) {
.datetime-block .inside {
height: 93px;
}
}
.datetime-block .inside:hover, .datetime-block .inside:focus, .datetime-block .inside:active {
border-color: rgba(0, 0, 0, 0.5);
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5) inset;
}
.datetime-block.active .inside {
border-color: rgba(0, 0, 0, 0.5);
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5) inset;
background: #1C8EC4;
border-color: #1c8ec4;
color: #fff;
}
.datetime-block.active .inside .time,
.datetime-block.active .inside .slots-label {
color: #fff;
}
.datetime-block.disabled .inside {
background: #D9D9D9;
}
.datetime-block.disabled .inside .time {
color: rgba(0, 0, 0, 0.25);
}
.datetime-block.disabled .inside .slots-label {
display: none;
}
.datetime-block.disabled .inside .disabled-label {
display: block;
}
.account-credits {
border-radius: 4px;
border: 1px solid #D9D9D9;
padding: 20px 18px;
margin-bottom: 32px;
}
@media (max-width: 991px) {
.account-credits {
padding: 16px;
margin-bottom: 16px;
}
}
.account-credits .toggle {
cursor: pointer;
}
.account-credits .toggle.active {
display: none;
}
.account-credits .top {
display: flex;
justify-content: space-between;
align-items: center;
}
.account-credits .activated {
padding-top: 16px;
display: none;
}
.account-credits .activated .labels {
display: flex;
justify-content: space-between;
color: #000;
font-family: Mulish;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.account-credits .activated .labels.top {
margin-bottom: 14px;
}
.account-credits .activated .labels.helper {
color: rgba(0, 0, 0, 0.25);
font-size: 14px;
font-weight: 400;
}
.account-credits.active {
border-color: #1C8EC4;
}
.account-credits.active .toggle.inactive {
display: none;
}
.account-credits.active .toggle.active {
display: block;
}
.account-credits.active .activated {
display: block;
}
.account-credits .left .left-flex {
display: flex;
align-items: center;
}
@media (max-width: 991px) {
.account-credits .left svg {
width: 22px;
height: 22px;
}
}
.account-credits .left .name {
color: #000;
font-family: Mulish;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-left: 8px;
}
.account-credits .left .balance {
display: none;
}
@media (max-width: 991px) {
.account-credits .left .balance {
display: block;
padding-top: 8px;
}
}
.account-credits .balance {
color: rgba(0, 0, 0, 0.25);
font-family: Mulish;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-right: 8px;
}
.account-credits .right {
display: flex;
align-items: center;
}
@media (max-width: 991px) {
.account-credits .right .balance {
display: none;
}
}
.account-credits .ui-slider {
background: rgba(0, 0, 0, 0.02);
height: 5px;
border: 0;
margin-bottom: 6px;
}
.account-credits .ui-slider .ui-slider-range {
background: #1C8EC4;
}
.account-credits .ui-slider .ui-slider-handle {
width: 16px;
height: 16px;
background: #1C8EC4;
border: 0;
border-radius: 50px;
outline: none;
box-shadow: none;
}
.auth-modal {
background: rgba(0, 0, 0, 0.85);
display: flex;
align-items: center;
justify-content: center;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 50;
}
.auth-modal .header-auth {
border-radius: 6px;
background: #FFF;
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.25);
padding: 20px 28px 40px 28px;
position: relative;
top: 0;
right: 0;
display: block;
}
.auth-modal .header-auth .close-icon {
position: absolute;
top: -35px;
right: 0;
cursor: pointer;
}
.cp-reviews {
margin-bottom: 32px;
}
.review-arrows {
justify-content: center;
}
.review-arrows .cp-arrow {
padding: 0px 24px;
border-radius: 4px;
border: 1px solid #E9E9E9;
text-align: center;
height: 40px;
cursor: pointer;
display: flex;
align-items: center;
}
.review-arrows .cp-arrow:hover, .review-arrows .cp-arrow:focus, .review-arrows .cp-arrow:active {
background: #3C3E3F;
}
.review-arrows .cp-arrow:hover svg path, .review-arrows .cp-arrow:focus svg path, .review-arrows .cp-arrow:active svg path {
fill: white;
}
.review-arrows .cp-arrow.dark {
margin-left: 8px;
}
.review-arrows .cp-arrow.dark svg {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.before-after {
text-align: center;
padding-bottom: 95px;
}
@media (max-width: 991px) {
.before-after {
padding-bottom: 50px;
}
}
.before-after .main-title {
margin-bottom: 12px;
}
.before-after .desc {
color: #000;
text-align: center;
font-family: Mulish;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
max-width: 585px;
margin: 0 auto;
margin-bottom: 40px;
}
@media (max-width: 991px) {
.before-after .desc {
font-size: 14px;
margin-bottom: 24px;
}
}
.before-after .inside {
padding-left: 10px;
padding-right: 10px;
}
@media (max-width: 991px) {
.before-after .inside {
padding: 0;
}
}
.before-after .single {
border-radius: 16px;
border: 1px solid #D9D9D9;
background: #FFF;
padding: 24px; box-shadow: 0 7px 30px -10px rgba(150, 170, 180, 0.1);
position: relative;
}
@media (max-width: 991px) {
.before-after .single {
padding: 12px;
}
}
.before-after .single .images {
height: 100%;
width: 100%;
display: flex;
overflow: hidden;
position: relative;
}
.before-after .single .images .img-2 {
position: absolute;
height: 100%;
width: 50%;
top: 0;
left: 0;
overflow: hidden;
z-index: 2;
}
.before-after .single .images .img-2 img {
object-fit: cover;
object-position: left;
height: 100%;
}
.before-after .single .images img {
width: 100%;
display: block;
}
.before-after .single .slider {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
z-index: 99;
}
.before-after .single .slider .drag-line {
width: 4px;
position: absolute;
top: 0;
bottom: 0;
left: 49.85%;
pointer-events: none;
}
.before-after .single .slider .drag-line:before, .before-after .single .slider .drag-line:after {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: #fff;
margin-left: -2px;
}
.before-after .single .slider .drag-line:before {
top: 0;
}
.before-after .single .slider .drag-line:after {
bottom: 0;
}
.before-after .single .slider .drag-line span {
height: 42px;
width: 42px;
border: 3px solid #fff;
position: absolute;
top: 50%;
left: 50%;
border-radius: 50%;
transform: translate(-50%, -50%);
}
.before-after .single .slider .drag-line svg {
position: absolute;
top: 50%;
transform: translateY(-50%);
margin-left: -15px;
}
.before-after .single .slider input {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
background: transparent;
outline: none;
-webkit-appearance: none;
appearance: none; touch-action: none; -webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
cursor: col-resize;
}
.before-after .single .slider input::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none; width: 44px;
height: 44px; border: 20px solid transparent; background: transparent;
cursor: col-resize;
}
.before-after .slick-dots li {
width: 12px;
height: 12px;
}
.extend-item2-inner2.no-padding {
padding-top: 0;
}
.total-price-label {
color: #000;
font-family: Mulish;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 5px;
padding-top: 16px;
}
.total-price-label.blue {
color: #0180A8;
}
.total-price-label svg {
margin-right: 5px;
position: relative;
top: -1px;
}
.total-price-label img {
position: relative;
top: -1px;
}
.order-detail-item-inner4 {
display: block;
}
.order-detail-item-inner4 .inside-total,
.order-detail-item-inner4 .single-discount {
display: flex;
align-items: center;
justify-content: space-between;
}
.order-detail-item-inner4 .single-discount {
margin-bottom: 10px;
}
.order-detail-item-inner4 .single-discount p {
font-size: 14px;
font-weight: 400;
}
.footer-v2 {
background: #F2F2F2;
padding: 30px 0;
}
.footer-v2 .top {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 24px;
margin-bottom: 24px;
border-bottom: 1px solid #D9D9D9;
}
@media (max-width: 991px) {
.footer-v2 .top {
flex-direction: column;
}
}
@media (max-width: 991px) {
.footer-v2 .top .left {
margin-bottom: 24px;
}
.footer-v2 .top .left svg {
width: 176px;
height: 32px;
}
}
.footer-v2 .top .right {
display: flex;
align-items: center;
}
@media (max-width: 991px) {
.footer-v2 .top .right {
justify-content: space-between;
}
}
.footer-v2 .top .stats {
margin-left: 50px;
}
@media (max-width: 991px) {
.footer-v2 .top .stats {
margin-left: 0;
padding-left: 15px;
padding-right: 15px;
text-align: center;
}
}
.footer-v2 .top .stats .value {
color: #1C8EC4;
font-family: Mulish;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 4px;
}
@media (max-width: 991px) {
.footer-v2 .top .stats .value {
font-size: 20px;
margin-bottom: 8px;
}
}
.footer-v2 .top .stats .name {
color: #000;
text-align: center;
font-family: Mulish;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
@media (max-width: 991px) {
.footer-v2 .top .stats .name {
font-size: 12px;
}
}
.footer-v2 .middle {
padding-bottom: 32px;
margin-bottom: 24px;
border-bottom: 1px solid #D9D9D9;
}
@media (max-width: 991px) {
.footer-v2 .middle {
padding-bottom: 0px;
margin-bottom: 16px;
}
}
.footer-v2 .middle .cat-title {
color: #000;
font-family: Mulish;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 12px;
}
@media (max-width: 991px) {
.footer-v2 .middle .cat-title {
margin-bottom: 4px;
}
}
.footer-v2 .middle .cat-desc {
color: #000;
font-family: Mulish;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 16px;
}
.footer-v2 .middle a {
color: #000;
font-family: Mulish;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 12px;
}
.footer-v2 .middle a:hover, .footer-v2 .middle a:focus, .footer-v2 .middle a:active {
text-decoration: underline;
}
@media (max-width: 991px) {
.footer-v2 .middle .main-col {
margin-bottom: 20px;
}
}
.footer-v2 .bottom {
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 991px) {
.footer-v2 .bottom {
flex-direction: column;
align-items: flex-start;
}
}
.footer-v2 .bottom .copyright {
color: #000;
font-family: Mulish;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
@media (max-width: 991px) {
.footer-v2 .bottom .copyright {
margin-bottom: 10px;
}
}
@media (max-width: 991px) {
.footer-v2 .bottom .links {
margin-bottom: 16px;
}
}
.footer-v2 .bottom .links a {
color: #000;
font-family: Mulish;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration: underline;
padding: 0 15px;
}
@media (max-width: 991px) {
.footer-v2 .bottom .links a:first-child {
padding-left: 0;
}
}
.footer-v2 .bottom .icons {
display: flex;
}
.footer-v2 .bottom .icons a {
color: rgba(0, 0, 0, 0.5);
border: 1px solid rgba(0, 0, 0, 0.5);
border-radius: 100px;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
margin-left: 15px;
}
@media (max-width: 991px) {
.footer-v2 .bottom .icons a {
margin-left: 0;
margin-right: 15px;
}
}
.footer-v2 form .inside {
width: calc(100% - 50px);
position: relative;
}
@media (max-width: 991px) {
.footer-v2 form .inside {
max-width: 190px;
width: 100%;
}
}
.footer-v2 form .inside img {
max-width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 12px;
}
.footer-v2 form .inside input {
font-weight: 400;
font-size: 12px;
display: flex;
align-items: center;
color: rgba(0, 0, 0, 0.5);
padding-left: 36px;
padding-right: 15px;
width: 100%;
height: 44px;
background: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.25);
border-radius: 4px 0 0 4px;
border-right: none;
}
.footer-v2 form button {
font-size: 18px;
color: #fff;
width: 50px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
border: none;
background: rgba(0, 0, 0, 0.85);
border-radius: 0 4px 4px 0;
}
.footer-v2 form button:hover {
background: #1C8EC4;
}
.extend-item-inner2.closed .services-list-v2 {
display: none;
}
.order-detail-item-inner4 .single-line {
display: flex;
justify-content: space-between;
}
.order-detail-item-inner4 .single-line.smaller p {
font-size: 14px;
font-weight: 400;
}  .auth-modal {
background: rgba(0, 0, 0, 0.85);
display: flex;
align-items: center;
justify-content: center;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 9999;
padding: 20px;
}
.auth-modal .header-auth {
border-radius: 8px;
background: #FFF;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
padding: 48px 40px 36px;
position: relative;
max-width: 440px;
width: 100%;
animation: slideUp 0.3s ease-out;
}
@keyframes slideUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
} .auth-modal .close-icon {
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
background: transparent;
transition: all 0.2s ease;
color: #666;
}
.auth-modal .close-icon:hover {
background: rgba(0, 0, 0, 0.05);
color: #333;
}
.auth-modal .close-icon svg {
width: 24px;
height: 24px;
} .auth-modal .title {
font-size: 28px;
font-weight: 700;
color: #000;
text-align: center;
margin-bottom: 12px;
letter-spacing: -0.5px;
line-height: 1.2;
} .auth-modal .subtitle-text {
font-size: 15px;
color: #666;
text-align: center;
margin-bottom: 32px;
line-height: 1.5;
} .auth-modal .social-login-wrapper {
margin-bottom: 20px;
} .auth-modal .social-login-wrapper .nsl-container {
width: 100%;
margin: 0;
}
.auth-modal .social-login-wrapper .nsl-container-block {
display: block;
}
.auth-modal .social-login-wrapper .nsl-button {
width: 100% !important;
padding: 14px 24px !important;
border-radius: 6px !important;
border: 1px solid #dadce0 !important;
background: white !important;
margin: 0 0 20px 0 !important;
font-size: 15px !important;
font-weight: 600 !important;
transition: all 0.2s ease;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: #000 !important;
text-transform: none !important;
letter-spacing: 0;
box-shadow: none !important;
height: auto !important;
}
.auth-modal .social-login-wrapper .nsl-button:hover {
border-color: #c0c0c0 !important;
background: #f8f9fa !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
transform: translateY(-1px);
}
.auth-modal .social-login-wrapper .nsl-button:active {
transform: translateY(0);
}
.auth-modal .social-login-wrapper .nsl-button-icon {
margin-right: 12px !important;
width: 20px !important;
height: 20px !important;
}
.auth-modal .social-login-wrapper .nsl-button-label {
font-size: 15px !important;
font-weight: 600 !important;
} .auth-modal .divider {
display: flex;
align-items: center;
justify-content: center;
margin: 24px 0;
color: #999;
font-size: 14px;
font-weight: 400;
position: relative;
}
.auth-modal .divider::before,
.auth-modal .divider::after {
content: '';
flex: 1;
height: 1px;
background: #e0e0e0;
}
.auth-modal .divider::before {
margin-right: 16px;
}
.auth-modal .divider::after {
margin-left: 16px;
}
.auth-modal .divider span {
color: #999;
text-transform: lowercase;
} .auth-modal .btn {
width: 100%;
padding: 14px 24px;
border-radius: 6px;
font-size: 15px;
font-weight: 600;
text-align: center;
text-decoration: none;
display: block;
transition: all 0.2s ease;
margin-bottom: 12px;
cursor: pointer;
text-transform: uppercase;
letter-spacing: 0.5px;
border: none;
}
.auth-modal .btn:last-of-type {
margin-bottom: 0;
} .auth-modal .btn.login {
background: #1C8EC4;
color: white !important;
border: none;
box-shadow: 0 2px 8px rgba(28, 142, 196, 0.3);
}
.auth-modal .btn.login:hover {
background: #1880b5;
box-shadow: 0 4px 12px rgba(28, 142, 196, 0.4);
color: white !important;
transform: translateY(-1px);
}
.auth-modal .btn.login:active {
transform: translateY(0);
} .auth-modal .btn.register {
background: white;
color: #000 !important;
border: 2px solid #e0e0e0 !important;
box-shadow: none;
}
.auth-modal .btn.register:hover {
border-color: #1C8EC4 !important;
color: #1C8EC4 !important;
background: #f8f9fa;
transform: translateY(-1px);
}
.auth-modal .btn.register:active {
transform: translateY(0);
} .auth-modal .footer-note {
text-align: center;
font-size: 12px;
color: #999;
margin-top: 28px;
line-height: 1.6;
}
.auth-modal .footer-note a {
color: #1C8EC4;
text-decoration: none;
font-weight: 500;
}
.auth-modal .footer-note a:hover {
text-decoration: underline;
} @media (max-width: 480px) {
.auth-modal {
padding: 16px;
}
.auth-modal .header-auth {
padding: 36px 28px 28px;
max-width: 100%;
border-radius: 8px;
}
.auth-modal .title {
font-size: 24px;
margin-bottom: 10px;
}
.auth-modal .subtitle-text {
font-size: 14px;
margin-bottom: 24px;
}
.auth-modal .btn,
.auth-modal .social-login-wrapper .nsl-button {
padding: 12px 20px !important;
font-size: 14px !important;
}
.auth-modal .close-icon {
width: 28px;
height: 28px;
top: 16px;
right: 16px;
}
.auth-modal .close-icon svg {
width: 20px;
height: 20px;
}
} .auth-modal .subtitle {
display: none !important;
}