@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

@font-face {
    font-family: 'Nicholas Demo';
    src: url('../fonts/Nicholas.eot');
    src: url('../fonts/Nicholas.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Nicholas.woff2') format('woff2'),
         url('../fonts/Nicholas.woff') format('woff'),
         url('../fonts/Nicholas.ttf')  format('truetype'),
         url('../fonts/Nicholas.svg#Nicholas Demo') format('svg');
}
.Nicholas{font-family: 'Nicholas Demo';}

html,body { width: 100%; height: 100%; margin: 0;  padding: 0;}
body {line-height: 1.7; font-size: 15px; color:#2F272B; font-family: "Inter", sans-serif; font-weight:500;-webkit-text-size-adjust: 100%;overflow-x: hidden;}
.btn, a, button, .transition { webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}
a { text-decoration: none;color: #4A5282;}
a:hover, a:focus, a:active {color:#50575a; text-decoration: none; outline: 0;border-color:#FFD900}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline:none !important; color:#000; border-color: #000;}
a:focus, :focus {outline: 0  !important; box-shadow:none !important}
ul{ list-style:none; padding:0}
button:focus{ outline:none}

 

a:focus-visible, .btn:focus-visible{outline: 2px solid #0056b3 !important; outline-offset: 3px !important;}

/*FONT WEIGHTS*/
.fw100{font-weight: 100;} .fw200{font-weight: 200;} .fw300{font-weight: 300;} .fw400{font-weight: 400;} .fw500{font-weight: 500;} .fw600{font-weight: 600;} .fw700{font-weight: 700;} .fw800{font-weight: 800;} .fw900{font-weight: 900;}

/*HEADINGS*/
.all_heading{font-size:38px;color:#2F272B; line-height:125%; font-weight:600; letter-spacing:1%}
.sub-heading{font-weight:700;font-size: 12px;line-height: 180%;letter-spacing:12%;text-transform:uppercase}

/*BUTTONS*/
.btn {font-size:13px;padding-top: 12px;padding-bottom: 12px;padding-left: 25px; padding-right:25px;font-weight:600;border-radius:50px;line-height:160%; color:#3A3B42; text-transform:uppercase}
.btn-primary{ border-color:#B33D5F;color:#fff; background:#B33D5F}
.btn-primary:hover{ background-color:#863B64; border-color:#863B64; color:#fff}

.btn-outline{ background-color:transparent; border:2px solid #4A2036; color:#4A2036}
.btn-outline:hover{border-color:#863B64;color:#fff; background:#863B64}
 
.btn-main{ border-color:#863B64;color:#fff; background:#863B64; min-width:260px}
.btn-main:hover, .why-button:hover{ background-color:#B33D5F; border-color:#B33D5F; color:#fff}

.why-button{border-color:#F0BA72;color:#2F272B; background:#F0BA72; min-width:260px}
 
/*FORM CONTROL*/
.form-control{border: 1px solid #cfcfcf; height: 45px; font-weight: 300; font-size: 14px;border-radius:8px}
.form-control:focus {color: #000;background-color: #fff; outline: 0; border-color:#863B64}
textarea{resize: none;}
textarea.form-control { height: auto !important;}

/*FONT SIZE 8 to 72px */
.fs8{font-size: 8px;} .fs9{font-size: 9px;} .fs10{font-size: 10px;} .fs11{font-size: 11px;} .fs12{font-size: 12px;} .fs13{font-size: 13px;} .fs14{font-size: 14px;} .fs15{font-size: 15px;} .fs16{font-size: 16px;} .fs17{font-size: 17px;} .fs18{font-size: 18px;} .fs19{font-size: 19px;} .fs20{font-size: 20px;} .fs21{font-size: 21px;} .fs22{font-size: 22px;} .fs23{font-size: 23px;} .fs24{font-size: 24px;} .fs25{font-size: 25px;} .fs26{font-size: 26px;} .fs27{font-size: 27px;} .fs28{font-size: 28px;} .fs29{font-size: 29px;} .fs30{font-size: 30px;} .fs31{font-size: 31px;} .fs32{font-size: 32px;} .fs33{font-size: 33px;} .fs34{font-size: 34px;} .fs35{font-size: 35px;} .fs36{font-size: 36px;} .fs37{font-size: 37px;} .fs38{font-size: 38px;} .fs39{font-size: 39px;} .fs40{font-size: 40px;} .fs41{font-size: 41px;} .fs42{font-size: 42px;} .fs43{font-size: 43px;} .fs44{font-size: 44px;} .fs45{font-size: 45px;} .fs46{font-size: 46px;} .fs47{font-size: 47px;} .fs48{font-size: 48px;} .fs49{font-size: 49px;} .fs50{font-size: 50px;} .fs51{font-size: 51px;} .fs52{font-size: 52px;} .fs53{font-size: 53px;} .fs54{font-size: 54px;} .fs55{font-size: 55px;} .fs56{font-size: 56px;} .fs57{font-size: 57px;} .fs58{font-size: 58px;} .fs59{font-size: 59px;} .fs60{font-size: 60px;} .fs61{font-size: 61px;} .fs62{font-size: 62px;} .fs63{font-size: 63px;} .fs64{font-size: 64px;} .fs65{font-size: 65px;} .fs66{font-size: 66px;} .fs67{font-size: 67px;} .fs68{font-size: 68px;} .fs69{font-size: 69px;} .fs70{font-size: 70px;} .fs71{font-size: 71px;} .fs72{font-size: 72px;}

/*CONTAINER*/
.custom-width{max-width: 1280px} 

/*TEXT COLORS*/
.text-prime{ color:#863B64}
.color-pink{ color:#A34077}
.pink-light{ color:#B33D5F}
.color-Yellow{color:#F0BA72}
.white-text{color:#FFF}

/*BACKGROUNDS COLORS*/
.bg-prime{background:#632A4A;}
.bg-pink{background:#A34077;}
.bg-pink-light{background:#B33D5F;}
.bg-Yellow{ background:#F0BA72}
.bg-lights{background:#F5F0F3}
.dark-bg{background:#4A2036}

/*BORDER COLORS*/
.border-drak-pink{ border-color:#4A2036 !important}

/*SWIPER PAGINATION*/
.swiper-pagination{margin-top: 10px;}
.swiper-pagination-bullet-active{background-color: #863B64;}

/*SWIPER NAV BUTTONS*/
.swiper-button-next, .swiper-button-prev,
.swiper-button-prev:after, .swiper-button-next:after{height: 30px; width:30px;}

.swiper-button-next, .swiper-button-prev{z-index: 1;}
.swiper-button-prev:after, .swiper-button-next:after{font-size: 25px; color: #000;  display: flex; border-radius: 20px; justify-content: center; align-items: center;  }


/*EFFECTS*/
.zoom-hover img {-webkit-transform: scale(1); transform: scale(1);transition: all .4s ease-in-out;}
.zoom-hover:hover img{transform: scale(1.02);}


/*#################################################################*/
/*##################_________MAIN STYLES_________##################*/
/*#################################################################*/
.header-top {font-size: 13px;color:#fff; letter-spacing:1.3%}
.header-top-link a{ color:#fff; padding-left:15px}
.header-top-link a:hover{ color:#f8b2c6} 

.logo-text{ font-size:43px;letter-spacing:1%;color:#863B64; line-height:1.2}
.logo-text span{color:#DA7D00}

 
  
.btn-icon-square {color:#B33D5F;border:2px solid #4A2036; border-radius: 6px;width: 45px;height: 40px;
display: inline-flex; align-items: center;justify-content: center;padding: 0;font-weight: 600;font-size:16px;text-decoration: none;}
.btn-icon-square:hover {background-color: #f8f9fa;color: #6c234b;border:2px solid #4A2036;} 

  
/*#####################__________HERO BANNER SECTION __________########################*/
.hero-section { background: linear-gradient(to right, rgba(74, 25, 44, 0.92) 0%, rgba(74, 25, 44, 0.75) 45%, rgba(0, 0, 0, 0) 100%), url('../images/banner1.jpg') center center / cover no-repeat}

.hero-section { min-height:620px;color: #ffffff;display: flex;align-items: center;position: relative;background-size:cover; background-position:center top}
.hero-section .hero-block__heading{font-size:40px; line-height:100%; color: #fff; margin-bottom:10px; letter-spacing:1%; font-weight:700}

.search-banner{background-color: #ffffff;color: #333333;border-radius: 12px; padding: 24px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25)}
.search-banner .sub-title {font-size: 12px;font-weight: 700;letter-spacing: 4%;text-transform: uppercase;}
.search-banner .form-label-sm{font-size: 13px; color: #333;margin-bottom: 4px; font-weight:600; letter-spacing:-2%}
       
.search-banner .btn-toggle-group .btn-check + .btn {border-color: #cfcfcf;color: #505050;background-color: #fff;padding:12px 16px;height: 45px; border-radius: 10px; cursor:pointer}
.search-banner .btn-toggle-group .btn-check:checked + .btn { background-color: #fff;border-color: #863B64;color: #b03a64;font-weight: 600}

/*#####################__________VOICE KEYBOARD CSS __________########################*/
.voicekeyboard{ padding:20px 0} 
.voicekeyboard .icon-circle {width: 40px;height: 40px;background-color: rgba(255, 255, 255, 0.15);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.3rem;flex-shrink: 0; color:#fff}
.voicekeyboard .accessibility-title {font-weight: 600;font-size:15px;margin-bottom: 2px;line-height: 1.2; letter-spacing:-2%;color:#fff}
.voicekeyboard .accessibility-subtitle {font-size: 12px;color: rgba(255, 255, 255, 0.55); margin-bottom: 0;letter-spacing:-2%}

/*#####################__________SEMPLE PROFILES CSS __________########################*/ 
.profile_list .profile-card {border: 1px solid #e0e0e0;border-radius: 16px; overflow: hidden; background-color: #ffffff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);transition: transform 0.3s ease, box-shadow 0.3s ease;}
.profile_list .profile-card:hover { transform: translateY(-5px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);} 
.profile_list .card-img-wrapper {position: relative;height: 260px;overflow: hidden;}
.profile_list .tag-premium {position: absolute;top: 12px;right: 12px;color: #ffffff;font-size: 10px;font-weight: 700;padding: 4px 10px;border-radius: 12px;text-transform: uppercase;}
.profile_list .profile-id-bar {color: #222;font-size: 16px;padding: 8px 16px; letter-spacing:-2%}
.profile_list .detail-row {display: flex;justify-content: space-between;margin-bottom: 6px;font-size: 14px;}
.profile_list .detail-value {color: #4A4246; text-align: right;font-weight: 500}

/*#####################__________THREE STEPS SEC. CSS __________########################*/ 
.Steps_block .custom-card {border: 1px solid #6B5E65;border-radius: 16px; background-color: #FEFCF9;overflow: hidden;position: relative;}
.Steps_block .card-step-header {padding: 1.2rem; border-bottom: 1px solid #6B5E65;position: relative;}
.Steps_block .icon-circle {width: 56px;height: 56px; border-radius: 50%;background-color: #fbecd8;display: flex;align-items: center; justify-content: center;font-size: 1.4rem; }
.Steps_block .card-title-main {font-weight: 700;font-size: 20px;line-height: 1.2;}
.Steps_block .card-title-sub {font-size:20px; letter-spacing:-4%}
.Steps_block .step-number {font-size: 40px;font-weight: 800;color: #f0e5e7;line-height: 1;letter-spacing: 1%;}
.Steps_block .card-body-content{padding: 16px;font-size: 16px;color: #6B5E65;letter-spacing: 1%;line-height: 160%;}
.Steps_block .card-footer-tag {padding: 1.5rem 1.5rem 2rem 1.5rem;font-size: 11px;font-weight: 700;letter-spacing: 4%;text-transform: uppercase;display: flex; align-items: center;gap: 0.5rem;position: relative;ap: 0.5rem; position: relative;}
.Steps_block .watermark-icon {position: absolute;right: -20px;bottom: -15px;font-size: 4rem;color: #faede6;opacity: 0.9;transform: rotate(340deg)}
 

/*#####################__________ WHY DRISHTI CSS __________########################*/ 
.WhyDrishti_sec{background: linear-gradient(rgba(58, 14, 28, 0.88), rgba(58, 14, 28, 0.88)), url('../images/why-us-bg.jpg') center/cover no-repeat;background-attachment: fixed;}
.why-us-card {background: rgba(159, 54, 84, 0.4);border-radius: 20px; padding: 35px 20px;text-align: center;
transition: transform 0.3s ease;-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);}
.why-us-card:hover {transform: translateY(-5px);background: rgba(255, 255, 255, 0.12);}
.why-heading{ font-size:19px; font-weight:600; letter-spacing:-3%}

.stat-number {font-size: 38px;font-weight: 600;color: #ffffff;letter-spacing: -4%;}
.stat-number .star-icon {font-size: 20px;vertical-align: middle; margin-left: 2px;letter-spacing: -4%; }
 

/*#####################__________ Membership Plans CSS __________########################*/
.pricing-block {background-color: #fefcf9;border: 1px solid #e8d7c1;border-radius: 20px;padding: 2.5rem 2rem;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);transition: transform 0.2s ease;}
.pricing-block:hover {transform: translateY(-4px);}
.pricing-block .feature-list {list-style: none;padding: 0; margin-bottom: 15px;}
.pricing-block .feature-list li {display: flex;align-items: flex-start;margin-bottom:15px;color:#6B5E65; font-size: 14px; line-height:140%; letter-spacing:1%}
.pricing-block .arrow-ic { margin-right: 0.75rem;flex-shrink: 0;}
 

/*#####################__________ TESTIMONIALS CSS __________########################*/
.testimonial-block {background-color: #FEFCF9; border-radius: 20px;padding:50px;position: relative;margin-top: 20px;height: 100%; min-height:305px}
.testimonial-block .quote-badge {position: absolute;top: -18px;left: 35px;}
.testimonial-block .testi-text{ color:#686868; font-size:17px; line-height:170%;letter-spacing:2%; font-weight:500; font-style:italic}
.testimonial-block .author-avatar {width:58px;height:58px;border-radius: 50%; background-color: #FBECD8;color: #863B64;display: flex;align-items: center; justify-content: center;font-size: 1.2rem;flex-shrink: 0}
.testimonial-block .author-name {font-weight: 700;font-size: 14px; line-height: 115%; letter-spacing:2%} 
.testimonial-block .author-meta {font-size: 13px;color: #888888;margin-top: 2px;line-height: 170%; letter-spacing:2% }
.testimonial-block .rating-stars {color: #E99A33;font-size: 0.75rem;margin-top: 4px;}

.arrows-btn {width: 40px;height: 40px;border-radius: 50%;border: 1px solid rgba(255, 255, 255, 0.4);background: transparent;color: #ffffff;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.2s ease}
.arrows-btn:hover {background-color: #ffffff;color:#4A2036;border-color: #ffffff}

  
.Voices_sec .swiper-pagination-bullets {position: static !important;width: auto !important; }
.Voices_sec .swiper-pagination-bullet {width:30px !important;height: 3px !important;border-radius: 2px !important;background: rgba(255, 255, 255, 0.3) !important;opacity: 1 !important;margin: 0 4px !important;transition: background-color 0.3s ease}
.Voices_sec .swiper-pagination-bullet-active { background: #F0BA72 !important;width:50px !important;}

.see-all-link {color:#F0BA72;text-decoration: none;font-size: 0.85rem;font-weight: 600; text-decoration:underline}
.see-all-link:hover {color: #f0c384}

/*#####################__________ FAQs CSS __________########################*/
.faq-container .faq-block{border: 1px solid #e8d7c1; background:#fefcf9; margin-bottom: 10px;border-radius:10px;}
.faq-container .faq-block .faq-header{padding: 16px 50px 16px 20px; font-size: 17px;  line-height: 100%; position: relative; cursor: pointer; letter-spacing:-2% }
.faq-container .faq-block .faq-header:before, 
.faq-container .faq-block .faq-header:after{content: '';background-color:#311524;width: 12px;height: 2px;position: absolute;top:25px;transition: all .4s ease-in-out;} 
.faq-container .faq-block .faq-header:before {right: 21px; transform: rotate(-40deg);} 
.faq-container .faq-block .faq-header:after {right: 30px; transform: rotate(40deg);} 
.faq-container .faq-block .faq-answer{padding-left: 20px; padding-right: 20px; padding-bottom: 20px;display: none;}
.faq-container .faq-block .faq-answer,
.faq-container .faq-block .faq-answer p{color:#6B5E65; font-size: 15px; font-weight: 400; line-height: 160%; }
.faq-container .faq-block .faq-answer p{margin-bottom: 20px;}
/*OPENED*/
.faq-container .faq-block.isOpen{border: 1px solid #e8d7c1; background: #fefcf9;font-weight:700;}
.faq-container .faq-block.isOpen .faq-header:before, 
.faq-container .faq-block.isOpen .faq-header:after{background-color:#A34077;} 
.faq-container .faq-block.isOpen .faq-header:before {transform: rotate(40deg);} 
.faq-container .faq-block.isOpen .faq-header:after {transform: rotate(-40deg);}

/*###################__________FOOTER SECTION___________######################*/ 
.site-footer{background-color:#311524;}
.footerlogo{ color:#fff; font-size:38px; letter-spacing:-4%;line-height:1}
.footer-main{ font-size: 14px;padding-top:20px}
.footer-main .headings{color:#fff; margin-bottom: 20px; font-weight:600;font-size:20px;letter-spacing:-2%;}
.contact-info .headings{ text-transform:uppercase; font-size:13px; letter-spacing:5%}

.footer-main .social-handles a{color: #fff; font-size: 20px;margin-right:10px;}
.footer-main .social-handles a:hover {color: #863B64;}

.footer-main .footer-links ul li{margin-bottom:10px;}
.footer-main .footer-links ul li a{display: block;}
.footer-main .footer-links ul li a,
.footer-main p,
.footer-main address,
.footer-main p a, .footer-btm .lst-links a, .newsletter-form small{color:#ada1a7; font-size:17px}

.footer-main .footer-links ul li a:hover,
.footer-main p a:hover, .footer-btm .lst-links a:hover{color:#863B64;}

.footer-btm{padding-top:10px;padding-bottom:10px; border-top:1px solid #51353e}
.footer-btm .lst-links a{ font-size: 12px; text-decoration: none; margin-right:30px; font-weight:600}



     
/*###########################################################################################################*/
/*#####################################_________INNER PAGES CSS_________#####################################*/
/*###########################################################################################################*/


/*#####################_______________FAQS______________########################*/
.bg-prime-dark {background: #3c0725;}
.page-header{background-repeat: no-repeat; background-position: center; background-size: cover;width: 100%;}
    
.faq { background-color: #fdf1ec; padding: 56px 16px;}
.faq__category + .faq__category { margin-top: 64px; }
.faq__category-title {font-size: 16px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 12px; }
.faq__list { display: flex; flex-direction: column; gap: 10px; }
.faq__item { background-color: #ffffff; border-radius: 10px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); overflow: hidden; transition: box-shadow 0.25s ease; }
.faq__item:hover { box-shadow: 0 3px 10px rgba(162, 59, 82, 0.12); }
.faq__question { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; padding: 18px 21px; background: transparent; border: 0; text-align: left; cursor: pointer; }
.faq__question:focus-visible { outline: 2px solid #a23b52; outline-offset: -2px; }
.faq__question-text { color: #2b2b2b; font-size: 16px; font-weight: 600; line-height: 1.4; }
.faq__question:hover .faq__question-text { color: #a23b52; }
.faq__icon { flex-shrink: 0; color: #a23b52; font-size: 24px; font-weight: 300; line-height: 1; transition: transform 0.25s ease; }
.faq__question:not(.collapsed) .faq__icon { transform: rotate(45deg); }
.faq__answer-body { padding: 0 21px 20px; color: #5c5c5c; font-size: 15px; line-height: 1.6;}

/*#####################_______________LOGIN______________########################*/
.login__inner {max-width: 620px; margin: 0 auto; background: #fff; padding: 40px; border-radius: 16px; border: 1px solid rgb(0 0 0 / 8%);}
.login__title {font-size: 32px; font-weight: 800; text-align: center; margin-bottom: 10px; }
.login__signup { color: #5c5c5c; font-size: 14px; text-align: center; margin-bottom: 28px; }
.login__signup-link { color: #a23b52; font-weight: 700; text-decoration: none; }
.login__signup-link:hover { color: #832e41; text-decoration: underline; }
.login__social { display: flex; flex-direction: row; gap: 12px; margin-bottom: 24px; }
.login__social-btn { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; padding: 12px 20px; background-color: #ffffff; border: 1px solid #863B64; border-radius: 50px; color: #2b2b2b; font-size: 11px; font-weight: 600; text-decoration: none; transition: box-shadow 0.25s ease; }
.login__social-btn:hover { background-color: #4A2036; color: #FFF; box-shadow: 0 3px 10px rgba(162, 59, 82, 0.12); }
.login__social-icon { font-size: 17px; line-height: 1; }
.login__social-icon--google { color: #EA4335; }
.login__social-icon--facebook { color: #1877f2; }
.login__social-btn:hover i{color: #fff;}
.login__divider { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; }
.login__divider::before {content: ""; flex: 1; height: 1px; background-color: #ecd9d1; }
.login__divider::after {content: ""; flex: 1; height: 1px; background-color: #ecd9d1; }
.login__divider-text {color: #8a7a76; font-size: 13px; }
.login__group { margin-bottom: 8px; }
.login__label-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.login__label { color: #343a40; font-size: 14px; font-weight: 700; margin-bottom: 0; }
.login__forgot { color: #a23b52; font-size: 13px; font-weight: 600; text-decoration: none; }
.login__forgot:hover { color: #832e41; text-decoration: underline; }
.login__input-wrap { position: relative; }
.login .form-control { padding: 13px 16px; background-color: #ffffff; border: 1px solid #ead6ce; border-radius: 12px; color: #2b2b2b; font-size: 15px; box-shadow: none; }
.login .form-control::placeholder { color: #a99a95; }
.login .form-control:focus { border-color: #a23b52; box-shadow: 0 0 0 3px rgba(162, 59, 82, 0.15); }
.login__input--icon { padding-right: 46px; }
.login__input-icon { position: absolute; top: 50%; right: 8px; transform: translateY(-50%); background: none; border: 0; color: #6b5f5b; font-size: 18px; line-height: 1; cursor: pointer; }
.login .form-check { display: flex; align-items: center; gap: 8px; margin: 0; }
.login .form-check-input { width: 16px; height: 16px; margin-top: 0; accent-color: #a23b52; cursor: pointer; }
.login .form-check-input:checked { background-color: #a23b52; border-color: #a23b52; }
.login .form-check-label { color: #5c5c5c; font-size: 14px; cursor: pointer; }
.login .btn-primary { width: 100%; padding: 14px 20px; background-color: #b02a4c; border: 0; border-radius: 50px; color: #ffffff; font-size: 16px; font-weight: 700; transition: background-color 0.25s ease, box-shadow 0.25s ease; }
.login .btn-primary:hover, .login .btn-primary:focus { background-color: #93233e; border: 0; box-shadow: 0 4px 12px rgba(176, 42, 76, 0.3); }
.login__otp {background-color: #f5f0f3; border: 1px solid #b33d5f; border-radius: 52px; padding: 18px 16px; text-align: center; margin-top: 24px;}
.login__otp-text { color: #5c5c5c; font-size: 14px; margin-bottom: 6px; }
.login__otp-link { color: #a23b52; font-size: 14px; font-weight: 700; text-decoration: none; }
.login__otp-link:hover { color: #832e41; text-decoration: underline; }
.login__footer { display: flex; align-items: center; justify-content: center; gap: 6px; color: #8a7a76; font-size: 13px; }
.login__footer-icon { font-size: 14px; }

/*#####################_______________REGISTER______________########################*/
.register__title { font-size: 16px; font-weight: 700; color: #2b2b2b; letter-spacing: 0.3px; margin-bottom: 16px; }
.register__toggle-wrap { display: flex; gap: 0; background: #f5f0f3; border-radius: 50px; padding: 4px; margin-bottom: 16px; border: 1px solid #e8dcd7; }
.register__toggle-btn { flex: 1; padding: 10px 16px; border: 0; background: transparent; border-radius: 50px; font-size: 14px; font-weight: 600; color: #5c5c5c; cursor: pointer; transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease; text-align: center; }
.register__toggle-btn--active {background: #b33d5f; color: #ffffff; box-shadow: 0 2px 8px rgba(162, 59, 82, 0.12); }
.register__toggle-btn:hover:not(.register__toggle-btn--active) { color: #2b2b2b; }
.register__toggle-btn:focus-visible { outline: 2px solid #a23b52; outline-offset: 2px; }
.register__row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.register__group { margin-bottom: 8px; }
.register__label { display: block; color: #343a40; font-size: 13px; font-weight: 700; margin-bottom: 6px; letter-spacing: 0.2px; }
.register__label .register__required { color: #b02a4c; margin-left: 2px; }
.register__control { width: 100%; padding: 13px 16px; background-color: #ffffff; border: 1px solid #ead6ce; border-radius: 12px; color: #2b2b2b; font-size: 15px; font-family: inherit; transition: border-color 0.2s ease, box-shadow 0.2s ease; appearance: none; -webkit-appearance: none; }
.register__control::placeholder { color: #a99a95; }
.register__control:focus { border-color: #a23b52; box-shadow: 0 0 0 3px rgba(162, 59, 82, 0.15); outline: 0; }
.register__select-wrap { position: relative; }
.register__select-wrap::after { content: '\f078'; font-family: 'Font Awesome 7 Free'; font-weight: 900; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); color: #8a7a76; font-size: 13px; pointer-events: none; }
.register__control--select { padding-right: 40px; cursor: pointer; }
.register__phone-wrap { display: flex; gap: 8px; }
.register__phone-code { flex: 0 0 90px; padding: 13px 12px; background-color: #f9f6f5; border: 1px solid #ead6ce; border-radius: 12px; color: #2b2b2b; font-size: 15px; font-weight: 600; font-family: inherit; appearance: none; -webkit-appearance: none; cursor: pointer; transition: border-color 0.2s ease, box-shadow 0.2s ease; }
.register__phone-code:focus { border-color: #a23b52; box-shadow: 0 0 0 3px rgba(162, 59, 82, 0.15); outline: 0; }
.register__phone-number { flex: 1; }
.register__check-group { display: flex; align-items: flex-start; gap: 10px; margin-top: 4px; margin-bottom: 10px; }
.register__check-group--family { margin-top: 12px; padding-top: 12px; border-top: 1px solid #f0e8e4; }
.register__check-input { width: 18px; height: 18px; flex-shrink: 0; margin-top: 2px; accent-color: #a23b52; cursor: pointer; border-radius: 4px; border: 1px solid #c5b5af; transition: border-color 0.2s ease; }
.register__check-input:checked { background-color: #a23b52; border-color: #a23b52; }
.register__check-input:focus-visible { outline: 2px solid #a23b52; outline-offset: 2px; }
.register__check-label { color: #5c5c5c; font-size: 14px; line-height: 1.5; cursor: pointer; }
.register__check-label a { color: #a23b52; font-weight: 600; text-decoration: none; }
.register__check-label a:hover { color: #832e41; text-decoration: underline; }
.register__btn { width: 100%; padding: 14px 20px; background-color: #b02a4c; border: 0; border-radius: 50px; color: #ffffff; font-size: 16px; font-weight: 700; font-family: inherit; cursor: pointer; transition: background-color 0.25s ease, box-shadow 0.25s ease; margin-top: 8px; display: flex; align-items: center; justify-content: center; gap: 10px; }
.register__btn:hover, .register__btn:focus { background-color: #93233e; box-shadow: 0 4px 12px rgba(176, 42, 76, 0.3); }
.register__btn:focus-visible { outline: 2px solid #a23b52; outline-offset: 2px; }
.register__btn .fa-arrow-right { font-size: 14px; }
.register__family-note { font-size: 13px; line-height: 1.2; color: #6b5f5b; margin-top: 0; margin-bottom: 8px; padding-left: 20px; border: 1px dashed #a23b52; background: #faf7f6; border-radius: 50px; padding-top: 8px; padding-right: 20px; padding-bottom: 8px; display: none; }
.register__family-note--visible { display: block; }

/*#####################_______________HELP PAGE______________########################*/
.help-page__container{width:100%;max-width:960px;margin:0 auto}
.help-search{display:flex;justify-content:center;gap:8px;margin-bottom:48px}
.help-search__input{width:438px;height:43px;padding:0 15px;border:1px solid #ddced5;border-radius:12px;outline:0;background:#fff;color:#241d2b;font-size:14px;transition:border-color .2s,box-shadow .2s}
.help-search__input::placeholder{color:#766e72}
.help-search__input:focus{border-color:#b43d64;box-shadow:0 0 0 3px rgba(180,61,100,.12)}
.help-search__button{width:54px;height:43px;border:0;border-radius:12px;background:#b43d64;color:#fff;display:grid;place-items:center;cursor:pointer;transition:transform .2s,background .2s}
.help-search__button:hover{background:#9f3157;transform:translateY(-1px)}
.help-search__button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.help-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:47px}
.help-category{min-height:177px;padding:24px 22px 20px;border:1px solid #eee3e5;border-radius:15px;background:#fff;box-shadow:0 8px 28px rgba(77,35,58,.025);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transition:transform .2s,box-shadow .2s}
.help-category:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(77,35,58,.08)}
.help-category__icon{width:52px;height:52px;margin-bottom:17px;border-radius:14px;background:#fbf0f2;display:grid;place-items:center;color:#b43d64}
.help-category__icon--accessibility,.help-category__icon--safety{color:#713b72}
.help-category__icon--billing{color:#e99b31}
.help-category__icon svg{width:22px;height:22px;fill:currentColor}
.help-category__icon--accessibility svg,.help-category__icon--safety svg{fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.help-category__title{margin:0 0 8px;font-size:14px;line-height:1.2;font-weight:700}
.help-category__description{max-width:245px;margin:0;color:#796f78;font-size:12.5px;line-height:1.45}
.help-articles{margin-bottom:49px}
.help-section-title{position:relative;margin:0 0 17px;padding-left:14px;font-size:20px;line-height:1.25;font-weight:800}
.help-section-title::before{content:"";position:absolute;left:0;top:0;width:4px;height:23px;border-radius:3px;background:#b43d64}
.help-articles__list{border-top:0 solid #eee3e5}
.help-article{min-height:49px;border-bottom:1px solid #eee3e5;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#241d2b;text-decoration:none;font-size:13px;transition:color .2s,padding .2s}
.help-article:hover{padding-left:5px;color:#b43d64}
.help-article__arrow{flex:0 0 auto;color:#b43d64;font-size:22px;font-weight:400;line-height:1}
.help-contact{min-height:181px;border-radius:19px;padding:34px 20px 28px;background:linear-gradient(110deg,#6d3b73 0%,#b43d64 100%);color:#fff;text-align:center}
.help-contact__title{margin:0 0 10px;font-size:20px;line-height:1.2;font-weight:800}
.help-contact__text{margin:0 0 22px;font-size:12px;color:rgba(255,255,255,.78)}
.help-contact__actions{display:flex;justify-content:center;gap:16px}
.help-contact__button{min-width:168px;height:41px;padding:0 18px;border:1px solid rgba(255,255,255,.52);border-radius:22px;background:rgba(255,255,255,.05);color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:700;transition:background .2s,transform .2s}
.help-contact__button:hover, .help-contact__button:focus, .help-contact__button:active{background:#fff; color:#333; transform:translateY(-1px)}
.help-contact__button svg{width:15px;height:15px;fill:currentColor}
@media(max-width:760px){
    .help-page{padding:30px 20px}
    .help-categories{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:35px}
    .help-search{margin-bottom:32px}
    .help-category{min-height:170px}
}
@media(max-width:520px){
    .help-page{padding:24px 16px}
    .help-search{gap:6px}
    .help-search__input{width:calc(100% - 59px)}
    .help-categories{grid-template-columns:1fr;gap:14px}
    .help-category{min-height:145px;padding:20px}
    .help-category__icon{margin-bottom:13px}
    .help-articles{margin-bottom:36px}
    .help-contact{padding:30px 16px}
    .help-contact__actions{flex-direction:column;align-items:center;gap:10px}
    .help-contact__button{width:100%;max-width:190px}
}
@media (max-width: 520px) {
    .register__row { grid-template-columns: 1fr; gap: 0; }
    .register__phone-wrap { flex-wrap: wrap; }
    .register__phone-code, .register__phone-number { flex: 1 1 100%; }
    .register__toggle-btn { font-size: 13px; padding: 8px 12px; }
}

@media (max-width: 400px) {
    .register__title { font-size: 14px; }
    .register__control { font-size: 14px; padding: 11px 14px; }
}

/*#####################_______________OTP______________########################*/
.otp .login__inner { max-width: 500px;}
.otp-input-group { display: flex;justify-content: space-between; gap: 10px;margin-bottom: 25px;}
.otp-input-group input {width: 50px;height: 55px;text-align: center;font-size: 20px;font-weight: bold;border: 1px solid #ead6ce;border-radius: 8px;outline: none;transition: all 0.2s ease-in-out;}
.otp-input-group input:focus {border-color:#a23b52;box-shadow: 0 0 5px rgba(0, 123, 255, 0.3);}

/*#####################_______________Registration-steps______________########################*/

.Registration-steps .login__inner { max-width:800px;}
.Registration-steps .step-indicator {display: flex;justify-content: space-between; position: relative;margin-bottom: 2rem;}
.Registration-steps .step-indicator::before {content: "";position: absolute;top: 50%;left: 0;right: 0;height: 4px;background-color: #e0e0e0;transform: translateY(-50%);z-index: 1;}
.Registration-steps .step-indicator-progress {position: absolute;top: 50%;left: 0;height: 4px;background-color: #606060;transform: translateY(-50%);z-index: 1;transition: width 0.3s ease;width: 0%;}
.Registration-steps .step-item {position: relative;z-index: 2;text-align: center;background-color: #fff;padding: 0 8px;}


.Registration-steps .step-button {width: 42px;height: 42px;border-radius: 50%;border: 2px solid #ccc;background-color: #fff;color: #6c757d;font-weight: bold;display: flex;align-items: center;justify-content: center;margin: 0 auto 6px; transition: all 0.3s}
.Registration-steps .step-item.active .step-button {border-color: #B33D5F;background: #B33D5F;color: #fff;}
.Registration-steps .step-item.completed .step-button {border-color: #000;background-color: #000;color: #fff;}
.Registration-steps .step-item.active .step-label { color: #B33D5F;}


.Registration-steps .form-step { display: none;}
.Registration-steps .form-step.active {display: block;animation: fadeIn 0.4s ease-in-out;}
@keyframes fadeIn {from { opacity: 0; transform: translateY(8px); }to { opacity: 1; transform: translateY(0); }}

 
.Registration-steps .btn-group { display: flex;gap: 5px;}
.Registration-steps .btn-check + .btn {border-color: #ead6ce;background-color: #fff;padding:18px 5px; height: 55px;border-radius: 10px !important; cursor: pointer;flex: 1;font-size: 12px; }
.Registration-steps .btn-check:checked + .btn {background-color: #fff;border-color: #863B64;color: #b03a64;font-weight: 600;border-radius: 10px !important;}
.Registration-steps .btn-check:focus-visible + .btn { outline: 2px solid #863B64;outline-offset: 2px;box-shadow: 0 0 0 0.25rem rgba(134, 59, 100, 0.25);}

.Registration-steps .conditional-field .btn-check + .btn{padding: 18px 13px}
 
.Registration-steps  .btn:focus { outline: none !important;color: #fff;border-color: #fff;}



/*#####################_______________Membership Plans Page______________########################*/
.hero-banner-inner {position: relative;width: 100%;height:400px;background-size: cover !important; background-position: center!important;display: flex;align-items: center;justify-content: center;}

.hero-banner-inner::before {content: ""; position: absolute;top: 0; left: 0;right: 0;bottom: 0;background: linear-gradient(180deg, rgba(30, 0, 10, 0.4) 0%, rgba(100, 15, 35, 0.75) 50%, rgba(30, 0, 10, 0.6) 100%);transition: background 0.4s ease;z-index: 1;}

.hero-banner-inner .hero-content {position: relative;z-index: 1;text-align: center;color: #ffffff;display: flex;flex-direction: column;align-items: center;gap: 16px;}
.hero-banner-inner .badge { background-color: #ffffff;color: #A34077;font-size: 13px;font-weight: 700;text-transform: uppercase; padding: 8px 20px;border-radius: 50px;display: inline-block;letter-spacing: 12%;}
.hero-banner-inner .hero-title {font-size:57px;font-weight: 700;letter-spacing: -4%;line-height: 100%;}

/*#####################_______________Listing Page______________########################*/
.inner-hero{height:340px;background-position: top center !important; display:flex;align-items: center; position:relative}
.inner-hero::before {content: ""; position: absolute;top: 0; left: 0;right: 0;bottom: 0;background: linear-gradient(to right, rgba(74, 25, 44, 0.92) 0%, rgba(74, 25, 44, 0.75) 45%, rgba(0, 0, 0, 0) 100%);transition: background 0.4s ease;z-index: 1;}

.my-breadcrumb { background: #632A4A; } 
.custom-breadcrumb {font-size:12px;text-transform: uppercase;letter-spacing: 4%;color: #fff;}
.custom-breadcrumb a {color: #fff;text-decoration: none;opacity: 0.6;}
.custom-breadcrumb .separator {margin: 0 8px;}


.DB.filters-card { background: #ffffff; border: 1px solid #e7dee3; border-radius: 14px; }
body.dark-mode .DB.filters-card { background: #221a20; border-color: #3f2e39; }

.DB .filter-title { font-size:16px; font-weight: 700; letter-spacing: .8px;text-transform: uppercase; color: #2c2c2c; margin-bottom: .8rem;}
body.dark-mode .DB .filter-title { color: #f3eaef; }

.DB fieldset { border: 0; padding: 0; margin: 0 0 1.5rem; }
.DB legend.filter-title { padding: 0; }
 
.DB .chip {display: inline-flex; align-items: center; gap: .5rem; background: #8C3A6B; color: #fff; border-radius: 50rem;font-size: .72rem; font-weight: 600; padding: .32rem .5rem .32rem .8rem;}
body.dark-mode .DB .chip { background: #525252;}

.DB .chip-x { background: none; border: 0; color: #fff; padding: 0 .25rem; line-height: 1; }
.DB .chip-x:hover { color: #f0bd60; }

.DB .check-option {display: flex; align-items: center; gap: .65rem; cursor: pointer;border: 1px solid #e7dee3; border-radius: 10px;padding: .65rem .9rem; margin-bottom: .55rem; font-size: .95rem; font-weight: 500;}
body.dark-mode .DB .check-option { border-color: #3f2e39; }

.DB .check-option input[type="checkbox"] { accent-color: #8C3A6B; width: 1.15em; height: 1.15em; flex-shrink: 0; }
body.dark-mode .DB .check-option input[type="checkbox"] { accent-color: #000; }

.DB .check-option:has(input:checked) { background: #8C3A6B; border-color: #8C3A6B; color: #fff; }
body.dark-mode .DB .check-option:has(input:checked) { background:#FFD900; border-color: #FFD900; color: #111; }
.DB .check-option:has(input:checked) input { accent-color: #fff; }

.DB .age-input {width: 74px; text-align: center; border-radius: 10px;border: 1px solid #e7dee3; background-color: #ffffff; color: #2c2c2c;}
body.dark-mode .DB .form-select, body.dark-mode .DB .form-control { background-color: #2a2129; border-color: #4a3a45; color: #f3eaef;}

.listingtag-row{ list-style: none; display: flex; flex-wrap: wrap; gap: .5rem; padding: 0; margin: 0 0 1rem; }
.listingtag-row .tag { background:#f2d4de; color: #B23D5F; font-size:12px; font-weight: 600; padding: .3rem .8rem; border-radius: 50rem; }
body.dark-mode .listingtag-row .tag, body.dark-mode .details_right .hobby-pill, body.dark-mode .contact_blocks .contact-icon { background: #444; color: #fff; border:1px solid #a1a1a1 } 

/* ===== Pagination ===== */
.My-pagination{ list-style: none; display: flex; gap: .55rem; justify-content: center; padding: 0; margin: 0; flex-wrap: wrap; }

.My-pagination .page-btn {width: 46px; height: 46px; border-radius: 12px; border: 1px solid #e7dee3; background: #ffffff; color: #2c2c2c; font-weight: 600;display: inline-flex; align-items: center; justify-content: center;}
body.dark-mode .My-pagination .page-btn {border-color: #3f2e39; background: #221a20; color: #f3eaef;}
.My-pagination .page-btn:hover { border-color: #863B64; color: #863B64; }
body.dark-mode .My-pagination  .page-btn:hover { border-color: #d0629b; color: #d0629b; }

.My-pagination  .page-btn.active { background: #863B64; border-color: #863B64; color: #fff; }
body.dark-mode .My-pagination  .page-btn.active { background: #FFEA00; border-color: #FFEA00; color: #000; }

.My-pagination  .page-btn.dots { border: 0; background: transparent; }

/*#####################_______________DETAILS PAGE CSS______________########################*/ 
.profile-photo img{width: 100%;height: 300px;object-fit: cover;display: block }
/*.profile-photo .swiper-slide:nth-child(n+2) img {filter: blur(8px);transition: filter 0.3s ease; }
.profile-photo .swiper-slide:first-child img {filter: blur(0);}
*/
.sticky-top .swiper-button-prev:after, .sticky-top .swiper-button-next:after { color:#fff}
.prfi-bgs{background-image: linear-gradient(to bottom, #ffffff, #fefafd, #fff5f6, #fef1ec, #f8eee2);}
.quick-stats-grid {display: grid;grid-template-columns: repeat(4, 1fr); gap: .5rem;text-align: center;padding: .5rem 0}

.help_block{ background-color:#632A4A;padding: 1.75rem; border-radius:16px}

.score-circle {width: 100px; height:100px; border-radius: 50%;border: 6px solid #F5F0F3; border-top-color: #863B64; border-right-color: #863B64;display: flex; flex-direction: column; align-items: center; justify-content: center;margin: 0 auto; line-height: 1; margin-top:20px}



.details_block .card-box{ background-color: #ffffff;border:1px solid #D8D1D5; padding: 1.75rem;margin-bottom: 1.5rem; border-radius:16px}
.details_right .section-head {font-size:19px;font-weight: 700;color: #333;margin-bottom: 1.25rem; letter-spacing:-2%; position:relative; display: flex;align-items: center;gap: .9rem;}
.details_right .section-head::before {content: "";width: 4px;height: 1.35em;border-radius: 4px;flex: 0 0 auto; background:#B33D5F}
.details_right .text-prt{ color:#6B5E65; line-height:170%}


.details_right dd.detail-value { font-weight: 600; margin: 0;padding-bottom: .9rem; border-bottom: 2px solid #F4DFEC; color:#444}

.accessibility-box.card-box { background-color:#632A4A; border-color:#D8D1D5}
.accessibility-box.card-box .section-head{ color:#fff}
.accessibility-box.card-box .section-head::before { background:#F0BA72}
.accessibility-box.card-box dd.detail-value{ color:#fff}

 
.details_right .hobby-pill {display: inline-flex;align-items: center;gap: .50rem;border-radius: 2rem;padding: .40rem 1rem;font-size: 14px;background-color: #F5EADB}
 
.cta_banner.card-box {background: #F0BA72; border-color:#F0BA72}

body.dark-mode .details_block .card-box {background: #000;border-color: #333}
body.dark-mode .details_right .hobby-pill i{ color:#FFD900 !important }
body.dark-mode .prfi-bgs{background-image:linear-gradient(to bottom, #555, #444, #333, #222, #000)}
body.dark-mode .stat-lbl { color:#fff !important}
body.dark-mode .score-circle {border-top-color: #FFD900;border-right-color: #FFD900}


/*#####################_______________CONTACT US PAGE CSS______________########################*/
.contact_blocks{ margin-top:-130px; z-index:1} 
.contact_blocks .contact-icon {width: 50px;height: 50px;border-radius: 50%; display: inline-flex;align-items: center;justify-content: center;font-size: 1.25rem; margin-bottom: 1rem; background-color:#f9f0f1}

body.dark-mode .google-map iframe {-webkit-filter: grayscale(100%);}



/*#####################_______________ABOUT US PAGE CSS______________########################*/
.vmv-section {background: #4A2036;padding: 90px 0 40px 0; position:relative; z-index:1}
.vmv-section::after {content: "";position: absolute; bottom: 0;left: 0; width: 100%; height: 140px;background-color:#863B64; z-index: -1}
.vmv-section .bg-number {font-size:6rem; color: rgba(255, 255, 255, 0.07);position: absolute;top: -35px;left: 50%;transform: translateX(-50%); line-height: 1; font-weight:300}
.vmv-section .category-title {color: #fff;font-size: 20px;font-weight: 700;letter-spacing: -2%;text-transform: uppercase; display: inline-block; background-color:#4A2036; position:relative;padding-left: 15px;padding-right: 15px;margin-bottom: 25px;}
.vmv-section .vmv-column { position: relative;text-align: center; padding: 0 15px;}
.vmv-section .heading-text {font-size: 21px;font-weight: 700; color: #ffffff;margin-bottom: 18px;line-height:130%;}
 
.ourteam-card .avatar-img { width: 84px;height: 84px;border-radius: 50%; object-fit: cover;}

body.dark-mode .vmv-section::after{background-color:#131313} 
body.dark-mode .vmv-section .category-title {color: #ffd900;background-color: #000000;}
body.dark-mode .vmv-section .bg-number { color: rgba(255, 255, 255, 33%); }    

/*#####################_______________USER SHORTLISTED CSS______________########################*/ 
.User-sidebar {width: 250px;background-color: #ffffff;}
.User-sidebar-nav {list-style: none;padding: 15px 0;margin: 0;}
.User-sidebar-nav .nav-item a {display: flex;align-items: center;padding: 15px 25px;color: #555555;text-decoration: none;font-weight: 500;transition: all 0.2s ease;border-left: 4px solid transparent;}
.User-sidebar-nav .nav-item a i {width: 25px; font-size: 1.1rem;margin-right: 10px;color: #888888;}

.User-sidebar-nav .nav-item a:hover,
.User-sidebar-nav .nav-item.active a {color: #B33D5F;background-color: #fceef2;border-left: 4px solid #B33D5F;}
.User-sidebar-nav .nav-item a:hover i,
.User-sidebar-nav .nav-item.active a i {color: #B33D5F;}

.shor_btn-remove { color: #B33D5F;background: #fff0f1;border: none;width:50px; height:42px; border-radius: 50%;}
.shor_btn-remove:hover {background:#B23D5F;color: #ffffff}

body.dark-mode .User-sidebar-nav .nav-item a{ color:#fff}
body.dark-mode .User-sidebar-nav .nav-item a:hover, body.dark-mode .User-sidebar-nav .nav-item.active a {color: #000;background-color: #fff6c0;border-left: 4px solid #FFD900}
body.dark-mode .User-sidebar-nav .nav-item a:hover i, body.dark-mode .User-sidebar-nav .nav-item.active a i { color: #000000}
body.dark-mode  .shor_btn-remove{ background:#555; color:#fff}


/*#####################_______________USER MEMBERSHIP CSS______________########################*/ 
.user_membership {background-color: #ffffff; border-radius: 8px;border: 1px solid #e0e0e0;overflow: hidden;box-shadow: 0 2px 8px rgba(0,0,0,0.04);}
.user_membership .table-custom standard-thead { background-color: #8B2648;color: #ffffff;}
.user_membership .table-custom th { color: #ffffff;font-weight: 600;padding: 14px;border: none; background-color:#A34077}
.user_membership .table-custom td {padding: 10px; vertical-align: middle;border-bottom: 1px solid #eeeeee;}
.user_membership .table-custom tr:last-child td {border-bottom: none;}
.user_membership .badge-active {background-color: #e8f5e9;color: #2e7d32;font-weight: 600; padding: 6px 12px;border-radius: 4px;font-size: 0.85rem; display:inline-block}
.user_membership .badge-expired { background-color: #ffebee; color: #c62828;font-weight: 600;padding: 6px 12px;border-radius: 4px;font-size: 0.85rem; display:inline-block}

body.dark-mode .user_membership .table-custom th {color: #000;background-color: #ffd900}
body.dark-mode .table-custom th, body.dark-mode .table-custom td{background-color: #000; color:#ffd900}
body.dark-mode .text-secondary{color:#fff !important} 
body.dark-mode .user_membership .badge-expired { background-color: #dbdbdb; color: #000000}
    
/*#####################################################################################################*/
/*############################_________WEBSITE DARK THEME CSS_________#################################*/
/*#####################################################################################################*/

html { transition: background-color 0.3s, color 0.3s;}
body.dark-mode{background-color: #100D08; color: #ffffff }

body.dark-mode div,
body.dark-mode header,
body.dark-mode footer,
body.dark-mode section,
body.dark-mode nav,
body.dark-mode p,
body.dark-mode h1, 
body.dark-mode h2, 
body.dark-mode h3, 
body.dark-mode h4, 
body.dark-mode h5, 
body.dark-mode h6,
body.dark-mode .form-label-sm,
body.dark-mode .detail-value,
body.dark-mode .Steps_block .card-body-content, 
body.dark-mode .pricing-block .feature-list li,
body.dark-mode .testimonial-block .testi-text,
body.dark-mode .testimonial-block .rating-stars,
body.dark-mode .logo-text, 
body.dark-mode .logo-text span, 
body.dark-mode .faq-container .faq-block .faq-answer,
body.dark-mode .footer-main li a,
body.dark-mode .footer-btm .lst-links a, 
body.dark-mode .register__label, 
body.dark-mode .register__check-label, body.dark-mode .faq__question-text {color: #fff;} 



body.dark-mode .login__otp-text{color: #000;}

body.dark-mode{color:#2B2B2B}

body.dark-mode .faq-container .faq-block .faq-header:before, 
body.dark-mode .faq-container .faq-block .faq-header:after, body.dark-mode .details_right .section-head::before{background-color:#fff} 


body.dark-mode .bg-prime, 
body.dark-mode .bg-lights, 
body.dark-mode .Steps_block .icon-circle{background-color:#222222}


body.dark-mode .icon-circle,  
body.dark-mode .profile_list .profile-card, 
body.dark-mode .Steps_block .custom-card, 
body.dark-mode .pricing-block,
body.dark-mode .dark-bg, 
body.dark-mode .faq-block.isOpen,
body.dark-mode .faq-block,
body.dark-mode .site-footer,
body.dark-mode .login__inner,
body.dark-mode .Registration-steps .step-item, body.dark-mode .my-breadcrumb, body.dark-mode .help_block, body.dark-mode .User-sidebar, body.dark-mode .vmv-section{ background-color:#000}

body.dark-mode .modal-content{ background-color:#000; border:2px solid #fef5be !important} 
body.dark-mode .btn-outline-dark{border-color: #fff;color: #fff;} 
body.dark-mode .btn-close { filter: invert(1) grayscale(100%) brightness(200%)}
 
body.dark-mode .text-prime, 
body.dark-mode .pink-light,  
body.dark-mode .price-period,
body.dark-mode .color-pink, 
body.dark-mode .color-Yellow,
body.dark-mode .testimonial-block .author-meta,
body.dark-mode .see-all-link,
body.dark-mode .login__signup-link, body.dark-mode .register__check-label a, 
body.dark-mode .Registration-steps .step-item.active .step-label, 
body.dark-mode .lst-hd, body.dark-mode .details_right .section-head,  body.dark-mode .faq__icon, body.dark-mode .faq__question:hover .faq__question-text { color:#FFD900}


body.dark-mode .bg-Yellow,
body.dark-mode .faq-container .faq-block.isOpen .faq-header:before, 
body.dark-mode .faq-container .faq-block.isOpen .faq-header:after {background-color:#FFD900}


body.dark-mode .hero-section { background: linear-gradient(to right, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.85) 45%, rgba(0, 0, 0, 0.4) 100%), url('../images/banner1.jpg') center center / cover no-repeat}
body.dark-mode .WhyDrishti_sec {background: linear-gradient(rgba(10, 5, 8, 0.85), rgba(10, 5, 8, 0.85)), url('../images/why-us-bg.jpg') center/cover no-repeat;background-attachment: fixed}



body.dark-mode .btn-outline{border: 2px solid #fff;color: #4A2036; color:#fff}
body.dark-mode .btn-primary, body.dark-mode .Registration-steps .step-item.active .step-button {border-color: #FFD900;color: #fff; background: #FFD900; color:#100D08}

body.dark-mode .btn-icon-square, body.dark-mode .Registration-steps .step-item.completed .step-button  {color: #fff;border: 2px solid #fff; background: #555;}
body.dark-mode .search-banner, body.dark-mode .faq__item{ background-color:#100D08}


body.dark-mode .search-banner .btn-toggle-group .btn-check:checked + .btn, body.dark-mode  .Registration-steps .btn-check:checked + .btn{ border-color:#FFEA00;}
body.dark-mode .search-banner .btn-toggle-group .btn-check + .btn, body.dark-mode  .Registration-steps .btn-check:focus-visible + .btn { background-color:#222;color:#fff } 

body.dark-mode .form-control, body.dark-mode .register__control, body.dark-mode .Registration-steps .btn-check + .btn {border: 1px solid #fff;background: #222;color: #fff}
body.dark-mode  .form-select {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;background-repeat: no-repeat;background-position: right 0.75rem center; background-size: 16px 12px !important;}
	
body.dark-mode .text-muted, body.dark-mode .text-black{ color:#fff !important}	
body.dark-mode #homeSearchForm .text-danger{ color:#FFD900!important}	
	
body.dark-mode .border-top .btn-outline {border-color:#FFEA00;color:#FFEA00}
body.dark-mode .btn-main, body.dark-mode .why-button{border-color:#FFEA00;background-color:#FFD900; color:#100D08}

body.dark-mode .Steps_block .watermark-icon, body.dark-mode .Steps_block .step-number { opacity: 0.4}
body.dark-mode .Steps_block .card-step-header {border-bottom: 2px solid #ffffff;}

body.dark-mode .Steps_block .custom-card,
body.dark-mode .why-us-card, 
body.dark-mode .testimonial-block,
body.dark-mode .search-banner, 
body.dark-mode .pricing-block,
body.dark-mode .profile_list .profile-card,
body.dark-mode .arrows-btn, 
body.dark-mode .faq-container .faq-block {border: 2px solid #ffffff;}

body.dark-mode .profile_list .tag-premium{background-color:#fff !important; border:1px solid #000; color: #100D08 !important}
body.dark-mode .why-us-card {background: rgba(0, 0, 0, 0.4)}
body.dark-mode .opacity-50{ opacity:1 !important}

body.dark-mode .testimonial-block { background-color:transparent} 
body.dark-mode .Voices_sec .swiper-pagination-bullet-active { background:#FFD900 !important}

body.dark-mode .faq-container .faq-block.isOpen { border: 2px solid #FFD900;}

body.dark-mode .footer-btm, body.dark-mode .site-footer{border-top: 1.5px solid #fff;}

body.dark-mode .Registration-steps .btn:focus { color: #000; border-color: #000}

body.dark-mode .hero-banner-inner::before { background: linear-gradient(180deg, rgba(0, 0, 0, 0.85) 0%, rgba(15, 15, 15, 0.7) 50%, rgba(0, 0, 0, 0.9) 100%)}
body.dark-mode .hero-banner-inner .badge {background-color: #FFD900;color: #000;}
body.dark-mode .inner-hero::before {background: linear-gradient(to right, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.85) 45%, rgba(0, 0, 0, 0.4) 100%) }
 
 

  
 
/*#################################################################*/
/*################___________MEDIAQUERIES____________##############*/
/*#################################################################*/

@media screen and (min-width: 1900px) {
}
 
@media screen and (min-width: 1600px) {

}
  
@media screen and (min-width: 1400px) {
  
} 

@media (max-width: 1439.98px) {  
 
}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {

}

@media (max-width: 767.98px) {
.header-tagline, .nv-button .btn.btn-outline, .nv-button .btn.btn-primary { display:none}
.logo-text {font-size: 35px;}
.hero-section .hero-block__heading {font-size: 30px;}
.hero-section .fs18{ font-size:15px}
.footer-btm .lst-links a {font-size: 14px;margin-right: 15px;}

.cta_banner .btn{ width:100%}
.sticky-top{ margin-bottom:10px}
.login__inner {padding:25px}
.login__footer {align-items: baseline;}
.User-sidebar {width: 360px; margin-top:10px}
.all_heading {font-size: 33px;}
.user_membership .table-custom th {padding: 10px; font-size:14px}
.user_membership{ margin-bottom:10px}
.search-banner .btn-toggle-group .btn-check + .btn {padding: 12px 10px;}
}

 
@media (max-width: 575.98px) {



}