.form-control.error { border-color: #ef4444 !important; }
.error-message { color: #ef4444; font-size: 12px; margin-top: 4px; display: block; padding-left: 2%;}
.password-strength { font-size: 12px; margin-top: 4px; display: block; }
/* ======================= Account MModule =========================== */
.woocommerce-account .entry-header { display: none; }
.account-module { border-radius: 0px; padding: 151px 0px 163px; background-image: url('../images/account-bg.webp'); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; }
.account-module::before { position: absolute; top: 0; left: 0; content: ""; background: #1B2C3CBD; width: 100%; height: 100%; }
.account-module-inner { position: relative; z-index: 1; margin: 0px auto; background: var(--whitefa); border-radius: 46px; padding: 59px 51px 112px; box-shadow: 0px 24px 48px 0px #364C5D2B; }
.common-contact-form .account-module-inner.inner-contact-form { max-width: 648px; }
.woocommerce .account-module-inner form.checkout_coupon,
.woocommerce .account-module-inner form.login,
.woocommerce .account-module-inner form.register,
.woocommerce .account-module-inner form.lost_reset_password { margin: 0px; border: none; padding: 0px; border-radius: 0px; }

.woocommerce .account-module-inner .greeting-title { text-align: center; margin-bottom: 72px; color: #2D4E5F; }
.woocommerce .account-module-inner .form-title { margin-bottom: 12px; font-weight: 500; padding-left: 20px; }
.woocommerce .account-module-inner form.login .form-row,
.woocommerce .account-module-inner form.register .form-row, 
.woocommerce .account-module-inner form.lost_reset_password .form-row { margin-bottom: 31px; padding: 0px; }
.woocommerce .account-module-inner form.login .form-row:last-child,
.woocommerce .account-module-inner form.register .form-row:last-child,
.woocommerce .account-module-inner form.lost_reset_password .form-row:last-child { margin-bottom: 0px; }
/* .woocommerce .account-module-inner .form-row .input-text.form-input { font-size: 24px; line-height: 1; padding: 26px 33px; } */
.woocommerce .account-module-inner .form-row .input-icon { width: 22px; height: auto; top: 19px; }
.woocommerce .account-module-inner .form-row.form-group .field-with-icon-bg .password-input .show-password-input  { top: 19px; }
.woocommerce .account-module-inner .form-row .show-password-input::before { background-size: 26px; width: 26px; height: 26px; }
.woocommerce .account-module-inner form.login .auth-link,
.woocommerce .account-module-inner form.register .auth-link ,
.woocommerce .account-module-inner form.lost_reset_password .auth-link { margin-bottom: 20px; letter-spacing: 0px;  }
.woocommerce .account-module-inner form.login .auth-link:last-child,
.woocommerce .account-module-inner form.register .auth-link:last-child,
.woocommerce .account-module-inner form.lost_reset_password .auth-link:last-child { margin-bottom: 0px; } 
.woocommerce .account-module-inner form.login .woocommerce-form-login__submit,
.woocommerce .account-module-inner form.register .woocommerce-form-register__submit,
.woocommerce .account-module-inner form.lost_reset_password .woocommerce-form-reset__submit { font-size: 24px; line-height: 1; cursor: pointer; font-weight: 500; letter-spacing: 2px; float: unset; display: block; margin: 86px auto 0px; width: fit-content; padding: 24px 64px; }

.entry-footer{display: none;}

/* booking module card changes ==== 12 / jan 2026 */
.booking-card-wrapper.booking-listing-card-inner{padding:0;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);border: none;}
.booking-card-wrapper.booking-listing-card-inner>img{margin-bottom: 0;height:220px;}
.booking-card-wrapper .booking-details-content{padding: 24px;}
.booking-card-wrapper .booking-details-content-inner{padding:0;}
.booking-card-wrapper.booking-listing-card-inner .heading-style-12 { margin-bottom: 16px; }
.booking-card-wrapper .booking-details-content-inner .booking-details-wrap li:before{display:none;}
.booking-card-wrapper .booking-details-content-inner .booking-details-wrap li{padding-inline:0px;}
.booking-card-wrapper .booking-details-content-inner:first-child li p:first-child { font-weight: 400; }
.booking-card-wrapper .booking-details-content-inner .heading-style-12{font-weight: 200;}

html[dir="rtl"] .woocommerce .account-module-inner .form-row.form-group .field-with-icon-bg .password-input .show-password-input{left: 30px; right: auto;}

/* =========================== my account ============================================= */
.mobile-block{display:none;}
.my-account-wrapper{padding:96px 0 0px;}
.my-account-wrapper .my-account-inner{display:flex;flex-direction:row-reverse;}
/* navigation */
.my-account-navigation{padding: 40px 65px;max-width: 422px; width: 100%; background-color: #F8F8F8;}
.my-account-navigation .account-menu-button{justify-content: center;margin:0;}

.my-account-navigation .mobile-logo { display: none;}
.account-user-info a,
.account-nav-wrap .account-nav-link{padding:18px 12px;font-size:18px;letter-spacing: 2.4px;text-transform: uppercase;color:var(--primary);text-align:center;width:100%;font-weight: 300;transition:0.3s ease-in-out;}
.account-nav-wrap .account-nav-link{border-bottom:1px solid var(--primary);}
.account-user-info a{text-transform: capitalize;font-weight: 400;}
.account-user-info a:hover,
.account-nav-wrap .account-nav-link:hover{color:var(--secondary);}
.account-nav-wrap .account-nav-item:last-child .account-nav-link{border-bottom:none;}
.account-nav-wrap .account-nav-item.is-active .account-nav-link{font-weight:600;}
.account-nav-wrap .account-nav-link img,
.account-user-info img,
.account-menu-button img{display: none;}
.account-menu-button {text-align:center}
.my-account-wrapper .woocommerce-MyAccount-navigation{width: 100%;float: unset;}

/* ================== booking listing ==================*/
.booking-listing-card-wrap{display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem;}
.booking-listing-card-inner {padding:30px;border:1px solid #05465480;border-radius:24px;}
.booking-listing-card-inner .heading-style-12{margin-bottom:30px;}
.booking-listing-card-inner > img{margin-bottom:30px;border-radius:24px;height:190px;object-fit:cover;width:100%;}
.booking-listing-card-inner .booking-details-content img{width:29px;}
.booking-listing-card-inner .booking-details-content .heading-style-11{font-weight:500;letter-spacing:0;margin-bottom:10px;display:inline-block;}

.booking-details-content-inner{margin-top:30px;}
.booking-details-content-inner:first-child{margin-top:0px !important;}
.booking-details-content-inner{padding-left:20px;}
.booking-details-content-inner li{list-style: disc; line-height: 1; padding-block: 10px;}
.booking-details-content-inner:first-child li{border-bottom: 1px solid rgb(5 70 84 / 30%);}
.booking-details-content-inner li:last-child{border-bottom:0;}
.booking-details-content-inner li div{display: flex; justify-content: space-between;}
.booking-details-content-inner:first-child li p:first-child{font-weight:500;}
.booking-details-content-inner li p{font-weight:400;}
.more-detail-btn{margin-top:20px;}

/* ================== booking detail==================*/
/* content */
.back-arrow-title a{display: inline-flex; align-items: center; gap: 8px;margin-bottom: 20px;text-transform:uppercase;}
.back-arrow-title a img{width:24px;height:auto;transform:rotate(90deg);}
.my-account-wrapper .container{max-width: 858px; padding-inline: 0; margin-left: auto; width: 100%;padding-top:100px; padding-bottom:100px ;}
.my-account-wrapper .woocommerce-MyAccount-content{width: 100%;float: unset;}
.step-container{padding:4px;display: flex;gap: 12px;background-color:#F8F8F8;border-radius:100px;max-width:760px;margin-bottom:40px}
.step-item{padding:14px;border-radius:40px;text-align:center;cursor:pointer;flex:1;line-height:0;}
.step-item span{color:var(--secondary);font-size:20px;line-height:24px;text-transform:uppercase;font-weight:500;letter-spacing:2px;}
.step-item.active{background-color:var(--secondary);}
.step-item.active span{color:var(--white);}
.load-more-btn{text-align:center;margin-top:20px;}

.content-section,.event-section-content { display: none; }
.content-section.active,.event-section-content.active { display: block; }

/* ============ booking details ============ */
.account-booking-title{display: flex;align-items:center;gap: 20px; justify-content: space-between;margin-bottom:100px}
.account-booking-title > div{flex-shrink: 0;}
.booking-time-number-guest{display: flex;gap: 10px;align-items:center;justify-content: space-between;}
.booking-time-number-guest p:first-child{display: flex;gap: 9px;align-items:center;}
.booking-time-number-guest span:has(img){width:22px;height:22px;display:inline-block;}
/* slider */
.my-booking-mobile-slider{display: none;}
.slider-flex-wrap{display: flex;gap: 8px;}
.slider-flex-wrap img{object-fit: cover;max-width: 100%;width: 100%;height: 100% !important;}
.slider-flex-image-left{position:relative;border-radius: 8px;overflow: hidden;width: 40%;}
.slider-flex-image-left img{aspect-ratio: 1 / 0.91;}

.slider-flex-image-right{display: flex;flex-direction: column;gap: 8px;width: 60%;}
.slider-flex-image-right-inner{display: flex; gap: 8px;}

.slider-flex-image-top-left,
.slider-flex-image-top-right{border-radius: 8px;overflow: hidden;width: 50%;}
.slider-flex-image-top-left img,
.slider-flex-image-top-right img{aspect-ratio: 1 / 0.6;}

.slider-flex-image-bottom-left,
.slider-flex-image-bottom-right{border-radius: 8px;overflow: hidden;}
.slider-flex-image-bottom-left{width: 60%;}
.slider-flex-image-bottom-right{width: 40%;}
.slider-flex-image-bottom-left img,
.slider-flex-image-bottom-right img{aspect-ratio: 1 / 0.5;}

.slider-3-images .slider-flex-image-right .slider-flex-image-1st,
.slider-3-images .slider-flex-image-right .slider-flex-image-2nd{border-radius: 8px;overflow: hidden;width: 50%;}
.slider-3-images .slider-flex-image-right .slider-flex-image-1st img,
.slider-3-images .slider-flex-image-right .slider-flex-image-2nd img{aspect-ratio: 1 / 1.23;}

.slider-2-images .slider-flex-image-right{justify-content:center;}
.slider-2-images .slider-flex-image-right .slider-flex-image-1st{border-radius: 8px; overflow: hidden; width: 100%;}
.slider-2-images .slider-flex-image-right .slider-flex-image-1st img{aspect-ratio: 1 / 0.605;}

.slider-1-images .slider-flex-image{border-radius: 8px; overflow: hidden; width: 100%;position:relative;}
.slider-1-images .slider-flex-image img{aspect-ratio:16/5.76;}

/* slick dots */
.my-booking-slider .slick-dots,
.my-booking-mobile-slider .slick-dots{ position: relative; bottom: -16px;}
.my-booking-slider .slick-dots li,
.my-booking-mobile-slider .slick-dots li { width: auto; height: auto; margin: 0 4px; }
.my-booking-slider .slick-dots li.slick-active button,
.my-booking-mobile-slider .slick-dots li.slick-active button { width: 36px; background-color: var(--secondary); }
.my-booking-slider .slick-dots li button,
.my-booking-mobile-slider .slick-dots li button { font-size: 0px; color: #fff; opacity: 1; background-color: rgb(217 217 217 / var(--tw-bg-opacity, 1)); width: 18px; height: 10px; border-radius: 10px; transition: all 0.3s ease-in-out; }
.my-booking-slider .slick-dots li button:before,
.my-booking-mobile-slider .slick-dots li button:before {display:none;}

/* bottom content */
.booking-details-content-inner .heading-style-11{margin-bottom: 26px;display: inline-block;}
.booking-details-content-inner .booking-details-wrap li{position: relative;padding-left:42px;list-style:none;}
.booking-details-content-inner .booking-details-wrap li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);background:url(../images/footer-yachts-icon.svg) no-repeat center center / cover;width:38px;height:8px;}

/* mobile-slider */
.mobile-slider-image-top{position:relative;border-radius: 8px;overflow: hidden;width: 100%;}
.my-booking-mobile-slider img{max-width: 100%;width: 100%;height: 100% !important;}
.mobile-slider-image-top img{aspect-ratio: 1 / 0.5;}
.mobile-slider-image-bottom{display: flex; gap: 8px;margin-top:8px;}
.mobile-slider-image-inner{border-radius: 8px;overflow: hidden;width: 50%;}
.mobile-slider-image-inner img{aspect-ratio: 1 / 0.8;}

/* ======== events ========= */
.our-services-section h6.heading-style-9{margin-bottom:30px;}
.my-account-wrapper .service-image-wrapper{position:relative}
.my-account-wrapper .service-image-slider .slick-slide:after{position: absolute;content:"";height:100%;width:100%;top:0;left:0;background: #00000080;pointer-events:none;}
.my-account-wrapper .our-services-section .slick-slide { margin: 0 15px;}
.my-account-wrapper .service-image-slider{border-radius:10px;overflow: hidden;}
.my-account-wrapper .service-image-slider img{aspect-ratio: 351 / 351;width: 100%;}
.my-account-wrapper .event-slider-content{position: absolute; padding: 20px 12px 54px; bottom: 0; z-index: 1; display: flex; flex-direction: column; justify-content: space-between; height: 100%; width: 100%; }
.my-account-wrapper .event-slider-content .btn{padding: 4px 11px; font-size: 12px; line-height: 18px; width: fit-content; margin-left: auto; letter-spacing: 0; gap: 8px;}
.my-account-wrapper .event-slider-content p{letter-spacing:0;color: var(--white);}
.event-slider-tag-date{padding: 6px 12px; border: 1px solid var(--secondary); border-radius: 40px; width: fit-content; background: rgba(189, 152, 117, 0.38);display:flex;align-items:center;gap:2px;margin-bottom:12px;}
.event-slider-tag-date div{width:5.26px;height:5.26px;border-radius:50%;background-color:var(--white);}

.our-event-slider > .slick-dots{bottom:-40px;}
.our-event-slider > .slick-dots li button { padding: 0px; width: 17px; height: 8px; background: var(--greyd9); border-radius: 50px; }
.our-event-slider > .slick-dots li { width: unset; height: unset; }
.our-event-slider > .slick-dots li.slick-active button { width: 36px; height: 8px; background: var(--secondary); }

/* ======== Payment method ========= */
.payment-methods-wrapper{display:flex;gap:20px;justify-content:space-between;align-items:center;}
/* left side */
.payment-methods-content-titles .account-head{margin-bottom: 56px;}
.payment-methods-content-titles .account-head h2,
.payment-methods-content-titles .mobile-flex .heading-style-9{font-size:24px;line-height:36px;font-weight:600;letter-spacing:0;}
.payment-methods-content-titles .btn-outline{margin-top: 48px;color:var(--secondary);}
.payment-methods-content-titles .btn-outline:hover{color:var(--white);}
.payment-methods-content-titles .btn-outline:hover img{filter:brightness(100);}
/* right side */
.payment-right-card-inner{padding:18px; display: flex;border:1px solid #BD9875;border-radius:40px;gap:18px;}
.payment-right-card-inner{margin-bottom:16px;}
.payment-right-card-inner:last-child{margin-bottom:0;}
.payment-card-image{width: 50px;height:auto;}
.payment-right-card-content{display: flex;gap:40px;align-items:center;}
.payment-expire-des p{letter-spacing:0;font-size:16px;line-height:18px;margin-bottom:4px;font-weight:700;color:#364C5D;}
.payment-expire-des p:last-child{letter-spacing:0;font-size:12px;line-height:16px;margin-bottom:0px;font-weight:400;color:#7287A6;}
.default-delete-wrap{display:flex;gap:22px;align-items:start;}
.default-delete-wrap span{padding:7px 10px;display:inline;background-color:#3A9057;border-radius:40px;text-align:center;color:var(--white);letter-spacing:0;font-size:10px;line-height:10px;}
.payment-right-card-inner a:has(.delete-icon){width:22px;height:22px;flex-shrink:0;}
.payment-right-card-inner a .delete-icon{width:100%;height:100%;}

/* add card */
#payment fieldset{border: none;}
#add_payment_method #payment ul.payment_methods li input, #add_payment_method #payment ul.payment_methods li label,
#add_payment_method #payment div.payment_box::before{display:none;}
.add-payment-method .account-head { margin-bottom: 40px;}
.add-payment-method .btn-primary{cursor:pointer;}
.add-payment-method .btn-primary:hover{color:var(--secondary);}
.add-payment-method .btn-primary img{filter: brightness(100);}
.add-payment-method .btn-primary:hover img{filter: brightness(1);}

/* ======== setting-form-wrapper ========= */
.account-setting .setting-form-wrapper{max-width:453px;}
.account-setting .account-head .text-base h2{text-transform:uppercase;margin-bottom:40px;}
.account-setting .account-head .text-base p{margin-bottom:26px;}
.setting-form-wrapper fieldset{border: none;}
.setting-form-wrapper .woocommerce form .form-row{padding: 0;margin: 0 0 7px;}
.setting-form-wrapper button{cursor:pointer;}
.setting-form-wrapper .btn-outline{color:var(--secondary)}
.setting-form-wrapper .btn-outline:hover{color:var(--white)}
.setting-form-wrapper .settings-btn-group{display: inline-flex;flex-direction:column;gap:40px;}
.setting-form-wrapper .form-group .field-with-icon-bg .input-icon{top: 18px;}

@media(max-width:1399px) {

    .account-module-inner { padding: 50px 51px; }
    /* .woocommerce .account-module-inner .form-row .input-text.form-input { padding-block: 13px; } */
    .woocommerce .account-module-inner form .form-row.form-group .field-with-icon-bg .input-text.form-input { padding-left: 60px; }
    .woocommerce .account-module-inner form .form-row.form-group .field-with-icon-bg .password-input .input-text.form-input { padding-right: 60px; }
    .woocommerce .account-module-inner .form-row .input-icon { top: 20px; width: 19px; }
    /* .woocommerce .account-module-inner .form-row .input-text.form-input { font-size: 16px; } */
    .woocommerce .account-module-inner .form-row.form-group .field-with-icon-bg .password-input .show-password-input  { top: 21px; right: 30px; }
    .woocommerce .account-module-inner .form-row .show-password-input::before { width: 22px; height: 22px; background-size: 22px; }
    .woocommerce .account-module-inner form.login .woocommerce-form-login__submit,
    .woocommerce .account-module-inner form.register .woocommerce-form-register__submit,
    .woocommerce .account-module-inner form.lost_reset_password .woocommerce-form-reset__submit { margin: 56px auto 0px; font-size: 20px; padding: 22px 64px; }
    
    /* =========================== my account ============================================= */
    /* ================== booking ==================*/
    /* navigation */
    .my-account-navigation{padding: 26px 40px;max-width: 342px;}
    .account-user-info a,
    .account-nav-wrap .account-nav-link{padding: 16px; font-size: 20px; letter-spacing: 1.2px;}

    /* content */
    .back-arrow-title a{gap: 6px;margin-bottom: 18px;}
    .back-arrow-title a img{width:24px;}
    .my-account-wrapper .container{max-width: 810px;padding: 70px 0 70px 40px;}
    .step-container{padding:4px;gap: 10px;margin-bottom:30px}
    .step-item{padding:12px;}
    .step-item span{font-size:18px;line-height:22px;letter-spacing:1px;}
    
    /* ======== events ========= */
    .our-services-section h6.heading-style-9{margin-bottom:25px;}
    .my-account-wrapper .our-services-section .slick-slide { margin: 0 10px;}
    .my-account-wrapper .event-slider-content{padding: 16px 10px 45px;}
    .my-account-wrapper .event-slider-content .btn{padding: 4px 9px;}
    .event-slider-tag-date{padding: 4px 10px;margin-bottom:10px;}
}

@media(max-width:1199px) {
    .account-module { padding: 120px 20px 130px; }
    .account-module-inner {  border-radius: 36px; padding: 36px; }
    .woocommerce .account-module-inner form.login .woocommerce-form-login__submit,
    .woocommerce .account-module-inner form.register .woocommerce-form-register__submit,
    .woocommerce .account-module-inner form.lost_reset_password .woocommerce-form-reset__submit { padding: 18px 54px; font-size: 16px; margin: 46px auto 0px; }
    
    /* =========================== my account ============================================= */
    /* navigation */
    .my-account-navigation{padding: 22px 34px;max-width: 322px;}
    .account-user-info a,
    .account-nav-wrap .account-nav-link{padding: 10px; font-size: 17px; letter-spacing: 0px;}
    
    /* ================== booking listing ==================*/
    .booking-listing-card-inner {padding:20px;border-radius:22px;}
    .booking-listing-card-inner .heading-style-12{margin-bottom:20px;}
    .booking-listing-card-inner > img{margin-bottom:20px;border-radius:22px; height: 150px;}
    .booking-listing-card-inner .booking-details-content img{width:24px;}

    .booking-details-content-inner{margin-top:20px;}
    .more-detail-btn{margin-top:16px;}
    
    
    /* ================== booking ==================*/
    /* content */
    .back-arrow-title a{margin-bottom: 14px;}
    .back-arrow-title a img{width:20px;}
    .my-account-wrapper .container{max-width: 730px;padding: 60px 0 60px 40px;}
    .step-container{padding:3px;gap: 8px;margin-bottom:20px}
    .step-item{padding:10px;}
    .step-item span{font-size:16px;line-height:20px;letter-spacing:0px;}
    
    /* ======== events ========= */
    .our-services-section h6.heading-style-9{margin-bottom:22px;}
    .my-account-wrapper .our-services-section .slick-slide { margin: 0 8px;}
    
    /* ======== Payment method ========= */
    /* left side */
    .payment-methods-content-titles .account-head{margin-bottom: 46px;}
    .payment-methods-content-titles .account-head h2,
    .payment-methods-content-titles .mobile-flex .heading-style-9{font-size:22px;line-height:30px;letter-spacing:0;}
    .payment-methods-content-titles .btn-outline{margin-top: 40px;}
    /* right side */
    .payment-right-card-inner{padding:12px; gap:14px;}
    .payment-card-image{width: 46px;}
    .payment-right-card-content{gap:14px;}
    .payment-expire-des p{font-size:15px;line-height:16px;}
    .default-delete-wrap{gap:14px;}
    .default-delete-wrap span{padding:6px 8px;}
    .payment-right-card-inner a:has(.delete-icon){width:20px;height:20px;}
    /* ======== settings ========= */
    .setting-form-wrapper .settings-btn-group{gap:20px;}
    
}

@media(max-width:991px) {
    .common-contact-form .account-module-inner.inner-contact-form  { max-width: 578px; }
    .account-module-inner { padding: 30px; border-radius: 26px; }
    .woocommerce .account-module-inner .greeting-title {  margin-bottom: 48px; }
    .woocommerce .account-module-inner form.login .form-row, 
    .woocommerce .account-module-inner form.register .form-row, 
    .woocommerce .account-module-inner form.lost_reset_password .form-row { margin-bottom: 24px; }
    
    /* =========================== my account ============================================= */
    .my-account-navigation .mobile-logo { display: block;}
    /* ================== booking listing ==================*/
    .mobile-block{display:block;}
    .my-account-wrapper { padding: 70px 0 0px; }
    /* navigation */
    /* .my-account-navigation{display:none;} */
    /* .my-account-navigation{padding: 16px 12px;max-width: 180px;}
    .account-user-info a,
    .account-nav-wrap .account-nav-link{padding: 8px 3px; font-size: 15px;} */    
    
    /* ================== booking detail ==================*/
    /* content */
    .back-arrow-title a{margin-bottom: 12px;}
    .back-arrow-title a img{width:18px;}
    .my-account-wrapper .container{max-width: 740px;padding: 40px 16px 60px 0;}
    .step-container{margin-bottom:20px;background: transparent;}
    .step-item{padding:13px 10px;border: 1px solid var(--primary);}
    .step-item.active{background-color:var(--primary);}
    .step-item span{font-size:16px;line-height:22px;color: var(--primary);}
    
    /* slider */
    .account-booking-title{margin-bottom: 50px;}
    
    /* ======== events ========= */
    .our-services-section h6.heading-style-9,
    .account-setting .account-head .text-base h2.heading-style-9{display:none;}
    .my-account-wrapper .our-services-section .slick-slide { margin: 0 8px;}
    
    /* ======== Payment method ========= */
    .payment-methods-wrapper{flex-direction: column; align-items: start;}
    /* left side */
    .payment-methods-content-titles{width:100%;}
    .payment-methods-content-titles .account-head{margin:0;}
    .payment-methods-content-titles .account-head a{text-transform:uppercase;}
    .payment-methods-content-titles h2,
    .payment-methods-content-titles h2 ~ p{display:none;}
    /* .payment-methods-content-titles .mobile-flex .mobile-title{flex-grow:1;text-align:center;} */
    .payment-methods-content-titles .mobile-flex .heading-style-9{font-size:16px;line-height:20px;letter-spacing:0;}
    .payment-methods-content-titles .mobile-flex .heading-style-9 ~ p{display:none;}
    .payment-methods-content-titles .mobile-flex{display:flex;justify-content:space-between;align-items:center;}
    .payment-methods-content-titles .btn-outline{margin-top: 0;border-color:var(--primary);color:var(--white);background-color:var(--primary);}
    .payment-methods-content-titles .btn-outline:hover{border-color:var(--secondary);color:var(--white);background-color:var(--secondary);}
    .payment-methods-content-titles .btn-outline img{filter:brightness(100);}
    /* right side */
    .payment-methods-content-right{width:100%;}
    .payment-right-card-inner{padding:8px 12px;justify-content:space-between;}
    .payment-card-image{width: 40px;}
    .payment-expire-des p{font-size:14px;font-weight:400;}
    /* add card */
    .add-payment-method .account-head .text-base{display:none;}
    
    /* ======== setting ========= */
    .account-setting .form-group .field-with-icon-bg .form-input,
    .woocommerce .account-setting form .form-row.form-group .field-with-icon-bg .input-text.form-input{border-color: rgba(45, 78, 95, 0.09); padding: 13px 16px; font-size: 14px; line-height: 18px; padding-inline: 43px;}
    .setting-form-wrapper .form-group .field-with-icon-bg .input-icon { top: 15px; left: 17px; width: 20px; }
    .woocommerce .setting-form-wrapper form .form-row.form-group .field-with-icon-bg .password-input .show-password-input { top: 17px;right: 15px;}
    .woocommerce .setting-form-wrapper form .show-password-input::before, .woocommerce-page form .show-password-input::before{background-size: 17px;}
    /* .setting-form-wrapper .settings-btn-group{flex-direction: row;}
    .setting-form-wrapper .settings-btn-group .btn{} */
}

@media(max-width:767px) {

    .account-module { min-height: 100dvh; background-image: url('../images/account-banner-mobile-bg.webp'); display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: center; -webkit-justify-content: center; padding: 100px 20px 180px; margin:0px 0px -80px;  }
    .account-module::before { background: rgba(0, 0, 0, 0.6);}
    .account-module-inner { padding: 36px; border-radius: 16px; }
    .common-contact-form .account-module-inner.inner-contact-form  { max-width: 100%; width: 100%; background-color: var(--whitef8); box-shadow: 0px 0px 10px 3px #406E79;}
    .woocommerce .account-module-inner form.login .form-row, .woocommerce .account-module-inner form.login .auth-link,
    .woocommerce .account-module-inner form.register .form-row, .woocommerce .account-module-inner form.register .auth-link,
    .woocommerce .account-module-inner form.lost_reset_password .form-row, .woocommerce .account-module-inner form.lost_reset_password .auth-link { margin-bottom: 16px; }
    .woocommerce .account-module-inner .greeting-title { font-size: 20px; margin-bottom: 30px; }
    .woocommerce .account-module-inner .form-title { font-size: 14px; line-height: 19px; color: var(--black2c); letter-spacing: 0px; font-weight: 700; padding-left: 0px; }
    /* .woocommerce .account-module-inner .form-row .input-text.form-input { font-size: 15px; padding-block: 12px; } */
    .woocommerce .account-module-inner .form-row .input-icon { top: 16px; width: 18px; left: 20px; }
    .woocommerce .account-module-inner .form-row.form-group .field-with-icon-bg .password-input .show-password-input { top: 15px; right: 20px; }
    .woocommerce .account-module-inner form .form-row.form-group .field-with-icon-bg .input-text.form-input { padding-left: 50px; }
    .woocommerce .account-module-inner form .form-row.form-group .field-with-icon-bg .password-input .input-text.form-input { padding-right: 50px; }
    .woocommerce .account-module-inner form.login .woocommerce-form-login__submit,
    .woocommerce .account-module-inner form.register .woocommerce-form-register__submit,
    .woocommerce .account-module-inner form.lost_reset_password .woocommerce-form-reset__submit { padding: 14px 44px; font-size: 14px; margin: 36px auto 0px; }
    
    html[dir="rtl"] .woocommerce .account-module-inner .form-row.form-group .field-with-icon-bg .password-input .show-password-input{left: 20px;}
    
    
    /* =========================== my account ============================================= */
    /* ================== booking listing ==================*/
    .booking-listing-card-wrap{grid-template-columns:1fr;}
    .booking-listing-card-inner > img{height: 230px;}
    
    /* ================== booking ==================*/
    .my-account-wrapper { padding: 70px 0 100px;}

    /* content */
    .back-arrow-title a{margin-bottom: 11px;font-size: 20px;}
    .back-arrow-title a img{width:16px;}
    .my-account-wrapper .container{max-width: 100%;padding: 0px 16px 0 ;}
    .step-container{margin-bottom:16px;}
    .step-item{padding:8px 6px;}
    .step-item span{font-size:14px;line-height:20px;}
    
    /* slider */
    .my-booking-slider{display: none;}
    .my-booking-mobile-slider{display:block;}
    
    .account-booking-title{flex-direction: column; align-items: start;}
    
    /* ======== events ========= */
    .my-account-wrapper .our-services-section .slick-slide {margin: 0 5px;}
    .my-account-wrapper .our-services-section .slick-dots{bottom: 13px; left: 0;}
    .my-account-wrapper .our-event-slider > .slick-dots{left:0;bottom:-40px;}
    .my-account-wrapper .our-services-section .slick-list{overflow: visible;}
    
}
@media(max-width:575px) {
    /* ================== booking listing ==================*/
    .booking-listing-card-inner {padding:16px;}
    .booking-listing-card-inner > img{height: 160px;}
    .step-container{gap:2px;}
    .step-item span{text-transform:capitalize; font-size: 12px;}
}