/* font-family */
@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');

/* import files */
@import url("../css/auth.css");
@import url("../css/header_footer.css");

body {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  line-height: 1.5;
  color: #000000;
  height: 100vh;
  background: #ffffff;
  overflow-x: hidden;
}

a,
a:hover {
  text-decoration: none;
  -webkit-transition: ease-in-out 0.5s;
  -moz-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

main {
  padding: 100px 0 0;
}

body.headitemshow {
  overflow: hidden;
}

.custom-container {
  width: 100%;
  padding-right: 80px;
  padding-left: 80px;
  margin-right: auto;
  margin-left: auto
}

/*------karan start------*/

/* ---------------- Home [ START ] --------------*/
.herobg-wrap {
  position: relative;
  z-index: 9;
}

.herobg-img {
  position: relative;
}

.herobg-img img {
	width: 100%;
	height: 761px;
}

.herobg-desc {
  text-align: center;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  align-items: center;
  z-index: 11;
  padding: 80px 80px;
}

.hero_txt {
  text-align: left;
}

.shadow_txt {
  font-size: 16px;
  font-weight: 600;
  color: #8E27FA;
  background-color: #8E27FA1A;
  padding: 5px 16px;
  border-radius: 60px;
  display: inline-block;
  margin-bottom: 22px;
}

.hero_txt h1 {
  font-size: 65px;
  font-weight: 700;
  color: #000000;
}

.hero_txt h1 span {
  color: #215CFB;
}

.hero_txt p {
  color: #000000;
  font-size: 16px;
  font-weight: 500;
}

.herobgdesc-rgt {
  margin-left: auto;
}

.herobgdesc-img {
  width: 600px;
  height: 600px;
}

.herobgdesc-img img {
  width: 100%;
  height: inherit;
  object-fit: cover;
}

.herobult-pnt li {
  background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  padding: 5px 5px;
  border-top-left-radius: 90px;
  border-bottom-left-radius: 90px;
  margin-bottom: 11px;
}

.hrbtn-wrap {
  display: flex;
  align-content: center;
  justify-content: flex-start;
  margin-top: 22px;
  gap: 22px;
}

.hrbtn-lft {
  background: linear-gradient(224.18deg, #215CFB 13.56%, #8E27FA 86.49%);
  box-shadow: 0px 6px 14px 0px #8E27FA33;
  font-size: 18px;
  font-weight: 700;
  padding: 14px 25px;
  color: #FFFFFF;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid #215CFB;
  cursor: pointer;
  -webkit-transition: all ease-in 0.3s;
  -moz-transition: all ease-in 0.3s;
  -o-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
}

.hrbtn-lft:hover {
  background: transparent;
  color: #215CFB;
}

.hrbtn-lft:hover svg path {
  stroke: #215CFB;
}

.hrbtn-rgt {
  background-color: #FFFFFF;
  box-shadow: 0px 6px 14px 0px #8E27FA33;
  font-size: 18px;
  font-weight: 700;
  padding: 14px 25px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid #FFFFFF;
  cursor: pointer;
  -webkit-transition: all ease-in 0.3s;
  -moz-transition: all ease-in 0.3s;
  -o-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
}

.hrbtn-rgt span {
  background-image: linear-gradient(224.18deg, #215CFB 13.56%, #8E27FA 86.49%);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hrbtn-rgt:hover {
  border: 1px solid #215CFB;
}

.hrbtn-rgt:hover span {
  background-image: linear-gradient(224.18deg, #8E27FA 13.56%, #215CFB 86.49%);
}

.hrbtn-rgt:hover svg path {
  stroke: #215CFB;
}

.letstalk-inr {
  background: url(../images/home/fotrbotm-img.png) no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  border-radius: 25px;
  height: 280px;
  display: flex;
  align-items: center;
  padding: 28px 50px;
  z-index: 2;
  position: relative;
  width: 100%;
}

.letstalk-deslft {
  max-width: 75%;
}

.letstalk-desrgt {
  max-width: 25%;
  position: absolute;
  right: 0;
  top: -31px;
}

.letstalk-deslft h5 {
  font-weight: 700;
  font-size: 50px;
  color: rgba(255, 255, 255, 1);
  margin-bottom: 12px;
}

.letstalk-deslft p {
  font-size: 18px;
  font-weight: 400;
  color: #FFFFFF;
  margin-bottom: 0;
  padding-bottom: 12px;
}

.schdulbtn {
  background-color: #FFFFFF;
  box-shadow: 0px 6px 14px 0px #8E27FA33;
  font-size: 18px;
  font-weight: 700;
  padding: 14px 25px;
  border-radius: 9px;
  border: 1px solid #FFFFFF;
  cursor: pointer;
  display: inline-block;
  -webkit-transition: all ease-in 0.3s;
  -moz-transition: all ease-in 0.3s;
  -o-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;

}

.schdulbtn span {
  background-image: linear-gradient(224.18deg, #215CFB 13.56%, #8E27FA 86.49%);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.schdulbtn:hover {
  border: 1px solid #215CFB;
}

.schdulbtn:hover span {
  background-image: linear-gradient(224.18deg, #8E27FA 13.56%, #215CFB 86.49%);
}

/*--WE PROVIDE---*/

.weprovide-sec {
  background-image: url('../images/home/we-provide-img.png');
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  padding: 70px 0 200px 0;

}

/*--WE PROVIDE End---*/

/*--platfrmtab-sec--*/
.platfrmtab-sec {
  background-color: rgba(245, 245, 245, 1);
  padding-bottom: 80px;
}


.tabs-menu {
  width: 100%;
  flex-wrap: nowrap;
  border-bottom: 1px solid transparent;
  margin-bottom: 28px;
  gap: 10px;
}

.tabs-menu .nav-link {
  margin: 0 auto;
  width: 100%;
  border: 0;
}

.tabs-menu .nav-item {
  width: 100%;
  font-weight: 500;
  font-size: 16px;
  color: #9BA2AD;
}

.tabs-menu .nav-link {
  padding: 11px 11px 13px;
  font-weight: 500;
  font-size: 16px;
  color: #9BA2AD;
  background: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(54px)
}

.tabs-menu .nav-item.show .nav-link,
.tabs-menu .nav-link.active {
  background: linear-gradient(180deg, #215CFB 0%, #8E27FA 100%);
  color: rgba(255, 255, 255, 1);
}

.platfrmtab-top {
  margin-top: -187px;
}

/*--platfrmtab-sec End--*/



/* faqs */
.faqsec {
  padding: 80px 0;
}

.faqsecwrap {
  margin-top: 50px;
}

#faqAccordion .accordion-item {
  border: 0;
  padding: 25px 0;
}

#faqAccordion .accordion-header {
  margin-bottom: 0px;
}

#faqAccordion .accordion-button {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  font-weight: 500;
  font-size: 18px;
  color: #000000;
  padding: 0;
}

#faqAccordion .accordion-button:focus {
  box-shadow: none;
}

#faqAccordion .accordion-button:not(.collapsed) {

  background: transparent;
  box-shadow: none;
}

#faqAccordion .accordion-button::after {
  display: none;
}

#faqAccordion .accordion-body {
  padding: 0;
}

#faqAccordion .accordion-body p {
  font-weight: 400;
  font-size: 16px;
  color: #636363;
  margin: 16px 0 0;
}

/* #faqAccordion .accordion-item:has(.accordion-collapse.show) {
  background-color: #EEF2F9;
  border-radius: 11px; 
} */
.accordion-arrow {
  transition: transform 0.3s ease;
}

.accordion-button:not(.collapsed) .accordion-arrow {
  transform: rotate(90deg);
}

#faqAccordion .accordion-collapse {
  transition: height 0.35s ease;
}

#faqAccordion .accordion-body {
  animation: fadeSlide 0.35s ease;
}

@keyframes fadeSlide {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

#faqAccordion hr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0 0;
  opacity: 0.1;
}

.faq-botm-dtls {
  text-align: center;
}

.faq-botm-dtls h4 {
  font-weight: 600;
  font-size: 30px;
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 25px;

}

.faq-botm-dtls p {
  font-weight: 400;
  font-size: 18px;
  text-align: center;
  color: var(--black);
  margin-bottom: 0;
}



/* vk css start */

/* slider css start */

.client_blog {
  padding: 60px 0;
}

.brand-scroll-wrapper {
  overflow: hidden;
  position: relative;
}

.brand-track {
  display: flex;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.brand-content {
  display: flex;
  gap: 40px;
  width: max-content;
  padding: 0 80px;
  animation: scroll-left 25s linear infinite;
}

.brand-track.revrse .brand-content {
  animation: scroll-right 25s linear infinite !important;
}

.brand-content img {
  object-fit: contain;
  height: auto;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

@keyframes scroll-right {
  0% {
    transform: translateX(-50%);
  }

  100% {
    transform: translateX(0);
  }
}

/* slider css end */

/* who we are css start  */

.who-we-are-section {
  padding: 20px 0 80px;
}

.who-we-are-section .row {
  align-items: center;
}

.wwa-right-content {
  padding-left: 73px;
}

.sub-heading {
  font-size: 16px;
  font-weight: 600;
  color: #8E27FA;
  padding: 5px 16px;
  background: #8E27FA1A;
  max-width: max-content;
  letter-spacing: 2.56px;
  border-radius: 60px;
  margin-bottom: 22px;
  text-transform: uppercase;
}

.heading-h2 {
  font-size: 50px;
  font-weight: 700;
  line-height: 60px;
  color: #000;
  margin-bottom: 12px;
}

.wwa-desc p {
  font-size: 16px;
  font-weight: 500;
  color: #636363;
}

/* who we are css end  */

/* counter css start */

.counter_blog {
  padding: 97px 0;
  background-image: url(../images/home/counter-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-bottom: 40px;
}

.count_flx {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 60px;
}

.count_bx {
  display: flex;
  align-items: center;
  grid-gap: 20px;
  width: 100%;
  max-width: 400px;
}

.middle-line {
  position: relative;
}

.middle-line::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  transform: translateY(-50%);
  width: 2px;
  height: 142px;
  background: #FFFFFF80;
}

.middle-line::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -30px;
  transform: translateY(-50%);
  width: 2px;
  height: 142px;
  background: #FFFFFF80;
}

.ol_icon {
  position: relative;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease-in-out;
}

.ol_icon:hover {
  box-shadow: 0px 6px 6px 0px #196eee3d;
  transform: translateY(-10px);
}

.count_txt h5 {
  font-weight: 700;
  font-size: 30.83px;
  line-height: 26.98px;
  color: #fff;
  margin-bottom: 0;
  display: inline;
}

.count_no {
  font-weight: 600;
  font-size: 28px;
  color: #fff;
  display: flex;
  align-items: center;
}

.count_txt p {
  font-weight: 600;
  font-size: 20px;
  color: #FFFFFF;
  margin-bottom: 0;
}

/* counter css end */


/* service css start */

.space-tb {
  padding: 40px 0;
}

.services-section .row {
  row-gap: 31px;
}

.center-title {
  padding-bottom: 10px;
}

.para-heading {
  font-size: 18px;
  color: #636363;
  margin-bottom: 0;
}

.center-title .sub-heading {
  margin: 0 auto 12px auto;
}

.services-card {
  padding: 15px 15px 20px 15px;
  box-shadow: 0px 12px 32px 0px #0000001A;
  border-radius: 20px;
  position: relative;
}

.service-icon span {
  width: 58px;
  height: 58px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(180deg, rgba(33, 92, 251, 0.1) 0%, rgba(142, 39, 250, 0.1) 100%);
  border-radius: 11px;
}

.service-icon {
  position: absolute;
  background: #fff;
  padding: 0 15px 15px 0;
  border-radius: 0 0 15px;
  z-index: 4;
}

.service-icon::before {
  position: absolute;
  content: "";
  bottom: -16px;
  left: 0px;
  background: transparent;
  width: 19px;
  height: 16px;
  border-bottom-right-radius: 20px;
  box-shadow: 6px 6px 0 5px #fff;
  transform: rotate(180deg);
}

.service-icon::after {
  position: absolute;
  content: "";
  top: 0px;
  right: -9px;
  background: transparent;
  width: 9px;
  height: 18px;
  border-bottom-right-radius: 8px;
  box-shadow: 5px 5px 0 4px #fff;
  transform: rotate(180deg);
}

/* .service-icon span {
  width: 58px;
  height: 58px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(180deg, rgba(33, 92, 251, 0.1) 0%, rgba(142, 39, 250, 0.1) 100%);
  border-radius: 11px;
} */

.service-images img {
  width: 100%;
  height: 265px;
  object-fit: cover;
  border-radius: 15px;
  position: relative;
  z-index: 3;
  display: block;
}

.service-images {
  position: relative;
  display: inline-block;
  width: 100%;
}

.service-images::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: inherit;
}

.service-images {
  --img: url("../images/home/blur-card.png");
}

.service-images::before {
  content: "";
  position: absolute;
  bottom: -55px;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: var(--img);
  background-size: cover;
  background-position: center;
  border-radius: 14px;
  filter: blur(25px);
  opacity: 0.6;
  transform: scale(0.95);
  z-index: 2;
  transition: all 0.4s ease;
}

.services-card:hover .service-images::before {
  filter: blur(35px);
  opacity: 0.75;
  transform: scale(0.92);
}


.service-content {
  padding-top: 20px;
  text-align: center;
}

.service-content h6 {
  font-size: 18px;
  font-weight: 700;
  color: #000;
  margin-bottom: 9px;
}

.service-content p {
  font-size: 16px;
  color: #636363;
  margin-bottom: 0;
  max-width: 365px;
  margin: 0 auto;
}

/* service css end */

/* social platform css start */

.social-platform {
  padding: 80px 0;
  background-image: url(../images/home/social-plate-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-bottom: 40px;
}

.social-platform-slider {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px;
}

.social-platform-item {
	width: 100%;
	max-width: 240px;
}

.social-platform-title {
  margin-bottom: 40px;
}

.social-platform-title .sub-heading {
  margin: 0 auto 12px auto;
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}

.social-platform-title .heading-h2 {
  color: #fff;
}


/* social platform css end */

/* vk css end */



/* vk css start { 30-01-2026 } */

/* table css start */


.bottom-para {
  font-size: 18px;
  color: #fff;
  margin-bottom: 0;
}

.fade:not(.show) {
  opacity: unset;
}

.platform-card {
  background: #fff;
  padding: 28px;
}
.platform-card-coverage {
	padding-bottom: 100px;
}

.platfrmtab-top .tabs-menu {
  margin-bottom: 0;
}

.platform-table thead {
  background: #f7f7f7;
}

.platform-title {
  font-weight: 700;
  margin-bottom: 0;
  font-size: 22px;
}

.platform-subtitle {
  color: #777;
  margin-bottom: 20px;
}

.platform-table th {
  font-weight: 500;
  font-size: 16px;
  color: #000;
  border-bottom: 1px solid #000;
}

.platform-table td {
  vertical-align: middle;
  font-size: 16px;
  font-weight: 500;
  color: #636363;
}

.badge-search {
  background: #f3e8ff;
  color: #7b2cff;
  padding: 6px 10px;
  border-radius: 20px;
}

.badge-ecom {
	color: #40C005;
	background: #40C0051A;
}

.badge-dark {
	background: #000;
	color: #fff;
	padding: 4px 14px;
	border-radius: 40px;
	font-size: 13px;
	font-weight: 500;
}

.btn-subscribe, .btn-view {
  color: #fff;
  border-radius: 9px;
  padding: 8px 16px;
  font-size: 15px;
  background: linear-gradient(224.18deg, #215CFB 13.56%, #8E27FA 86.49%);
  font-weight: 700;
}

.platform-coverage-table .badge {
	font-size: 13px;
	font-weight: 500;
  padding: 5px 14px;
  border-radius: 40px;
}

.btn-view:hover,.btn-subscribe:hover {
  color: #000;
  background: linear-gradient(90deg, #8e2bff, #6a5cff)
}

.badge-ai {
	color: #215CFB;
	background: #215CFB1A;
}

.badge-social {
	color: #CF910C;
	background: #CF910C1A;
}

.badge-video {
	color: #FA2782;
	background: #FA27821A;
}

.price-pill {
	padding: 4px 14px;
	border-radius: 20px;
	font-weight: 600;
	background: #0000001A;
	color: #273C54;
	font-size: 13px;
}

.platform-coverage-table td:nth-child(3),
.platform-coverage-table td:nth-child(4),
.platform-coverage-table td:nth-child(5),
.platform-coverage-table td:nth-child(6) {
    text-align: center;
    vertical-align: middle;
}
/* table css end */

.media-marketing-row {
	margin-top: 44px;
}


.media-marketing-box {
	padding: 30px;
	box-shadow: 0px 14px 34px 0px #0000001A;
	border-radius: 20px;
	width: 100%;
	max-width: 308px;
	height: 100%;
  text-align: center;
}

.media-marketing-box p {
	margin-bottom: 0;
	margin-top: 29px;
	font-size: 14px;
	font-weight: 500;
}

/* testimonials css start */

.testimonials-slider-title {
	width: 100%;
	max-width: 1320px;
	margin: 0 auto;
}

.testimonials-slider {
  gap: 30px;
  display: flex;
  position: relative;
}

.testimonials-slider-section {
	padding-top: 80px;
  position: relative;
}

.testimonials-slider-section .slick-list {
  padding-bottom: 80px !important;
  padding-top: 50px !important;
}

.testimonials-slider-card {
	max-width: 420px;
	border: 1px solid #EFEFEF;
	box-shadow: 0px 11px 34px 0px #00000026;
	background: #fff;
	padding: 30px 30px 54px 30px;
	border-radius: 15px;
  margin: 0 15px;
}
.pro-image-div {
	position: relative;
  max-width: 145px;
}
.testimonials-profile {
	display: flex;
	align-items: center;
	gap: 42px;
  padding-bottom: 20px;
}
.person-img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	object-fit: cover;
}
.review-social {
	width: 50px;
	height: 50px;
}
.social-icon-span {
	width: 60px;
	height: 60px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	position: absolute;
	bottom: 20px;
  right: -36px;
}
.slider-profile-details {
	display: flex;
	flex-direction: column;
}
.slider-profile-details h6 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 0;
   overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.slider-profile-details small {
	font-size: 16px;
	font-weight: 500;
	color: #636363;
}
.middle-colured-text {
	text-align: center;
	background: linear-gradient(270deg, rgba(33, 92, 251, 0) 0%, rgba(33, 92, 251, 0.1) 50%, rgba(33, 92, 251, 0) 100%);
	padding: 20px;
}
.middle-colured-text p {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 0;
	background: linear-gradient(180deg, #215CFB 0%, #8E27FA 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;

   overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.slider-bottom-text {
	padding-top: 20px;
	text-align: center;
}
.slider-bottom-text p {
	font-size: 16px;
	margin-bottom: 0;
	color: #636363;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4; 
  -webkit-box-orient: vertical;
}

.testimonials-slider .slick-prev::before {
	background-image: url(../images/home/prev.svg);
}

.testimonials-slider .slick-next::before {
	background-image: url(../images/home/next.svg);
}

.testimonials-slider .slick-prev::before,
.testimonials-slider .slick-next::before {
	content: '' !important;
	width: 10px !important;
  height: 17px !important;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-repeat: no-repeat !important;
	opacity: 1 !important;
	background-size: contain !important;
}

.testimonials-slider .slick-prev, .testimonials-slider .slick-next {
	position: absolute;
	top: -75px !important;
	left: auto !important;
	width: 48px !important;
	height: 48px !important;
	border-radius: 12px !important;
	z-index: 2 !important;
	background: linear-gradient(180deg, #215CFB 0%, #8E27FA 100%);
}

.testimonials-slider .slick-next {
    right: 280px !important;
}

.testimonials-slider .slick-prev {
	right: 343px !important;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  background: linear-gradient(180deg, #215CFB 0%, #8E27FA 100%) !important;
}

.testimonials-slider::after {
	content: '';
	position: absolute;
	bottom: -128px;
	left: -12px;
	width: 308px;
	height: 417px;
	z-index: 5;
	box-shadow: 0px 0px 0px 0px #00000026;
	background: #ffffff9e;
	transform: translateY(-50%);
  border-radius: 15px;
}

.testimonials-slider::before {
	content: '';
	position: absolute;
	bottom: -128px;
	right: -12px;
	width: 308px;
	height: 417px;
	z-index: 5;
  box-shadow: 0px 0px 0px 0px #00000026;
	background: #ffffff9e;
  transform: translateY(-50%);
  border-radius: 15px;
}

/* testimonials css end */

/* vk css start { 30-01-2026 } */


/* vipul css start [03-02-2026] */

/* Modal Background Box */
.brand-modal-box {
  border-radius: 20px;
  border: none;
  padding: 0;
  background: linear-gradient(224.18deg, #215CFB 13.56%, #8E27FA 86.49%),
  linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}

/* Body Padding */
.brand-modal-body {
  padding: 125px 46px 25px;
  color: #fff;
}

.brand-logo-wrap {
  width: 100%;
  max-width: 296px;
	position: absolute;
	top: -21px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}

.Service-Details-sec .brand-logo-wrap.text-center {
	top: -9px;
}

.brand-logo-wrap .brand-logo {
	width: 100%;
	height: auto;
}

.brand-title {
	font-weight: 700;
	font-size: 32px;
	margin-bottom: 0;
}

.brand-subtitle {
	font-size: 18px;
	margin-bottom: 30px;
}

/* Input Group */
.brand-input-group {
  position: relative;
  margin-bottom: 10px;
}

.brand-input {
  padding-left: 45px;
  height: 50px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.2);
  background: rgba(255,255,255,0.2);
  color: #fff;
  padding: 12px 14px 12px 47px;
}

.brand-textarea {
	min-height: 117px !important;
  resize: none;
}
.form-textarea-group .brand-input-icon {
	top: 24px;
}

.brand-input::placeholder {
  color: rgba(255,255,255,0.7);
  font-size: 16px;
}

.brand-input:focus {
  background: rgba(255,255,255,0.15);
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

/* Input Icon */
.brand-input-icon {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  font-size: 16px;
  opacity: 0.9;
}

.brand-submit-btn {
	background: #fff;
	border-radius: 9px;
	margin-top: 10px;
	border: none;
	padding: 14px 10px;
}

.brand-submit-btn span {
  background: linear-gradient(224.18deg, #215CFB 13.56%, #8E27FA 86.49%);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
	font-weight: 700;
  font-size: 18px;
}

.brand-submit-btn:hover {
  background: #f2f2f2;
  color: #3000c8;
}

.brand-close-link {
	display: block;
	text-align: center;
	margin-top: 14px;
	background: none;
	border: none;
	color: #fff;
	font-size: 18px;
	text-decoration: none;
	width: 100%;
	font-weight: 700;
}
.brand-close-link:hover {
  color: #cacaca;
}
.brand-modal {
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}



.brand-modal-box .input_group_include, .setup-profile-content .modal-body .input_group_include, .authfrm-login .form-right-col .input_group_include {
	width: 100%;
}
.brand-modal-box .input_group_include .iti, .setup-profile-content .modal-body .iti , .authfrm-login .iti {
	width: 100%;
}

.brand-modal-box .input_group_include .iti__tel-input,.setup-profile-content .modal-body .iti__tel-input, .authfrm-login .form-right-col .iti__tel-input {
	padding-top: 11.5px;
	padding-bottom: 11.5px;
	font-size: 14px;
	color: #545454;
	box-shadow: none;
}

.brand-modal-box .iti__arrow, .setup-profile-content .modal-body .iti__arrow {
	background-image: url(../images/home/d-arrow.svg) !important;
	background-repeat: no-repeat;
	border: unset !important;
	width: 14px !important;
	height: 8px !important;
}
.authfrm-login .form-right-col .iti__arrow {
  background-repeat: no-repeat;
	border: unset !important;
	width: 14px !important;
	height: 8px !important;
}


.setup-profile-content .modal-body .iti__arrow, .authfrm-login .form-right-col .iti__arrow {
  background-image: url(../images/home/d-arrow-black.svg) !important;
}
.setup-profile-content .modal-body .iti__selected-country-primary, .authfrm-login .form-right-col .iti__selected-country-primary {
	order: 2;
}
.setup-profile-content .modal-body .iti__country-container, .authfrm-login .form-right-col .iti__country-container {
	padding-left: 20px;
}
.setup-profile-content .modal-body .iti__tel-input, .authfrm-login .form-right-col .iti__tel-input {
  padding-left: 80px !important;
}

.brand-modal-box .iti__flag, .setup-profile-content .modal-body .iti__flag, .authfrm-login .form-right-col .iti__flag {
	display: none;
}

.brand-modal-box .iti .iti__selected-dial-code {
	order: 1;
	margin-left: 0;
	color: #fff;
}
.brand-modal-box .iti__selected-country-primary, .authfrm-login .form-right-col .iti__selected-country-primary {
	order: 2;
}

.brand-modal-box .iti__country-container {
padding-left: 44px !important;
}
.brand-modal-box .input_group_include .iti__tel-input {
	padding-left: 120px !important;
  background: rgba(255,255,255,0.2);
  border: 1px solid rgba(255,255,255,0.2);
  color: #fff;
  border-radius: 10px;
  font-size: 16px;
}

.brand-modal-box .input_group_include .iti__tel-input::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.setup-profile-content .modal-body .iti__tel-input::placeholder {
  font-size: 16px;
}
.setup-profile-content .modal-body .iti .iti__selected-dial-code {
	color: rgba(34, 34, 34, 0.6);
}


.brand-modal-box .iti--inline-dropdown .iti__dropdown-content {
	left: 0;
}

/* vipul css end [03-02-2026] */


/*  */


.payment-modal-content {
    border-radius: 18px;
    padding: 25px;
    border: none;
}

.modal-close {
    position: absolute;
    right: 15px;
    top: 12px;
    border: none;
    background: none;
    font-size: 26px;
    opacity: .6;
    z-index: 1;
}

.google-payment-modal {
	max-width: 590px;
}

.plan-info {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 15px;
}

.plan-logo-wrap {
	width: 100%;
	max-width: 154px;
	display: grid;
	place-items: center;
	border: 0.74px solid #DDDDDD;
	padding: 9px 0;
	border-radius: 7px;
}

.plan-logo {
    width: 67px;
}

.plan-title {
    margin: 0;
    font-size: 23px;
    font-weight: 600;
}

.plan-price {
	margin: 0;
	font-size: 18px;
	color: #636363;
	font-weight: 600;
}

.plan-price span {
	font-size: 12px;
	font-weight: 400;
}

.plan-badge {
	margin-left: auto;
	background: rgba(142, 39, 250, 0.1);
	color: #8E27FA;
	padding: 4px 14px;
	border-radius: 40px;
	font-size: 13px;
	font-weight: 500;
}

.section-title {
	font-weight: 600;
	margin-bottom: 0;
	font-size: 22px;
	color: #000;
}

.section-sub {
    font-size: 12px;
    color: #6b7280;
    margin-bottom: 12px;
}

.payment-card {
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 10px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    cursor: pointer;
}

.payment-card.active {
    border-color: #6366f1;
    background: #f5f3ff;
}

.card-left {
    display: flex;
    gap: 10px;
    align-items: center;
}

.card-name {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}

.expiry {
    font-size: 12px;
    color: #6b7280;
}

.add-new-btn {
	width: 100%;
	border: none;
	padding: 10px;
	border-radius: 8px;
	font-weight: 700;
	color: #FFFFFF;
	margin: 8px 0;
	max-width: 119px;
	background: linear-gradient(224.18deg, #215CFB 13.56%, #8E27FA 86.49%);
	font-size: 15px;
}

.payment-input {
    width: 100%;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 14px;
}

.save-card-toggle {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    margin: 5px 0 15px;
}

.place-order-btn {
    width: 100%;
    background: linear-gradient(224.18deg, #215CFB 13.56%, #8E27FA 86.49%);
    color: #fff;
    border: none;
    padding: 12px;
    border-radius: 10px;
    font-weight: 600;
}

.payment-method-mode {
	display: flex;
	justify-content: space-between;
	align-items: center;
  margin-bottom: 20px;
}

.payment-card {
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 10px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
}

/* Hide radio */
.payment-card input[type="radio"] {
    position: absolute;
    opacity: 0;
}

/* Selected state */
.payment-card input[type="radio"]:checked ~ .card-left,
.payment-card input[type="radio"]:checked ~ .expiry {
    color: #111827;
}

.payment-card input[type="radio"]:checked {
    outline: none;
}

.payment-card:has(input[type="radio"]:checked) {
    border-color: #6366f1;
    background: #f5f3ff;
}

/* Hover effect */
.payment-card:hover {
    border-color: #a5b4fc;
}



/*  */


/* ---------------- Home [ End ] --------------*/


/*--Karan End--*/


/* ---------------- service detail page [ start ] -------------- */

.page-banner-section {
  width: 100%;
  height: auto;
  background-image: url('../images/huzle-bg-banner.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 212px 0 80px;
  margin-bottom: 67px;
}
.other-page-main {
	padding: unset;
}
.page-heading-h1 {
	font-size: 50px;
	line-height: 80px;
	font-weight: 700;
	color: #000;
	margin-bottom: 0;
	text-align: center;
}

.huzie-container {
	padding-bottom: 80px;
}

.huzie-main-title {
	font-size: 30px;
	margin-bottom: 20px;
	font-weight: 700;
}
.built-title {
	color: #8E27FA !important;
}
.huzie-section-title {
	font-size: 20px;
	margin: 26px 0;
	font-weight: 700;
	color: #000000;
}
.huzie-intro span, .huzie-text span, .huzie-dot-list li span {
	font-weight: 700;
}

.huzie-intro {
	font-size: 18px;
	margin-bottom: 0px;
	color: #636363;
}

.huzie-text {
	font-size: 18px;
	margin-bottom: 15px;
	color: #636363;
}

/* Dotted List */
.huzie-dot-list {
  list-style: none;
  padding-left: 0;
  margin: 15px 0 20px;
}

.huzie-dot-list li {
	position: relative;
	padding-left: 26px;
	margin-bottom: 15px;
	font-size: 18px;
	color: #636363;
}

.huzie-dot-list li::before {
	content: "";
	position: absolute;
	left: 6px;
	top: 10px;
	width: 5px;
	height: 5px;
	background-color: #636363;
	border-radius: 50%;
}

.huzie-list-heading {
	font-size: 18px;
	color: #636363;
	font-weight: 700;
}
.huzie-dot-list-1 li {
	padding-left: 10px;
}

.huzie-dot-list-1 {
	list-style: none;
}


.huzie-dot-list-1 li::before{
display: none;
}

.huzie-dot-list-1 li::marker{
font-size: 18px;
  color: #636363;
  font-weight: 700;
}
.text-tb-border {
	width: 100%;
	height: 1px;
	background: #DDDDDD;
	margin: 20px 0;
}

/* ---------------- service detail page [ end ] -------------- */

/*  */
.pp-section {
	padding: 32px 0 99px;
}
.normal-para-text p {
	font-size: 18px;
	line-height: 35px;
	color: #636363;
	margin-bottom: 30px;
  text-transform: capitalize;
}

/*  */


/* contact us page css start */
.contact-section {
	padding: 32px 0 147px;
}

.contact-map {
	margin-bottom: 29px;
}
.contact-map iframe {
	width: 100%;
	border-radius: 20px;
	height: 291px;
}
.contact-details-left {
	background: #1B273F;
	border-radius: 16px;
	padding: 40px 30px;
    color: #fff;
}
.contact-add {
	display: flex;
	justify-content: space-between;
	align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}
.contact-add-wraper, .contact-mail {
	display: flex;
	align-items: center;
    gap: 16px;
}
.contact-icon-bg {
	background: linear-gradient(135deg, #215CFB 0%, #8E27FA 100%);
	width: 60px;
	height: 60px;
	display: grid;
	place-items: center;
	border-radius: 50%;
    flex-shrink: 0;
}
.contact-icon-bg svg {
    width: 24px;
    height: 24px;
}
.contact-text-wrap address, .contact-text-wrap a {
	margin-bottom: 2px;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
    display: block;
}
.contact-text-wrap p {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 0;
    font-weight: 500;
}

.middle-line-inner {
	background: rgba(255, 255, 255, 0.2);
	width: 1px;
	height: 40px;
}

.contact-divider {
    height: 1px;
    background: rgba(255, 255, 255, 0.15);
    margin: 30px 0;
}

.contact-follow-title {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #fff;
}

.contact-social-main {
	display: flex;
	justify-content: center;
	align-items: center;
    gap: 12px;
}
.social-inner a {
	width: 50px;
	height: 50px;
	background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
	display: grid;
	place-items: center;
	border-radius: 12px;
    transition: all 0.3s ease;
}
.social-inner a:hover {
    border-color: #fff;
    background: rgba(255, 255, 255, 0.05);
}
.contact-right-content .brand-modal-body {
	padding: 48px 54px;
}
.contact-right-content .frm_flx {
	grid-gap: 10px;
}

.contact-right-content .brand-submit-btn {
	margin-top: 20px;
}
/* contact us page css end */

/* Setup Profile css start */

.setup-main {
	padding: 0;
}
.setup-profile-section {
	position: relative;
}
.setup-profile-img {
	width: 100%;
	max-width: 1080px;
	height: 100%;
}
.setup-profile-img img {
	width: 100%;
	height: 1080px;
	max-width: 56.7%;
	object-fit: cover;
	position: fixed;
	bottom: 0;
	left: 0;
}

.setup-profile-content .modal-content {
	padding: 90px 100px;
	display: grid;
	place-items: center;
}

.setup-profile-content .modal-body {
	width: 100%;
	max-width: 590px;
	box-shadow: 0px 14px 34px 0px rgba(0, 0, 0, 0.1);
	border-radius: 32px;
	padding: 60px 40px;
}

.setup-profile-content .modal-content select.form-control, .authfrm-login .form-right-col select.form-control {
	appearance: none;
	background: #F5F5F5 url(../images/home/d-arrow-black.svg) no-repeat !important;
	background-position: 95% !important;
	background-size: 15px !important;
  background-color: transparent !important;
  color: rgba(34, 34, 34, 0.6);
}
.setup-profile-content .field-flx {
	display: flex;
	gap: 10px;
}
.setup-profile-content .authfrm-login .form-group {
	width: 100%;
}

.setup-profile-content .frm_icon, .toggle-hide-show {
	position: absolute;
	top: -3px;
	right: 0;
  margin: 14px 20px;
  opacity: 0.5;
}
.setup-profile-content .authfrm-login .form-group .input_group_include .form-label {
	font-size: 15px;
	font-weight: 500;
}

/* Setup Profile css end */

/* edit profile page css start  */


.profile_blog {
	padding: 62px 0 58px;
}

.profile_lft {
	background: #fff;
	color: #000;
	padding: 30px 14px;
	border-radius: 20px;
	box-shadow: 0px 14px 34px 0px rgba(0, 0, 0, 0.1);
}
.profile_blog {
	padding: 0px 0 88px;
}
.pro_img {
	text-align: center;
}
.pro_img img {
	min-width: 107px;
	width: 107px;
	height: 107px;
	border-radius: 50%;
	object-fit: cover;
}
.profile_lft h3 {
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	margin: 5px 0 10px;
	color: #000;
}

.profile-login-btn a {
	background: #515151;
	padding: 12px 49px 12px 12px;
	border-radius: 90px;
	box-shadow: 0px 6px 12px 0px #00000040;

}
.profile-login-btn a img {
	width: 41px !important;
	height: 41px !important;
	border-radius: 50%;
	object-fit: cover;
}
.profile-login-btn a p {
	margin-bottom: 0;
	display: flex;
	flex-direction: column;
	font-size: 16px;
	font-weight: 700;
	text-align: start;
	line-height: 16px;
}
.profile-login-btn a p span {
	font-size: 13px;
	font-weight: 500;
	color: #FF3C3C;
}
.profile-account-link {
	padding: 22px;
	margin-top: 23px;
	color: #000;
  padding-bottom: 0;
}

.profile-account-link a {
	display: flex;
	gap: 13px;
	font-size: 16px;
  font-weight: 500;
	color: rgba(0, 0, 0, 0.5);
  text-transform: capitalize;
}
.profile-account-link a.active {
	color: #000;
}

.profile-account-link li {
	padding-bottom: 12px;
	padding-top: 12px;
	border-bottom: 1.33px solid rgba(0, 0, 0, 0.2);
}

.profile-account-link li:last-child {
	border: none;
	padding-bottom: 0;
}

.profile-account-link li:first-child {
	padding-top: 0;
}


.profile-container {
	background: #fff;
	border-radius: 11px;
	padding: 20px;
	box-shadow: 0px 14px 34px 0px rgba(0, 0, 0, 0.1);
}

.profile-tabs-wrapper {
	margin: auto;
	display: flex;
	justify-content: center;
	border-bottom: 2px solid rgba(27, 118, 255, 1);
}

.profile-tabs-wrapper .profile-tabs {
	display: flex;
	justify-content: center;
	max-width: 443px;
	width: 100%;
}

.profile-tabs-wrapper .input-group ,.password-box .input-group {
	height: 50px;
}

.profile-tabs-wrapper .tab-btn {
	background: rgba(184, 184, 184, 0.3);
	border: none;
	font-size: 16px;
	font-weight: 500;
	color: #636363;
	cursor: pointer;
	width: 100%;
	padding: 11.5px 10px;
	border-radius: 8px 8px 0 0;
}

.profile-tabs-wrapper .tab-btn.active {
	color: #fff;
	background: linear-gradient(224.18deg, #215CFB 13.56%, #8E27FA 86.49%);
}

/* Tab Content */
.profile-tabs-wrapper .tab-content {
    display: none;
}

.profile-tabs-wrapper .tab-content.show {
    display: block;
}

.profile-pic-wrapper {
	position: relative;
	width: 123px;
	height: 123px;
	margin: auto;
}

.profile-pic-wrapper img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}


.profile_blog .tab-content {
	display: none;
  padding-top: 40px;
}

.profile_blog .tab-content.show {
  display: block;
}


.profile-pic-wrapper input {
    display: none;
}

.edit-icon {
	position: absolute;
	bottom: 1px;
	right: 2px;
	color: #fff;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	cursor: pointer;
	border: 3px solid #FFF;
	background: linear-gradient(224.18deg, #215CFB 13.56%, #8E27FA 86.49%);
  box-shadow: 0px 8px 18.67px 0px rgba(0, 0, 0, 0.25);

}

.change-text {
	text-align: center;
	margin: 18px 0 30px;
	font-size: 18.67px;
	color: #212121;
}

.form-box {
	max-width: 100%;
	margin: auto;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.change-pass-wrapper {
	max-width: 500px;
}

.form-box input {
	width: 100%;
	background: #fff;
	border: 1px solid #DDDDDD;
	font-size: 16px;
  padding: 12.5px 15px;
	border-radius: 10px;
	outline: none;
	box-shadow: none;
	margin-bottom: 12px;
}

.form-box input::placeholder {
  color: rgba(34, 34, 34, 0.5);
}

.form-box .f-icon {
	position: absolute;
	top: 13px;
	right: 16px;
}
.password-box .form-card .form-group {
	margin-bottom: 13px;
}

.form-box .form-group {
	position: relative;
}

.form-box .save-btn {
	color: #fff;
	border: none;
	border-radius: 6px;
	padding: 14px 26px;
	font-size: 18px;
	font-weight: 700;
	width: 100%;
	max-width: max-content;
	margin: 40px auto auto auto;
	justify-content: center;
	display: flex;
	background: linear-gradient(224.18deg, #215CFB 13.56%, #8E27FA 86.49%);
}

.f-icon {
    cursor: pointer;
    display: flex;
    align-items: center;
}



.delete-modal {
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.delete-modal-content {
    border-radius: 16px;
    padding: 22px 16px;
    border: none;
}

.modal-delete-profile {
	max-width: 322px;
}

.delete-icon-wrapper {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
}

/* .delete-icon {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    border: 2px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: #6366f1;
    margin: 0 auto;
} */

.delete-title {
	font-weight: 600;
	margin: 18px 0;
	color: #000000;
}

.delete-actions {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.delete-no {
	padding: 8px 50px;
	border-radius: 6px;
	font-size: 18px;
	font-weight: 700;
}

.delete-yes {
	padding: 8px 50px;
	border-radius: 6px;
	color: white;
	border: none;
	background: linear-gradient(224.18deg, #215CFB 13.56%, #8E27FA 86.49%);
	font-size: 18px;
	font-weight: 700;
}

.delete-yes:hover {
    opacity: 0.9;
}
.modal-logout-profile {
	max-width: 345px;
}


/* edit profile page css end */

/* active services page css start */

.back-profile-btn {
	margin-bottom: 20px;
}

.back-profile-btn a {
	display: flex;
	gap: 10px;
	align-items: center;
	font-size: 16px;
	font-weight: 500;
	color: #000;
}

.back-profile-btn a:hover span svg {
  transform: rotate(360deg);
  transition: all 0.5s ease-in-out;

}
.ad-management-wrapper {
	padding: 20px;
	box-shadow: 0px 14px 34px 0px #0000001A;
	border-radius: 11px;
  margin-bottom: 83px;
}
.ad-management-img {
	width: 157px;
	height: 105px;
}
.ad-management-img img {
	width: 100%;
	height: auto;
	object-fit: cover;
	border-radius: 5px;
	box-shadow: 0px 14px 34px 0px rgba(0, 0, 0, 0.1);
}
.ad-management-main-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: end;
	padding: 15px;
	border: 1px solid #DDDDDD;
	border-radius: 20px;
	margin-bottom: 50px;
}

.ad-management-main {
	display: flex;
	gap: 20px;
	align-items: center;
}
.ad-management-content .ad-active {
	background: rgba(64, 192, 5, 0.1);
	color: #40C005;
	padding: 4px 15px;
	border-radius: 40px;
	font-size: 13px;
	margin-bottom: 5px;
	display: block;
	width: 70px;
	font-weight: 500;
}
.ad-management-content h5 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 5px;
}
.ad-date {
	display: flex;
	align-items: center;
	gap: 25px;
	color: #9BA2AD;
	font-size: 14px;
}

/* active services page css end */

/* PROFILE PAGE */
.form-main-col {
	display: flex;
	justify-content: space-between;
	gap: 11px;
}
.form-left-col {
	width: 100%;
}
.form-right-col {
	width: 100%;
}

.authfrm-login .field-flx {
	display: flex;
	gap: 10px;
}
.form-box .form-group {
	width: 100%;
}
.form-right-col .frm_icon{
	opacity: 0.5;
}
.top-col-header {
	font-size: 18px;
	line-height: 28px;
	font-weight: 600;
	margin-bottom: 11px;
}
.form-box .form-left-col .form-group {
	margin-bottom: 5px;
}
.authfrm-login .field-flx:last-child .form-group {
  margin-bottom: 0;
}

.authfrm-login .form-control:last-child {
  margin-bottom: 0;
}

/* PROFILE PAGE */

/* active services page css start */
.services-heading {
	font-size: 32px;
	font-weight: 600;
	margin-bottom: 30px;
}
.service-card {
	display: flex;
	justify-content: space-between;
  align-items: end;
	padding: 15px 15px 20px;
	box-shadow: 0px 12px 32px 0px #0000001A;
	border-radius: 20px;
	margin-bottom: 10px;
}
.status-badge {
	font-size: 13px;
	font-weight: 500;
	padding: 4px 14px;
	border-radius: 45px;
	margin-bottom: 10px;
	display: block;
	max-width: max-content;
}
.service-title {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 5px;
}
.service-meta {
	font-size: 14px;
	margin-bottom: 0;
	color: #9BA2AD;
}
.service-meta-bold {
	font-size: 14px;
	font-weight: 500;
	color: #636363;
	margin-bottom: 0;
	margin-top: 5px;
}
.price-label {
	font-size: 14px;
	color: #9BA2AD;
	margin-bottom: 0;
	text-align: end;
}
.price-value {
	font-size: 18px;
	font-weight: 700;
	text-align: end;
	margin-bottom: 10px;
}
.service-actions {
	display: flex;
  align-items: center;
	gap: 10px;
}
.btn-primary-action {
	background: linear-gradient(180deg, #215CFB 0%, #8E27FA 100%);
	color: rgba(255, 255, 255, 1);
	padding: 14px 25px;
	font-size: 18px;
	font-weight: 700;
	border-radius: 9px;
}
.btn-primary-action:hover {
  background: linear-gradient(180deg, #8E27FA 0%, #215CFB 100%);
  color: #b8b7b7;
}
.btn-secondary-action {
	font-size: 18px;
	font-weight: 700;
	padding: 14px 25px;
	border-radius: 9px;
	cursor: pointer;
	display: inline-block;
	background: linear-gradient(224.18deg, rgba(33, 92, 251, 0.1) 13.56%, rgba(142, 39, 250, 0.1) 86.49%);
}
.btn-secondary-action span {
	color: transparent;
	background-clip: text;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(180deg, #215CFB 0%, #8E27FA 100%);
}

/* active services page css end */


/* payment method page css start */

.Payment-heading {
	font-size: 32px;
	font-weight: 600;
	margin-bottom: 0;
}
.payment-head-tex p {
	font-size: 16px;
	margin-bottom: 0;
	color: rgba(0, 0, 0, 0.7);
}
.payment-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}
.add-new-card-btn {
	background: linear-gradient(180deg, #215CFB 0%, #8E27FA 100%);
	color: rgba(255, 255, 255, 1);
	padding: 14px 25px;
	font-size: 16px;
	font-weight: 700;
	border-radius: 9px;
}
.price-radio {
	display: flex;
	cursor: pointer;
	height: 100%;
}
.price-radio input {
	appearance: none;
	display: none;
}
.price-radio input:checked + .payment-card-primary {
	border: 2px solid #0848A4;
}

.payment-card-primary {
	border: 1px solid rgba(221, 221, 221, 1);
	width: 100%;
	padding: 16px 17px;
	border-radius: 16px;
	margin-bottom: 10px;
	display: flex;
	justify-content: space-between;
	align-items: end;
}

.payment-card-left {
	display: flex;
	align-items: center;
	gap: 14px;
}
.card-icon-wrapper span {
	width: 51px;
	height: 51px;
	border-radius: 50%;
	background: rgba(33, 92, 251, 0.15);
	display: grid;
	place-items: center;
}
.card-brand {
	font-size: 15px;
	font-weight: 700;
	color: #000;
}
.card-primary-badge {
	font-size: 11px;
	font-weight: 600;
	color: #215CFB;
	padding: 5px 8px;
	background: #215CFB17;
	border-radius: 90px;
}
.card-brand-row {
	margin-bottom: 5px;
}
.card-number {
	font-size: 12px;
	color: #636363;
}
.primary-text {
	font-size: 13px;
	margin: 0 15px 0 5px;
}
.card-expiry {
	text-align: end;
	font-size: 12px;
	color: #636363;
}

/* modal */
.custom-card-modal {
  border-radius: 20px;
  padding: 10px;
  position: relative;
}

/* Close button */
.custom-close-btn {
  position: absolute;
  top: 18px;
  right: 18px;
  font-size: 14px;
  z-index: 1;
}

/* Title */
.modal-title-custom {
  font-weight: 700;
  margin-bottom: 4px;
}

/* Subtitle */
.modal-subtitle {
  color: #777;
  font-size: 14px;
  margin-bottom: 20px;
}

/* Inputs */
.custom-input {
  border-radius: 10px;
  padding: 12px 14px;
  font-size: 14px;
  border: 1px solid #e5e7eb;
  box-shadow: none;
}

.custom-input:focus {
  border-color: #6c63ff;
  box-shadow: 0 0 0 2px rgba(108, 99, 255, 0.15);
}

/* Switch */
.custom-switch .form-check-input {
  width: 42px;
  height: 22px;
  cursor: pointer;
}

/* Label */
.mark-primary-label {
  font-size: 14px;
  color: #333;
}

/* Save Button */
.save-card-btn {
  padding: 12px;
  border-radius: 10px;
  font-weight: 600;
  font-size: 15px;
  color: #fff;
  border: none;
  background: linear-gradient(90deg, #7b4dff, #4d7bff);
  transition: 0.3s ease;
}

.save-card-btn:hover {
  opacity: 0.9;
}
/* payment method page css end */


/* Transaction history page css start */

.search-input-icon {
	position: absolute;
	right: 19px;
  top: 13px;
}
.search-in-history {
	width: 100%;
	max-width: 205px;
	padding: 12px 41px 12px 20px;
	border: 1px solid #DDDDDD;
	border-radius: 8px;
}
.payment-search-btn .brand-input-group {
	margin-bottom: 0;
}
.transaction-history-container .payment-head {
	margin-bottom: 15px;
}

.orders-table thead th {
	font-weight: 600;
	font-size: 16px;
	border-bottom: 1px solid #ddd;
	color: #111;
}

.orders-table tbody td {
	font-size: 15px;
	color: #636363;
	border-bottom: 1px solid #ddd;
	padding: 10px 10px;
}

.orders-table tbody tr:last-child td {
  border-bottom: none;
}

.orders-info {
	font-size: 16px;
	color: #636363;
}

/* Pagination */
.custom-pagination .page-link {
  border: none;
  color: #555;
  margin: 0 5px;
  border-radius: 5px;
  padding: 4px 14px;
  font-weight: 600;
  font-size: 16px;
}

.custom-pagination .page-item.active .page-link {
  background: linear-gradient(180deg, #215CFB 0%, #8E27FA 100%);
  color: #fff;
}

.custom-pagination .page-item.disabled .page-link {
  color: #bbb;
}

.orders-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.orders-info strong {
	font-weight: 600;
	color: #000;
}

/* Transaction history page css end */

.default-card-setting {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.default-card-text {
	font-size: 13px;
	color: #636363;
	font-weight: 500;
}

/* Toggle Base */
.custom-toggle {
  position: relative;
  width: 35px;
  height: 18px;
}

.custom-toggle-input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* Track */
.custom-toggle-slider {
  /* height: 12px;
  width: 31px; */
  position: absolute;
  inset: 0;
  background-color: #dbeafe;
  border-radius: 50px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* Knob */
.custom-toggle-slider::before {
	content: "";
	position: absolute;
	height: 18px;
	width: 18px;
	left: 0px;
	top: 0px;
	background-color: #1d4ed8;
	border-radius: 50%;
	transition: transform 0.3s ease;
}

/* ON State */
.custom-toggle-input:checked + .custom-toggle-slider {
  background-color: #bfdbfe;
}

.custom-toggle-input:checked + .custom-toggle-slider::before {
  transform: translateX(20px);
}