@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');



* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}



body {

  font-family: 'Inter', sans-serif;

}



a:focus-visible {

  outline: none;

}



.breadcrumb-item a,

.breadcrumb-item.active {

  color: #272a2d;

  text-decoration: none;

}



.breadcrumb-item a:hover,

.breadcrumb-item a.active {

  color: #be2664;

}



.navbar.navbar-custom .nav-link {

  color: #000000;

  font-weight: 500;

}



.navbar-custom .badge {

  padding: 7px;

  border-radius: 5px;

  background: #fff0f1;

  top: 18px;

  right: -28px !important;

}



.navbar.navbar-custom .nav-link:hover,

.navbar.navbar-custom .nav-link:focus {

  color: #be2664;

}



.navbar-custom .navbar-nav {

  padding-right: 60px;

}



.navbar-custom .navbar-nav .nav-link {

  color: #000;

  font-size: 14px;

  font-weight: 500;

}



.navbar-custom .navbar-brand img {

  width: 160px;

}



.navbar-custom .dropdown-item {

  font-size: 14px;

  padding: 8px 15px;

  text-align: center;

}



.navbar-custom .nav-item .dropdown-menu {

  background: #f6f6f6;

  border: none;

}



.navbar-custom .dropdown-item:focus,

.navbar-custom .dropdown-item:hover {

  background: none;

  color: #be2664;

}



.navbar-custom .dropdown .dropdown-toggle {

  text-align: center;

}



@media (min-width: 992px) {

  .navbar-custom .navbar-nav .nav-link {

    margin-right: 20px;

  }



  .navbar-custom .dropdown-item {

    text-align: left;

  }



  .navbar-custom .nav-item.dropdown:hover>.dropdown-menu {

    display: block;

    margin-top: 0;

    border-radius: 0;

  }



  .navbar-custom .nav-item .dropdown-menu {

    opacity: 0;

    visibility: hidden;

    transition: opacity 0.3s ease;

  }



  .navbar-custom .nav-item.dropdown:hover .dropdown-menu {

    opacity: 1;

    visibility: visible;

  }



  .navbar-custom ul.dropdown-menu.show {

    border: none;

    text-align: left;

  }

}



/* herosection */

.hero-section {

  position: relative;

  overflow: hidden;

  background-color: #fff;

  display: flex;

  align-items: center;

  justify-content: start;

  flex-direction: column;

  text-align: center;

  min-height: 450px;

}



.hero-section h1 {

  color: #1A1A1A;

  text-align: center;

  font-size: 61px;

  font-weight: 700;

  line-height: 65px;

}



.hero-section p {

  color: rgba(26, 26, 26, 0.64);

  text-align: center;

  font-size: 22px;

  font-style: normal;

  font-weight: 500;

  line-height: 30px;

  letter-spacing: -0.42px;

  margin: 33px 0;



}



.highlight {

  position: relative;

  display: inline-block;

  color: #FFF;

  font-size: 61px;

  font-style: normal;

  font-weight: 700;

  line-height: 65px;

  letter-spacing: -1.921px;

}



.highlight::before {

  content: '';

  position: absolute;

  top: 1px;

  left: -2px;

  width: 105%;

  height: 100%;

  background: #BE2664;

  transform: rotate(-3deg);

  z-index: -1;

  border-radius: 5px;

}



.hero-heading {

  font-size: 2.5rem;

  font-weight: 700;

  color: #000;

}



.custom-btn {

  background-color: #BE2664;

  border: none;

  padding: 10px 44px;

  font-weight: 600;

  color: #fff;

  transition: background 0.3s ease;

  border-radius: 4px;

  font-size: 14px;

  font-style: normal;

  font-weight: 600;

  line-height: 24.48px;

}



.btn.custom-btn:hover, .btn.custom-btn:active, .btn.custom-btn:focus-visible {

  color: #fff;

  background-color: #d40075;

}



/* Bottom video section */

.video-wrapper {

  position: absolute;

  top: -50px;

  width: 100%;

   height: 100%; 

  overflow: hidden;

  z-index: 1;

  filter: opacity(0.2);

}



.pd-40 {

  padding: 40px 0px;

}



.video-wrapper video {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

}





/* simplestep */

.simple-section h2 {

  color: #24375B;

  font-size: 34px;

  font-style: normal;

  font-weight: 600;

  line-height: 150%;

  letter-spacing: -0.68px;

}



.simple-section {

  margin-bottom: 60px;

  margin-top: 50px;

}



.simple-border {

  position: relative;

  margin-top: 20px;

  border-radius: 10px;

  border: 2px solid transparent;



  background-image:

    linear-gradient(#fff, #fff),

    linear-gradient(to right, #dd5e89, #f7bb97, #00c9ff, #92fe9d);

  background-origin: border-box;

  background-clip: content-box, border-box;

}



.steps {

  color: #919296;

  font-size: 12px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  margin-bottom: 2px;

}



.step-item.stepBoxWrap {

  display: flex;

  justify-content: center;

}

@media (min-width: 768px){
    .step-item.stepBoxWrap .stepBox{
    text-align:left;
}
}



.steptxt {

  text-align: left;

}



.stepBox img {

  height: 79px;

  width: 79px;

  margin-bottom: 15px;

}



.step-item h5 {

  color: #000;

  font-size: 18px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  letter-spacing: -0.18px;

}



.status {

  color: #008C76;

  font-size: 11px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

}



.arrow-image1 {

  content: '';

  position: absolute;

  top: 30%;

  left: 19%;

  width: 122px;

  z-index: 2;

}



.arrow-image2 {

  content: '';

  position: absolute;

  top: 30%;

  right: 37%;

  width: 122px;

  z-index: 2;

}



.mobile_arrow1 {

  content: '';

  position: absolute;

  top: 29%;

  left: 50%;

  transform: translateX(-50%);

  width: 122px;

  z-index: 2;

}



.mobile_arrow2 {

  content: '';

  position: absolute;

  bottom: 31%;

  left: 50%;

  transform: translateX(-50%);

  width: 122px;

  z-index: 2;

}



/* simplestep */



/* Filtersection */

.filter-section h2 {

  color: #24375B;

  text-align: center;

  font-family: "Inter";

  font-size: 34px;

  font-style: normal;

  font-weight: 600;

  line-height: 150%;

  letter-spacing: -0.68px;

}



.filter-section p {

  color: rgba(26, 26, 26, 0.64);

  text-align: center;

  font-family: "Inter";

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 150%;

  margin-bottom: 40px;

}



.filter-box {

  justify-content: space-around;

  display: inline-flex;

  padding: 12px;

  align-items: center;

  border-radius: 18px;

  background: #FFF;

  box-shadow: 0px 4px 18px 0px rgba(45, 45, 45, 0.22);

  gap: 20px;

  margin-bottom: 21px;

}



.side-box .mobile-scroll .btn-filter {

  width: 100%;

}



.filter-box button {

  color: #000;

  font-family: "Inter";

  font-size: 13px;

  font-style: normal;

  font-weight: 600;

  line-height: 150%;

  letter-spacing: -0.26px;

  padding: 10px 29px;

  border: none;

  background-color: transparent;

  border-radius: 5px;

  transition: all 0.3s ease;
}

.filter-box button:hover{
      background: #be26642b;
  }



.filter-box button.active {

  background: #BE2664;

  color: #FFF;



}



.card-box {

  position: relative;

  padding: 29px 29px 29px 29px;

  border-radius: 18px;

  background: #FFF;

  box-shadow: 0px 4px 28px 0px rgba(4, 4, 4, 0.11);

}



.card-box-img {

  position: absolute;

  top: -56px;

  right: -45px;

}





.filter-card {

  text-align: start;

  border-radius: 15px;

  background: #FFF;

  box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.14);

  padding: 16px 18px;

  color: #747474;

  display: flex;

  flex-direction: column;

  height: 100%;

}

.filter-card h4 {

  color: #252B42;

  font-family: "Inter";

  font-size: 18px;

  font-style: normal;

  font-weight: 700;

  line-height: 25px;

  letter-spacing: 0.1px;

  padding-right: 18px;

  margin-top: 10px;

}





.filter-card ul {

  padding-left: 1.3rem;

}



.filter-card ul li {

  color: #747474;

  font-family: "Inter";

  font-size: 13px;

  font-style: normal;

  font-weight: 500;

  line-height: 20px;

  letter-spacing: 0.2px;

}



.filter-card .icon-image img {

  width: 50px;

}



.filter-price {

  display: flex;

  padding: 17px 2px 7px 2px;

  justify-content: space-between;

  align-items: center;

  gap: 25px;

  align-self: stretch;

  margin-top: auto;

}





.filter-price .price {

  color: #2E2E2E;

  font-family: "Inter";

  font-size: 22px;

  font-style: normal;

  font-weight: 700;

  line-height: 20px;

  letter-spacing: 0.2px;

}



.filter-price button {

  border: none;

  color: #FFF;

  font-family: "Inter";

  font-size: 14px;

  font-style: normal;

  font-weight: 600;

  line-height: 24.48px;

  padding: 4px 0;

  border-radius: 5px;

  width: 100px;

  background: #BE2664;

}

.filter-price button:hover, .filter-price button:active, .filter-price button:focus-visible{
    background: #d40075;
}



.card-see-all {

  margin-top: 20px;

  text-align: center;

}



.card-see-all a {

  text-decoration: none;

  color: #BE2664;

  text-align: center;

  font-family: "Inter";

  font-size: 16px;

  font-style: normal;

  font-weight: 600;

  line-height: 150%;

  letter-spacing: -0.32px;

}

.card-see-all a:hover{
    color: #486284;
}



.card-grid-scrollable {

  max-height: 600px;

  overflow-y: auto;

  padding: 10px;

  overflow-x: hidden;

}



/* Filtersection */



/* problemsection */

.problem-section {

  position: relative;

  padding-top: 47px;

  padding-bottom: 47px;

  background-color: #000;

  margin-bottom: 50px;

  margin-top: 50px;

}



.problem-section h2 {

  color: #FFF;

  font-size: 34px;

  font-style: normal;

  font-weight: 600;

  line-height: 45px;

  letter-spacing: 0.5px;

}





.problem-section p {

  color: #D3D3D3;

  font-family: "Inter";

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 150%;

}



.problem-section-img {

  position: absolute;

  width: 278px;

  height: 100%;

  bottom: 0;

  left: 0;
  
  overflow: hidden;

}



.recommendation-form-wrapper {

  display: flex;

  justify-content: center;

}





.recommendation-form {

  display: flex;

  padding: 19px 26px;

  align-items: center;

  gap: 129px;

  background: #fff;

  border-radius: 12px;

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

  width: 100%;

}



.recommendation-form input[type="text"] {

  flex: 1;

  padding: 12px 16px;

  border: none;

  border-radius: 8px;

  font-size: 14px;

  outline: none;

  color: #333;

}



.recommendation-form button {

  background-image: url(/images/image10.webp);

  background-size: cover;

  background-position: center;

  color: #fff;

  border: none;

  padding: 12px 20px;

  border-radius: 8px;

  cursor: pointer;

  font-size: 14px;

  position: relative;

  overflow: hidden;

  z-index: 1;



  border-radius: 10px;

  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px 4px 18px 0px rgba(45, 45, 45, 0.22);

  color: #FFF;

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 24px;

  letter-spacing: 0.5px;

}





/* problemsection */



/* buget-freindly-section */

.buget-frendly .card {

  padding: 40px;

  background:

    linear-gradient(#f9f9f9, #f9f9f9) padding-box,

    linear-gradient(to right, #e8e6ff, #fce1f2, #BE2664) border-box;

  border: 2px solid transparent;

  border-radius: 16px;

}





.buget-frendly .cards {

  padding: 40px;

  background:

    linear-gradient(#f9f9f9, #f9f9f9) padding-box,

    linear-gradient(to right, #e8e6ff, #fce1f2, #BE2664) border-box;

  border: 2px solid transparent;

  border-radius: 16px;

}





.buget-frendly-heading h2 {

  text-align: center;

  font-size: 34px;

  font-style: normal;

  font-weight: 500;

  line-height: 150%;

  letter-spacing: -0.68px;

}





.buget-frendly-heading p {

  color: rgba(26, 26, 26, 0.64);

  text-align: center;

  font-family: "Inter";

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 150%;

  margin-bottom: 25px;

}



.buget-frendly-img {

  height: 240px;

  overflow: hidden;

  object-fit: cover;

  text-align: center;

}





.cards h3 {

  color: #050505;

  font-family: "Inter";

  font-size: 28px;

  font-style: normal;

  font-weight: 400;

  line-height: 150%;

}



.cards p {

  color: #050505;

  font-family: "Inter";

  font-size: 14px;

  font-style: normal;

  font-weight: 400;

  line-height: 136%;

  letter-spacing: -0.28px;

}



.buget-frendly-small-card {

  display: flex;

  align-items: center;

}



.card h3 {

  color: #050505;

  font-family: "Inter";

  font-size: 28px;

  font-style: normal;

  font-weight: 400;

  line-height: 150%;

}



.card p {

  color: #050505;

  font-family: "Inter";

  font-size: 14px;

  font-style: normal;

  font-weight: 400;

  line-height: 136%;

  letter-spacing: -0.28px;

}





.bugets-right-cards {

  display: flex;

  flex-direction: column;

  gap: 20px;

}



/* buget-freindly-section */



/* section-ready  */

.section-ready {

  text-align: center;

  position: relative;

  background-image: url(/images/Frame\ 36382.webp);

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  height: 500px;

  margin-bottom: 50px;

}



.section-ready-content {

  position: absolute;

  top: 50%;

  left: 50%;

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

  margin-bottom: 16px;

}



.section-ready-content h2 {

  color: #000;

  text-align: center;

  font-size: 42px;

  font-weight: 500;

  line-height: 120%;

  letter-spacing: -0.84px;

  margin-bottom: 20px;

}



.ready-btn a {

  border-radius: 4px;

  background: #BE2664;

  padding: 12px 44px;

  text-decoration: none;

  color: white;

}
.ready-btn a:hover, .ready-btn a:active, .ready-btn a:focus-visible{
    background: #d40075;
}


/* section-ready  */



/* formsection  */

.custom-contact-bg {

  border-radius: 24px;

  padding: 20px;

}



.btn-pink {

  border-radius: 2px;

  background: #BE2664;

  color: white;

  border: none;

  border-radius: 5px;

  padding: 6px 20px;

}



.btn.btn-pink:hover, .btn.btn-pink:active, .btn.btn-pink:focus-visible {

  background-color: #db2777;

  color: #fff;

}



.contact-form-heading h3 {

  color: #FFF;

  font-size: 34px;

  font-style: normal;

  font-weight: 500;

  line-height: 150%;

  letter-spacing: -0.68px;

}



.contact-form-heading p {

  color: #FFF;

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 188%;

}


.form-control {

  padding: 10px;

}
.filter-section .form-control {

  padding: 8px 0;

  flex-shrink: 0;

}





/* faq */

.faqsList .accordion-button::after {

  background-image: url(/images/button.webp);

  background-size: 35px;

  width: 35px;

  height: 34px;

}



.faqsList .accordion-button.collapsed::after {

  background-image: url(/images/rightArrow.webp);

}



.faqsList .accordion-button:not(.collapsed)::after {

  transform: none;

  background-size: 35px;

  width: 35px;

  height: 36px;

}



.faqsList .accordion-button {

  width: 100%;

  font-size: 20px;

  color: #000;

  text-align: left;

  background-color: #ffffff;

  overflow-anchor: none;

  font-family: "Inter";

  font-style: normal;

  font-weight: 600;

  line-height: 135%;

  box-shadow: none;

  display: flex;

  justify-content: center;

  align-items: center;

  border-radius: 16px;



}



.faqsList .accordion-item:first-of-type,

.faqsList .accordion-item:first-of-type>.accordion-header .accordion-button,

.faqsList .accordion-item:last-of-type,

.faqsList .accordion-item:last-of-type>.accordion-header .accordion-button {

  border-radius: 16px;

}



.faqsList .accordion-item {

  color: #646464;

  background-color: #ffffff;

  margin: 0 0 15px;

  border-radius: 16px;

  border: 1px solid #F2EFEF;

  box-shadow: 0 1px 4px 0 rgba(25, 33, 61, 0.06);

  font-style: normal;

  font-weight: 400;

  line-height: 166%;

  font-size: 16px;

}



.faqsList .accordion-body {

  width: 70%;

  padding-top: 0;

}



/* footer  */

.site-footer {

  background-color: #fff;

  color: #6c757d;

}



.site-footer .footer-logo {

  max-height: 50px;

}



.site-footer .footer-info p {

  color: #747E98;

  font-size: 17px;

  font-style: normal;

  font-weight: 400;

  line-height: 33.5px;

}





.site-footer .footer-address {

  font-size: 0.9rem;

  color: #6c757d;

}



.site-footer .footer-title {

  color: #090827;

  font-size: 20px;

  font-style: normal;

  font-weight: 500;

  line-height: 33.5px;

}



.site-footer .footer-links a {

  color: #747E98;

  font-size: 17px;

  font-style: normal;

  font-weight: 400;

  line-height: 33.5px;

  text-decoration: none;

}



.site-footer .footer-links a:hover {

  color: #000;

}



.site-footer .social a {

  font-size: 1.25rem;

  color: #6c757d;

  margin-right: 0.5rem;

}



.site-footer .social a:hover {

  color: #000;

}



.site-footer .footer-copy {

  color: #6c757d;

  font-size: 0.85rem;

}



/* Catogory page css  */



.catogory-section-heading {

  max-width: 610px;

  margin: auto;

}



.catogory-section-heading h1 {

  color: #1A1A1A;

  text-align: center;

  font-family: "Inter";

  font-size: 61px;

  font-style: normal;

  font-weight: 700;

  line-height: 65px;

  letter-spacing: -1.921px;

}





.catogory-section-heading p {

  color: rgba(26, 26, 26, 0.64);

  text-align: center;

  font-family: "Inter";

  font-size: 22px;

  font-style: normal;

  font-weight: 500;

  line-height: 30px;

  letter-spacing: -0.42px;

}





.floating-icon-left {

  position: absolute;

  z-index: 0;

  left: -100px;

  top: -29px;

  z-index: 0;

  width: 111.904px;

  height: 111.904px;

}



.floating-icon-right {

  position: absolute;

  z-index: 0;

  right: -100px;

  top: -29px;

  z-index: 0;

  width: 111.904px;

  height: 111.904px;

}



.feature-box img {

  width: 38px;

  height: 38px;

}





.feature-box h6 {

  color: #000;

  font-size: 18px;

  font-style: normal;

  font-weight: 600;

  line-height: 30px;

  letter-spacing: -0.42px;

}



.feature-box p {

  color: #777;

  font-size: 15px;

  font-style: normal;

  font-weight: 500;

  line-height: 19px;

  letter-spacing: -0.42px;

}





.feature-box {
border-radius: 19px;
    border: 1px solid #be26646e;
    background: #f2f2f2;
    transition: transform 0.3s ease;
}



.feature-box:hover {

  transform: translateY(-5px);

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

}





.Product-catogory {
  color: #1A1A1A;
  font-size: 29px;
  font-weight: 600;

}



.input-group {

  width: 50%;

  display: inline-flex;

}



.input-group .form-control:focus {



  background-color: none !important;

  border-color: none !important;

  outline: none !important;

  ;

  box-shadow: none !important;

}



.form-control:focus {



  border-color: #dcdcdc;



}



/* shoppagecss */

.shop-section-heading {

  max-width: 675px;

  margin: auto;

}



.shop-section-heading h1 {

  color: #1A1A1A;

  text-align: center;

  font-family: "Inter";

  font-size: 61px;

  font-style: normal;

  font-weight: 700;

  line-height: 65px;

  /* 106.557% */

  letter-spacing: -1.921px;

}



.shop-section-heading p {

  color: rgba(26, 26, 26, 0.64);

  font-family: "Inter";

  font-size: 22px;

  font-style: normal;

  font-weight: 500;

  line-height: 30px;

  /* 136.364% */

  letter-spacing: -0.42px;

}





.floating-shop-icon-left {

  position: absolute;

  z-index: 0;

  left: -96px;

  top: 35px;

  z-index: 0;

  width: 111.904px;

  height: 111.904px;

}



.floating-shop-icon-right {

  position: absolute;

  z-index: 0;

  right: -81px;

  top: 35px;

  z-index: 0;

  width: 111.904px;

  height: 111.904px;

}





.side-box button {

  margin-bottom: 10px;

}



/* product-section */



.product-section-heading {

  max-width: 730px;

  margin: auto;

}



.product-section-heading h1 {



  color: #1A1A1A;

  font-size: 61px;

  font-family: "Inter";

  font-weight: 700;

  line-height: 65px;

  word-wrap: break-word

}



.product-section-heading p {



  color: rgba(26, 26, 26, 0.64);

  font-size: 20px;

  font-family: "Inter";

  font-weight: 500;

  line-height: 30px;

  word-wrap: break-word

}



.floating-icon-left-product {



  position: absolute;

  z-index: 0;

  left: -120px;

  top: -15px;

  z-index: 0;

  width: 111.904px;

  height: 111.904px;

}





.floating-icon-right-product {



  position: absolute;

  z-index: 0;

  right: -120px;

  top: -15px;

  z-index: 0;

  width: 111.904px;

  height: 111.904px;

}





.product-section-btn button {

  border-radius: 4px;

  background: #BE2664;

  padding: 10px 44px;

  border: none;

  color: #FFF;

  font-family: "Inter";

  font-size: 18px;

  font-style: normal;

  font-weight: 600;

  line-height: 24.48px;

}



span.font-weight-bold {

  font-weight: bold;

  color: black;

}





.problem-card {



  padding: 32px 26px;

  border-radius: 18px;

  border: 1px solid #FFF1F1;

  background: var(--Shades-White, #FFF);

  box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.14);

  text-align: center;

  transition: 0.3s;

}



.problem-card:hover {

  transform: translateY(-5px);

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

}



.solution-box {

  background-color: #fff;

  border-radius: 15px;

  padding: 30px;

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

}





.problem-card h5 {

  color: var(--Neutral-800, #191D23);

  text-align: center;

  font-family: "Inter";

  font-size: 18px;

  font-style: normal;

  font-weight: 600;

  line-height: normal;

}





.problem-card p {

  color: var(--Neutral-500, #64748B);

  text-align: center;

  font-family: "Inter";

  font-size: 14px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

}





.problem-card img {

  margin-bottom: 20px;

}



/*  new css  product section  */

.price-section h2 {

  color: #24375B;

  text-align: center;

  font-family: "Inter";

  font-size: 34px;

  font-style: normal;

  font-weight: 500;

  line-height: 150%;

  letter-spacing: -0.68px;

}



.price-section p {

  color: rgba(26, 26, 26, 0.64);

  text-align: center;

  font-family: "Inter";

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 150%;

  /* 27px */



}





.price-section-cards {

  border-radius: 10px;

  border: 2px solid #FFF1F1;

  background: #FFF;

  box-shadow: 0px 27px 86px 0px rgba(160, 160, 160, 0.25);

  padding: 48px;

}





.price-section-cards .form-check .form-check-input[type=checkbox] {

  width: 30px;

  height: 30px;

  border-radius: 4px;

  border: 2px solid #1C3D5A;

  background-color: #FFF;

  margin-right: 15px !important;



  -webkit-appearance: auto;

  appearance: auto;

  box-shadow: none;

  cursor: pointer;

}



.form-product {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-bottom: 35px;

}





.price-section-cards .form-check label.form-check-label {

  color: #000;

  font-family: "Inter";

  font-size: 20px;

  font-style: normal;

  font-weight: 600;

  line-height: 22px;

  letter-spacing: 0.15px;

}



.price-section-cards .form-check p {

  color: #8E9393;

  font-family: "Inter";

  font-size: 15px;

  font-style: normal;

  font-weight: 500;

  line-height: 22px;

  letter-spacing: 0.15px;

  width: 80%;

  margin-left: 20px;

}





.price-section-cards .form-check span {

  color: #000;

  font-family: "Inter";

  font-size: 25px;

  font-style: normal;

  font-weight: 600;

  line-height: 22px;

  letter-spacing: 0.15px;

}



.price-badge-product {

  display: flex;

  gap: 21px;

  align-items: center;

}



.badge {

  padding: 13px 6px 13px 10px;

  border-radius: 9px;

  background: #D7FFD0;

  color: #3D9900;

}



.product-price-btn {

  padding: 10px 44px;

  color: #FFF;

  font-family: "Inter";

  font-size: 18px;

  font-style: normal;

  font-weight: 600;

  line-height: 24.48px;

  border-radius: 8px;

  background: #BE2664;

  border: none;

}





.product-price-sec {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 8px 9px;

  border-radius: 10px;

  background: #FFF;

  box-shadow: 0px 6px 31px 0px rgba(0, 0, 0, 0.16);

}



.product-total {

  color: #000;

  font-family: "Inter";

  font-size: 21px;

  font-style: normal;

  font-weight: 600;

  line-height: 22px;

  letter-spacing: 0.15px;

}



.whatyougot-content {

  display: flex;

  padding: 8px 22px 8px 15px;

  align-items: center;

  gap: 4px;

  border-radius: 16px;

  border: 2px solid #E773B3;

  background: rgba(170, 170, 170, 0.12);

  backdrop-filter: blur(10px);

  margin-bottom: 10px;

}





.whatyougot-heading h2 {

  color: #24375B;

  text-align: center;

  font-family: "Inter";

  font-size: 34px;

  font-style: normal;

  font-weight: 500;

  line-height: 150%;

  letter-spacing: -0.68px;

}



.whatyougot-heading p {

  color: rgba(26, 26, 26, 0.64);

  text-align: center;

  font-family: "Inter";

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 150%;

}



.whatyougot-img img {

  width: 426px;

  height: 407px;

}



.whatyougoticon {

  width: 40px;

  height: 40px;

  flex-shrink: 0;

}





.whatyougot-content p {

  color: #050505;

  font-family: "Inter";

  font-size: 17px;

  font-style: normal;

  font-weight: 400;

  line-height: 112%;

  margin-bottom: 0px;

}





.problem-card-section h2 {

  color: #24375B;

  text-align: center;

  font-family: "Inter";

  font-size: 34px;

  font-style: normal;

  font-weight: 500;

  line-height: 150%;

  letter-spacing: -0.68px;

  margin-bottom: 18px;

}



/* comment page  product section  */



/* Testimonial Slider Start */

.testimonial-slider .swiper-container {

  position: relative;

}



.testimonial-slider .swiper-pagination {

  display: none;

}



.testimonial-slider .swiper-container {
    margin-bottom:90px;
}



.testimonial-slider .swiper-slide {

  background-color: #fff;

  /*min-height: 19rem;*/

  display: flex;

  flex-direction: column;

  align-items: self-start;

  position: relative;

  border-radius: 8px;

  box-shadow: -1px 5px 15px #0000001f;

  overflow: hidden;

  /*filter: brightness(.7);*/

  /*pointer-events: none;*/

  transition: filter 0.3s ease;
    -webkit-user-select: none;
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none;
}



.testimonial-slider .swiper-slide-active {

  filter: none;

  opacity: 1;

  /*pointer-events: auto*/

}



.testimonial-slider .swiper-slide .slide-content {
    
  padding: 15px 25px;

  overflow: hidden;
  
  border-radius: 10px;
  
  background: linear-gradient(#f9f9f9, #f9f9f9) padding-box, linear-gradient(to right, #e8e6ff, #fce1f2, #BE2664) border-box;
  border: 2px solid transparent;

}
.testimonial-slider .swiper-slide .slide-content::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    background: url(/images/signup-bg.webp);

  background-size: 100%;

  background-repeat: no-repeat;

  background-position: center;

  background-attachment: fixed;
}
.testimonial-slider .swiper-slide .slide-content .testimonial-content{
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}
.testimonial-slider .swiper-slide .slide-content .testimonial-content p{
    color: #6d6d6d;
    font-size: 14px;
}



.testimonial-slider .swiper-slide .slide-content .testimonial-user .t-username .t-username1 {

  display: block;

  font-size: 13px;

  font-weight: 600;

}



.testimonial-slider .swiper-slide .slide-content .testimonial-user .t-username .user-p {

  color: #8a8a8a;

  display: block;
  
  font-size: 12px;

}



.testimonial-slider .swiper-slide .slide-content .testimonial-user .t-userimage {

  width: 50%;

  text-align: end;

}



.testimonial-slider .swiper-slide .slide-content iframe {

  width: 100% !important;

  height: 284px !important;

}



.testimonial-slider .swiper-button-prev {

  background: white;

  border-radius: 50%;

  top: 50%;

  left: 30px;

  width: 50px;

  height: 50px;

  box-shadow: 0px 2px 11px rgba(0, 0, 0, 0.17);

}



.testimonial-slider .swiper-button-prev::after {

  font-size: 1.4rem;

  content: "";

}



.testimonial-slider .swiper-button-prev svg {

  width: 25px;

  color: black;

}



.testimonial-slider .swiper-button-next {

  background: white;

  border-radius: 50%;

  top: 50%;

  right: 30px;

  width: 50px;

  height: 50px;

  box-shadow: 0px 2px 11px rgba(0, 0, 0, 0.17);

}



.testimonial-slider .swiper-button-next::after {

  font-size: 1.4rem;

  content: "";

}



.testimonial-slider .swiper-button-next svg {

  width: 25px;

  color: black;

}



.testimonial-slider .swiper-button-prev,

.testimonial-slider .swiper-button-next {

  display: none;

}



.form-product {

  margin-bottom: 0;

  padding: 20px 20px 20px 35px;

}



.price-section-cards .form-check p {

  margin-bottom: 0;

}



@media (min-width: 760px) {



  .testimonial-slider .swiper-button-prev,

  .testimonial-slider .swiper-button-next {

    display: flex;

  }

}



/* Testimonial Slider End */





@media only screen and (max-width: 767.98px) {

  /* .btn-nav {

    display: none;

  } */
  
  .card-grid-scrollable{
      padding: 15px;
  }



  .navbar-custom .navbar-nav {

    padding-right: 0px;

  }



  .mobile-scroll {

    max-width: 100%;

    /* adjust as needed */

    overflow-y: hidden;

    padding: 10px;

    overflow-x: auto;



  }



  .steptxt {

    text-align: center;

  }



  .card h3 {

    color: #050505;

    font-family: "Inter";

    font-size: 17px;

    font-style: normal;

    font-weight: 600;

    line-height: 129%;

  }



  .bugets-right-cards {

    display: flex;

    flex-direction: row;

  }



  .buget-frendly-small-card {

    display: flex;

    flex-wrap: wrap;

    flex-direction: column-reverse;

    gap: 15px;

  }



  .buget-frendly-small-card .ms-auto {

    margin-left: 0 !important;

  }



  .buget-frendly-small-card .me-3 {

    margin-right: 0 !important;

  }





  .buget-frendly .card {

    padding: 20px;

  }



  .buget-frendly .cards {

    padding: 20px;

  }



  .card-box-img {

    display: none;

  }



  .recommendation-form {

    display: flex;

    width: 100%;

    height: 141px;

    padding: 19px 26px;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    gap: 10px;



  }



  .testimonial-slider .swiper-slide {

    min-height: auto;

  }



  .problem-section p {

    color: #D3D3D3;

    text-align: center;

    font-family: "Inter";

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 136%;

  }



  .problem-section h2 {

    color: #FFF;

    text-align: center;

    font-family: "Inter";

    font-size: 22px;

    font-style: normal;

    font-weight: 700;

    line-height: 26px;

    letter-spacing: 0.5px;

  }



  .recommendation-form input[type="text"] {

    flex: 1;

    border: 1px solid #bbbbbb;

    border-radius: 8px;

    font-size: 12px;

    outline: none;

    color: #333;

    min-width: 220px;

  }



  .problem-section-img {

    display: none;

  }



  .buget-frendly-heading h2 {

    color: #24375B;

    text-align: center;

    font-family: "Inter";

    font-size: 22px;

    font-style: normal;

    font-weight: 600;

    line-height: 136%;

    letter-spacing: -0.4px;

  }



  .buget-frendly-heading p {

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 140%;

  }



  .cards h3 {

    color: #050505;

    font-family: "Inter";

    font-size: 18px;

    font-style: normal;

    font-weight: 600;

    line-height: 150%;

  }



  .cards p {



    color: #050505;

    font-family: "Inter";

    font-size: 12px;

    font-style: normal;

    font-weight: 400;

    line-height: 136%;

    letter-spacing: -0.24px;

  }



  input,

  textarea,

  select {

    border-radius: 0;

  }



  .btn-pink {

    border-radius: 2px;

    background: #BE2664;

    color: white;

    border: none;

    padding: 6px 20px;

    border-radius: 5px;

    width: 100%;

    color: #FFF;

    font-family: "Inter";

    font-size: 12px;

    font-style: normal;

    font-weight: 500;

    line-height: 24.48px;

  }





  .contact-form-heading h3 {

    color: #FFF;

    font-family: "Inter";

    font-size: 20px;

    font-style: normal;

    font-weight: 500;

    line-height: 150%;

    letter-spacing: -0.4px;

  }



  .contact-form-heading p {

    color: #FFF;

    font-family: "Inter";

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

  }



  .custom-contact-bg {

    border-radius: 0;

  }



  .faqsList .accordion-body {

    width: 100%;

  }





  .mgap {

    display: flex;

    gap: 60px;

  }





  .section-ready {

    height: auto;

    background-image: none;

  }



  .section-ready-content h2 {

    font-size: 21px;

    font-weight: 600;

    height: auto;

    background: none;

  }



  .section-ready-content {

    position: relative;

    transform: none;

    top: auto;

    left: auto;

  }



  .simple-border {

    position: relative;

    margin-top: -20px;

    margin-bottom: -50px;

    border-radius: 10px;

    border: none;

    background-image: none;

  }



  .faqsList .accordion-button {

    color: #000;

    font-size: 17px;

    font-weight: 600;

    line-height: 1.4;



  }



  .faqsList .accordion-item {

    color: #646464;

    font-size: 14px;

    line-height: 144%;

  }





  .Product-catogory {

    text-align: center;

  }



  .input-group {

    width: 100%;
    padding: 0 20px;

  }





  .card-grid-scrollable-catogory {

    max-height: 600px;

    overflow-y: auto;

    padding: 20px;

    overflow-x: hidden;

  }



  .catogory-section-heading {

    max-width: 270px;

    margin: auto;

  }





  .catogory-section-heading h1 {

    color: #1A1A1A;

    text-align: center;

    font-family: "Inter";

    font-size: 29px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    letter-spacing: -1px;

  }



  .catogory-section-heading p {

    color: rgba(26, 26, 26, 0.64);

    text-align: center;

    font-family: "Inter";

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    letter-spacing: -0.42px;

  }



  .floating-icon-left {

    position: absolute;

    z-index: 0;

    left: -40px;

    top: -22px;

    z-index: 0;

    width: 53px;

    height: 53px;

  }



  .floating-icon-right {

    position: absolute;

    z-index: 0;

    right: -40px;

    top: -22px;

    z-index: 0;

    width: 53px;

    height: 53px;

  }





  .feature-box h6 {

    color: #000;

    font-family: "Inter";

    font-size: 14px;

    font-style: normal;

    font-weight: 600;

    line-height: 30px;

    letter-spacing: -0.42px;

  }



  .feature-box p {

    color: #777;

    font-family: "Inter";

    font-size: 12px;

    font-style: normal;

    font-weight: 500;

    line-height: 19px;

    letter-spacing: -0.42px;

  }



  .card-grid-scrollable-shop {



    max-height: 600px;

    overflow-y: auto;

    padding: 10px;

    overflow-x: hidden;

  }



  .shop-section-heading h1 {

    color: #1A1A1A;

    text-align: center;

    font-family: "Inter";

    font-size: 29px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    letter-spacing: -1px;

  }



  .shop-section-heading p {

    color: rgba(26, 26, 26, 0.64);

    text-align: center;

    font-family: "Inter";

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    letter-spacing: -0.42px;

  }



  .shop-section-heading {

    max-width: 308px;

    margin: auto;

  }



  .floating-shop-icon-left {

    position: absolute;

    z-index: 0;

    left: 16px;

    top: -12px;

    z-index: 0;

    width: 53px;

    height: 53px;

  }



  .floating-shop-icon-left {

    position: absolute;

    z-index: 0;

    left: 16px;

    top: -12px;

    z-index: 0;

    width: 53px;

    height: 53px;

  }



  .floating-shop-icon-right {

    position: absolute;

    z-index: 0;

    right: 16px;

    top: -12px;

    z-index: 0;

    width: 53px;

    height: 53px;

  }



  .price-section-cards .form-check .form-check-input[type=checkbox] {

    width: 18px;

    height: 18px;

    line-height: none;

    margin-bottom: -24px;

    margin-left: -34px;

  }



  .price-section-cards .form-check label.form-check-label {

    color: #000;

    font-family: "Inter";

    font-size: 15px;

    font-style: normal;

    font-weight: 600;

    line-height: 17px;

    letter-spacing: 0.15px;

  }



  .price-section-cards .form-check span {

    font-family: "Inter";

    font-size: 19px;

    font-style: normal;

    font-weight: 600;

    line-height: 22px;

    letter-spacing: 0.15px;

  }



  .price-section-cards .form-check p {

    display: none;

  }



  .product-total {

    color: #000;

    font-family: "Inter";

    font-size: 14px;

    font-style: normal;

    font-weight: 600;

    line-height: 20px;

    letter-spacing: 0.059px;

  }



  .product-price-btn {

    color: #FFF;

    font-family: "Inter";

    font-size: 12px;

    font-style: normal;

    font-weight: 500;

    line-height: 24.48px;

    padding: 10px 44px;

  }



  .fix {

    display: none;

  }



  .product-section-heading {

    width: 270px;

  }



  .product-section-heading h1 img {

    width: 137px;

  }



  .product-section-heading h1 {

    color: #1A1A1A;

    font-size: 29px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    letter-spacing: -1px;

  }



  .product-section-heading p {

    color: rgba(26, 26, 26, 0.64);

    text-align: center;

    font-family: "Inter";

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    letter-spacing: -0.42px;

  }



  .floating-icon-left-product {

    position: absolute;

    z-index: 0;

    left: -19px;

    top: -28px;

    z-index: 0;

    width: 53px;

    height: 53px;

  }



  .floating-icon-right-product {

    position: absolute;

    z-index: 0;

    right: -19px;

    top: -28px;

    z-index: 0;

    width: 53px;

    height: 53px;

  }



  .product-section-btn {

    margin-top: 14px;

  }



  .product-section-btn button {



    color: #FFF;

    font-family: "Inter";

    font-size: 14px;

    font-style: normal;

    font-weight: 600;

    line-height: 24.48px;

  }



  .whatyougot-heading h2 {

    color: #24375B;

    text-align: center;

    font-family: "Inter";

    font-size: 20px;

    font-style: normal;

    font-weight: 600;

    line-height: 150%;

    letter-spacing: -0.4px;

  }



  .whatyougot-heading p {

    color: rgba(26, 26, 26, 0.64);

    text-align: center;

    font-family: "Inter";

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

  }



  .whatyougot-content p {

    color: #050505;

    font-family: "Inter";

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 112%;

    margin-bottom: 0px;

  }



  .whatyougot-content {

    display: flex;

    padding: 12px 8.289px 12px 5.652px;

    align-items: center;

    gap: 1.507px;

  }



  .problem-card-section h2 {

    color: #24375B;

    text-align: center;

    font-family: "Inter";

    font-size: 20px;

    font-style: normal;

    font-weight: 600;

    line-height: 136%;

    letter-spacing: -0.4px;

  }



  .video-wrapper {

    position: absolute;

    bottom: 0;

  }



  .hero-section h1,

  .highlight {

    font-size: 36px;

    line-height: 50px;

  }



  .filter-box button {

    width: 100%;

  }



  .card-box {

    position: relative;

    padding: 0 0 20px 0;

    border-radius: 18px;

    background: #FFF;

    box-shadow: 0px 4px 28px 0px rgba(4, 4, 4, 0.11);

  }



  .testimonial-slider {

    margin-bottom: 30px;

  }



  .testimonial-slider .swiper {

    width: 100%;

    padding: 0 0 40px 0;

  }
  
  .testimonial-slider .swiper-container{
      margin-bottom: 20px;
  }



  .testimonial-slider .swiper-pagination {

    display: block;

  }



  .testimonial-slider .swiper-pagination-bullet-active {

    background: #000;

  }



  .faq-section h2 {

    color: #24375B;

    text-align: center;

    font-family: "Inter";

    font-size: 22px;

    font-style: normal;

    font-weight: 600;

    line-height: 136%;

    letter-spacing: -0.4px;

  }



  .footer-info {

    text-align: center;

  }



  .site-footer svg {

    height: 40px;

    width: 40px;

  }



  .site-footer .footer-title {

    font-size: 17px;

    font-weight: 600;

  }



  .price-section-cards {

    padding: 30px;

  }



  .form-product {

    margin-bottom: 0;

    padding: 15px 15px 15px 35px;

  }



  .product-price-sec {

    padding: 8px 12px;

  }

}



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

  .highlight {

    font-size: 50px;

  }



  .navbar-custom .navbar-nav {

    margin-right: 0;

  }



  .product-section-heading {

    max-width: 510px !important;

  }



  .hero-section h1 {

    font-size: 50px;

  }



  .custom-arrow-svg {

    width: 150px;

  }



  .arrow-image2 {

    content: '';

    position: absolute;

    top: 29%;

    right: 32%;

    width: 122px;

    z-index: 2;

  }



  .arrow-image1 {

    content: '';

    position: absolute;

    top: 29%;

    left: 20%;

    width: 122px;

    z-index: 2;

  }



  .recommendation-form {

    gap: 10px;

  }



  .problem-section h2 {

    font-size: 34px;

    line-height: 50px;

  }



  .recommendation-form {

    display: grid;

  }



  .section-ready-content {

    width: 100%;

  }



  .testimonial-slider .swiper-slide {

    min-height: auto;

  }



  .testimonial-slider .swiper-slide .slide-content .testimonial-user .t-username .t-username1 {

    display: block;

    font-size: 13px;

    font-weight: 600;

  }



  .testimonial-slider .swiper-slide .slide-content .testimonial-user .t-username .user-p {

    color: #8a8a8a;

    display: block;

    font-size: 12px;

  }



  .contact-form-heading p {

    line-height: 1.5;

  }



  .faqsList .accordion-body {

    width: 100%;

  }

}



.signup {

  background: url(/images/signup-bg.webp);

  background-size: 100%;

  background-repeat: no-repeat;

  background-position: center;

  background-attachment: fixed;

}



.signup .nav-link {

  border-radius: 5px;

  padding: 10px 40px;

  font-size: 12px;

  font-weight: 700;

  color: #000;

}



.signup .nav-link.active,

.signup .show>.nav-link {

  background-color: #BE2664;

  color: #fff;

}



.heading2 {

  font-size: 32px;

  font-weight: 600;

}



/* Cart Page */

.cart .cart-heading {

  font-size: 22px;

  font-weight: 600;

}



.cart .my-orders,

.cart .order-summary {

  border-radius: 10px;

  border: 1px solid #FFEFEF;

  background: #FFF;

  padding: 24px;

  box-shadow: 0 6px 13px 0 rgba(36, 36, 36, 0.15);

}



.cart .my-orders .order {

  display: flex;

  justify-content: space-between;

  align-items: center;

  border-bottom: 1px solid #0000001a;

  padding: 10px;

}



.cart .my-orders .order:last-child {

  border: none;

}



.cart-service-name {

  color: #000;

  font-size: 16px;

  font-weight: 700;

  margin-bottom: 0;

}



.cart-service-details {

  color: rgba(0, 0, 0, 0.60);

  font-size: 12px;

  font-weight: 400;

}



.cart-service-price {

  color: #000;

  font-size: 20px;

  font-weight: 600;

}



.cart .quantity-btn {

  border-radius: 5px;

  background: #F0F0F0;

}



.newsletter-section .newsletter-s {

  border-radius: 10px;

  background: #000;

}



.newsletter-heading {

  color: #FFF;

  font-size: 40px;

  font-weight: 700;

  line-height: 45px;

}



.dashboard-l,

.dashboard-r {

  /* min-height: 100%; */

  padding: 30px;

  border-radius: 15px;

  border: 2px solid #FFEFEF;

  background: #FFF;

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

}



.dashboard-profile {

  display: flex;

  justify-content: center;

  align-items: center;

  padding: 20px 10px;

}



.dashboard-username {

  margin-left: 10px;

}



.dashboard .list-group-item {

  padding: 17px;

  border: 0;

  border-radius: 50px !important;

  background-color: #fff;

}



.list-group-item-action:not(.active):focus,

.list-group-item-action:not(.active):hover {

  background-color: #fff;

}



.dashboard .list-group-item.active {

  border-radius: 50px;

  background: #be266321;

  border: none;

  color: #BE2664;

  font-weight: 600;

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.dashboard .list-group-item span img {

  margin-right: 8px;

}



.dashboard-r-heading {

  font-size: 19px;

  font-weight: 600;

  margin-bottom: 20px;

}



.dashboard-card {

  position: relative;

  padding: 20px;

  min-height: 100%;

  border-radius: 15px;

  background: #FFF;

  box-shadow: 0 3px 17px 0 rgba(0, 0, 0, 0.14);

}



.dashboard-badge {

  position: absolute;

  top: 0;

  right: 0;

  margin: 15px;

  border-radius: 30px;

  padding: 8px 15px;

}



.active-badge {

  background-color: #C9FFD3;

  color: #00971C;

  font-weight: 600;

  padding-right: 30px;

}



.pending-badge {

  background-color: #FFFDC9;

  color: #976200;

  font-weight: 600;

  padding-right: 30px;

}



.active-badge::after {

  position: absolute;

  content: "";

  right: 12px;

  top: 50%;

  transform: translateY(-50%);

  width: 10px;

  height: 10px;

  background-color: #00971C;

  border-radius: 50%;

}



.pending-badge::after {

  position: absolute;

  content: "";

  right: 12px;

  top: 50%;

  transform: translateY(-50%);

  width: 10px;

  height: 10px;

  background-color: #976200;

  border-radius: 50%;

}



.dashboard-card-icon {

  margin: 15px 0;

}



.dashboard-subheading {

  font-size: 18px;

  font-style: normal;

  font-weight: 700;

  line-height: 25px;

  letter-spacing: 0.1px;

  margin-bottom: 10px;

}



.dashboard-list {

  padding-left: 18px;

}



.dashboard-list li {

  color: #747474;

  font-size: 13px;

  font-style: normal;

  font-weight: 500;

  line-height: 20px;

  letter-spacing: 0.2px;

}



.btn-outline-custom {

  background-color: #fff;

  color: #BE2664;

  border-radius: 5px;

  font-weight: 600;

  padding: 6px 28px;

  ;

  border: 1px solid #BE2664;

}



.btn-outline-custom:hover,

.btn-outline-custom:focus-visible {

  background-color: #BE2664;

  color: #ffffff;

  border-radius: 5px;

  font-weight: 600;

  padding: 6px 28px;

  ;

  border: 1px solid #BE2664;

}



.active-services-tabs {

  position: relative;

  justify-content: space-between;

  border: none;

}



.active-services-tabs .nav-item .nav-link {

  color: #6d6d6d;

  font-size: 13px;

  font-weight: 600;

}



.active-services-tabs .nav-link.active {

  color: #000000;

}



.active-tab-name {

  margin-top: 10px;

}



.active-services-tabs .nav-item.show .nav-link,

.active-services-tabs .nav-link.active,

.active-services-tabs .nav-link {

  border: none !important;

  background: none;

}



@media (min-width: 768px) {

  .active-services-tabs::before {

    position: absolute;

    content: " ";

    display: block;

    width: 100%;

    left: 0;

    top: 16px;

    border-bottom: 3px solid #D0D0D0;

  }

}



.tab-circle {

  width: 18px;

  height: 18px;

  background: #fff;

  border: 3px solid #D0D0D0;

  border-radius: 50%;

  margin: auto;

  position: relative;

  z-index: 4;

}



.active-services-tabs .nav-link.active .tab-circle {

  background: #9df9d1;

  border: 3px solid #3EC289;

}



#stepTabsContent {

  border-radius: 8px;

  background: #FFF;

  box-shadow: 0 3px 17px 0 rgba(0, 0, 0, 0.14);

}



.order-details-content {

  color: #5b5b5b;

  font-size: 15px;

}



.order-details-content ul,

.order-details-content ol {

  padding-left: 20px;

}



.profile-field-name {

  color: #000;

  font-size: 15px;

  font-weight: 600;

}



.profile-field-details {

  color: #000;

  font-size: 16px;

  font-weight: 500;

}



.custom-filter {

  /* width: 130px; */

  padding: 5px;

  font-size: 13px;

  color: rgb(98, 98, 98);

}



.custom-filter:focus-visible {

  outline: none;

  box-shadow: none;

}



.orders-table td,

.orders-table th {

  min-width: 150px;

}



.suggestion-info {

  text-align: left;

}

.my-orders table thead tr th {

  text-align: center;

  padding: 10px 0 20px 0;

}



.my-orders table thead tr th:nth-child(1) {

  text-align: left;

}



.my-orders table thead tr th:nth-last-child(2) {

  text-align: right;

}



.my-orders .row_cart td {

  vertical-align: middle;

}



.row_cart td:first-child {

  display: flex;

  align-items: center;

  gap: 15px;

}



.row_cart td:first-child img {

  width: 70px;

  height: auto;

  object-fit: contain;

}



.row-cart-span span {

  display: block;

  color: #565656;

}



.row-cart-span span b {

  font-weight: 600;

  font-size: 15px;

  color: #2c2c2c;

}



.row_cart-name {

  display: inline-block;

  font-weight: 700;

  text-decoration: none;

  margin-bottom: 4px;

  color: #be2664;

}



.row_cart-name:hover {

  text-decoration: underline;

}



.cart_quantity_delete {

  color: red;

}



.product-price-wrap .product-price {

  text-align: right;

  margin-right: 40px;

}



.cart-qty .form-control {

  padding: 8px 15px;

  box-shadow: none;

  max-width: 80px;

}



.cart-qty input[type="number"]::-webkit-inner-spin-button,

.cart-qty input[type="number"]::-webkit-outer-spin-button {

  opacity: 1 !important;

}



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

  .filter-price {

    display: flex;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 15px;

    margin-top: 15px;

    flex-direction: column;

  }

}

.gp247-notice .alert{

    text-align: center;

}

.my-orders.checkout-cart table thead tr th, .my-orders.checkout-cart table tbody tr td{

    text-align: center;

}

.my-orders.checkout-cart .product-price{

    margin-right: auto;

    text-align: center;

}

.my-orders.checkout-cart table thead tr th:nth-child(1), .my-orders.checkout-cart table tbody tr td:nth-child(1) {

  text-align: left;

}

.my-orders.checkout-cart table tbody tr:last-child{

    border-color: transparent;

}

.gp247-shipping-address.checkout-form table tr td label{

    margin-bottom: 10px;

}

.gp247-shipping-address.checkout-form textarea, .gp247-shipping-address.checkout-form input[type="text"], .gp247-shipping-address.checkout-form option, .gp247-shipping-address.checkout-form select{

    margin-bottom: 20px;

}

.form-control:focus{

    box-shadow: none;

}

.confirm-checkout .my-orders.checkout-cart{

    display: none;

}

.create-account .form-check{

    margin-bottom: 5px;

    color: #BE2664;

}

.create-account .form-check .form-check-input{

    border-color: #BE2664;

    box-shadow: none;

}

.create-account .form-check .form-check-input:checked{

    background-color: #BE2664;

    border-color: #BE2664;

    box-shadow: none;

}

.navbar-custom {

  width: 100%;

  padding: 10px 0;

  transition: padding 0.5s ease, box-shadow 0.5s ease;

  position: relative;

}

.navbar-custom.fixed {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

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

  padding: 10px 0;

  z-index: 999;

}
@media (min-width: 1200px) and (max-width:1399px){
    .arrow-image1{
        left: 17%;
    }
    .arrow-image2{
        right: 38%;
    }
}

@media (min-width: 768px) and (max-width:991.99px){
    .custom-arrow-svg{
        width: 115px;
    }
    .arrow-image1{
        left: 18%;
    }
    .arrow-image2{
        right: 30%;
    }
}
.problem-section-heading{
    position: relative;
    z-index: 1;
}