:root {

  --primary-color: #981A36;

  --secondary-color: #F58A23;

  --white-color: #ffffff;

  --Bg-1: #FFF8F2;

  --feedback: #8DAFC2;

  --Gray: #989898;

  --Inactive-Border: #989898;

  --Dark: #2D000A;

  --text_P: #686868;

  --heading: 42px;

  --option1: #149A77;

  --sub_heading: 32px;

  --font26: 26px;

  --font20: 20px;

  --font18: 18px;

  --font16: 16px;

  --font14: 14px;

  --font-small: 12px;

  --primary-font: Roboto flex;

  --secondary-font: Quicksand;



}



/* Gobal Css */

.secondary-color {

  color: var(--secondary-color);

}



.Inactive-Border {

  color: var(--Inactive-Border);

}



.primary {

  color: var(--primary-color);

}



.option1 {

  color: var(--option1);

}



.bg1 {

  background-color: var(--Bg-1) !important;

}



.background {

  background-color: var(--Bg-1);

}



.dark {

  color: var(--Dark);

}



.m-t_60 {

  margin-top: 60px;

}



.bg-primay {

  background-color: var(--primary-color)
}



.top-banner .main-heading {



  font-size: var(--heading);

  color: white;



}



h1,

h2,

h3,

h4,

h5,

h1,
h2,
h3,
h4,
h5,
h6 {

  font-family: var(--secondary-font);

  font-weight: 700;

  font-size: var(--sub_heading);

}



p {

  margin-bottom: 0px;

}



.title {

  font-size: var(--font18);

  color: var(--Dark);

  font-weight: 400;

  margin: 0px;

}



.about_us_Text p {

  font-size: var(--font18);

  color: var(--Dark);

  font-weight: 400;

  margin: 0px;

}



.card_text_sub_heading {

  font-family: "Roboto Flex";

  font-weight: 700;

  font-size: 18px;

  color: var(--Dark);

  margin-bottom: 10px;

}



.card_text_sub_titel {

  font-family: "Roboto Flex";

  font-weight: 500;

  font-size: 18px;

  color: var(--Gray);

  margin-bottom: 10px;

}



.card_text_sub_titel-1 {

  font-family: "Roboto Flex";

  font-weight: 500;

  font-size: 14px;

  color: var(--Gray);

  margin-bottom: 10px;

}



body {

  font-family: var(--primary-font);

  overflow-x: hidden;

}



* {

  margin: 0;

  padding: 0
}



.padding_top_bottom {

  padding: 60px 00px;

}



.top_head {

  text-emphasis: none;

}



.header-bg {

  background-color: #fff;

  box-shadow: 0px 2px 4px #bdbdbd;

}



.header-bg .login_btn a {

  color: var(--primary-color);

  border: 1px solid var(--primary-color);

  padding: 10px 20px;

  border-radius: 8px;

}



.top-banner {

  background-image: url(../images/Banner_img.png);

  padding-bottom: 50px;

  width: 100%;

  background-repeat: no-repeat;

  background-position: right center;

  background-size: cover;

}



section.vip_section img {

  max-width: 100%;

}



.login_btn a {

  border: 1px solid #fff;

  padding: 10px 20px;

  border-radius: 8px;

  text-decoration: none;

  color: #fff;

  font-size: 16px;

}



.btm-sec {

  color: var(--primary-color);

  background: #fff;

  text-decoration: none;

  padding: 14px;

  border: 1px solid var(--primary-color);

  border-radius: 10px;

  font-size: 16px;

}



.login_btn a i {

  margin-right: 10px;

}



.banner-from {

  margin-top: 150px;

}



.banner-itm {

  padding: 30px;

  background-color: #0000006c;

  border-radius: 20px;

}



.top-banner .banner-itm p {

  font-size: var(--font16);



}



.secondary-color {

  color: var(--secondary-color);

}





.banner-itm-text {

  padding: 10px;

  border-radius: 10px;

}



.form-check-input:checked {

  background-color: var(--primary-color);

  border-color: var(--Inactive-Border);

}



h6 {

  font-size: var(--font-4);

  color: var(--white-color);

}



.form-select {

  padding: 10px;

}



.form-select:focus {

  border-color: #121212;

  outline: 0;

  box-shadow: 0 0 0 .25rem rgb(0 0 0 / 25%);

}



.top-banner .btn {

  width: 100%;

  margin-top: 25px;

}



.btn {

  background-color: var(--secondary-color);

  border-radius: 10px;

  color: white;

  padding: 14px;

}



.top-banner .btn:hover,

.btn:hover {

  background-color: var(--secondary-color);

  color: var(--white-color);

}



.about-card-1 .Counter,
.about-card-2 .Counter {

  display: flex;

  align-items: center;

}



.about-card-1 .Counter .Counter-text,
.about-card-2 .Counter .Counter-text {

  font-size: 32px;

  font-family: var(--secondary-font);

  font-weight: 600;

  color: var(--secondary-color);

  font-weight: 600;

}



.btn-primery a {

  text-decoration: none;

  font-size: var(--font2);

  font-weight: 500;

  color: var(--white-color);

}



.about_us_section {

  background-color: var(--Bg-1);

  position: relative;

}



.about_us_section .about_bg {

  position: absolute;

  top: 50px;

  right: 50px;

}



.about_us_section .about_bg_1 {

  position: absolute;

  top: 260px;

  right: 1029px;

}



.about_us_section .about_bg_2 {

  position: absolute;

  bottom: 10px;

  left: -33px;

  width: 43%;

}



.about-card {

  padding: 20px 15px;

  border-top: 1px solid var(--secondary-color);

  border-bottom: 1px solid var(--secondary-color);

  border-right: 1px solid var(--secondary-color);

}



.about-card:last-child {

  border-right: 0;

}



/* .about-card:last-child{border-right:0px} */



/* slider css */

.work-outer {

  border-radius: 20px;

  overflow: hidden;

}



.owl-carousel .item .work-content {

  background-color: var(--Bg-1);

  color: var(--Dark);

  padding: 8px 0px;

}



.vip_section {

  background-image: url(../images/Vip_Section.png);

  width: 100%;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

}



.bioata_templates .btn {

  padding: 12px 24px;

  background-color: var(--Dark);

}



.how_to_work .work_card {

  background-color: #FFE3E3;

  padding: 16px;

  position: relative;

}



.how_to_work .work_card1 {

  background-color: #D4EBB6;

  padding: 16px;

  position: relative;

}



.how_to_work .work_card3 {

  background-color: #FFEACB;

  padding: 16px;

  position: relative;

}



.how_to_work .work_card::after {

  color: #FFE3E3;

  position: absolute;

  top: 10px;

  left: -13px;

  display: inline-block;

  width: 0px;

  height: 0;

  content: "";

  border-top: 10px solid;

  border-right: 10px solid transparent;

  border-bottom: 0;

  border-left: 10px solid transparent;

  transform: rotate(90deg);

}



.mr_top {

  margin-top: 50px;

}



.how_to_work .work_card1::after,

.how_to_work .work_card3::after {

  color: #D4EBB6;

  position: absolute;

  top: 10px;

  right: -13px;

  display: inline-block;

  width: 0px;

  height: 0;

  content: "";

  border-top: 10px solid;

  border-right: 10px solid transparent;

  border-bottom: 0;

  border-left: 10px solid transparent;

  transform: rotate(-90deg);

}



.brand-logo {

  max-width: 170px;

}



.how_to_work .work_card3::after {

  color: #FFEACB;

}





.mr_top {

  margin-top: 50px;

}



.mr_top1 {

  margin-top: 40px;

}



.how_to_work .work_border {

  border-left: 1px solid var(--Dark);

}



.work_card-barder {

  border: 1px solid;

  transform: rotate(90deg);

}



.timeline:before {

  z-index: 0;

  content: '';

  position: absolute;

  height: 100%;

  left: 50%;

  width: 2px;

  top: -20px;

  background: #2d000a81;

  z-index: 1;

}



.timeline {

  position: relative;

  margin: 50px auto 0px;

  width: 1000px;

  padding: 0;

}





.timeline ul {

  margin: 0;

  padding: 0;

}



.timeline ul li {

  list-style: none;

  box-sizing: border-box;

  line-height: normal;

  position: relative;

  width: 50%;

  padding: 25px;

}



.timeline ul li .right_content h2 {



  padding: 0px 2px 18px 0px;

}



.timeline ul li:nth-child(odd) {

  float: left;

  text-align: right;

  clear: both;

}



.timeline ul li:nth-child(even) {

  float: right;

  text-align: left;

  clear: both;

}



.left_content {

  padding-bottom: 20px;

}



.timeline ul li:nth-child(odd):before {

  content: '';

  position: absolute;

  width: 10px;

  height: 10px;

  background: #981a36;

  border-radius: 50%;

  box-shadow: 0 0 0 3px rgba(58, 112, 239, 0.2);

  right: -6px;

  top: 35px;

  z-index: 99;

}



.timeline ul li:nth-child(even):before {

  content: '';

  position: absolute;

  width: 10px;

  height: 10px;

  background: #D4EBB6;

  border-radius: 50%;

  box-shadow: 0 0 0 3px rgba(58, 112, 239, 0.2);

  left: -4px;

  top: 35px;

  z-index: 99;

}



.timeline ul li:nth-child(even):before:last-child {

  display: none;

}



.timeline ul li:nth-child(odd) .left_content {

  position: absolute;

  top: 12px;

  right: -165px;

  margin: 0;

  padding: 8px 16px;



  color: #fff;

  box-shadow: 0 0 0 3px rgba(59, 112, 239, 0.3);

  border-radius: 18px;



}



.timeline ul li:nth-child(even) .left_content {

  position: absolute;

  top: 12px;

  left: -165px;

  margin: 0;

  padding: 8px 16px;



  color: #fff;

  box-shadow: 0 0 0 3px rgba(59, 112, 239, 0.3);

  border-radius: 18px;



}



.Trust-Couples {

  background-color: var(--Bg-1);

}



.Trust-Couples .feedbck_card {

  background-color: var(--white-color);

  border: 1px solid #FFEACB;

  border-radius: 10px;

  padding: 60px 20px 20px;

  position: relative;

  margin-top: 60px;



}



.Trust-Couples .feedbck_card img {

  border-radius: 10px;

  width: 20%;

  margin-bottom: 16px;

}



.Trust-Couples .feedbck_card h3 {

  color: var(--Dark);

  font-size: 22px;

  font-weight: 600;

  margin-top: 10px;

}



.blog .blog-itm .blog-itm-card img {

  width: 100%;

  border-radius: 10px;

}



.blog .blog-itm-card p {

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

}



.Counter-text {

  color: var(--secondary-color);

  font-size: 18px;

  font-weight: 600;

}



.blog .blog-itm .blog-itm-card .btn {

  padding: 6px 20px;

  border-radius: 6px;

  margin-top: 10px;

  background-color: var(--primary-color);

}



.blog .blog-itm .blog-itm-card h3 {

  font-size: var(--font26);

  font-weight: 600;

  color: var(--Dark);

  margin-top: 10px;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}



.blog .blog-itm .blog-itm-card.sub-card h3 {

  font-size: var(--font18);

}



.blog-itm-card.sub-card p {

  font-size: var(--font14);

}



.find_secation .find_ground {

  background-image: url(../images/find\ Bg.png);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  width: 100%;

  padding: 30px;

  border: 1px solid var(--secondary-color);

  border-radius: 20px;

}



.find_secation .find_ground .btn {

  padding: 10px 20px;

  background-color: var(--primary-color);

}



.find_secation .find_ground .btm-sec {

  padding: 10px 20px;

}



.find_ground_1 {

  margin-top: 115px;

  margin-bottom: 116px;

}



.footer_section {

  background-image: url();

}





.footer_section {

  background-image: url(../images/Footer-bg.png);

  background-repeat: no-repeat;

  background-size: cover;

}



.footer_section .footer_chail_1 {

  align-items: center;

  color: var(--white-color);

  padding: 30Px;

  background-color: #A52340;

  margin-top: 50px;

  border-radius: 10px;

  display: flex;

  justify-content: space-between;

}



.footer_section .footer_chail_1 h2 {

  width: 100%;

  margin-bottom: 0;

}



.footer_section .footer_chail_bg {

  display: flex;

  justify-content: space-between;

  align-items: center;

  color: var(--white-color);

  padding: 50px 0px;

  border-radius: 10px;

}



.footer_section .footer_chail_3 a {

  text-decoration: none;

  color: #ffff;

  display: flex;

  align-items: center;

  gap: 6px;

  text-wrap: nowrap;

  margin: 0 12px;

}



.footer_section .footer_chail_3 {

  border-right: 1px solid var(--white-color);

}



.footer_section .footer_chail_2 {

  text-align: center;

}

span.footer-hr-span {
    display: block;
    width: 1px;
    height: 18px;
    border-left: 1px solid #fff;
}



.footer_section .footer_chail_2 a {

  text-decoration: none;

  color: #ffff;

}



.footer_chail_2:last-child,

.footer_section .footer_chail_3:last-child {

  border-right: none;

}



.social_media {

  border-top: 1px solid #f5892388;

  border-bottom: 1px solid #f5892388;

  padding: 20px 0px;

  margin-bottom: 20px;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.d-align-footer {

  display: flex;

  align-items: center;

  justify-content: center;

}



.media_child_1 {

  display: flex;

  align-items: center;

  gap: 16px;

}



.social_media .media_child_1 a,

.media_child_1 p {

  text-decoration: none;

  color: var(--white-color);

}



.end-footer {

  background-color: var(--Dark);

  padding: 10px;

  text-align: center;

}



.end-footer p {

  color: var(--white-color);

}



.end-footer a {

  text-decoration: none;

  color: var(--secondary-color);

}



/* home page css */

.header {

  font-family: var(--secondary-font);

}



.header .navbar-nav {

  align-items: center;

  gap: 16px;

}



.header-links {

  padding: 0 8px !important;

  font-size: 16px;

  font-weight: 400;

  color: var(--Gray) !important;

  font-family: var(--primary-font);

}



.header-links:hover,

.header-links.active {

  color: var(--primary-color) !important;

  transition: 0.4s;

  border-bottom: 2px solid #981a36;

  font-weight: 600;

}



.profile-btn {

  color: #fff !important;

  background-color: var(--primary-color);

  border: 1px solid var(--primary-color);

  border-radius: 6px;

  font-size: 16px;

  font-weight: 500;

  padding: 10px 20px !important;

  font-family: var(--primary-font);

}



.header .navbar-brand {

  padding: 0;

  margin: 0;

}



/* ________________________________ listing */

.View_Profile_Details {

  width: 100%;

  gap: 10px;

}



.Vip_Profile {

  background-color: #FFEBEB;

}



.profile_card_1 {

  padding: 16px;

  box-shadow: 0px 1px 4px 0 rgb(0 0 0 / 0.10);

  border-radius: 10px;

  text-align: center;

  position: relative;

  background-color: var(--white-color);

  display: flex;

  align-items: center;

  flex-direction: column;

  gap: 16px;

}



.Vip_Profile .btn {

  padding: 6px;

  width: 100px
}



.Vip_Profile .vip_heading h3 {

  font-size: 30px;

  color: var(--Dark);

  margin-bottom: 0;

}



.profile_card_1 p {

  font-size: 18px;

  color: var(--Dark);

  font-weight: 500;

}



.profile_card_1 .profile_text {

  font-size: 16px;

  color: var(--Gray);

  font-weight: 400;

}



.profile_card_1 a {

  text-decoration: none;

  font-size: var(--font16);

  font-weight: '400';

  color: var(--primary-color);



  justify-content: space-between;

  text-align: center;

}



.profile_card_1 .View_Profile_item_1 {

  background-color: #fff8f2;

  border-radius: 10px;

  border: 1px solid var(--primary-color);

  padding: 10px;

  width: 80%;



}



.profile_card_1 .heart_btn {

  padding: 14px;

  border-radius: 10px;

  border: 1px solid var(--primary-color);

  display: flex;

  margin-left: 0;

}



.profile_verify_icon img {

  position: absolute;

  right: 10px;

  top: 10px;

}



.Premium_profile_card .pre_pro img {

  width: 100%;

}



.profile_card_1 .profile_card_1_child_1 {

  position: absolute;

  top: 6px;

  left: 10px;

}



.profile-card-image {

  display: flex;

  width: 120px;

  height: 120px;

  justify-content: center;

  align-items: center;

  overflow: hidden;

  border-radius: 12px;

}



.p_list-image {

  display: flex;

  width: 90px;

  height: 90px;

  justify-content: center;

  align-items: center;

  overflow: hidden;

  border-radius: 50%;

}



.build_bio img {

  display: block;

  width: 100%;

}



.Premium_profile {

  background-color: #FFFBFB;

}



.Premium_profile .Premium_profile_item1 h4 {

  color: var(--Dark);

  margin-bottom: 16px;

}



.Premium_profile_item1 {

  display: flex;

  flex-direction: column;

  gap: 16px;

}



.pre_pro {

  border-radius: 50%;

  max-width: 100px;

  height: 100px;

  min-width: 100px;

  display: flex;

  overflow: hidden;

  align-items: center;

  justify-content: center;

}



.Premium_profile .Premium_profile_item1 .btn {

  background-color: var(--primary-color);

  border-radius: 10px;

  color: white;

  padding: 10px 30px;

  max-width: 200px;

  height: fit-content;

}



.Premium_profile .Premium_profile_item1 .btn:hover {

  background-color: var(--secondary-color);

}



.Premium_profile_card {

  box-shadow: 0px 1px 4px 0 rgb(0 0 0 / 0.10);

  background-color: #ffffff;

  padding: 20px;

  border-radius: 10px;

  position: relative;

  display: flex;

  align-items: center;

}



.Premium_profile_card .heart_btn {

  border: 1px solid;

  padding: 10px 13px;

  color: var(--primary-color);

  border-radius: 10px;

}



.Premium_profile .Premium_profile_card h4 {

  font-family: "Roboto Flex";

  font-weight: 600;

  font-size: 16px;

  color: var(--Dark);

  margin-bottom: 10px;

}



.Premium_profile .Premium_profile_card p {

  font-family: "Roboto Flex";

  font-weight: 500;

  font-size: 16px;

  color: var(--Gray);

  margin-bottom: 10px;

}



.Premium_profile .Premium_profile_card .Premium_profile_card-item2 {

  width: 100%;

  margin-left: 10px;

}



.Premium_profile .Premium_profile_card .Premium_profile_card-item2 .btn {

  background-color: var(--primary-color);

  border-radius: 10px;

  color: white;

  padding: 10px;

  width: 100%;

  margin-right: 10px;

}



.build-sec-home {

  background: linear-gradient(180deg, #FFFFFF 0%, #E7F4FF 100%);

  border: 1px solid #6CACDE;

  border-radius: 20px;

  padding: 20px;

}



.biodata-align-home {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 16px;

}



.bio-data-img {

  min-width: 220px;

  height: auto;

}



.home-biodata-content h4 {

  font-size: 24px;

  font-weight: 600;

  color: var(--Dark);

  margin-bottom: 10px;

}



.home-biodata-content p {

  color: var(--Dark);

  font-size: 16px;

  font-weight: 400;

  margin-bottom: 10px;

}



button.biodata-btn {

  color: #fff;

  background-color: #149A77;

  border: 1px solid #149A77;

  padding: 6px 12px;

  border-radius: 6px;

  font-size: 16px;

}



.new_match {

  background-color: var(--primary-color);

}



.new_match .new_match_card {

  background-color: var(--white-color);

  padding: 8px;

  box-shadow: 0px 1px 4px 0 rgb(0 0 0 / 0.10);

  border-radius: 10px;

  text-align: center;

  position: relative;

}



.new_match .new_match_card .new_match_itm {

  position: absolute;

  top: 7px;

  right: 7px;

}



.new_match .owl-carousel .owl-item img {

  display: flex;

  width: auto;

  justify-content: center;

  margin: auto;

}



.new_match .new_match_card1 .btn {

  padding: 14px;

  width: 58%;

  margin-top: 30PX;

}



.new_match .new_match_card1 h2 {

  color: var(--white-color);

}



.all_matches {

  background-color: var(--Bg-1);

}



.listing .filtrt_bg {

  background-color: #f3f3f3;

  padding: 16px;

  border-radius: 10px;

}



.listing .filtrt_bg .accordion-button:not(.collapsed) {

  color: var(--Dark);

  background-color: #f58a23;

}



.listing .filtrt_bg .accordion-button:focus {

  box-shadow: none;

}



.listing .filtrt_bg .accordion-button {

  font-weight: 600;

  font-size: 16px;

  color: var(--Dark);

}



.filtrt_bg h4 {

  font-size: 20px;

  font-family: var(--primary-font);

  color: var(--Dark);

}



h5 {

  font-family: var(--primary-font) !important;

  font-weight: 600;

  font-size: 16px !important;

  color: var(--Dark);

}



.Filter_btn {

  display: flex;

  justify-content: space-between;

  margin-top: 20px;

  gap: 10px;



}



.Filter_btn .btn {

  width: 50%;

  background-color: var(--white-color);

  color: var(--secondary-color);

  border: 1px solid var(--secondary-color);

  padding: 8px !important;

}



.Filter_btn .btn:hover {

  background-color: var(--secondary-color);

  color: var(--white-color);

}



/* .primary {

  background-color:var(--primary-color) !important;

  color: #fff !important; 

  border: none !important;

}

.primary:hover{

  background-color: var(--secondary-color)!important;

  color: var(--white-color) !important; 

} */

.form-check-input:focus {

  box-shadow: 0 0 0 .25rem rgb(152 26 54 / 9%);

}



.form-check-input:checked {

  background-color: var(--primary-color);

  border-color: #f5e9ec;

}



.form-check-label {

  font-family: var(--primary-font);

  color: var(--Gray);

  font-size: 16px;

}



.profile_list_tab.clearAfte .button .filter_btn :active {

  background-color: #2D000A;

  color: #fff;

}



.profile_list_tab.clearAfter::after {

  content: "";

  display: block;

  clear: both;

}



.profile_list_tab .clearAfter ul {

  padding: 0;

  position: relative;

  width: 100%;

  margin: 10px 10px 30px;

}



.profile_list_tab ul.clearAfter {

  list-style: none;

  float: left;

  color: #fff;

  border: 1px solid #fff;

  margin-right: 15px;

  font-family: var(--primary-font);

  text-transform: uppercase;

  cursor: pointer;

}



.clearAfter .button .filter_btn {

  background-color: transparent;

  color: var(--text_P);

  padding: 6px 10px;

  border-radius: 6px;

}



.clearAfter .button.active .filter_btn {

  background-color: var(--primary-color);

  color: var(--white-color);

  padding: 6px 10px;

  border-radius: 6px;

}



.profile_list_tab ul>li:hover,

.active {

  color: #262626;

}



.profile_list_tab ul.clearAfter {

  display: flex;

  width: 100%;

  align-items: center;

  padding: 0px;

  gap: 16px;

  text-wrap: nowrap;

  overflow-x: scroll;

  scrollbar-width: thin;

  box-sizing: border-box;

}



.button .filter_btn {

  width: 100%;

  background-color: #fff;

  border: none;

  color: var(--Gray);

}



.container {

  position: relative;

}



.box .pro_list_catd {

  box-shadow: 0px 3px 7px 2px rgb(0 0 0 / 0.10);

  background-image: linear-gradient(to bottom, #ffffff, #fff1e3);

  padding: 14px;

  border-radius: 10px;

  border: 10px;

  overflow: hidden;

}



.pro_list_catd .pro_list_catd_itm {

  margin-left: 10px;

  width: 100%;

}



.pro_list_catd .pro_labal {

  background-color: #007613;

  padding: 4px 5px;

  margin-top: 10px;

  border-radius: 4px;

  color: var(--white-color);

  text-align: center;

  font-size: 10px;

}



.pro_list_catd .pro_list_catd_im img {

  border-radius: 50%;

}



.pro_list_catd_bt .btn {

  width: 50% !important;

  padding: 10px;

  border-radius: 6px;

  background-color: var(--white-color);

  color: var(--primary-color);

  border: 1px solid var(--primary-color);

}



.pro_list_catd_bt .btn.primary {

  background-color: var(--primary-color);

  color: var(--white-color);

}



.pro_list_catd_bt {

  width: 100%;

  gap: 10px;

  display: flex;

  justify-content: space-between;



}



.back-page-link {

  padding: 10px 0;

  display: flex;

  gap: 10px;

  color: var(--Dark);

  text-decoration: none;

  font-size: var(--font16);

  font-weight: 600;

}



.my_subscription .my_sbu_bg {

  padding: 20px;

  border-radius: 20px;

  border: 1px solid #98989873;

}



.nav-pills .nav-link.active,

.nav-pills .show>.nav-link {

  background-color: var(--primary-color);

  color: var(--white-color);

}



.my_sbu_bg .sub_tab_bg {

  width: fit-content;

  overflow: hidden;

  border-radius: 50px;

  margin: 0 auto;

}



.nav-pills .nav-link {

  padding: 10px 68px;

  border-radius: 0;

  background-color: #F4F4F4;

  color: #666666;

}



.my_sbu_bg .sub_Card {

  background-color: var(--Bg-1);

  padding: 16px 16px 0px 16px;

  border-radius: 10px;

  border: 1px solid var(--secondary-color);



}



.my_sbu_bg .sub_Card .sub_card_itm {

  background-color: #fff;

  padding: 0px 18px;

  border-radius: 10px;

}



.my_sbu_bg .sub_Card .sub_card_itm1 {

  background-color: #149A3A;

  padding: 8px 18px;

  margin-left: 12px;

  border-radius: 10px;

  color: var(--white-color);

}



.sub_Card .sub_card_itm .card_text_sub_heading {

  margin: 0px;

}



.sub_Card .view_profile {

  background-color: #EE7149;

  padding: 5px 41px;

  border-radius: 10px 10px 0px 0px;

  color: #fff;

}



.sub_Card .view_profile1 {

  background-color: #7C89CC;

  padding: 5px 41px;

  border-radius: 10px 10px 0px 0px;

  color: #fff;

  margin-left: 10px;

}



.faq_Section .faQ_ {

  background-color: #F1F1F1;

  padding: 20px;

  border-radius: 10px;

}



.back-page-link {

  padding: 10px 0;

  display: flex;

  gap: 10px;

  color: var(--Dark);

  text-decoration: none;

  font-size: var(--font16);

  font-weight: 600;

}



.profile-card {

  background-image: url(../images/p-card-bg.png);

  background-position: right top;

  display: flex;

  background-repeat: no-repeat;

  flex-direction: column;

  gap: 16px;

  align-items: center;

  border: 1px solid var(--secondary-color);

  border-radius: 10px;

  padding: 32px 16px;


	position: relative;

    overflow: hidden;

}

.profile-card .pro_labal {
    position: absolute;
    top: 10px;
    right: -26px;
    transform: rotate(45deg);
    padding: 2px 30px;
    background-color: #007613;
    margin-top: 10px;
    border-radius: 0;
    color: var(--white-color);
    text-align: center;
    font-size: 10px;
}

.profile-image {

  position: relative;

  width: 100px;

  height: 100px;

}



.profile-image img {

  border-radius: 50%;

}



.update-profile {

  position: absolute;

  bottom: 0;

  right: 0;

  background-color: #fff;

  border-radius: 50%;

  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.25);

  color: var(--secondary-color);

  font-size: 14px;

  width: 28px;

  height: 28px;

  display: flex;

  align-items: center;

  justify-content: center;

}



.hello-text p {

  font-size: 16px;

  font-weight: 600;

  color: var(--text_P);

}



.user-name-id p,

.user-plan p {

  font-size: 18px;

  font-weight: 600;

  color: var(--Dark);

}

.user-name-id p {

	text-align:center;

}



.update-plan-btn {

  text-decoration: none;

  color: #fff;

  background-color: var(--primary-color);

  font-weight: 600;

  font-size: 18px;

  padding: 12px 24px;

  border-radius: 6px;

  border: 1px solid var(--primary-color);

}



.pro-menu-list {

  list-style: none;

  padding: 0;

  margin: 16px 0 0;

  display: flex;

  flex-direction: column;

  gap: 16px;

}



.pro-menu-btn {

  text-decoration: none;

  color: var(--Dark);

  padding: 12px 20px;

  width: 100%;

  font-size: 16px;

  font-weight: 600;

  background-color: #ffdab6;

  border: 1px solid var(--secondary-color);

  border-radius: 6px;

  text-align: start;

}



.pro-menu-btn i {

  margin-right: 6px;

}



.pro-menu-item {

  width: 100%;

  min-height: fit-content;

}



a {

  display: block;

}



.pro-about {

  background-color: #fafafa;

}



.pro-about-head {

  background-color: #e4e4e4;

  padding: 16px;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.pro-about-head h4 {

  font-size: 22px;

  margin-bottom: 0;

  color: var(--Dark);

  font-weight: 600;

}



.pro-edit-btn {

  width: 32px;

  height: 32px;

  color: #fff;

  background-color: #4D98D3;

  border: 1px solid #4D98D3;

  border-radius: 6px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 18px;

}



.about-info {

  padding: 16px;

  font-family: 'Quicksand';

  color: var(--Dark);

}



.abt-head {

  display: flex;

  align-items: center;

  gap: 10px;

}



.abt-image {

  width: 50px;

  height: 50px;

  background-color: #fff;

  border: 1px solid var(--Gray);

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 8px;

}



.abt-head p {

  font-size: 16px;

  font-weight: 600;

  color: var(--Dark);

}



.abt-table {

  margin-left: 25px;

  padding: 16px 0 16px 16px;

  border-left: 1px solid var(--Gray);

}



.about-details:last-child .abt-table {

  border-left: 1px solid transparent;

}



.abt-table table {

  width: 100%
}



.abt-table table tbody tr {

  border-bottom: 1px solid #e4e4e4;

  width: 100%;

}



.abt-prag p {

  margin-left: 25px;

  padding: 16px;

  border-bottom: 1px solid #e4e4e4;

  width: 100%;

  font-size: 16px;

  font-weight: 600;

  color: var(--text_P);

}



.abt-table table tbody tr th {

  padding: 6px 0;

  font-size: 16px;

  font-weight: 600;

  color: var(--text_P);

}



.abt-table table tbody tr td {

  font-size: 16px;

  font-weight: 600;

  color: var(--Dark);

}



.ld-align {

  display: flex;

  align-items: center;

}



.list-detail-pics {

  border-radius: 14px;

  overflow: hidden;

}



.list-detail-pics .owl-dot::after {

  content: "";

  width: 10px;

  height: 10px;

  background-color: #d9d9d9;

  display: block;

  margin-right: 10px;

  border-radius: 50%;

}



.list-detail-pics .owl-dot.active::after {

  background-color: #ffffff;

}



.list-detail-pics .owl-nav {

  display: none;

}



.list-detail-pics .owl-dots {

  position: absolute;

  bottom: 12px;

  left: 50%;

  transform: translateX(-50%);

}



.list-detail-bg {

  background: linear-gradient(180deg, #FFFFFF 0%, #FFF1E3 100%);

  padding: 24px 24px;

  border: 1px solid var(--secondary-color);

  border-radius: 20px;

  overflow: hidden;

  position: relative;

}



.vip-card-bg {

  background-color: #fafafa;

}



.vip-card-head {

  background: #e4e4e4;

  display: flex;

  align-items: center;

  gap: 10px;

  padding: 0 16px;

}



.vip-card-head h4 {

  font-size: 22px;

  font-weight: 500;

  margin-bottom: 0;

  color: var(--Dark);

}



.vip-batch {

  display: flex;

  align-items: center;

  height: 52px;

}



.vip-batch img {

  width: 56px;

  height: auto;

}



.vip-card-body {

  padding: 16px;

}



.vip-download-btn {

  width: 100%;

  display: flex;

  justify-content: center;

  margin-top: 10px;

}



.listing-detail-btns {

  padding: 20px;

  border-radius: 10px;

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.listing-detail-btns:nth-child(1) {

  background-color: #ffe4e4;

}



.listing-detail-btns:nth-child(2) {

  background-color: #E4F2FF;

}



.listing-detail-btns:nth-child(3) {

  background-color: #FFF3E8;

}



.listing-detail-btns:nth-child(4) {

  background-color: #FAE4FF;

}



.detail-btn-left {

  display: flex;

  align-items: center;

  gap: 8px;

}



.detail-btn-img {

  width: 50px;

  height: 50px;

  background-color: #fff;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 8px;

}



.detail-btn-left p {

  font-size: 18px;

  font-weight: 600;

  color: var(--Dark);

  margin-bottom: 0;

}



.detail-btn-right {

  font-size: 18px;

  font-weight: 600;

  color: var(--Dark);

}



.search-top-align {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.search-input div input {

  padding: 0 16px;

  min-width: 300px;

  border: 1px solid var(--secondary-color);

  border-radius: 6px;

}



.search-input div button {

  padding: 6px 14px;

  border: 1px solid var(--secondary-color) !important;

  background-color: var(--secondary-color) !important;

  color: #fff !important;

  font-size: 16px;

  font-weight: 500;

  border-radius: 6px;

}



.search-input div input:focus {

  border: 1px solid var(--secondary-color);

  outline: 0;

  box-shadow: none;

}



.search-forms {

  padding: 16px;

}



.form-search-card {

  margin-bottom: 32px;

}



.search-form-heading h4 {

  font-size: 22px;

  font-weight: 600;

  color: var(--primary-color);

}



.btn-search-drop {

  width: 100%;

  justify-content: space-between;

  display: flex;

  align-items: center;

  padding: 10px 16px;

  border-radius: 6px;

  border: 1px solid var(--bs-border-color-translucent);

  background-color: transparent;

  color: var(--Gray);

}



.bre-inputs {

  border-right: 1px solid var(--bs-border-color) !important;

  color: var(--Gray);

}



.btn-search-drop:focus {

  box-shadow: none !important;

  border-color: var(--Gray) !important;

}



.search-form-bg {

  background-color: #fff;

  border: 1px solid var(--Dark);

  border-radius: 20px;

  overflow: hidden;

}



.form-search-card p.form-label {

  color: var(--Dark);

  font-weight: 500;

}



.logout-modal {

  display: flex;

  flex-direction: column;

  gap: 32px;

  align-items: center;

  text-align: center;

  position: relative;

}



.modal-head img {

  width: 70px;

  height: 70px;

  margin-bottom: 24px;

}



.modal-head h5 {

  font-size: 24px;

  font-weight: 700;

  color: var(--Dark);

}



.modal-head .modal-close-btn {

  position: absolute;

  right: 15px;

  top: 15px;

  background: none;

  border: none;

  font-size: 22px;

  color: var(--Dark);

}



.delete-choose-btns {

  display: flex;

  flex-direction: column;

  gap: 10px;

  width: 100%;

}



.delete-choose-btns .dc-btn {

  border: 1px solid var(--Gray);

  background-color: #fff;

  font-size: 14px;

  width: 100%;

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 10px 16px;

  border-radius: 6px;

}



.modal-delete-bottom {

  align-items: start;

  display: flex;

  flex-direction: column;

  width: 100%;

}



.modal-delete-bottom p {

  font-size: 14px;

  font-weight: 400;

}



.modal-delete-bottom .direct-link {

  color: var(--Dark);

}



.modal-delete-bottom .direct-link i {

  font-size: 20px;

}



.login-section {

  font-family: var(--secondary-font);

}



.login-bg {

  width: 100%;

  height: 100vh;

  background-image: url(../images/bg\ login.jpg);

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  overflow: auto;

}



.login-box {

  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);

  background-color: #fff;

}



.login-box-pos {

  justify-content: center;

  align-items: center;

  min-width: 100%;

  height: 100vh;

}



.login-img {

  display: flex;

  align-items: end;

  width: 100%;

  height: 100%;

  background-color: #ffc0cb;

  border-radius: 0 50px 0 0;

}



.login-item {

  margin: 24px 16px 24px 0;

}



.login-title {

  color: var(--primary-color);

  font-size: var(--sub_heading);

  margin-bottom: 10px;

  font-weight: bold;

}





.login-title span {

  color: var(--secondary-color);

}



.login-content p {

  font-size: var(--font16);

  color: var(--text_P);

  margin-bottom: 10px;

}



.login-input .form-label {

  font-size: var(--font-small);

  font-weight: 600;

  margin-bottom: 8px;

}



.log01-input {

  border-right: transparent;

  padding: 10px;

}



.log01-input:focus {

  border-color: #dee2e6;

  outline: 0;

  box-shadow: 0 0 0 0rem rgba(13, 110, 253, .25);

  border-right: transparent;

}



.log02-span {

  background-color: transparent;

  border-left: 0;

}



.login-btn {

  width: 100%;

}



.login-btn a,

.login-btn button {

  width: 100%;

  text-align: center;

  font-size: var(--font16);

  font-weight: bold;

  color: var(--white-color) !important;

  background-color: var(--primary-color) !important;

  border-radius: 6px;

  border: 1px solid var(--primary-color);

}



.login-btn a:hover,

.login-btn button:hover {

  background-color: var(--primary-color);

  color: var(--white-color);

  border: 1px solid var(--primary-color);

}



.direct-login-btn {

  width: 100%;

}



.direct-login-btn button {

  width: 100%;

  text-align: center;

  font-size: 16px;

  font-weight: bold;

  color: var(--Dark);

  background-color: transparent;

  border-radius: 6px;

  border: 1px solid var(--Dark);

  padding: 10px;

}



.direct-login-btn button:hover {

  background-color: transparent;

  color: var(--Dark);

  border: 1px solid var(--Dark);

}



.direct-login-btn.mb-3 button img {

  width: 24px;

  height: auto;

  margin-right: 8px;

}



.register-page-link p {

  font-size: 16px;

  font-weight: normal;

  color: #989898;

  margin-bottom: 24px;

  text-align: center;

}



.register-page-link p a {

  color: var(--primary-color);

  font-weight: bold;

}



.login-note p {

  margin-bottom: 0;

  color: #686868;

  background-color: #F5F5F5;

  font-size: 14px;

  padding: 6px;

  font-weight: normal;

  text-align: center;

}



.login-note p span {

  font-weight: bold;

}



/* Register CSS */



.register-section {

  font-family: var(--secondary-font);

}



.register-bg {

  background-image: url(../images/bg\ login.jpg);

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  padding: 24px 0;

}



.register-box {

  display: flex;

  align-items: center;

  justify-content: space-between;

  width: 100%;

}



.register-form {

  padding: 24px;

  background-color: var(--white-color);

  width: 1080px;

  height: auto;

  margin: 0 auto;

  border-radius: 10px;

  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);

}



.register-top {

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.register-form .form-label {

  color: var(--Dark);

  font-weight: 500;

  font-size: 16px;

}



.from-radio-align {

  display: flex;

  gap: 16px;

}



.from-radio-align .form-check {

  border: 1px solid var(--bs-border-color);

  padding: 6px 10px 6px 34px;

  border-radius: 6px;

  color: var(--Dark);

}



.w-360px {

  max-width: 360px;

  margin: 0 auto;

}



.end-footer p a {

  display: inline;

}



.fed-img {

  width: 80px;

  height: 80px;

  transform: rotate(45deg);

  overflow: hidden;

  display: flex;

  position: absolute;

  align-items: center;

  justify-content: center;

  top: -40px;

  left: 40px;

}



.img-unro {

  transform: rotate(-45deg);

  width: 115px !important;

  margin: 0 !important;

  height: 115px;

}



.feedbck_card:before {

  content: "";

  width: 26px;

  height: 26px;

  border: 3px solid var(--primary-color);

  position: absolute;

  top: -60px;

  left: 16px;

}



.feedbck_card::after {

  content: "";

  width: 26px;

  height: 26px;

  position: absolute;

  top: -50px;

  left: 140px;

  border: 3px solid var(--secondary-color);

}



.feedbck_card p::before {

  content: "";

  width: 22px;

  height: 22px;

  position: absolute;

  top: 20px;

  left: 20px;

  border: 3px solid #FFA5A5;

}



.fltr-btn-tab {

  display: none;

  padding: 6px 10px;

  background-color: transparent;

  margin-left: 6px;

  border: 2px solid var(--primary-color);

  color: var(--primary-color);

  font-size: 14px;

  font-weight: 600;

  border-radius: 6px;

}





.modal-btns .btn {

  font-size: 16px;

  font-weight: 600;

  padding: 10px 20px;

  border: 1px solid var(--primary-color);

  background-color: transparent;

  color: var(--primary-color);

}



.modal-btns .btn.primary,

.Vip_Profile .btn.primary {

  background-color: var(--primary-color);

  color: #fff;

}



.profile-card-div {

  background: linear-gradient(180deg, #FFFFFF 0%, #FFF1E3 100%);

  border-radius: 20px;

  border: 1px solid var(--secondary-color);

  padding: 16px;

}



.my-profile-img {

  border-radius: 16px;

  overflow: hidden;

}



.pro-user-details .user-naam h4 {

  font-size: 32px;

  margin-bottom: 10px;

  color: var(--primary-color);

  font-weight: 600;

}



.pro-user-details .user-r-details {

  display: flex;

  gap: 10px;

  margin-bottom: 16px;

  align-items: center;

}



.pro-user-details .user-r-details i {

  font-size: 16px;

  color: #fff;

  background-color: var(--primary-color);

  display: flex;

  width: 32px;

  height: 32px;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

}



.pro_list_catd_bt.user-edit {

  max-width: 410px;

}



.edit-detail-accordian .accordion-item .accordion-header .accordion-button {

  background: linear-gradient(180deg, #FFFFFF 0%, #FFF1E3 100%) !important;

  color: var(--Dark);

  font-size: 16px;

  font-weight: 600;

}



.edit-detail-accordian .accordion-item .accordion-header {

  border: 1px solid var(--secondary-color);

  border-radius: 12px;

  overflow: auto;

}



.edit-detail-accordian .accordion-item {

  margin-bottom: 20px;

  border-bottom: none;

}





/* pagination */





.list-paginate .pagination {

  justify-content: center;

}



.list-paginate .pagination .page-item:nth-child(1) .page-link,
.list-paginate .pagination .page-item:nth-last-child(1) .page-link {

  border: none;

  color: #E1E1E1;

}



.list-paginate .pagination .page-item .page-link {

  border: 1px solid #A3A3A3;

  color: #A3A3A3;

  margin-left: 5px;

  border-radius: 4px;

  font-size: 14px;

  background-color: transparent;

  box-shadow: none !important;

}



.list-paginate .pagination .page-item .page-link:hover,
.list-paginate .pagination .page-item .page-link.active {

  border-color: #981a36;
  background-color: #981a36;
  border-radius: 6px;
  color: #fff;

}



.list-paginate .pagination .page-item .page-link i {

  font-size: 12px;

}



/* Media query for mobile devices */

@media (max-width: 768px) {

  /* Adjust pagination styles for smaller screens */

  .pagination {

    flex-wrap: wrap;

  }



  .pagination .page-item {

    margin: 5px 0;

  }



  .pagination .page-link {

    padding: 5px 10px;

    font-size: 14px;

  }



}









/* bio data list  */



#pdf-list {

  display: flex;

  flex-direction: column;

  align-items: center;
  /* Center align items horizontally */

  overflow: hidden;

  padding: 0;

  max-height: 100%;

  background-color: #fff;

}



#pdf-sub {

  display: flex;

  flex-direction: column;

  align-items: center;
  /* Center align items horizontally */

  overflow-y: auto;
  /* Allow vertical scrollbar */

  padding: 10px 0;

  max-height: calc(100vh - 130px);
  /* Adjust height to fit without scrollbar */

  background-color: #545454;

  width: calc(100% + 15px);
  /* Adjust width to accommodate scrollbar width */

  margin-right: -15px;
  /* Counteract margin-right caused by scrollbar */

}



.bio-image {

  width: 100%;

  max-width: 150px;

  height: auto;

  margin-bottom: 10px;

  cursor: pointer;

}



#bio-data-preview {

  display: flex;

  align-items: center;

  justify-content: center;

  height: 100%;

  color: #666;

  font-size: 1.5rem;

  background-color: #babfcb;

  overflow: auto;

  max-height: 100%;

  width: 100%;
  /* Make sure the width is 100% */

}



.overlay {

  opacity: 1;

}





.llNLul {

  padding: 16px 24px;

  border-top: 1px solid #e8eaef;

}



.spread {

  display: flex;

  justify-content: center;

  align-items: center;

}



.full-width {

  width: 100%;

}



.primary-btn {

  background: #df234f;

  padding: .2rem 1.5rem;

  font-weight: 500;

  font-size: 1rem;

  line-height: 31px;

  color: #fff;

  border-radius: 28px;

  white-space: nowrap;

  cursor: pointer;

  transition: background-color .1s ease-in;

}



.llNLul .disclaimer-text {

  margin-top: 0.7rem;

  color: #222;

  font-size: 0.8rem;

  line-height: 1rem;

  text-align: center;

}



.price-tag {

  position: absolute;

  top: -5px;

  min-width: 32px;

  left: -5px;

  display: flex;

  justify-content: center;

  color: white;

  padding: 5px;

  border-radius: 19px;

  background: linear-gradient(90deg, rgb(26, 30, 62) 0%, rgb(46, 53, 110) 100%);

  z-index: 5;

}



button:disabled {

  background-color: #f7f8fa;

  color: #929baa;

}





.confirm {

  display: none;

}



.confirm>div:first-of-type {

  position: fixed;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.5);

  top: 0;

  left: 0;

}



.confirm>div:last-of-type {

  padding: 10px 20px;

  background: white;

  position: absolute;

  width: 500px;

  height: auto;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  border-radius: 5px;

  border: 1px solid #333;

}



.confirm>div:last-of-type>div:first-of-type {

  min-width: 150px;

  padding: 10px;

}



.confirm>div:last-of-type>div:last-of-type {

  text-align: right;

}



.confirm>div:last-of-type h3 {

  font-weight: 600;

}



.ghost-btn {

  background: none;

  padding: .2rem 1.5rem;

  font-weight: 500;

  font-size: 1rem;

  line-height: 31px;

  color: #222;

  border-radius: 28px;

  white-space: nowrap;

  cursor: pointer;

  transition: background-color .1s ease-in;

  border: 1px solid #e8eaef;

}







/* bio data css */





.popup {

  display: flex;

  align-items: center;

  justify-content: center;

  position: fixed;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background-color: rgba(0, 0, 0, .80);

  z-index: 10000;

  visibility: hidden;

  opacity: 0;

  transition: 1s ease-in-out;

}



.popup-inner {

  position: relative;

  top: 0;

  left: 50%;

  transform: translateX(-50%) !important;

  width: 100%;

  height: 100%;

  background-color: #fff;

  transition: 1s ease-in-out;

}

.popup__text {

  display: flex;

  flex-direction: column;

  justify-content: center;

  width: 100%;

  height: 100%;

  padding: 4rem;

  h1 {

    font-size: 2rem;

    font-weight: 600;

    margin-bottom: 2rem;

    text-transform: uppercase;

    color: #0A0A0A;

  }

  p {

    font-size: .875rem;

    color: #686868;

    line-height: 1.5;

  }

}

.popup:target {

  visibility: visible;

  opacity: 1;

  .popup-inner {

    bottom: 0;

    right: 0;

    transform: rotate(0);

  }

}

.popup__close {

  position: absolute;

  right: -1rem;

  top: -1rem;

  width: 3rem;

  height: 3rem;

  font-size: .875rem;

  font-weight: 300;

  border-radius: 100%;

  background-color: #0A0A0A;

  z-index: 4;

  color: #fff;

  line-height: 3rem;

  text-align: center;

  cursor: pointer;

  text-decoration: none;

}





.sub-div {

  padding: 24px;

  z-index: 10;

  display: flex;

  margin-right: -10px;

}









/* image hover css */







.snip1205 i {

  position: absolute;

  top: 38%;

  left: 50%;

  border-radius: 50%;

  font-size: 34px;

  color: #fff;

  /* width: 60px; */

  height: 0;

  line-height: 60px;

  background: #ffffff;

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);

  -webkit-transform: translate(-50%, -50%) scale(0);

  transform: translate(-50%, -50%) scale(0);

  transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);

}







.img-hover img {

  opacity: 0.3;

  -webkit-filter: grayscale(100%);

  filter: grayscale(100%);

}

.img-hover i {

  -webkit-transform: translate(-50%, -50%) scale(1);

  transform: translate(-50%, -50%) scale(1);

  transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);

}



@media (max-width: 767px) {

  .llNLul {

    position: absolute !important;

  }







  .price-tag {

    position: absolute;

    top: -5px;

    font-size: 10px;

    min-width: 15px;

    left: -5px;

    display: flex;

    justify-content: center;

    color: white;

    padding: 5px;

    border-radius: 19px;

    background: linear-gradient(90deg, rgb(26, 30, 62) 0%, rgb(46, 53, 110) 100%);

    z-index: 5;

  }





  .snip1205 i {

    position: absolute !important;

    top: 38%;

    left: 50%;

    border-radius: 50%;

    font-size: 12px;

    color: #fff;

    /* width: 60px; */

    height: 0;

    line-height: 60px;

    background: #ffffff;

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);

    -webkit-transform: translate(-50%, -50%) scale(0);

    transform: translate(-50%, -50%) scale(0);

    transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);

  }

}





/* upgrade plan model */





.pricing-modal-content {

  background: linear-gradient(180deg, #F8DAF8 0%, #FFFFFF 37.35%, #FFFFFF 100%);

  border: 1px solid #DBA5DC
}



.pricing-modal .modal-body h3 {

  font-size: 20px;

  font-weight: 500;

  color: #000;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-top: 2rem;

}



.pricing-modal .modal-body h3 span {

  display: inline-block;

  height: 34px;

  width: 34px;

  line-height: 34px;

  text-align: center;

  background-color: #EA8334;

  color: #fff;

  border-radius: 10px;

  font-size: 17px;

}



.update-modal {

  background-color: #2F0830;

  padding: 20px;

  text-align: center;

  border-radius: 5px;

  margin: 4rem 0 2rem 0;

}



.update-modal h5 {

  color: #FFE0C9;

  font-size: 16px;

  font-weight: 400;

  margin-bottom: 1.5rem;

}



.update-modal p {

  color: #fff;

  font-size: 14px;

}



.modal-fltr p {

  font-size: 14px;

  color: #3A3838;

  margin-bottom: 1rem;

  font-weight: 500;

}



.modal-fltr p.disabled {

  color: #D2D2D2;

}



.pricing-card {

  padding: 20px;

  background-color: #fff;

  border-radius: 5px;

  text-align: center;

  border: 1px solid #D2D2D2;

  position: relative;

  box-shadow: 0px 0px 10px 0px #00000026;

  margin-top: 2rem;



  border-bottom-left-radius: 0;

  border-bottom-right-radius: 0;

}



.pricing-card h4 {

  font-size: 14px;

  color: #3A3838;

  border-bottom: 1px solid #D2D2D2;

  padding-bottom: 0.8rem;

}



.pricing-card p {

  font-size: 12px;

  color: #737373;

}



.pricing-card h6 {

  text-align: center;

  font-size: 18px;

  font-weight: 600;

  color: #3A3838;

}



.pricing-card h6 del {

  color: #828282;

  font-size: 14px;

  padding-bottom: 5px;

}



.selling {

  padding: 10px;

  text-transform: uppercase;

  font-size: 10px;

  font-weight: 500;

  color: #fff;

  background: linear-gradient(91.36deg, #f58a23 0.37%, #981a36 99.77%);

  text-align: center;

  border-bottom-left-radius: 5px;

  border-bottom-right-radius: 5px;

}



.bst-slng {

  border: 2px solid #981a36;

  border-radius: 5px 5px 0 0;

}

.bst-check{
  position: absolute;
  visibility: hidden;
}

.bst-slng .bst-check {
  visibility: visible;

  display: inline-block;

  width: 19px;

  height: 21px;

  line-height: 21px;

  background-color: #981a36;

  color: #fff;

  border-radius: 0px 6px 0px 6px;

  text-align: center;

  font-size: 10px;

  position: absolute;

  top: 0;

  right: -2px;

}



.pricing-modal .btn-close {

  background-image: none;

  position: absolute;

  right: 10px;

  top: 10px;

  height: 20px;

  width: 20px;

  text-align: center;

  line-height: 20px;

  background-color: #2F0830;

  opacity: 1;

  border-radius: 50px;

  color: #DBA5DC;

  z-index: 999;

  box-shadow: none !important;

}



.thm-btn {

  display: inline-block;

  padding: 12px 48px 12px 48px;

  background: linear-gradient(91.36deg, #f58a23 0.37%, #981a36 99.77%);

  font-size: 12px;

  color: #fff !important;

  border-radius: 50px;

  font-weight: 500;

  text-transform: capitalize;

  border: none;

  text-decoration: none;

}



/* about-us css */



.about-img {

  position: relative;

  isolation: isolate;

}



.about-img__is {

  width: 100%;

  object-fit: cover;

}



.about-img__btn {

  width: 80px;

  height: 80px;

  aspect-ratio: 1;

  display: grid;

  place-items: center;

  border-radius: 50%;

  background: rgb(var(--base));

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  font-size: 24px;

  color: hsl(var(--white));

  animation: heartBeat 1.5s ease-in-out infinite;

}



.about-img__btn:hover {

  color: hsl(var(--white));

}



/* work process css */



.work-process-section {

  position: relative;

  /* isolation: isolate; */

  background: #e7dad0 !important;



}



.work-process-section::after {

  content: "";

  position: absolute;

  inset: 0;

  background-color: #000000a8;

  z-index: -1;

}



.work-process-section .section__head h2 {

  color: #2b2828;

}







.work-process-section .section__head p {

  color: #2b2828;

}



.work-process-section .work-process__content h5 {

  color: #2b2828;

  margin-bottom: 10px;

}



@media (max-width: 424px) {

  .work-process-section .work-process__content h5 {

    font-size: 18px;

  }

}



.work-process-section .work-process__content p {

  color: #2b2828;

}



.work-process {

  display: flex;

  flex-direction: column;

  gap: 1.5rem;

}



@media (max-width: 991px) {

  .work-process {

    gap: 1rem;

  }

}





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

  .work-process {

    flex-direction: row;

  }

}



@media screen and (max-width: 1199px) and (min-width: 991px) {

  .work-process {

    text-align: center;

  }



  .work-process__icon {

    margin: 0 auto;

  }

}



@media (max-width: 991px) {

  .work-process {

    flex-direction: row;

  }

}



.work-process__icon {

  display: grid;

  place-items: center;

  width: 80px;

  height: 80px;

  aspect-ratio: 1;

  position: relative;

  font-size: 24px;

  border: 2px dashed #981a36;

  border-radius: 50%;

  background: #fff;

  color: #981a36;

}



.work-process__notification {

  display: grid;

  place-items: center;

  width: 30px;

  height: 30px;

  aspect-ratio: 1;

  border-radius: 50%;

  background: rgb(239 68 20);

  font-size: 1rem;

  color: #fff;

  position: absolute;

  top: -15px;

  left: 50%;

  font-size: 14px;

}





.section__head h2 {

  font-size: 35px;

  font-weight: 600;

  margin-bottom: 10px;

}



@media (max-width: 575px) {

  .section__head h2 {

    font-size: 25px;

  }

}



.bg--light {

  background-color: #f8fafc;

}





/*---------------------------------------

    2.49 Contact Card

-----------------------------------------*/

.contact-card {

  text-align: center;

  background-color: #fff;

  padding: 30px 20px;

  border: 1px solid #00000050;

  border-radius: 10px;

  display: flex;

  align-items: center;

  height: 100%;

}



@media screen and (max-width: 991px) and (min-width: 767px) {

  .contact-card {

    display: block;

    text-align: center;

    padding: 25px 15px;

  }

}



@media (max-width: 575px) {

  .contact-card {

    padding: 25px 15px;

  }

}



.contact-card__icon-container {

  display: flex;

  justify-content: center;

}



.contact-card__icon {

  font-size: 25px;

  background-color: #981a36;

  display: inline-block;

  color: #fff;

  width: 50px;

  height: 50px;

  display: flex;

  justify-content: center;

  align-items: center;

  border-radius: 3px;

}



@media screen and (max-width: 991px) and (min-width: 767px) {

  .contact-card__icon {

    margin: 0 auto;

    margin-bottom: 15px;

  }

}



.contact-card__body {

  text-align: left;

  width: calc(100% - 50px);

  padding-left: 20px;

}



@media screen and (max-width: 991px) and (min-width: 767px) {

  .contact-card__body {

    width: 100%;

    padding-left: 0px;

    text-align: center;

  }

}



.contact-card__body p {

  margin-bottom: 0;

}



@media (max-width: 575px) {

  .contact-card__body {

    padding-left: 15px;

  }

}



.contact-card__body h5 {

  font-weight: 600;

  margin-bottom: 8px;

  margin-top: 0;

}



@media (max-width: 575px) {

  .contact-card__body ul li {

    font-size: 15px;

  }

}



/*---------------------------------------

  2.50 Contact Image

-----------------------------------------*/

.contact-img {

  width: 100%;

  height: 100%;

}



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

  .contact-img {

    padding-left: 50px;

  }

}



.contact-img__is {

  width: 100%;

  height: 100%;

  border-radius: 10px;

  object-fit: cover;

}



.form-title {

  font-size: 28px;

  font-weight: 600;

  text-align: center;

  background: #981a36;

  display: inline-block;

  color: transparent;

  -webkit-background-clip: text;

}



@media (max-width: 767px) {

  .form-title {

    font-size: 25px;

  }

}



/*---------------------------------------

  2.51 Contact Form

-----------------------------------------*/

.contact-form {

  padding: 50px 30px;

  border: 1px solid #00000050;

  border-radius: 10px;

  background: #fff;

}



@media (max-width: 991px) {

  .contact-form {

    padding: 40px 25px;

  }

}



@media (max-width: 767px) {

  .contact-form {

    padding: 30px 20px;

  }

}



/*---------------------------------------

  2.52 Support Card

-----------------------------------------*/

.support-card {

  padding: 30px 15px;

  border-radius: 10px;

  background: #fff;

  border: 1px solid #00000050;

}



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

  .support-card {

    padding: 30px 20px;

  }

}



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

  .support-card {

    padding: 30px 40px;

    display: flex;

    gap: 2rem;

  }

}



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

  .support-card {

    padding: 30px;

    gap: 1rem;

  }

}



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

  .support-card {

    padding: 30px 40px;

    gap: 2rem;

  }

}



.support-card__image {

  display: inline-block;

  width: 120px;

  height: 100px;

  flex-shrink: 0;

  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

}



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

  .support-card__image {

    width: 180px;

    height: 150px;

  }

}



.support-card__image-is {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



/*---------------------------------------

  2.53 Map View

-----------------------------------------*/

.map-view__frame {

  width: 100%;

  height: 400px;

  margin-bottom: -6px;

}



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

  .map-view__frame {

    height: 500px;

  }

}



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

  .map-view__frame {

    height: 600px;

  }

}



/* faqs css */





.faq-section {

  background: #fdfdfd;

  min-height: 100vh;

  padding: 10vh 0 0;

}

.faq-title h2 {

  position: relative;

  margin-bottom: 45px;

  display: inline-block;

  font-weight: 600;

  line-height: 1;

}

.faq-title h2::before {

  content: "";

  position: absolute;

  left: 50%;

  width: 60px;

  height: 2px;

  background: #981a36;

  bottom: -25px;

  margin-left: -30px;

}

.faq-title p {

  padding: 0 190px;

  margin-bottom: 10px;

}



.faq {

  background: #FFFFFF;

  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);

  border-radius: 4px;

}



.faq .card {

  border: none;

  background: none;

  border-bottom: 1px dashed #CEE1F8;

}



.faq .card .card-header {

  padding: 0px;

  border: none;

  background: none;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



.faq .card .card-header:hover {

  background: rgba(233, 30, 99, 0.1);

  padding-left: 10px;

}

.faq .card .card-header .faq-title {

  width: 100%;

  text-align: left;

  padding: 0px;

  padding-left: 30px;

  padding-right: 30px;

  font-weight: 400;

  font-size: 15px;

  letter-spacing: 1px;

  color: #3B566E;

  text-decoration: none !important;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  cursor: pointer;

  padding-top: 20px;

  padding-bottom: 20px;

}



.faq .card .card-header .faq-title .badge {

  display: inline-block;

  width: 20px;

  height: 20px;

  line-height: 14px;

  float: left;

  -webkit-border-radius: 100px;

  -moz-border-radius: 100px;

  border-radius: 100px;

  text-align: center;

  background: #981a36;

  color: #fff;

  font-size: 12px;

  margin-right: 20px;

}



.faq .card .card-body {

  padding: 30px;

  padding-left: 35px;

  padding-bottom: 16px;

  font-weight: 400;

  font-size: 16px;

  color: #6F8BA4;

  line-height: 28px;

  letter-spacing: 1px;

  border-top: 1px solid #F3F8FF;

}



.faq .card .card-body p {

  margin-bottom: 14px;

}



@media (max-width: 991px) {

  .faq {

    margin-bottom: 30px;

  }

  .faq .card .card-header .faq-title {

    line-height: 26px;

    margin-top: 10px;

  }

}



/* recent blogs */

.widget-recent-post {

  margin-bottom: 35px;

  padding: 20px 20px;

  background-color: #fff;

  border: 1px solid #efecec;

  box-shadow: 0 0 9px 0 rgba(29, 33, 67, .1);

}



.widget-title {

  padding-bottom: 13px;

  display: block;

  font-size: 20px;

  line-height: 20px;

  padding: 0 25px 15px;

  /* margin: 0 -25px; */

  position: relative;

  margin-bottom: 30px;

  border-bottom: 1px solid #f0f0f0;

}



.widget ul {

  margin: 0;

  padding: 0;

}



.widget ul.cmt-recent-post-list>li {

  padding: 10px 0;

}



.widget ul>li:first-child {

  /* border-top: none; */

  padding-top: 0;

}



.widget ul>li:last-child {

  padding-bottom: 0;

  margin-bottom: 0;

}



.widget ul>li {

  padding-bottom: 10px;

  padding-top: 10px;

  list-style: none;

  position: relative;

}



.widget ul.cmt-recent-post-list>li>a {

  line-height: 23px;

  font-size: 16px;

  display: block;

  font-weight: 500;

  position: relative;

  text-decoration: none;

  color: #981a36;

  font-weight: 600;

}



.widget ul.cmt-recent-post-list>li img {

  display: block;

  width: 68px;

  height: 68px;

  float: left;

  margin-right: 18px;

}



.img-fluid {

  max-width: 100%;

  height: auto;

}



.widget ul.cmt-recent-post-list>li .post-date {

  display: block;

  font-size: 13px;

  line-height: 1;

  margin-top: 4px;

}



.widget ul.cmt-recent-post-list li:after {

  content: " ";

  display: table;

  clear: both;

}



.widget-post-li {

  border: 1px solid #aaa;

  padding: 8px 8px !important;

  border-radius: 5px;

  margin-bottom: 10px;

}





.user-chat-field-top-menu {

  display: flex;

  align-items: center;

  gap: 16px;

}



.btn-vcall,
.btn-acall {

  padding: 0;

  background: none;

  border: none;

  color: #fff;

  font-size: 20px;

}



.modal.vcall-modal .modal-header {

  justify-content: space-between;

  border-bottom: 0;

}



.modal.vcall-modal .modal-footer {

  justify-content: center;

  border-top: 0;

}



.modal.vcall-modal .modal-content {

  background-color: var(--Dark);

  color: #fff;

}



.modal.vcall-modal .modal-title {

  color: #fff;

}



.modal-body {

  padding: 19px 16px;

}



.vcall-close {

  background-color: #fff;

  color: var(--Dark);

  width: 26px;

  height: 26px;

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 16px;

  border-radius: 50%;

  border: 1px solid #ccc;

}



.mfooter-btn {

  width: 36px;

  height: 36px;

  background: #ffffffb0;

  border-radius: 50%;

  color: var(--Dark);

  font-size: 18px;

}



.end-call.mfooter-btn {

  background-color: #ff0000;

  color: #fff;

}



.end-call.mfooter-btn i {

  transform: rotate(135deg);

}



.call-action1 {

  display: flex;

  flex-direction: column;

  align-items: center;

  text-align: center;

}



.call-profile .call-dp {

  max-width: 120px;

  height: auto;

}



.call-profile {

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  max-width: 120px;

  max-height: 120px;

  overflow: hidden;

  margin-bottom: 20px;

}



.call-action1 .user-name h4 {

  font-size: 24px;

  margin-bottom: 0;

}



.call-content {

  min-height: 300px;

  position: relative;

  overflow: hidden;

  display: flex;

  align-items: center;

  justify-content: center;

}



.vcall-screen {

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  display: none;

}



.nlisting-cards {

  display: flex;

  gap: 12px;

  position: relative;

}



.nlisting-cards .p_list-image {

  border-radius: 10px;

  width: 192px;

  height: 192px;

}



.nlisting-cards .pro_list_catd_im img {

  border-radius: 0;

}



.nlisting-cards .pro_list_catd_bt {

  flex-direction: row;

}



.nlisting-cards .pro_list_catd_bt .btn {

  width: 100% !important;

  font-size: 15px;

}



.nlisting-cards .pro_list_catd_itm {

  margin-left: 0;

}

.nlisting-cards .pro_labal {
  position: absolute;
  top: 0;
  right: -46px;
  transform: rotate(45deg);
  padding: 2px 30px;
  border-radius: 0;
}



@media (max-width:1400.98px) {
  .nlisting-cards .pro_list_catd_bt {

    flex-direction: row;

  }
}



@media (max-width:575.98px) {
  .nlisting-cards .pro_labal {
    top: 2px;
    right: auto;
    left: -44px;
    transform: rotate(-45deg);
  }

  .nlisting-cards {

    flex-direction: column;

  }

}



.fixed-topss {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
}



.nlisting-cards .pro_list_catd_im img {

  height: 100%;

  object-fit: cover;

  width: 100%;

  background: #ffcccc;

}



.profile_list_tab ul.clearAfter {

  scrollbar-width: none !important;
  margin: 0;

}



.match-filter-btn {
  background: transparent;
  border: 2px solid #981a36;
  border-radius: 6px;
  padding: 4px 12px;
  color: #981a36;
  font-size: 16px;
  font-weight: 600;
}

@media (max-width:991.98px) {
  .filter-main-div {
    display: none;
  }

  .filter-main-div.active {
    display: block;
  }

  .filter-main-div {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999999;
    overflow-y: scroll;
    height: 100%;
    padding: 24px;
    scrollbar-width: none;
    background: #0000008c;
    backdrop-filter: none;
    transform: none;
  }

  .filter-main-div .filter-sub-div {
    display: flex;
    flex-direction: column;
    max-width: 560px;
    margin: 0 auto;
  }
}

.feedbck_card .fed-img img.img-unro {
  object-fit: cover;
}

.detail-pic img {
  object-fit: cover;
  aspect-ratio: 1 /1;
}

.list-detail-bg .card_text_sub_titel-1 {
  color: #3c3c3c;
}

.list-detail-bg .pro_list_catd_bt {
  max-width: 600px;
}

.vip-badge-profile {
  background: url(https://rishtabank.com/public/vip-badge.png);
  position: absolute;
  z-index: 9;
  right: 0px;
  top: 76px;
  background-size: cover;
  padding: 10px 17px 0;
  background-position: bottom right;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
}

@media (max-width:767.98px) {
  .vip-badge-profile {
    top: 26px;
  }
}

@media (max-width:399.98px) {
  .list-detail-bg {
    padding: 16px;
  }
}

.mt-60 {
  margin-top: 60px;
}

.filtrt_lg {
  z-index: 9999;
}

@media (max-width: 575.98px) {
  .login_btn a {
    padding: 6px 10px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    text-wrap: nowrap;
  }

  .login_btn {
    margin-left: 8px;
  }

   .mxw-110{
	max-width: 110px;
   }
}

.end-footer{
	background-color: #981a36 !important;
}

.pt-50{
  padding-top: 50px;
}

.membership-new-card .mpn-heading-new {
  background: #981a36;
  text-align: center;
  color: #fff;
  overflow: hidden;
  position: relative;
  margin: 0;
  padding: 12px;
  font-size: 26px;
  font-weight: 500;
}

.membership-new-card .mpn-heading-new .mbpn-bg-img1 {
  position: absolute;
  left: 0;
  top: 100%;
  transform: translate(0, -50%);
  width: 60px;
}

.membership-new-card .mpn-heading-new .mbpn-bg-img2 {
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(0, -50%);
  width: 60px;
}

.membership-new-card {
  border: 1px solid #ccc;
  border-radius: 8px;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.membership-new-card .mbpn-price-text {
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  margin: 10px 12px;
}

.membership-plan-details-list {
  margin: 0 12px 20px 0;
}

.membership-new-card .mbpn-plan-btn a {
  margin: 20px auto;
  width: fit-content;
  display: block;
  background: #981a36;
  padding: 10px 24px;
}

.membership-new-card .specify-mbpn-label {
  background: linear-gradient(180deg, #f58a23, #ca6300);
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  padding: 4px 12px;
}

.membership-new-card .mbpn-plan-velidty-text {
  text-align: center;
  padding: 0 12px;
  margin-top: auto;
}