/* start variables */
:root {
    --primary-font:"Poppins", sans-serif;
    --primary-color:#222222;
    --secondary-color:rgba(34, 34, 34, 0.4);
    --color-white:#fff;
    --color-black:#000;
    --color-4b:#4B4B4B;
    --color-53:#535353;
    --color-f2:#F2F2F2;
    --color-dd:#DDDDDD;
    --color-86:#868686;
    --color-ef:#EFEFEF;
    --color-f5:#F5F5F5;
    --color-d9:#d9d9d9;
}
.home {
	--primary-color:#AE74EC;
    --secondary-color:rgb(174, 116, 236,0.4);
}
/* end variables */

body {
    font-family: var(--primary-font);
    font-weight: 400;
    font-size: 14px;
    font-style: normal;
    line-height: 1.4;
    color: var(--color-black);
    background: var(--color-white);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
  -webkit-text-fill-color: #000000 !important;
  -webkit-transition: background-color 9999s ease-in-out 0s;
  transition: background-color 9999s ease-in-out 0s;
}

* {
    padding: 0;
    margin: 0;
    scrollbar-width: thin;
    scrollbar-color: var(--primary-color) #fff;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
   line-height: 1.2;
   font-weight: 700;
   color: var(--color-black);
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin-bottom: 10px;
}
p {
    color: var(--color-4b);
    line-height: 1.5;
}
ul,
li,
ol {
    margin-bottom: 0;
    list-style-type: none;
}

a {
    text-decoration: none;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    color: var(--color-black);
}
a:focus {
	outline: none;
}
a:hover {
	color: var(--primary-color);
	opacity: 0.8;
}
img {
    max-width: 100%;
}

h1 {
    font-size: 32px;
}

h2 {
    font-size: 26px;
    color: var(--primary-color);
}
h3 {
    font-size: 22px;
    color: var(--color-4b);
}

h4 {
    font-size: 16px;
}

ul {
    padding: 0;
}
.g-5, .gy-5 {
  --bs-gutter-y: 3rem;
}
.g-5, .gx-5 {
  --bs-gutter-x: 3rem;
}
input.form-control:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
}
.form-control:disabled, .form-control[readonly] {
  background-color: var(--color-f2);
  opacity: 1;
}
.common-gap {
    padding: 100px 0;
}
.inner-gap {
    padding: 40px 0;
}
.inner-para p {
    margin-bottom: 16px;
    text-align: justify;
}
.inner-para p:last-child {
    margin-bottom: 0;
}

.review-form-wrapper {
  max-width: 700px;
  margin: auto;
}

.after {
	 position: relative;
	 z-index: 1;
}
 .after:after {
	 position: absolute;
	 content: '';
	 top: 0;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 width: 100%;
	 height: 100%;
	 z-index: -1;
}
.cover {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.cmn-hdr {
	 margin-bottom: 45px;
}
 .cmn-hdr h5 {
	 color: var(--primary-color);
	 font-size: 14px;
	 font-weight: 400;
	 margin-bottom: 8px;
	 text-transform: uppercase;
}
 .cmn-hdr h2 {
	 margin-bottom: 24px;
	 color: var(--color-4b);
	 font-size: 32px;
}
 .cmn-hdr h2 span {
	 color: var(--primary-color);
}
 .cmn-hdr p {
	 color: var(--color-4b);
	 text-align: justify;
}
.dash-hdr {
    color: var(--color-4b);
}
.dash-hdr span {
    color: var(--primary-color);
}
h3.dash-hdr {
	 font-size: 24px;
	 color: var(--color-4b);
	 font-weight: 600;
}
 .para p {
	 margin-bottom: 24px;
}
 .para p:last-child {
	 margin-bottom: 0;
}
 
.mt-146 {
    margin-top: 146px;
}
.pt-146 {
    padding-top: 146px;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
  -webkit-box-shadow: none !important;
}
input:autofill, input:autofill:hover, input:autofill:focus, input:autofill:active {
  -webkit-box-shadow: none !important;
}
.page-search {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.page-search input {
  background: var(--color-f2);
  border: 1px solid var(--color-dd);
  width: 100%;
  height: 50px;
  color: var(--color-black);
  border-radius: 4px;
  padding: 5px 17px;
  font-size: 14px;	
}
.page-search input:focus {
	border-color: var(--primary-color);
	box-shadow: none;
	outline: none;
}
/* button */
.btn {
	 border-radius: 40px;
	 padding: 18px 24px;
	 border: 1px solid transparent;
	 display: -webkit-inline-box;
	 display: -ms-inline-flexbox;
	 display: inline-flex;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
	 -webkit-box-pack: center;
	     -ms-flex-pack: center;
	         justify-content: center;
	 font-size: 14px;
	 font-weight: 700;
	 transition: all 0.5s;
}
.btn:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
}
 .btn.sm {
	 padding: 11px 36px;
}
 .btn.btn-primary {
	 background: var(--primary-color);
	 color: var(--color-white);
	 border-color: var(--primary-color);
}
 .btn.btn-primary:hover {
	 background: var(--secondary-color);
	 color: var(--color-white);
}
 .btn.btn-secondary {
	 background: var(--secondary-color);
	 border-color: var(--primary-color);
}
 .btn.btn-secondary:hover {
	 background: var(--primary-color);
	 color: var(--color-white);
}
 .btn-wrapper {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-orient: vertical;
	 -webkit-box-direction: normal;
	     -ms-flex-direction: column;
	         flex-direction: column;
	 gap: 24px;
}
 .btn-wrapper a {
	 border: 1px solid #868686;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
	 -webkit-box-pack: center;
	     -ms-flex-pack: center;
	         justify-content: center;
	 width: 100%;
	 border-radius: 4px;
	 padding: 20px;
	 gap: 4px;
	 color: var(--color-4b);
}
 
/* header */
.header {
	 position: absolute;
	 top: 0;
	 left: 0;
	 right: 0;
	 z-index: 5;
	 padding: 28px 0;
	 z-index: 5;
}
 .header.header-innr .logo img {
	 -webkit-filter: brightness(100) invert(100%);
	         filter: brightness(100) invert(100%);
}
 .header.header-innr .navbar ul li a {
	 color: var(--color-4b);
}
 .header.header-innr .navbar ul li.active a,.header.header-innr .navbar ul li.current_page_item a, .header.header-innr .navbar ul li a:hover {
	 color: var(--color-white);
}
.logo {
    max-width: 94px;
    min-width: 94px;
}
.header-otr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 10px;
}
.hdr-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 37px;
    width: 100%;
}
.navbar ul {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
}
 .navbar ul li.active a,.navbar ul li.current_page_item a {
	 background: var(--primary-color);
	 color: var(--color-white);
}
 .navbar ul li a {
	 font-size: 16px;
	 color: var(--color-white);
	 padding: 8px 12px;
	 display: inline-block;
	 border-radius: 4px;
}
 .navbar ul li a:hover {
	 background: var(--primary-color);
	 color: var(--color-white);
}
.hdr-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hamburger {
    display: none;
}
.mobile-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
/* footer */
.footer {
	 background-repeat: no-repeat;
	 background-size: cover;
	 padding: 86px 0 108px;
}
 .footer:after {
	 background-color: rgba(0, 0, 0, 0.9);
}
 .footer .para {
	 margin-bottom: 40px;
}
 .footer .para p {
	 color: var(--color-white);
     margin-bottom: 24px;
}
 .footer .para p:last-child {
    margin-bottom: 0;   
 }
.footer-logo {
	 margin-bottom: 40px;
}
 .footer-logo img {
	 max-width: 228px;
	 min-width: 228px;
}
 .footer-btm {
	 border-top:1px solid #FFFFFF33;
	 padding-top: 40px;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
	 -webkit-box-pack: justify;
	     -ms-flex-pack: justify;
	         justify-content: space-between;
}
 .footer-btm p {
	 color: var(--color-white);
	 margin-bottom: 0;
}
 .footer-btm ul {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 gap: 30px;
}
 .footer-btm ul li a {
	 color: var(--color-white);
}
 .footer-btm ul li a:hover {
	 opacity: 0.8;
}
/* home */
.banner {
	 padding: 154px 0 376px;
	 background-size: cover;
	 background-repeat: no-repeat;
	 background-attachment: fixed;
}
.ban-sub-btn {
	position: relative;
}
.ban-sub-btn p {
	margin-bottom: 0;
}
.ban-sub-btn .wpcf7-spinner {
	position: absolute;
	top: 0;
	bottom: 0;
	left:0;
	right: 0;
	margin: auto;
}
 .banner:after {
	 background: rgba(5, 5, 5, 0.7);
	 z-index: -1;
}
 .banner:before {
	 position: absolute;
	 content: '';
	 background: rgba(255, 255, 255, 0.2);
	 left: 0;
	 right: 0;
	 top: 0;
	 bottom: 0;
	 z-index: -2;
	 width: 100%;
	 height: 100%;
}
 .shape {
	 position: absolute;
	 right: 0;
	 top: 0;
	 z-index: 1;
	 width: 50%;
}
 .banner-content {
	 position: relative;
	 z-index: 2;
}
 .banner-content h1 {
	 line-height: 1.4;
}
 .banner-content h1, .banner-content p {
	 color: var(--color-white);
}
 .banner-form {
	 position: relative;
	 z-index: 2;
	 max-width: 480px;
	 margin-left: auto;
	 background: var(--color-white);
	 padding: 40px 50px;
	 border-radius: 20px;
}
 .banner-form .form-label br {
	display: none;
}
 .banner-form .checkbox-container {
	 padding-left: 20px;
	 margin-top: 30px;
     color: var(--color-4b);
}
 .banner-form .checkbox-container br {
	display: none;
 }
 .banner-form .checkbox-container .checkmark {
	 top: 2px;
}
 .banner-form button {
	 text-transform: none;
}
 .video-sec {
	 margin-top: -180px;
}
 .about-pic {
	 border-radius: 20px;
	 overflow: hidden;
}
 .about-content {
	 padding-left: 120px;
}
 .about-pic-wrapper {
	 position: relative;
	 padding: 68px 56px;
	 z-index: 1;
}
 .about-pic-wrapper .rect {
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 z-index: -1;
	 border-radius: 20px;
}
 .about-pic-wrapper .rect.rect-1 {
	 background: rgba(34, 34, 34, 0.2);
	 top: 0;
	 left: 0;
	 width: 82%;
	 height: 82%;
}
 .about-pic-wrapper .rect.rect-2 {
	 background: rgba(75, 75, 75, 0.4);
	 left: 28px;
	 top: 34px;
	 width: 83%;
	 height: 83%;
}
 .about-pic-wrapper .rect.rect-3 {
	 background: rgba(75, 75, 75, 0.4);
	 bottom: 34px;
	 right: 28px;
	 width: 83%;
	 height: 83%;
}
 .about-pic-wrapper .rect.rect-4 {
	 background: rgba(34, 34, 34, 0.2);
	 right: 0;
	 bottom: 0;
	 width: 82%;
	 height: 82%;
}
 .about-sec {
	 padding-top: 82px;
}
 .services-sec {
	 position: relative;
	 z-index: 1;
}
 .services-sec:after {
	 position: absolute;
	 content: '';
	 background: url('../images/back.png');
	 background-repeat: no-repeat;
	 background-size: 100% 100%;
	 left: 0;
	 right: 0;
	 top: 0;
	 bottom: 0;
	 width: 100%;
	 height: 100%;
	 z-index: -1;
}
.form-group {
	 margin-bottom: 16px;
}
 .form-label {
	 color: var(--color-53);
	 margin-bottom: 8px;
	 font-size: 14px;
	 font-weight: 600;
}
 .form-label .astrick {
	 color: red;
}
 .form-control {
	 border-radius: 4px;
	 height: 50px;
	 width: 100%;
	 background: var(--color-f2);
	 border: 1px solid var(--color-dd);
	 padding: 5px 17px;
	 font-size: 14px;
	 color: var(--color-black);
}
 .form-control:focus {
	 border-color: var(--primary-color);
	 -webkit-box-shadow: none;
	         box-shadow: none;
	 background: var(--color-f2);
}
 .form-control::-webkit-input-placeholder {
	 opacity: 1;
	 color: var(--color-black);
}
 .form-control::-moz-placeholder {
	 opacity: 1;
	 color: var(--color-black);
}
 .form-control:-ms-input-placeholder {
	 opacity: 1;
	 color: var(--color-black);
}
 .form-control::-ms-input-placeholder {
	 opacity: 1;
	 color: var(--color-black);
}
 .form-control::placeholder {
	 opacity: 1;
	 color: var(--color-black);
}
 select.form-control {
	 background-image: url('../images/down-arrow.svg');
	 background-repeat: no-repeat;
	 background-size: auto;
	 background-position: right 17px center;
}
 textarea.form-control {
	 height: 100px;
	 padding-top: 10px;
}
 .password-wrapper {
	 position: relative;
}
 .password-wrapper .eye {
	 position: absolute;
	 right: 17px;
	 top: 50%;
	 -webkit-transform: translateY(-50%);
	     -ms-transform: translateY(-50%);
	         transform: translateY(-50%);
	 cursor: pointer;
	 width: 20px;
}
 .checkbox-container {
	 display: block;
	 position: relative;
	 padding-left: 35px;
	 margin-bottom: 0;
	 cursor: pointer;
	 font-size: 14px;
	 color: #868686;
	 -webkit-user-select: none;
	 -moz-user-select: none;
	 -ms-user-select: none;
	 user-select: none;
}
 .checkbox-container input {
	 position: absolute;
	 opacity: 0;
	 cursor: pointer;
	 height: 0;
	 width: 0;
}
.checkbox-container .wpcf7-list-item-label {
	position: relative;
	padding-left: 25px;
	display: inline-block;
	cursor: pointer;
	font-size: 14px;
  	color: #868686;
}
.checkbox-container .wpcf7-list-item {
  margin: 0;
}
 .checkbox-container .checkmark,.checkbox-container .wpcf7-list-item-label:before {
	 position: absolute;
	 top: 0;
	 left: 0;
	 height: 17px;
	 width: 17px;
	 background-color: var(--color-d9);
}
.checkbox-container .wpcf7-list-item-label:before {
	top: 2px;
}
 .checkbox-container .checkmark:after,.checkbox-container .wpcf7-list-item-label:after {
	 content: "";
	 position: absolute;
	 display: none;
	 left: 6px;
	 top: 2px;
	 width: 5px;
	 height: 10px;
	 border: solid white;
	 border-width: 0 2px 2px 0;
	 -webkit-transform: rotate(45deg);
	 -ms-transform: rotate(45deg);
	 transform: rotate(45deg);
}
.checkbox-container .wpcf7-list-item-label:after {
	left: 7px;
	top: 4px;
}
 .checkbox-container input:checked ~ .checkmark, .checkbox-container input:checked ~ .wpcf7-list-item-label:before {
	 background-color: var(--primary-color);
}
 .checkbox-container input:checked ~ .checkmark:after,.checkbox-container input:checked ~ .wpcf7-list-item-label:after {
	 display: block;
}
.eye-icon {
	 display: none;
}
.eye.show .eye-icon {
	 display: block;	
}
.eye.show .eyeoff-icon {
	 display: none;
}
 .password-wrapper input[type="text"] + .eye .eye-icon {
	 display: block;
}
 .password-wrapper input[type="text"] + .eye .eyeoff-icon {
	 display: none;
}
 .text-danger {
	 margin-top: 0.25rem !important;
	 font-size: 12px;
}
.video-wrapper {
	 position: relative;
}
 .video-wrapper figure {
	 margin-bottom: 0;
	 aspect-ratio: 4 / 2.9;
}
 .video-wrapper figure:after {
	 background: rgba(34, 34, 34, 0.4);
	 z-index: 1;
}
 .video-wrapper .play-btn {
	 position: absolute;
	 top: 50%;
	 -webkit-transform: translateY(-50%);
	     -ms-transform: translateY(-50%);
	         transform: translateY(-50%);
	 left: 0;
	 right: 0;
	 margin: auto;
	 text-align: center;
	 z-index: 3;
}
.services-box-wrapper {
	 background: -o-linear-gradient(333.3deg, rgba(100, 29, 242, 0.1) 23.74%, rgba(100, 29, 242, 0.6) 100%);
	 background: linear-gradient(116.7deg, rgba(100, 29, 242, 0.1) 23.74%, rgba(100, 29, 242, 0.6) 100%);
	 padding: 1px;
	 border-radius: 10px;
	 height: 100%;
}
 .services-box {
	 background: var(--color-white);
	 border-radius: 10px;
	 padding: 35px 39px;
	 height: 100%;
	 min-height: 362px;
	 -webkit-transition: all 0.5s;
	 -o-transition: all 0.5s;
	 transition: all 0.5s;
}
 .services-box:hover {
	 background: var(--primary-color);
	 border-color: var(--primary-color);
}
 .services-box:hover h3, .services-box:hover p {
	 color: var(--color-white);
}
 .services-box h3, .services-box p {
	 -webkit-transition: all 0.5s;
	 -o-transition: all 0.5s;
	 transition: all 0.5s;
}
 .services-box p {
	 margin-bottom: 0;
	 text-align: justify;
}
 .services-box .serv-icon {
	 width: 90px;
	 height: 90px;
	 border-radius: 100%;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
	 -webkit-box-pack: center;
	     -ms-flex-pack: center;
	         justify-content: center;
	 margin-bottom: 24px;
	 background: -o-linear-gradient(307.06deg, rgba(75, 75, 75, 0.08) 5.26%, rgba(34, 34, 34, 0.2) 83.19%);
	 background: linear-gradient(142.94deg, rgba(75, 75, 75, 0.08) 5.26%, rgba(34, 34, 34, 0.2) 83.19%);
	 border: 4px solid #e3e2e2;
}
/* inner banner */
.inner-banner {
	 background-image: url("../images/inner-banner.png");
	 background-size: cover;
	 background-position: center;
	 background-repeat: no-repeat;
	 padding: 220px 0 74px;
	 text-align: center;
	 color: #fff;
	 position: relative;
}
 .inner-banner:after {
	 position: absolute;
	 content: '';
	 bottom: 0;
	 top: 0;
	 left: 0;
	 right: 0;
	 width: 100%;
	 height: 100%;
	 background: url('../images/inner-back.png') no-repeat center;
	 background-size: cover;
	 z-index: -1;
}
 .inner-banner-content ul {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
}
 .inner-banner-content ul li {
	 margin-right: 15px;
	 padding-right: 30px;
	 font-size: 16px;
	 font-weight: 700;
	 position: relative;
	 color: var(--color-4b);
}
 .inner-banner-content ul li:after {
	 position: absolute;
	 right: 0;
	 background: url('../images/breadcum-arrow.svg') no-repeat center;
	 content: '';
	 width: 18px;
	 height: 24px;
	 background-size: auto;
	 top: 50%;
	 -webkit-transform: translateY(-50%);
	     -ms-transform: translateY(-50%);
	         transform: translateY(-50%);
}
 .inner-banner-content ul li:last-child {
	 margin-right: 0;
	 padding-right: 0;
}
 .inner-banner-content ul li:last-child:after {
	 display: none;
}
 .inner-banner-content ul li a {
	 color: var(--color-4b);
	 font-weight: 600;
}
 .inner-banner-content ul li a:hover {
	 opacity: 0.7;
}
/* accordion */
.accordion .accordion-item {
	 margin-bottom: 8px;
	 border: 0;
	 padding: 0;
}
 .accordion .accordion-item .accordion-button {
	 padding: 20px 16px;
	 background: var(--color-ef);
	 font-size: 14px;
	 font-weight: 600;
	 color: var(--color-4b);
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
	 gap: 15px;
}
 .accordion .accordion-item .accordion-button span img {
	 min-width: 8px;
}
 .accordion .accordion-item .accordion-button:focus {
	 -webkit-box-shadow: none;
	         box-shadow: none;
}
 .accordion .accordion-item:last-child {
	 margin-bottom: 0;
}
 .accordion .accordion-button::after {
	 background-image: url('../images/plus.svg');
	 background-color: var(--color-4b);
	 width: 24px;
	 height: 24px;
	 border-radius: 4px;
	 background-position: center;
	 background-size: 14px;
	 background-repeat: no-repeat;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
	 -webkit-box-pack: center;
	     -ms-flex-pack: center;
	         justify-content: center;
}
 .accordion .accordion-button:not(.collapsed)::after {
	 background-image: url('../images/minus.svg');
	 background-color: var(--color-white);
}
 .accordion .accordion-button:not(.collapsed) {
	 background: var(--color-4b);
	 color: var(--color-white);
}
 .accordion .accordion-button:not(.collapsed) span img {
	 -webkit-filter: brightness(100) invert(100%);
	         filter: brightness(100) invert(100%);
}
.accordion-body {
	 overflow: hidden;
	 padding:20px 16px;
	 background:#F9F6F6;
}
.contact-support-content {
	 max-width: 905px;
	 margin-left: auto;
	 margin-right: auto;
}
 .contact-support-content p {
	 font-size: 15px;
	 color: var(--color-4b);
}
 .contact-support-content p a {
	 font-weight: 600;
}
 .contact-support-content p a:hover {
	 opacity: 0.7;
}
 .contact-support-content p.sm {
	 font-size: 14px;
}
.blog-card .blog-card-img {
	 display: block;
	 margin-bottom: 16px;
	 overflow: hidden;
	 aspect-ratio: 6 / 5.4;
}
 .blog-card .blog-card-img:hover img {
	 -webkit-transform: scale(1.05);
	     -ms-transform: scale(1.05);
	         transform: scale(1.05);
}
 .blog-card .blog-card-img img {
	 width: 100%;
	 height: 100%;
	 -o-object-fit: cover;
	    object-fit: cover;
	 -webkit-transition: -webkit-transform 0.4s ease;
	 transition: -webkit-transform 0.4s ease;
	 -o-transition: transform 0.4s ease;
	 transition: transform 0.4s ease;
	 transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
 .blog-card .blog-card-content h3 {
	 font-weight: 600;
	 color: #222222;
	 margin-bottom: 8px;
}
 .blog-card .blog-card-content h3 a {
	color: #222222;
}
 .blog-card .blog-card-content h3 a:hover {
	 opacity: 0.9;
}
 .blog-card .blog-card-content p {
	 font-size: 16px;
	 margin-bottom: 0;
	 color: #222222;
}
.post-by {
	 font-size: 16px;
	 color: var(--primary-color);
	 margin-bottom: 24px;
}
 .blog-details-content figure {
	 margin-bottom: 32px;
	 aspect-ratio: 12 / 4;
	 overflow: hidden;
}
 .blog-details-content h3 {
	 font-weight: 600;
	 color: var(--primary-color);
}
 .blog-content-html p, .blog-content-html li {
	 color: var(--color-4b);
}
 .blog-content-html ul, .blog-content-html ol {
	 padding-left: 20px;
	 margin-bottom: 18px;
}
 .blog-content-html ul li {
	 list-style: disc;
}
 .blog-content-html ol li {
	 list-style: decimal;
}
 .blog-content-html h1, .blog-content-html h2, .blog-content-html h3, .blog-content-html h4, .blog-content-html h5, .blog-content-html h6 {
	 color: var(--color-4b);
	 margin-bottom: 14px;
}
 .blog-content-html a {
	 color: var(--primary-color);
	 font-weight: 600;
}
 .blog-content-html a:hover {
	 opacity: 0.8;
}
 .blog-details-empty {
	 padding: 36px 24px;
	 text-align: center;
	 background: #fff8f1;
	 border: 1px dashed rgba(255, 132, 0, 0.3);
	 border-radius: 18px;
}
 .blog-details-empty p {
	 margin-bottom: 0;
} 
/* auth */
.auth-wrapper {
	 background-repeat: no-repeat;
	 background-size: cover;
	 height: 100vh;
	 position: relative;
	 z-index: 1;
	 width: 100%;
}
 .auth-wrapper:after {
	 position: absolute;
	 content: '';
	 top: 0;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 width: 100%;
	 height: 100%;
	 background: -webkit-gradient(linear, left bottom, left top, from(rgba(34, 34, 34, 0.4)), to(rgba(34, 34, 34, 0.4)));
	 background: -o-linear-gradient(bottom, rgba(34, 34, 34, 0.4), rgba(34, 34, 34, 0.4));
	 background: linear-gradient(0deg, rgba(34, 34, 34, 0.4), rgba(34, 34, 34, 0.4));
	 z-index: -1;
}
 .auth-wrapper .overlay {
	 padding: 50px 0;
	 overflow-y: auto;
	 height: 100%;
}
 .auth-wrapper .auth-form {
	 padding: 38px 57px;
	 background: var(--color-white);
	 border-radius: 20px;
	 max-width: 556px;
	 margin-left: auto;
}
 .auth-hdr {
	 margin-bottom: 48px;
}
 .auth-hdr h3 {
	 font-size: 24px;
	 font-weight: 600;
	 color: var(--color-black);
}
 .auth-hdr p {
	 font-size: 14px;
	 color: var(--color-4b);
}
 .or {
	 margin: 40px 0 32px;
	 text-align: center;
	 position: relative;
	 z-index: 1;
}
 .or:after {
	 position: absolute;
	 content: '';
	 border-bottom: 1px solid #868686;
	 left: 0;
	 right: 0;
	 top: 50%;
	 -webkit-transform: translateY(-50%);
	     -ms-transform: translateY(-50%);
	         transform: translateY(-50%);
	 z-index: -1;
}
 .or p {
	 padding: 0 46px;
	 display: inline-block;
	 background: var(--color-white);
	 margin-bottom: 0;
}
 .auth-bottom {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
	 -webkit-box-pack: justify;
	     -ms-flex-pack: justify;
	         justify-content: space-between;
	 margin-bottom: 24px;
}
 .auth-bottom .forgot-password {
	 color: #868686;
}
 .auth-bottom .forgot-password:hover {
	 color: var(--primary-color);
}
 .back-arrow {
	 display: block;
	 margin-bottom: 45px;
	 cursor: pointer;
}
.mt-94 {
	 margin-top: 94px;
}
 .btm-txt {
	 color: var(--color-86);
}
 .btm-txt a {
	 color: var(--primary-color);
	 font-weight: 700;
}
 .btm-txt a:hover {
	 opacity: 0.7;
}
.otp-box {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 gap: 8px;
	 -webkit-box-pack: center;
	     -ms-flex-pack: center;
	         justify-content: center;
}
 .otp-box input {
	 width: 60px;
	 height: 60px;
	 text-align: center;
	 font-size: 16px;
	 border: 1px solid #e1d8cc;
	 border-radius: 16px;
}
 .otp-box input::-webkit-input-placeholder {
	 color: #bbb1a4;
}
 .otp-box input::-moz-placeholder {
	 color: #bbb1a4;
}
 .otp-box input:-ms-input-placeholder {
	 color: #bbb1a4;
}
 .otp-box input::-ms-input-placeholder {
	 color: #bbb1a4;
}
 .otp-box input::placeholder {
	 color: #bbb1a4;
}
 .otp-box input:focus {
	 border-color: var(--primary-color);
	 outline: none;
}
 .resend {
	 color: var(--primary-color);
	 font-weight: 500;
	 text-decoration: underline;
}
 .resend:hover {
	 opacity: 0.7;
} 
/* dashboard */
.dashboard-banner {
	 position: relative;
	 margin-bottom: 24px;
}
 .dashboard-banner .play-btn-blk {
	 position: absolute;
	 top: 50%;
	 -webkit-transform: translateY(-50%);
	     -ms-transform: translateY(-50%);
	         transform: translateY(-50%);
	 left: 0;
	 right: 0;
	 margin: auto;
	 width: 90px;
	 height: 90px;
	 border-radius: 100%;
	 background: #FFFFFF99;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
	 -webkit-box-pack: center;
	     -ms-flex-pack: center;
	         justify-content: center;
	 z-index: 3;
}
 .dashboard-banner .play-btn-blk img {
	 width: 24px;
}
 .dashboard-banner figure {
	 width: 100%;
	 aspect-ratio: 12 / 4;
	 margin-bottom: 0;
}
 .dashboard-banner figure:after {
	 background: rgba(75, 75, 75, 0.4);
	 z-index: 1;
}
.dashboard-card {
	background: #f7f8f9;
	border-radius: 10px;
}
 .dashboard-body {
	 padding: 16px;
	 -webkit-box-flex: 1;
	     -ms-flex: 1;
	         flex: 1;
	position: relative;
}
 .dashboard-banner-content {
	 position: absolute;
	 padding: 0 0 16px 24px;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 z-index: 3;
}
 .dashboard-banner-content h4 {
	 font-size: 16px;
	 font-weight: 600;
	 color: var(--color-white);
	 margin-bottom: 2px;
}
 .dashboard-banner-content p {
	 margin-bottom: 0;
	 color: var(--color-white);
}
.admin-layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
} 
.dashboard-content {
    height: 100vh;
    overflow-y: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}  
.sidebar-box.active .sidebar {
	 margin-left: -285px;
}
 .sidebar-box.active .sidebar-toggle {
	 left: 0;
	 -webkit-transition: all 0.5s;
	 -o-transition: all 0.5s;
	 transition: all 0.5s;
}
 .sidebar-box.active .sidebar-toggle img {
	 -webkit-transform: rotate(180deg);
	     -ms-transform: rotate(180deg);
	         transform: rotate(180deg);
}
 .sidebar {
	 width: 285px;
	 background: -webkit-gradient(linear, left bottom, left top, from(rgba(75, 75, 75, 0.78)), to(rgba(75, 75, 75, 0.78))), -webkit-gradient(linear, left top, left bottom, from(rgba(75, 75, 75, 0.48)), to(rgba(34, 34, 34, 0.48))), url('../images/sidebar-back.jpg');
	 background: -o-linear-gradient(bottom, rgba(75, 75, 75, 0.78), rgba(75, 75, 75, 0.78)), -o-linear-gradient(top, rgba(75, 75, 75, 0.48) 0%, rgba(34, 34, 34, 0.48) 100%), url('../images/sidebar-back.jpg');
	 background: linear-gradient(0deg, rgba(75, 75, 75, 0.78), rgba(75, 75, 75, 0.78)), linear-gradient(180deg, rgba(75, 75, 75, 0.48) 0%, rgba(34, 34, 34, 0.48) 100%), url('../images/sidebar-back.jpg');
	 background-repeat: no-repeat;
	 background-size: cover;
	 height: 100vh;
	 overflow-y: auto;
	 position: relative;
	 z-index: 1;
	 -webkit-transition: all 0.5s;
	 -o-transition: all 0.5s;
	 transition: all 0.5s;
}
 .sidebar-nav {
	 padding: 20px 0;
}
 .sidebar .nav-item {
	 margin-bottom: 1px;
}
 .sidebar .nav-item a {
	 padding: 10px 16px;
	 border-radius: 0;
	 cursor: pointer;
	 color: var(--color-white);
	 font-weight: 400;
	 background: rgba(255, 255, 255, 0.2);
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
	 gap: 8px;
}
 .sidebar .nav-item a em {
	 position: absolute;
	 right: 24px;
	 -webkit-transition: all 0.4s;
	 -o-transition: all 0.4s;
	 transition: all 0.4s;
}
 .sidebar .nav-item a span {
	 width: 36px;
	 height: 36px;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
	 -webkit-box-pack: center;
	     -ms-flex-pack: center;
	         justify-content: center;
	 border-radius: 6px;
}
 .sidebar .nav-item a span.dot {
	 background: #56fa2c;
	 width: 12px;
	 height: 12px;
	 border-radius: 100%;
	 margin-left: 6px;
}
 .sidebar .nav-item a span.color-1 {
	 background: rgba(19, 250, 185, 0.4);
}
 .sidebar .nav-item a span.color-2 {
	 background: rgba(114, 228, 237, 0.4);
}
 .sidebar .nav-item a span.color-3 {
	 background: rgba(244, 28, 28, 0.4);
}
 .sidebar .nav-item a span.color-4 {
	 background: rgba(217, 217, 29, 0.4);
}
 .sidebar .nav-item a span.color-5 {
	 background: rgba(18, 115, 32, 0.4);
}
 .sidebar .nav-item a span.color-6 {
	 background: rgba(53, 174, 23, 1);
}
 .sidebar .nav-item a span.color-7 {
	 background: rgba(100, 29, 242, 1);
}
 .sidebar .nav-item a span.color-8 {
	 background: #6E8FBF;
}
 .sidebar .nav-item a span.color-8 img {
	filter: brightness(0) saturate(100%) invert(92%) sepia(18%) saturate(465%) hue-rotate(183deg) brightness(104%) contrast(101%);
 }
 .sidebar .nav-item a span.color-9 {
	 background: #7A9E58;
}
 .sidebar .nav-item a span.color-9 img {
	filter: brightness(0) saturate(100%) invert(94%) sepia(15%) saturate(530%) hue-rotate(42deg) brightness(106%) contrast(101%);
 }
 .sidebar .nav-item a span.color-10 {
	 background: #C98A4B;
}
 .sidebar .nav-item a span.color-10 img {
	filter: brightness(0) saturate(100%) invert(89%) sepia(22%) saturate(516%) hue-rotate(331deg) brightness(108%) contrast(102%);
 }
 .sidebar .nav-item a span.color-11 {
	 background: #5B8C7D;
}
 .sidebar .nav-item a span.color-11 img {
	filter: brightness(0) saturate(100%) invert(95%) sepia(10%) saturate(418%) hue-rotate(115deg) brightness(104%) contrast(101%);
 }
 .sidebar .nav-item a span.color-12 {
	 background: #5D7FA3;
}
 .sidebar .nav-item a span.color-12 img {
	filter: brightness(0) saturate(100%) invert(93%) sepia(13%) saturate(408%) hue-rotate(184deg) brightness(104%) contrast(101%);
 }
 .sidebar .nav-item a span.color-13 {
	 background: #8A6BC9;
}
 .sidebar .nav-item a span.color-13 img {
	filter: brightness(0) saturate(100%) invert(91%) sepia(17%) saturate(457%) hue-rotate(214deg) brightness(106%) contrast(102%);
 }
 .sidebar .nav-item a span.color-14 {
	 background: #A07A55;
}
 .sidebar .nav-item a span.color-14 img {
	filter: brightness(0) saturate(100%) invert(92%) sepia(16%) saturate(430%) hue-rotate(336deg) brightness(107%) contrast(101%);
 }
.sidebar .nav-item a span.color-15 {
	 background: #D9435B;
}
.sidebar .nav-item a span.color-15 img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}
 .sidebar .nav-item:last-child {
	 margin-bottom: 0;
}
 .sidebar .nav-item:hover a, .sidebar .nav-item.active a {
	 background: rgba(255, 255, 255, 0.4);
	 color: var(--color-white);
	 font-weight: 600;
}
 .sidebar .nav-item:hover a em {
	 right: 16px;
}
 .sidebar-logo {
	 background: var(--primary-color);
	 padding: 10px;
	 height: 60px;
	 position: sticky;
	 top: 0;
	 z-index: 1;
}
 .sidebar-logo img {
	 max-width: 45px;
	 min-width: 45px;
}
 .sidebar-toggle {
	 position: fixed;
	 top: 190px;
	 left: 285px;
	 z-index: 4;
	 background: var(--primary-color);
	 width: 48px;
	 height: 48px;
	 border-top-right-radius: 12px;
	 border-bottom-right-radius: 12px;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
	 -webkit-box-pack: center;
	     -ms-flex-pack: center;
	         justify-content: center;
	 border: 0;
	 -webkit-transition: all 0.5s;
	 -o-transition: all 0.5s;
	 transition: all 0.5s;
}
 .sidebar-innr {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-orient: vertical;
	 -webkit-box-direction: normal;
	     -ms-flex-direction: column;
	         flex-direction: column;
	 -webkit-box-pack: justify;
	     -ms-flex-pack: justify;
	         justify-content: space-between;
	 min-height: 100%;
}
 .dashboard-header {
	 height: 60px;
	 background: -webkit-gradient(linear, left top, right top, from(#4b4b4b), color-stop(64.44%, #222));
	 background: -o-linear-gradient(left, #4b4b4b 0%, #222 64.44%);
	 background: linear-gradient(90deg, #4b4b4b 0%, #222 64.44%);
	 padding: 10px 16px;
	 position: sticky;
	 top: 0;
	 z-index: 5;
}
 .dashboard-header h6 {
	 font-weight: 600;
	 font-size: 14px;
}
 .dashboard-header .dropdown-menu {
	 background: var(--color-f2);
	 border: 0;
	 border-radius: 4px;
	 -webkit-box-shadow: 0px 0px 10px 0px #00000040;
	         box-shadow: 0px 0px 10px 0px #00000040;
	 padding: 0;
	 min-width: 11rem;
}
 .dashboard-header .dropdown-menu li a, .dashboard-header .dropdown-menu li button {
	 padding: 10px 16px;
	 display: block;
	 font-size: 14px;
	 font-weight: 400;
	 border: 0;
	 background: transparent;
	 width: 100%;
	 text-align: left;
	 color: var(--color-4b);
}
 .dashboard-header .dropdown-menu li a:hover, .dashboard-header .dropdown-menu li button:hover {
	 background: var(--primary-color);
	 color: var(--color-white);
}
 .dashboard-header-right {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
	 gap: 30px;
}
 .profile-toggle {
	 width: 40px;
	 height: 40px;
	 border-radius: 100%;
	 overflow: hidden;
	 display: inline-block;
}
 .profile {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
}
 .profile .dot-active {
	 width: 8px;
	 height: 8px;
	 background: #56fa2c;
	 border: 2px solid var(--primary-color);
	 border-radius: 100%;
	 position: absolute;
	 bottom: 0;
	 left: 5px;
	 display: inline-block;
}
 .notification a {
	 position: relative;
}
 .notification a span {
	 background: #fb6969;
	 width: 16px;
	 height: 16px;
	 border-radius: 100%;
	 display: -webkit-inline-box;
	 display: -ms-inline-flexbox;
	 display: inline-flex;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
	 -webkit-box-pack: center;
	     -ms-flex-pack: center;
	         justify-content: center;
	 color: var(--color-white);
	 font-size: 12px;
	 position: absolute;
	 bottom: -10px;
	 right: -8px;
}
.dashboard-footer {
	 background: -webkit-gradient(linear, left top, right top, from(#4b4b4b), color-stop(28.37%, #222));
	 background: -o-linear-gradient(left, #4b4b4b 0%, #222 28.37%);
	 background: linear-gradient(90deg, #4b4b4b 0%, #222 28.37%);
	 color: var(--color-white);
	 position: sticky;
	 bottom: 0;
	 z-index: 5;
	 height: 60px;
	 padding: 20px 16px;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
}
 .dashboard-footer p {
	 font-weight: 600;
	 margin-bottom: 0;
	 color: var(--color-white);
	 font-size: 13px;
}
 .dashboard-footer a {
	 font-weight: 600;
	 color: var(--color-white);
	 font-size: 13px;
}
 .dashboard-footer a:hover {
	 opacity: 0.7;
}
.notification-box {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
	 gap: 10px;
	 -webkit-box-pack: justify;
	     -ms-flex-pack: justify;
	         justify-content: space-between;
	 background: #f3f3f3;
	 padding: 13px;
}
 .notification-box .notification-box-left {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
	 gap: 32px;
}
 .notification-box .notification-box-left span {
	 width: 60px;
	 height: 60px;
	 min-width: 60px;
	 border-radius: 10px;
	 background: #ffcb14;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
	 -webkit-box-pack: center;
	     -ms-flex-pack: center;
	         justify-content: center;
	 font-size: 28px;
	 font-weight: 500;
	 text-transform: uppercase;
	 color: var(--color-white);
}
 .notification-box .notification-box-left .notification-box-content p {
	 margin-bottom: 0;
}
 .notification-box .notification-box-left .notification-box-content h5 {
	 font-size: 16px;
	 font-weight: 600;
	 color: var(--color-4b);
	 margin-bottom: 3px;
}
 .notification-box .notification-date p {
	 margin-bottom: 0;
	 font-size: 16px;
	 font-weight: 600;
}
.notification-list li {
	 margin-bottom: 2px;
}
 .notification-list li:last-child {
	 margin-bottom: 0;
}
 .notification-list li:nth-child(2n) .notification-box .notification-box-left span {
	 background: #1486ff;
}
.community-wrapper {
	 background: rgba(216, 209, 229, 0.6);
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-orient: vertical;
	 -webkit-box-direction: normal;
	     -ms-flex-direction: column;
	         flex-direction: column;
	 height: 100%;
}
 .community-wrapper .community-hdr {
	 padding: 10px 40px;
	 background: #c5c5c5;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
	 gap: 20px;
	 position: sticky;
	 top: 60px;
}
 .community-wrapper .community-hdr span {
	 width: 45px;
	 height: 45px;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
	 -webkit-box-pack: center;
	     -ms-flex-pack: center;
	         justify-content: center;
	 border-radius: 4px;
	 border: 2px solid var(--color-white);
	 background: #b4b4b4;
}
 .community-wrapper .community-hdr p {
	 margin-bottom: 0;
	 font-weight: 600;
	 font-size: 16px;
}

 .community-wrapper .community-body {
	 padding: 19px 40px;
	 -webkit-box-flex: 1;
	     -ms-flex: 1;
	         flex: 1;
}

 .community-wrapper .community-footer {
	 background: #c5c5c5;
	 padding: 10px 40px;
	 position: relative;
	 position: sticky;
	 bottom: 60px;
}

 .community-wrapper .community-footer input {
	 border: 0;
	 width: 100%;
	 background: transparent;
	 padding: 10px;
	 padding-right: 80px;
}

 .community-wrapper .community-footer input:focus {
	 outline: none;
	 -webkit-box-shadow: none;
	         box-shadow: none;
}
 .community-wrapper .community-footer .send-btn {
	 position: absolute;
	 right: 40px;
	 top: 50%;
	 -webkit-transform: translateY(-50%);
	     -ms-transform: translateY(-50%);
	         transform: translateY(-50%);
	 border: 0;
	 background: transparent;
}

 .chat {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 gap: 20px;
}

 .chat.left {
	 -webkit-box-pack: start;
	     -ms-flex-pack: start;
	         justify-content: flex-start;
}
 .chat.right {
	 -webkit-box-pack: end;
	     -ms-flex-pack: end;
	         justify-content: flex-end;
	 -webkit-box-orient: horizontal;
	 -webkit-box-direction: reverse;
	     -ms-flex-direction: row-reverse;
	         flex-direction: row-reverse;
}
 .chat .chat-img {
	 width: 45px;
	 height: 45px;
	 min-width: 45px;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
	 -webkit-box-pack: center;
	     -ms-flex-pack: center;
	         justify-content: center;
	 border-radius: 100%;
	 border: 2px solid var(--color-white);
	 background: #b4b4b4;
}

 .chat .chat-content p {
	 padding: 16px;
	 background: var(--color-white);
	 border-radius: 10px;
}
 .chat .chat-content p:last-child {
	 margin-bottom: 0;
}
 .chat-date {
	 margin: 32px 0;
	 text-align: center;
}
 .chat-date p {
	 color: var(--color-black);
	 margin-bottom: 0;
}
.subscription-col:nth-child(3n+1) .subscription-card figure:after {
	 background: -o-linear-gradient(214.49deg, rgba(47, 250, 209, 0.8) 27.56%, rgba(56, 11, 29, 0.8) 72.27%);
	 background: linear-gradient(235.51deg, rgba(47, 250, 209, 0.8) 27.56%, rgba(56, 11, 29, 0.8) 72.27%);
}
 .subscription-col:nth-child(3n+1) .subscription-card .radio.active {
	 border-color: #1dc9a0;
}
 .subscription-col:nth-child(3n+1) .subscription-card .radio.active span {
	 background-color: #1dc9a0;
}
 .subscription-col:nth-child(3n+2) .subscription-card figure:after {
	 background: -o-linear-gradient(214.49deg, rgba(250, 196, 47, 0.8) 27.56%, rgba(56, 11, 29, 0.8) 72.27%);
	 background: linear-gradient(235.51deg, rgba(250, 196, 47, 0.8) 27.56%, rgba(56, 11, 29, 0.8) 72.27%);
}
 .subscription-col:nth-child(3n+2) .subscription-card .radio.active {
	 border-color: rgba(250, 196, 47, 1);
}
 .subscription-col:nth-child(3n+2) .subscription-card .radio.active span {
	 background-color: rgba(250, 196, 47, 1);
}
 .subscription-col:nth-child(3n+3) .subscription-card figure:after {
	 background: -o-linear-gradient(214.49deg, rgba(250, 47, 91, 0.8) 27.56%, rgba(56, 11, 29, 0.8) 72.27%);
	 background: linear-gradient(235.51deg, rgba(250, 47, 91, 0.8) 27.56%, rgba(56, 11, 29, 0.8) 72.27%);
}
 .subscription-col:nth-child(3n+3) .subscription-card .radio.active {
	 border-color: rgba(250, 47, 91, 1);
}
 .subscription-col:nth-child(3n+3) .subscription-card .radio.active span {
	 background-color: rgba(250, 47, 91, 1);
}
 .cancel-subscription-col .subscription-card figure:after {
	 background: -o-linear-gradient(214.49deg, rgba(220, 53, 69, 0.82) 27.56%, rgba(56, 11, 29, 0.84) 72.27%);
	 background: linear-gradient(235.51deg, rgba(220, 53, 69, 0.82) 27.56%, rgba(56, 11, 29, 0.84) 72.27%);
}
 .cancel-subscription-col .subscription-card .radio {
	 display: none;
}
 .cancel-subscription-col .subscription-card .subscription-action .btn {
	 background: #dc3545;
	 border-color: #dc3545;
}
 .cancel-subscription-col .subscription-card .subscription-action .btn:hover {
	opacity: 0.7;
 }
 .subscription-row.g-4 {
	 --bs-gutter-x: 1rem;
	 --bs-gutter-y: 1rem;
}
 .subscription-status-card {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-pack: justify;
	     -ms-flex-pack: justify;
	         justify-content: space-between;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
	 padding: 18px 22px;
	 max-width: 100%;
	 background: rgba(216, 209, 229, 0.6);
	 -webkit-backdrop-filter: blur(10px);
	         backdrop-filter: blur(10px);
	 border: 1px solid rgba(255, 255, 255, 0.3);
	 -webkit-box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05);
	         box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05);
}
 .subscription-status-card .status-txt {
	 background: -o-linear-gradient(315deg, #10b981, #34d399);
	 background: linear-gradient(135deg, #10b981, #34d399);
	 color: #fff;
	 padding: 8px 16px;
	 border-radius: 999px;
	 font-size: 13px;
	 font-weight: 600;
	 display: inline-block;
}
 .subscription-status-card .icon-box {
	 width: 42px;
	 height: 42px;
	 min-width: 42px;
	 background: var(--primary-color);
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
	 -webkit-box-pack: center;
	     -ms-flex-pack: center;
	         justify-content: center;
	 border-radius: 50%;
	 color: #fff;
}
 .subscription-status-card h4 {
	 font-weight: 600;
	 color: #111827;
	 font-size: 15px;
}
.subscription-status-card p {
	 font-size: 16px;
	 font-weight: 700;
	 color: #374151;
}
.subscription-card {
	 position: relative;
	 height: 100%;
	 overflow: hidden;
	 background: #fff;
	 -webkit-transition: -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
	 transition: -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
	 -o-transition: transform 0.2s ease, box-shadow 0.2s ease;
	 transition: transform 0.2s ease, box-shadow 0.2s ease;
	 transition: transform 0.2s ease, box-shadow 0.2s ease, -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
}
 .subscription-card:hover .subscription-action {
	 opacity: 1;
	 max-height: 60px;
	 padding-top: 0.5rem;
}
 .subscription-card figure {
	 margin-bottom: 0;
	 aspect-ratio: 4 / 2.8;
	 overflow: hidden;
	 position: relative;
}
 .subscription-card figure:after {
	 content: "";
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
}
 .subscription-card .radio {
	 position: absolute;
	 right: 14px;
	 top: 14px;
	 border: 9.27px solid #fff;
	 width: 48px;
	 height: 48px;
	 z-index: 1;
	 opacity: 0.5;
	 border-radius: 100%;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
	 -webkit-box-pack: center;
	     -ms-flex-pack: center;
	         justify-content: center;
}
 .subscription-card .radio span {
	 display: inline-block;
	 width: 24px;
	 height: 24px;
	 border-radius: 100%;
	 padding: 2px;
}
 .subscription-card .subscription-action {
	 max-height: 0;
	 opacity: 0;
	 overflow: hidden;
	 -webkit-transition: max-height 0.4s ease, opacity 0.3s ease, padding 0.3s ease;
	 -o-transition: max-height 0.4s ease, opacity 0.3s ease, padding 0.3s ease;
	 transition: max-height 0.4s ease, opacity 0.3s ease, padding 0.3s ease;
}
 .subscription-card .subscription-action .btn {
	 padding-top: 12px;
	 padding-bottom: 12px;
}
 .subscription-card .subscription-content {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 gap: 8px;
	 position: absolute;
	 padding: 15px;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 z-index: 2;
	 -webkit-transition: all 0.3s ease;
	 -o-transition: all 0.3s ease;
	 transition: all 0.3s ease;
}
 .subscription-card .subscription-content .sub-tag {
	 min-width: 20px;
}
 .subscription-card .subscription-content .sub-content-wrapper {
	 width: 100%;
}
 .subscription-card .subscription-content .sub-content-wrapper h5 {
	 font-size: 16px;
	 font-weight: 600;
	 color: var(--color-white);
	 margin-bottom: 4px;
}
 .subscription-card .subscription-content .sub-content-wrapper h6 {
	 margin-bottom: 4px;
	 color: var(--color-white);
	 font-size: 20px;
	 font-weight: 700;
}
 .subscription-card .subscription-content .sub-content-wrapper .sub-meta {
	 display: inline-block;
	 margin-top: 8px;
	 color: #fff;
	 font-size: 12px;
	 opacity: 0.9;
}
.subscription-card .subscription-content .sub-content-wrapper p {
	 margin-bottom: 0;
	 color: #ececec;
	 font-size: 14px;
}
.profile-banner {
	 position: relative;
	 padding-bottom: 60px;
}
 .profile-banner figure {
	aspect-ratio: 12 / 3;
}
 .profile-banner .profile-pic-wrapper {
	 position: absolute;
	 bottom: 0;
	 left: 40px;
	 z-index: 3;
	 display: inline-block;
}
 .profile-banner .profile-pic-wrapper .pro-edit {
	 position: absolute;
	 bottom: 13px;
	 right: 13px;
	 width: 35px;
	 height: 35px;
	 background-color: var(--primary-color);
	 border-radius: 100%;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
	 -webkit-box-pack: center;
	     -ms-flex-pack: center;
	         justify-content: center;
	 cursor: pointer;
	 z-index: 3;
}
 .profile-banner .profile-pic-wrapper .pro-edit .input-file {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 opacity: 0;
	 cursor: pointer;
}
 .profile-banner .profile-pic {
	 width: 160px;
	 height: 160px;
	 border-radius: 100%;
	 overflow: hidden;
	 border: 10px solid var(--color-white);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.08);
	        box-shadow: 0 0 5px rgba(0,0,0,0.08);
}
 .profile-form {
	 padding: 50px 0 20px;
}
 .btn.update-btn {
	 height: 50px;
	 text-transform: none;
}
.vending-location-leads-card {
	 background: var(--color-d9);
	 padding: 13px 30px;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
	 -webkit-box-pack: justify;
	     -ms-flex-pack: justify;
	         justify-content: space-between;
	 gap: 10px;
	 margin-bottom: 10px;
}
 .vending-location-leads-card:last-child {
	 margin-bottom: 0;
}
 .vending-location-leads-card .leads-card-left {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
	 gap: 20px;
}
 .vending-location-leads-card .leads-card-left .leads-card-img {
	 width: 60px;
	 height: 60px;
	 min-width: 60px;
	 border-radius: 4px;
	 overflow: hidden;
}
 .vending-location-leads-card .leads-card-left .leads-card-content h4 {
	 font-size: 16px;
	 font-weight: 600;
	 color: var(--color-4b);
	 margin-bottom: 3px;
}
 .vending-location-leads-card .leads-card-left .leads-card-content p {
	 margin-bottom: 0;
}
 .vending-location-leads-card .leads-card-right .icon-wrapper {
	 background: #fb6969;
	 margin-bottom: 6px;
	 margin-left: auto;
}
 .vending-location-leads-card .leads-card-right p {
	 margin-bottom: 0;
	 text-align: right;
}
.paid-search-location {
	 background: var(--color-f5);
}
 .paid-search-location h3 {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
	 gap: 10px;
	 border-bottom: 2px dotted #c3c3c3;
	 padding: 15px 34px;
	 margin-bottom: 0;
	 color: var(--color-black);
	 font-weight: 600;
}
 .paid-search-location .paid-search-box-wrapper {
	 padding: 13px 34px;
	 border-bottom: 2px dotted #c3c3c3;
}
 .paid-search-location .paid-search-box-wrapper .paid-search-box {
	 position: relative;
}
 .paid-search-location .paid-search-box-wrapper .paid-search-box input {
	 width: 100%;
	 padding: 5px 20px;
	 border: 0;
	 background: var(--color-d9);
	 border-radius: 8px;
	 font-size: 14px;
	 height: 50px;
}
 .paid-search-location .paid-search-box-wrapper .paid-search-box input:focus {
	 outline: none;
	 border-color: var(--color-primary);
}
 .paid-search-location .paid-search-box-wrapper .paid-search-box input::-webkit-input-placeholder {
	 color: var(--color-4b);
}
 .paid-search-location .paid-search-box-wrapper .paid-search-box input::-moz-placeholder {
	 color: var(--color-4b);
}
 .paid-search-location .paid-search-box-wrapper .paid-search-box input:-ms-input-placeholder {
	 color: var(--color-4b);
}
 .paid-search-location .paid-search-box-wrapper .paid-search-box input::-ms-input-placeholder {
	 color: var(--color-4b);
}
 .paid-search-location .paid-search-box-wrapper .paid-search-box input::placeholder {
	 color: var(--color-4b);
}
 .paid-search-location .paid-search-box-wrapper .paid-search-box button {
	 padding: 0;
	 border: 0;
	 background: transparent;
	 position: absolute;
	 right: 20px;
	 top: 50%;
	 -webkit-transform: translateY(-50%);
	     -ms-transform: translateY(-50%);
	         transform: translateY(-50%);
}
 .paid-search-location ul {
	 height: calc(100vh - 18.5rem);
	 overflow-y: auto;
}
 .paid-search-location ul li {
	 padding: 16px 34px;
	 border-bottom: 2px dotted #c3c3c3;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
	 gap: 20px;
	 font-size: 16px;
	 position: relative;
	 -webkit-transition: all 0.5s ease;
	 -o-transition: all 0.5s ease;
	 transition: all 0.5s ease;
	 cursor: pointer;
}
 .paid-search-location ul li:hover {
	 background: var(--primary-color);
	 color: var(--color-white);
}
 .paid-search-location ul li:hover em img {
	 -webkit-filter: brightness(100) invert(100%);
	         filter: brightness(100) invert(100%);
}
 .paid-search-location ul li span {
	 border-radius: 4px;
	 background: var(--color-d9);
	 width: 32px;
	 height: 32px;
	 min-width: 32px;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
	 -webkit-box-pack: center;
	     -ms-flex-pack: center;
	         justify-content: center;
}
 .paid-search-location ul li span img {
	 width: 22px;
}
 .paid-search-location ul li em {
	 right: 34px;
	 top: 50%;
	 -webkit-transform: translateY(-50%);
	     -ms-transform: translateY(-50%);
	         transform: translateY(-50%);
	 position: absolute;
}
 .icon-wrapper {
	 border-radius: 4px;
	 background: var(--color-d9);
	 width: 32px;
	 height: 32px;
	 min-width: 32px;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
	 -webkit-box-pack: center;
	     -ms-flex-pack: center;
	         justify-content: center;
}
 .icon-wrapper img {
	 width: 22px;
}
 .vending-location-leads h3 {
	 color: var(--color-white);
	 background: var(--primary-color);
	 padding: 5px 30px;
	 border-radius: 10px;
	 font-weight: 600;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
	 -webkit-box-pack: center;
	     -ms-flex-pack: center;
	         justify-content: center;
	 gap: 20px;
	 margin-bottom: 24px;
	 height: 90px;
}
 .vending-location-leads h3 span {
	 width: 44px;
	 height: 44px;
	 min-width: 44px;
}
 .vending-location-leads .vending-location-leads-box-header {
	 padding: 18px 30px;
	 background: -webkit-gradient(linear, left top, right top, from(rgba(75, 75, 75, 0.6)), color-stop(73.08%, rgba(34, 34, 34, 0.6)));
	 background: -o-linear-gradient(left, rgba(75, 75, 75, 0.6) 0%, rgba(34, 34, 34, 0.6) 73.08%);
	 background: linear-gradient(90deg, rgba(75, 75, 75, 0.6) 0%, rgba(34, 34, 34, 0.6) 73.08%);
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
	 gap: 10px;
	 -webkit-box-pack: justify;
	     -ms-flex-pack: justify;
	         justify-content: space-between;
	 margin-bottom: 9px;
}
 .vending-location-leads .vending-location-leads-box-header .leads-box-left {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
	 gap: 20px;
}
 .vending-location-leads .vending-location-leads-box-header .leads-box-left .icon-wrapper {
	 background: var(--color-white);
}
 .vending-location-leads .vending-location-leads-box-header .leads-box-left .leads-box-content h4 {
	 font-size: 16px;
	 font-weight: 600;
	 color: var(--color-white);
	 margin-bottom: 0;
}
 .vending-location-leads .vending-location-leads-box-header .leads-box-left .leads-box-content p {
	 color: var(--color-white);
	 margin-bottom: 0;
}
 .vending-location-leads-box {
	 background: rgba(216, 209, 229, 0.6);
}
 .vending-location-leads-card-wrapper {
	 height: calc(100vh - 22.1rem);
	 overflow-y: auto;
}
/* modal */
.modal-dialog {
	max-width: 547px;
}
.modal-lg {
	max-width: 760px;
}
.modal-backdrop {
	background-color: rgb(75, 75, 75);
}
.modal-backdrop.show {
  opacity: .6;
}
.modal-header {
	text-align: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-bottom: 32px;
}
.modal-body {
	padding: 0;
}
.modal-header,.modal-footer {
  padding: 0;
  border-bottom: 0;
}
.modal-content {
	border-radius: 16px;
	padding: 48px;
	position: relative;
}
 .modal-content .cross-icon {
	 position: absolute;
	 right: 15px;
	 top: 15px;
	 background: var(--primary-color);
	 width: 24px;
	 height: 24px;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
	 -webkit-box-pack: center;
	     -ms-flex-pack: center;
	         justify-content: center;
	 border-radius: 4px;
	 cursor: pointer;
	 padding: 0;
  	 margin: 0;
	 opacity: 1;
}
 .modal-content .cross-icon img {
	 margin-left: 1px;
}
 .modal-content h3 {
	 margin-bottom: 16px;
	 font-weight: 600;
}
 .modal-content h3.price span {
	 color: var(--color-black);
}
 .modal-body h5 {
	 font-size: 16px;
	 font-weight: 600;
	 color: var(--color-black);
}
 .modal-body .btn {
	 min-width: 283px;
}
 .lead-for-sale-img {
	 width: 145px;
	 height: 145px;
	 background: var(--color-d9);
	 border-radius: 8px;
	 overflow: hidden;
	 margin-bottom: 24px;
	 margin-left: auto;
	 margin-right: auto;
}
 p.content-wd {
	 max-width: 600px;
	 margin-left: auto;
	 margin-right: auto;
}
 .color-black {
	 color: var(--color-black);
}
 .mb-32 {
	 margin-bottom: 32px;
}
.pagination li a ,.pagination li .page-numbers{
	width: 44px;
	height: 44px;
	border-radius: 100%;
	padding: 0 6px;
  	margin: 0 3px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0.875rem;
	line-height: 1.43;
	letter-spacing: 0.01071em;
	color: var(--color-4b);
}
.pagination li a.prev,.pagination li a.next {
	font-size: 1.2rem;
}
.pagination li.active a,.pagination li a:hover,.pagination li.active .page-numbers {
	background: var(--primary-color);
	color: var(--color-white);
	opacity: 1;
}
.pagination li a:disabled ,.pagination li a.disabled{
	opacity: 0.7;
	cursor: not-allowed;
} 
.font-weight-semibold {
	font-weight: 600;
}
.dashboard-videos h4 {
	font-weight: 600;
	color: var(--color-primary);
	margin-bottom: 5px;
}
.image-wrapper {
    margin-bottom: 20px;
    overflow: hidden;
	aspect-ratio: 12 / 3.5;
}
.content-wrapper {
    margin-bottom: 20px;
}
.credit-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
}

.links-wrapper a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 16px 18px;
    background: var(--color-ef);
    color: var(--color-4b);
    text-decoration: none;
	font-size: 14px;
  	font-weight: 600;
	margin-bottom: 10px;
}
.links-wrapper a:last-child {
	margin-bottom: 0;
}
.links-wrapper img {
	width: 15px;
	min-width: 15px;
}
.links-wrapper a:hover img {
	-webkit-filter: brightness(100) invert(100%);
	        filter: brightness(100) invert(100%);
}
.links-wrapper a:hover {
    background: var(--color-4b);
  	color: var(--color-white);
    -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
            transform: translateY(-2px);
}
.pdf-download-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 14px;
}
.pdf-info i {
	font-size: 30px;
}
.pdf-download-list  .bi-download {
	font-size: 23px;
}
.pdf-download-list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 16px 18px;
    text-decoration: none;
    background: var(--color-ef);
    color: var(--color-4b);
    -webkit-transition: 0.25s ease;
    -o-transition: 0.25s ease;
    transition: 0.25s ease;
}

.pdf-download-list a:hover {
    -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
            transform: translateY(-2px);
    background: var(--color-4b);
	color: var(--color-white);	
}
.pdf-download-list h4 {
	font-weight: 600;
	margin-bottom: 5px;
}
.pdf-download-list a:hover h4 {
	color: var(--color-white);
}
.pdf-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	gap: 10px;
}
.non-paid-user {
	-webkit-filter: blur(5px);
	        filter: blur(5px);
}
.paid-btn {
	position: absolute;
	top: 35%;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
}
/* review section */
.review-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 18px;
}

.review-card {
    padding: 20px;
    border-radius: 22px;
    background: var(--color-ef);
    border: 1px solid var(--color-dd);
    -webkit-transition: 0.25s ease;
    -o-transition: 0.25s ease;
    transition: 0.25s ease;
	min-height: 210px;
}
.review-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 14px;
}

.review-user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 14px;
}

.review-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--primary-color);
	color: var(--color-white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-weight: 600;
	font-size: 18px;
}

.review-user h4 {
    margin: 0;
    font-size: 16px;
}

.review-user span {
    font-size: 13px;
    color: var(--color-4b);
}

.review-stars {
    color: #FFD76A;
    margin-bottom: 12px;
	font-size: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 3px;
}

.testimonial-rating-star {
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    padding: 0;
}

.review-text {
    margin: 0;
    line-height: 1.7;
    color: var(--color-4b);
}
.delete-review {
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 12px;
    background: rgba(255, 80, 80, 0.12);
    color: #FF7A7A;
    cursor: pointer;
    -webkit-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
}
.delete-review:hover {
    background: rgba(255, 80, 80, 0.2);
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}
.review-slider .slick-list {
	margin: 0 -12px;
}
.review-slider .slick-slide {
	padding: 0 12px;
}
.slick-dots {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 10px;
	margin-top: 10px;
}
.slick-dots .slick-active button {
	background: var(--primary-color);
}
.slick-dots button {
	padding: 0;
	border:0;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	background: transparent;
	border: 1px solid var(--primary-color);
	font-size: 0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.wpcf7-not-valid-tip {
  font-size: 12px;
  margin-top: 2px;
}
.pagination {
	align-items: center;
}
/* responsive */
 @media (max-width: 1400px) {
	 .notification-box .notification-box-left {
		 gap: 20px;
	}
	 .notification-box .notification-box-left span {
		 width: 40px;
		 height: 40px;
		 min-width: 40px;
		 font-size: 24px;
	}
	.notification-box .notification-box-left .notification-box-content h5 {
		 font-size: 15px;
	}
	.notification-box .notification-date p {
		 font-size: 15px;
		 min-width: 100px;
	}
	 .subscription-card .subscription-content .sub-content-wrapper p {
		 font-size: 13px;
	}
}
 @media (max-width: 1300px) {
	 .vending-location-leads h3 {
		 padding: 5px 20px;
	}
	.paid-search-location ul li {
		 padding: 15px 28px;
	}
	.paid-search-location .paid-search-box-wrapper {
		 padding: 13px 28px;
	}
	.paid-search-location h3 {
		 padding: 15px 28px;
	}
	.vending-location-leads-card {
		 padding: 13px 20px;
	}
	.vending-location-leads .vending-location-leads-box-header {
		 padding: 15px 20px;
	}
}
@media (max-width: 1199px) {
    .btn {
        font-size: 14px;
    }
    .btn.sm {
    padding: 9px 24px;
    }
    .header {
    padding: 16px 0;
    }
    .logo {
    max-width: 80px;
    min-width: 80px;
    }
    .navbar ul li a {
    font-size: 14px;
    padding: 6px 8px;
    }
    .hdr-btn {
    gap: 10px;
    }
    .footer-logo img {
    max-width: 180px;
    min-width: 180px;
    }
    .cmn-hdr h2 {
        font-size: 28px;
    }
    .btn {
        font-size: 14px;
    }
    .btn.sm {
    padding: 9px 24px;
    }
.banner {
  padding: 125px 0 270px;
    }
.about-content {
  padding-left: 60px;
}
.video-wrapper .play-btn img {
    width: 35px;
}
.services-box {
    padding: 25px;
}
.footer {
  padding: 70px 0;
}
h1,h2 {
  font-size: 26px;
}
h3 {
  font-size: 21px;
}
.accordion .accordion-item .accordion-button {
  padding: 20px 20px;
  font-size: 14px;
}
.accordion-body {
  padding: 20px;
}
.dashboard-banner .play-btn-blk {
	 width: 70px;
	 height: 70px;
}
 .dashboard-banner .play-btn-blk img {
	 width: 18px;
}
.sidebar-toggle {
		top: 100px;
}
 .vending-location-leads h3 {
		 font-size: 20px;
		 gap: 10px;
		 margin-bottom: 15px;
	}
.paid-search-location ul li {
	font-size: 15px;
	gap: 10px;
}
.paid-search-location h3 {
	font-size: 20px;
	gap: 6px;
}
.vending-location-leads-card .leads-card-left .leads-card-content h4 {
	font-size: 15px;
}
.vending-location-leads-card .leads-card-left {
	gap: 10px;
}
.vending-location-leads h3 span {
	width: 34px;
	height: 34px;
	min-width: 34px;
}
.vending-location-leads .vending-location-leads-box-header .leads-box-left .leads-box-content h4 {
	font-size: 15px;
}
.vending-location-leads .vending-location-leads-box-header .leads-box-left {
	gap: 10px;
}
.page-not-found.mt-146 {
	margin-top: 109px;
}
}
@media (max-width: 991px) {
.hdr-left {
  gap: 15px;
}
.hamburger {
width: 40px;
cursor: pointer;
z-index: 100;
position: relative;
display: block;
background: var(--secondary-color);
border-radius: 4px;
padding: 2px 6px;
}
.hamburger span {
display: block;
height: 2px;
background: #fff;
margin: 6px 0;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}

/* Animate to X */
.hamburger.active span:nth-child(1) {
-webkit-transform: rotate(45deg) translate(5px, 5px);
    -ms-transform: rotate(45deg) translate(5px, 5px);
        transform: rotate(45deg) translate(5px, 5px);
}
.hamburger.active span:nth-child(2) {
opacity: 0;
}
.hamburger.active span:nth-child(3) {
-webkit-transform: rotate(-45deg) translate(6px, -6px);
    -ms-transform: rotate(-45deg) translate(6px, -6px);
        transform: rotate(-45deg) translate(6px, -6px);
}

/* Menu */
 .mobile-menu {
	 position: fixed;
	 top: 0;
	 left: -100%;
	 width: 100%;
	 height: 100vh;
	 background: var(--color-white);
	 -webkit-transition: 0.3s;
	 -o-transition: 0.3s;
	 transition: 0.3s;
	 padding: 90px 20px 40px;
	 z-index: 99;
	 overflow-y: auto;
}
 .mobile-menu ul {
	 display: block;
	 width: 100%;
	 margin-bottom: 20px;
	 max-width: 700px;
	 margin-left: auto;
	 margin-right: auto;
}
 .mobile-menu ul li {
	 margin-bottom: 15px;
}
 .mobile-menu ul li:last-child {
	 margin-bottom: 0;
}
 .mobile-menu ul li a {
	 font-size: 16px;
	 padding: 12px;
	 text-transform: uppercase;
	 width: 100%;
	 color: var(--primary-color);
}
 .mobile-menu.show {
	 left: 0;
}
 .mobile-menu {
	 -webkit-box-orient: vertical;
	 -webkit-box-direction: normal;
	     -ms-flex-direction: column;
	         flex-direction: column;
	 -webkit-box-align: start;
	     -ms-flex-align: start;
	         align-items: flex-start;
	 -webkit-box-pack: start;
	     -ms-flex-pack: start;
	         justify-content: flex-start;
}
 .navbar {
	 width: 100%;
}
 .hdr-btn {
	 -webkit-box-orient: vertical;
	 -webkit-box-direction: normal;
	     -ms-flex-direction: column;
	         flex-direction: column;
	 width: 100%;
	 max-width: 700px;
	 margin-left: auto;
	 margin-right: auto;
}
 .hdr-btn .btn {
	 width: 100%;
}
 
.mb-5 {
    margin-bottom: 2rem !important;
}
.cmn-hdr h2 {
    font-size: 21px;
}
.cmn-hdr h5 {
    font-size: 12px;
}
.banner-form {
    padding: 25px;
}
 .about-content {
    padding-left: 10px;
}
h3.dash-hdr {
    font-size: 20px;
}
.cmn-hdr {
    margin-bottom: 40px;
}
.video-sec {
  margin-top: -110px;
}
 .banner {
    padding: 110px 0 220px;
  }
.inner-banner {
    padding: 150px 0 60px;
}
.inner-banner-content ul li {
    font-size: 14px;
}
.dashboard-banner .play-btn-blk {
	 width: 50px;
	 height: 50px;
}
 .dashboard-banner .play-btn-blk img {
	 width: 14px;
}
 .dashboard-banner-content h4 {
	 font-size: 14px;
}
 .dashboard-banner-content p {
	 font-size: 12px;
}
 .dashboard-banner-content {
	 padding: 0 0 10px 15px;
}
 .auth-wrapper .auth-form {
		margin: auto;
}
 .notification-box .notification-box-left .notification-box-content h5 {
		font-size: 14px;
}
.notification-box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
}
.notification-box .notification-date {
		margin-left: 60px;
}
	.notification-box .notification-date p {
		font-size: 14px;
		min-width: auto;
}
.subscription-status-card p {
	font-size: 14px;
}
.subscription-status-card h4 {
	font-size: 14px;
}
.subscription-card .radio {
	width: 35px;
	height: 35px;
	border-width: 6px;
}
.subscription-card .radio span {
	width: 18px;
	height: 18px;
}
.subscription-card .subscription-content .sub-content-wrapper h6 {
	font-size: 16px;
}
.paid-search-location ul {
	height: auto;
	overflow-y: visible;
}
.paid-search-location {
	margin-bottom: 25px;
}
.vending-location-leads-card-wrapper {
	height: auto;
	overflow-y: visible;
}
}
@media (max-width: 767px) {
body {
    font-size: 13px;
}
.mobile-menu ul,.mobile-menu .hdr-btn {
    max-width: 540px;
}
.footer {
  padding: 50px 0 20px;
}
.footer-btm {
  padding-top: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  gap: 10px;
}
.footer-logo {
  margin-bottom: 30px;
}
 .footer-logo img {
    max-width: 120px;
    min-width: 120px;
  }
  .footer-btm ul {
  gap: 15px;
}
.mb-5 {
    margin-bottom: 1.5rem !important;
}
.g-5, .gy-5 {
    --bs-gutter-y: 2rem;
}
.g-5, .gx-5 {
    --bs-gutter-x: 2rem;
}
.common-gap {
    padding: 60px 0;
}
.btn {
    font-size: 14px;
    padding: 14px 20px;
}
.btn-wrapper {
    gap: 15px;
}
.btn-wrapper a {
    font-size: 14px;
    padding: 14px 20px;
}
.banner-form {
    max-width: 100%;
}
.banner-content {
    text-align: center;
    margin-bottom: 30px;
}
  .banner {
    padding: 125px 0 70px;
  }
  .video-sec {
  margin-top: 0;
  padding-top: 60px;
}
.about-sec {
  padding-top: 60px;
}
.about-content {
    padding: 0;
    margin-top: 30px;
    text-align: center;
}
     .banner {
    padding: 115px 0 50px;
  }
  .video-sec {
    padding-top: 40px;
  }
    .about-sec {
    padding-top: 40px;
  }
  .about-pic-wrapper {
  padding: 40px 26px;
}
.about-pic-wrapper .rect.rect-2 {
  left: 14px;
  top: 17px;
}
.about-pic-wrapper .rect.rect-3 {
  bottom: 17px;
  right: 14px;
}
 .form-control {
        font-size: 13px;
}
.password-wrapper .eye img {
        width: 20px;
}
.checkbox-container {
        font-size: 13px;
        padding-left: 25px;
}
 .form-label {
        font-size: 13px;
}
.services-box .serv-icon {
    margin-left: auto;
    margin-right: auto;
}
.services-box {
    text-align: center;
    min-height: auto;
}
h3.dash-hdr {
    font-size: 18px;
}
h1, h2 {
    font-size: 21px;
  }    
.cmn-hdr {
margin-bottom: 30px;
}

h3 {
font-size: 18px;
}
.contact-support-content.pt-5 {
    padding-top: 0.5rem!important;
    text-align: left!important;
}
.contact-support-content p {
    font-size: 14px;
}
.blog-card .blog-card-content p {
  font-size: 14px;
}
.blog-sec .gy-5 {
  --bs-gutter-y: 2rem;
}
 .post-by {
        font-size: 14px;
        margin-bottom: 16px;
}
    .blog-details-content figure {
        margin-bottom: 20px;
        aspect-ratio: 12 / 5;
}
.auth-wrapper .overlay {
		padding: 30px 0;
}
.or p {
		padding: 0 25px;
}
	.back-arrow {
		margin-bottom: 30px;
}
	.auth-hdr p {
		font-size: 13px;
}
.or {
		margin: 25px 0;
}
.auth-hdr h3 {
		font-size: 20px;
}
	.auth-hdr {
		margin-bottom: 30px;
}
	.auth-wrapper .auth-form {
		padding: 30px;
}
.mt-94 {
	margin-top: 40px;
}
.otp-box input {
	width: 45px;
	height: 45px;
	font-size: 15px;
	border-radius: 10px;
}
.sidebar {
	position: fixed;
	z-index: 8;
}
.sidebar-box.active .sidebar {
	margin-left: 0;
}
.sidebar-box .sidebar {
	margin-left: -285px;
}
.sidebar-box.active .sidebar-toggle {
	left: 285px;
}
.sidebar-toggle {
	left: 0;
}
.sidebar-toggle img {
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
}
.sidebar-box.active .sidebar-toggle img {
	-webkit-transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
	        transform: rotate(0deg);
}
 .notification-box .notification-date {
	margin-left: 50px;
}
.notification-box .notification-box-left {
	gap: 12px;
}
.profile-banner .profile-pic {
	width: 120px;
	height: 120px;
	border-width: 7px;
}
.profile-banner .profile-pic-wrapper .pro-edit {
	width: 30px;
	height: 30px;
	bottom: 10px;
	right: 10px;
}
.profile-banner .profile-pic-wrapper .pro-edit img {
	width: 18px;
}
.profile-banner figure {
	aspect-ratio: 12 / 4;
}
.profile-banner {
	padding-bottom: 40px;
}
.profile-banner .profile-pic-wrapper {
	left: 20px;
}
.modal-content .cross-icon {
	top: 15px;
	right: 15px;
}
.modal-content .cross-icon img {
	margin-left: 0;
}
.modal-body h5 {
	font-size: 15px;
}
.modal-lg,.modal-dialog {
  max-width: 95%;
}
.modal-content {
  padding: 40px 30px 30px;
}
.lead-for-sale-img {
  width: 100px;
  height: 100px;
}
.links-wrapper a,.pdf-download-list a {
  padding: 14px 14px;
  font-size: 13px;
}
.checkbox-container .wpcf7-list-item-label {
	font-size: 13px;
}
.about-mobile {
	margin-bottom: 30px;
}
.about-mobile h5,.about-mobile h2,.about-mobile p {
	color: var(--color-white);
}
.about-mobile h2 span {
	color: var(--color-white);
}
.about-mobile .about-pic-wrapper .rect.rect-1,.about-mobile .about-pic-wrapper .rect.rect-4 {
  background: rgba(255, 255, 255, 0.2);
}
.about-mobile .about-pic-wrapper .rect.rect-2,.about-mobile .about-pic-wrapper .rect.rect-3 {
  background: rgba(255, 255, 255, 0.4);
}
}
@media (max-width: 575px) {
.common-gap {
    padding: 40px 0;
}
.logo {
max-width: 60px;
min-width: 60px;
}
.banner {
    padding: 100px 0 40px;
  }
 .footer-logo img {
    max-width: 90px;
    min-width: 90px;
  }
    .video-wrapper .play-btn img {
    width: 28px;
  }
.services-box .serv-icon {
  width: 70px;
  height: 70px;
  padding: 15px;
}
.accordion .accordion-item .accordion-button {
  padding: 15px;
}
.accordion-body {
  padding: 15px;
}
.blog-card .blog-card-content p {
    font-size: 13px;
}
.dashboard-banner figure {
	aspect-ratio: 12 / 6;
}
.dashboard-header h6 {
  font-size: 12px;
}
.sidebar-toggle {
	width: 35px;
	height: 35px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}
.sidebar-toggle img {
	width: 18px;
}
.dashboard-footer {
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: column-reverse;
	        flex-direction: column-reverse;
	gap: 10px;
	height: auto;
	padding: 15px;
}
.dashboard-header-right {
	gap: 20px;
}
.settings a img {
	width: 25px;
}
.notification a img {
	width: 20px;
}
.profile-toggle {
	width: 32px;
	height: 32px;
}
.notification-box .notification-box-left .notification-box-content h5,.notification-box .notification-box-left .notification-box-content p,.notification-box .notification-date p {
font-size: 13px;
}
	.community-wrapper .community-hdr span {
		width: 30px;
		height: 30px;
}
	.community-wrapper .community-hdr span img {
		width: 15px;
}
.community-wrapper .community-hdr p {
		font-size: 14px;
}
.community-wrapper .community-body {
		padding: 15px 22px;
}
.community-wrapper .community-footer {
		padding: 10px 22px;
		bottom: 78px;
}
.community-wrapper .community-footer input {
		padding-right: 60px;
}
	.chat-date {
		margin: 25px 0;
}
.community-wrapper .community-hdr {
		padding: 10px 22px;
		gap: 14px;
		top: 52px;
}
.chat .chat-img {
		width: 30px;
		height: 30px;
		min-width: 30px;
}
	.chat .chat-img img {
		width: 12px;
}
.chat {
	gap: 14px;
}
.community-wrapper .community-footer .send-btn {
	right: 22px;
}
.profile-form {
	padding: 30px 0 20px;
}
.profile-form .g-3, .profile-form .gy-3 {
	--bs-gutter-y: 0.2rem;
}
.profile-form .mt-3 {
		margin-top: 0.5rem !important;
}
.modal-body .btn {
	min-width: auto;
	width: 100%;
}
.image-wrapper {
	aspect-ratio: 12 / 4;
}
.links-wrapper img {
  width: 12px;
  min-width: 12px;
}
.pdf-info i {
  font-size: 22px;
}
.pdf-download-list .bi-download {
  font-size: 17px;
}
h4 {
  font-size: 15px;
}
.page-not-found.mt-146 {
	margin-top: 90px;
}
}
@media (max-width: 480px) {
.subscription-status-card {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 10px;
}
.subscription-status-card h4 {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
 .subscription-card figure {
	 aspect-ratio: 4 / 3;
}
 .vending-location-leads h3 {
	font-size: 17px;
}
.paid-search-location h3 {
	font-size: 17px;
}
.paid-search-location ul li {
	padding: 15px 22px;
}
.paid-search-location ul li {
	font-size: 14px;
}
.paid-search-location .paid-search-box-wrapper .paid-search-box button {
	right: 14px;
}
.paid-search-location .paid-search-box-wrapper .paid-search-box input {
	padding: 5px 14px;
}
.paid-search-location .paid-search-box-wrapper {
	padding: 13px 22px;
}
.paid-search-location h3 {
	padding: 15px 22px;
}
.vending-location-leads-card .leads-card-left .leads-card-img {
	width: 50px;
	height: 50px;
	min-width: 50px;
}
.vending-location-leads-card .leads-card-left .leads-card-content h4 {
	font-size: 14px;
}
.vending-location-leads .vending-location-leads-box-header .leads-box-left .leads-box-content h4 {
	font-size: 14px;
}
}

@media (max-width: 360px) {
    .checkbox-container {
		 font-size: 12px;
		 padding-left: 20px;
	}
	 .auth-bottom .forgot-password {
		 font-size: 12px;
	}
	 .auth-wrapper .auth-form {
		 padding: 20px;
	}
	.sidebar-box .sidebar {
		 margin-left: -250px;
	}
	 .sidebar-box.active .sidebar-toggle {
		 left: 250px;
	}
	 .sidebar {
		 width: 250px;
	}
}