@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');


@font-face {
    font-family: 'agrandirregular';
    src: url('../public/fonts/agrandir-regular-webfont.woff2') format('woff2'),
         url('../public/fonts/agrandir-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'agrandirtext_bold';
    src: url('../public/fonts/agrandir-textbold-webfont.woff2') format('woff2'),
         url('../public/fonts/agrandir-textbold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html{
    overflow-y: scroll;
    scrollbar-gutter: stable;
}

body{margin: 0;padding: 0;font-family: "Nunito", sans-serif;}
body.modal-open{padding-right: 0 !important;}

.btn-primary{
    background-color: #dd3433;
    color: #fff;
    border-color: #dd3433;
}
.btn-primary:hover{
    background-color: #c10016;
}
.header_section{
    width: 100%;
    display: inline-block;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
	    background-color: #b91c1c;
    transition: transform 0.3s ease;
}
.banner_section{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    /*background-image: url(../images/banner-bg.jpg);*/
    background-size: 100% 100%;
    margin-bottom: 50px;
	background: #DD3433;
	overflow:hidden;
    background: linear-gradient(90deg, #d02b2c 10%, #fff 100%);
	padding-bottom:30px;
	    padding-left: 15px;
}
.search_icon{
    border: 0;
    background-color: transparent;
    color: #fff;
}
.register_btn {
    background-color: #fff;
    color: #000 !important;
    border-radius: 40px;
    padding: 10px 20px !important;
}
.register_btn:hover{
    background-color: #d24151;
    color: #fff !important;
}
.login_btn {
    display: inline-block;
    border:solid 1px #fff;
    border-radius: 40px;
    padding: 5px 30px !important;
    color: #fff;
    text-decoration: none;
    transition: 0.2s ease;
}
.login_btn:hover{
    background-color: #950e15;
    color: #fff;
}
.header_right_login{
    color: #fff;
    display: flex;
    gap: 10px;
    align-items: center;
	margin-left: 5%;
}
.navbar-nav li{
    padding: 0 10px;
}
.navbar-dark .navbar-nav .nav-link{
    color: #fff;
    font-size: 17px;
}
/*.navbar-dark .navbar-nav .nav-link.active{
border-bottom:2px solid #fff;
}*/
.navbar-dark .navbar-brand img{
    max-width: 100%;
    width: 180px;   
	transition: 0.3s ease;
}

.banner_left_section{
    width: 100%;
    display: inline-block;
    color: #fff;
	margin-top:250px;
}
.banner_left_section h1{
    font-size: 38px;
    line-height: 46px;
    font-weight: 300;
    margin-bottom: 26px;
    margin-top: 60px;
}
.banner_left_section h1 strong{
  font-weight:700
}
.banner_left_section p{
	 font-size: 24px;
    font-weight: 100;
}
.banner_left_section h1 span{
    width: 100%;
    display: inline-block;
    font-size: 27px;
	 font-family: "Caveat", cursive;
	font-optical-sizing: auto;
	    margin-bottom: 10px;
}
.banner_left_img{
max-width: 100%;
    mix-blend-mode: overlay;
    opacity: 0.3;
    bottom: 60px;
	    left: 25%;
    position: absolute;
}
.banner_section_reg_box{
    width: 100%;
    display: inline-block;
    padding: 20px 30px;
    margin-top: 20px;
    background-color: #fff;
    border-radius: 40px; 
	/*  box-shadow: 0 0.5rem 1rem rgb(174 72 82) !important;*/
	position:relative;
	z-index:2
}
.banner_section_reg_box .form-control{
    height: 45px;
    min-height: 45px;
	border-radius: 10px;
}
.banner_section_reg_box .form-control::placeholder{
font-size:15px;
	color:#ccc;
}
.banner_section_reg_box #notify{
	    width: 17px;
    height: 17px;
    position: relative;
    top: 3px;
}
.banner_section_reg_box .text-danger {
    font-size: 15px;
}
.banner_section_reg_box a{    color: #dd3433;}
.banner_section_reg_box .btn{
    border-radius: 15px;
    padding: 12px 0 !important;
	    font-family: sans-serif;
    font-size: 18px;
font-weight: bolder;

}
.banner_section_reg_box label{
    font-size: 15px;
    margin-bottom: 2px;
        color: #101010;
    font-weight: 600;
}
.banner_right_img{
    width: 100%;
    display: inline-block;
}
.banner_right_img img{width: 100%;}
.banner_section_reg_box span{
    color: #000;
}
.banner_section_reg_box h3{
    width: 100%;
    display: inline-block;
    text-align: left;
    padding-bottom: 15px;
    border-bottom: 1px #e5e5e5 solid;
    margin-bottom: 18px;
	    font-size: 20px;
}
.no_with_country_box{
    width: 100%;
    display: flex;
    background-color: #d9d9d93a;
    border: solid 1px #e5e5e5;
    border-radius: 3px;
	position:relative;
	border-radius: 10px;
    overflow: hidden;
}
.no_with_country_box select{
    background-color: #fff;
    border: 0;
    min-width: 100px;
    padding: 0 5px;
    border-right: 1px #e5e5e5 solid;
	appearance: none;
	background-size: 12px;
	outline: none;
}
.no_with_country_box::after {
	  content: "";
	  position: absolute;
	  top: 55%;
      left: 85px;
	  width: 10px;
	  height: 10px;
	  pointer-events: none;
	  background-image: url("data:image/svg+xml;utf8,<svg fill='gray' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'><polygon points='0,0 20,0 10,10'/></svg>");
	  background-size: contain;
	  background-repeat: no-repeat;
	  transform: translateY(-50%);
	}
.no_with_country_box input{
    border: 0;
	border-radius: 0 !important;
	padding-right:5px !important;
}
.share_btn{
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    margin: auto;
    width: 80px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-decoration: none;
    color: #fff;
}
.share_btn:hover{
    color: #fff;
}
.share_btn i{
    width: 50px;
    min-width: 50px;
    height: 50px;
    border-radius: 50px;
    background-color: #fff;
    box-shadow: 0px 0px 10px #00000024;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
}   

.nric_home_premium_list_section{
    width: 100%;
    display: inline-block;
    padding: 20px 0;
}
.nric_home_premium_list_view{
    width: 100%;
    display: inline-block;
}
.home_heading{
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-bottom: 20px;
	font-weight:700;
}
.nric_home_premium_list_row{
    width: 100%;
    display: inline-block;
    overflow: hidden;
}
.nric_home_premium_list_box{
     width: 100%;
    height: 96%;
    border-radius: 10px;
    box-shadow: 0px 2px 20px #89898924;
        border: solid 1px #e5e5e5 !important;
    overflow: hidden;
    margin-bottom: 20px;
}
.nric_home_premium_list_box_img{
       width: 100%;
    display: inline-block;
    margin-bottom: 0px;
    overflow: hidden;
    position: relative;
    height: 255px;
    border-radius: 0px;
}
.nric_home_premium_list_box_img img{
    width: 100%;
    pointer-events: none;
}
.nric_home_premium_list_box_img a{
	 width: 100%;
    display: inline-block;
	    z-index: 1;
    position: relative;
}
.user_logined_box_profile{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
}
.user_logined_box_profile img{width: 100%;height: 100%;}
.user_logined_search_section{
    width: 100%;
    max-width: 460px;
    margin-left: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
}
.user_logined_search_section_search{
    width: 100%;
    height: 70px;
    background-color: transparent;
    border-radius: 50px;
    border: solid 2px #ffffff38;
    color: #fff;
    padding-left: 60px;
    padding-right: 60px;
    outline: none;
	
}
.search_icon_input{
    position: absolute;
    left: 20px;
    top: 20px;
    color: #ffffff99;
    font-size: 20px;
}
.advanced_search_icon_btn{
    position: absolute;
    right: 34px;
    top: 20px;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    width: 27px;
}
.advanced_search_icon_btn img{max-width:100%}

.user_logined_search_section_search::-webkit-input-placeholder {
    color: #ffff !important;
}
.user_logined_search_section_search::-moz-input-placeholder {
    color: #ffff !important;
}
.user_logined_box_header .dropdown-toggle{
    display: flex;
    align-items: center;
    color: #fff;
    outline: none;
	box-shadow:none;
}
.user_logined_box_header .dropdown-toggle::after{
    display: none;
}
.user_logined_box_header a{
	text-decoration:none
}
.nric_home_premium_list_box_cnt{
    width: 100%;
    height: auto;
    border-radius: 20px;
    background-color: #fff;
    padding: 10px;
    display: inline-block;
    position: relative;
	padding-top:20px;

}
.nric_home_premium_list_box_cnt h3{
    font-size: 17px;
}
.nric_home_premium_list_box_cnt h3 span{
    width: 100%;
    display: inline-block;
    color: #666;
    font-size: 12px;
}
.nric_home_premium_list_box_cnt span{
    width: 100%;
    display: inline-block;
	font-size: 14px;
    line-height: 29px;
	align-items:center
}
.send_reminder_btn{
	    line-height: 16px !important;
    padding: 11px 15px;
    text-decoration: none;
    text-align: center;
    border-radius: 30px;
    background-color: #efd707;
    color: #000;
	    height: 40px;
	    white-space: nowrap;
}
.send_reminder_btn:hover{
	background-color:#790606;
	color:#fff
}
.nric_home_premium_list_box_cnt .btn-primary{
    margin-top: 15px;
    border-radius: 20px;
    display: inline-block;
    padding: 8px 30px !important;
}
.premium-slide {
    display: grid;
    grid-template-columns: repeat(5, 1fr);  /* 5 items per row */
    gap: 20px;  /* Space between items */
    justify-items: center;
    align-items: center;
    padding: 20px;
}
.home_heading span{
    width: 100%;
    display: inline-block;
    color: #FD5D6F;
    font-size: 15px;
    text-transform: uppercase;
}
.about_us_Section{
    width: 100%;
    display: inline-block;
    padding: 40px 0;
    position: relative;
}
.about_us_Section p{
	max-width:800px;
	margin:auto;
}
.about_quick_count_box{
    width: 100%;
    display: inline-block;
    box-shadow: 0px 2px 20px #e5e5e5;
    padding:30px 15px;
    border-radius: 20px;
    background-color: #fff;
}
.about_quick_count_box_ico{
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 50px;
} 
.about_quick_count_box h3{
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 35px;
}
.about_quick_count_box span{
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    color: #666;
}
.about_us_Section:after{
    content: '';
    width: 300px;
    height: 300px;
    position: absolute;
    left: -125px;
    top: 170px;
    border-radius: 50%;
    background: rgb(253,93,110);
background: linear-gradient(71deg, rgba(253,93,110,1) 0%, rgba(253,109,74,1) 100%);
z-index: -1;
opacity: 0.2;
}
.about_us_Section:before{
    content: '';
    width: 300px;
    height: 300px;
    position: absolute;
    right: 50px;
    bottom: 0px;
    border-radius: 50%;
    background:#fbfbfb;
    z-index: -1;
}
.download_app_Section{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    background-image: url(../images/download-section-bg.jpg);
    background-size: cover;
    min-height: 400px;
    color: #fff;
  
}
.download_app_Section p{
    font-size: 19px;
    max-width: 1000px;
    margin: auto;
}
.download_app_Section_img{
    text-align: center;
    width: 100%;
    display: inline-block;
}
.download_app_Section_img img{
    max-width: 100%;
}
 .download_btn_img{
    max-width: 150px;
    transition: 0.2s;
}
.download_btn_img:hover{
    transform: scale(1.1);
}
#testimonialSlide .item .row .col-md-4{
	    text-align: center;
}
.testimonial_section{
    width: 100%;
    display: inline-block;
    padding: 40px 0;
    position: relative;
    overflow: hidden;
}
.testimonial_box{
    width: 100%;
    display: inline-block;
    box-shadow: 0px 2px 20px #e5e5e5;
    padding:30px 15px;
    border-radius: 20px;
    background-color: #fff;
    padding-right: 100px;
    position: relative;
}
.testimonial_img_box{
    width: 100%;
    display: inline-block;
    background-image: url(../images/testiminiual_image_bg.png);
    background-size: 170px 170px;
    background-repeat: no-repeat;
    min-height: 180px;
    height: auto;
    text-align: center;
    background-position: center;

}
.testimonial_img_box img{
    width: 150px !important;
    height: 150px  !important;
    border-radius: 50%;
    margin: auto;
}
.testimonial_box h4{
	    font-family: "Caveat", cursive;
	    margin-bottom: -1px;
}
.testimonial_box span{
	margin-bottom: 10px;
    display: inline-block;
    font-size: 11px;
}

.testimonial_section:after{
    content: '';
    width: 300px;
    height: 300px;
    position: absolute;
    right: -125px;
    top: 70px;
    border-radius: 50%;
    background: rgb(253,93,110);
background: linear-gradient(71deg, rgba(253,93,110,1) 0%, rgba(253,109,74,1) 100%);
z-index: -1;opacity: 0.3;
}
.testimonial_section:before{
    content: '';
    width: 300px;
    height: 300px;
    position: absolute;
    left: 50px;
    top: 170px;
    border-radius: 50%;
    background:#fbfbfb;
    z-index: -1;
}
.testimonial_box:after{
    content: '';
    width: 100px;
    height: 100px;
    position: absolute;
    right: 200px;
    bottom: 70px;
    border-radius: 50%;
    background: rgb(253,93,110);
background: linear-gradient(71deg, rgba(253,93,110,1) 0%, rgba(253,109,74,1) 100%);
opacity: 0.1;
}
.testimonialSlide .owl-nav{
    position: absolute;
    top: 46%;
    left: 0.5%;
}
#carousel-custom-dots{
    position: absolute;
    right: 20px;
    top: 40px;
    padding: 0;
}
#carousel-custom-dots li{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    list-style: none;
    background-color: #e5e5e5;
    margin-bottom: 10px;
    overflow: hidden;
    cursor: pointer;
}
#carousel-custom-dots li img{
    width: 100%;
    height: 100%;
}
.footer_section{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0px 0;
    position: relative;
    background-image: url(../images/footer-bg.jpg);
    background-size: cover;
    min-height: 300px;
    color: #fff;
    background: #b91c1c;
}
.footer_section h3{
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
    font-size: 17px;
	position:relative
}
.footer_section h3:before{
    width: 50px;
    height: 2px;
    background-color: #fff;
    content: '';
    display: inline-block;
    position: absolute;
    bottom: -6px;
}
.footer_section ul{
    padding: 0;
}
.footer_section li{
    list-style: none;
    margin-bottom: 10px;
}
.footer_section li a{
    color: #fff;
    text-decoration: none;
font-size:17px;
}
.footer_section li a:hover{
    color: #ffdadf;
}
.footer_copyright{
    width: 100%;
    display: flex;
    /*justify-content: space-between;*/
 justify-content: space-between;
    align-items: center;
    margin-top: 0px; 
	gap:15px;
    flex-wrap: wrap;
    /*text-align: center;*/
    border-top: 1px #ffffff34 solid;
    padding-top: 20px;
}
.footer_copyright p {
    max-width: none !important;
    margin-bottom: 0;
    text-align: left;
}
.footer_copyright a{
    color: #fff;
    text-decoration: none;
}
.social_icons_sec{
    width: auto;
    display: flex;
    gap: 10px;
    justify-content: center;
}

.social_icons_sec {
    width: auto;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

    .footer_copyright p {
        text-align: center;
    }
.social_icons_sec a{
    font-size: 20px;
}
.owl-carousel .owl-stage-outer{width: 100%;}
.register_section{
    width: 100%;
    display: inline-block;
    background-image: url(../images/register-bg.jpg);
    background-size: cover;
    padding: 80px 0;
    margin-top: 70px;
}
.register_section_head{
    width: 100%;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: -250px;
}
.register_section_head h1{
    width: 100%;
    display: inline-block;
    text-align: center;
    margin: 0;
    color: #CD282F;
    margin-top: 70px;
    margin-left: -70px;
}
.register_section_head h3{
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-bottom: 20px;
    color: #CD282F;
}
.register_section_head h6{
    color: #865454;
    font-size: 22px;
}
.register_section_head p{
	    line-height: 20px;
}

.register_section_box{
    width: 100%;
    display: inline-block;
    padding: 30px;
    background-color: #fff;
    box-shadow: 0px 14px 20px #a6a6a61d;
    padding-top: 120px;
    position: relative;
    margin-top: 200px;
	border-radius:15px;
}
.alert{
	border-radius:15px;
}
.reg-success-box{
	padding: 70px;
    padding-top: 90px;
    margin-top: 0;
}
.reg-success-box h3{
    margin-top: 0;
}
.photoprivacyBox{
    width: 100%;
    display: inline-block;
    padding: 30px;
    box-shadow: 0px 2px 20px #a6a6a63d;
    position: relative;
    border-radius: 15px;
}


.stepper {
    margin: auto;
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-bottom: 30px;
    --step-progress: 0%;
    margin-top: -180px;
    top: -40px;
    max-width: 500px;
    overflow: hidden;
    height: 90px;
}

/* Step line */
.stepper::before {
    content: "";
    position: absolute;
    top: 27px;
    left: 10%;
    width: 80%;
    height: 1px;
    background-color: #e6e6e6;
    z-index: 0;
    transform: translateY(-50%);
}

/* Step circles */
.step {
    position: relative;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    background-color: #e3e3e3;
    color: #555;
    font-weight: bold;
    z-index: 1;
    transition: 0.3s;
	margin:auto
}

/* Active step */
.step.active {
    background-color: #FD5D6F;
    color: #fff;
}

/* Hide inactive steps */
.form-step {
    display: none;
}
.form-step:last-child .register_section_head h1{
	margin-top: 50px;
    margin-left: 0;
}
.form-step.active {
    display: block;
}

/* Stepper numbers and text */
.step-label {
    margin-top: 5px;
    text-align: center;
    font-size: 14px;
}

#addFrmModal .social-profile .card-body{
    background: rgb(249 232 232);
}
#addFrmModal .social-profile .card-body .form-label{
    font-size: 15px;
}

.stepper_active_bar {
    position: absolute;
    top: 27px;
    left: 5%;
    height: 4px;
    background-color: #FD5D6F;
    z-index: 0;
    transform: translateY(-50%);
    width: 0%;
    transition: width 0.3s ease-in-out;
	max-width:80%
  }
 .register_section_box .btn-primary{
    padding: 10px 40px;
    border-radius: 30px;

 }
 .register_section_box .btn-secondary{
    padding: 10px 40px;
    border-radius: 30px;
 }
 .register_section_box .btn-success{
    padding: 10px 40px;
    border-radius: 30px;
 }
.register_section_box .form-control{
    border-radius: 10px;
    height: 40px;
	font-size: 15px;
}
.register_section_box select{
    border-radius: 10px;
    height: 40px;
}
.login_box{
	 border-radius: 20px;
	min-width:300px;
	background-color:#fff;
	    padding-top: 50px;
    padding-bottom: 50px;
}
.login_box .form-control{
	height: 50px;
}
.login_box label{
	color: #000;
	margin-bottom:5px;
}
.register_section_box input[type="radio"]{
    width: 18px;
    height: 18px;
    position: relative;
    top: 3px;
}
.divider {
    position: relative;
    text-align: center;
    margin: 10px 0;
}
.divider::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    border-bottom:1px dashed #383838
}
.divider-text {
    position: relative;
    display: inline-block;
    padding: 0 16px;
    background: #ffffff;
    font-size: 13px;
    color: #6b7280;
    font-weight: 500;
}
.register_section_box .no_with_country_box{
    border-radius:10px;
    background-color: #fff;
    border: 1px solid #ced4da;
    overflow: hidden;
}
.register_section_box .no_with_country_box select{
        min-width: 90px;
    padding-right: 20px;
}
.register_section_box .no_with_country_box::after{
 left: 70px;
}
.upload_photo_sec{
    width: 100%;
    display: inline-block;
    padding: 20px 0;
	text-align:center;
}
.skip_profile_sec{
    position: absolute;
    right: 20px;
    top: 20px;
    color: #d24151;
    text-decoration: none;
}
.upload_photo_sec_box{
    width: 100%;
    height: 150px;
    text-align: center;
    margin-bottom: 50px;
    position: relative;
    cursor: pointer;
}
.upload_photo_sec_box input{
    width: 100%;
    display:inline-block;
    height: 100%;
    position: absolute;
    z-index: 5;
    opacity: 0;
    left: 0;
    top: 0;
	cursor:pointer;
}
.upload_photo_sec_box img{
    max-width: 100%;
}
.upload_photo_sec p{
    width: 100%;
    display:inline-block;
    text-align: center;
    font-size: 18px;
}
.your_match_star_here{
    width: 100%;
    display:inline-block;
    padding: 40px 0;
    text-align: center;
}
.your_match_star_here h2 span{
	font-size: 21px;
    padding: 0 8px;
    color: #de3434;
}
.your_match_star_box{
    width: 100%;
    display: inline-block;
    border: solid 1px #e5e5e5;
    height: 95%;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 5px;
}
.your_match_star_box_ico{
    width: 100%;
    display:inline-block;
}
.your_match_star_box h3{
    font-size: 20px;
    margin-top: 10px;
}
.your_match_star_box p{
    color: #666;
	line-height: 20px;
}
.header_fix{
    background-color: #dd3433;
    transform: 0.2s ease;
}

/*.hide_header {
    transform: translateY(-100%);
}*/
.inner_header_sec{
    /* background-color: #d71e1d; */
    background-color: #b91c1c;
}

.emailVerification_frm{
    width: 100%;
    display:inline-block;
    margin: 20px 0;
    max-width: 300px;
}
.emailVerification_frm .form-control{
    border-radius: 50px;
    margin-top: 5px;
}
.emailVerification_frm .btn-primary{
    border-radius: 50px;
    margin-top: 20px;
    width: 100%;
}
#emailVerification  h6{
    line-height: 25px;
}
.stepper_top{
    position: relative;
    display: inline-block;
    text-align: center;
	min-width:100px;
}
.step_btm_txt{
    display: inline-block;
    text-align: center;
    position: absolute;
    left: -1px;
    font-size: 13px;
	width:100%;
    line-height: 16px;
	    margin-top: 8px;
}

.user_dashbaord_view{
    width: 100%;
    display:inline-block;
    padding: 35px 0;
    margin-top: 90px;
	padding-bottom:0
}

.dashboard_page_left_section{
    width: 100%;
    display: inline-block;
    position: sticky;
    top: 150px;
	max-height:83vh;
	overflow:auto;
	padding:1%;
	margin-bottom:20px;
    padding-top: 0;
}
.dashboard_page_left_top{
    width: 140px;
    background-color: #c33c3c;
    padding: 0px;
    display: flex;
    align-items: center;
    gap: 5px;
    position: relative;
    border-radius: 5px;
	    color: #fff;
	    position: relative;
}
.user_logined_box_header{
     margin-left: auto;
	display: flex;
    align-items: center;
}
#profiles-container{
	padding:0;
	 width: 100%;	
}
.dashboard_page_left_top a{
    width: 100%;
    text-align: center;
    color: #fff;
    text-decoration: none;
    border-right: 1px #ffffff33 solid;
    padding: 5px 0;
	padding-top: 8px;
    transition: 0.2s ease;
	min-width: 70px;
}
/*.dashboard_page_left_top a.active{
	    background-color: #b12231;
}*/
.dashboard_page_left_top a:hover{
    transform: scale(1.05);
}
.dashboard_page_left_top a h6{
    margin-top: 5px;
	margin-bottom:0;
}
.dashboard_page_left_top a:last-child{
    border: 0;
}
.dashboard_page_left_list{
    width: 100%;
    display: inline-block;
    box-shadow: 0px 0px 20px #e5e5e5;
    padding: 10px;
    border-radius: 5px;
	    background-color: #ffffff82;
}
.dashboard_page_left_list ul{
    padding: 0;
    margin: 0;
}
.dashboard_page_left_list li {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
    list-style: none; 
    border-bottom: 1px #e5e5e5 solid;
    padding: 8px 0;
}
.dashboard_page_left_list li span{
    min-width: 30px;
}
.dashboard_page_left_list li span img{
    width:23px;
}
.dashboard_page_left_list li:last-child{
    border: 0;
}
.dashboard_page_left_list li a{
    width: 100%;
    display: inline-block;
    text-decoration: none;
    color: #666;
    transition: 0.2s ease;
	font-size: 13px;
}
.dashboard_page_left_list li a:hover{
    color: #950e15;
}
.dashboard_page_right_sec_2 h3{
	font-size: 19px;
}
.dashboard_page_top_filter_Sec{
    width: 98%;
    display: flex;
    justify-content: space-between;
    align-items: center;
	background-color: #ffebeb;
    padding: 8px;
	border-radius: 30px;
}

.dashboard_page_top_filter_Sec p{
    margin: 0;
}
.dashboard_page_top_filter_Sec .btn{border-radius: 30px;}
.dashboard_page_center_top_tab{
    width: 100%;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
	position: sticky;
    top: 38px;
    background-color: #fff4f4;
    z-index: 91;
	padding:0px;
}
.dashboard_page_center_top_tab a{
    color: #666;
    font-size: 15px;
    text-decoration: none;
    margin-bottom: 10px;
}
.dashboard_page_center_top_tab a:hover{
    color: #f00;
    border-bottom: 1px #f00 solid;
}
.dashboard_page_center_section{
    width: 100%;
    display: inline-block;
	position:relative
}
.dashboard_page_center_sectionCnt{
	 width: 100%;
    display: inline-block;
	max-height: 80vh;
	padding:0px;
    overflow-x: hidden;
}
.notification_icon{
    width: 40px;
    height: 40px;
   border-radius:30px;
   display:flex;
	align-items:center;
	justify-content:center;
   background-color:#f00;
	color:#fff;
	position:relative;
}
.notification_icon span{
  position: absolute;
    top: -7px;
    left: 22px;
    width: 20px;
    height: 20px;
    background-color: #FFEB3B;
    color: #000;
    border-radius: 30px;
    text-align: center;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
	    padding: 0;
    line-height: 1;
    padding-left: 1px;
}
.profile_more_option_popup{
 	width:100%;
	height:97%;
	position:absolute;
	left:0;
	top:0;
	background-color:#00000078;
	display: flex;
    align-items: center;
    justify-content: center;
	z-index:92;
}
.profile_more_option_popup_cnt{
	width: 100%;
    max-width: 270px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    background-color: #fff;
    padding: 15px;
	max-height: 95%;
    overflow-x: hidden;
	border-radius:15px;
}
.modal-content{
	border-radius:15px;
}
.btn{
	border-radius:30px;
}
.profile_more_option_popup_cnt ul{
	list-style:none;
	padding:0;
	margin:0;
}
.close_profile_more_option_popup{
	position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
    background-color: #fff;
    text-align: center;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #242424;
    border: solid 1px #f00;
}
.dashboard_page_center_top_tab a.active{
    color: #f00;
    border-bottom: 1px #f00 solid;
}
.dashboard_page_right_sec{
    width: 100%;
    display: inline-block;
    position: sticky;
    top: 150px;
}
.dashboard_page_right_sec_1{
    width: 100%;
    display: flex;
    gap: 2px;
    padding: 5px 3px;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 10px;
	position:relative;
	    box-shadow: 0px 0px 20px #e5e5e5;
    border-radius: 10px;
	    border: 2px #f44336 solid;
    background-color: #fff;
	
}
.dashboard_page_right_sec_1 hr{
    background-color: #e5e5e5;
    margin: 0;
    margin-top: 5px;
}
.dashboard_page_right_sec_profile{
    width: 40px;
    min-width: 40px;
    height: 40px;
    margin-right: 5px;
    background-color: #e5e5e5;
    border-radius: 50%;
    overflow: hidden;
}
.dashboard_page_right_sec_profile img{
    width: 100%;
    height: 100%;
}
.dashboard_page_right_sec__prfl_dtl{
	    line-height: 18px;
}
.dashboard_page_right_sec__prfl_dtl h6{
    width: auto;
    display: inline-block;
    color: #d71e1d;
    font-size: 18px; 
	max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
	margin:0;
	font-weight: bold;
}
.dashboard_page_right_sec__prfl_dtl span{
    width: 100%;
    display: inline-block;
    font-family: sans-serif;
	font-weight: bold;
    font-size: 12px;
	    color: #000000;
}
.dtl_right_prfl_upgrade_btn {
   width: 96%;
    padding: 5px 7px;
    font-size: 9px;
    margin: auto;
    border-radius: 30px;
    background-color: #910e1b;
    color: #fff;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    /* margin-top: 9px; */
    max-width: 147px;
    white-space: nowrap;
}
.dtl_right_prfl_upgrade_btn:hover{
    background-color: #790606;
    color: #fff;
}
#clientName1{
 display:inline-block;
 overflow:hidden;
  max-width:100px;
  text-overflow: ellipsis;
}
.pacakge_acc .accordion{
	display:flex;
	gap:10px;
	margin-top:30px;
}
.pacakge_acc .accordion .accordion-collapse{
	display: block !important;
    height: auto !important;
}
.pacakge_acc .accordion .accordion-button::after{
  display:none;
}
.pacakge_acc .upgrade_premium_package{
  flex-direction:colomn
}
.pacakge_acc .accordion-button{
	border-bottom: 1px #ffeaea solid;
	box-shadow:none
}
.pacakge_acc .accordion-body{
	text-align:center
}
.pacakge_acc .accordion-collapse p{
        text-align: center;
    width: 100%;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 20px;
}

.pacakge_acc .upgrade_premium_package {
    flex-direction: column;
    text-align: left;
    align-items: start;
    row-gap: 15px;
}
.pacakge_acc .accordion-item {
    color: #404040;
    box-shadow: 0px 0px 20px #e5e5e5;
    border-radius: 10px;
    background-color: #fff;
}


#manage_profile_showing_prefrence .btn-primary{
    font-size: 13px;
    padding: 7px 20px !important;
}
.dashboard_page_right_sec_2{
    width: 100%;
    display: inline-block;
    margin-bottom: 0px;
    padding: 10px;
    border: solid 1px #e5e5e5;
	background-color: #ffffff82;
	max-height: 54vh;
    overflow: auto;
	    border-radius: 5px;
}
.dashboard_page_right_sec_2_cnt{
    width: 100%;
    display: inline-block;
}
.dashboard_page_right_sec_2_cnt_row{
    width: 100%;
    display: flex;
    gap: 10px;
    border-bottom: 1px #e5e5e5 solid;
    margin-bottom: 15px;
}
.dashboard_page_right_sec_2_cnt_row:last-child{
    border: 0;
}
.dashboard_page_right_sec_2_cnt_row_prfl{
    width: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #e5e5e5;
}
.dashboard_page_right_sec_2_cnt_row_prfl img{width:100%}
.dashboard_page_right_sec_2_cnt_row_prfl_dtl{
    width: 100%;
    display: inline-block; 
}
.dashboard_page_right_sec_2_cnt_row_prfl_dtl h6{
    width: 100%;
    display: inline-block; 
}
.dashboard_page_right_sec_2_cnt_row_prfl_dtl h6 span{
    color: #f00;
}
.dashboard_page_right_sec_2_cnt_row_prfl_dtl p{
    width: 100%;
    display: inline-block; 
    font-size: 13px;
    color: #545454;
    line-height: 18px;
    margin-bottom: 10px;
	
}
.dashboard_page_right_sec_2_cnt_row_prfl_dtl .dated_dv{
    width: 100%;
    display: inline-block; 
    font-size: 13px;
    color: #747474;
}
.dashboard_page_profile_listing_area{
    width: 100%;
    display: inline-block;
    margin-top: 20px;
}
.dashboard_page_profile_listing_area .nric_home_premium_list_box_cnt{
  padding-bottom:60px;
	position:static;
}
.dashboard_page_profile_listing_area .nric_home_premium_list_box{
	position:relative
}
.dashboard_page_profile_listing_area .nric_home_premium_list_box_img,
.dashboard_page_profile_listing_area .nric_home_premium_list_box_img a{
	display: block;
	
}
.dashboard_page_profile_listing_area .nric_home_premium_list_box_img > a > img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.dashboard_page_profile_listing_area .profile_photo_locked_view,
.dashboard_page_profile_listing_area .profile_photo_locked_view_cnt{
	line-height: normal;
}
.dashboard_page_profile_listing_area .profile_photo_locked_view_cnt img{
	width: 50px;
	height: 50px;
	object-fit: contain;
	display: block;
	margin: 0 auto 6px;
}
.dashboard_page_profile_listing_area .nric_home_premium_list_box .profile_bottom_btn_row {
	width: 94%;
	left: 50%;
	transform: translateX(-50%);
	box-sizing: border-box;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
	padding-top: 10px;
	justify-content: center;
	align-items: center;
	gap: 6px;
}
.dashboard_page_profile_listing_area .profile_bottom_btn_row .act-icon{
	width: 34px;
	min-width: 34px;
	height: 34px;
	border: 1px solid transparent;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	flex-shrink: 0;
}
.dashboard_page_profile_listing_area .profile_bottom_btn_row .interest-btn{
	flex: 0 0 108px;
	max-width: 108px;
	height: 34px;
	border: 0;
	border-radius: 8px;
	padding: 0 8px;
	font-size: 11px;
	font-weight: 700;
	white-space: nowrap;
}
.dashboard_page_profile_listing_area .profile_bottom_btn_row .interest_sent_text.pending{
	flex: 0 0 auto !important;
	width: auto;
	min-width: 108px;
	height: 34px;
	padding: 0 10px;
	color: #e8192c !important;
	background-color: #fff7e6;
	border: 1px solid rgba(245, 158, 11, 0.25);
	border-radius: 8px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 6px;
	font-size: 11px !important;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
}
.dashboard_page_profile_listing_area .profile_bottom_btn_row .interest_sent_text.pending i{
	width: 20px;
	height: 20px;
	background-color: #fff;
	color: #e8192c;
	flex-shrink: 0;
}
.dashboard_page_profile_listing_area .profile_bottom_btn_row .interest_sent_text.pending b{
	font-size: 11px;
	line-height: 1;
}
.dashboard_page_profile_listing_area .nric_home_premium_list_box .nric_home_premium_list_box_cnt span{
	    line-height: 18px;
}
.dashboard_page_profile_listing_area .nric_home_premium_list_box_cnt h3{
       color: #d71e1d;
}
.dashboard_page_profile_listing_area .nric_home_premium_list_box_cnt h3 span{
     color: #000;
     font-weight:bold;
}
.profile_bottom_btn_row{
    width: 100%;
    display: flex;
    margin-top: 10px;
    gap: 4px;
    justify-content: space-between;
    padding: 10px;
       position: absolute;
    bottom: 0px;
}
.profile_bottom_btn_row a{
    width: 40px;
    min-width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50px;
    color: #242424;
    display: flex;
    align-items: center;
    justify-content: center;
	text-decoration:none;
	    font-size: 18px;
}
.profile_bottom_btn_row a:hover{
    background-color: #c10016;
	color:#fff
}
.profile_bottom_btn_row a:hover img{
    filter: invert();
}
.profile_bottom_btn_row a.active{
background-color: #c10016;
	color:#fff
}
.profile_more_options{
    position: absolute;
    right: 10px;
    top: 10px;
   z-index:2;
}
.profile_more_options .dropdown-toggle{
    color: #fff;
    font-size: 6px;
    display: flex;
    flex-direction: column;
	
}
.profile_more_options .dropdown-toggle::after{
    display: none;
}
.profile_more_options .btn-secondary{
	display: flex;
    flex-direction: column;
	    padding: 5px 10px;
    scale: 0.8;
}
.profile_more_options .btn-secondary span{height:10px;line-height: 5px;}
.profile_photo_locked_view{
    width: 190px;
    height: 100px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: transparent;
    /* backdrop-filter: blur(20px); */
    text-align: center;
    z-index: 1;
	    display: flex;
    flex-direction: column;
    text-align: center;
}
.profile_photo_locked_view img{
    width: 50px;
	    z-index: 2;
    position: relative;
	margin-bottom: 6px;
}
.profile_photo_locked_view h6{
    color: #fff;
	    z-index: 2;
    position: relative;
margin: 0 0 8px;
    font-size: 12px;
    font-weight: 600;
}
.prfl_req_btn_new{
    color: #ffffff;
    text-decoration: none;
    background-color: rgb(171 51 51);
  	padding: 8px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 600;
    max-width: 140px;
    transition: background-color 0.12s;
      
}
.prfl_req_btn_new:hover{
	background-color: rgb(78 2 2);
	color:#fff
}
.profile_photo_locked_view_cnt{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-bottom: 0px;
}
.profile_photo_locked_view_cnt a{text-decoration:none}
.nophpt_sec{
    background-color: transparent;
    backdrop-filter: inherit;
}
.profile_photo_locked_view.nophpt_sec h6{
    color: #000;
	z-index: 2;
    position: relative;
}
.profile_photo_locked_view.nophpt_sec h6{
    color: #000;
}

.advanced_search_section{
    width: 100%;
    display: inline-block;
    background-image: url(../images/register-bg.jpg);
    background-size: cover;
    padding: 80px 0;
    margin-top: 70px;
}
.advanced_search_tab{
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
	    position: sticky;
    top: 98px;
    background-color: #fff;
    padding-top: 10px;
    z-index: 9;
}
.advanced_search_box{
    width: 100%;
    padding: 20px;
    background-color: #ffffffdb;
    min-height: 200px;
}
.advanced_search_box_row{
    width: 100%;
    display: inline-block;
}
.advanced_search_box_row h4{
    font-size: 20px;
    color: #000;
    font-weight: 500;
}
.advanced_search_box_row_bx{
    width: 100%;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0px;
    cursor: pointer;
    border-bottom:1px #b91c1c solid ;
    padding-bottom: 10px;
    margin-bottom: 0px;
}

.show_advanced_search_data {
    height: auto;
    max-width: 500px;
    margin: auto;
    width: 95%;
}
.show_advanced_search_data ul{
    padding: 0;
}
.show_advanced_search_data li{
    width: 100%;
    display: inline-block;
    font-size: 15px;
    color: #242424;
    list-style: none;
    margin-bottom: 10px;
    border-bottom:1px #e5e5e5 solid ;
    padding-bottom: 10px;
}
.show_advanced_search_data label{
    text-decoration: none;
    color: #242424;

}
.show_advanced_search_data label span{
    width: 100%;
    display: inline-block;
    font-size: 12px;
    color: #666;
    padding-left: 15px;
}
.show_advanced_search_data_list{
    width: 100%;
    display: inline-block;
    max-height: 350px;
    overflow: auto;

}
.irs--round .irs-bar {
    background-color: #FD5D6F;
 }
 
 .irs--round .irs-handle {
   background-color: #FD5D6F;
   border-color: #FD5D6F;
   box-shadow: 0px 0px 0px 5px rgba(194, 0, 0, 0.2);
 }
 
 .irs--round .irs-handle.state_hover, 
 .irs--round .irs-handle:hover {
    background-color: #FD5D6F;
 }
 .advanced_search_box_row_bx_val{
    width: 200px;
    margin: auto;
    display: flex;
 }
 
 .irs--round .irs-handle {
   width: 16px;
   height: 16px;
   top: 29px
 }
 
 .irs--round .irs-from, 
 .irs--round .irs-to, 
 .irs--round .irs-single {
   background-color: transparent;
   color: #666666;
 }
 
 .irs--round .irs-from:before, 
 .irs--round .irs-to:before, 
 .irs--round .irs-single:before,
 .irs--round .irs-min, 
 .irs--round .irs-max {
   display: none;
 }
 .slide_view_box{
    width: 100%;
    display: inline-block;
 }
 .slide_view_box input{
    border: 0;
    max-width: 100px;
    margin: auto;
    text-align: right;
    outline: none;
    pointer-events: none;
 }
 .slide_view_box input:nth-child(2){
    text-align: left;
 }
 .premium_search_box_view{
    width: 100%;
    display: inline-block;
    padding: 15px;
    background-color: #FFEDEF;
	 border-radius:10px;
 }
 .btn-outline-primary{
    border-color:#b12231;
    color:#b12231;
 }
 .btn-outline-primary:hover{
    border-color:#b12231;
    background-color: #b12231;
    color:#fff;
 }
 .profile_right_box{
    width: 100%;
    height: auto;
    display: inline-block;
    background-color: #fff1f1;
    border-radius: 20px;
    position: relative;
 }
 .profile_right_box_cnt{
    width: 100%;
    display: flex;
    gap: 10px;
    padding-top: 15px;
    padding-left: 15px;
	padding-bottom: 50px;
    margin-bottom: -50px;
	 position:relative;
 }

 .profile_right_box_left_img{
        width: 360px;
    max-width: 290px;
    /*background-color: #e5e5e5;*/
    height: 100%;
    display: flex;
    justify-content: center;
	     border-radius: 10px;
    overflow: hidden;
 }
.profile_right_box_left_img .single_img_wrapper{
	margin-bottom: 50px;
}
 .profile_right_box_left_img img{
    width: 100%; 
	border-radius: 10px;
}
.profile_right_box_left_cnt{
    width: 100%;
    display: inline-block;
}
.profile_right_box .nric_home_premium_list_box_cnt{
    background-color: transparent;
}
 
.profile_right_box_left_cnt h3{
    font-size: 27px;
	line-height: 23px;
    margin-bottom: -7px;
}
.profile_right_box_left_cnt .profile_bottom_btn_row{
    max-width: 300px;;
}


.profile_right_box_btn_row{
    width: 100%;
    gap: 10px;
    border: 4px #ffffff solid;
    padding-top: 20px;
    padding-left: 10px;
    background-color: #ffecec;
    margin-bottom: -3px;
	padding-bottom: 10px;
	background-color: #282828;
	border-radius:15px;
}
.profile_right_box_btn_row p{
	    line-height: 23px;
	color:#fff;
}
.profile_right_box_btn_row .btn{
	margin:10px 0
}
.profile_close_ico{
    position: absolute;
    right: 10px;
    top: 10px;
    color: #666;
    cursor: pointer;
    font-size: 20px;
    z-index: 9;
}

.profile_details_box .dashboard_page_left_list li a{
    font-size: 14px;
}
.profile_details_box .dashboard_page_left_list li{
    padding: 10px 0;
}
.dashboard_page_left_list li.active{
	    background-color: #ffeae9;
    border-left: 3px #dd3433 solid;
    padding-left: 7px;
}
.profile_description_sec{
    width: 100%;
    display: inline-block;
    padding: 10px 0;
    margin-top: 10px;
}
.profile_description_sec p{
	line-height:20px;
	  width: 100%;
    display: inline-block;
	margin-bottom:15px;
}
.profile_description_contact_box{
    width: 100%;
    display: inline-block;
    padding: 10px;
    background-color: #FFE5E8;
	border-radius:10px;
	margin-top:5px;
	margin-bottom:10px;
}


.profile_detail_basic_details_section{
    width: 100%;
    display: inline-block;
    padding: 40px 0;
	padding-top:0;
}

.profile_detail_basic_details_section h4{
      margin-top: 0;
    background-color: #fff6f6;
    padding: 10px;
    border-radius: 5px;
	    margin-bottom: 20px;
	    font-size: 20px;
    font-weight: bold;
	    color: #d71e1d;
}
.profile_detail_basic_details_section table{
    width: 100%;
}
.profile_detail_basic_details_section td{
    width: 50%;
    font-size: 14px;
    padding: 5px 0;
	border-bottom:1px #e5e5e5 solid;
}
.search_section_header  .navbar-nav{
    margin-right:auto !important ;
    margin-left: inherit !important;
}
.settings_center_section{
    width: 100%;
    display: inline-block;
}
.settings_box{
    width: 100%;
    height: 95%;
    display: inline-block;
    padding:60px 20px;
    text-align: center;
    margin-bottom: 30px;
    box-shadow: 0px 0px 20px #e5e5e5;
    color: #000;
    border-radius: 10px;
    transition: 0.2s ease-in-out;
    border: solid 5px #fff;
}
.settings_box:hover{
    background-color: #ffd1d1;
}
.settings_box_ico{
    width: 100%;
    display: inline-block;
    font-size: 40px;
    margin-bottom: 30px;
}
.settings_tight_box{
    width: 100%;
    height: 95vh;
    display: inline-block;
    padding: 20px; 
    box-shadow: 20px 0 10px #e5e5e5;
    position: sticky;
    top: 10px;
}
.settings_tight_box_prfl{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: center;
}
.settings_tight_box_prfl_img{
    width: 80px;
    height: 80px;
    border-radius: 50px;
    overflow: hidden;
    background-color: #e5e5e5;
    margin: auto;
}
.settings_tight_box_prfl_img img{width: 100%;height: 100%;}
.settings_tight_box_prfl_id{color: #666;font-size: 12px;}
.settings_tight_box_prfl h5{margin: 0;}
.messages_right_box{
    width: 100%;
    height: 100%;
    display: inline-block;
    box-shadow: 0px 0px 20px #e5e5e5;
    border-radius: 10px;
    overflow: hidden;
}
.messages_right_box_head{
    width: 100%;
    display: flex;
    background-color: #FD5D6F7D;
}
.messages_right_box_head a{
    width: fit-content;
    padding: 10px 20px;
    color: #000;
    border-right: 2px #fff solid;
    text-decoration: none;
    flex: 1;
    text-align: center;
}
.messages_right_box_head a.messages_right_active{
    background-color: #FD5D6F;
    color: #fff;
}
.messages_right_box_head a:hover{
     background-color: #ff919d;
    color: #fff;
}
.messages_right_box_list_sec{
    width: 100%;
    display: inline-block;
    padding: 10px;
	max-height: 75vh;
    overflow: auto;
}
.messages_right_box_list_row{
    width: 100%;
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 10px;
    border-bottom: 1px #e5e5e5 solid;
}
.messages_right_box_list_row span{
    flex: 1;
}
.messages_right_box_list_ico{
    width: 40px;
    max-width: 40px;
    height: 40px;
    border-radius: 40px;
    background-color:#FD5D6E;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    color: #fff;
}
.messages_right_box_list_img{
    width: 40px;
    max-width: 40px;
    height: 40px;
    border-radius: 40px;
    /*position:relative;*/
}
.messages_right_box_list_img img{
      width: 40px;
    max-width: 40px;
    height: 40px;
    border-radius: 40px;
}
.message_time{
    max-width: 140px;
    text-align: right;
}
.delete_message{
    max-width: 50px;
}
.delete_message a{
    color: #242424;
    text-decoration: none;
}
.messages_right_box_list_row span p{
    color: #666;
    font-size: 12px;
    margin: 0;
	    line-height: 19px;

}
.messages_right_box_list_row h6{
    margin: 0;
}
.search_id_section_top{
    width: 100%;
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
}
.search_id_section{
     width: 100%;
    display: inline-block;
    padding: 10px;
}
.btn-search-btn{
    border-radius: 40px;
    background-color: #FD5D6F;
    padding: 8px 30px;
    color: #fff;
}
.btn-search-btn:hover{
    background-color: #790606;
    color: #fff;
}
.search_id_section_srch{
    position: relative;
    border: solid 1px #ccc;
    padding: 10px;
    border-radius: 40px;
    max-width: 500px;
    margin: auto;
    margin-top: 40px;
}
.search_id_section_srch input{
    width: 100%;
    height: 20px;
    border-radius: 30px;
    border: 0;
    outline: none;
    padding-left: 40px;
}
.search_id_section_srch i.fa{
    position: absolute;
    left: 20px;
    top: 23px;
}
.alert_row{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px #e5e5e5 solid;
    padding: 10px ;
}
.alert_row h6, .alert_row p{margin: 0;text-align: left;}

.checkbox_toggle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.checkbox_toggle input[type="checkbox"] {
    position: relative;
    width: 40px;
    height: 20px;
    -webkit-appearance: none;
    background: #c6c6c6;
    outline: none;
    border-radius: 20px;
    box-shadow: inset 0 0 5px rgba(255, 0, 0, 0.2);
    transition: 0.7s;
}

.checkbox_toggle input:checked[type="checkbox"] {
  background: #c10016;
}

.checkbox_toggle input[type="checkbox"]:before {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  top: 0;
  left: 0;
  background: #ffffff;
  transform: scale(1.1);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  transition: .5s;
}

.checkbox_toggle input:checked[type="checkbox"]:before {
  left: 20px;
}
.checkbox_toggle_bx{
    position: relative;
}
.login_box .form-control{
    border-radius: 5px;
}
.login_box .forgot_password{
    color: #000;
    text-align: right;
    padding: 10px 0;
    display: inline-block;
    width: 100%;
}
.login_box a{
     color: #000;
}
.login_box .btn{
    border-radius: 5px;
    width: 100%;
}
.btn-primary:focus {
    background-color: #c10016;
}
.manage_photo_box{
    width: 100%;
    height: 95%;
    min-height: 200px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    border: solid 10px #ffffff;
    box-shadow: 0px 0px 10px #ededed;
    position: relative;
    overflow: hidden;
    background-color: #f6f6f6;
}
.manage_photo_box img{
    width: 100%;
    transition: 0.2s ease-in-out;
}
.manage_photo_box:hover img{
    transform: scale(1.1);
}
.manage_photo_box input{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
}
.photo_delete{
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 50px;
    position: absolute;
    right: 10px;
    top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.profile_edit_ico{
    width: 30px;
    height: 30px;
    background-color: #FD5D6F;
    color: #fff;
    border-radius: 50px;
    position: absolute;
    right: 10px;
    top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer; 
    z-index: 9;
}
.manage_photo_box .btn-primary{
    border-radius: 30px;
}
.contact_us_banner{
    width: 100%;
    display: inline-block;
    padding: 100px 0;
    background: linear-gradient(90deg, rgba(255, 123, 88, 1) 0%, rgba(179, 18, 18, 1) 50%);
    color: #fff;
    margin-top: 80px;
    text-align: center;
}
.contact_us_banner h2{
    font-size: 50px;
}
.contact_us_second_sec{
    width: 100%;
    display: inline-block;
    padding: 100px 0;
}
.contact_us_box{
    width: 100%;
    padding: 40px 10px;
    display: inline-block; 
     background: linear-gradient(90deg, rgba(255, 123, 88, 1) 0%, rgba(179, 18, 18, 1) 50%);
    color: #fff;
    text-align: center;   
    margin-bottom: 10px;
    border-radius: 30px;  
}
.contact_us_box h6{
     width: 100%;
    display: inline-block; 
    margin: 0;
    font-size: 20px;
    margin-top: 20px;
}
.contact_us_box i{
    font-size: 40px;
}
.map_section_box{
     width: 100%;
    display: inline-block; 
    margin-top: 40px;
}
.contact_frm_box{
       width: 100%;
    display: inline-block; 
    margin-top: 40px;
    padding: 15px 0;
	background-color:#fff;
	border:solid 1px #e5e5e5;
}
.contact_frm_box img{
    width: 100%;
}

.person {
  --size:2em;
  width: fit-content;
  min-width: var(--size);
  min-height: var(--size);
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
}
.person.avatar {
  --size:3em;
}
.person.photo {
  --size:6em;
}
.person.photo .online {
  --size:1.5em;
}
.person .online {
  --size:0.75em;
  width: fit-content;
  min-width: var(--size);
  min-height: var(--size);
  position: absolute;
  right: 0;
  bottom: 0;
  background: #09db84;
  border-radius: 50%;
}

.chat {
  --bg:#fff;
  --bg-secundary:#e1e1e8;
  --bg-highlight:#057ef7;
  --color:#2a2b2e;
  max-width: 960px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  color: var(--color);
  background: var(--bg);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 8px 8px -4px #00000020;
  transition: all ease 0.5s;
}
.chat.dark {
  --bg:#1f2024;
  --bg-secundary:#292a30;
  --color:#dde4f0;
}
.chat[data-color=red] {
  --bg-highlight:#f70546;
}
.chat[data-color=green] {
  --bg-highlight:#10915c;
}
.chat[data-color=purple] {
  --bg-highlight:#b600f2;
}
.chat .conversation {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: all ease 0.5s;
}
.chat .conversation .head {
  width: 100%;
  min-height: 4em;
  display: flex;
  align-items: center;
  gap: 1em;
  background: var(--bg-secundary);
  padding: 0.5em;
      background: linear-gradient(90deg, rgba(255, 123, 88, 1) 0%, rgba(179, 18, 18, 1) 50%);
}
.chat .conversation .head .buttons {
  display: flex;
  align-items: center;
  gap: 1em;
  margin-left: auto;
}
.chat .conversation .messages {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.25em;
  padding: 1em;
  overflow: auto;
}
.chat .conversation .messages .time {
  width: fit-content;
  font-size: 0.75em;
  margin: 0 auto;
  padding: 0.5em;
  border-radius: 6px;
  background: #00000020;
}
.chat .conversation .messages .msg-text {
  width: fit-content;
  font-size: 0.85em;
  animation: appear-msg ease 0.25s forwards;
}
.chat .conversation .messages .msg-text .text {
  display: block;
  padding: 0.75em;
  border-radius: 0.75em 0.75em 0.75em 0;
  background:rgb(255 225 218);
  box-shadow: 0 2px 0 #00000020;
}
.chat .conversation .messages .msg-text.owner {
  margin-left: auto;
}
.chat .conversation .messages .msg-text.owner .text {
  color: #fff;
    background: linear-gradient(90deg, rgba(255, 123, 88, 1) 0%, rgba(179, 18, 18, 1) 50%);
  border-radius: 0.75em 0.75em 0 0.75em;
}
.chat .conversation .field {
  width: 100%;
  height: 4em;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  padding: 0.25em 0.5em;
  border-top: 1px solid var(--bg-secundary);
  transition: all ease 0.5s;
}
.chat .conversation .field .input-message {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  padding: 0.5em 1em;
  border-radius: 50px;
  color: var(--color);
  background: #fff;
  transition: all ease 0.5s;
}

.chat .conversation .field .input-message:not(:placeholder-shown) ~ .audio {
  display: none;
}
.chat .conversation .field .plus {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5em;
  border-radius: 50%;
  background: var(--bg-secundary);
}
.chat .conversation .field .send {
  min-width: 32px;
  display: flex;
  align-items: center;
  color: #fff;
     background: linear-gradient(90deg, rgba(255, 123, 88, 1) 0%, rgba(179, 18, 18, 1) 50%);
  padding: 0.5em;
  border-radius: 50%;
  overflow: hidden;
}
.chat .conversation .field .send .audio {
  display: none;
}
.chat .options {
  min-width: 50%;
  height: 100%;
  padding: 0.5em;
  border-left: 1px solid var(--bg-secundary);
  background: var(--bg);
  position: absolute;
  right: -100%;
  overflow: auto;
  transition: all ease 0.5s;
}
.chat .options.active {
  right: 0;
}
.chat .options .head {
  display: flex;
  align-items: center;
}
.chat .options .info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
}
.chat .options .buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
}
.chat .options .buttons .button {
  text-align: center;
}
.chat .options .buttons .button .icon {
  --size:2em;
  width: var(--size);
  height: var(--size);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5em;
  margin: auto;
  background: var(--bg-secundary);
  border-radius: 50%;
}
.chat .options .buttons .button .title {
  font-size: 0.9em;
  margin: 0.25em;
  opacity: 0.5;
}
.chat .options .details {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1em;
  font-size: 0.9em;
  padding: 1em 2em;
}
.chat .options .details > * {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 1em 0;
  border-bottom: 1px solid #00000020;
}
.chat .options .details .search-field .icon {
  display: flex;
  align-items: center;
}
.chat .options .details .search-field .search {
  width: 100%;
  padding: 0.25em;
  border: none;
  outline: none;
  background: transparent;
}
.chat .options .details .dark-mode .input-dark {
  display: none;
}
.chat .options .details .dark-mode .input-dark:checked ~ .toggle .circle {
  left: 50%;
  background: var(--bg-highlight);
}
.chat .options .details .dark-mode .toggle {
  cursor: pointer;
  --size:1.5em;
  width: calc(var(--size) * 2);
  height: var(--size);
  position: relative;
  border-radius: var(--size);
  outline: 2px solid var(--bg-secundary);
}
.chat .options .details .dark-mode .toggle .circle {
  width: var(--size);
  height: var(--size);
  position: relative;
  left: 0;
  background: var(--bg-secundary);
  border-radius: var(--size);
  transition: all ease 0.5s;
}
.chat .options .details .theme .colors {
  display: flex;
  gap: 0.5em;
}
.chat .options .details .theme .colors .color {
  cursor: pointer;
  --size:1.25em;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
}
.chat .options .details .theme .colors .color:hover {
  outline: 2px solid var(--bg-secundary);
}
.chat .options .details .theme .colors .color.blue {
  background: #057ef7;
}
.chat .options .details .theme .colors .color.red {
  background: #f70546;
}
.chat .options .details .theme .colors .color.green {
  background: #10915c;
}
.chat .options .details .theme .colors .color.purple {
  background: #b600f2;
}
.chat .options .details .media {
  flex-direction: column;
  gap: 1em;
}
.chat .options .details .media .label {
  display: flex;
  align-items: center;
  gap: 0.5em;
}
.chat .options .details .media .photos {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 96px;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
}
.chat .options .details .media .photos .img {
  cursor: pointer;
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
  object-position: center;
}
.chat .options .details .view-more {
  cursor: pointer;
  width: fit-content;
  margin: auto;
  font-size: 1.1em;
  font-weight: 600;
  text-align: center;
  color: var(--bg-highlight);
  background: #00000005;
  border-radius: 8px;
  padding: 0.5em;
}

.chat .person-name{
color: #fff;
}
.chat .person-name span{
color: #fff;
width: 100%;
    float: left;
font-size: 11px;
}
.chat_filepicker{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
}
#send-text{
    cursor: pointer;
}

/*****New *******/

.upgrade_prm_btn{
    padding: 6px 15px;
    border-radius: 40px;
    background-color: #FFC401;
    color: #000;
    display: inline-block;
    border: 0;
    transition: 0.2s ease-in-out;
	margin-bottom:10px
}
.upgrade_prm_btn:hover{
     background-color: #790606;
      color: #fff;
}
.profile_btn_new{
     padding: 6px 15px;
    border-radius: 40px;
    background-color: #FFA07A;
    color: #fff;
    display: inline-block;
    border: 0;
    transition: 0.2s ease-in-out;
}
.profile_btn_new:hover{
    background-color: #790606;
}
.profile_right_box_left_img button{
    position: absolute;
    left: 0;
    right: 0;
    width: 130px;
    z-index: 5;
	    font-size: 13px;
        margin: auto;
        bottom: 10px;
}
.profile_right_box_left_img{
    position: relative;
}
.login_box a{
 text-decoration:none
}
.search_floating_btn{
	width:100px;
	text-align:center;
	background-color: #dd3433;
	border-radius:30px;
	color:#fff;
	text-decoration:none;
	position:fixed;
	left:0;
	right:0;
	margin:auto;
	bottom:40px;
	padding:7px 0;
	cursor:pointer;
}
.search_floating_btn:hover{
	background-color: #9a0606;
	color:#fff;
}
.interest_sent_text{
	padding: 6px 5px;
    background-color: #ffecee;
    border-radius: 8px;
    display: flex !important;
    gap: 5px;
	color:#fff !important;
	font-size: 11px;
    align-items: center;
}
.interest_sent_text i{
	width:25px;
	height:25px;
	display:flex;
	align-items: center;
    justify-content: center;
	background-color:#fff;
	border-radius:30px;
}
.interest_sent_text b{font-size:13px}
.package_lft_header{
    color: #000;
}
.upgrade_premium_package{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 5px;
}
.upgrade_premium_package span{
  text-align:center
}
.upgrade_premium_package strong{
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 500;
	color:#000;
	text-align:center
    
}
.package_amount{
    width: auto;
    padding: 4px 16px;
    /* background-color: #a11724; */
    color: #a11724;
    font-weight: 900;
    font-family: sans-serif;
    display: inline-block;
    border-radius: 30px;
    font-size: 31px;
    letter-spacing: -1px;
}
.package_amount .fa-dollar-sign{
	font-size: 18px;
    position: relative;
    top: -7px;
}
#upgradeProfile .modal-body h2{
    font-weight: 700;
}
.pacakge_acc .accordion-button:not(.collapsed){
   background-color: #fff;
     color: #242442;
}
.pacakge_acc .accordion-item{
     background-color: #fff;
     color: #242442;
}
/*.accordion-item:first-of-type .accordion-button{
	  background-color: #fff;
     color: #242442;
}*/
.package_list_dtl{
    width: 100%;
    display: none;
    padding: 0;
}
.package_list_dtl li{
    list-style: none;
    font-size: 13px;
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
}
.pay_btn{
   background: linear-gradient(to bottom, #d32f2f 0%, #b71c1c 100%);
    border: none;
    border-radius: 7px;
    padding: 12px 30px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 
        inset 0 2px 4px rgba(255,255,255,0.3),
        0 4px 8px rgba(0,0,0,0.3);
    transition: all 0.3s ease;
	    width: 100%;
    font-size: 18px;
}
.pay_btn:hover{
   background: linear-gradient(to bottom, #e53935 0%, #c62828 100%);
    box-shadow: 
        inset 0 2px 6px rgba(255,255,255,0.4),
        0 6px 12px rgba(0,0,0,0.4);
}
.manage_photo_box .profile_more_options{
	right:inherit;
	left:10px;
}
.manage_photo_box .profile_more_options li{
	padding-left:5px;
}
.manage_photo_box .profile_more_options li label{
	cursor:pointer;
}
.chat .conversation .head .person.avatar{
	width:40px;
	height:40px;
	display:flex;
	align-items: center;
    justify-content: center;
	background-color:#fff;
	border-radius:30px;
}
.chat .conversation .head .person.avatar img{
  width:40px;
	height:40px;
	border-radius:30px;
}
.contact-input{
}
.passwordShowBtn{
   color: #242424;
    position: absolute;
    right: 28px;
    top: 35px;
	cursor:pointer;
	text-decoration:none
}
/* .passwordShowBtn:hover .fa{
    --fa: "\f2a8";
	font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
} */

.passwordShowBtn:hover,
.passwordShowBtn:focus,
.passwordShowBtn:active {
    text-decoration: none !important;
    opacity: 0.8;
    outline: none !important;
}
.password-field-wrap{
    position: relative;
}
.password-field-wrap .form-control{
    padding-right: 42px;
}
.password-field-wrap .passwordShowBtn{
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0;
    right: 12px;
    top: 0;
    width: 24px;
}
.prfl_right_logout{
	position:absolute;
	right:10px;
    top: 16px;
    background-color: transparent;
    color: #fff;
    border: 0;
	font-size: 20px;
}
.view_ctn_btn{
	    padding: 4px 20px;
    background-color: #fff;
    color: #242424;
    border-radius: 30px;
    font-size: 11px;
}
.user_dashbaord_view .container.mt-5{margin-top:0 !important}
.register_ftr_btn_row{
	width:100%;
	display:flex;
	gap:10px;
	justify-content:center;
}
.verified_option_prfl{
	position:absolute;
	left: 10px;
    top: 10px;
    width: 35px;
    height: 35px;
	z-index: 9;
}
.verified_option_prfl img{width:100%}
.edit_profile_page{
	width:100%;
	display:inline-block;
}
.profile_more_option_pop_user_dtl{
	width:100%;
	display:inline-block;
	text-align:center;
}
.profile_more_option_pop_user_dtl_prfl{
		width:100%;
	display:inline-block;
	text-align:center;
}
.profile_more_option_pop_user_dtl_prfl_img{
	width:100px;
	height:100px;
	border-radius:50%;
	overflow:hidden;
	margin:auto;
	border:solid 1px #e5e5e5;
}
.profile_more_option_pop_user_dtl_prfl img{width:100%}
.profile_more_option_pop_user_dtl_prfl_txt{
	width:100%;
	display:inline-block;
	text-align:center;
}
.profile_more_option_pop_user_dtl_prfl_txt h4{
	width:100%;
	display:inline-block;
	text-align:center;
}
.prfl_dtl_2 .profile_more_option_popup_cnt{
	max-width: 450px;
}
.prfl_dtl_2 .profile_more_option_popup_cnt ul{
	line-height: 40px;
    border-top: 1px #e5e5e5 solid;
}
.prfl_dtl_3 .profile_more_option_popup_cnt{
	max-width: 450px;
}
.prfl_dtl_3 .profile_more_option_popup_cnt ul{
	line-height: 40px;
    border-top: 1px #e5e5e5 solid;
}
.profile_more_option_popup ul li a.dropdown-item{padding: 1px 10px;}
.profile_more_option_popup ul li a.dropdown-item:hover{background-color:#fff}
.prfl_dtl_1 ul li a.dropdown-item{padding: 8px 10px;}
.dashboard_page_right_sec_2_cnt .alert-warning{
 font-size: 14px;
    border-radius: 6px;
    margin: 0;
    background-color: #fff8f8;
}

@media screen and (max-width: 768px) {
  .chat .conversation, .chat .options {
    width: 100%;
  }
}
@keyframes appear-msg {
  from {
    opacity: 0;
    transform: translateY(50%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.dashboard_page_center_top_tab{row-gap: 0;min-height:55px;}
.explore_first_tab_sec{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px #ccc solid;
    padding-bottom: 10px;
    margin-bottom: 10px;
	gap:0px;
	position: sticky;
    top: 0;
    background-color: #fff;
	z-index:91;
}
.explore_first_tab_sec span{color:#c1c1c1}
.explore_first_tab_sec a{
    padding: 3px 8px;
    text-decoration: none;
    color: #666;
    font-size: 14px;
}
.explore_first_tab_sec a:first-child{border: 0;}
.explore_first_tab_sec a.active{
    background-color:#b12231;
    color: #fff;
    border-radius: 30px;
     padding: 3px 10px;
}
.explore_tab_cnt{
    width: 100%;
    display: inline-block;
    padding: 30px 0;
	padding-top:0
}
.explore_tab_cnt_head{
     width: 100%;
    display: inline-block;
    text-align: center;
    margin-bottom: 40px;
	position: sticky;
    top: 90px;
    background-color: #fff;
    z-index: 9;
}
.explore_tab_cnt_profiles{
    width: 100%;
    display: inline-block;  
}
.rest_prfl_date{
    width: auto !important;
    display: inline-block;
    padding: 3px 10px;
    background-color: #ffe0e0;
    color: #2b0002;
    font-size: 12px;
    border-radius: 30px;
}
.nric_home_premium_list_box .profile_right_box_btn_row{
    display: flex;
    position: absolute;
    bottom: 0px;
	gap: 5px;
    left: 0;
    border: 0;
    padding: 7px;
    justify-content: center;
	align-items:center;
	z-index:2
}
.nric_home_premium_list_box .profile_right_box_btn_row .btn{
    border-radius: 30px;
}
.nric_home_premium_list_box .profile_right_box_btn_row .btn:hover{
     background-color: #f5e663;
}
.nric_home_premium_list_box .profile_right_box_btn_row .profile_btn_new{
		height:40px;
}
.save_search_no_data{
	width: auto !important;
    display: inline-block;
    padding: 3px 10px;
	text-align:center
}
.explore_tab_cnt_profiles .profile_right_box_btn_row a{
	    line-height: 12px;
    padding: 12px 15px;
    text-decoration: none;
	text-align:center
}
.explore_tab_cnt_profiles .profile_right_box_btn_row a:hover{
color:#fff;
}
.explore_tab_cnt_profiles .profile_right_box_btn_row span.badge{
	    line-height: 5px;
    padding: 12px 15px;
    padding-bottom: 15px;
    text-decoration: none;
	text-align:center;
	border-radius: 30px;
	    height: 38px;
    display: flex;
    align-items: center;
    padding: 12px 15px;
}

.photoverified{
	padding: 3px 7px;
    background-color: #ffecee;
    border-radius: 30px;
    display: flex !important;
    gap: 10px;
    color: #000 !important;
    position: absolute;
    right: 5px;
    bottom: 15px;
	font-size: 12px;
    line-height: 26px;
}
.photoverified i{
	width:25px;
	height:25px;
	display:flex;
	align-items: center;
    justify-content: center;
	background-color:#fff;
	border-radius:30px;
}
.notVerified_dv{
    background-color: #ebebeb !important;
    color: #ce2b2b !important;
    font-weight: bold;
}
#detailPopupSlider .owl-nav{
    position: absolute;
    top: 45%;
    width: 100%;
}
#detailPopupSlider .owl-prev{
    float:left;
	background-color:#5c0e0e;
	width:30px;
	height:30px;
	color:#242424;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:20px;
	margin-left:10px;
	opacity:0.5;
	border-radius:30px;
 }
#detailPopupSlider .owl-next{
    float:right;
	background-color:#5c0e0e;
	width:30px;
	height:30px;
	color:#242424;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:20px;
	margin-right:10px;
	opacity:0.5;
	border-radius:30px;
}
#detailPopupSlider .owl-prev:hover, #detailPopupSlider .owl-next:hover{opacity:1}
#upgradeProfile{background-color: #000000a3;}
#detailPopupSlider .owl-dots{display:none}
#detailPopupSlider {max-height: 500px;overflow:hidden}
#detailPopupSlider img{height:100%;width:100%;max-height: 500px}
#detailPopupSlider .owl-item{width:100%}
#detailPopupSlider .item{width:100%}

.cnt_banner_sec{
	     width: 100%;
    display: inline-block;
    padding-top: 100px;
    /*background-color: #ffebed;*/
    padding-bottom: 40px;
	/*background-image: url(../images/banner-bg.jpg);*/
    background-size: cover;
	color:#fff;
}
.contact_box{
	width: 100%;
    display: inline-block;
	border:solid 1px #e5e5e5;
	padding:20px 10px;
	text-align:left;
	position:relative;
    height: 91%;
    background-color: #fff;
    min-height: 180px;
}
.contact_box:before{
	content:'';
	width: 2px;
    height: 50px;
    position: absolute;
    left: -1px;
    top: 90px;
    background-color: #F44336;
}
.contact_box_ico{
	width: 100%;
    display: inline-block;
	font-size:40px;
	margin-bottom:10px;
}
.contact_box_ico svg{
	width:30px;
}
p{
	    font-size: 1rem;
    margin-bottom: 2px;
    color: #6c6c6c;
    line-height: 27px;
	font-weight: 400;
}
.footer_section p{
	    color: #fff;
    line-height: 27px;
    max-width: 360px;
font-size:17px;
}
.download_app_Section p{color:#fff}
.banner_left_section p{
	color:#fff;
	margin-top: 15px;
}
.footer_logo{
	width: 100%;
    display: inline-block;
	margin-bottom:15px;
}
.footer_logo img{
	max-width:200px;
}
.contact_frm_box label{
	padding-top: 13px;
    color: #444444;
   font-weight:bold;
}
#issue_type{
appearance: auto;
}
#phone_code{
	appearance: auto;
}
#scrollTopBtn {
  display: none; /* Hidden by default */
  position: fixed;
	width: 50px;
	height: 50px;
	bottom: 30px;
	right: 30px;
	z-index: 99;
	font-size: 24px;
	border: none;
	outline: none;
	background-color: #333;
	color: white;
	cursor: pointer;
	padding: 0px 16px;
	border-radius: 50%;
	transition: opacity 0.3s ease;
}

#scrollTopBtn:hover {
  background-color: #555;
  text-align:center

}
.login_img{
	
	width: 100%;
    display: inline-block;
	padding:10px
}
.login_img img{
	width: 100%;
}
.login_box{
   position:relative;
}

.your_match_star_box_ico{
	width: 100%;
    display: inline-block;
	height: 80px;
    margin-bottom: 10px;
}
.your_match_star_box_ico img{
	max-width: max-content;
    height: 100%;
}
.profile-card{
position:relative
}
.profile_deleted_unavailable{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #525252;
    z-index: 9;
    color: #fff;
    display: none;
    align-items: center;
    justify-content: center;
}
.profile_deleted_card{
	pointer-events:none;
	 opacity: 0.6;
    filter: grayscale(1);
}
.profile_deleted_card .profile_deleted_unavailable{
	display: flex;
}
.messages_right_box_list_row{    position: relative;}
.messages_right_box_list_row .profile_deleted_card {
    width: 100%;
    height: 92%;
	opacity: 1;
    position: absolute;
	left:0;
	top:0;
	z-index:5;
}
.messages_right_box_list_row .profile_deleted_card .profile_deleted_unavailable{
    background-color: #4c4c4ce8;
    justify-content: start;
    padding-left: 20px;
    border-radius: 10px;
}
#profile_family_description{
line-height:22px;
font-size: 14px;
	border-radius: 5px;
    height: 36px;
}
.premieumProfile .nric_home_premium_list_box{
	border: solid 2px #dd3433;
	position:relative
}
.premieumProfile .nric_home_premium_list_box:before{
	    width: 140px;
    height: 22px;
    background-color: #dd3433;
    color: #fff;
    position: absolute;
        left: -40px;
    top: 12px;
    content: 'Premium';
    z-index: 5;
    font-size: 14px;
    transform: rotate(-39deg);
    padding: 0 13px;
    text-align: center;
		
}
.inretSentBox{
	width:100%;
	height:auto;
	display:inline-block;
	padding:20px;
	background-color:#242424;
	color:#fff;
	margin-bottom:20px;
	border-radius:20px;
}
.inretSentBox span{
		width:100%;
	height:auto;
	display:inline-block;
	font-size:11px;
	margin-bottom:10px;
}
.inretSentBox h5{
	margin-bottom:2px;
}
.inretSentBox p{
	width:100%;
	height:auto;
	display:inline-block;
	font-size:13px;
	color:#fff
}
.inretSentBox button{
	border:0;
	background-color:#b91c1c;
	    padding: 7px 16px;
    color: #fff;
    font-size: 12px;
	border-radius:7px;
}
.dtl_photo_request{
 display: inline-block;
    color: #ffffff;
    text-decoration: none;
    background-color: rgb(171 51 51);
    padding: 8px;
    border-radius: 8px;
   font-size: 11px;
    font-weight: 600;
    max-width: 140px;
transition: background-color 0.12s;
}
.dtl_photo_request:hover {
    background-color: rgb(78 2 2);
    color: #fff;
}
.testimonial_box .owl-nav button{
	    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    box-shadow: 0px 0px 10px #e5e5e5;
	background-color: #fff !important;
    position: absolute;
    left: 30px;
}
.testimonial_box .owl-nav button.owl-next{
	left: 300px;
}
.count {
    transition: all 0.3s ease;
}
.inner_header_sec .dropdown-menu[data-bs-popper]{
	left:inherit;
	 right: 0;
    top: 74px;
    margin-top: .125rem;
    border: 0;
    box-shadow: 0px 2px 20px #00000033;
}
.allowedUploadinstr{
    width: 100%;
    display: inline-block;
    padding: 20px;
    background-color: #ffeeee;
    color: #d71e1d;
	margin-top:10px;
    position: relative;
    border-radius: 15px;
}
#savePhotoPrivacy{
    width: 100%;
    padding: 12px;
    background-color: #363434;
	border:0
}
.form-control{
	    height: 45px;
    border-radius: 10px;
}
.register_section_box label{
    margin-bottom: 5px;
    font-size: 14px;
}
 .float-alert {
      position: fixed;
      bottom: 20px;
      right: 20px;
      background: #333;
      color: #fff;
      padding: 10px 20px;
      border-radius: 8px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.2);
      font-family: sans-serif;
      font-size: 15px;
      z-index: 9999;
      display: none; /* hidden by default */
      animation: slideIn 0.3s ease-out;
    }
  .float-alert.show {
      display: block;
    }
.float-alert.success{
	background: #b91c1c;
	color: #fff;
}
.float-alert.error{
	background: #ff0000;
}
#partnerPreferenceForm .modal-body{
   max-height:75vh;
	overflow:auto;
}
#partnerPreferenceForm .modal-body .form-control{
    color: #727272;
    font-size: 13px;
}
.show_advanced_search_data_list li label{
     display: flex
}
.banner_right_img_dv{
    display: inline-block;
    height: auto;
    overflow: hidden;
    position: absolute;
    right: 0px;
    top: 174px;
    width: 53%;
    max-height: 620px;
}
.banner-right-img{
    width: 100%;
    position: relative;
}
.register_section_box label.form-label{
	white-space: nowrap;
}
.family_description_bx #family_description{
      width: 110%;
}
.upto_txt{
    width:100%;
	display:inline-block;
	text-align:center;
	position: relative;
    font-size: 12px;
    top: -27px;
    opacity: 0.7;
}
.uploaded_photo_view{
	width:100%;
	display:flex;
	gap:10px;
	align-items:center;
	justify-content:center;
	text-align:center;
	position: relative;
	flex-wrap:wrap;
	    margin-bottom: 18px;
}
.uploaded_photo_box{
    width: 100px;
    height: 100px;
    position: relative;
    border: solid 1px #e5e5e5;
}
.uploaded_photo_box img{
   width: 100%;
	display:inline-block;
	font-size:30px;
   height: 100%;
}
.uploaded_photo_box_close{
    position: absolute;
    right: -5px;
    top: -7px;
    width: 20px;
    height: 20px;
    border-radius: 30px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow: 0px 0px 8px #ccc;
	cursor:pointer;
}
.banner_text_main_wrd{
    width: 100%;
	display:inline-block;
    line-height: 58px;
}
.dashbaord_left_days_left_bx{
	width: 100%;
	display:inline-block;
	background-color:#f00;
	color:#fff;
	padding:8px;
	font-size:14px;
	border-radius: 5px;
    text-align: center;
}
.profile_box_sprt{
    background-color: #ffffff;
    margin-bottom: 20px;
	padding:10px;
    border-radius: 10px;
    border: solid 1px #e5e5e5;
}
.profile_box_sprt div{
     font-weight: 500;
    line-height: 1.45;
    color: #212529;
    font-size: 13px;
    word-wrap: break-word;
}
.profile_box_sprt div strong{
  color:#b07070;
  padding-left: 10px;
  display: inline-block;
      font-weight: 600;
    font-size: 12px;
    letter-spacing: .07em;
line-height: 1.6;
}
.profile_box_sprt div.row{
	margin-bottom:10px;
}

.profile-item {
	display: flex;
	align-items: center;
	margin-bottom: 1.5rem; /* Space between items */
}

.profile-icon-box {
	/* Styling for the circular icon background */
	width: 40px;
	height: 40px;
	border: 2px solid #dc3545; 
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 15px;
	margin-left: 10px;
	color: #dc3545; 
}

.profile-icon-box i {
	font-size: 1.2rem;
	color: #dc3545; 
}

.profile-text-content h6 {
	/* Style for the category label (e.g., Hobby) */
	font-size: 14px;
	margin-bottom: 0.1rem;
	color: #d71e1d;
	font-weight: bold; /* Make the label bold */
}

.profile-text-content p {
	/* Style for the value (e.g., Hiking) */
	font-size: 14px;
	margin-bottom: 0;
	color: #333;
}
.preference-container {
	border: 1px solid #dee2e6; /* Light border around the whole section */
	border-radius: .25rem;
	padding: 1rem;
}

.preference-list-item {
	display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0.5rem 20px;
	border-bottom: 1px solid #eee; /* Separator line */
}

.preference-list-item:last-child {
	border-bottom: none;
}

.preference-label {
	font-weight: bold;
	color: #dc3545; 
	width: 30%; 
}

.preference-value {
	color: #333;
	width: 50%;
}

.preference-icon {
	width: 20px; 
	text-align: right;
}
.nric_home_premium_list_box_cnt span img{width:15px !important;    display: inherit !important;}
.nric-section-card {
	padding: 1rem;
	margin-bottom: 2rem;
	background-color: #fff; 
	border-radius: 8px;
	box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,.075);
}
.nric_home_premium_list_box_cnt span .fa{
  margin-right:8px;
	color:#b71c1c;
	min-width:18px;
}
.nric_home_premium_list_box_cnt p{
 color:#000;
}

.nric-section-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 2px solid #dc3545; 
	padding-bottom: 0.5rem;
	margin-bottom: 1rem;
}

.nric-section-title {
	font-size: 1.25rem;
	font-weight: bold;
	color: #333;
}

.nric-edit-icon {
	color: #ffffff;
	cursor: pointer;
	font-size: 1.1rem;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #dc3545;
	text-align: center;
	border-radius: 30px;
}

/* --- FORM GROUP STYLES (Inputs/Selects) --- */
.nric-form-group {
	margin-bottom: 1rem;
}
.premium_search_box_view .nric-form-group .select2-container--default .select2-selection--multiple{
    overflow-x: hidden;
	height: 37px;
	max-height: 37px;
}
.premium_search_box_view select.form-select{
    font-size: 0;
	height: 37px;
	max-height: 37px;
    overflow: hidden;
}
.premium_search_box_view .nric-form-group .select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding-left: 19px;
}

.nric-form-control {
	font-size: 0.95rem;
}

.nric-label-required {
	font-size: 0.9rem;
	font-weight: 500;
	color: #333;
}

.nric-label-required::after {
	content: '*';
	color: #dc3545; 
	margin-left: 2px;
}

.nric-label-default {
	font-size: 0.9rem;
	font-weight: 500;
	color: #333;
}

.nric-note-text {
	font-size: 0.8rem;
	color: #6c757d;
	margin-top: 0.25rem;
	margin-bottom: 0;
}

/* --- LANGUAGE TABLE STYLES --- */
.nric-language-table {
	font-size: 0.9rem;
}

.nric-lang-select {
	font-size: 0.9rem;
	padding: 0.375rem 0.75rem;
}

.nric-lang-checkbox {
	display: block;
	width: 18px;
	height: 18px;
	margin: 8px auto 0;
	border: 1px solid #e8d0d0;
	border-radius: .25rem;
	background-color: #fffafa;
	cursor: pointer;
	box-shadow: none;
}

.nric-lang-checkbox:checked {
	background-color: #b91c1c;
	border-color: #b91c1c;
}

.nric-lang-checkbox:focus {
	border-color: #b91c1c;
	box-shadow: 0 0 0 .2rem rgba(185, 28, 28, .14);
}


.nric-delete-btn, .nric-add-btn {
	padding: 0.25rem 0.5rem;
	font-size: 0.8rem;
		float: right;
		margin-left: 5px;
}

.nric-delete-btn {
	background-color: #b91c1c;
	border-color: #b91c1c;
}

.nric-delete-btn:hover,
.nric-delete-btn:focus {
	background-color: #7f1d1d;
	border-color: #7f1d1d;
}

.nric-delete-btn:disabled {
	background-color: #b91c1c;
	border-color: #b91c1c;
	opacity: .65;
}

.nric-delete-btn i,
.nric-delete-btn:hover i,
.nric-delete-btn:focus i,
.nric-delete-btn:disabled i {
	color: #fff;
} 
/* --- LOCATION PICKER GROUP STYLES --- */
.nric-location-group {
	border-radius: .25rem;
	margin-bottom: 1rem;
}

.nric-location-select-wrapper {
	position: relative;
}

.nric-location-select {
	font-size: 0.9rem;
	padding-right: 2.5rem !important;
}

.nric-location-info-icon {
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	color: #dc3545; 
	pointer-events: none; 
	font-size: 1rem;
}

/* --- NRIC CANDIDATE'S DESCRIPTIONS STYLES --- */
.nric-description-header {
	border-bottom: 1px solid #dee2e6; 
	padding-bottom: 0.5rem;
	margin-bottom: 1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.nric-simple-description-item {
	padding: 0.5rem 0;
}

.nric-simple-description-item h6 {
	font-size: 0.9rem;
	font-weight: 500;
	color: #6c757d;
	margin-bottom: 0.1rem;
}

.nric-simple-description-item p {
	font-size: 1rem;
	font-weight: 400;
	color: #333;
	margin-bottom: 0;
}

.nric-red-icon-item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 1.5rem;
}

.nric-red-icon-box {
	width: 40px;
	height: 40px;
	border: 2px solid #dc3545; 
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 15px;
	color: #dc3545; 
}

.nric-red-icon-box i {
	font-size: 1.2rem;
}

.nric-red-icon-text h6 {
	font-size: 0.95rem;
	margin-bottom: 0.1rem;
	color: #555;
	font-weight: 600; 
}

.nric-red-icon-text p {
	font-size: 1rem;
	margin-bottom: 0;
	color: #333;
}

/* --- PARTNER PREFERENCES STYLES --- */
.nric-sub-heading-blue {
	font-size: 1rem;
	font-weight: bold;
	color: #dc3545; 
	margin-bottom: 1rem;
	padding-bottom: 0.3rem;
	border-bottom: 1px dotted #dee2e6; 
}

.nric-multiselect-wrapper {
	position: relative;
}

.nric-multiselect {
	border: 1px solid #ced4da;
	padding: 0.375rem 0.75rem;
	border-radius: 0.25rem;
	min-height: 38px;
	cursor: pointer;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 5px;
	background-color: #fff;
	position: relative;
}

.nric-multiselect:focus-within {
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.nric-multiselect-tag {
	background-color: #dc3545;
	color: white;
	padding: 2px 8px;
	border-radius: 4px;
	font-size: 0.85rem;
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.nric-multiselect-tag .remove-tag {
	cursor: pointer;
	font-weight: bold;
	padding-left: 5px;
	user-select: none;
}

.nric-multiselect-tag .remove-tag:hover {
	opacity: 0.8;
}

.nric-multiselect-wrapper select[multiple] {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	z-index: 1000;
	display: none;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	background-color: #fff;
	max-height: 200px;
	overflow-y: auto;
	margin-top: 2px;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	padding: 0.375rem 0.75rem;
}

.nric-multiselect-wrapper select[multiple]:focus {
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/**Details of profile***/
.profile_box_sprt h4 { display: flex !important; align-items: center !important; gap: 10px !important; padding: 14px 20px 13px !important; border-bottom: 0.5px solid var(--nri-border-soft) !important; font-size: 13px !important; font-weight: 600 !important; color: var(--nri-text) !important; margin: 0 !important; background: #fff !important; }
.contact-details-box-div-head small { color: #b91c1c !important; font-size: 12px !important; font-weight: 400 !important; margin-left: 0 !important; line-height: 1.2 !important; }
.profile_description_contact_box { background: transparent !important; border: none !important; padding: 4px 20px 12px !important; margin-bottom: 0 !important; display: flex; flex-direction: column; }
.profile_box_sprt div { font-weight: 500; line-height: 1.45; color: #212529; font-size: 13px; word-wrap: break-word; }
.profile_description_contact_box_cnt { display: grid !important; grid-template-columns: 16px minmax(180px, 240px) minmax(0, 1fr) !important; align-items: center !important; column-gap: 9px !important; flex-wrap: nowrap !important; padding: 8px 0 !important; font-size: 13px !important; color: var(--nri-text-deep) !important; background-color: transparent !important; border: none !important; border-bottom: 0.5px solid var(--nri-rose-100) !important; margin-bottom: 0 !important; font-weight: 500 !important; text-align: left !important; width: 100% !important; cursor: default; outline: none; }
.profile_description_contact_box_cnt i { color: var(--nri-red); font-size: 13px; width: 16px; flex-shrink: 0; }
.profile_description_contact_box_cnt .contact-row-label { color: var(--nri-label) !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: .07em !important; /* text-transform: uppercase !important; */ line-height: 1.6 !important; margin-left: 0 !important; }
.profile_description_contact_box_cnt .contact-row-value { color: var(--nri-text) !important; font-weight: 600 !important; margin-left: 0 !important; min-width: 0; overflow-wrap: anywhere; }

html.profile-page-loading #loadingOverlay { position: fixed !important; inset: 0 !important; width: 100vw !important; height: 100vh !important; background: rgba(255, 255, 255, .86) !important; z-index: 99999 !important; display: flex !important; pointer-events: all; }

/**Details of profile***/

/* Hidden overlay select for click handling */
.nric-multiselect-wrapper::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
}

.nric-multiselect-placeholder {
	color: #6c757d;
	font-size: 0.95rem;
	pointer-events: none;
}

.nric-multiselect-dropdown-icon {
	margin-left: auto;
	color: #6c757d;
	pointer-events: none;
	z-index: 0;
}

.nric-multiselect-display {
	flex: 1;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	align-items: center;
	min-height: 20px;
}

/* --- NRIC Basic Preference Display Styles (SECTION: Basic Preference) --- */
.nric-basic-preference-title {
	font-size: 1.25rem;
	font-weight: bold;
	color: #333;
	padding-bottom: 0.5rem;
	margin-bottom: 1rem;
}

.nric-preference-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.5rem 0;
	border-bottom: 1px dotted #dee2e6; 
}

.nric-preference-item:last-child {
	border-bottom: none;
}

.nric-preference-label {
	flex-basis: 30%;
	font-size: 0.95rem;
	font-weight: 500;
}

.nric-preference-text-red {
	color: #dc3545; 
}

.nric-preference-value {
	flex-grow: 1;
	text-align: left;
	font-size: 1rem;
	color: #333;
	padding-left: 1rem;
}

.nric-preference-status {
	flex-basis: 30px;
	font-size: 1.2rem;
	text-align: right;
}

.nric-status-green {
	color: #198754; 
}

.nric-status-red {
	color: #dc3545; 
}
.edit-section{
	width:100%;
	display:inline-block
}
.height_view_bar .irs--round .irs-from{
      margin-left: 40px;
}
.premium_search_box_view .select2-container--default .select2-selection--multiple{
	    border: 1px solid #ced4da;
    height: 36px;
}
.premium_search_box_view .select2-container--default .select2-search--inline .select2-search__field{
	font-size: 14px;
    margin-top: 7px;
    height: 23px;
}
#matchingProfilesSlider .profile_photo_locked_view_cnt img {
    width: 25px;
    z-index: 2;
 height: auto;
    object-fit: contain;
    position: relative;
}

.owl-dots {
    text-align: center;
}
.owl-dots button.owl-dot.active span, 
.owl-dots button.owl-dot:hover span {
  background-color: #dd3433;
  border-radius: 50%;
  height: 12px;
  width: 12px;
  position: absolute;
  top: 1px;
  left:1px;
}
.owl-dots button.owl-dot{
  border: 1px solid gray;
  background: white;
   border-radius: 50%;
 	height: 15px;
	width: 16px;
	margin-left: 5px;
   position: relative;
}
#matchingProfilesSlider .nric_home_premium_list_box{
    min-height: 400px;
	margin-bottom: 40px;
	width: 100%;
}
.table_list_style{
	width:100%;
	float:left;
}
.table_list_style td{
	font-size:14px;
	border-bottom:1px #e5e5e5 solid;
	    padding: 8px 2px;
}
.left-plan-details{
       width: 100%;
    justify-content: space-between;
    gap: 5px;
    margin-top: 10px;
	    font-size: 14px;
}
.left-plan-details p{
  font-size: 13px;
	padding-top: 5px;
}
.plan-box-left-bar{
        background: linear-gradient(to bottom, #d32f2f 0%, #b71c1c 100%);
    border: none;
    border-radius: 17px;
    width: auto;
    padding: 5px 6px;
    color: #ffff;
    border: 0;
    font-size: 10px;
    white-space: nowrap;
}
.help_support_box{
  width: 98%;
    display: inline-block;
    padding: 20px 10px;
    background-color: #dd3433;
    color: #fff;
	margin-bottom:20px;
	border-radius:10px
}
.help_support_box p{
	  width: 100%;
    display: inline-block;
	color: #fff;
	 font-size: 14px;
}

.photo_profile_manage_photo_setting{
    width: 100%;
    display: inline-block;
    border-radius: 20px;
    padding: 15px;
    padding-right: 25px;
    box-shadow: 0px 2px 20px #a6a6a63d;
}
.declineReasonModal_View{
    width: 100%;
    height: 97%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #00000078;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 92;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
  padding-left:5px
}
#family_additional_info{
     max-height: 150px;
    font-size: 13px !important;
    padding-left: 36px;
}
.notification-bar{
      display: flex;
    width: 100%;
    padding:20px 10px;
    background-color: #fff;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height:40px;
}
.close_notification_bar{
  width:30px;
height:30px;
position:absolute;
right:10px;
top:5px;
border-radius:30px;
display:flex;
    align-items: center;
    justify-content: center;
color:#fff;
background-color:#f00;
	text-decoration:none;
	opacity:0.8;
}
.close_notification_bar:hover{
	opacity:1;
	color:#fff;
}
.track {
  position: absolute;
  white-space: nowrap;
  will-change: transform;
  animation: marquee 32s linear infinite;
}
.banner_section_reg_box{
     position: relative;
    top: 0px;
}
.banner_left_section{
     position: relative;
    top: 0;
	    margin-top: 100px;
}
.has-notification-bar{padding-top: 40px;}
.has-notification-bar {top:50px}
.no_with_country_box select{
  appearance: none !important;
	font-weight:normal !important;
	    font-family: sans-serif;
    font-size: 15px;
    color: #535353;
}
.register_section_box #multiStepForm .form-step .form-label{
    margin-bottom:0
}
.register_section_box select{
    appearance: auto;
}
.profile_right_box_left_cnt h3{
      color: #f00;
	margin-left:-2px
}
.profile_right_box_left_cnt h3 span{font-weight: bold; font-size: 15px;color:#000;}
.right-lastactive{
     text-align: right;
    position: absolute;
    right: 20px;
    bottom:63px;
	    font-size: 14px;
    color: #000;
}
.chat-badge{
    width:20px;
	height:20px;
	padding: 0 !important;
    padding-top: 2px !important;
    font-size: 11px !important;
}
.inner_header_sec .hdr-user-name{
    line-height: 1;
    margin-bottom: 1px;
}
.inner_header_sec .hdr-user-uid{
    line-height: 1;
}
.search_section_header{
	align-items: center;
    gap: 15px;
	flex-grow: inherit;
	width:80%;
}
.search_section_header .dashboard_page_left_top{
    width: auto;
    min-width: 260px;
    height: 56px;
    padding: 5px 8px;
    align-items: stretch;
    flex-shrink: 0;
}
.search_section_header .dashboard_page_left_top a{
    width: 76px;
    min-width: 76px;
    padding: 5px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    line-height: 1;
}
.search_section_header .dashboard_page_left_top a:hover{
    transform: none;
}
.search_section_header .dashboard_page_left_top a span{
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.search_section_header .dashboard_page_left_top a span img{
    max-width: 22px;
    max-height: 22px;
}
.search_section_header .dashboard_page_left_top a.notification-menu-link span img{
    filter: invert(1) brightness(2);
}
.search_section_header .dashboard_page_left_top a span i{
    color: #fff;
    font-size: 20px;
}
.search_section_header .dashboard_page_left_top a h6{
    margin: 0;
    font-size: 13px;
    line-height: 1.1;
}
.search_section_header .dashboard_page_left_top a.notification-menu-link{
    width: 96px;
    min-width: 96px;
}
.search_section_header .dashboard_page_left_top .chat-badge{
    position: absolute;
    top: -8px;
    right: -10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.nric-upgrade-modal .upgrade-plans, .nric-upgrade-modal #packageContainer {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 0;
    overflow-x: hidden;
    height: 260px;
    display: flex !important;
    flex-wrap: wrap;
}

.nric-upgrade-modal .upgrade-plan{
    width: 223px;
}

.premium_search_box_view .select2-container--default .select2-selection--multiple .select2-selection__choice{
     border-radius: 2px !important;
         padding: 1px 3px 2px 18px !important;
}
.premium_search_box_view .select2-selection__choice__remove span {
    position: relative;
    top: 1px;
    left: 2px;
    border-right: 1px #ccc solid;
    padding-right: 3px;
}

/** New Registration UI **/

.banner_section_reg_box{
        border-radius: 20px;
}
.banner_section_reg_box label {
    font-size: 15px;
    margin-bottom: 2px;
    color: #101010;
    font-weight: 600;
    font-size: 11px !important;
    font-weight: 700;
    color: #b07070 !important;
    letter-spacing: .05em;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.banner_section_reg_box .form-control {
    height: 45px;
    /* min-height: 45px; */
    border-radius: 10px;
    background: #fffafa;
    color: #1a1a1a;
    opacity: 1;
    border-color: #e8d0d0;
    padding-left: 10px;
    height: 37px;
    min-height: 35px;
    border-radius: 5px;
    line-height: 1.4;
    font-size: 13px;
}


.no_with_country_box select {
    appearance: none !important;
    font-weight: normal !important;
    font-family: sans-serif;
    font-size: 13px;
    color: #535353;
    background: #fffafa;
    color: #1a1a1a;
    opacity: 1;
    border-color: #e8d0d0;
    padding-left: 10px;
    height: 37px;
    border-radius: 5px;
    line-height: 1.4;
}

.register_section_box #multiStepForm .form-step .form-label{
        font-size: 11px !important;
    font-weight: 700;
    color: #b07070 !important;
    letter-spacing: .05em;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.register_section_box .form-control {
    border-radius: 10px;
    height: 40px;
    font-size: 15px;
    background: #fffafa;
    color: #1a1a1a;
    opacity: 1;
    border-color: #e8d0d0;
    padding-left: 10px;
    height: 37px;
    border-radius: 5px;
    line-height: 1.4;
    font-size: 13px;
}
.register_section_box label{
        font-size: 11px !important;
    font-weight: 700;
    color: #b07070 !important;
}
.register_section_head h1{
        font-size: 30px;
}
.change_password_input_sec .btn-primary{
    background-color: #ae0000;
}
.advanced_search_tab { background: #fff; border-radius: 14px 14px 0 0; overflow: hidden; margin-bottom: 0; }
.dashboard_page_center_top_tab { gap: 0 !important; border-bottom: 1.5px solid #e8d0d0; padding: 0; background: #fff; display: flex ; justify-content: center !important; }
.dashboard_page_center_top_tab a { font-size: 14px !important; font-weight: 500 !important; color: #57534e !important; padding: 13px 28px !important; border-bottom: 2px solid transparent !important; margin-bottom: -1.5px; text-decoration: none !important; display: inline-block; transition: color .15s, border-color .15s; background: none !important; border-radius: 0 !important; letter-spacing: 0 !important; }
.dashboard_page_center_top_tab a.active { color: #b91c1c !important; font-weight: 600 !important; border-bottom-color: #b91c1c !important; }
.advanced_search_box { background: #fff; border-radius: 0 0 14px 14px; margin-bottom: 28px; padding: 20px 24px 16px; font-size: 14px; color: #1a1a1a; }
.advanced_search_box_row h4 { font-size: 13px !important; font-weight: 600 !important; color: #57534e !important; letter-spacing: .01em; margin-bottom: 0 !important; display: flex; align-items: center; gap: 8px; }
.premium_search_box_view h4 { font-size: 13px !important; font-weight: 600 !important; color: #57534e !important; display: flex; align-items: center; gap: 8px; margin-bottom: 0 !important; }
.nric-label-default, .nric-label-required { font-size: 10px !important; font-weight: 600 !important; color: #b07070 !important; letter-spacing: .07em; text-transform: uppercase; margin-bottom: 6px !important; display: block; }

 .advanced_search_box .slide_view_box { padding-top: 10px; } .irs--round .irs-line { background: #f0d4d4 !important; } .irs--round .irs-bar { background: #b91c1c !important; border: none !important; } .irs--round .irs-handle > i:first-child { background: #b91c1c !important; } .irs--round .irs-handle { border: 2px solid #b91c1c !important; background: #fff !important; box-shadow: 0 1px 4px rgba(185,28,28,.25) !important; } /* Floating labels — no background, just dark text */ .irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single { background: transparent !important; color: #b91c1c !important; font-size: 11px !important; font-weight: 600 !important; box-shadow: none !important; padding: 0 !important; top: 8px !important; } .irs--round .irs-to, .irs--round .irs-single { transform: translateX(-25px); } /* Hide the little triangle arrow under the tooltip */ .irs--round .irs-from::before, .irs--round .irs-to::before, .irs--round .irs-single::before { display: none !important; } /* Min/max labels */ .irs--round .irs-min, .irs--round .irs-max { font-size: 10px !important; color: #b07070 !important; background: transparent !important; box-shadow: none !important; } .height_view_bar .irs--round .irs-max { right: 18px !important; }

.edit_prfl_center_dv .explore_tab_cnt_head .pending-text{color:var(--activity-primary);font-weight:700}.edit_prfl_center_dv .sub-tab-bar{display:block;width:100%;max-width:none;background:var(--activity-card);border:1px solid var(--activity-border);border-radius:var(--activity-radius);margin-bottom:16px;overflow:hidden}.edit_prfl_center_dv .stab-nav{display:flex;gap:6px;width:100%;background:var(--activity-card);padding:7px}.edit_prfl_center_dv .stab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;background:0 0;border:1.5px solid transparent;border-radius:10px;color:var(--activity-soft);font-size:12.5px;font-weight:700;line-height:1.2;padding:11px 8px;text-align:center;text-decoration:none;transition:.2s;white-space:nowrap}.edit_prfl_center_dv .stab-btn svg{width:14px;height:14px;flex:0 0 auto}.edit_prfl_center_dv .stab-btn:hover{background:rgba(185,28,28,.04);color:var(--activity-mid);text-decoration:none}.edit_prfl_center_dv .stab-btn.active{background:linear-gradient(135deg,#fff0f0,#fff5f5);border-color:var(--activity-primary-mid);color:var(--activity-primary);box-shadow:0 2px 10px rgba(185,28,28,.08)}.edit_prfl_center_dv .explore_tab_cnt_profiles .row{display:block;margin-left:0;margin-right:0}

@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@keyframes slideIn {
      from {
        transform: translateY(50px);
        opacity: 0;
      }
      to {
        transform: translateY(0);
        opacity: 1;
      }
}

@media (max-width:1400px){
	.contact_box strong{font-size: 13px;}
	.dashboard_page_center_sectionCnt{max-height: 80vh;}
	.dashboard_page_right_sec_2{max-height: 49vh;}
	.dashboard_page_left_section{max-height: 80vh;}
	.messages_right_box{height:98%}
	.banner_left_section h1{font-size: 31px;}
	.dashboard_page_right_sec__prfl_dtl h6{max-width: 140px;}
	.nric_home_premium_list_box_cnt span{line-height: 27px;}
}
@media (max-width:1300px){
	.dashboard_page_left_list li a{font-size:14px}
	.dashboard_page_right_sec__prfl_dtl h6{max-width: 100px;}
}
@media (max-width:1200px){
	
}

@media (max-width:991px){
	.testimonialSlide .owl-nav{top:0}
    .register_btn{margin-bottom: 15px;}
    header.header_section form{display: none !important;}
    .navbar-collapse{background-color: #dd3433;}
    .header_right_login{padding-left: 20px; margin-bottom: 20px;}
    .banner_section{padding-bottom: 100px;background-size: cover;}
    .banner_left_section h1 {font-size: 30px;margin-bottom: 0; margin-top: 180px;}
    .banner_left_section h1 span{font-size: 22px;  }
    .footer_section h3{margin-top: 30px;}
    .download_app_Section_img {margin-top: 30px;}
    .download_app_Section{padding-top: 50px;}
    .footer_copyright{justify-content: center;}
    .search_section_header{display: flex;flex-direction: column;justify-content: center;}
    .profile_right_box_cnt{flex-wrap: wrap;}
	.stepper_top{min-width:inherit}
	.dashboard_page_center_sectionCnt{max-height:inherit}
	.dashboard_page_right_sec_2{max-height:inherit}
	.dashboard_page_left_section{max-height:inherit}
	.about_quick_count_box{margin-bottom:20px;}
	.contact_box{height: auto; margin-bottom: 20px; min-height: 210px;}
	.map_section  .col-md-8{width:100% !important}
	.banner_left_img{display:none}
	.navbar-dark .navbar-nav .nav-link{text-align: center;}
	.banner_section_reg_box label {font-size: 14px;white-space: nowrap;}
	.col-md-12.mb-4 label{white-space: inherit;}
	.family_description_bx #family_description{width: 100%;}
	.header_right_login{margin-left: 0; justify-content: center;}
	.user_logined_box_header{margin-left:inherit}
	.banner_right_img_dv{top: inherit; bottom: 80px; right: 0;}
	.banner_section_reg_box{top: 0px;}
	.banner_left_section{top: 0px;}
	.banner_left_section{margin-top:0}
	.banner_text_main_wrd{line-height: inherit;}
	.banner_left_section h1{line-height: 33px;}
}
@media (max-width:768px){
	.banner_section{max-height:inherit}
	.banner_left_section{margin-top:80px}
	.testimonial_box .owl-nav button.owl-next{left: 31px;top: 40px;}
	 .profile_right_box_left_img{width: 100%;max-width: 100%;}
	.navbar-dark .navbar-brand img{width:150px;}
	.banner_section_reg_box{padding:15px;}
	.banner_left_section h1{line-height:35px;margin-top:80px}
	.reg-success-box{padding:15px}
	.dashboard_page_left_top{margin-left:inherit}
	.user_logined_search_section{margin-left:0;left:0}
	.banner_right_img_dv{position:static;width:100%}
	.banner_section{padding:0}
	.banner_section .container .col-md-6:last-child{padding:0}
	.right-lastactive{position:static;padding-right: 20px;}
	.nric_home_premium_list_box_cnt span{align-items: baseline !important;}
	.banner_section .col-md-6:last-child{padding:0}
	.banner_right_img_dv{margin-bottom:-10px}
}


/* Hide browser native password reveal eye icon (specifically in Edge/IE) */
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none !important;
}