@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


body{
   font-family: 'Poppins';
}


main{
min-height: calc(100vh - 270px);
}
button.remove-personality {
    border: none;
    background: none;
}

a.nav-link:hover {
    color: #FFF;
}
img.rounded-circle {
    width: 45px;
    height: 45px;
    object-fit: cover;
}

a.dropdown-item:hover {
    background: none;
    color: #000;
}


.welcom-txt {
     font-family: 'Poppins';
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #FFF;
}
.sub-hedwelcom {
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 2%;
    color: #FFF;
}
.dropdown-toggle::after {
    color: #FFF;
}
a.nav-link {
    color: rgba(255, 255, 255, 0.68);
     font-family: 'Poppins';
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
}


a.nav-link:hover {
    color: #FFFF;
}

ul.navbar-nav {
    gap: 14px;
    justify-content: center;
    text-align: center;
    align-items: center;
   font-family: 'Poppins';
    font-weight: 400;
    font-size: 18px;
    padding-left: 26px;

}
div#collapsibleNavbar {
    justify-content: space-between;
}

a.nav-link {
    color: rgba(255, 255, 255, 0.68);
}

.bg-purple-custom {
    background-color: #8b5cf6;
    position: sticky;
    top: 0;
    z-index: 99;
}

.btn-purple {
    background-color: #6b21a8;
    color: white;
}

.btn-purple:hover {
    background-color: #7e22ce;
}

header.bg-purple-custom {
    padding: 10px;
}

.btn-outline-purple {
    background-color: white;
    color: #6b21a8;
}

.btn-outline-purple:hover {
    background-color: #f8f9fa;
}

.bbtn-loginn {
    padding: 7px 30px;
    border-radius: 49px;
    border: none;
    background-color: #9379d9;
    color: #ffffff;
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 17px;
    text-align: center;
    display: inline-block;
    transition: background-color 0.3s ease, color 0.3s ease;
    text-decoration: none;
     margin-right: 10px;
}


.bbtn-registerr {
    border-radius: 49px;
    padding: 7px 30px;
    border: none;
    background-color: #ffffff;
    color: #a084e8;
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 17px;
    text-align: center;
    display: inline-block;
    transition: background-color 0.3s ease, color 0.3s ease;
    text-decoration: none;
}


.orloginbtn img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}
.orloginbtn a {
    border: none;
    background: #5f42a9;
    border-radius: 12px;
    padding: 8px 20px;
    font-family: 'Poppins';
    font-weight: 600;
    color: #FFF;
    font-size: 16px;
    text-decoration: none;

}








/* main Hero section */
.hero {
    background-image: url("../assests/images/banner.jpg");
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    width: 100%;
    height: 524px;
    overflow: hidden;
    position: relative;
}

.hero::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #200c51b0;
}

.content-text.text-center {
    margin-top: 228px;
    position: relative;
}

.heading-parent {
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 50px;
    text-align: center;
    color: #ffffff;
}

.sub-headingpara {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 20px;
    line-height: 124%;
    letter-spacing: 2%;
    text-align: center;
    color: #ffffff;
}

.hero-btn {
    font-size:18;
    font-weight:700;
    gap: 10px;
    border-radius: 78px;
    padding: 10px 20px 10px 20px;
    border: none;
    background-color: #a084e8;
    color: #ffffff;
     font-family: 'Poppins';
}

/* section first css */
.Howit-works {
    padding: 40px 40px;
}

img.frame-image {
    width: 100%;
    height: 600px;
    gap: 10px;
    border-radius: 40px;
}

.frame-heading {
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: 5%;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 30px;
}

/* card second sec  css */
section.featured-companions {
    background: rgba(147, 121, 216, 0.11);
    padding: 60px 60px;
}

.cards-featured h2 {
 font-family: 'Poppins';
    font-weight: 600;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: 5%;
    text-align: center;
    text-transform: uppercase;
    color: rgba(26, 22, 25, 1);
}

.cards-featured p {
    font-family: 'Poppins';
    font-weight: 300;
    font-size: 16px;
    line-height: 124%;
    letter-spacing: 2%;
    text-align: center;
}

.discover-yourbest h2 {
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: 5%;
    text-align: center;
    text-transform: uppercase;
    color: rgba(26, 22, 25, 1);
}

.discover-yourbest p {
  font-family: 'Poppins';
    font-weight: 300;
    font-size: 16px;
    line-height: 124%;
    letter-spacing: 2%;
    text-align: center;
    color: rgba(26, 22, 25, 1);
}

img.littlebit-card {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.cards.text-center {
    padding-top: 70px;
}

.card {
    width: 18rem;
    padding: 20px;
    margin: auto;
    background: #a084e8;
}

h5.card-title {
     font-family: 'Poppins';
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 1%;
    text-transform: capitalize;
    color: #fff;
}

p.card-text {
     font-family: 'Poppins';
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    color: #fff;
    letter-spacing: 0%;
    text-transform: capitalize;
}

.card {
    margin: 10px;
}

.sign-viewbtn {
    width: 290;
    height: 70;
    gap: 10px;
    border-radius: 78px;
    padding: 10px 20px 10px 20px;
    border: 1px solid #8b5cf6;
     font-family: 'Poppins';
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 2%;
    color: #FFF;
    background: #8b5cf6;
    
}


.text-center.button-viewdiv {
    padding-top: 40px;
    padding-bottom: 40px;
}

/* card second css */
section.discoverbest-companion {
    padding: 50px 50px;
}

.discover-yourbestcards {
    padding: 40px 40px;
}

.seccards-content {
    gap: 20px;
    margin: 10px;
}

.seccard-row {
    gap: 20px;
    margin: 10px;
}

.card-sec {
    padding: 20px;
    margin: auto;
    background: #e2d7fe;
    border-radius: 30px;
}

h5.sec-text {
   font-family: 'Poppins';
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 5%;
    text-align: center;
    text-transform: uppercase;
    padding-top: 15px;
}

/* Four section */
section.interestwith-gems {
    background: #f3f0fb;
    padding: 40px 40px;
}

.interestwith-gems-card img {
    width: 100%;
    height: 100%;
}

.heading-gems h5 {
   font-family: 'Poppins';
    font-weight: 600;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: 5%;
    text-align: center;
    text-transform: uppercase;
    color: rgb(26 22 25);

}

.heading-gems p {
   font-family: 'Poppins';
    font-weight: 300;
    font-size: 16px;
    line-height: 124%;
    text-align: center;
    padding-bottom:13px;
}
a.bestcompaign-card {
    text-decoration: none;
    color: rgba(26, 22, 25, 1);
    font-family: Poppins;
    font-weight: 700;
    font-size: 25px;
    line-height: 100%;
    letter-spacing: 1%;
    text-transform: capitalize;
}





/* gems card css */

.gem-card {
    background-color: rgba(96, 69, 164, 1);
    color: white;
    border-radius: 1rem;
    padding: 35px;
    width: 350px;
    min-height: 260px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.gem-img {
    width: 100px;
}

.gems {
    font-size: 1.1rem;
}

.description {
   font-family: 'Poppins';
    font-weight: 300;
    font-size: 16px;
}

.btn-purplegem {
    background-color: rgba(160, 132, 232, 1);
    color: rgba(255, 255, 255, 1);
    border: none;
    transition: background-color 0.3s ease;
     padding: 12px 85px 12px 85px;
    gap: 10px;
    border-radius: 78px;
     font-family: 'Poppins';
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
}

.btn-purplegem:hover {
    background-color: rgba(160, 132, 232, 1);
    color: #FFF;
}

.rupeegems-txt h2 {
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 25px;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: capitalize;
    color: rgba(255, 255, 255, 1);
}

.rupeegems-txt p {
     font-family: 'Poppins';
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 1%;
    text-transform: capitalize;
}

/* end css gems card */
/* section five */
section.frequasked-questions {
    padding: 40px 40px;
}

.faq-text h2 {
   font-family: 'Poppins';
    font-weight: 600;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: 5%;
    text-align: center;
    text-transform: uppercase;
    color: #1a1619;
}

.faq-text p {
   font-family: 'Poppins';
    font-weight: 300;
    font-size: 16px;
    align-items: center;
    text-align: center;
}

.faq-box p {
     font-family: 'Poppins';
    font-weight: 300;
    font-size: 18px;
    line-height: 167%;
    letter-spacing: 2%;
    text-align: center;
}

.faq-box h2 {
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 25px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
}

.frequasked-parentdiv {
    background: rgba(243, 240, 251, 1);
    border-radius: 60px 60px 10px 0px;
    padding-top: 70px;
}

/*swipper slider*/


span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #5f42a9;
}
.swiper-slide.swiper-slide img {
  height: auto;
  width: 100%;
  object-fit: cover;

}

.swiper.mySwiper.swiper-initialized.swiper-horizontal.swiper-free-mode.swiper-grid.swiper-watch-progress.swiper-backface-hidden.swiper-thumbs
  img {
  width: 100%;
  object-fit: cover;
  height: 110px;
}

.mySwiper2 {
  width: 100%;
  border-radius: 16px;
}

.swiper {
  width: 100%;
  height: 80%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;

  object-fit: cover;
  border-radius: 20px;
  margin-top: -34px;
}

.swiper {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

.swiper-slide {
  background-size: cover;
  background-position: center;
}

.mySwiper2 {
  height: 80%;
  width: 100%;
}

.mySwiper {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}

.mySwiper .swiper-slide {
  width: 25%;
  height: 100%;
}

.swiper-dashboard .swiper-slide img {
  width: 100%;
  object-fit: cover;
}

.mySwiper {
  height: auto;
  padding: 10px 0;
}

.mySwiper .swiper-slide {
  border-radius: 8px;
  transition: 0.3s;
}

.mySwiper .swiper-slide img {
  width: 100%;
  height:150px;
  object-fit: cover;
  border-radius: 20px;
  margin-top:0px;
}

.swiper {
  width: 100%;
}
div#index-slider {
    width: 100%;
    height: 245px;
}


/*swipper slider*/

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    overflow: clip;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
    height: 300px !important;
    width: 100% !important;
    object-fit: cover;
}

.boxes {
    width: 70%;
    text-align: center;
    margin: auto;
    padding: 10px;
}

.faq-box {
    background-color: #e2d7ed;
    border-radius: 16px;
    padding: 1.5rem;
    margin-bottom: 2rem;
    text-align: left;
}

.swiper-pagination-bullet-active {
    background: rgba(160, 132, 232, 1);
}

.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    /*position: relative;*/
}


div#swiper-wrapper-67a38a6a65d3cf87 {
    height: 400px !important;
    /* width: 100px; */
}

/*swipper slider index ending*/



/* Register css */
section.register-section {
    padding: 50px 50px;
}

.register-section {
    background-color: #fff;
    display: flex;
    align-items: center;
}

.register-left {
    text-align: center;
}

.register-left img {
   width:100%;
}

.register-form {
    padding-left: 30px;
}

.form-label {
     font-family: 'Poppins';
    font-weight: 500;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0px;
    vertical-align: middle;
}

.form-control {
    width: 100%;
}

.form-control,
.form-select {
    border-radius: 8px;
}

.form-check-label {
    font-size: 14px;
}

.form-check a {
    color: #5f42a9;
    text-decoration: none;
}

a.btnform-register {
    background-color: #5f42a9;
    top: 1013px;
    border-radius: 12px;
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #ffffff;
    cursor: pointer;
    border: none;
    padding: 8px;
    text-decoration: none;
    padding: 10px 200px;
}

.form-text-small {
     font-family: 'Poppins';
    font-weight: 300;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #1a0e25;
}

.login-link {
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}

.login-link a {
    color: rgba(95, 66, 169, 1);
    text-decoration: none;
}

.login-link a:hover {
    text-decoration: underline;
}

.register-heading {
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 35px;
    line-height: 126%;
    letter-spacing: -0.5px;
    vertical-align: middle;
    color: #000;
}

.para-register {
     font-family: 'Poppins';
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0px;
    vertical-align: middle;
}

.form-check {
    font-size: 20px;
    /* margin: 4px; */
}

.form-check-input:checked {
    background-color: #5f42a9;
    border-color: #5f42a9;
}

.d-flex.birthday input {
    margin: 5px;
}

/* Ending css Register */
/* OTP send css */
.verify-image img {
    max-width: 65%;
    margin-top: 50px;
}

.otp-container {
    margin: 0px;
    padding: 20px 20px;
}

.otp-input {
    text-align: center;
    font-size: 18px;
    padding: 10px;
    width: 45px;
    margin: 5px;
    border: 1px solid #ccc;
    border-radius: 8px;
    background-color: rgba(237, 240, 249, 1);
}

.otp-input:focus {
    outline: none;
    border-color: #5f42a9;
}

.text-center.otp-btn {
    padding-top: 70px;
}

button.otp-btn {
    background: #5f42a9;
    border: none;
    color: #fff;
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0px;
    vertical-align: middle;
    border-radius: 12px;
    padding: 10px 175px;
    text-decoration: none;
}

.resend {
    margin-top: 20px;
    text-align: center;
}

.resend a {
    color: #5f42a9;
    text-decoration: none;
}

.resend p {
     font-family: 'Poppins';
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
}

.otp-box {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.otp-heading {
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 25px;
    line-height: 126%;
    letter-spacing: -0.5px;
    text-align: center;
    vertical-align: middle;
    color: #1a0e25;
}

.otp-para {
     font-family: 'Poppins';
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    color: #1a0e25;
    padding: 6px;
}

/* Ending css otp */






/* Signup page css */


.twoo-btns-box {
    width: 100%;
    height: 265px;
    margin: 50px auto;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.btn-box {
  text-decoration: none;
  color: #000;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-box:hover {
    background-color: #f8f5ff;
}

.btn-content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0 5px;
  gap: 15px;
  position: relative;
}

.btn-icon {
  width: 50px;
  height: 50px;
  object-fit: contain;
}

.btn-titlesign {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    font-weight: 600;
    font-family: 'Poppins';
}
.btn-arrowsignin {
  font-size: 17px;
  color: #555;
  margin-left: auto; /* Pushes arrow to the right */
}

.btn-divider {
  height: 2px;
  background-color: #ccc;
}














section.signup {
    padding: 50px 50px;
}

.content-sighnup {
    padding-top: 80px;
    padding-left: 45px;
}

.signup-left {
    background-color: #f8f5ff;
    padding: 50px;
    text-align: center;
}

.signup-left img {
    max-width: 100%;
    height: auto;
}

.textright-sign h5 {
     font-family: 'Poppins';
    font-weight: 500;
    font-size: 22px;
    line-height: 123%;
    letter-spacing: -0.5px;
    vertical-align: middle;
}

.textright-sign h2 {
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 35px;
    line-height: 123%;
    letter-spacing: -0.5px;
    vertical-align: middle;
}

.textright-sign p {
     font-family: 'Poppins';
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0px;
    vertical-align: middle;
}

.assoite-link {
    text-decoration: none;
    color: inherit;
    display: block;
    /*border: 1px solid #cac8cc;*/
    padding: 10px;
    border-radius: 12px;
}

/*.assoite-link:hover {*/
/*    background-color: rgb(95 66 169);*/
/*    color: #ffffff;*/
/*}*/

.btn-assoiate {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 16px;
    color: #000;
    cursor: pointer;
}

.champion-link {
    text-decoration: none;
    color: inherit;
    display: block;
    /*border: 1px solid #cac8cc;*/
    padding: 10px;
    border-radius: 12px;
    margin-top: 25px;
}

/*.champion-link:hover {*/
/*    background-color: rgb(95 66 169);*/
/*    color: #ffffff;*/
/*}*/

.assoiate-content {
    display: flex;
    align-items: center;
    gap: 16px;
}

.assoite-pic {
    width: 48px;
    height: 48px;
    border-radius: 9999px;
}

.title-iam {
    margin: 0;
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: 0px;
    vertical-align: middle;
}

.description-assoite {
    margin: 4px 0 0 0;
     font-family: 'Poppins';
    font-weight: 400;
    font-size: 13px;
    line-height: 160%;
    letter-spacing: 0px;
    vertical-align: middle;
    /* color: rgba(255, 255, 255, 1); */
}

.assoiate-icon {
    font-size: 1rem;
}

.twoo-btns {
    padding-top: 50px;
}

.btn-champion {
    margin-top: 35px;
}

.champion-content {
    display: flex;
    align-items: center;
    gap: 16px;
}

.btn-champion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 16px;
    cursor: pointer;
}

.descri-champion {
    margin: 4px 0 0 0;
     font-family: 'Poppins';
    font-weight: 400;
    font-size: 12px;
    line-height: 160%;
    letter-spacing: 0px;
    vertical-align: middle;
    color: rgba(26, 14, 37, 1);
}

.title-champion {
    margin: 0;
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #000;
}

a.btnsign-continue {
    background: rgba(95, 66, 169, 1);
    color: #fff;
    padding: 10px 261px;
    border-radius: 12px;
    text-decoration: none;
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0px;
    vertical-align: middle;
    cursor: pointer;
}

.sign-continue {
    padding-top: 41px;
}

/* Ending css signup */
/*Start css associateprofile  */


.reviews-start {
    margin: auto;
}

span.tag {
    padding: 15px;
}

img.image-assoiate {
    width: 100%;
}

section.associateprofile {
    padding: 50px 50px;
    background: #ffffff;
}
/*scrooler in compainion*/
.assoiatee-right {
    padding-left: 60px;
    padding-top: 30px;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 900px;
}

.profile-assoiate {
    border: 1px solid #cac8cc;
    padding: 25px 0px;
    border-radius: 20px;
}

.assoiate-head h2 {
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: -0.5px;
    vertical-align: middle;
}

.assoiate-head p {
     font-family: 'Poppins';
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #1a0e25;
}

.profile-assoiate p {
    padding-top: 15px;
     font-family: 'Poppins';
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
}

.upload-btn {
    gap: 10px;
    border-radius: 27px;
    padding-top: 5px;
    padding: 5px 50px;
    border: 1px solid rgba(95, 66, 169, 1);
    background: #ffffff;
     font-family: 'Poppins';
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    color: rgba(95, 66, 169, 1);
}

.assoit-btnn {
    padding-top: 35px;
    padding-bottom: 35px;
}

.btn-assoiateprofile {
    background-color: #5f42a9;
    border-radius: 12px;
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #ffffff;
    cursor: pointer;
    border: none;
    padding: 8px;
    text-decoration: none;
    padding: 10px 255px;
}

/* model assoiate */
.d-flex.align-items-center.button-imgs {
    border: 1px solid #dad7e3;
    border-radius: 20px;
    gap: 5px;
    padding: 5px;
    margin-left: 10px;
}

img.modelunic-icon {
    width: 19px;
}

.interest-btn.selected {
    background-color: #5f42a9;
    color: #fff;
}

button.clearall-btn {
    padding: 10px 70px;
    margin: 10px;
    background: #FFF;
    border: 1px solid #5f42a9;
    color: #5f42a9;
    border-radius: 12px;
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 14px;
}

button.confirmm-selectbtn {
    padding: 10px 50px;
    border: none;
    border-radius: 12px;
    margin: 10px;
    background-color: #5f42a9;
    color: #ffffff;
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 12px;
    line-height: 160%;
    letter-spacing: 0px;
    vertical-align: middle;
}

.modal-contentselect {
    position: relative;
    background: #f8f5ff;
    border-radius: 12px;
    text-align: center;
    max-width: 590px;
    /* width: 36%; */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
    padding: 50px 26px 50px 26px;
    cursor: pointer;
}

.modal-contentselect h2 {
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
}

.modal-contentselect p {
     font-family: 'Poppins';
    font-weight: 400;
    font-size: 15px;
    line-height: 160%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
}

/* Remove default arrow */
.accordion-button::after {
    display: none;
}

/* Clean card-style with border and rounded edges */
.accordion.custom-accordion .accordion-item {
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-bottom: 12px;
    overflow: hidden;
    
}

button.delete-btn.ms-2.remove-trait {
    border: none;
    background: none;
}
button.remove-activity {
    border: none;
    background: none;
}

/* Accordion button styling */
.accordion-button.custom-toggle-icon {
    background-color: #fff;
    color: #1a0e25;
    border: none;
    box-shadow: none;
    padding: 14px 12px 5px 10px;
    font-weight: 500;
    border-radius: 8px;
    position: relative;
    transition: background-color 0.3s ease;
   
}



/* Plus (+) and minus (–) icon */
.accordion-button.custom-toggle-icon::before {
    content: '+';
    position: absolute;
    right: 1.5rem;
    font-size: 22px;
    font-weight: bold;
    color: #1a0e25;
    transition: transform 0.3s ease;
}

.accordion-button.custom-toggle-icon:not(.collapsed)::before {
    content: '–';
}

/* Body padding and style */
.accordion-body {
    padding:5px;
    /*background-color: #f9f9f9;*/
    font-size: 15px;
    color: #1a0e25;
}

/* model button css */
#interestDisplay .tag {
    display: inline-block;
    background: #f0f0f0;
    color: #333;
    padding: 6px 10px;
    border-radius: 20px;
    margin: 4px;
    font-size: 14px;
    position: relative;
}

#interestDisplay .tag .remove-tag {
    margin-left: 8px;
    cursor: pointer;
    color: #5f42a9;
    font-weight: bold;
}

.interest-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin-bottom: 20px;
}

.interest-btn {
    padding: 5px 10px;
    border: 1px solid #5f42a9;
    background-color: #FFF;
    border-radius: 20px;
    cursor: pointer;
    font-size: 12px;
}

.interest-btn.selected {
    background-color: #5f42a9;
    color: #fff;
}

/* Hobbies model */
ul.hobbies-model {
    list-style: none;
    display: contents;
}

ul.hobbies-model li {
    border: 1px solid #5f42a9;
    ;
    padding: 5px 15px;
    border-radius: 10px;
    background: #fff;
}

ul.hobbies-model li:hover {
    background-color: #5f42a9;
    color: #fff;
    cursor: pointer;
}

/*Ending css associateprofile  */
img.image-companion {
    width: 100%;
}

section.companion-contained {
    padding: 50px 50px;
    background: #ffffff;
}

.championn-right {
    padding-left: 60px;
    padding-top: 40px;
}

.profile-championgirl {
    border: 1px solid #cac8cc;
    padding: 25px 0px;
    border-radius: 20px;
}

.champion-head h2 {
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: -0.5px;
    vertical-align: middle;
    color: #1a0e25;
}

.champion-head p {
     font-family: 'Poppins';
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #1a0e25;
}

.profile-championgirl p {
    padding-top: 15px;
     font-family: 'Poppins';
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
}

.uploadchamp-btn {
    gap: 10px;
    border-radius: 27px;
    padding-top: 5px;
    padding: 5px 50px;
    border: 1px solid rgba(95, 66, 169, 1);
    background: #ffffff;
     font-family: 'Poppins';
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    color: rgba(95, 66, 169, 1);
}

.champpp-btnn {
    padding-top: 35px;
}

.btn-championgirll {
    background-color: #5f42a9;
    border-radius: 12px;
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #ffffff;
    cursor: pointer;
    border: none;
    padding: 8px;
    text-decoration: none;
    padding: 10px 220px;
}

.input-wrapperpro {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
}

.input-headingtell {
    position: absolute;
    top: 8px;
    left: 12px;
    pointer-events: none;
     font-family: 'Poppins';
    font-weight: 500;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #1a0e25;
}

.customprofile-textarea {
   
    padding-left: 12px;
    height: 115px;
     font-family: 'Poppins';
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 0px;
    vertical-align: middle;
   
}

/* Progress Bar Container */
.progress-step-bar {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 20px;
    height: 4px;
    width: 565px;
}

/* Individual Step Blocks */
.step-block {
    flex: 1;
    height: 100%;
    background-color: #dcdcdc;
    border-radius: 10px;
    transition: background-color 0.3s ease;
}

/* Active Step Color */
.step-block.active {
    background-color: #5f42a9;
}

.form-input {
    position: relative;
    background: #fff;
    border: 2px dashed #5f42a9;
    border-radius: 10px;
    overflow: hidden;
}

.form-input input {
    display: none;
}

.image-label {
    display: block;
    position: relative;
    width: 100%;
    height: 100px;
    cursor: pointer;
}

.form-input img {
    width: 100%;
    height: 100px;
    object-fit: cover;
    opacity: 0.6;
    border-radius: 8px;
}

.champ-uploadprofile {
    gap: 30px;
    padding: 20px 100px;
}

/* second step css */
.uploadsss {
    border: 1px solid #ccc;
    padding: 40px 10px;
    /* box-shadow: 0 4px 10px rgba(202, 200, 204, 1); */
    border-radius: 20px;
    background-color: #fff;
    margin-top: 35px;
}

.secondchamp-step {
    padding-top: 110px;
}

.showmore-heading h2 {
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 25px;
    line-height: 100%;
    letter-spacing: -0.5px;
    text-align: center;
    vertical-align: middle;
    color: #1a0e25e0;
}

.showmore-heading p {
     font-family: 'Poppins';
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    color: #1a0e25e0;
}

.form-input {
    width: 120px;
    height: 120px;
    position: relative;
    background: #fff;
    border: 2px dashed rgba(95, 66, 169, 1);
    ;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.image-label {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    cursor: pointer;
}

.image-label input[type="file"] {
    display: none;
}

.image-label img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.8;
}

.form-input {
    position: relative;
}

.preview-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.imgRemove i {
    pointer-events: none;
}

.image-upload-one {
    padding: 20px;
}

.preview-box {
    width: 120px;
    height: 120px;
    /*border: 2px dashed #ccc;*/
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #888;
    font-size: 14px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

.preview-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.form-input {
    display: inline-block;
    margin: 10px;
    position: relative;
}

.imgRemove {
    position: absolute;
    top: 3px;
    left: 87px;
    background: #ccccccc7;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    cursor: pointer;
    font-size: 14px;
    display: none;
}

.preview-box i {
    font-size: 15px;
    color: #5f42a9;
}

.preview-box p {
    font-size: 15px;
    color: #5f42a9;
}

.step-block {
    width: 30px;
    height: 5px;
    background-color: #ccc;
    display: inline-block;
    margin: 0 5px;
    border-radius: 5px;
}

.step-block.active {
    background-color: #5f42a9;
}

.step {
    display: none;
}

.step.active {
    display: block;
}

/* ending second step */
/* 3rd step css */
.verfy-champ {
    border: 1px solid #ccc;
    padding: 60px 60px;
    /* box-shadow: 0 4px 10px rgba(202, 200, 204, 1); */
    border-radius: 20px;
    background-color: #fff;
    margin-top: 35px;
}

.text-chmpverify h2 {
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 25px;
    line-height: 100%;
    letter-spacing: -0.5px;
    text-align: center;
    vertical-align: middle;
    color: #1a0e25e0;
}

.text-chmpverify p {
     font-family: 'Poppins';
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
}

.nationalid-input {
    padding: 20px;
    border: 2px dotted rgba(95, 66, 169, 1);
    border-radius: 20px;
    margin-bottom: 20px;
}

.format-idpara {
     font-family: 'Poppins';
    font-weight: 400;
    font-size: 13px;
    line-height: 160%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
}

.thirdchamp-step {
    padding-top: 35px;
}

.preview-boxverifyy {
    min-height: 120px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: rgb(95 66 169);
}

.preview-boxverifyy img {
    object-fit: contain;
    width: 100%;
    height: 140px;
}

button.img-remove-btn.img-remove-btn {
   position: absolute;
    right: -8px;
    top: 0;
    border: none;
    border-radius: 50%;
    font-size: 12px;
    padding: 6px 10px;
}

  

/* captcha css */
.robot {
    font-size: 14px;
    font-family: 'poppins';
    padding-top: 14px;
}

.boxcap-container {
    display: flex;
    background-color: #F9F9F9;
    border: 1px solid #D3D3D3;
    border-radius: 3px;
    width: 300px;
    align-items: center;
    margin: auto;
    margin-top: 30px;
}

.logo-captcha {
    display: block;
    margin-left: 65%;
    padding-top: 4px;
}

.captcha-text p {
    padding-top: 10px;
    font-size: 9px;
}

.captcha-text-tos {
    display: block;
    font-size: 9px;
    font-family: 'poppins';
    margin-left: 80px;
}

.captcha-container {
    margin-right: 10px;
    text-align: center;
    line-height: 0.1rem;
}

.form-check-input:checked {
    background-color: #5f42a9;
    border-color: #5f42a9;
}

/* Add check icon when checked */
/* .captcha-checkbox input[type="checkbox"]:checked{
    background-color: #5f42a9 !important;
    border-color: #5f42a9;
} */
.captcha-checkbox input[type="checkbox"]:checked+.custom-checkmark::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 2px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    background-color: #5f42a9;
    border-color: #5f42a9;
}

.boxcap-container input[type="checkbox"] {
    width: 25px;
    height: 25px;
    border: 2px solid #C1C1C1;
    margin: 0px 14px 0px 14px;
}

/* model profile */
.modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

.modal-overlay.show {
    display: flex;
}

.modal-content h2 {
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 20px;
    line-height: 126%;
    letter-spacing: -0.5px;
    text-align: center;
    vertical-align: middle;
    color: #1a0e25;
}

.modal-content p {
     font-family: 'Poppins';
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    vertical-align: middle;
    color: #1a0e25;
}

.gotodashboard-btn {
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-decoration: none;
    background-color: #5f42a9;
    color: #ffffff;
    padding: 10px 25px 10px 25px;
    border-radius: 12px;
}

.ready-user {
    background-color: #5f42a9;
    padding: 35px 40px;
    border-radius: 50%;
    font-size: 40px;
    color: #FFF;
    margin-bottom: 20px;
}

.btn-gotodash {
    padding-top: 20px;
}

.modal-close {
    position: absolute;
    top: 10px;
    right: 15px;
    background: transparent;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #333;
}

.modal-content {
    position: relative;
    background: #f8f5ff;
    padding: 40px 34px;
    border-radius: 12px;
    text-align: center;
    max-width: 518px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

/* Login-form css */


.otherwaysignin.text-center p {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Poppins';
}
.orloginbtn button {
    border: none;
    background: none;
    padding: 10px 15px 10px 15px;
    background: #FFF;
    border-radius: 12px;
    color: #5f42a9;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins';
    border: 1px solid #5f42a9;
    margin-right:10px;
}
img.svggoogle {
    width: 20px;
    height: 19px;
    object-fit: contain;
    margin-right: 10px;
}


.welcome-heading {
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 35px;
    line-height: 100%;
    letter-spacing: -0.5px;
    vertical-align: middle;
    color: #1a0e25;
}

.login-para {
     font-family: 'Poppins';
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #1a0e25;
}

.login-form {
    padding: 50px 50px;
}

.Remember-me {
    font-size: 15px;
    color: #1a0e25;
    margin: 4px;
}

.forgot-link .forgot-pass {
    font-size: 14px;
    color: #5f42a9;
    text-decoration: none;
}

.forgot-link .forgot-pass:hover {
    text-decoration: underline;
}

.login-btndiv {
    padding-top: 50px;
    padding-bottom: 20px;
}

a.btnform-login {
    background-color: #5f42a9;
    border-radius: 12px;
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 16px;
    vertical-align: middle;
    color: #ffffff;
    cursor: pointer;
    border: none;
    padding: 8px;
    width: 100px;
    text-decoration: none;
    padding: 10px 214px;
}

.Login-log {
    padding-left: 60px;
    padding-top: 110px;
}

.log.text-center.mt-3 a {
    color: #5f42a9;
}

/* Ending css login  */
/* Css Forgott Password */
.forgot-password {
    padding: 50px 50px;
}

.forgott-rht {
    padding-left: 35px;
    padding-top: 130px;
}

.forgot-h {
    color: #1a0e25;
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: -0.5px;
    vertical-align: middle;
}

.para-forgot {
    color: #1a0e25;
     font-family: 'Poppins';
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0px;
    vertical-align: middle;
}

button.btn-sendlink {
    background-color: #5f42a9;
    border-radius: 12px;
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 16px;
    vertical-align: middle;
    color: #ffffff;
    cursor: pointer;
    border: none;
    text-decoration: none;
    padding: 10px 15px 10px 15px;
}

.text-center.reset-link {
    margin-top: 80px;
}

.email-lab {
    margin-top: 31px;
}

/* Ending css forgot */
/* start css new Create password */
.new-password {
    padding: 50px 50px;
}

.create-password {
    padding-left: 35px;
    padding-top: 130px;
}

.create-password h2 {
    color: #1a0e25;
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: -0.5px;
    vertical-align: middle;
}

.create-password p {
     font-family: 'Poppins';
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #1a0e25;
}

a.reset-btnpaswrd {
    background-color: #5f42a9;
    border-radius: 12px;
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 16px;
    vertical-align: middle;
    color: #ffffff;
    cursor: pointer;
    border: none;
    padding: 8px;
    text-decoration: none;
    padding: 10px 230px 10px 230px;
}

.reset-div.text-center {
    padding-top: 60px;
}

.new-pass {
    padding-top: 20px;
}

.confirm-pass {
    padding-top: 20px;
}

/* ending new password css */


/* companion index page css  */

a.btn.btn-sm.dropdown-toggle {
    border: none;
    
}

ul.dropdown-menu.show {
    margin-left: -170px;
    border: none;
    margin-top: 8px;
}


/* profile */
.body {
    background-color: #cccccc24;
}

.input-group-text {
    background-color: white;

}

.companion-profile {
    padding: 10px 24px 0px 0px;

}



.card.profile-cardindex {
    background: #FFF;
    border-radius: 15px;
    border: none;
    box-shadow: 0 2px 40px rgba(0, 0, 0, 0.05);
    border: 1px solid #c6b7b745;
}


h5.card-title.title-profile {
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 17px;
    line-height: 32px;
    letter-spacing: 0%;
    text-transform: capitalize;
    color: rgba(26, 14, 37, 1);
}

p.card-text.txt-profile {
     font-family: 'Poppins';
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -1%;
    vertical-align: middle;
    color: rgba(26, 14, 37, 1);
}

p.card-text.txt-profile span {
     font-family: 'Poppins';
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: -1%;
    vertical-align: middle;
    color: #5f42a9;
}

img.icon-dashbord {
    width: 20px;
    height: 20px;
    object-fit: contain;
    margin-right: 5px;
}




.btndiv-profile {
    text-align: center;
}
.card-body.prrofile-boddy {
    padding: 10px 0px;
}
img.indexcompanion-imagesview {
    width: 100%;
    height: 245px;
    object-fit: cover;
    border-radius: 12px;
}
.card.profile-cardindex {
    width: 100%;
    height:auto;
}
img.index-iconsassocoiate {
    width: 20px;
    height: 20px;
    object-fit: contain;
    margin-right: 5px;
}
img.rate-indexone {
    width: 20px;
    height: 20px;
    object-fit: contain;
    margin-right: 5px;
}
img.start-gemsforimg {
    width: 20px;
    height: 20px;
    object-fit: contain;
    margin-right: 5px;
}

button.indexprofile-btn {
    padding: 10px 60px 10px 60px;
    border: none;
    font-size: 13px;
     font-family: 'Poppins';
    color: #FFF;
    font-weight: 500;
    background: #5f42a9;
    border-radius: 20px;
}

  .rating-index {
    font-size: 1rem;
    color: #333;
  }
  

/* filtering css */

.filter-box h5 {
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 23px;
    line-height: 100%;
    letter-spacing: -0.5px;
    text-align: center;
    vertical-align: middle;
    color: #1a0e25;
}


.box-search {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    background: rgba(95, 66, 169, 1);
    padding: 5px 8px;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
}


span.box-search i {
    font-size: 14px;
    color: #FFF;
}

.byname-search input.form-control {
    padding: 10px;
    font-size: 14px;
     font-family: 'Poppins';
    font-weight: 300;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: -1%;
    vertical-align: middle;
    border-radius: 11px;
    border: 1px solid #e8e6ee;
}


.filter-box {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}

strong {
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0%;
    white-space: nowrap;
}

.btn-filter li {
    border: 1px solid #e8e6ee;
    border-radius: 10px;
    color: rgba(26, 14, 37, 1);
     font-family: 'Poppins';
    font-weight: 400;
    font-size: 15px;
    line-height: 160%;
    letter-spacing: 0px;
    text-align: center;
    list-style: none;
    position:relative;
}


.btn-filter li:hover {
    background: #e8e6ee;
    cursor: pointer;
    border: 1px solid #5f42a9;
}
.tag-btn.selected {
    background-color:#e8e6ee;
    border: 1px solid #5f42a929;
    border-radius: 10px;
}


button.apply-btn {
    border: none;
    padding: 8px 25px;
    background: #5f42a9;
    color: #fff;
    border-radius: 5px;
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 15px;
    line-height: 160%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;

}

button.reset-btn {
    border: none;
    padding: 8px 25px;
    background: #5f42a9;
    color: #fff;
    border-radius: 5px;
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 15px;
    line-height: 160%;
    letter-spacing: 0px;
    text-align: center;
    margin-left: 20px;
}

p.viewall-nxt {
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 13px;
    line-height: 160%;
    letter-spacing: 0px;
    color: #5f42a9;
    padding-top: 10px;
}

.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
    border-radius: 50% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color:#FFF;
    background: #5f42a9;
     padding: 10px 10px !important;

}
a.page-link {
   
    padding: 6px 9px !important;
}
.page-link {
    border: 1px solid #5f42a9 !important;
    color: #333;
    /*transition: 0.3s ease;*/
}

.pagination .page-link {
    border-radius: 50%;
    background: #5f42a9;
    color:#FFF;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Poppins';

}

li.page-item {
    padding:10px;
    cursor: pointer;
}



.profile-card {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    text-align: center;
}

.profile-card img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.profile-info {
    padding: 15px;
}

.profile-info h5 {
    margin-bottom: 5px;
}

.gems {
    color: #8e44ad;
    font-size: 14px;
}

.btn-purple {
    background-color: #7e3ff2;
    color: #fff;
    border-radius: 50px;
    padding: 6px 16px;
}

ul.d-flex.mt-2.btn-filter {
    margin: 0px;
    padding: 0px;
}
.tag-btn {
  list-style: none;
  margin: 5px;
  border: 1px solid #ccc;
  padding: 6px 10px;
  border-radius: 20px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.tag-btn input[type="checkbox"]:checked + img,
.tag-btn input[type="checkbox"]:checked + span {
  font-weight: bold;
}

.tag-btn label {
  cursor: pointer;
}

input[type="checkbox"].selectbutton-index:checked + img,
input[type="checkbox"].selectbutton-index:checked ~ * {
  filter: brightness(0.8);
}

input[type="checkbox"].selectbutton-index:checked + * {
  color: #fff;
  /*background-color: #007bff;*/
  /*border-color: #007bff;*/
}


.side.right {
    position: relative;
    right: 145px;
    text-align: justify;
}
/* rating css */
span.rating-index {
    font-size: 15px;
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 14px;
    line-height: 10px; 
    padding-top: 5px;
}

input.selectbutton-index {
    display: block;
    position: absolute;
    top: 0;
    opacity: 0; 
   
}


/* endig css index compaign */



/*  profile index companinon css */

.card.indexcompainin-profiles.p-4 {
    width: 100%;
    background-color: #FFF;
    box-shadow: 0 2px 15px 15px rgba(0, 0, 0, 0.05);
    border: none;
    border-radius: 20px;
}

img.icon-dashbord {
    width: 20px;
}

.main-image {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.thumb-image {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 8px;
}
.profile {
    padding: 20px 20px;
}

img.card-img-top {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

body {
    font-family:poppins;
    font-size: 14px;
    margin: 0;
    padding: 0;
}
.swiper-button-next, .swiper-button-prev {
    color: #FFF !important;
}
.swiper.mySwiper.swiper-initialized.swiper-horizontal.swiper-free-mode.swiper-grid.swiper-watch-progress.swiper-backface-hidden.swiper-thumbs img {
    width: 100%;
    object-fit: cover;
    height: 150px;
}

.swiper.mySwiper2.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
    height: 440px !important;
     width: 100% !important; 
}

.mySwiper2 {
    /*height: 50% !important;*/
    width: 100%;
    border-radius: 16px;
}
.mySwiper2 img.main-image {
    height: 100%;
}

.mySwiper {
    padding: 40px 0px;
}

.swiper {
    width: 100%;
    height:500px;

}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height:600px;
    object-fit: cover;
    border-radius: 20px;
    margin-top: 0px;
}

.swiper {
    width: 100%;
    /* height: 300px; */
    margin-left: auto;
    margin-right: auto;
}

.swiper-slide {
    background-size: cover;
    background-position: center;
}

.swiper-wrapper {
    height: auto;
}

.mySwiper2 {

    width: 100%;
}


.mySwiper .swiper-slide {
    width: 25%;
    height: 100%;
}

.swiper-dashboard .swiper-slide img {
    width: 100%;

    object-fit: cover;
}
.swiper-wrapper.swiper-dashboard img {
    width: 100px;
    height: 100px;
    border-radius: 25px;
    object-fit: cover;
}

.swiper-slide.swiper-slide-active.swiper-slide-visible {
    width: 100px;
    height: 100px;
}

.mySwiper .swiper-slide {
    border-radius: 8px;
    transition: 0.3s;
}


.swiper {
    width: 100%;
}

/* profile card */
.profile-card {
    padding-top: 25px;
}

.col-md-4.d-flex.nameuser h6 {
    font-size: 16px;
    font-weight: 300;
}

.heding-txtprofile h3 {
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 30px;
    line-height: 100%;
    color: rgba(34, 30, 44, 1);
}

.heding-txtprofile p {
     font-family: 'Poppins';
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0%;
    color: rgba(78, 71, 100, 1);
}

.bio-simpletxt h3 {
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 25px;
    color: rgba(34, 30, 44, 1);
}

.bio-simpletxt p {
     font-family: 'Poppins';
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0%;
    color: rgba(78, 71, 100, 1);
}

.nameuser p {
     font-family: 'Poppins';
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 0%;
    padding: 0px 10px;
    white-space: nowrap;
}

.nameuser h6 {
    /*font-size: 15px;*/
    font-weight: 300;
}

.bio-simpletxt {
    border-top: 1px solid rgba(235, 232, 238, 1);
    padding: 20px 0px 0px 0px;
    margin-top: 20px;
}

.profile-img {
    border-radius: 15px;
    width: 100%;
    object-fit: cover;
}

.thumb-img {
    width: 100%;
    height: 100px;
    object-fit: cover;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.thumb-img.active {
    border-color: #6f42c1;
}

.badge-custom {
    background-color: rgb(95 66 169 / 8%);
    color: #333;
    font-weight: 500;
    padding: 8px 12px;
    border-radius: 20px;
    border: 1px solid rgba(95, 66, 169, 0.08);
    list-style: none;
}




.section-title {
    font-weight: 600;

    margin-bottom: 15px;
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: rgba(34, 30, 44, 1);
}

.badge-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

img.icon-dashbord {
    width: 20px;
}

.btnin-select {
    border-bottom: 1px solid rgba(235, 232, 238, 1);
    padding: 0px 0px 22px;
}


.mySwiper img {
    cursor: pointer;
    border: 2px solid transparent;
    transition: 0.3s;
}

h4.age-girl {
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: -2%;
}

.bio-simpletxt p {
     font-family: 'Poppins';
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0%;
    color: rgba(78, 71, 100, 1);
}

.btn-book button {
    background-color: #5736ac;
    color: #FFF;
    border: none;
    padding: 10px 16px;
    border-radius: 8px;
     font-family: 'Poppins';
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: -1%;

}

img.modelunic-icon {
    width: 20px;
}

.rates-hed {
    padding: 10px 0px;
}

.rates-hed h4 {
    font-size: 25px;
    font-weight: 600;
     font-family: 'Poppins';
    font-weight: 600;
    line-height: 100%;
}

.coffe-heding h5 {
     font-family: 'Poppins';
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
}

.coffe-heding p {
     font-family: 'Poppins';
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;

}

.rates-boxindex {
    border: 1px solid #ebe8ee;
    border-radius: 10px;
}
.text-center.nodata-text {
    padding: 10px 15px;
}
.badge-dates {
    padding: 10px;
    border-bottom: 1px solid rgb(235 232 238);
}

button.btn-close.closebtn-indexprofilee {
    position: relative;
    bottom: 40px;
    left: 30px;
}

.modal-content {
    margin-top: 80px;
}

/* confirmation model */

.heder-profileindem {
    display: contents;

}

.modal-header.heder-profileindem img {
    margin: auto;
}

.modal-header.heder-profileindem h5 {
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 22px;
    line-height: 100%;
    text-align: center;
    color: #1a0e25;
}

.modal-header.heder-profileindem p {
     font-family: 'Poppins';
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
    text-align: center;
    color: #1a0e25;
}

.modal-body.text-center.confirmgems-model h3 {
     font-family: 'Poppins';
    font-weight: 400;
    font-size: 20px;
    line-height: 160%;
    letter-spacing: 0px;
    text-align: center;
    color: #1a0e25;
}

.datetime-model h5 {
     font-family: 'Poppins';
    font-weight: 400;
    font-size: 17px;
    line-height: 160%;
    letter-spacing: 0px;
    text-align: center;
    color: #1a0e25;
}

button.goto-btnmodel {
    padding: 10px 50px;
    border-radius: 12px;
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0px;
    color: #5f42a9;
    border: 1px solid #5f42a9;
    background-color: #FFF;

}

button.goto-btnmodel:hover {
    color: #FFF;
    border: 1px solid #5f42a9;
    background-color: #5f42a9;
}



/* rating profile css */
.heading {
    font-size: 24px;
    font-family: 'Poppins';
    font-weight: 500;
    color: #333333;
    padding-left: 7px;
}

p.review-txt {
    line-height: 30px;
     font-family: 'Poppins';
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    color: #333333;
    padding-left: 7px;
}

.fa {
    font-size: 25px;
}

.checked {
    color: #ffc107;
}

/* Three column layout */
.side {
    float: left;
    width: 15%;
    margin-top: 10px;
}

.middle {
    margin-top: 10px;
    float: left;
    width: 70%;
}

/* Place text to the right */
.right {
    text-align: right;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* The bar container */
.bar-container {
    width: 100%;
    background-color: #f1f1f1;
    text-align: center;
    color: white;
    border-radius: 12px;
}

/* Individual bars */
.bar-5 {
    width: 60%;
    height: 10px;
    background-color: #ffc107;
    border-radius: 10px;

}

.bar-4 {
    width: 30%;
    height: 10px;
    background-color: #ffc107;
    border-radius: 10px;
}

.bar-3 {
    width: 20%;
    height: 10px;
    background-color: #ffc107;
    border-radius: 10px;
}

.bar-2 {
    width: 18%;
    height: 10px;
    background-color:#ffc107;
    border-radius: 10px;
}

.bar-1 {
    width: 15%;
    height: 10px;
    background-color: #ffc107;
    border-radius: 10px;
}
.riview-boxindex.p-3 {
    border: 1px solid rgba(249, 246, 255, 1);
    background: rgb(242 240 248);
    border-radius: 12px;
}

.content-boxxborder.mb-3.p-3 {
    border-bottom: 1px solid #ccc;
}
.testimonialcarousel h2 {
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: 5%;
    text-align: center;
    text-transform: uppercase;
    color: rgb(26 22 25);
    padding-top:30px;
}

a.text-decoration-none i {
    padding-right: 10px;
}

/* ending profile index compaign css */



/* Footer css */

.footer {
    background-color: rgba(95, 66, 169, 1);
    color: white;
    padding: 50px 0;
    margin-top:18px;
}

.footer h5 {
    font-weight: bold;
    margin-bottom: 20px;
}

.footer a {
    color: #ccc;
    text-decoration: none;
    display: block;
    margin-bottom: 10px;
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links li {
    margin-bottom: 16px;
}

.footer-links li a {
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
}

/*.footer-links li a:hover {*/

.footer-border {
    border-right: 1px solid #7655c7;
    padding: 10px 35px;
    /*height: 210px;*/
    padding-left: 60px;
}

.quicc {
    padding-left: 60px;
}

.logo-textfooter {
    font-size: 24px;
    font-weight: bold;
}

.logo-descriptionfooter {
     font-family: 'Poppins';
    font-weight: 400;
    font-size: 14px;
    color: rgba(255, 255, 255, 1);
    padding-top: 15px;
}

.social-icons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 10px 10px 10px;
    margin-right: 10px;
    border: 1px solid #d4d4d8;
    border-radius: 50%;
    font-size: 16px;
    color: white;
    text-decoration: none;
    transition: background-color 0.3s, color 0.3s;
}

.social-icons a:hover {
    background-color: #a084e8;
}
.social-footer {
    padding-left: 20px;
}

.testimonial-mobile{
    display:none;
}

/* ending css footer */



      
/* Mobile devices css */
@media (min-width: 300px) and (max-width: 767px) {
header.bg-purple-custom { padding: 0;}
.navbar-toggler-icon {  width: 23px; height: 23px;}
img.logo-hedd {width: 100px;}
a.nav-link{font-size:15px;}
.login-navv {text-align: center;}
ul.navbar-nav { gap: 3px; font-size: 16px; cursor: pointer;}
a.bbtn-loginn,
.bbtn-registerr {padding: 4px 20px;font-size: 13px;}
.login-modal {margin-top: 80px;}
.otherwaysignin.text-center {padding-top: 20px;}
.otherwaysignin.text-center p {font-size: 12px;}
.orloginbtn button {padding: 7px 7px 7px 7px;margin-right: 0px;font-size: 12px;}
img.svggoogle {width: 15px;height: 15px; margin-right: 5px;}

/* How its work devices css section home */
.Howit-works {  padding: 30px 40px 40px 30px;}
.hero { width: 100%; height: auto;}
.heading-parent { font-size: 18px;}
.sub-headingpara { font-size: 12px;}
img.frame-image { width: 100%; height:auto;}
.content-text.text-center { margin-top: 100px; margin-bottom: 25px; position: relative;}
.hero-btn { padding: 7px 10px;font-size: 10px;}
.frame-heading { font-size: 18px; padding-bottom: 10px;}
/* Feature campaign devices css section home */
.cards-featured h2 {font-size: 18px;}
.cards-featured p { font-size: 12px;}
.featured-companions {background-color: #f9f5ff;}
section.featured-companions { padding: 0px;}
h5.card-title { font-size: 16px;}
p.card-text {font-size: 10px;}
.text-center.button-viewdiv { padding-top: 10px;  padding-bottom: 0;}
.sign-viewbtn { padding: 8px 10px; font-size: 12px;}
/* Discover your best devices css section home */
.discover-yourbest h2 {font-size: 18px;padding-top: 20px;}
.discover-yourbest p {  font-size: 12px;}
.discover-yourbestcards { padding: 0;}
h5.sec-text {font-size: 14px;}
.card-bodysec {padding: 15px;}
.sec-text {font-size: 18px;   color: #6b21a8; margin: 0;}
/* Gems card section devices css */
.heading-gems h5 { font-size: 18px;}
.heading-gems p {font-size: 12px;}
.rupeegems-txt h2 {font-size: 20px;}
.rupeegems-txt p {font-size: 10px;}
.gem-card {margin: auto;}
    


img.littlebit-card {object-fit: cover; display: block; margin: auto;}
section.interestwith-gems {padding: 13px;margin-top: 20px;}
.gemscard { padding: 0px; }
.card.h-100 {width: 100%;}
.faq-text h2 {font-size: 16px;}
.faq-text p { font-size: 10px;}
.boxes { width: 100%;padding: 0px;}
.faq-box h2 { font-size: 14px; padding-top: 10px;}
.faq-box p {font-size: 10px;padding: 5px; text-align: justify;}
.card{margin:0px;width:100%;}
.testimonialcarousel { padding: 30px 0px;}
.testimonialcarousel h2 {font-size: 20px; padding-top: 0px;}
#testimonialCarousel {padding:0px !important;}
ul.list-unstyled.footer-links i {padding-right: 10px;}
    
.faq-box { padding: 10px;}
.description { font-size: 12px;white-space: nowrap;}
.btn-purplegem {font-size: 12px;}
.btn-purplegem {padding: 10px 90px;}
.gemscard { gap: 20px;}
.gem-img {width: 100px; height:65px;}
section.discoverbest-companion { padding:0px;}
.footer-border{padding:0px; border:none;}
.footer { padding: 50px 20px; margin-top:15px;}
.social-footer { padding: 0px;}
i.fas.fa-eye-slash {font-size: 12px;}
.social-icons {padding-right:230px;}
.hero {width: 100%; height: 100%;}
.login-form {padding: 0px;}
.Login-log { padding-left: 15px;padding-top: 20px;}
.welcome-heading { font-size: 25px;}
.login-para { font-size: 14px;}
.Remember-me {font-size: 10px; white-space: nowrap;}
.forgot-link .forgot-pass { font-size: 10px;white-space: nowrap;}
a.btnform-login {padding: 8px 85px;font-size:12px;}
.login-btndiv { padding-top: 0px; padding-bottom: 0px;}
section.register-section{padding:0px;}

h2#swal2-title {font-size: 20px;}
div#swal2-html-container {font-size: 12px;}


.mySwiper2 img.main-image {
    height: 400px;
    width: 100%;
    object-fit: cover;
}
.register-form {padding-left: 10px;}
.register-heading { font-size: 25px;padding-top: 20px;}
.para-register { font-size: 14px;}
a.btnform-register { padding: 7px 65px;}
.filter-box {padding: 5px;}
button.apply-btn {padding: 6px 16px 6px 16px;}
button.reset-btn {padding: 6px 16px 6px 16px;} 
h5.card-title.title-profile {font-size: 16px;}
.card-body.prrofile-boddy {padding: 5px 2px;}
p.card-text.txt-profile { font-size: 13px;}
p.card-text.txt-profile span { font-size: 12px;}
button.indexprofile-btn {padding: 7px 50px 7px 50px}
.companion-profile {padding: 0px;}
.profile {padding: 5px 10px;}
img.icon-dashbord {width: 15px;height: 15px;}
    


.swiper.mySwiper.mt-3.swiper-initialized.swiper-horizontal.swiper-android.swiper-backface-hidden.swiper-grid.swiper-watch-progress.swiper-thumbs {
height: 100px;}
.profile {padding: 10px 0px;}
h4.age-girl {font-size: 14px;}
.heding-txtprofile h3 { font-size: 14px;}
.section-title { font-size: 14px;}
.badge-custom { padding: 6px 10px;font-size:13px;}
.badge-dates {padding:5px 0px;}
.btn-book button {font-size: 12px; padding: 7px 7px 7px 7px;}
.coffe-heding h5 {font-size: 12px;}
.coffe-heding p { font-size: 12px;}
.reviews-start.ms-auto {white-space: nowrap; padding-top: 55px;text-align: end;font-size: 10px;}
.bio-simpletxt p {font-size: 13px;text-align: justify;}
.text-center.nodata-text h5 {font-size: 14px;}
.rates-boxindex {padding: 10px;}
.rates-hed h4 {  font-size: 14px;}
.side {width:100px;margin-top: 0px;}
.riview-boxindex.p-3{width:242px;}
.heading {font-size: 17px;padding-left: 6px;}
p.review-txt {font-size: 17px;}
.otp-container { padding: 10px 0px;}
.otp-heading {  font-size: 20px;}
.otp-para { font-size: 12px;white-space: normal;padding: 0px;}
.otp-input {font-size: 13px; padding: 10px; width: 37px;}
.text-center.otp-btn{padding-top:30px;}
button.otp-btn { padding: 10px 95px;}
.otp-box{gap:0px}
section.signup {padding: 10px 0px;}
.content-sighnup { padding-top: 20px;padding-left:10px;}
.textright-sign h5 {font-size: 20px;}
.textright-sign h2 { font-size: 25px;}
.twoo-btns {padding-top: 0px;}
.assoiate-content { gap: 5px;}
.title-iam {font-size: 14px;}
.description-assoite { font-size: 11px;  text-align: left;}
.assoiatee-right {padding-left:10px; padding-top: 20px;}
.assoiate-head h2 {  font-size: 17px;}
.accordion-button.custom-toggle-icon {font-size: 12px; padding: 8px 10px;}
.btn-assoiateprofile {padding: 10px 100px;}
.assoit-btnn { padding-top: 10px; padding-bottom:10px;}
.modal-contentselect {padding: 25px 10px; width: 80%;}
.modal-contentselect h2 {font-size: 14px;}
.modal-contentselect p {font-size: 10px;}
.modal-close { position: absolute; right: 0px; top: 0px;}
button.clearall-btn {font-size: 11px;padding:4px 10px;}
button.confirmm-selectbtn {font-size: 10px;padding:4px 10px}
.gotodashboard-btn {font-size: 14px; padding: 8px;}
section.associateprofile { padding: 10px 0px;}
.champion-head h2 { font-size: 18px;}
.champion-head p {font-size: 10px;}
.progress-step-bar {gap: 0px;width: 260px;}
.btn-championgirll {padding: 7px 95px;}
.champpp-btnn {  padding-top: 15px;}
.secondchamp-step { padding-top: 40px;}
.verfy-champ { padding: 10px 5px; }
.text-chmpverify h2 { font-size: 20px;}
.boxcap-container {width: 100%;}
.robot {font-size: 12px;}
.logo-captcha { margin-left: 50%;}
.captcha-text-tos {margin-left:60px;}
.register-left img {display: none;}
.index-profile.d-flex.gap-3 { justify-content: center;}
.welcom-txt {font-size: 15px;}
.sub-hedwelcom { font-size: 15px;}
.login-modal-content h4 {font-size: 17px !important;}
.login-modal-content p { font-size: 12px !important;}
.login-modal-content a {padding: 8px 50px !important;}
.logo-textfooter img {width: 45%;}
.log.text-center.mt-3 {font-size: 10px;}  
.verify-image img {display: none;}
.profile-assoiate p {font-size: 8px; }
.upload-btn {padding: 5px 35px;font-size:12px;}
.form-label { font-size: 14px;}
.form-control, .form-select {font-size: 12px;}
.interest-btn {padding: 4px 4px;font-size: 10px;}
.assoiate-head p {font-size: 10px;}
.pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link {padding: 8px 8px !important;}
.pagination .page-link {font-size: 15px;}
a.page-link {padding: 4px 8px !important;}
.login-log {padding-top: 10px;}
.copyright-footer {font-size: 10px;}
.social-icons a {font-size: 13px;padding: 8px 8px 8px 8px;margin-right: 10px;}
.social-footer h5 {font-size: 16px;}
.footer-links li a {font-size:14px;}
.footer-border h5 { font-size: 16px;}
.logo-descriptionfooter {padding-top: 10px;font-size: 12px;}
.logo-textfooter {font-size: 20px;}
.orloginbtn a {  font-size: 10px;padding: 5px 5px;}
 .orloginbtn img {margin-right: 4px;width: 10px;}
.faqheading h3 {  font-size: 20px;}
 .accordion-header.indexxfaq { padding: 10px 14px;font-size: 13px;}
.titlefaq h5 {font-size: 18px;}.titlefaq p {font-size: 12px;}section.faq-index {padding-top: 22px;}
  .testimonial-desktop{display:none;}  
.testimonial-mobile{display:block;}
    
    
}
      
     

@media screen and (min-width:768px) and (max-width:992px){
    header.bg-purple-custom { padding: 0;}
.navbar-toggler-icon {  width: 23px; height: 23px;}
img.logo-hedd {width: 100px;}
a.nav-link{font-size:15px;}
.login-navv {text-align: center;}
ul.navbar-nav { gap: 3px; font-size: 16px; cursor: pointer;}
    
    
    
    header.bg-purple-custom { padding: 0;}
    .navbar-toggler-icon {  width: 23px; height: 23px;}
    img.logo-hedd {width: 100px;}
    a.nav-link{font-size:16px;}
    .login-navv {text-align: center;}
    ul.navbar-nav { gap: 3px; font-size: 16px; cursor: pointer;}
    a.bbtn-loginn,
    .bbtn-registerr {padding: 8px 20px;font-size: 15px;}
    .welcom-txt {font-size: 15px;}
    .sub-hedwelcom {font-size: 17px;}
    .byname-search input.form-control {padding: 7px 7px;font-size: 13px;}
    .heading-parent {font-size: 28px;}
    .sub-headingpara { font-size: 14px;}
    .hero-btn {font-size: 13px;}
    .hero {height: 450px;}
    .frame-heading{ font-size: 25px;}
    .cards-featured.text-center h2 {font-size: 25px;}     
    .cards-featured.text-center p {font-size: 14px;}   
    .gem-card {width: 100%; height: auto; padding:20px;}
    .gem-card img {width: 60px; height: 60px;}
    .companion-profile{padding:0px;}
    div#testimonialCarousel {padding: 0px;}
    .testimonialcarousel h2 {font-size: 25px;}
    /*register inner page*/
    .twoo-btns-box {width: 100%; height:auto;margin:0px;}
    .textright-sign h5 {font-size:16px;}
    .description-assoite{font-size:10px;}
    
    
    

    
    /*.card { width: 100%; height:auto; padding: 15px; margin: auto;}*/
     button.apply-btn {padding: 5px 10px; font-size: 14px;}
     button.reset-btn {padding: 5px 10px; font-size: 14px;}
     .badge-dates {white-space: nowrap; padding:0px;}
    .reviews-start.ms-auto { padding: 0px;font-size: 1px;}
    .discover-yourbest h2 { font-size: 25px;}
    .discover-yourbest p { font-size: 14px;}
    .text-center.button-viewdiv {padding-top: 20px;  padding-bottom: 0px;}
    .heading-gems h5 {font-size: 25px;}
    .heading-gems p {font-size:14px;}
    .faq-box h2 {font-size: 20px;}
    .faq-box p { font-size: 15px;}
    .logo-textfooter img { width: 145px;}
    .logo-descriptionfooter {font-size: 10px;padding:10px 5px;}
    .footer-links li a {font-size:14px;}
    .footer-border {padding:0px;padding-left:20px;  }
    .social-icons a {margin-right: 0px;  padding: 7px;}
    img.frame-image { width: 100%;height: auto;}
    .Login-log {padding-left:10px;padding-top: 0px;}
    .welcome-heading { font-size: 25px;}
    .login-para{font-size:14px;}
    .form-label { font-size: 16px; }
    label.form-check-label.Remember-me.mb-0 {font-size: 13px;}
    .forgot-link .forgot-pass{font-size:14px; }
    a.btnform-login {padding: 10px 90px 10px 90px;}
    .login-btndiv { padding-top: 0px;}
    .log.text-center.mt-3 { font-size: 14px;}
    .log.text-center.mt-3 a{font-size: 14px;}
    a.btnform-register {font-size: 14px;padding:10px 150px;}
    h2.register-heading { font-size: 25px;}
    p.para-register {font-size: 14px;}
    .register-left img { display: none;}
    .register-form { width: 100%;padding: 0px;}
    .footer-border h5 {font-size: 17px;}
    .social-footer h5 {font-size: 17px;}
    .otp-container { padding: 10px 10px;}
    .otp-para { font-size: 13px; padding: 0px; white-space: normal;}
    .otp-box {gap:0px;}
    .text-center.otp-btn {padding-top: 25px;}
    button.otp-btn { padding: 7px 80px;}
    section.signup { padding: 20px 10px;}
    .content-sighnup { padding-top: 10px;padding-left: 10px;}
    .textright-sign h2 { font-size: 22px;}
    .twoo-btns { padding-top: 0px;}
    .signup-left {padding-top: 85px;padding-bottom: 85px;}
    img.image-assoiate {display: none;}
    .assoiatee-right { width: 100%; padding-top: 30px;padding-left:0px;}
    .assoit-btnn { padding-top: 30px;padding-bottom: 30px;}
    img.card-img-top { width: 100%; height: 165px;object-fit: cover;}
    img.start-gemsforimg {margin-right: 5px;margin-left: 10px;}
   .btn-book button {padding: 8px 14px;font-size: 13px;margin-right:10px;}
   /*.btn-purplegem {width:130px;}*/
   .testimonial-card {margin: 0px;padding: 10px;}
p.text-muted.headingtestimonial {white-space: nowrap; font-size: 10px;}
.testimonial-card.text-center h5 {font-size: 17px;}
.testimonial-card.text-center p{font-size: 10px;}   
section.discoverbest-companion {  padding: 40px 40px;}
/*compainion index*/ .filter-box { padding: 3px 3px;} h5.card-title.title-profile { font-size: 16px;}
p.card-text.txt-profile {font-size: 14px;} button.indexprofile-btn { padding: 7px 60px 7px 60px;}
.card-body.prrofile-boddy { padding: 4px 10px;} .heding-txtprofile h3 {font-size:22px;} 
/*.mySwiper .swiper-slide img { width: 100%px;height: 70px;}*/ 
.btn-championgirll {padding:10px 120px;} .register-form {width: 100%;} .register-left img {display: none;} .rates-hed h4 {font-size: 20px;} .coffe-heding h5 { padding: 8px 10px;font-size: 14px;} .otp-heading {font-size: 20px;} .otp-input { width: 40px; padding: 5px;} 
.orloginbtn a {font-size: 14px;padding: 7px 10px;}
    
}



@media screen and (min-width:992px) and (max-width:1200px){
 a.btnform-login {padding: 10px 150px;font-size: 14px;} .gem-card{ width:100%;} a.nav-link {font-size: 18px;} a.bbtn-registerr { padding: 7px 20px; font-size: 19px;} .card { width: 200px; padding: 20px;} a.btnform-register{ padding:10px 270px;} img.logo-hedd { width: 180px;} a.nav-link { font-size: 18px;} 
 .login-navv { display: flex;padding-left:0px;} a.bbtn-registerr {font-size: 16px;} .heading-parent {font-size: 35px;} .sub-headingpara {font-size: 17px;} h1.frame-heading{font-size: 25px; } .cards-featured.text-center.p { font-size: 18px;} h5.card-title {font-size: 16px; white-space: nowrap;} p.card-text { font-size: 13px;} .text-center.button-viewdiv { padding-top:5px; padding-bottom: 0px;} .text-center.heading-gems p { font-size: 14px;} .frequasked-parentdiv { padding-top: 50px;} .register-form {padding-left: 0px; width:100%;} section.register-section {padding: 20px 40px;} .filter-box {padding: 0px;} img.frame-image {width: 100%;height: auto;} .otp-para {font-size: 15px;white-space: normal;} /*compaignindex*/ button.indexprofile-btn {padding: 5px 20px 5px 20px; white-space: nowrap; font-size: 12px;} .card.profile-cardindex { width: 100%; height: auto; padding:8px;} img.indexcompanion-imagesview { width: 100%; height: 140px;object-fit: cover;} .card-body.prrofile-boddy {padding: 10px 2px;} h5.card-title.title-profile {font-size: 12px;} span.rating-index {font-size: 12px;} p.card-text.txt-profile {white-space:nowrap; font-size: 10px;} p.card-text.txt-profile span {font-size: 12px;} .tag-btn {padding: 4px 6px;} .filter-box { padding: 8px 1px;} .btn-championgirll {padding:10px 120px;} .register-left img {display: none;} .welcom-txt {font-size:14px;} 
 img.card-img-top {height: 210px;} h5.sec-text {font-size:13px;} .gem-img {width: 70px;height:70px;}.cards-featured h2 {font-size:25px;}.cards-featured p {font-size:14px;}.discover-yourbest h2{font-size:25px;}.discover-yourbest p {font-size:14px;}
 .heading-gems h5 {font-size:25px;}.testimonialcarousel h2 {font-size:25px;}.sub-hedwelcom {font-size:16px;}
 .gem-card {padding:25px;height:230px;} .description {font-size: 14px;} .btn-purplegem {font-size:14px;padding:10px 60px;} 
 .testimonialcarousel {padding:40px 40px;} .testimonial-card.text-center p {font-size: 11px;}
li.nav-item a { font-size: 16px;}
.assoiatee-right{padding-left: 10px;padding-top: 25px;}.assoiate-head h2 {font-size: 21px;}
.accordion-button.custom-toggle-icon {padding:10px 11px 0px 10px; font-size:15px;}   
.assoit-btnn {padding-top: 5px;padding-bottom: 30px;}.btn-assoiateprofile{padding:5px 160px;}.logo-textfooter img { width: 100%;}
.logo-descriptionfooter {font-size:12px;}.footer-border h5 { font-size: 16px;}.social-footer h5 {font-size: 16px;padding-top:8px;}
.footer-links li a {font-size:14px;}.social-icons a {font-size:14px;padding:7px 7px 7px 7px;}
.text-center.copyright-footer {font-size: 13px;}
    

    
   

}

@media screen and (min-width:1201px) and (max-width:1500px){
   .navbar-nav, ul.navbar-nav {white-space: nowrap !important; font-size: 20px !important; gap: 20px;} a.btnform-login{padding:10px 150px;} .login-btndiv {padding:0px;} .heading-parent{ font-size:25px;} .sub-headingpara{font-size:14px;} .frame-heading{ font-size:25px;} .cards-featured h2{ font-size:25px;} .cards-featured p{ font-size:14px;} h5.card-title{ font-size:20px;} .discover-yourbest h2{font-size:25px;} .discover-yourbest p{font-size:14px;} .heading-gems h5{font-size:25px;} .faq-text h2 { font-size:25px;} .faq-text p{ font-size:14px;} .welcome-heading{ font-size:30px;} .register-heading { font-size:30px;} a.bbtn-loginn { margin-left: 215px; font-size: 16px;} .bbtn-registerr { padding: 7px 20px;} /*login */ .login-form { padding: 20px;} /*register*/ a.btnform-register{padding:10px 100px 10px 100px;} .otp-container { padding: 10px 10px;} .otp-heading {font-size: 25px;} .otp-para {font-size: 17px;white-space: normal;} .otp-input {width: 45px;height: 45px;} button.otp-btn { font-size: 14px;padding: 8px 100px 8px 100px;} resend p {font-size: 20px;} .text-center.otp-btn {padding-top: 25px;} .filter-box {padding:10px;} 
   img.indexcompanion-imagesview { width: 100%; height: 200px; object-fit: cover;} .card.profile-cardindex {width: 100%; height: 350px; object-fit: cover;} button.indexprofile-btn { padding: 6px 16px;font-size: 14px;white-space: nowrap;} .card-body.prrofile-boddy { padding: 10px 0px;} h5.card-title.title-profile {font-size: 14px; letter-spacing: 0px; line-height: 15px;} p.card-text.txt-profile { font-size: 13px; line-height: 16px;} p.card-text.txt-profile span { font-size: 11px; line-height: 17px;} .text-center.nodata-text { padding: 10px 0px;} .profile {padding: 20px 0px;} .login-btndiv.text-center { padding-top: 20px;} .btn-assoiateprofile { padding: 10px 130px 10px 130px;} .assoit-btnn { padding-top: 10px;} .btn-championgirll {padding:10px 120px;} .progress-step-bar {gap: 2px;height: 4px;width: 445px;} .champion-head h2 {font-size: 20px;} .champion-head p {font-size: 12px;} .col-md-6.championn-left.d-flex.align-items-center.justify-content-center { margin-top: -125px;} .col-md-6.assoiate-left.d-flex.align-items-center.justify-content-center {margin-top: 20px;} .footer {margin-top: 40px;} 
   header.bg-purple-custom {padding: 5px;} .welcom-txt { font-size: 16px;}.card {width: 16rem;}
   .otherwaysignin.text-center p {padding-top: 20px;}
   .assoiatee-right {padding-left: 30px;padding-top: 46px;}
    img.logo-hedd {
    width: 100%;
}
.accordion-button.custom-toggle-icon {padding:10px 11px 0px 10px;}
  
}
  @media (min-width: 1500px) {
    button.indexprofile-btn {padding: 10px 50px 10px 50px;}
    
}