@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap");
*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

:root {
  --resp: 1; /* for height width and other sizes | use: calc(10px * var(--resp)); */
  --fresp: 1; /* for fonts | use: calc(10px * var(--fresp)); */
}
@media (min-width: 2200px) {
  :root {
    --resp: 1.3;
    --fresp: 1.3;
  }
}
@media (min-width: 3000px) {
  :root {
    --resp: 2;
    --fresp: 2;
  }
}
@media (max-width: 1800px) {
  :root {
    --resp: 0.95;
    --fresp: 0.95;
  }
}
@media (max-width: 1400px) {
  :root {
    --resp: 0.85;
    --fresp: 0.85;
  }
}
@media (max-width: 1300px) {
  :root {
    --resp: 0.8;
    --fresp: 0.8;
  }
}
.swal2-show{
   padding: 20px;
   border-radius: 15px;
}
.dtRowDel-popUp { padding: 20px; } .swal2-container .swal2-title { padding-top: 15px; padding-bottom: 15px; }

html {
  color-scheme: dark light;
}

body {
  color: #2c2c2c;
  font-weight: 400;
  min-height: 100vh;
  overflow-x: hidden;
  font-family: "Rubik", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory;
}


::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  background-color: transparent;
}

::-webkit-scrollbar-track {
  margin: 8px 12px;
  border-radius: 10px;
  background: #eeeeee;
  box-shadow: 0px 10px 25px rgba(255, 221, 221, 0.25);
}

::-webkit-scrollbar-thumb {
  box-shadow: 0px 14px 34px rgba(237, 63, 70, 0.4);
  /* background: #ed3f46; */
  /* background: #6c54e6; */
  background: linear-gradient(
    22.33deg,
    #0049e6 -5.87%,
    #9c15f7 53.8%,
    #ff4cf8 115.91%
  );
  border-radius: 20px;
}

img,
picture,
svg,
video {
  display: block;
  max-width: 100%;
}

input,
select,
textarea,
button {
  font: inherit;
}

.ts02 {
  transition: all 0.2s ease-in-out;
}
.ts03 {
  transition: all 0.3s ease-in-out;
}
.ts04 {
  transition: all 0.4s ease-in-out;
}
.ts05 {
  transition: all 0.5s ease-in-out;
}
.ts06 {
  transition: all 0.6s ease-in-out;
}

.fw300 {
  font-weight: 300;
}
.fw400 {
  font-weight: 400;
}
.fw500 {
  font-weight: 500;
}
.fw600 {
  font-weight: 600;
}
.fw700 {
  font-weight: 700;
}

.fs12{
  font-size: calc(12px * var(--fresp))!important;
}
.fs13{
  font-size: calc(13px * var(--fresp))!important;
}
.fs14{
  font-size: calc(14px * var(--fresp))!important;
}
.fs15{
  font-size: calc(15px * var(--fresp))!important;
}
.fs16{
  font-size: calc(16px * var(--fresp))!important;
}
.fs18{
  font-size: calc(18px * var(--fresp))!important;
}
.fs20{
  font-size: calc(20px * var(--fresp))!important;
}
.fs22{
  font-size: calc(22px * var(--fresp))!important;
}
.fs24{
  font-size: calc(24px * var(--fresp))!important;
}


/* Zoom everything on bigger screens */
.themeText {
  color: #ed3f46 !important;
}
.violetText {
  color: #6c54e6 !important;
}

.lightGrayText {
  color: #828282;
}

.grayText {
  color: #939393 !important;
}
.darkGrayText {
  color: #3d3d3d !important;
}
.greenText {
  color: #02c94f;
}
.blueText {
  color: #8956f8;
}
.darkText {
  color: #2c2c2c !important;
}
.paddingInline5px {
  padding-inline: calc(5px * var(--resp));
}
.paddingInline10px {
  padding-inline: calc(10px * var(--resp));
}
.paddingInline20px {
  padding-inline: calc(20px * var(--resp));
}
.paddingInline30px {
  padding-inline: calc(30px * var(--resp));
}
.paddingInline40px {
  padding-inline: calc(40px * var(--resp));
}

.veryDarkGrayText {
  color: #1e1e1e !important;
}

.primaryTextGradient {
  background: linear-gradient(
    22.33deg,
    #0049e6 -5.87%,
    #9c15f7 53.8%,
    #ff4cf8 115.91%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  position: relative;
}

.secondaryDarkText {
  color: #302e41 !important;
}

.indentX {
  margin-inline: 0px;
}

.form-control:focus,
.form-select:focus {
  outline: 0;
  box-shadow: none;
}

select,
.form-control,
.form-select {
  width: 100%;
  /* height: 72px; */
  height: 50px;
  border-radius: 8px;
  background-color: white;
  /* border: 1px solid #dfdfdf; previous CSS  */
  border: 1px solid rgba(108, 84, 230, 0.14);
  transition: 0.23s ease-out;
}


.form-control:disabled {
  background-color: #e9ecef;
  opacity: 1;
  border: 1px solid #c2c2c270;
  color: #6B6B6B;
}
.form-control:disabled::placeholder {
  color: #6B6B6B;
}

select:hover,
.form-control:not([disabled]):hover,
.form-select:not([disabled]):hover {
  background-color: rgba(108, 84, 230, 0.05);
}
select:focus,
.form-control:focus,
.form-select:focus
{
  outline: 0;
  border: 1px solid #6c54e6;
  border-radius: 10px !important;
  box-shadow: 0px 0px 5px rgba(108, 84, 230, 0.5);
  /* background: linear-gradient(
      52.88deg,
      #0049e6 -5.02%,
      #9c15f7 52.99%,
      #ff4cf8 113.38%
    ),
    padding-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude; */
  /* border: 1px solid #ed3f46;
  box-shadow: 0px 10px 25px rgba(255, 221, 221, 0.25); */
}
select::-moz-placeholder,
.form-control::-moz-placeholder,
.form-select::-moz-placeholder {
  color: #939393;
}
select:-ms-input-placeholder,
.form-control:-ms-input-placeholder,
.form-select:-ms-input-placeholder {
  color: #939393;
}
select::placeholder,
.form-control::placeholder,
.form-select::placeholder {
  color: #939393;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
  width: calc(100% - 5rem);
}

.btn-pure-red,
.gradient--red {
  background: linear-gradient(
    to right,
    #f04047 0%,
    rgba(126, 0, 0, 0.948257) 102.78%,
    rgba(247, 81, 81, 0.668912) 102.79%,
    rgba(247, 81, 81, 0.411458) 102.8%,
    #c32b31 102.81%
  );
}
.btn-pure-gradient,
.duration-btn,
.main-nav__links.active::after {
  background: linear-gradient(
    52.88deg,
    #0049e6 -5.02%,
    #9c15f7 52.99%,
    #ff4cf8 113.38%
  );
  transition: 0.23s ease-out;
}
.btn-pure-gradient:hover,
.duration-btn:hover,
.btn-pure-gradient:focus,
.btn-pure-gradient:active,
.duration-btn:focus {
  color: #fff !important;
  background: linear-gradient(
    52.88deg,
    #0049e6 -5.02%,
    #9c15f7 52.99%,
    #ff4cf8 113.38%
  );
  filter: brightness(130%) contrast(1.3);
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  background-color: white;
}
.btn-pure-gradient:disabled {
  /* styles when the button is disabled */
  background: linear-gradient(45deg, #ababab, #7a7a7a);
  color: #ffffff;
  cursor: not-allowed;
  opacity: 0.6;
}

.btn-type-2,
.btn-type-3 {
  height: 46px;
  border-radius: 10px;
  padding: 0px 20px;
  gap: 10px;
  font-size: 14px;
  line-height: 12px;
}
.btn-type-2 {
  background-color: #eeeeee;
  color: #3d3d3d;
}
.btn-type-2:hover,
.btn-type-2:focus,
.btn-type-2:active {
  background-color: white;
  border: 1px solid #3d3d3d;
}
.btn-type-3 {
  background-color: #e4e0fb;
  color: #6c54e6;
}
.btn-type-3:hover,
.btn-type-3.active,
.btn-type-3:active {
  color: #6c54e6;
  background-color: white;
  border: 1px solid #6c54e6;
}

.btn-pure-gradient {
  border-radius: 10px;
  color: white;
  padding: 17px 20px 12px 20px;
  gap: calc(6px * var(--resp));
  border: 0;
}
.btn-pure-gradient.email-template-btn,
.btn-type-3.email-template-btn {
  width: calc(180px * var(--resp));
  height: calc(46px * var(--resp));
  font-size: calc(14px * var(--fresp));
  line-height: calc(12px * var(--fresp));
  padding: calc(17px * var(--resp)) calc(20px * var(--resp))
    calc(13px * var(--resp)) calc(20px * var(--resp)) !important;
  white-space: nowrap;
  border-radius: calc(10px * var(--resp));
}

.duration-btn:hover,
.duration-btn:focus,
.duration-btn:active,
.btn-pure-red:hover,
.btn-pure-red:focus,
.btn-pure-red:active,
.gradient--black {
  background: linear-gradient(90deg, #302e41 0%, #4c4a57 81.92%);
}

.gradient--red {
  cursor: pointer;
  height: 72px;
  color: white;
  font-size: 17px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: 100%;
  border: 3px solid #f1f1f1;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.12);
}
.gradient--red:hover {
  color: white;
  background: linear-gradient(90deg, #302e41 0%, #4c4a57 81.92%);
}

.gradient--black {
  height: 46px;
  color: white;
  font-size: 17px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}
.gradient--black:hover {
  color: white;
}
.gradient--primary {
  cursor: pointer;
  height: 50px;
  color: white;
  font-size: 14px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: 100%;
  border: 3px solid #f1f1f1;
  border: none;
  background: linear-gradient(
    52.88deg,
    #0049e6 -5.02%,
    #9c15f7 52.99%,
    #ff4cf8 113.38%
  );
  box-shadow: 0px 20px 13px 0px #623ce709;
  transition: 0.23s ease-out;
}
.gradient--primary:hover {
  color: white;
  filter: brightness(130%) contrast(1.3);
}

/* .btn-pure-white {
  background-color: white;
  font-size: 14px;
  line-height: 14px;
  height: 46px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(
    52.88deg,
    #0049e6 -5.02%,
    #9c15f7 52.99%,
    #ff4cf8 113.38%
  );
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
} */
.btn-pure-white {
  background-color: white; /* Set background color to white */
  color: transparent; /* Hide the text color */
  font-size: 14px;
  line-height: 14px;
  height: 46px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gradient-blue-text {
  background: -webkit-linear-gradient(
    52.88deg,
    #0049e6 -5.02%,
    #9c15f7 52.99%,
    #ff4cf8 113.38%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.btn-pure-red {
  color: white;
  min-width: 123px;
  transition: all 0.3s ease-in-out;
  /* border-radius: 100px; */
  border-radius: 10px;
  padding: 17px, 20px, 12px, 20px;
  margin: 0;
}
.btn-pure-red:hover {
  opacity: 0.95;
}
.btn-pure-red:hover,
.btn-pure-red:focus,
.btn-pure-red:active {
  color: #ffffff;
}
.btn-outline-theme {
  color: #6c54e6 !important;
  min-width: 123px;
  transition: all 0.3s ease-in-out;
  border-radius: 100px;
  border: 1px solid #6c54e6 !important;
  /* border: 1px solid #ed3f46; */
}
.btn-outline-theme:hover {
  opacity: 0.88;
}
.btn-outline-theme svg {
  transition: all 0.3s ease-in-out;
  stroke-width: 1.2px;
  stroke: #6c54e6;
}
.btn-outline-red {
  color: #ed3f46;
  min-width: 123px;
  transition: all 0.3s ease-in-out;
  border-radius: 100px;
  border: 1px solid #ed3f46;
}
.btn-outline-red svg {
  transition: all 0.3s ease-in-out;
  stroke-width: 1.2px;
  stroke: #ed3f46;
}
.btn-outline-red:hover {
  opacity: 0.88;
}
.btn-outline-red:hover,
.btn-outline-red:focus,
.btn-outline-red:active {
  color: white;
  background: #ed3f46;
}
.btn-outline-red:hover svg,
.btn-outline-red:focus svg,
.btn-outline-red:active svg {
  stroke: white;
}

.checkWrap {
  display: block;
  position: relative;
  padding-left: 25px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.4);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.checkWrap .checkmark-lg {
  height: 30px !important;
  width: 30px !important;
}
.checkWrap .checkmark-lg:after {
  height: 15px !important;
  width: 15px !important;
  top: calc(50% - 7.5px) !important;
  left: calc(50% - 7.5px) !important;
}
.checkWrap .value {
  cursor: default;
  line-height: 1.3;
}
.checkWrap a {
  cursor: pointer;
}
.checkWrap a:hover,
.checkWrap a:focus,
.checkWrap a:active {
  color: #ed3f46;
}
.checkWrap input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkWrap input:checked ~ .checkmark {
  background: #ed3f46;
  border-color: #ed3f46;
}
.checkWrap input:checked ~ .checkmark:after {
  display: block;
}
.checkWrap .checkmark {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  border-radius: 2px;
  border: 1px solid rgba(32, 14, 50, 0.4);
}
.checkWrap .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 5px;
  top: 1px;
  width: 6px;
  height: 11px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.auth {
  min-height: 100vh;
}
.auth__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 99;
}
.auth__inner .navWrap {
  position: absolute;
  width: 50vw;
  right: 0;
  top: 45px;
  z-index: 99;
  padding-inline: 60px 100px;
}
.auth__inner .navWrap .navbar .nav-link {
  white-space: nowrap;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: white;
}
.auth__inner .navWrap .navAuthBtn,
.new__auth__inner .pageHeader .navAuthBtn {
  min-width: calc(99px * var(--resp));
  font-size: calc(14px * var(--fresp));
  line-height: calc(14px * var(--fresp));
  transition: background-color 1s;
  border: 0;
}
.new__auth__inner .pageHeader .navAuthBtn:focus {
  border: 0;
}
.new__auth__inner .pageHeader .navbar-nav .nav-item a.dropdown-toggle {
  text-decoration: none;
  color: #fff;
}
.new__auth__inner .pageHeader .navbar-nav .nav-item a.dropdown-toggle.show {
  
}
.bdrs10 {
  border-radius: calc(10px* var(--resp));
}
.new__auth__inner .pageHeader .navbar-nav .dropdown-menu{
  font-size: calc(14px* var(--resp));
}
.new__auth__inner .pageHeader .navbar-nav .dropdown-item{
  padding: 0.65rem 1.15rem;
}
.new__auth__inner .pageHeader .navbar-nav .dropdown-item.active, 
.new__auth__inner .pageHeader .navbar-nav .dropdown-item:active {
  color: white;
  background: linear-gradient(52.88deg, #0049E6 -5.02%, #9C15F7 52.99%, #FF4CF8 113.38%);
}

.new__auth__inner .pageHeader .navbar-nav .dropdown-item.active .primaryTextGradient, 
.new__auth__inner .pageHeader .navbar-nav .dropdown-item:active .primaryTextGradient{
  color: white;
  -webkit-text-fill-color: #fff;
  background: transparent;
  -webkit-background-clip: none;
}

@media (min-width: 992px) {
  .auth__inner .navWrap {
    top: 30px;
    padding-inline: 0px 15px;
  }
  .auth__inner .navWrap .navbar .nav-link {
    font-size: 14px;
  }
  .auth__inner .navWrap .navAuthBtn {
    zoom: 0.8;
  }
}
@media (min-width: 1280px) {
  .auth__inner .navWrap {
    top: 30px;
    padding-inline: 5px 40px;
  }
  .auth__inner .navWrap .navbar .nav-link {
    font-size: 14px;
  }
  .auth__inner .navWrap .navAuthBtn {
    zoom: 0.85;
  }
}
@media (min-width: 1366px) {
  .auth__inner .navWrap {
    top: 40px;
    padding-inline: 15px 45px;
  }
  .auth__inner .navWrap .navbar .nav-link {
    font-size: 15px;
  }
}
@media (min-width: 1600px) {
  .auth__inner .navWrap {
    top: 30px;
    padding-inline: 30px 45px;
  }
  .auth__inner .navWrap .navbar .nav-link {
    font-size: 16px;
  }
  .auth__inner .navWrap .navAuthBtn {
    zoom: normal;
  }
}
@media (min-width: 2000px) {
  .auth__inner .navWrap {
    top: 30px;
    padding-inline: 50px 80px;
  }
  .auth__inner .navWrap .navbar .nav-link {
    font-size: 20px;
  }
  .auth__inner .navWrap .navAuthBtn {
    zoom: 1.2;
  }
}
@media (min-width: 2040px) {
  .auth__inner .navWrap {
    top: 65px;
    padding-inline: 100px 150px;
  }
  .auth__inner .navWrap .navbar .nav-link {
    font-size: 23px;
  }
  .auth__inner .navWrap .navAuthBtn {
    zoom: 1.4;
  }
}

.auth__inner .navWrap .navbar-nav {
  display: flex;
  gap: min(1.8vw, 3rem);
}
@media (max-width: 1600px) {
  .auth__inner .navWrap .navbar-nav {
    gap: 1vw;
  }
}
@media (max-width: 1199px) {
  .auth__inner .navWrap .navbar-nav {
    gap: 0.4rem;
  }
}

.auth__inner .navWrap .navAuthBtn .btn-text,
.new__auth__inner .pageHeader .navAuthBtn .btn-text {
  background: linear-gradient(
    22.33deg,
    #0049e6 -5.87%,
    #9c15f7 53.8%,
    #ff4cf8 115.91%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  transition: background 1s;
}
.auth__inner .navWrap .navAuthBtn:hover,
.new__auth__inner .pageHeader .navAuthBtn:hover {
  background-color: black;
}
.auth__inner .navWrap .navAuthBtn:hover .btn-text,
.new__auth__inner .pageHeader .navAuthBtn:hover .btn-text {
  background: white;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.auth__inner__content {
  height: 100%;
  width: 50vw;
  flex: 0 0 50%;
  background: white;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.04);
}
.auth__inner__content .dd-arrow {
  transform: scale(2);
  margin-left: 1rem;
}
.auth__inner__anim {
  padding-top: 124px;
  padding-bottom: 200px;
  width: 50vw;
  flex: 0 0 50%;
  height: 100vh;
  position: relative;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  background: linear-gradient(
    22.33deg,
    #0049e6 -5.87%,
    #9c15f7 53.8%,
    #ff4cf8 115.91%
  );
}
@media (max-width: 1800px) {
  .auth__inner__anim {
    padding-bottom: 150px;
  }
}
.auth__inner__anim::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../images/rectangleOverlay.svg) no-repeat;
  background-size: cover;
}
.auth__inner__anim .girlInCenter {
  position: absolute;
  width: 100%;
  top: 40%;
  left: 50%;
  z-index: 0;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

@media (min-width: 992px) {
  .auth__inner__anim .girlInCenter {
    zoom: 0.6;
    top: 50%;
  }
}
@media (min-width: 1200px) {
  .auth__inner__anim .girlInCenter {
    zoom: 0.65;
    top: 48%;
  }
}
@media (min-width: 1400px) {
  .auth__inner__anim .girlInCenter {
    zoom: 0.7;
    top: 45%;
  }
}
@media (min-width: 1600px) {
  .auth__inner__anim .girlInCenter {
    zoom: 0.8;
    top: 45%;
  }
}
@media (min-width: 1921px) {
  .auth__inner__anim .girlInCenter {
    zoom: 0.9;
    top: 40%;
  }
}
@media (min-width: 2200px) {
  .auth__inner__anim .girlInCenter {
    top: 45%;
    zoom: 1;
  }
}
.auth__inner__anim .girlInCenter img {
  margin-inline: auto;
  max-width: 550px;
  height: auto;
  position: relative;
  z-index: 1;
}
@media (max-width: 1800px) {
  .auth__inner__anim .girlInCenter img {
    max-width: 420px;
  }
}
.auth__inner__anim .signUpImg {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate3d(36%, -50%, 0);
  margin-left: auto;
  margin-top: 1.2rem;
  pointer-events: none;
}
.auth__inner__anim .signUpImg img {
  max-height: 100vh;
  width: 100%;
  max-width: 100%;
  right: 0;
  top: 0;
}
.auth__inner__anim .signUpImg .img00 {
  opacity: 0;
}
.auth__inner__anim .signUpImg .img01,
.auth__inner__anim .signUpImg .img02,
.auth__inner__anim .signUpImg .img03 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: -1;
}
@keyframes signUpMainImgAnimation {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes signUpImgAnimation01 {
  0% {
    opacity: 0;
    transform: rotate(0deg);
  }
  20% {
    opacity: 0;
    transform: rotate(0deg);
    animation-timing-function: ease-in-out;
    animation-timing-function: cubic-bezier(0.32, 2, 0.55, 0.27);
  }
  50% {
    opacity: 0.1;
    transform: rotate(-30deg);
  }
  100% {
    opacity: 0.1;
    transform: rotate(-30deg);
  }
}
@keyframes signUpImgAnimation02 {
  0% {
    opacity: 0;
    transform: rotate(0deg);
  }
  20% {
    opacity: 0;
    transform: rotate(0deg);
    animation-timing-function: cubic-bezier(0.32, 2, 0.55, 0.27);
  }
  50% {
    opacity: 0.25;
    transform: rotate(-20deg);
  }
  100% {
    opacity: 0.25;
    transform: rotate(-20deg);
  }
}
@keyframes signUpImgAnimation03 {
  0% {
    opacity: 0;
    transform: rotate(0deg);
  }
  20% {
    opacity: 0;
    transform: rotate(0deg);
    animation-timing-function: ease-in-out;
    animation-timing-function: cubic-bezier(0.32, 2, 0.55, 0.27);
  }
  50% {
    opacity: 0.4;
    transform: rotate(-10deg);
  }
  100% {
    opacity: 0.4;
    transform: rotate(-10deg);
  }
}
.auth__inner__anim .signUpImg .img00 {
  animation: signUpMainImgAnimation 1s linear forwards;
}
.auth__inner__anim .signUpImg .img01 {
  transform-origin: center center;
  transform: rotate(-35deg);
  opacity: 0;
  animation: signUpImgAnimation01 1s ease-in-out forwards;
  animation-timing-function: ease-in-out;
  animation-delay: 0.2s;
}
.auth__inner__anim .signUpImg .img02 {
  transform-origin: center center;
  transform: rotate(-25deg);
  opacity: 0;
  animation: signUpImgAnimation02 1s ease-in-out forwards;
  animation-delay: 0.15s;
}
.auth__inner__anim .signUpImg .img03 {
  transform-origin: center center;
  transform: rotate(-15deg);
  opacity: 0;
  animation: signUpImgAnimation03 1s ease-in-out forwards;
  animation-delay: 0.1s;
}

.auth .loginSlider {
  position: absolute;
  padding-inline: 40px;
  align-self: flex-end;
}
.auth .owl-dots {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 -10px;
}
.auth .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  min-width: none;
  margin: 0 10px;
  transition: all 0.5s ease-in-out;
}
.auth .owl-dots button.owl-dot span {
  transition: all 0.5s ease-in-out;
  margin: 0;
  background-color: #ff7c7e;
}
.auth .owl-dots button.owl-dot.active {
  transform: scale(1.35);
}
.auth .owl-dots button.owl-dot.active span {
  background-color: #302e41;
}

.bottomContent {
  color: white;
}
.bottomContent h2 {
  font-weight: 700;
  font-size: 42px;
  line-height: 42px;
}
.auth__inner .cirular-icons {
  width: 100%;
  height: 100%;
}

.circular {
  position: absolute;
  width: 115px;
  height: 115px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 15px solid transparent;
  /* -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite; */
}

.circular--mustardBox {
  background-color: #ffcc16;
  -webkit-animation: pulseMustard 2s infinite,
    rotate-straight 8s ease-in-out infinite;
  animation: pulseMustard 2s infinite, rotate-straight 8s ease-in-out infinite;
  outline: 12px solid rgba(255, 204, 22, 0.2);
}

.circular--blackBox {
  background-color: #302e41;
  -webkit-animation: pulseBlack 2s infinite,
    rotate-straight 8s ease-in-out infinite;
  animation: pulseBlack 2s infinite, rotate-straight 8s ease-in-out infinite;
  outline: 12px solid rgba(48, 46, 65, 0.2);
}

.circular--vihBox {
  background: linear-gradient(52.88deg, #0049e6 -5.02%, #9c15f7 52.99%, #ff4cf8 113.38%);
  -webkit-animation: pulseBlack 2s infinite,
    rotate-straight 8s ease-in-out infinite;
  animation: pulseBlack 2s infinite, rotate-straight 8s ease-in-out infinite;
  outline: 12px solid rgba(48, 46, 65, 0.2);
  border: 0;
}

.circular--message {
  animation: orbitAnimation-message 1s infinite linear alternate,
    pulseMustard 2s infinite;
}
.circular--mail {
  animation: orbitAnimation-mail 1s infinite linear alternate,
    pulseBlack 2s infinite;
}
.circular--whatsapp {
  animation: orbitAnimation-whatsapp 1s infinite linear alternate,
    pulseBlack 2s infinite;
}
.circular--voice {
  animation: orbitAnimation-voice 1s infinite linear alternate,
    pulseMustard 2s infinite;
}

.auth__inner__anim .girlInCenter .cirular-icons .circular {
  position: absolute;
  left: 50%;
  top: -15%;
  transform-origin: 0px 425px;
  transform: rotate(0deg);
}

@media (max-width: 1600px) {
  .auth__inner__anim .girlInCenter .cirular-icons .circular {
    top: -30%;
    transform-origin: 0px 370px;
  }
}

@media (max-width: 1300px) {
  .auth__inner__anim .girlInCenter .cirular-icons .circular {
    top: -30%;
    transform-origin: 0px 350px;
  }
}

@keyframes anim111 {
  0% {
    transform: rotate(0deg) translate3d(0px, 100px, 0px);
    z-index: 0;
  }
  15% {
    z-index: 0;
  }
  16% {
    z-index: 1;
  }
  25% {
    transform: rotate(90deg) translate3d(0px, -70px, 0px);
  }
  26% {
    z-index: 1;
  }
  50% {
    transform: rotate(180deg) translate3d(0px, 0px, 0px);
  }

  75% {
    transform: rotate(270deg) translate3d(0px, -70px, 0px);
  }

  80% {
    z-index: 1;
  }
  85% {
    z-index: 0;
  }

  100% {
    transform: rotate(360deg) translate3d(0px, 100px, 0px);
    z-index: 0;
  }
}
@keyframes anim222 {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-90deg);
  }
  50% {
    transform: rotate(-180deg);
  }
  75% {
    transform: rotate(-270deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.auth__inner__anim .girlInCenter .cirular-icons .circular img {
  animation: anim222 8s ease-in-out infinite;
}
.auth__inner__anim .girlInCenter .cirular-icons .circular.circular--message {
  animation: anim111 8s ease-in-out infinite, pulseMustard 2s infinite;
  animation-delay: 0s;
}
.auth__inner__anim
  .girlInCenter
  .cirular-icons
  .circular.circular--message
  img {
  animation-delay: 0s;
}
.auth__inner__anim .girlInCenter .cirular-icons .circular.circular--whatsapp {
  animation: anim111 8s ease-in-out infinite, pulseBlack 2s infinite;
  animation-delay: -2s;
}
.auth__inner__anim
  .girlInCenter
  .cirular-icons
  .circular.circular--whatsapp
  img {
  animation-delay: -2s;
}
.auth__inner__anim .girlInCenter .cirular-icons .circular.circular--voice {
  animation: anim111 8s ease-in-out infinite, pulseMustard 2s infinite;
  animation-delay: -4s;
}
.auth__inner__anim .girlInCenter .cirular-icons .circular.circular--voice img {
  animation-delay: -4s;
}
.auth__inner__anim .girlInCenter .cirular-icons .circular.circular--mail {
  animation: anim111 8s ease-in-out infinite, pulseBlack 2s infinite;
  animation-delay: -6s;
}
.auth__inner__anim .girlInCenter .cirular-icons .circular.circular--mail img {
  animation-delay: -6s;
}

.illustrationInCenter {
  width: 35rem;
  height: 35rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  /* border: 1px solid red; */
  border-radius: 50%;
}

@media (min-width: 2200px) {
  .illustrationInCenter {
    width: 55rem;
    height: 55rem;
  }
}

@media (max-width: 1800px) and (max-height: 800px) {
  .illustrationInCenter {
    width: 25rem;
    height: 25rem;
  }
}

@media (max-width: 1600px) and (max-height: 800px) {
  .illustrationInCenter {
    width: 30rem;
    height: 30rem;
  }
}
@media (max-width: 1400px) and (max-height: 800px) {
  .illustrationInCenter {
    width: 25rem;
    height: 25rem;
  }
}
@media (max-width: 1280px) {
  .illustrationInCenter {
    width: 25rem;
    height: 25rem;
  }
}

.illustrationInCenter > img {
  max-width: 40%;
  margin-top: -2rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 1400px) and (min-height: 900px) {
  .illustrationInCenter > img {
    max-width: 50%;
  }
}

@media (max-width: 1400px) and (max-height: 800px) {
  .illustrationInCenter > img {
    max-width: 35%;
    margin-top: -1rem;
  }
}

.r-icons {
  position: absolute;
  width: 70px;
  height: 70px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

@media (min-width: 2200px) {
  .r-icons {
    width: 100px;
    height: 100px;
  }
}

@media (max-width: 1600px) and (max-height: 800px) {
  .r-icons {
    width: 55px;
    height: 55px;
  }
}
@media (max-width: 1400px) and (max-height: 800px) {
  .r-icons {
    width: 55px;
    height: 55px;
  }
}

@media (max-width: 1280px) {
  .r-icons {
    width: 55px;
    height: 55px;
  }
}

.r-icons img {
  max-width: 35%;
  width: 100%;
}

.r-icons--voice img {
  max-width: 28%;
}

.r-icons--mustardBox {
  background-color: #ffcc16;
  -webkit-animation: pulseMustard 2s infinite,
    rotate-straight 8s ease-in-out infinite;
  animation: pulseMustard 2s infinite, rotate-straight 8s ease-in-out infinite;
  outline: 12px solid rgba(255, 204, 22, 0.2);
}

.r-icons--blackBox {
  background-color: #302e41;
  -webkit-animation: pulseBlack 2s infinite,
    rotate-straight 8s ease-in-out infinite;
  animation: pulseBlack 2s infinite, rotate-straight 8s ease-in-out infinite;
  outline: 12px solid rgba(48, 46, 65, 0.2);
}

@media (max-width: 1600px) and (max-height: 800px) {
  .r-icons--mustardBox {
    --resp: 0.75;
    outline: 8px solid rgba(255, 204, 22, 0.2);
  }
  .r-icons--blackBox {
    --resp: 0.725;
    outline: 8px solid rgba(48, 46, 65, 0.2);
  }
}

@media (max-width: 1400px) {
  .r-icons--mustardBox,
  .r-icons--blackBox {
    --resp: 0.725;
    outline-width: 8px;
  }
}

.revolving-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  animation: rotate-stop 8s infinite ease-in-out;
  transform: rotate();
}

.r-icons--voice {
  left: calc(2.5rem * var(--resp));
  top: calc(3rem * var(--resp));
}

.r-icons--whatsapp {
  left: calc(30rem * var(--resp));
  top: calc(6.2rem * var(--resp));
}

.r-icons--message {
  top: calc(27rem * var(--resp));
  left: calc(28rem * var(--resp));
}

.r-icons--mail {
  left: calc(0.8rem * var(--resp));
  top: calc(24rem * var(--resp));
}

@media (min-width: 2200px) {
  .r-icons--voice {
    left: 6rem;
    top: 4rem;
  }

  .r-icons--whatsapp {
    left: 46.2rem;
    top: 8rem;
  }

  .r-icons--message {
    top: 42.6rem;
    left: 45rem;
  }

  .r-icons--mail {
    left: 2rem;
    top: 40rem;
  }
}

@media (max-width: 1800px) {
  .r-icons--voice {
    left: 2.5rem;
    top: 3rem;
  }

  .r-icons--whatsapp {
    left: 30rem;
    top: 6.2rem;
  }

  .r-icons--message {
    top: 27rem;
    left: 28rem;
  }

  .r-icons--mail {
    left: 0.8rem;
    top: 24rem;
  }
}

@media (max-width: 1600px) and (max-height: 800px) {
  .r-icons--voice {
    left: 2.5rem;
    top: 3rem;
  }

  .r-icons--whatsapp {
    left: 26.2rem;
    top: 6rem;
  }

  .r-icons--message {
    top: 23rem;
    left: 24.7rem;
  }

  .r-icons--mail {
    left: 2.8rem;
    top: 24rem;
  }
}

@media (max-width: 1400px) and (max-height: 800px) {
  .r-icons--voice {
    left: 1.2rem;
    top: 3rem;
  }

  .r-icons--whatsapp {
    left: 21.5rem;
    top: 5rem;
  }

  .r-icons--message {
    top: 19rem;
    left: 20rem;
  }

  .r-icons--mail {
    left: 1.8rem;
    top: 19.5rem;
  }
}

@media (max-width: 1280px) {
  .r-icons--voice {
    left: 1.2rem;
    top: 3rem;
  }

  .r-icons--whatsapp {
    left: 21.5rem;
    top: 5rem;
  }

  .r-icons--message {
    top: 19rem;
    left: 20rem;
  }

  .r-icons--mail {
    left: 1.8rem;
    top: 19.5rem;
  }
}

@keyframes rotate-straight {
  0% {
    transform: rotate(0deg);
  }
  5%,
  25% {
    transform: rotate(-90deg);
  }
  30%,
  50% {
    transform: rotate(-180deg);
  }
  55%,
  75% {
    transform: rotate(-270deg);
  }
  80%,
  100% {
    transform: rotate(-360deg);
  }
}

@keyframes rotate-stop {
  0% {
    transform: rotate(0deg);
  }
  5%,
  25% {
    transform: rotate(90deg);
  }
  30%,
  50% {
    transform: rotate(180deg);
  }
  55%,
  75% {
    transform: rotate(270deg);
  }
  80%,
  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes pulseMustard {
  0% {
    box-shadow: 0 0 calc(10px * var(--resp)) calc(25px * var(--resp))
      rgba(255, 204, 22, 0.3);
  }
  70% {
    box-shadow: 0 0 0 calc(10px * var(--resp)) rgba(255, 204, 22, 0);
  }
  100% {
    box-shadow: 0 0 calc(10px * var(--resp)) calc(25px * var(--resp))
      rgba(255, 204, 22, 0.3);
  }
}
@keyframes pulseMustard {
  0% {
    box-shadow: 0 0 calc(10px * var(--resp)) calc(25px * var(--resp))
      rgba(255, 204, 22, 0.3);
  }
  70% {
    box-shadow: 0 0 0 calc(10px * var(--resp)) rgba(255, 204, 22, 0);
  }
  100% {
    box-shadow: 0 0 calc(10px * var(--resp)) calc(25px * var(--resp))
      rgba(255, 204, 22, 0.3);
  }
}
@-webkit-keyframes pulseBlack {
  0% {
    box-shadow: 0 0 calc(10px * var(--resp)) calc(24px * var(--resp))
      rgba(48, 46, 65, 0.3);
  }
  70% {
    box-shadow: 0 0 0 calc(10px * var(--resp)) rgba(48, 46, 65, 0);
  }
  100% {
    box-shadow: 0 0 calc(10px * var(--resp)) calc(24px * var(--resp))
      rgba(48, 46, 65, 0.3);
  }
}
@keyframes pulseBlack {
  0% {
    box-shadow: 0 0 calc(10px * var(--resp)) calc(24px * var(--resp))
      rgba(48, 46, 65, 0.3);
  }
  70% {
    box-shadow: 0 0 0 calc(10px * var(--resp)) rgba(48, 46, 65, 0);
  }
  100% {
    box-shadow: 0 0 calc(10px * var(--resp)) calc(24px * var(--resp))
      rgba(48, 46, 65, 0.3);
  }
}
.logo {
  max-width: 151px;
  height: auto;
}

.divide50 {
  display: flex;
  gap: 20px;
}
.divide50 > div {
  flex: 1;
  max-width: 50%;
}

@media (max-width: 1200px) {
  .divide50 {
    flex-direction: column;
  }
  .divide50 > div {
    flex: 1;
    max-width: 100%;
  }
}

.form-group {
  margin-bottom: 1rem;
  position: relative;
}
.form-group > i {
  position: absolute;
  left: 1.3rem;
  top: 2.6rem;
}
.form-group > i svg {
  width: auto;
  height: 16px;
}
.form-group > i.pwdIcon {
  left: 1.3rem;
  top: 2.5rem;
}
.form-group > a.recaptcha {
  left: 20.3rem;
  top: 2.5rem;
}
.form-group .label {
  margin-bottom: 8px;
  font-size: calc(16px * var(--fresp));
  line-height: 22px;
}
.form-group .label-type-2 {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 16.5px;
}
.form-group .file-info {
  height: 44px;
  padding: 0.6rem 2rem;
  border-radius: 10px;
  background-color: rgba(130, 130, 130, 0.1);
}
.form-group .file-info > span {
  font-size: 14px;
  line-height: 14px;
}
.form-group--password .form-control {
  padding-right: 3.5rem;
}
.form-group--password .togglePwd {
  position: absolute;
  right: 1.2rem;
  top: 2.75rem;
}
.contentCover__body .form-group--password .togglePwd {
  right: 1rem;
  top: 2.2rem;
  zoom: 1.2;
}
.contentCover__body .form-group--password .togglePwd.active::after {
  content: '';
  width: 2.5px;
  height: 25px;
  border-radius: 2px;
  position: absolute;
  top: -2px;
  left: 40%;
  transform: rotate(45deg);
  transition: 0.5s linear;
}
.form-group--password .togglePwd svg {
  fill: #dfdfdf;
  max-width: 22px;
}
.contentCover__body .form-group--password .togglePwd.active::after {
  background: #dfdfdf;
}
.form-group--password .form-control:focus + .togglePwd svg {
  fill: #6c54e6;
}
.form-group--password .form-control:focus + .togglePwd.active::after {
  background: #6c54e6;
}
.form-group--countryCode .coverCode {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 0.6rem;
  width: 100%;
  height: 46px;
  border-radius: 10px;
  background-color: white;
  border: 1px solid #dfdfdf;
  padding-left: 2rem;
}
.contentCover__body .form-group--countryCode .coverCode {
  height: 56px;
  padding-left: 1rem;
  padding-right: 0.1rem;
}
.contentCover__body .form-group--countryCode .form-control {
  height: 48px;
}
.form-group--countryCode .coverCode .codeBtn {
  height: 50px;
  width: 160px;
  border-radius: 10px;
}
.form-group--countryCode .form-control {
  border: 0;
  height: auto;
  padding: 0 1rem;
}
.form-group--countryCode .btnDD {
  border: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
}
.form-group--countryCode .flag {
  width: 2.2rem;
}
.contentCover__body .form-group--countryCode .flagMain {
  margin-top: 0.7rem;
  height: 2rem;
}
.form-group--countryCode .dropdown-menu {
  inset: 25px auto auto -7px !important;
}
.form-group--countryCode .dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.5rem 1.2rem;
}
.form-group--countryCode .dropdown-menu span {
  font-weight: 500;
  font-size: 14px;
}
.form-group--recaptcha .form-control {
  padding-right: 3.2rem;
}
.form-group--recaptcha a {
  cursor: pointer;
  position: absolute;
  right: 1.5rem;
  top: 3.35rem;
}
.form-group--recaptcha a img {
  width: 1.7rem;
  height: auto;
}
.form-group--date > i {
  top: 2.8rem !important;
  left: 1.45rem;
}
.form-group--noIcon .form-control {
  padding-left: 1rem;
}
.form-control {
  font-size: calc(14px * var(--fresp));
  padding-left: calc(3.6rem * var(--resp));
}
.form-control.text-area__address {
  padding-left: 1rem !important;
}
@media (min-width: 2200px) {
  .form-control {
    padding-left: 3.5rem;
  }
}
.form-control::-moz-placeholder {
  color: #939393;
}
.form-control:-ms-input-placeholder {
  color: #939393;
}
.form-control::placeholder {
  font-style: normal;
  color: #939393;
}
.form p.helper-text {
  color: #939393;
  line-height: 19px;
  font-size: 14.4397px;
  margin: 0.35rem 0 -1.4rem 0;
}
.form p.helper-text span {
  color: #ed3f46;
}

.contentCover {
  margin-inline: auto;
  max-width: 80%;
  display: flex;
  flex-flow: column nowrap;
  padding: 30px 0;
}



.contentCover__header {
  margin-left: -0.7rem;
}
.contentCover__header > h1 {
  height: calc(66px * var(--resp));
  font-size: calc(56px * var(--fresp));
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.contentCover__header > p {
  height: calc(42px * var(--resp));
  margin: 0;
  font-size: calc(16px * var(--fresp));
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.contentCover__body button {
  font-size: 16px;
  height: 54px;
  width: 100%;
}

.contentCover__body .form-control {
  font-size: 18px;
  height: 50px;
}
.contentCover__body .form-group > i {
  position: absolute;
  left: 1rem;
  top: 2.6rem;
}
.contentCover__body .form-group > i img {
  zoom: 1.2;
}

.contentCover__body .form-group-otp .timeRemaining {
  display: block;
  font-size: 14px;
  line-height: 14px;
}
.contentCover__body .form-group-otp .form-control {
  width: 46px;
  height: 46px;
  padding: 1px 10px;
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
  text-align: center;
}

.contentCover__body .form-group-otp .otpDigitContainer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.75rem;
}
/* .contentCover__body  button:focus {
  border: none;
} */

.contentCover__body .terms-robot-captcha-container {
  display: flex;
  justify-content: space-between;
}
.contentCover__body .terms-robot-captcha-container .form-check {
  zoom: 1.3;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 14px;
}
.contentCover__body .terms-robot-captcha-container .checkbox-input {
  zoom: 1.6;
  border-radius: 2px;
  margin-bottom: 0.3rem;
}

.contentCover__footer {
  font-size: 14px;
  display: flex ;
  align-items: center ;
  justify-content: space-between ;
  width: 100% ;
}

.contentCover__footer .primaryTextGradient::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 100%;
  height: 1px;
  background-color: #6c54e6;
}
.contentCover__footer a {
  font-weight: 500;
  color: #ed3f46;
}

.contentCover__footer ul {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-inline: -0.5rem;
}
.contentCover__footer ul li {
  line-height: 1;
  padding-inline: 0.5rem;
  border-right: 2px solid #939393;
}
.contentCover__footer ul li:last-child {
  border: 0;
}
.contentCover form {
  flex: 1;
  width: 100%;
  display: inline-flex;
  flex-flow: column nowrap;
  justify-content: center;
}
.contentCover h1 {
  /* font-size: 52px; */
  font-size: 3.2rem;
  /* line-height: 42px; */
  line-height: 2.6rem;
  margin-inline: 10px;
}
.contentCover p.subtitle {
  font-size: 16px;
  line-height: 42px;
  margin-inline: 10px;
}
.contentCover p.noAc {
  margin-top: 16px;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.04rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
/* .contentCover p.noAc a {
  font-size: 16px;
  margin-top: 1.2px;
  text-decoration: none;
} */
.contentCover .linkWrap {
  margin-top: -1rem;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.contentCover .linkWrap .textBtn {
  font-size: 16px;
}

.helpToastr {
  position: absolute;
  bottom: 1.5rem;
  right: 0;
  gap: 0.6rem;
  width: 425px;
  padding: 10px;
  z-index: 99;
  transform: translateX(450px);
  border-radius: 420px 0 0 420px;
  display: flex;
  align-items: center;
  -webkit-animation: animOnload 0.8s ease-in-out forwards 1s;
  animation: animOnload 0.8s ease-in-out forwards 1s;
}

/* @media (min-width: 1920px) {
  .contentCover {
    padding: 50px 0;
    zoom: 1.15;
    max-width: min(70%, 55rem);
  }
}
@media (min-width: 2048px) {
  .contentCover {
    zoom: 1.25;
    max-width: min(70%, 55rem);
  }
} */

.helpToastr .imgWrap {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  /* background-color: #ed3f46; */
  background: linear-gradient(
    52.88deg,
    #0049e6 -5.02%,
    #9c15f7 52.99%,
    #ff4cf8 113.38%
  );

  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.helpToastr .imgWrap img {
  width: 3rem;
  height: auto;
  transform: translate3d(0, 15%, 0);
}
.helpToastr .content h3 {
  font-size: 26px;
  line-height: 34px;
}
.helpToastr .content p {
  font-size: 14px;
  line-height: 18px;
}

@-webkit-keyframes animOnload {
  100% {
    transform: translateX(0);
  }
}

@keyframes animOnload {
  100% {
    transform: translateX(0);
  }
}
.bgThemeRed {
  /* background: url(../images/dashboardBg.png) no-repeat top; */
  background-size: cover;
  position: relative;
}
/* .bgThemeRed::before {
  content: "";
  position: absolute;
  top: 0rem;
  left: 42%;
  width: 30%;
  height: 10rem;
  background: url(../images/groupRectsTopNew.png) no-repeat top;
  background-size: 100%;
} */
.bgThemeRed a {
  text-decoration: none;
}

.bgThemePrimary {
  background: url(../images/dashboardBgNew.png) no-repeat bottom;
  background-size: cover;
  position: relative;
}
/* .bgThemePrimary::before {
  content: "";
  position: absolute;
  top: 0rem;
  left: 50%;
  width: 48rem;
  height: 10rem;
  background: url(../images/groupRectsTop.png) no-repeat top;
  background-size: 100%;
} */
.bgThemePrimary a {
  text-decoration: none;
}

.dashboard {
  min-height: 100vh;
  padding: 15px 25px;
  z-index: 1;
}
.dashboard main {
  width: 100%;
  display: flex;
  gap: 32px;
  min-height: 100vh;
}
.dashboard__sidebar {
  width: 305px;
  max-height: calc(100vh - 140px);
  position: -webkit-sticky;
  position: sticky;
  top: 32px;
  left: 0;
  border-radius: 20px;
  padding: 5px 20px 5px;
  background-color: white;
  /* box-shadow: 0px 20px 50px rgba(237, 63, 70, 0.13); */
  box-shadow: 0px 20px 50px 0px #6c54e621;
  -webkit-backdrop-filter: blur(250px);
  backdrop-filter: blur(250px);
  z-index: 1;
  transition: all 0.5s ease-in-out;
  display: flex;
  flex-flow: column nowrap;
}
@media (max-width:1600px) {
  .dashboard__sidebar {
    width: 285px;
  }
}
@media (max-width: 991.98px) {
  .dashboard__sidebar {
    position: fixed;
    left: 20px;
    z-index: 111;
  }
  body {
    padding-left: 120px;
  }
  .dashboard__sidebar:not(.active-bar) {
    box-shadow: 0px 0 100px rgba(156, 21, 247, 0.35);
  }
}

.dashboard__sidebar .user {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin: 20px 0 10px;
  gap: 12px;
  transition: all 0.15s ease-in-out;
}
.dashboard__sidebar .user__dp {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  min-width: 50px;
  min-height: 50px;
  transition: all 0.15s ease-in-out;
  background: #6c54e633;
  border: 0px solid transparent;
  box-shadow: 0px 4px 9px 0px #0000001c;
}
.dashboard__sidebar .user__dp img {
  width: 50px;
  height: 50px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50px;
}
.dashboard__sidebar .user__info {
  transform: scale(1);
}
.dashboard__sidebar .user__info .label {
  white-space: nowrap;
  font-size: 11px;
  line-height: 22px;
  letter-spacing: 0.4px;
  color: rgba(36, 34, 32, 0.4);
}
.dashboard__sidebar .user__info .value {
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
  max-width: 190px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dashboard__sidebar .footer-sidebar {
  display: flex;
  flex-flow: column nowrap;
  gap: 0.88rem;
}
.dashboard__sidebar .footer-sidebar .help-support {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}
.dashboard__sidebar .footer-sidebar .help-support img {
  width: 1.5rem;
}
.dashboard__sidebar .footer-sidebar .help-support div {
  display: inline-flex;
  align-items: center;
  font-size: 11px;
  line-height: 20px;
  color: #ff7c7e;
}
.dashboard__sidebar .footer-sidebar .help-support span {
  white-space: nowrap;
  margin-left: 0.24rem;
  transition: all 0.5s ease-in-out;
}
.dashboard__sidebar .footer-sidebar__bottom {
  /* background: #302e41; */
  background: #6c54e6;
  border: 3px solid #f1f1f1;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.12);
  min-height: 60px;
  padding-inline: 25px;
  margin-inline: -10px;
  /* border-radius: 60px; */
  border-radius: 13px;
  transition: all 0.5s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dashboard__sidebar .footer-sidebar__bottom a {
  color: white;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 0.5rem;
  padding-inline: 5px;
  transition: all 0.5s ease-in-out;
}
.dashboard__sidebar .separator {
  height: 1px;
  background: radial-gradient(50% 50% at 50% 50%, #432C2C 0%, rgba(80, 28, 28, 0) 100%);
  opacity: 0.24;
  margin: 0.5rem -20px;
  transition: all 0.4s ease-in-out;
}
.dashboard__sidebar .logoCover {
  height: 60px;
  height: 4rem;
  min-width: 60px;
}
.dashboard__sidebar .logo,
.dashboard__sidebar .logo-small {
  margin-left: 0;
  transform: scale(1);
  top: -0.5rem;
  transition: all 0.25s ease-in-out;
}

.dashboard__sidebar .logo {
  left: 0;
  opacity: 1;
  z-index: 1;
  max-width: unset;
  margin-left: 0rem;
  width: 77px;
  height: 45px;
}
.dashboard__sidebar .logo-small {
  left: 50%;
  opacity: 0;
  z-index: -2;
  width: 50px;
  transform: translateX(-50%);
}
.dashboard__sidebar.active-bar {
  width: 100px;
}
.dashboard__sidebar .collapse-sidebar-btn img {
  transition: 0.5s ease-in-out;
}
.dashboard__sidebar.active-bar .collapse-sidebar-btn img {
  transform: rotate3d(0, 1, 0, 180deg);
}
.dashboard__sidebar.active-bar .logo {
  opacity: 0;
  z-index: -2;
}
.dashboard__sidebar.active-bar .logo-small {
  opacity: 1;
  z-index: 1;
}
.dashboard__sidebar.active-bar .user {
  gap: 0;
  margin-bottom: 0;
  justify-content: center;
}
.dashboard__sidebar.active-bar .user__info {
  width: 0;
  height: 0;
  transform: scale(0);
}
.dashboard__sidebar.active-bar .main-nav h6 {
  text-align: center;
}
.dashboard__sidebar.active-bar .main-nav__links {
  justify-content: center;
  max-width: 60px;
  min-height: 3.75rem;
}
.dashboard__sidebar.active-bar .main-nav__links::after {
  left: 0px;
  border-radius: 50%;
  transform: none;
  width: 60px;
}
.dashboard__sidebar.active-bar .main-nav__links span {
  width: 0;
  opacity: 0;
  position: absolute;
  z-index: -10;
}
.dashboard__sidebar.active-bar .main-nav__links svg {
  min-width: 1.4rem;
}
.dashboard__sidebar.active-bar .footer-sidebar .help-support {
  justify-content: center;
}
.dashboard__sidebar.active-bar .footer-sidebar .help-support span {
  width: 0;
  opacity: 0;
  position: absolute;
  z-index: -10;
}
.dashboard__sidebar.active-bar .footer-sidebar__bottom {
  padding-inline: 8px;
  border-radius: 30px;
  margin-inline: -15px;
}
.dashboard__sidebar.active-bar .footer-sidebar__bottom img {
  width: 1.35rem;
}
.dashboard__sidebar.active-bar .footer-sidebar__bottom a {
  padding-inline: 0;
}
.dashboard__sidebar.active-bar .footer-sidebar__bottom a span {
  width: 0;
  opacity: 0;
  position: absolute;
  z-index: -10;
}

.dashboard__centerMain {
  position: relative;
  z-index: 1;
  flex: 1;
  max-width: calc(100% - 8.2rem);
  
  transition: all 0.5s ease-in-out;
}
.dashboard__sidebar.active-bar + .dashboard__centerMain {
  max-width: calc(100% - 8.2rem);
}
.dashboard__centerMain.active-bar{
  
  max-width: calc(100% - 315px);
}
@media (max-width: 992px) {
  .dashboard__centerMain,
  .dashboard__sidebar.active-bar + .dashboard__centerMain {
    max-width: 100%;
  }
}

.collapse-sidebar-btn {
  position: absolute;
  top: 4rem;
  right: -17px;
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #eeeeee;
  box-shadow: 0px 0px 20px rgba(230, 230, 230, 0.25);
}

/* @media (min-width : 992px){
  .dashboard__sidebar {
    width: 240px;
  }
}
@media(min-width : 1366px){
  .dashboard__sidebar {
    width: 260px;
  }
}
@media (min-width : 1600px){
  .dashboard__sidebar{
    width: 305px;
  }
} */

.main-nav {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  gap: 0.25rem;
  margin-inline: -20px;
  padding: 20px;
  overflow-x: hidden;
  overflow-y: auto;
  /* max-height: calc(100vh -19rem); */
  /* flex: 1; */
}
.main-nav__links {
  position: relative;
  gap: 0.5rem;
  text-decoration: none;
  display: flex;
  align-items: center;
  transition: all 0.5s ease-in-out;
  padding: 1rem 0;
}
.main-nav__links span {
  font-size: 15px;
  line-height: 20px;
  color: #2c2c2c;
  transition: all 0.5s ease-in-out;
  overflow-x: hidden;
  white-space: nowrap;
}
.main-nav__links .send-svg {
  margin-top: 2px;
  margin-left: 2px;
}
.main-nav__links.active span {
  color: white;
}
.main-nav__links.active .stroke-dark,
.main-nav__links.active .stroke-theme {
  stroke: white;
}
.main-nav__links.active .fill-dark,
.main-nav__links.active .fill-theme {
  fill: white;
}
.main-nav__links.active::after {
  transform: translateX(0);
  opacity: 1;
}
.main-nav__links::after {
  content: "";
  position: absolute;
  width: calc(100% + 20px);
  left: -20px;
  height: 100%;
  /* border-radius: 0 50px 50px 0; */
  border-radius: 0 12px 12px 0;
  z-index: -1;
  transition: all 0.5s ease-in-out;
  border: 3px solid #f1f1f1;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.12);
  transform: translateX(-110%);
  background-image: none;
  opacity: 0;
}
.main-nav .stroke-dark {
  transition: all 0.7s ease-in-out;
  stroke: #161616;
}
.main-nav .stroke-theme {
  transition: all 0.7s ease-in-out;
  /* stroke: #ed3f46; */
  stroke: linear-gradient(
    to right,
    #f04047 0%,
    rgba(126, 0, 0, 0.948257) 102.78%,
    rgba(247, 81, 81, 0.668912) 102.79%,
    rgba(247, 81, 81, 0.411458) 102.8%,
    #c32b31 102.81%
  );
}
.main-nav .fill-dark {
  transition: all 0.7s ease-in-out;
  fill: #161616;
}
.main-nav .fill-theme {
  transition: all 0.7s ease-in-out;
  /* fill: #ed3f46; */
  fill: linear-gradient(
    to right,
    #f04047 0%,
    rgba(126, 0, 0, 0.948257) 102.78%,
    rgba(247, 81, 81, 0.668912) 102.79%,
    rgba(247, 81, 81, 0.411458) 102.8%,
    #c32b31 102.81%
  );
}
.main-nav h6 {
  font-size: 11px;
  margin-bottom: 0;
  line-height: 20px;
  text-align: left;
  color: #ff7c7e;
  transition: all 0.3s ease-in-out;
}

.page-header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  min-height: 53.59px;
  padding-top: 5px;
}
.page-header__left {
  display: inline-flex;
  flex-flow: column;
  flex-wrap: wrap;
}
.page-header__left h1 {
  /* font-size: 43.319px; */
  font-size: 2.5rem;
  font-weight: 500!important;
}
@media (max-width: 1024px) {
  .page-header__left h1 {
    font-size: 28px;
  }
}

.page-header__left h6 {
  line-height: 20px;
  font-size: 14.4397px;
  color: #939393;
  font-weight: 400;
}
.page-header__right {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 1rem;
  display: none;
}
.page-header__right .form-group {
  display: flex;
  align-items: center;
  max-width: 24rem;
  height: 3.5rem;
  border-radius: 10px;
  padding: 0.3rem;
  background-color: rgba(108, 84, 230, 0.1);
}
.page-header__right .form-group .page-header-search-container {
  display: flex;
  border-radius: 10px;
}
.page-header__right .form-group .page-header-search-container .icon-holder {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  width: 3rem;
  height: 3rem;
  background: linear-gradient(
    52.88deg,
    #0049e6 -5.02%,
    #9c15f7 52.99%,
    #ff4cf8 113.38%
  );
  box-shadow: 1px 1px 12px 0px #a9a8ad4f;
}
.page-header__right .form-group .form-control {
  margin: 0rem 0.3rem 0rem 0.2rem;
  width: 335px;
  width: 310px;
  height: 48px;
  border-radius: 10px;
  background-color: white;
  box-shadow: 3px 3px 12px 0px #a9a8ad4f;
  border: 0;
  padding-left: 3.6rem;
}
@media (max-width: 1024px) {
  .page-header__right .form-group .form-control {
    width: 100%;
  }
}
.page-header__right .form-group .form-control::placeholder {
  color: #6c54e6 !important;
  font-style: normal;
}

.page-header__right .user .user-dp-holder {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 2.5rem;
  width: 4rem;
  border-radius: 1rem;
  background: linear-gradient(
    52.88deg,
    #0049e6 -5.02%,
    #9c15f7 52.99%,
    #ff4cf8 113.38%
  );
  gap: min(0.6rem);
}

/* .page-header__right .form-group i {
  position: absolute;
  left: 0.8rem;
  top: 0.875rem;
} */
/* .page-header__right .form-control {
  width: 294px;
  height: 54px;
  border: 1.03141px solid #f9f9f9;
  box-shadow: 0px 20.6281px 51.5703px rgba(237, 63, 70, 0.13);
  border-radius: 51.5703px;
  padding-left: 2.8rem;
} */
.page-header .notification-bell {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3rem;
  width: 3rem;
  word-wrap: 4rem;
  background-color: white;
  border-radius: 10px;
}
.page-header .notification-bell img {
  width: 25px;
}
.page-header .user {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: 1rem;
  gap: 10px;
}
.page-header .user__dp {
  margin-left: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  /* box-shadow: 0px 20.6281px 51.5703px rgba(237, 63, 70, 0.42); */
}
.page-header .user__dp img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.page-header .user-dp-holder .drop-down img {
  margin-right: 10px;
}
.page-header .user__info {
  text-align: left;
}
.page-header .user__info .value {
  font-size: 1.1rem;
  line-height: 1.2rem;
}
.page-header .user__info .label {
  line-height: 1;
  font-size: 14.4397px;
  color: #939393;
}

/* Handling the responsivness of page  */
/* @media (min-width: 992px) {
  .dashboard {
    zoom: 0.7;
  }
  .dashboard__sidebar {
    max-height: 132vh;
  }
}
@media (min-width: 1280px) {
  .dashboard {
    zoom: 0.75;
  }
  .dashboard__sidebar {
    max-height: 125vh;
  }
}
@media (min-width: 1366px) {
  .dashboard {
    zoom: 0.85;
  }
  .dashboard__sidebar {
    max-height: 111.5vh;
  }
}
@media (min-width: 1600px) {
  .dashboard {
    zoom: 0.95;
  }
  .dashboard__sidebar {
    max-height: 98vh;
  }
}
@media (min-width: 1920px) {
  .dashboard {
    zoom: 1;
  }
  .dashboard__sidebar {
    max-height: 90vh;
  }
}
@media (min-width: 2040px) {
  .dashboard {
    zoom: 1.35;
  }
  .dashboard__sidebar {
    max-height: 70vh;
  }
} */

.vihm-page-tabs {
  height: 82px;
  padding: 10px;
  margin: 20px 0 12px;
  border-radius: 18.57px;
  background-color: rgba(108, 84, 230, 0.1);
  overflow-x: auto !important;
}
.vihm-page-voice-tabs {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
}

.vihm-page-tabs-link {
  flex: 1;
  z-index: 2;
  outline: none;
  transition: all 0.5s ease-in-out;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
@media (max-width: 991.98px) {
  .vihm-page-tabs-link {
    width: 150px !important;
    min-width: 150px !important;
  }
}

.vihm-page-voice-tabs .vihm-page-tabs-link {
  max-width: calc(100% / 6);
}

.vihm-page-tabs-link span {
  transition: all 0.5s ease-in-out;
  font-weight: 400;
  font-size: calc(16px * var(--fresp));
  line-height: 21px;
  color: #1e1e1e;
}
.vihm-page-tabs-link .storke-theme {
  stroke: #6c54e6;
}
.vihm-page-tabs-link .storke-dark {
  stroke: #1e1e1e;
}
.vihm-page-tabs-link .fill-theme {
  fill: #6c54e6;
}
.vihm-page-tabs-link .fill-dark {
  fill: #1e1e1e;
}
.vihm-page-tabs-link svg {
  transition: all 0.5s ease-in-out;
}
.vihm-page-tabs-link svg .fill-theme,
.vihm-page-tabs-link svg .fill-dark {
  transition: all 0.5s ease-in-out;
}
.vihm-page-tabs-link:hover {
  opacity: 0.85;
}
.vihm-page-tabs-link:active,
.vihm-page-tabs-link.tabs-link-active {
  background-color: transparent;
}
.vihm-page-tabs-link:active span,
.vihm-page-tabs-link.tabs-link-active span {
  color: white;
}
.vihm-page-tabs-link:active svg,
.vihm-page-tabs-link.tabs-link-active svg {
  stroke: white;
}
.vihm-page-tabs-link:active,
.vihm-page-tabs-link.tabs-link-active .stroke-dark,
.vihm-page-tabs-link.tabs-link-active .stroke-theme {
  stroke: white;
}
.vihm-page-tabs-link:active,
.vihm-page-tabs-link.tabs-link-active .fill-dark,
.vihm-page-tabs-link.tabs-link-active .fill-theme {
  stroke: none;
  fill: white;
}
.vihm-page-tabs-link:active svg .fill-theme,
.vihm-page-tabs-link.tabs-link-active svg .fill-theme {
  stroke: none;
  fill: white;
}
.vihm-page-tabs-link:active svg .fill-theme.white-stroke,
.vihm-page-tabs-link.tabs-link-active svg .fill-theme.white-stroke {
  fill: none;
  stroke: white;
}
.vihm-page-tabs-link:first-child.tabs-link-active ~ .bg-elastic {
  left: 10px;
}
.vihm-page-tabs-link:nth-child(2).tabs-link-active ~ .bg-elastic {
  left: 16.6666666667%;
}
.vihm-page-tabs-link:nth-child(3).tabs-link-active ~ .bg-elastic {
  left: 33.3333333333%;
}
.vihm-page-tabs-link:nth-child(4).tabs-link-active ~ .bg-elastic {
  left: 50%;
}
.vihm-page-tabs-link:nth-child(5).tabs-link-active ~ .bg-elastic {
  left: 66.6666666667%;
}
.vihm-page-tabs-link:nth-child(6).tabs-link-active ~ .bg-elastic {
  left: calc(83.3333333333% - 5.6666666667px);
}

@media (max-width: 991.98px) {
  .vihm-page-tabs-link:first-child.tabs-link-active ~ .bg-elastic {
    left: 10px;
  }
  .vihm-page-tabs-link:nth-child(2).tabs-link-active ~ .bg-elastic {
    left: calc(150px * 1 + 10px);
  }
  .vihm-page-tabs-link:nth-child(3).tabs-link-active ~ .bg-elastic {
    left: calc(150px * 2 + 10px);
  }
  .vihm-page-tabs-link:nth-child(4).tabs-link-active ~ .bg-elastic {
    left: calc(150px * 3 + 10px);
  }
  .vihm-page-tabs-link:nth-child(5).tabs-link-active ~ .bg-elastic {
    left: calc(150px * 4 + 10px);
  }
  .vihm-page-tabs-link:nth-child(6).tabs-link-active ~ .bg-elastic {
    left: calc(150px * 5 + 10px);
  }
}
.vihm-page-tabs .bg-elastic {
  width: calc(16.6666666667% - 3.3333333333px);
  height: 62px;
  position: absolute;
  left: 10px;
  z-index: 1;
  border-radius: 10px;
  background: linear-gradient(
    52.88deg,
    #0049e6 -5.02%,
    #9c15f7 52.99%,
    #ff4cf8 113.38%
  );
  transition: 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
@media (max-width: 991.98px) {
  .vihm-page-tabs .bg-elastic {
    width: 150px;
  }
}
@media (min-width: 992px) {
  .vihm-page-tabs {
    height: 72px;
    border-radius: 15px;
  }
  .vihm-page-tabs-link span {
    font-size: 12px;
    line-height: 14px;
  }
  .vihm-page-tabs-link svg {
    transform: scale(0.8);
  }
  .vihm-page-tabs .bg-elastic {
    height: 52px;
    width: calc(16.6666666667% - 5.3333333333px);
  }
}
@media (min-width: 1366px) {
  .vihm-page-tabs {
    gap: 0.3rem !important;
  }
}
@media (min-width: 1600px) {
  .vihm-page-tabs {
    height: 72px;
    border-radius: 10px;
  }
  .vihm-page-tabs-link {
    gap: 0.5rem !important;
  }
  .vihm-page-tabs-link span {
    font-size: 16.5025px;
    line-height: 21px;
  }
  .vihm-page-tabs-link svg {
    transform: scale(1);
  }
  .vihm-page-tabs .bg-elastic {
    height: 49px;
    width: calc(16.6666666667% - 3.3333333333px);
  }
}
.vihm-page-tabs-content {
  display: none;
  border: none;
  -webkit-animation: fadeEffect 1s ease-in-out;
  animation: fadeEffect 1s ease-in-out;
  position: relative;
  z-index: 1;
  margin-top: 20px;
  border-radius: 14px;
}
.vihm-page-tabs-content a.back-btn,
.back-btn-wrapper a.back-btn{
  position: absolute;
  top: 0;
  right: 0;
  height: 42px;
  width: 42px;
  border-radius: 0px 10px 0px 10px;
  background-color: #3d3d3d;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vihm-page-tabs-content a.back-btn > img {
  transform: scale(1.1);
}
.vihm-page-tabs-form-divide {
  display: flex;
  gap: 1rem;
}
.vihm-page-tabs-content__form {
  padding: 32px;
  box-shadow: 0px 11.59px 57.97px 0px #d9d9d940;
  border: 1px solid #6c54e624;
  border-radius: 14px;
}
.vihm-page-tabs-content__form h2 {
  font-size: calc(1.5rem * var(--fresp));
  line-height: calc(28px * var(--fresp));
}
.vihm-page-tabs-content__form h3 {
  font-size: calc(24px * var(--fresp));
  line-height: calc(28.4px * var(--fresp));
}
.vihm-page-tabs-content__form span {
  font-size: calc(16px * var(--fresp));
  line-height: 1.3;
}
.vihm-page-tabs-content__form .divide50.spacing-bottom {
  margin-bottom: 2.25rem;
}
@-webkit-keyframes fadeEffect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeEffect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.custom_email_editor .cke_combo_arrow {
  cursor: default;
  margin: 2px 0 0;
}
.vihm-page-tabs-content-small {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border: 0;
  height: 40px;
  margin-bottom: 1px;
  border-radius: 0px 0px 8px 8px;
  background-color: rgba(108, 84, 230, 0.1);
  padding-top: 3px;
  padding-inline: 10px;
}
.vihm-page-tabs-content-small .helper-text {
  font-size: 12px;
  line-height: 12px;
}
.vihm-page-tabs-content-options textarea.form-control {
  font-size: 15px;
}
.vihm-page-tabs-content-options .tablist {
  gap: 2rem;
}
.vihm-page-tabs-content-options .tablist .nav-link {
  color: #828282;
  padding-inline: 2rem 3rem;
  padding-bottom: 1.2rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  border-left: none;
  border-top: none;
  border-right: none;
}
.vihm-page-tabs-content-options .tablist .nav-link.active {
  font-weight: 400;
  border-bottom: 2px solid;
  border-image-source: linear-gradient(
    52.88deg,
    #0049e6 -5.02%,
    #9c15f7 52.99%,
    #ff4cf8 113.38%
  );
  border-image-slice: 1;
  background-image: linear-gradient(
    52.88deg,
    #0049e6 -5.02%,
    #9c15f7 52.99%,
    #ff4cf8 113.38%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.vihm-page-tabs-content-options .tablist .nav-link.active .fill-dark {
  fill: url(#paint0_linear_2751_46329);
}
.vihm-page-tabs-content-options .tablist .nav-link.active .stroke-dark {
  stroke: url(#paint0_linear_2751_46329);
}
.tab-content .text-section textarea {
  height: 8.5rem;
}

.vihm-page-tabs-content-small .nav-link {
  border: 0;
  flex: 1;
  z-index: 2;
  padding: 0;
  font-weight: 500;
  font-size: 14.4397px;
  line-height: 19px;
  transition: all 0.5s ease-in-out;
  white-space: nowrap;
  color: #2c2c2c;
  background-color: white;
}

/* .vihm-page-tabs-content-small .nav-link:hover {
  opacity: 0.85;
}
.vihm-page-tabs-content-small .nav-link:active,
.vihm-page-tabs-content-small .nav-link.active {
  color: white;
  background-color: #3d3d3d;
} */
/* .vihm-page-tabs-content-small .nav-link:first-child.active ~ .bg-elastic {
  left: 10px;
}
.vihm-page-tabs-content-small .nav-link:nth-child(2).active ~ .bg-elastic {
  left: 33.3333333333%;
}
.vihm-page-tabs-content-small .nav-link:nth-child(3).active ~ .bg-elastic {
  left: calc(66.6666666667% - 4px);
} */
/* .vihm-page-tabs-content-small .bg-elastic {
  width: calc(33.3333333333% - 6.6666666667px);
  height: 36px;
  position: absolute;
  left: 10px;
  z-index: 1;
  border-radius: 100px;
  background-color: #ed3f46;
  transition: 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
} */

.vihm-page-tabs-content__form .btn.dropdown-toggle {
  text-align: left;
  padding-inline: 25px;
  background: white;
  height: 50px;
  border-radius: 10px;
  border: 1px solid #6c54e626;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14.4397px;
  line-height: 17px;
  transition: all 0.23s ease-in-out;
  color: #828282;
  justify-content: unset;
}
.vihm-page-tabs-content__form .btn.dropdown-toggle:hover{
  background-color: rgba(108, 84, 230, 0.05);
}
.vihm-page-tabs-content__form .btn.dropdown-toggle:focus,
.vihm-page-tabs-content__form .btn.dropdown-toggle.show,
.vihm-page-tabs-content__form .btn.dropdown-toggle:active {
  border: 1px solid #6c54e6!important;
  box-shadow: 0px 0px 5px rgba(108, 84, 230, 0.5)!important;
  outline: 0;
}

.vihm-page-tabs-content__form .btn.dropdown-toggle img {
  width: 25px;
}
.vihm-page-tabs-content__form .btn.dropdown-toggle::after {
  display: none;
}

.vihm-page-tabs-content__form .btn.dropdown-toggle .dropdown-icon-container {
  border-radius: 10px;
  background: linear-gradient(
    52.88deg,
    #0049e6 -5.02%,
    #9c15f7 52.99%,
    #ff4cf8 113.38%
  );
  border: 2px solid #ffffff;
  height: 48px;
  width: 48px;
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.1rem 0.1rem;
}
.vihm-page-tabs-content__form .btn.dropdown-toggle .dd-arrow {
  transform: scale(0.6);
  transition: all 0.4s ease-in-out;
}
.vihm-page-tabs-content__form .btn.dropdown-toggle.show {
  /* border: 1.03141px solid #ed3f46; */
  border: 1px solid #6c54e626;
  /* box-shadow: 0px 10.3141px 25.7851px rgba(255, 221, 221, 0.25); */
  box-shadow: 0px 11.59476375579834px 57.97381591796875px 0px #d9d9d940;
}
.vihm-page-tabs-content__form .btn.dropdown-toggle.show .dd-arrow {
  transform: rotateX(-180deg) scale(0.6);
}
.vihm-page-tabs-content__form .dropdown-menu {
  width: 100%;
  padding: 0.5rem;
  border-radius: 12px;
  margin-top: 0.2rem !important;
  border: 1px solid #f9f9f9;
  /* box-shadow: 0px 10px 25px rgba(255, 221, 221, 0.25); */
  box-shadow: 0px 20px 90px 0px #6c54e621;
}
.vihm-page-tabs-content__form .dropdown-menu a {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 21px;
  border-radius: 5px;
  padding: 0.7rem 0.85rem;
  gap: 0.75rem;
  display: flex;
  align-items: center;
}
.vihm-page-tabs-content__form .dropdown-menu a img {
  width: 1.6rem;
}
.vihm-page-tabs-content__form .dropdown-menu .coverDD {
  max-height: 18rem;
  overflow-y: auto;
  display: flex;
  flex-flow: column nowrap;
}
.vihm-page-tabs-content__form .dropdown-menu .dropdown-item.active,
.vihm-page-tabs-content__form .dropdown-menu .dropdown-item:active,
.vihm-page-tabs-content__form .dropdown-menu .dropdown-item:focus-visible {
  outline: 0;
  /* background-color: #ed3f46; */
  background-color: #6c54e6;
}
.vihm-page-tabs-content__form .group-dd-input .form-control {
  position: absolute;
  top: 1px;
  border-radius: 0;
  box-shadow: none;
  height: calc(100% - 2px);
}
.vihm-page-tabs-content__form .group-dd-input .form-control--contact-num {
  left: 6rem;
  padding: 0;
  max-width: 9rem;
  letter-spacing: 1px;
  font-weight: 500;
}
.vihm-page-tabs-content__form .divide50 .form-group {
  margin-bottom: 25px;
}
.vihm-page-tabs-content__form .divide50 .form-group > i {
  top: calc(2.9rem * var(--resp));
  left: calc(1.35rem * var(--resp));
}
.vihm-page-tabs-content__form .divide50 .form-group > i ~ .form-control {
  padding-left: calc(3.25rem * var(--resp));
}
.vihm-page-tabs-content__form .form-control {
  height: 50px;
  padding-left: 10px;
}
.vihm-page-tabs-content__form .divide50 .form-control {
  height: 50px;
}
.vihm-page-tabs-content__form .text-section,
.vihm-page-tabs-content__form .upload-file-section,
.vihm-page-tabs-content__form .groups-option-section {
  border: 1px solid #6c54e626;
  border-radius: 10px;
  height: 13.25rem;
}
.vihm-page-tabs-content__form .groups-option-section {
  border: none;
}
.vihm-page-tabs-content__form .upload-file-section {
  border: none;
  height: 13.625rem;
  background-image: url("../images/tabsContentFileUploadArea.png");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.vihm-page-tabs-content__form .upload-file-section-2 {
  height: 30rem;
  background-image: url("../images/tabsContentFileUploadArea2.png");
}
.vihm-page-tabs-content__form .upload-file-section-3 {
  height: 30rem;
  background-image: url("../images/tabsContentFileUploadArea3.png");
}
.vihm-page-tabs-content__form .upload-file-section .upload-file-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.upload-file-section .file-intake-container {
  background-color: rgba(178, 163, 255, 0.2);
  height: 121px;
  width: 121px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 3rem;
}
.upload-file-section-2 .file-intake-container {
  margin-top: 11.5rem;
}
.upload-file-section-3 .file-intake-container {
  margin-top: 12rem;
}
.upload-file-section .drop-file {
  height: 95px;
  width: 95px;
  border-radius: 50%;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 14px;
  line-height: 14px;
  box-shadow: 0px 4px 12px 0px #0000002b;
}
.upload-file-section .file-upload-info {
  max-height: 121px;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-top: 2.5rem;
}
.upload-file-section-2 .file-upload-info {
  margin-top: 11.5rem;
}
.upload-file-section-3 .file-upload-info {
  margin-top: 12rem;
}
.upload-file-section .file-upload-info .text1 {
  font-size: 18px;
  line-height: 18px;
  color: #6c54e6;
}
.upload-file-section .file-upload-info .text2,
.upload-file-section .file-upload-info .text3 {
  font-size: 14px;
  line-height: 14px;
  color: #828282;
}

.upload-file-section .file-upload-info .text3 {
  color: #b2a3ff;
}

/* Related to the dashboard channels */
.vihm-page-tabs-content .vihm-channels {
  display: flex;
  align-items: center;
  /* justify-content: flex-start; */
  justify-content: space-between;
  overflow: hidden;
  padding: 0;
  gap: 30px;

  @media (max-width: 1400px) {
    flex-wrap: wrap;
    gap: 20px;
  }

  @media (max-width: 1200px) {
    flex-wrap: wrap;
    gap: 25px;
  }
}
.vihm-page-tabs-content .vihm-channels .channel {
  padding: 3rem 1rem 1rem 1.5rem;
  border-radius: 14px;
  width: calc(25% - 20px);
  height: 17.3rem;
  margin: 0 0;
  box-sizing: border-box;
  position: relative;
  text-align: center;

  @media (max-width: 1400px) {
    width: calc(25% - 15px);
  }

  @media (max-width: 1200px) {
    width: calc(50% - 15px);
  }
}
.vihm-page-tabs-content .vihm-channels .channel img.channel-top-icon {
  margin-inline: auto;
  background-color: #fff;
  padding: 10px;
  border-radius: 10px;
  width: 60px;
  height: 60px;
}
.vihm-page-tabs-content .vihm-channels .channel ul {
  display: flex;
  list-style-type: none;
  padding: 0;
  margin: 0;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
.vihm-page-tabs-content .vihm-channels .channel ul li:first-child {
  border-right: 1px solid #cecece;
  padding-right: 10px;
}
.vihm-page-tabs-content .vihm-channels .channel .channel-bg-image {
  position: absolute;
  top: 5rem;
  right: 0;
}
.vihm-page-tabs-content .vihm-channels .channel .label {
  font-size: 24px;
  color: #3d3d3d;
  font-weight: 500;

  @media (max-width: 1300px) {
    font-size: 20px;
  }
}
.vihm-page-tabs-content .vihm-channels .channel .value {
  font-weight: 400;
  font-size: 14px;
  line-height: 16.6px;
  color: #828282;
}
.vihm-page-tabs-content .vihm-channels .channel:first-child {
  margin-left: 0;
}
.vihm-page-tabs-content .vihm-channels .channel:last-child {
  margin-right: 0;
}
.vihm-page-tabs-content .vihm-channels .vihmessenger {
  background-color: #eae0fe;
  background-image: url("../images/icons/icon-vih-messenger-bg.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60% 70%;
}

.vihm-page-tabs-content .vihm-channels .vihmessenger ul li {
  color: #8956f8 !important;
  border-color: #8956f8 !important;
}
.vihm-page-tabs-content .vihm-channels .messaging {
  background-color: #ff68682e;
  background-image: url("../images/icons/icon-messaging-bg.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60% 70%;
}
.vihm-page-tabs-content .vihm-channels .messaging ul li {
  color: #ff7171 !important;
  border-color: #ff7171 !important;
}
.vihm-page-tabs-content .vihm-channels .emails {
  background: #d1edf5;
  background-image: url("../images/icons/icon-emails-bg.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60% 70%;
}
.vihm-page-tabs-content .vihm-channels .emails ul li {
  color: #0299c9 !important;
  border-color: #0299c9 !important;
}

.vihm-page-tabs-content .vihm-channels .voice {
  background: #02c94f17;
  background-image: url("../images/icons/icon-voice-bg.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60% 70%;
}
.vihm-page-tabs-content .vihm-channels .voice ul li {
  color: #02c94f !important;
  border-color: #02c94f !important;
}

.vihm-page-tabs-content .vihm-channels .btn {
  height: 3rem;
  border-radius: 10px;
  color: white;
  font-size: 14px;
  font-weight: 400;
  line-height: 12px;
  box-shadow: 4px 4px 8px 0px #0000001f;
  display: inline-flex;
}
.vihm-page-tabs-content .vihm-channels .messaging .btn {
  background-color: #ff6868;
}
.vihm-page-tabs-content .vihm-channels .emails .btn {
  background-color: #0299c9;
}
.vihm-page-tabs-content .vihm-channels .voice .btn {
  background-color: #02c94f;
}
.vihm-page-tabs-content .vihm-channels .vihmessenger .btn {
  background-color: #8956f8;
}

/* End of vihm-dashboard channels  */

/*start of Vih Messenger dashboard users info  */
.vihm-page-tabs-content .vihm-users-info {
  border-radius: 14px;
  border: 1px solid #6c54e624;
  margin: 2.5rem 0;
  padding: 1rem 30px;
}
.vihm-page-tabs-content .vihm-users-info .label {
  margin-left: 0;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 28.5px;
  color: #2c2c2c;
}
.vihm-page-tabs-content .vihm-users-info .users-info {
  display: flex;
  justify-content: space-between;
  /* justify-content: flex-start; */
  align-items: center;

  @media (max-width: 1200px) {
    flex-wrap: wrap;
    gap: 25px;
  }
}
.vihm-page-tabs-content .vihm-users-info .users-info .info {
  width: calc(100% / 4 - 25px);
  border-radius: 10px;
  border: 1px solid #6c54e624;
  padding: 2rem 1rem 2rem 1rem;

  @media (max-width: 1400px) {
    width: calc(100% / 4 - 15px);
  }
  @media (max-width: 1200px) {
    width: calc(100% / 2 - 15px);
  }

  
}
.vihm-page-tabs-content .vihm-users-info .users-info .info, .vihm-page-tabs-content .vihm-users-info .users-info .info *{
  transition: 0.23s ease-out;
}

.vihm-page-tabs-content .vihm-users-info .users-info .info:hover{
  background: linear-gradient(52.88deg, #0049e6 -5.02%, #9c15f7 52.99%, #ff4cf8 113.38%);
  box-shadow: 0px 23.18952751159668px 57.97381591796875px 0px #6c54e645;
  border: 0;
}
.vihm-page-tabs-content .vihm-users-info .users-info .info:hover span{
  color: #ffe7e7;
}
.vihm-page-tabs-content .vihm-users-info .users-info .info:hover h1{
  color: #ffffff;
}
.vihm-page-tabs-content .vihm-users-info .users-info .info:hover svg *{
  stroke: #fff!important;
}

.vihm-page-tabs-content .vihm-users-info .users-info .circular-chart {
  width: calc(100% / 4 - 20px);

  @media (max-width: 1400px) {
    width: calc(100% / 4 - 15px);
  }
  @media (max-width: 1200px) {
    width: calc(100% / 2 - 15px);
  }
}
.vihm-page-tabs-content .vihm-users-info .users-info .active {
  background: linear-gradient(
    52.88deg,
    #0049e6 -5.02%,
    #9c15f7 52.99%,
    #ff4cf8 113.38%
  );
  box-shadow: 0px 23.18952751159668px 57.97381591796875px 0px #6c54e645;
  border: 0;
}
.vihm-page-tabs-content .vihm-users-info .user-icon-holder {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.vihm-page-tabs-content .vihm-users-info .info span {
  font-size: 1rem;
  color: #3d3d3d;
  font-weight: 400;
  line-height: 19px;
}
.vihm-page-tabs-content .vihm-users-info .info h1 {
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 3rem;
  color: #6c54e6;
  margin: 0.5rem 0rem;
}
.vihm-page-tabs-content .vihm-users-info .users-info .active span {
  color: #ffe7e7;
}
.vihm-page-tabs-content .vihm-users-info .users-info .active h1 {
  color: #ffffff;
}
/* end of Vih Messenger dashboard users info  */

/* start of vihm dashboard reports */
.vihm-page-tabs-content .vihm-channel-reports {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;

  margin-bottom: 40px;
}
@media (max-width: 1800px) {
  .vihm-page-tabs-content .vihm-channel-reports {
    gap: 20px;
  }
}

@media (max-width: 1400px) {
  .vihm-page-tabs-content .vihm-channel-reports {
    flex-wrap: wrap;
    gap: 20px;
  }
}

.vihm-page-tabs-content .vihm-channel-reports .report {
  width: calc(100% / 4 - 20px);
  height: 24rem;
  border-radius: 14px;
  border: 1px solid #6c54e624;
  box-shadow: 0px 11.6px 57.9px 0px #d9d9d940;
  padding: 3rem 2rem;
  overflow: hidden;
  background-color: white;
  flex-grow: 1;

  @media (max-width: 1400px) {
    width: calc(100% / 2 - 10px);
  }
}
.vihm-page-tabs-content .vihm-channel-reports .report .label {
  color: #6c54e6;
  font-size: 1.4rem;
  line-height: 1.5rem;
  font-weight: 400;
}

.vihm-page-tabs-content .vihm-channel-reports .report .campigns-count {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.vihm-page-tabs-content .vihm-channel-reports .report .count {
  margin: 0;
  color: #1e1e1e;
  font-size: 2.2rem;
  line-height: 2.5rem;
  font-weight: 700;
}
.vihm-page-tabs-content .vihm-channel-reports .report p {
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 400;
  color: #828282;
}
.vihm-page-tabs-content .vihm-channel-reports .percentage-badge {
  margin-left: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 19px;
  width: 4rem;
  height: 1.5rem;
  background-color: #d0ffe8;
}
.vihm-page-tabs-content .vihm-channel-reports .percentage-badge p {
  margin: 0;
}

@media (max-width: 1600px) {
  .vihm-page-tabs-content .vihm-channel-reports .report .label { 
    display: block;
    min-height: 48px;
  }
  .vihm-page-tabs-content .vihm-channel-reports .report p {
    font-size: 14px;
  }
  .vihm-page-tabs-content .vihm-channel-reports .report ul li h2 {
    font-size: 1.2rem;
  }
  .vihm-page-tabs-content .vihm-channel-reports .report .count {
    font-size: 1.6rem;
  }
}

.vihm-page-tabs-content .vihm-channel-reports .percentage-info .text {
  margin-left: 1.3rem;
  margin-top: 0.5rem;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 0.9rem;
  color: #939393;
  /* color: red; */
}
.vihm-page-tabs-content .vihm-channel-reports .report ul {
  list-style-type: none;
}
.vihm-page-tabs-content .vihm-channel-reports .report ul {
  position: relative;
}
.vihm-page-tabs-content .vihm-channel-reports .report ul li::before {
  content: "\2022";
  font-size: 40px;
  position: absolute;
  margin-left: -1.3rem;
}
.vihm-page-tabs-content
  .vihm-channel-reports
  .report
  ul
  li:nth-child(1)::before {
  color: #302e41;
}
.vihm-page-tabs-content
  .vihm-channel-reports
  .report
  ul
  li:nth-child(2)::before {
  color: #6c54e6;
}
.vihm-page-tabs-content
  .vihm-channel-reports
  .report
  ul
  li:nth-child(3)::before {
  color: #b2a3ff;
}
.vihm-page-tabs-content .vihm-channel-reports .report ul li {
  margin-left: -1.2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.vihm-page-tabs-content .vihm-channel-reports .report ul li h2 {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.8rem;
  color: #1e1e1e;
}
/* end of vihm dashboard reports */

/* start of vihm dashboard statistics  */
.vihm-page-tabs-content .vihm-statistic-main {
  align-items: center;
  background-color: black;
  border-radius: 14px;
  max-height: 340px;
  overflow: hidden;
  transition: 0.5s ease-out;
}
@media (max-width: 1600px) {
  .vihm-page-tabs-content .vihm-statistic-main {
    max-height: 584px;
  }
}

@media (max-width: 1100px) {
  .vihm-page-tabs-content .vihm-statistic-main {
    max-height: 1200px;
  }
}
.vihm-page-tabs-content .vihm-statistic-main.active {
  max-height: 1000px;
}
@media (max-width: 1600px) {
  .vihm-page-tabs-content .vihm-statistic-main.active {
    max-height: 1900px;
    padding-bottom: 50px;
  }
}
@media (max-width: 1100px) {
  .vihm-page-tabs-content .vihm-statistic-main.active {
    max-height: 3800px;
    padding-bottom: 50px;
  }
}

.vihm-page-tabs-content .vihm-statistics {
  align-items: center;
  background-color: black;
  border-radius: 14px;
  /* height: 19rem; */
  margin: 20px 0.8rem 20px 0.8rem;
  padding: 0 2rem 0 1rem;
}
@media (max-width: 1600px) {
  .vihm-page-tabs-content .vihm-statistics {
    margin: 2.5rem 0 0rem 0.8rem;
    padding: 0 10px 0 10px;
  }
}

.vihm-page-tabs-content .toggleStatistics {
  transition: all 0.5s;
  margin-top: -1rem;
}
.vihm-page-tabs-content .vihm-statistics .statistics-info {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: start;
  height: 100%;
  margin-top: 1rem;
  gap: 1.6rem;
}
@media (max-width: 1600px) {
  .vihm-page-tabs-content .vihm-statistics .statistics-info {
    margin-top: 0;
  }
}

.vihm-page-tabs-content .vihm-statistics .statistics-info .info {
  position: relative;
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
  width: calc(100% / 8 - 1.4rem);
  height: 13rem;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0px 11.59px 57.9px 0px #d9d9d940;
  margin: 3rem 0 2rem 0;
  padding: 1.5rem;
}
@media (max-width: 1600px) {
  .vihm-page-tabs-content .vihm-statistics .statistics-info .info {
    width: calc(100% / 4 - 1.4rem);
    margin: 30px 0 0 0;
  }
}

@media (max-width: 1100px) {
  .vihm-page-tabs-content .vihm-statistics .statistics-info .info {
    width: calc(100% / 2 - 1.4rem);
    margin: 3rem 0 0 0;
  }
}
.vihm-page-tabs-content .vihm-statistics .statistics-info .label {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  padding: 1rem 0.5rem 2rem 0.5rem;
  box-shadow: none;
}
.vihm-page-tabs-content .vihm-statistics .statistics-info .label h1 {
  color: #fef9f9;
  font-weight: 500;
  font-size: 1.5rem;
}
.vihm-page-tabs-content .vihm-statistics .statistics-info .label .text {
  color: #939393;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 400;
}
.vihm-page-tabs-content .vihm-statistics .statistics-info .view-all {
  background-image: url("../images/deco1.svg"),
    linear-gradient(22.33deg, #0049e6 -5.87%, #9c15f7 53.8%, #ff4cf8 115.91%);
  background-repeat: no-repeat, no-repeat;
  background-position: right bottom, center center;
  background-size: 65% auto, auto auto;
  display: block;
  padding-top: 4rem;
  cursor: pointer;
  margin-bottom: 20px;
}
.vihm-page-tabs-content .vihm-statistics .statistics-info .view-all h2 {
  color: #ffffff !important;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.3rem;
}
.vihm-page-tabs-content
  .vihm-statistics
  .statistics-info
  .view-all
  .icon-button-1,
.vihm-page-tabs-content
  .vihm-statistics
  .statistics-info
  .view-all
  .icon-button-2 {
  height: 2.3rem;
  width: 2.3rem;
  border-radius: 18px;
  background-color: white !important;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(90deg);
}
.vihm-page-tabs-content
  .vihm-statistics
  .statistics-info
  .view-all
  .icon-button-2 {
  transform: rotate(270deg);
}
.vihm-page-tabs-content .vihm-statistics .statistics-info .icon-container {
  position: absolute;
  width: 4rem;
  height: 4rem;
  background-color: #6c54e6;
  border-radius: 30px;
  border: 7px solid black !important;
  margin-top: -13.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 50%;
  transform: translateX(-50%);
}
.vihm-page-tabs-content .vihm-statistics .statistics-info .info h2 {
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.05rem;
  color: #2c2c2c;
}
.vihm-page-tabs-content .vihm-statistics .statistics-info .info p {
  margin: 0;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 0.9rem;
  color: #828282;
}
.vihm-page-tabs-content .vihm-statistics .statistics-info .info h3 {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.8rem;
  color: #6c54e6;
}
/* end of vihm dashboard statistics  */

.upload {
  position: relative;
  padding: 12px;
  border-radius: 30px;
  background: #ffe7e7;
  margin: 1rem 0.35rem 0;
  box-shadow: 0px 10px 25px rgba(228, 228, 228, 0.25);
}
.upload input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.upload__content {
  width: 100%;
  height: 100%;
  gap: 0.35rem;
  min-height: 100px;
  cursor: pointer;
  border-radius: 30px;
  background: #ffe7e7;
  border: 1px dashed #ed3f46;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}
.upload__content__text {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
.upload__content__text h5 {
  font-size: 16px;
  line-height: 17px;
}
.upload__content__text p {
  margin: 0;
  font-size: 12px;
  line-height: 13px;
  color: #939393;
}
.sms-type,
.options {
  min-height: 4.5rem;
  background-color: #3d3d3d;
  margin: 1.6rem 0 1.2rem;
  padding: 0.65rem 2rem;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
.sms-type .label,
.options .label {
  color: white;
  height: 100%;
  min-height: 62px;
  line-height: 20px;
  font-size: 16px;
  padding-right: 48px;
  border-right: 1px solid #939393;
  display: inline-flex;
  align-items: center;
}
.options-type-2 {
  min-height: 58px;
}
.options-type-2 .label {
  min-height: 0;
  line-height: 17px;
  border-right: none;
  font-size: calc(14px * var(--fresp));
}
ul.circular__checkboxes {
  list-style: none;
  margin: 0px;
  display: inline-flex;
  flex-flow: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px 15px;
}
ul.checkboxes-type3 {
  margin-left: -1.5rem;
}
.addConfigPage ul.checkboxes-type3 {
  margin-left: 0rem;
}
ul.circular__checkboxes .checkWrap input:hover ~ .checkmark {
  border-color: #b2a3ff;
}
ul.circular__checkboxes.checkboxes-type2 .checkWrap input:hover ~ .checkmark {
  border-color: #6c54e6;
}
ul.circular__checkboxes .checkWrap input:checked ~ .checkmark {
  background: transparent;
  border-color: #b2a3ff;
}
ul.circular__checkboxes.checkboxes-type2 .checkWrap input:checked ~ .checkmark {
  background: transparent;
  border-color: #6c54e6;
}
ul.circular__checkboxes .checkWrap input:checked ~ .checkmark:after {
  transform: translate(-50%, -50%) scale(1);
}
ul.circular__checkboxes .checkWrap .checkmark {
  top: 2px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
  border: 1px solid #b2a3ff;
  background-color: transparent;
}
ul.circular__checkboxes.checkboxes-type2 .checkWrap .checkmark {
  border: 1px solid #6c54e6;
}
ul.circular__checkboxes .checkWrap .checkmark::after {
  content: "";
  border: 0;
  width: 12px;
  height: 12px;
  /* top: 4px;
  left: 4px; */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
  background-color: #b2a3ff;
}
ul.circular__checkboxes.checkboxes-type2 .checkWrap .checkmark::after {
  background-color: #6c54e6;
}
ul.circular__checkboxes .checkWrap .value {
  font-size: 14.4397px;
  line-height: 25px;
  cursor: pointer;
  color: white;
  margin-left: 0.15rem;
}
ul.checkboxes-type3 .checkWrap .value {
  font-size: calc(12px * var(--fresp));
  color: black;
}

.options {
  min-height: none;
  margin: 0rem;
  border-radius: 10px;
  background-color: rgba(108, 84, 230, 0.1);
}
.options .label {
  color: #2c2c2c;
  padding-right: 4rem;
}
.options ul.circular__checkboxes {
  gap: 5px 15px;
  margin-left: 36px;
}
.options ul.circular__checkboxes .checkmark {
  /* border-color: #6c54e6; */
  border-color: #6c54e6;
}
.options ul.circular__checkboxes .value {
  color: #2c2c2c;
}
@media (min-width: 992px) {
  ul.checkboxes-type1 {
    /* gap: 0.2rem; */
  }
  .sms-type .label {
    padding-right: 24px;
    font-size: 12px;
  }
  ul.checkboxes-type1 .checkWrap .checkmark {
    transform: scale(0.7);
  }
  ul.checkboxes-type1 .checkWrap .value {
    font-size: 13px;
    margin-left: -0.2rem;
  }
  .options .label {
    font-size: 14px;
    padding-right: 1rem;
  }
  .options ul.circular__checkboxes {
    /* gap: min(3vw, 3.5rem); */
    margin-left: auto;
  }
  ul.checkboxes-type2 .checkWrap .value {
    font-size: 13px;
    margin-left: -0.4rem;
  }
  ul.checkboxes-type2 .checkWrap .checkmark {
    transform: scale(0.7);
  }
}
@media (min-width: 1600px) {
  .sms-type .label {
    padding-right: 48px;
    font-size: 16px;
  }
  ul.checkboxes-type1 {
    /* gap: 0rem; */
  }
  ul.checkboxes-type1 .checkWrap .checkmark {
    transform: scale(1);
  }
  ul.checkboxes-type1 .checkWrap .value {
    font-size: 14px;
    margin-left: 0.15rem;
  }
  .options .label {
    font-size: 18px;
    padding-right: 1rem;
  }
  ul.checkboxes-type2 .checkWrap .value {
    font-size: 15px;
    margin-left: -0.2rem;
  }
  ul.checkboxes-type2 .checkWrap .checkmark {
    transform: scale(0.8);
  }
}
@media (min-width: 1920px) {
  .sms-type .label {
    padding-right: 48px;
    font-size: 20px;
  }
  ul.checkboxes-type1 {
    /* gap: 0rem; */
  }
  ul.checkboxes-type1 .checkWrap .checkmark {
    transform: scale(1);
  }
  ul.checkboxes-type1 .checkWrap .value {
    font-size: 16px;
    margin-left: 0.2rem;
  }
  .options .label {
    font-size: 20px;
    padding-right: 2rem;
  }
  .options-type-2 .label {
    font-size: 18px;
  }
  ul.checkboxes-type2 .checkWrap .value {
    font-size: 16px;
    margin-left: 0rem;
  }
  ul.checkboxes-type2 .checkWrap .checkmark {
    transform: scale(1);
  }
}

.use-template-row {
  display: flex;
  justify-content: space-between;
}
.use-template-row .temp-row {
  display: flex;
  justify-content: flex-end;
  margin-left: 2%;
}
.use-template-row .temp-row .btn {
  /* max-width: 184px; */
  height: 50px;
  border-radius: 10px;
  padding: 1px 20px 1px 25px;
  gap: 6px;
  font-size: calc(16px * var(--fresp));
  line-height: calc(25px * var(--fresp));
  color: white;
  background: linear-gradient(
    52.88deg,
    #0049e6 -5.02%,
    #9c15f7 52.99%,
    #ff4cf8 113.38%
  );
  display: flex;
  align-items: center;
  border: none;
  flex-wrap: nowrap;
}
@media (max-width: 1400px) {
  .use-template-row .temp-row .btn {
    font-size: 13px;
    white-space: nowrap;
  }
}

.message-text {
  border: 1px solid #6c54e626;
  border-radius: 10px;
  height: 12rem;
  padding: 0.65rem;
}
.message-text .form-control {
  flex: 1;
  border: 0;
  padding: 0.5rem 0.8rem;
}
.message-text .character-count {
  margin-top: auto;
  margin: 0;
  height: 40px;
  border-radius: 0px 0px 10px 10px;
  background-color: rgba(108, 84, 230, 0.1);
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 1.6rem;
  padding-left: 2rem;
}
.message-text .character-count li {
  gap: 0.35rem;
  display: inline-flex;
  align-items: center;
}
.message-text .character-count li .num {
  color: #6c54e6;
  font-size: 16.5025px;
  line-height: 18px;
}
.message-text .character-count li .value {
  line-height: 18px;
  font-size: 14.4397px;
  color: #939393;
}

.maintenance-mode-card .message-text {
  height: 9rem;
}

.form-divider {
  margin: 0 0 2rem;
  border-color: #333;
}

.btn-group-custom {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  width: 100%;
  flex-wrap: wrap;
}

.btn-group-custom-rightend {
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
}

.btn-group-custom-rightend .btn-box-border {
  border-radius: 10px;
}
.btn {
  height: 50px;
  padding: 0 1.5rem;
  line-height: 14px;
  font-size: 14.4397px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-width: unset;
}
/* .btn-group-custom .btn img {
  width: 1.25rem;
  margin-top: 0.25rem;
  margin-left: -0.35rem;
} */
.btn-group-custom .btn .launch-btn-icon {
  transform: scale(0.9);
}
.btn-group-custom .btn svg {
  margin-left: -0.35rem;
}

.dataTables_scrollHeadInner,
table.dataTable {
  width: 100% !important;
}
.vihm-table colgroup {
  display: none;
}
.vihm-table b{
  font-weight: 500;
  color: #242424;
}
.vihm-table th {
  white-space: nowrap;
}
.vihm-table th,
.vihm-table td {
  border: 0;
  border-radius: 0;
}
.vihm-table tbody tr:first-child {
  border-top: 0;
}
.vihm-table tbody tr:last-child td {
  border-bottom: 1px solid #eeeeee;
}
.vihm-table tbody tr:hover {
  /* box-shadow: 0px 10px 50px rgba(217, 217, 217, 0.25); */
  box-shadow: 0px 11.59px 57.9px 0px #6c54e617;
  border-radius: 0.7rem;
  border: 1px solid #6c54e624;
}
.vihm-table tbody tr:hover td {
  border-top: 0;
  border-bottom: 0;
}
.vihm-table tbody tr td:first-child {
  border-left: 1px solid transparent;
}
.vihm-table tbody tr td:last-child {
  border-right: 1px solid transparent;
}
.vihm-table tbody tr:hover td:first-child {
  border-radius: 0.7rem 0 0 0.7rem;
  border-left: 1px solid #6c54e624;
}
.vihm-table tbody tr:hover td:last-child {
  border-radius: 0 0.7rem 0.7rem 0;
  border-right: 1px solid #6c54e624;
}
.vihm-table tbody tr:hover td {
  border-top: 1px solid #6c54e624;
  border-bottom: 1px solid #6c54e624;
}
div.dataTables_scrollBody > table > tbody tr:first-child td {
  border-top: 1px solid transparent;
}
div.dataTables_scrollBody > table > tbody tr:first-child:hover td {
  border-top-color: #6c54e624;
}
.vihm-table tbody tr:hover + tr td {
  border-top: 0;
}
.vihm-table thead {
  /* margin: 5rem 5rem; */
  position: relative;
}
.vihm-table thead::after {
  content: "-";
  display: block;
  line-height: 0.5rem;
  color: transparent;
}
.vihm-table thead tr {
  height: calc(4.5rem * var(--resp));
  background: #8956f81a;
}
.vihm-table thead tr th:first-child span {
  margin-left: 0.5rem;
}
.vihm-table th {
  vertical-align: middle;
  background-color: transparent;
}
.vihm-table th span {
  font-weight: 500;
  color: #6c54e6;
  /* padding: 0 15px; */
  display: flex;
  align-items: center;
  font-size: calc(0.875rem * var(--resp));
  line-height: 1.15;
}
.vihm-table th.sorting:not(:first-child)::before,
.vihm-table th.sorting:nth-child(1):before,
.vihm-table th.sorting:not(:first-child)::after,
.vihm-table th.sorting:nth-child(1):after {
  transform: scale(0.8);
}
.vihm-table th.sorting:not(:first-child)::before,
.vihm-table th.sorting:nth-child(1):before {
  bottom: 53%;
}
/* .vihm-table th.sorting:last-child::before,
.vihm-table th.sorting:last-child::after {
  display: none;
} */
/* This is to disable the sorting icon for the coloum which has checkboxes */
.vihm-table th.allchckbx::before,
.vihm-table th.allchckbx::after {
  display: none !important;
}

/* .vihm-table th.sorting:not(:first-child)::before,
.vihm-table th.sorting:not(:first-child)::after {
  display: none;
} */

.vihm-table tr.bg-enabled th:first-child {
  border-radius: 10px 0 0 10px;
}
.vihm-table tr.bg-enabled th:last-child {
  border-radius: 0 10px 10px 0;
}

.vihm-table th:first-child {
  /* border-left: 3px solid #f1f1f1; */
  /* border-radius: 3rem 0 0 3rem; */
}
.vihm-table th:last-child {
  /* border-right: 3px solid #f1f1f1; */
  /* border-radius: 0 3rem 3rem 0; */
}
.vihm-table td {
  font-size: calc(14px * var(--fresp));
  padding-block: calc(15px * var(--resp));
  color: #939393;
  vertical-align: middle;
  border-top: 1px solid #eeeeee;
}
.vihm-table td .time_info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.25rem;
}
.vihm-table tbody tr td:first-child{
  padding-left: calc(8px + .5rem) !important;
}
.vihm-table tbody tr td:last-child{
  padding-right: 26px !important;
}
/* .vihm-table td:first-child {
  border-left: 3px solid transparent;
} */
/* .vihm-table td:last-child {
  border-right: 3px solid transparent;
} */
.vihm-table .submitted-time-info {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  /* background-color: violet; */
}
.vihm-table .image-info-field {
  display: flex;
  align-items: center;
  gap: calc(5px * var(--resp));
}
.vihm-table .image-info-field__text {
  font-size: calc(14px * var(--resp));
  line-height: calc(14px * var(--resp));
}

.vihm-table .submitted-time-info img {
  min-width: 1.5rem;
}
.vihm-table .submitted-time-info__text {
  display: flex;
  flex-flow: column nowrap;
}
.vihm-table .submitted-time-info__text span {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #2c2c2c;
  white-space: nowrap;
}
.vihm-table .submitted-time-info__text span:last-child {
  font-size: 14px;
  line-height: 20px;
  color: #cccccc;
}
.vihm-table .text-info-para {
  position: relative;
  display: flex;
  /* min-width: 12rem; */
  max-width: 12rem;
  flex-wrap: wrap;
  align-items: center;
  gap: 3px;
}
/* Related to the design in operator(row heading) custom width in data table */

.vihm-table .custom-operator-col {
  margin-left: 10px;
}
.vihm-table .custom-operator-col img {
  position: absolute;
  top: 0.1rem;
  left: -1.3rem;
  margin-right: 2rem;
}
.vihm-table .text-info-para a {
  min-width: 0.88rem;
  margin-right: -0.65rem;
}
.vihm-table .badge {
  /* padding: 4px 8px; */
  /* padding: 9.3px; */
  /* border-radius: 2rem; */
  border-radius: 2.2rem;
  font-size: 14px;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.vihm-table .badge-type-3 {
  max-width: 116px;
  height: 33px;
  border-radius: 20px;
  text-align: center;
  font-size: 14px;
  line-height: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.badge-black {
  background: #1e1e1e;
  color: #fff;
}

.vihm-table .mobile-number {
  padding: 9px 14px;
  font-size: 14px !important;
}
.vihm-table .badge-type-2 {
  padding: 4px 15px;
  border-radius: 2rem;
  gap: 5px;
  font-size: calc(15px * var(--fresp));
  line-height: 16px;
  font-weight: 400;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  min-width: auto;
  /*width: min-content;*/
}
.vihm-table .badge-beige {
  background: #8282821a;
  color: #6c54e6;
}
.vihm-table .badge-beige-black {
  background: #e0daff;
  color: #1e1e1e;
  padding: 9.3px;
}
.vihm-table .badge-dark {
  color: white;
  background-color: #1e1e1e;
}
.vihm-table .badge-type-2 span{
  display: flex;
  flex-direction: column;
}
.vihm-table .badge-dark svg {
  flex-shrink: 0;
}
.vihm-table .badge-yellow {
  color: #eda600;
  background-color: #fffabd;
}
.vihm-table .badge-green {
  color: white;
  background-color: #43ba7f;
}
.vihm-table .badge-goldenYellow {
  color: white;
  background-color: #eda600;
}
.vihm-table .badge-red {
  color: white;
  background-color: #ed3f46;
}
.vihm-table .badge-gray {
  color: white;
  background-color: #3d3d3d;
}
.vihm-table .badge-mix-yellowGreen {
  background: #96c03a42;
  color: black;
}
.vihm-table .badge-lightBlue {
  color: #6c54e6;
  background-color: #f7f6ff;
}
.vihm-table .badge-primary {
  white-space: nowrap;
  padding: 10px 30px;
  background-color: #6c54e6;
  color: #ffffff !important;
}
.vihm-table .badge-theme {
  color: white;
  background: linear-gradient(
    52.88deg,
    #0049e6 -5.02%,
    #9c15f7 52.99%,
    #ff4cf8 113.38%
  );
  font-size: 14px;
}
.vihm-table .badge-theme img {
  min-width: 0.88rem;
}
.vihm-table .action-btn {
  padding: 0;
  border: 0;
  width: 1.5rem;
}
.vihm-table .action-btn img {
  height: 1.5rem;
}
.vihm-table .dropdown-menu {
  border-radius: 10px;
  background: white;
  border: 2px solid #f9f9f9;
  box-shadow: 0px 0px 50px rgba(228, 228, 228, 0.25);
}
.vihm-table .dropdown-menu .dropdown-item {
  font-size: 12px;
  font-weight: 500;
  padding: 0.5rem 1rem;
}
.vihm-table .dropdown-menu .dropdown-item:hover {
  color: white;
  background-color: #6c54e6;
}
.vihm-table .dropdown-menu .dropdown-item:active,
.vihm-table .dropdown-menu .dropdown-item:focus-visible,
.vihm-table .dropdown-menu .dropdown-item.active {
  color: white;
  background: linear-gradient(
    22.33deg,
    #0049e6 -5.87%,
    #9c15f7 53.8%,
    #ff4cf8 115.91%
  );
}

/* CSS related to the vihm-template  */

.vihm-templates {
  height: 100%;
  width: 100%;
  position: relative;
  padding: 2rem;
  display: grid;
  justify-content: space-evenly;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}
.vihm-templates .template_container {
  background-color: #ffe7e7;
  border-radius: 23px;
  height: 16rem;
  position: relative;
  width: calc(100% / 3 rem);
}

.vihm-templates .template_container .template_background {
  background-color: white;
  border-radius: 23px;
  height: 100%;
  position: absolute;
  width: 100%;
}

.vihm-templates .template_container .template_header_background {
  background-color: #ed3f46;
  border-radius: 0 30px 30px 0;
  height: 6rem;
  margin-top: 2rem;
  position: absolute;
  transition: width 0.4s;
  width: 2%;
}

.vihm-templates .template_container .template {
  background-color: transparent;
  border-radius: 23px;
  border: 2px solid#ED3F46;
  color: black;
  height: 100%;
  margin-top: 0;
  position: absolute;
  transition: height 0.4s;
  width: 100%;
}

.vihm-templates .template .header,
.footer {
  position: relative;
  margin: 2rem 0.5rem;
}

.vihm-templates .template .footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.vihm-templates .template h1 {
  color: #2c2c2c;
  font-size: 2rem;
  margin: 0.5rem 0 0 0.5rem;
}
.vihm-templates .template p {
  align-items: center;
  display: flex;
  gap: 0.5rem;
  margin: 0 0.5rem 0 0.5rem;
}
.vihm-templates .template p .mobile_key {
  color: #939393;
  font-size: 0.7rem;
  margin: 0;
}
.vihm-templates .template p .mobile_value {
  color: #ed3f46;
  font-size: 0.8rem;
  margin: 0;
}
.vihm-templates .icon_holder {
  background-color: #ffe7e7;
  border-radius: 50%;
  padding: 0.5rem;
}
.vihm-templates .edit_icon_holder {
  position: absolute;
  margin-left: 84%;
  margin-top: 3.25rem;
  transition: margin-left 0.5s;
}
.vihm-templates .template:hover .edit_icon_holder {
  margin-left: 82%;
}
.vihm-templates .icon_holder .edit_icon,
.timeClock_icon {
  width: 2rem;
  height: 2rem;
  background-size: cover;
  background-repeat: no-repeat;
}
.vihm-templates .icon_holder .edit_icon {
  background-image: url("../images/icons/EditPencilIcon.svg");
}
.vihm-templates .icon_holder .timeClock_icon {
  background-image: url("../images/icons/TimeClock.svg");
}
.vihm-templates .footer .date_holder {
  gap: 1rem;
  display: flex;
  align-items: center;
}
.vihm-templates .footer .status_badge {
  margin: 0;
  padding: 8px 16px;
  border-radius: 18px;
  font-size: 0.8rem;
  font-weight: 400;
  color: #15ce73;
  background-color: #d0ffe8;
}
.vihm-templates .footer .date_key {
  margin: 0;
  font-size: 0.7rem;
  font-weight: 400;
}
.vihm-templates .footer .date_value {
  margin: 0;
  font-size: 0.8rem;
  font-weight: 500;
}

/* On hover on the template effects */
.vihm-templates .template_container:hover .template_background {
  height: 96.5%;
}
.vihm-templates .template_container:hover .template_header_background {
  width: 88%;
}
.vihm-templates .template_container:hover .template {
  height: 96.5%;
}
.vihm-templates .template_container:hover .template h1 {
  color: white;
}
.vihm-templates .template_container:hover .template p .mobile_key {
  color: #ffe7e7;
}
.vihm-templates .template_container:hover .template p .mobile_value {
  color: #ffe7e7;
}
*/

/* recently modified */
.dataTables_wrapper .dataTables_scroll ,
.dt-container {
  width: 100%;
}
.dt-container .dt-scroll-head {
  display: none;
}
.dataTables_wrapper,
.dt-container {
  width: 100%;
  font-family: "Rubik", sans-serif;
}
.dt-container .dt-search {
  display: none;
}
.dataTables_wrapper .bottom,
.dt-container .bottom {
  padding: 0 26px 25px calc(8px + .5rem);
  margin-top: 1.5rem;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 991.98px) {
  .dataTables_wrapper .bottom,
  .dt-container .bottom {
    flex-flow: row wrap;
    gap: 10px 10px;
  }
}

.dataTables_wrapper .dataTables_info,
.dt-container .dt-info {
  padding: 0;
  font-weight: 400;
  line-height: 15px;
  color: #939393;
  max-width: 12rem;
  font-size: calc(14px * var(--fresp));
  padding-top: 0 !important;
}

.dt-container .dt-length {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-flow: row nowrap;
}
.dataTables_wrapper .dataTables_length label,
.dt-container .dt-length label {
  color: #939393;
  font-size: calc(14px * var(--fresp));
  white-space: nowrap;
}
.dataTables_wrapper .dataTables_length select,
.dt-container .dt-length select {
  min-width: 4.5rem;
  max-width: 5rem;
  height: calc(42px * var(--resp));
  padding-inline: 0.8rem 1.25rem;
  margin: 0 0.25rem;
  border-radius: 50px;
  color: black;
  background: white;
  border: 1px solid #6c54e626;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(../images/icons/Chevron-down.svg);
  background-repeat: no-repeat;
  background-position: 90%;
  background-size: 16px;
  font-size: calc(16px * var(--fresp));
}
.dataTables_wrapper .dataTables_length select:focus,
.dt-container .dt-length select:focus {
  outline: 0;
  border: 1px solid #6c54e6;
  box-shadow: 0px 11.59476375579834px 57.97381591796875px 0px #d9d9d940;
}
.dataTables_wrapper .dataTables_paginate,
.dt-container .dt-paging {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.dataTables_wrapper .dataTables_paginate > span,
.dt-container .dt-paging > span {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dt-container .dt-paging .dt-paging-button {
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: white;
  font-size: 13px;
  line-height: 14px;
  border: 1px solid #eeeeee;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  color: #3d3d3d;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dt-container .dt-paging .dt-paging-button:hover {
  background-color: #f9f9f9;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dt-container .dt-paging .dt-paging-button.current {
  color: white;
  /* background-color: #ed3f46; */
  background-color: #6c54e6;
}
.dataTables_wrapper .dataTables_paginate .first,
.dt-container .dt-paging .first {
  background: url(../images/icons/chevron-left-double-dark.svg) no-repeat 35%;
}
.dataTables_wrapper .dataTables_paginate .previous,
.dt-container .dt-paging .previous {
  background: url(../images/icons/chevron-left-single-dark.svg) no-repeat 45%;
}
.dataTables_wrapper .dataTables_paginate .next,
.dt-container .dt-paging .next {
  background: url(../images/icons/chevron-right-single-dark.svg) no-repeat
    center;
}
.dataTables_wrapper .dataTables_paginate .last,
.dt-container .dt-paging .last {
  background: url(../images/icons/chevron-right-double-dark.svg) no-repeat
    center;
}
.dataTables_wrapper .dataTables_paginate .first,
.dataTables_wrapper .dataTables_paginate .previous,
.dataTables_wrapper .dataTables_paginate .next,
.dataTables_wrapper .dataTables_paginate .last,
.dt-container .dt-paging .first,
.dt-container .dt-paging .previous,
.dt-container .dt-paging .next,
.dt-container .dt-paging .last {
  background-size: 1.125rem;
  background-color: white;
  transition: all 0.3s ease-in-out;
  font-size: 0px;
}
.dataTables_wrapper .dataTables_paginate .first.disabled,
.dataTables_wrapper .dataTables_paginate .previous.disabled,
.dataTables_wrapper .dataTables_paginate .next.disabled,
.dataTables_wrapper .dataTables_paginate .last.disabled,
.dt-container .dt-paging .first.disabled,
.dt-container .dt-paging .previous.disabled,
.dt-container .dt-paging .next.disabled,
.dt-container .dt-paging .last.disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.tooltip{
  font-size: 12px;
}
.text-red{
  color: #f67a7f;
}
.text-green{
  color: #43BA7F;
}
.text-blue{
  color: #27cbff;
}
.text-orange{
  color: #f2843a;
}
.strong-normal strong{
  font-weight: normal;
}
.custom-data-table {
  margin-top: 2rem;
  padding: 10px 15px;
  position: relative;
  z-index: 2;
  border-radius: 0.9rem;
  /* box-shadow: 0px 11.5948px 57.9738px rgba(217, 217, 217, 0.25); */
  box-shadow: 0px 11.59476375579834px 57.97381591796875px 0px #d9d9d940;
  border: 1px solid #6c54e624;
}
.custom-data-table .top-row {
  /* padding: 20px 20px 10px; */
  /* padding: 0px 10px; */
  padding: 15px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.5s ease-in-out;
}
@media (max-width: 1600px) {
  .custom-data-table .top-row.logs-section {
    gap: calc(54px * var(--resp));
    padding: 10px 0px;
    flex-wrap: wrap;
  }
  .custom-data-table .top-row.logs-section .top-row__right {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
  }
}
.custom-data-table .top-row h1 {
  font-size: 25.5085px;
  line-height: 23px;
}
.custom-data-table .top-row__left h2 {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: #1e1e1e;
  padding: calc(10px * var(--resp)) 0;
}
.custom-data-table .top-row__right {
  /* gap: 1rem; */
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
}
.custom-data-table .top-row__right .bg-enabled {
  background-color: rgba(108, 84, 230, 0.1);
  display: flex;
  align-items: center;
  gap: calc(10px * var(--resp));
  height: calc(62px * var(--resp));
  border-radius: calc(14px * var(--resp));
  padding: calc(7px * var(--resp)) calc(7px * var(--resp));
}
.custom-data-table
  .top-row__right
  .bg-enabled
  .form-group
  .form-control::placeholder {
  color: #6c54e6;
  font-style: normal;
}

.custom-data-table .top-row__right .form-group svg {
  /* position: absolute;
  top: 0.5rem;
  left: 0.8rem; */
  transition: all 0.3s ease-in-out;
}
.custom-data-table .top-row__right .form-group svg path {
  fill: #ccc;
}
.custom-data-table .top-row__right .form-group svg rect {
  stroke: #f9f9f9;
}
.custom-data-table .top-row__right .form-control {
  border: 1px solid transparent;
  height: 3rem;
  border-radius: 10px;
  padding-left: 2.4rem;
  background-color: white;
  transition: 0.23s ease-out;
}
.custom-data-table .top-row__right .form-control:hover{
  border-color: rgba(108, 84, 230, 0.05);
}
.custom-data-table .top-row__right .form-control:focus{
  border-color: #6c54e6;
  box-shadow: 0px 0px 5px rgba(108, 84, 230, 0.5)!important;
}

.custom-data-table .top-row__right .bg-enabled .form-group .form-control {
  height: calc(48px * var(--resp));
  width: calc(206px * var(--resp));
  padding-left: calc(40px * var(--resp));
}
.custom-data-table .top-row__right .form-group .icon-holder {
  height: calc(48px * var(--resp));
  width: calc(48px * var(--resp));
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.custom-data-table .top-row__right .form-group .search-icon-holder {
  position: absolute;
  top: 0rem;
  left: 0rem;
  padding: calc(16px * var(--resp));
  border-radius: calc(10px * var(--resp));
  border: 0;
  pointer-events: none;
}

.custom-data-table .top-row__right .form-control:focus ~ svg path {
  fill: #ed3f46;
}
.custom-data-table .top-row__right .download-btn,
.custom-data-table .top-row__right .upload-file-btn
 {
  border: 0;
  padding: 0;
  box-shadow: none;
  width: calc(48px * var(--resp));
  height: calc(48px * var(--resp));
  border-radius: calc(10px * var(--resp));
  padding: calc(16px * var(--resp));
  text-align: center;
  background: linear-gradient(
    52.88deg,
    #0049e6 -5.02%,
    #9c15f7 52.99%,
    #ff4cf8 113.38%
  );
  transition: 0.23s ease-out;
}
.custom-data-table .top-row__right .download-btn:hover,
.custom-data-table .top-row__right .upload-file-btn:hover{
  filter: brightness(130%) contrast(1.3);
}

.custom-data-table .top-row__right .calender-btn,
.custom-data-table .top-row__right .line-elements-btn {
  width: calc(48px * var(--resp));
  height: calc(48px * var(--resp));
  border-radius: calc(10px * var(--resp));
  padding: calc(16px * var(--resp));
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  transition: 0.23s ease-out;
}
.custom-data-table .top-row__right .calender-btn.show,
.custom-data-table .top-row__right .line-elements-btn.show {
  box-shadow: 3px 3px 12px 0px #a9a8ad4f;
}
.custom-data-table .top-row__right .calender-btn:active{
  box-shadow: 3px 3px 12px 0px #a9a8ad4f;
}
.custom-data-table .top-row__right .add-btn {
  height: calc(48px * var(--resp));
  color: white;
  background: linear-gradient(
    22.33deg,
    #0049e6 -5.87%,
    #9c15f7 53.8%,
    #ff4cf8 115.91%
  );
  font-size: calc(16px * var(--fresp));
  padding: calc(12px * var(--resp)) calc(20px * var(--resp));
  border-radius: calc(10px * var(--resp));
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(10px * var(--resp));
  border: 0;
  transition: 0.23s ease-out;
}
.custom-data-table .top-row__right .add-btn:hover {

  filter: brightness(130%) contrast(1.3);
}
.custom-data-table .top-row__right .add-sec-btn {
  height: 3rem;
  color: white;
  background: #e4e0fb;
  font-size: 14px;
  line-height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 17px, 20px, 12px, 20px;
  border-radius: 10px;
  border: 0;
}
.custom-data-table .top-row__right .download-btn img , 
.custom-data-table .top-row__right .upload-file-btn img 
{
  width: 1.25rem;
  height: 1.25rem;
  margin-inline: auto;
}
.custom-data-table .top-row__right .drop-down-icon {
  margin: auto;
}
.custom-data-table .dt-buttons,
.custom-data-table .dataTables_filter {
  display: none;
}

.dropdown-toggle::after {
  display: none;
}

.duration-btn {
  color: white;
  /* height: 2.25rem; */
  height: 2.8rem;
  text-align: center;
  /* font-size: 12px; */
  font-size: 14px;
  line-height: 12px;
  /* border-radius: 30px; */
  border-radius: 10px;
  /* font-weight: 700; */
  font-weight: 400;
  padding-inline: 1rem 1.2rem;
  /* gap: 0.3rem; */
  gap: 0.7rem;
  /* border: 1px solid #f1f1f1; */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* box-shadow: 0px 10px 50px rgba(237, 63, 70, 0.21); */
  /* box-shadow: 4px 4px 8px 0px #0000001f; */
  box-shadow: 4px 4px 8px 0px #0000001f;
  border: none;
}
.duration-btn img {
  width: 1rem;
}
.duration-btn:hover,
.duration-btn:focus,
.duration-btn:active {
  color: white;
}

.dropdown-menu--custom {
  border-radius: 10px;
  background: white;
  border: 2px solid #f9f9f9;
  box-shadow: 0px 0px 50px rgba(228, 228, 228, 0.25);
}
.dropdown-menu--custom .dropdown-item {
  font-size: 14px;
  font-weight: 500;
  padding: 0.6rem 1rem;
}
.dropdown-menu--custom .dropdown-item:hover {
  background: #f9f9f9;
}
.dropdown-menu--custom .dropdown-item:active,
.dropdown-menu--custom .dropdown-item:focus-visible,
.dropdown-menu--custom .dropdown-item.active {
  color: white;
  /* background-color: #ed3f46; */
  background-color: #6c54e6;
}

.secondary-tabs {
  margin-top: -1rem;
}
.secondary-tabs .secondary-tabs-small {
  width: 100%;
  height: calc(55px * var(--resp));
  border-bottom: 2px solid rgba(108, 84, 230, 0.1);
  display: inline-flex;
  justify-content: flex-start;
}

@media (max-width: 1200px) {
  .secondary-tabs .secondary-tabs-small {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
  }
}
.secondary-tabs .secondary-tabs-small .secondary-link {
  padding-inline: calc(40px * var(--resp));
  font-weight: 400;
  font-size: calc(14px * var(--resp));
  line-height: calc(16.59px * var(--resp));
  white-space: nowrap;
  color: #3d3d3d;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease-in-out;
  outline: none;
}
.secondary-tabs .secondary-tabs-small .secondary-link:active,
.secondary-tabs .secondary-tabs-small .secondary-link.secondary-active {
  position: relative;
  font-weight: 500;
  background-clip: text;
  color: transparent;
  background-image: linear-gradient(
    52.88deg,
    #0049e6 -5.02%,
    #9c15f7 52.99%,
    #ff4cf8 113.38%
  );
}
.secondary-tabs .secondary-tabs-small .secondary-link:active::after,
.secondary-tabs .secondary-tabs-small .secondary-link.secondary-active::after {
  content: "";
  height: 2px;
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  background-image: linear-gradient(
    52.88deg,
    #0049e6 -5.02%,
    #9c15f7 52.99%,
    #ff4cf8 113.38%
  );
}
/* .secondary-tabs .secondary-tabs-small .secondary-link:active::before,
.secondary-tabs .secondary-tabs-small .secondary-link.secondary-active::before {
  content: "";
  position: absolute;
  left: 50%;
  border-bottom: 9px solid #9c15f7;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  bottom: -2px;
} */
/* .secondary-tabs .secondary-tabs-small .secondary-link:hover {
  opacity: 0.85;
} */
/* .secondary-tabs
  .secondary-tabs-small
  .secondary-link:first-child.secondary-active
  ~ .bg-elastic {
  left: 0;
  width: 7.5rem;
}
.secondary-tabs
  .secondary-tabs-small
  .secondary-link:nth-child(2).secondary-active
  ~ .bg-elastic {
  width: 8.8rem;
  left: 8.5%;
}
.secondary-tabs
  .secondary-tabs-small
  .secondary-link:nth-child(3).secondary-active
  ~ .bg-elastic {
  width: 11.5rem;
  left: 35.2%;
}
.secondary-tabs
  .secondary-tabs-small
  .secondary-link:nth-child(4).secondary-active
  ~ .bg-elastic {
  width: 9rem;
  left: 70.4%;
}
.secondary-tabs .secondary-tabs-small .bg-elastic {
  margin-top: 3.4rem;
  height: 2px;
  position: absolute;
  z-index: 1;
  background-image: linear-gradient(52.88deg, #0049E6 -5.02%, #9C15F7 52.99%, #FF4CF8 113.38%);
  transition: 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
} */

.secondary-tabs h2 {
  padding-top: 1.75rem;
  font-weight: 500;
  font-size: 24px;
  line-height: 28.44px;
}
.secondary-tabs .divide50 {
  gap: 30px;
}

.tabs-content-arrow {
  /* height: calc(54px * var(--resp)) !important; */
  /* width: 100%; */
  background-color: rgba(30, 30, 30, 0.1);
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  padding-block: calc(3px * var(--resp));
  padding-inline: calc(4px * var(--resp));
  flex-wrap: nowrap;
  overflow-x: auto !important;
}
@media (max-width: 991.98px) {
  .top-row__left {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: 10px;
    padding-right: 5px;
    border-radius: 10px;
  }
  /* .custom-data-table .tabs-content-arrow {
    flex-wrap: nowrap;
    width: auto;
    max-width: auto;
    background: none;
    padding-right: 5px;
  } */
  .custom-data-table .top-row__right .bg-enabled {
    height: auto;
    flex-wrap: wrap;
    max-width: 100%;
  }
}
.tabs-content-arrow .tertiary-nav-link {
  font-weight: 400;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  background-color: white;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: calc(25px * var(--fresp));
  height: calc(48px * var(--resp));
  width: calc(177px * var(--resp));
  border-radius: calc(10px * var(--resp));
}
.tabs-content-arrow .tertiary-nav-link span {
  color: #6c54e6;
}
.tabs-content-arrow .tertiary-nav-link:hover {
  opacity: 0.85;
}
.tabs-content-arrow .tertiary-nav-link:active,
.tabs-content-arrow .tertiary-nav-link.tertiary-active {
  color: white;
  background-color: #6c54e6;
  box-shadow: 3px 3px 12px 0px #a9a8ad4f;
}
.tabs-content-arrow .tertiary-nav-link:active span,
.tabs-content-arrow .tertiary-nav-link.tertiary-active span {
  color: white;
}
/* .tabs-content-arrow .tertiary-nav-link:first-child:active ~ .bg-elastic,
.tabs-content-arrow
  .tertiary-nav-link:first-child.tertiary-active
  ~ .bg-elastic {
  width: 8.35rem;
  left: 1.2rem;
}
@media (max-width: 1850px) {
  .tabs-content-arrow .tertiary-nav-link:first-child:active ~ .bg-elastic,
  .tabs-content-arrow
    .tertiary-nav-link:first-child.tertiary-active
    ~ .bg-elastic {
    width: 7rem;
    left: 1rem;
  }
}
.tabs-content-arrow .tertiary-nav-link:nth-child(2):active ~ .bg-elastic,
.tabs-content-arrow
  .tertiary-nav-link:nth-child(2).tertiary-active
  ~ .bg-elastic {
  width: 9rem;
  left: 20%;
}
@media (max-width: 1850px) {
  .tabs-content-arrow .tertiary-nav-link:nth-child(2):active ~ .bg-elastic,
  .tabs-content-arrow
    .tertiary-nav-link:nth-child(2).tertiary-active
    ~ .bg-elastic {
    width: 7.5rem;
    left: 19.5%;
  }
}
.tabs-content-arrow .tertiary-nav-link:nth-child(3):active ~ .bg-elastic,
.tabs-content-arrow
  .tertiary-nav-link:nth-child(3).tertiary-active
  ~ .bg-elastic {
  width: 8.35rem;
  left: 39.2%;
}
@media (max-width: 1850px) {
  .tabs-content-arrow .tertiary-nav-link:nth-child(3):active ~ .bg-elastic,
  .tabs-content-arrow
    .tertiary-nav-link:nth-child(3).tertiary-active
    ~ .bg-elastic {
    width: 7rem;
    left: 38.5%;
  }
}
.tabs-content-arrow .tertiary-nav-link:nth-child(4):active ~ .bg-elastic,
.tabs-content-arrow
  .tertiary-nav-link:nth-child(4).tertiary-active
  ~ .bg-elastic {
  width: 12.4rem;
  left: 57%;
}
@media (max-width: 1850px) {
  .tabs-content-arrow .tertiary-nav-link:nth-child(4):active ~ .bg-elastic,
  .tabs-content-arrow
    .tertiary-nav-link:nth-child(4).tertiary-active
    ~ .bg-elastic {
    width: 11rem;
    left: 55.85%;
  }
}
.tabs-content-arrow .tertiary-nav-link:nth-child(5):active ~ .bg-elastic,
.tabs-content-arrow
  .tertiary-nav-link:nth-child(5).tertiary-active
  ~ .bg-elastic {
  width: 8rem;
  left: 83.12%;
}
@media (max-width: 1850px) {
  .tabs-content-arrow .tertiary-nav-link:nth-child(5):active ~ .bg-elastic,
  .tabs-content-arrow
    .tertiary-nav-link:nth-child(5).tertiary-active
    ~ .bg-elastic {
    width: 6.4rem;
    left: 83.65%;
  }
}
.tabs-content-arrow .bg-elastic {
  z-index: 1;
  height: 38px;
  position: absolute;
  top: 0.65rem;
  border-radius: 100px;
  background-color: #ed3f46;
  transition: 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.tabs-content-arrow .bg-elastic::after {
  content: "";
  position: absolute;
  bottom: -0.85rem;
  width: 0.85rem;
  height: 0.85rem;
  border-radius: 20px 0px 3px 0px;
  left: 45%;
  background-color: #302e41;
  transform: rotate(45deg);
  transition: 0.1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
} */

.sub-page-title-div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sub-page-details {
  border-radius: 25px;
  padding: 1rem 2rem;
  color: white;
  font-size: 16px;
  background-color: #302e41;
}

.sub-page-details .back-button {
  display: flex;
  gap: 1rem;
}

.sub-page-details .campign-details {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sub-page-details .campign-details p {
  margin: 0.5rem;
}

.sub-page-details .campign-details span {
  margin-left: 1rem;
  color: #939393;
  font-size: 14px;
}

.eventsInfo {
  display: flex;
  justify-content: space-between;
  box-shadow: 0px 21.6745px 54.1863px rgba(237, 63, 70, 0.13);
  border-radius: 22px;
  margin-top: 12px;
  gap: 2rem;
}

.eventsInfo .phoneHolder {
  height: 42px;
  width: 42px;
  border-radius: 14px;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.eventsInfo .event {
  margin: 2rem 2rem;
  transition: transform 1s ease, background-color 1s ease;
}

.eventsInfo .event:hover {
  margin: 0;
  padding: 1rem;
  padding-top: 2rem;
  border-radius: 22px;
  background-color: #ed3f46;
  transform: scaleY(1.1) scaleX(1.1);
  transform-origin: left;
}

.eventsInfo .theme___1:hover {
  background-color: #ed3f46;
}
.eventsInfo .theme___2:hover {
  background-color: #302e41;
}
.eventsInfo .theme___3:hover {
  background-color: #15ce73;
}
.eventsInfo .event:hover svg path {
  transition: background-color 0.5s ease;
  stroke: #ed3f46;
}

.eventsInfo .theme_1 {
  transition: background-color 0.5s ease;
  background-color: #ed3f46;
}
.eventsInfo .event:hover .theme_1 {
  background-color: white;
}
.eventsInfo .theme_2 {
  background-color: #302e41;
}
.eventsInfo .event:hover .theme_2 {
  background-color: white;
}
.eventsInfo .theme_3 {
  background-color: #15ce73;
}
.eventsInfo .event:hover .theme_3 {
  background-color: white;
}

.eventsInfo p {
  margin: 0;
  color: #939393;
  font-size: 14px;
  line-height: 15px;
}

.eventsInfo .event:hover p {
  color: white;
}
.eventsInfo .theme___2:hover p {
  color: #939393;
}

.eventsInfo h3 {
  margin: 0;
  font-weight: 600;
  font-size: 18.5484px;
  line-height: 20px;
}
.eventsInfo .event:hover h3 {
  color: white;
}

.eventsInfo .percentageCalculater {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
  font-size: 16.23px;
  font-weight: 400;
}

.eventsInfo .percentageValue {
  border-radius: 20px;
  padding: 8px 16px;
  margin-right: 10px;
}

.eventsInfo .theme__1 {
  color: #15ce73;
  background-color: #d0ffe8;
}
.eventsInfo .event:hover .theme__1 {
  color: #15ce73;
  background-color: #d0ffe8;
}
.eventsInfo .theme__2 {
  color: #302e41;
  background-color: #e2e2e2;
}
.eventsInfo .event:hover .theme__2 {
  color: #302e41;
  background-color: #e2e2e2;
}
.eventsInfo .theme__3 {
  color: #ed3f46;
  background-color: #ffe7e7;
}
.eventsInfo .event:hover .theme__3 {
  color: #ed3f46;
  background-color: #ffe7e7;
}

.chartWrapper {
  /* box-shadow: 0px 21.6745px 54.1863px rgba(237, 63, 70, 0.13); */
  box-shadow: 0px 11.59476375579834px 57.97381591796875px 0px #d9d9d940;
  /* border-radius: 22px; */
  border-radius: 14px;
  border: 1px solid #6c54e624;
  margin-top: 12px;
  padding: 1rem;
}

.chartWrapper .badge {
  padding: 8px 8px;
  border-radius: 17rem;
  font-size: 14px;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.chartWrapper .badge--theme {
  color: #ed3f46;
  background-color: #ffe7e7;
}

/* Header bar in the chartWrapper */

.chartWrapper .chartWrapper-head-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0px 11.5px 57.9px 0px #d9d9d940;
  background: linear-gradient(
    to right,
    #f04047 0%,
    rgba(126, 0, 0, 0.948257) 102.78%,
    rgba(247, 81, 81, 0.668912) 102.79%,
    rgba(247, 81, 81, 0.411458) 102.8%,
    #c32b31 102.81%
  );
  border: 3px;
  border-radius: 3rem;
  margin: 2rem 0rem;
  padding: 0.7rem 0.7rem 0.7rem 2.3rem;
}
.chartWrapper .chartWrapper-head-bar .head-bar-title-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem 1rem;
  border: 3px solid #f1f1f1;
  box-shadow: 4px 4px 8px 0px #0000001f;
  border-radius: 3rem;
  background: linear-gradient(90deg, #302e41 0%, #4c4a57 81.92%);
}
.chartWrapper .chartWrapper-head-bar h3 {
  margin: 0;
  color: white;
  /* font-size: 22px; */
  font-size: 1.3rem;
  font-weight: 700;
}
.chartWrapper .chartWrapper-head-bar h4 {
  margin: 0;
  color: white;
  font-size: 1.1rem;
  font-weight: 700;
}
.chartWrapper .chartWrapper-head-bar p {
  margin: 0;
  color: white;
  font-size: 0.9rem;
  font-weight: 400;
}

.chartWrapper .box-container {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin: 2rem 0rem;
}
.chartWrapper .box-container .box {
  padding: 1rem 1rem;
  width: 50%;
  border-radius: 20px;
  border: 3px solid #ed3f46;
}
.chartWrapper .box-container .value-count {
  display: flex;
  gap: 0.7rem;
  align-items: center;
}
.chartWrapper .box-container h1 {
  font-size: 2.5rem;
  font-weight: 700;
  margin: 0;
  color: linear-gradient(90deg, #302e41 0%, #4c4a57 81.92%);
}
.chartWrapper .box-container p {
  color: #939393;
  font-size: 14px;
  font-weight: 400;
}
.chartWrapper .box-container .btn-holder {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.chartWrapper .btn-holder button {
  font-size: 10px;
  padding: 0.3rem 0.13rem;
}
.chartWrapper__chart{
  border-radius: 14px;
  border: 1px solid #6c54e624;
  padding-block: 20px;
}
.chartWrapper__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: min(0.5vw, 2rem);
  /* margin-bottom: 1.2rem; */
}
.chartWrapper__top h3 {
  margin: 0;
  font-size: 18.5484px;
  line-height: 20px;
}
.chartWrapper__top > ul {
  min-width: 150px;
  display: inline-flex;
  align-items: center;
  gap: 1rem;
}
.chartWrapper__top > ul > li {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}
.chartWrapper__top > ul span {
  color: #939393;
  /* font-size: 14px; */
  font-size: 16px;
  line-height: 19px;
  /* line-height: 15px; */
}
.chartWrapper__top .dot {
  width: 8px;
  height: 8px;
}
.chartWrapper__top .dot--dark {
  background-color: #302e41;
}
.chartWrapper__top .dot--theme {
  /* background-color: #ed3f46; */
  background-color: #b2a3ff;
}
.chartWrapper__bottom {
  gap: 1.5rem;
  padding-top: 2rem;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chartWrapper__bottom .legendInfo {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  height: 4.2rem;
  border-radius: 14px;
  padding: 2rem 3rem 2rem 1rem;
}
.chartWrapper .bg-light-green {
  background: #02c94f17;
}
.chartWrapper .bg-light-primary {
  background: #8956f81a;
}
.chartWrapper__bottom .legendInfo .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background-color: white;
}
.chartWrapper__bottom .legendInfo .icon--gray {
  background: #e2e2e2;
}
.chartWrapper__bottom .legendInfo .icon--theme {
  background: #ffe7e7;
}
.chartWrapper__bottom .legendInfo .info__left h6 {
  /* font-size: 16px; */
  font-size: 10px;
  /* line-height: 18px; */
  line-height: 16px;
  /* color: #939393; */
  color: #828282;
  margin-bottom: 0.4rem;
}
.chartWrapper__bottom .legendInfo .info__right {
  gap: 2rem;
  display: inline-flex;
  align-items: center;
}
.chartWrapper__bottom .legendInfo .info__right span {
  /* color: #302e41; */
  color: #3d3d3d;
  /* font-size: 22px; */
  font-size: 14px;
  line-height: 16px;
  /* line-height: 24px; */
}
.chartWrapper__bottom .legendInfo .info__right span.themeText {
  color: #ed3f46;
}
.chartWrapper__bottom .legendInfo .info__right .badge {
  height: 28px;
  border-radius: 1.2rem;
  font-size: 12px;
  line-height: 20px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.chartWrapper__bottom .legendInfo .info__right .badge--green {
  color: #15ce73;
  background: #d0ffe8;
}
.chartWrapper__bottom .legendInfo .info__right .badge--theme {
  background: #ffe7e7;
}
.chartWrapper__bottom .legendInfo .count-info {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
.chartWrapper__bottom .legendInfo .count-info span {
  margin: 0;
  color: #1e1e1e;
  font-size: 10px;
  line-height: 12px;
}
.chartWrapper__statSingle{
  padding: 15px;
  border-radius: 14px;
  background: #f7f2fe;
  position: relative;
  min-height: 86px;
}
.chartWrapper__statSingleNum{
  font-size: 30px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 5px;
}
.chartWrapper__statSingleText{
  color: #3D3D3D;
  font-size: 14px;
  font-weight: 500;
}
.chartWrapper__statSingleInfo{
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}
/* table action */
.action-btn-clr {
  width: 26px;
  height: 26px;
  border: none;
  border-radius: 6px;
  box-shadow: 3px 3px 12px 0px #a9a8ad4f;
  display: flex;
  justify-content: center;
  align-items: center;
}
.action-wrapper {
  display: flex;
  gap: 6px;
  justify-content: flex-end;
}
.action-btn-delete {
  background-color: #f67a7f;
}

.action-btn-download {
  background-color: #0299c9;
}

.action-btn-edit {
  background-color: #8d7aef;
}
.action-btn-view {
  background-color: #6c54e6;
}

.bg-grd-btn {
  background: linear-gradient(
    52.88deg,
    #0049e6 -5.02%,
    #9c15f7 52.99%,
    #ff4cf8 113.38%
  );
  border: none;
  height: 48px;
  border-radius: 10px;
  font-size: 14px;
  width: 170px;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bg-grd-btn:hover {
  color: white;
}
.light_btn_primary_text {
  width: 240px;
  height: 100%;
  border-radius: 10px;
  background: #e4e0fb;
  border: none;
  gap: 5px;
  color: #6c54e6;
}

/* admin task list */
.admin_task_list {
  list-style: none;
  font-size: 14px;
  line-height: 37px;
  color: #828282;
  position: relative;
  margin-left: calc(25px * var(--resp)) !important;
  padding-left: calc(30px * var(--resp)) !important;
  max-height: 0;
  overflow: hidden;
  transition: max-height 1s ease;
}
.admin_task_list::after {
  content: "";
  position: absolute;
  width: calc(13px * var(--resp));
  height: 93.5%;
  border-left: 1px solid #24222029;
  left: calc(12px * var(--resp));
  top: 0;
}
.admin_task_list a {
  position: relative;
  padding-block: calc(2.5px * var(--resp)) 0;
}
.admin_task_list a::after {
  content: "";
  position: absolute;
  width: calc(13px * var(--resp));
  height: 100%;
  border-bottom: 1px solid #24222029;
  left: calc(-18px * var(--resp));
  top: calc(-20px * var(--resp));
  border-radius: 0 0 0 8px;
}

.admin_task_list_active {
  max-height: calc(442px * var(--resp)) !important;
  transition: max-height 1s ease;
}

.admin_task_list_inner.active {
  color: #6c54e6;
  font-size: 14px;
  line-height: 37px;
}
.admin_task_list.active {
  color: #6c54e6;
  font-size: 14px;
  line-height: 37px;
}
.admin_task_list a {
  color: #828282;
}

.dashboard__centerMain.monitoring {
  flex: 1;
  overflow: auto;
}

.dataTables_wrapper {
  width: 100%;
  /* overflow-x: auto !important; */
  font-family: "Rubik", sans-serif;
}

/* select2 Multidropdown */
.select2-results__option[aria-selected="true"]{background:rgba(108,85,230,0.5);}
.select2-results__option[aria-selected="true"]:hover{background:#6c54e6;}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
  padding-right:10px!important;
  padding-left:40px!important;
  display: inline-flex!important;
  align-items: center;
  border: 1px solid #cecece!important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice span{
  color: #666!important;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered{
   flex-wrap: wrap;
}
.select2-container .select2-search--inline .select2-search__field{
  height: 30px!important;
  min-width: 150px;
  margin-right: -30px;
}
.select2-container .select2-search--inline .select2-search__field{
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAYAAAC5DOVpAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGUSURBVHgBrZTdcYJAFIVZ1OdQAh3EEkgFJhXEVKA++8AyFhBTgaYDU4GxAzqIJazP/OUcvJKFQYIznhm8rHv34+zlLspp0Wq1CoqimCilfAw9XCbP8x2uQxRFR+eKlD0Iw3A8HA7fAQoIQORCI1Bfxp/I050wJEwHgwFBBkMNF19wYewHYX6G2ynm1lrrRSsMiT4SfwCKkfhkQ5oCJHRdVyM3ajp0+QPQnlsA6KULJLAIYY2th3Rbg7HYrAfzuoprK8syAg1MvNZgfGu8YY2cnhL3O1zTGgx2x6zVf9trCutiBA9b9SqYxJtAFAycGEej0UMFY+Glj24S1pSQJElOFUzs+rbdngqa5XHTNC0LLw3ZS+xLgJ7FSCVX2oFvZs6kPjAcuQ2CkRb5g/EHf75xEp297wKyFHj4Vs6uB2czuzz22eSR2jvnBt7i/mO5XMaXObiZADLnPHpSl07Ox+ooR/DY/GoQGDqNZrwIC78RNPIOkh8gfyMGFurKdnw89ZENXdpXyuBF8VsWt+XK12bs3Eus3S8N3+XAQO5+HAAAAABJRU5ErkJggg==) no-repeat left 0px center;
  padding-left:30px;
  
}
.select2__wrapper .select2-selection__rendered .select2-search{
  /* box-shadow: inset 0 0 5px #e8e8e8; */
  border: 0!important;
  background-color: transparent;
}


/* vihm-dropdown toggle */
.vihm-dropdown{
  
}
.vihm-dropdown-toggle{
  position: relative;
}
.vihm-dropdown::after{
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    border-radius: 10px;
    transition: 0.5s;
    background-image: url('../images/icons/form_group_dropDownArrow.svg'), linear-gradient(52.88deg, #0049e6 -5.02%, #9c15f7 52.99%, #ff4cf8 113.38%);
    background-position: center, center;
    background-repeat: no-repeat, no-repeat;
    border: 2px solid #ffffff;
    width: calc(3.5rem* var(--resp));
    z-index:1;
    pointer-events: none;
}
.vihm-dropdown .dropdown-menu.show + *{
  transform: rotate(180deg);
}


@keyframes animateLoader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.vihloader-outer {
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  inset: 0;
  box-sizing: border-box;
  z-index: 111;
  backdrop-filter: blur(3px);
}
.vihloader-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
}
.vihloader {
  position: relative;
  width: 70px;
  height: 70px;
  border-radius: 50%; /* Ensures a perfect circle */
  background: linear-gradient(
    22.33deg,
    #0049e6 -5.87%,
    #9c15f7 53.8%,
    #ff4cf8 115.91%
  );
  border: 0px solid #fff;
  animation: animateLoader 1s linear infinite;
  transform-origin: center center;
  box-sizing: border-box;
}

.vihloader-text {
  text-align: center;
  margin-top: 10px;
  box-sizing: border-box;
}

.vihloader::before {
  content: "";
  position: absolute;
  width: 62px;
  height: 62px;
  border-radius: 50%; /* Ensures a perfect circle */
  background: #fff;
  border: 0px solid #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center center;
  box-sizing: border-box;
}


/* New vih campaign header part */
.campDetails1{

}
.campDetails1__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.campDetails1__name{
  padding-top: 0!important;
}
.campDetails1__desc{
  color: #939393;
}
.campDetails1__daterange{
  color: #5C5C5C;
  font-size: 13px;
  font-weight: 400;
  position: absolute;
  padding: 5px 20px 3px 20px;
  height: 30px;
  border-radius: 15px 0 0 0;
  left: 0;
  top: 0;
  background-color: #eeeeee;
}
.campDetails1__daterange::after{
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  border-left: 0px solid #eeeeee;
  border-bottom: 30px solid #eeeeee;
  border-right: 10px solid transparent;
  transform: translateX(100%);
}
.campDetails1__cards{
  display: flex;
  gap: 20px;
}
.campDetails1__cards--1 .campDetails1__card{
  min-height: 99px;
}
.campDetails1__cards--1 .campDetails1__card--small .campDetails1__count{
  display: flex;
  height: 30px;
  align-items: center;
  font-weight: 500;
}
.campDetails1__cards--1 .campDetails1__card--small .campDetails1__text{
  font-weight: 400;
}
.campDetails1__cards > *{
  flex: 1;
}
@media (max-width:1200px){
  .campDetails1__cards{
    overflow-x: auto;
  }
  .campDetails1__card{
    width: 43vw;
  }
}
@media (max-width:767.98px){
  .campDetails1__card{
    width: 55vw;
  }
}

@media (max-width:567.98px){
  .campDetails1__card{
    width: 60vw;
  }
}

.campDetails1__card{
  min-height: 56px;
  border-radius: 14px;
  padding: 20px 30px;
  position: relative;
}
.campDetails1__text{
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
}
.campDetails1__count{
  font-weight: 800;
  font-size: 30px;
  line-height: 1;
  margin-bottom: 10px;
}
.campDetails1__cardInfo{
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}
.campDetails1__card--bg1{
  background-color: #f7f2fe;
}
.campDetails1__card--bg1 .campDetails1__count{
  color: #6C54E6;
}
.campDetails1__card--bg2{
  background-color: #f2f6fe;
}
.campDetails1__card--bg2 .campDetails1__count{
  color: #568DF8;
}
.campDetails1__card--bg3{
  background-color: #f2f6fe;
}
.campDetails1__card--bg3 .campDetails1__count{
  color: #00a1cc;
}
.campDetails1__card--bg4{
  background-color: #f7f2fe;
}
.campDetails1__card--bg4 .campDetails1__count{
  color: #00d77f;
}
.campDetails1__card--bg5{
  background-color: #f7f2fe;
}
.campDetails1__card--bg5 .campDetails1__count{
  color: #ff7c81;
}



.launchTime__radio{
  
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.launchTime__radio label{
  display: inline-flex;
  height: 55px;
  gap: 10px;
  padding-inline: 20px;
  min-width:100px;
  border: 1px solid #6c54e626;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.launchTime__radio label input[type="radio"]{
  display: none;
}
.launchTime__radio label span{
  position: relative;
  z-index: 1;
}
.launchTime__radio label:first-child{
  border-radius: 10px 0 0 10px;
}
.launchTime__radio label:last-child{
  border-radius: 0px 10px 10px 0px;
  margin-left: -1px;
}
.launchTime__radiodot {
  border: 1px solid #6C54E6;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  position: relative;
}
.launchTime__radio label input[type="radio"]:checked + .launchTime__radiodot::after{
  content: '';
  border-radius: 50%;
  position: absolute;
  inset: 2px;
  background: linear-gradient(171.25deg, #FF4CF8 -22%, #9C15F7 46.2%, #0049E6 93.33%);
}
.launchTime__radio label input[type="radio"] + .launchTime__radiodot + .launchTime__btnbg {
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  inset: 0;
  z-index: 0;
  transition: 0.23s ease-out;
}
.launchTime__radio label input[type="radio"]:checked + .launchTime__radiodot + .launchTime__btnbg {
  background-color: rgba(0, 0, 0, 0.04);
}



.uploading-wrapper{
  position:relative;
  overflow: hidden;
}
.uploading-inner{
  position:absolute;
  inset: 1px;
  font-size: 12px!important;
  background: rgba(0,0,0,0.25);
  z-index:111;
  color: red;
  display: none;
}
/* .uploading-inner span{font-size: 12px!important;pointer-events: none;} */
.uploading-inner.active{
  display: block;
  background-image: url(../images/icons/uploading.gif);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
/* .uploading-animating{
  display: flex;
  position:absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}
@keyframes uploadingDotAnim1 {
  0% {opacity:0}
  15%{opacity: 1;}
  75% {opacity:1}
  100%{opacity:0}
}
@keyframes uploadingDotAnim2 {
  0% {opacity:0}
  15%{opacity: 0;}
  30%{opacity: 1;}
  75% {opacity:1}
  100%{opacity:0}
}
@keyframes uploadingDotAnim3 {
  0% {opacity:0}
  30%{opacity: 0;}
  45%{opacity: 1;}
  75% {opacity:1}
  100%{opacity:0}
}
@keyframes uploadingDotAnim4 {
  0% {opacity:0}
  45%{opacity: 0;}
  60%{opacity: 1;}
  75% {opacity:1}
  100%{opacity:0}
} */
/* .uploading-animating span:nth-child(1){
  animation: uploadingDotAnim1 1s ease-in-out infinite;
  animation-play-state: paused;
}
.uploading-animating span:nth-child(2){
  animation: uploadingDotAnim2 1s ease-in-out infinite;
  animation-play-state: paused;
}
.uploading-animating span:nth-child(3){
  animation: uploadingDotAnim3 1s ease-in-out infinite;
  animation-play-state: paused;
}
.uploading-animating span:nth-child(4){
  animation: uploadingDotAnim4 1s ease-in-out infinite;
  animation-play-state: paused;
}
.uploading-inner.active > .uploading-animating > *{
  animation-play-state: running;
} */







/* analyStatsDiv */
.analyStatsDiv{
  margin-top: 2rem;
  border: 1px solid rgba(108, 84, 230, 0.14);
  background-color: #fff;
  padding: calc(20px* var(--resp));
  border-radius: 15px;
}
.analyStatsDiv h2{
  margin-top: 0!important;
}
.analyStatsDiv__single{
  border: 1px solid rgba(108, 84, 230, 0.14);
  padding: calc(20px* var(--resp));
  border-radius: 15px;
  display: flex;
  align-items: center;
  gap: calc(20px* var(--resp));
  font-size: calc(16px* var(--resp))!important;
  justify-content: start;
  transition: 0.23s ease-out;
  background: #fff;
  line-height: 1.1;
  box-shadow: 0px 11.5948px 57.9738px rgba(217, 217, 217, 0.25);
}

@media (max-width:1600px) {
  .analyStatsDiv__single{
    min-height: 102px;
  }
}

.analyStatsDiv__icon-wrapper{
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(52.88deg, #0049E6 -5.02%, #9C15F7 52.99%, #FF4CF8 113.38%);
  box-shadow: 0px 11.5948px 57.9738px rgba(217, 217, 217, 0.25);
  border-radius: 10px;
}
.analyStatsDiv__icon-wrapper svg path{
  fill: #fff!important;
}
.analyStatsDiv__rate{
  align-self: end;
}
.analyStatsDiv__observation{
display: flex;
align-items: center;
gap: calc(10px* var(--resp));
align-self: end;
}
.analyStatsDiv__badge{
display: inline-flex;
background-color: #D0FFE8;
color: #0A8F4E;
gap: 5px;
padding: 5px 10px;
border-radius: 10px;
font-weight: 500;
align-items: center;
font-size: 12px;
}
.analyStatsDiv__rateText{
  font-size: calc(14px* var(--resp));
}
.analyStatsDiv__percent{
  line-height: 1;
  margin-top: 5px;
  font-size: calc(26px* var(--resp));
  font-weight: bold;
}
.analyStatsDiv__single:hover{
  background: linear-gradient(52.88deg, #0049E6 -5.02%, #9C15F7 52.99%, #FF4CF8 113.38%);
  color: #fff;
}
.analyStatsDiv__single:hover .analyStatsDiv__icon-wrapper{
  background: #fff;
}
.analyStatsDiv__single:hover .analyStatsDiv__icon-wrapper svg path{
  fill: #6C54E6!important;
}
.analyStatsDiv__badge--red{
  color: #F67A7F;
  background: #ffe4e5;
}
.analyStatsDiv__badge--red svg{
  transform-origin: center;
  transform: rotate(180deg);
}
.analyStatsDiv__badge--red svg path{
  stroke: #F67A7F;
  
}
.page-header .page-header__right .page-header-search-container{
  display: none!important;
}

@keyframes modalBackgroundAnim {
  from{
    background: transparent;
    backdrop-filter: blur(0px);
    opacity: 0;
  }
  to{
    background: rgba(255, 255, 255, 0.23);
    -webkit-backdrop-filter: blur(4.5px);
    backdrop-filter: blur(4.5px);
    opacity: 1;
  }
}


/* vih-modal */
.modal-md{
  max-width:600px;
}
.vih-modal{

}
.vih-modal .modal-dialog{

}
.vih-modal .modal-content{
  border-radius: 1rem;
}
.vih-modal .modal-header{
  flex-direction: column;
  align-items: start;
  position: relative;
  border-bottom: 0px;
  padding-bottom: 20px;
  padding-inline: 20px;
}
.vih-modal .modal-header::after{
  content: '';
  height: 1px;
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 0;
  border-top: 1px solid #cacaca;
}
.vih-modal .modal-header .btn-close{
  position: absolute;
  width: calc(30px* var(--resp));
  height: calc(30px* var(--resp));
  background-color: #1E1E1E;
  border-radius: 0 14px 0 14px;
  right: 8px;
  top: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 100;
  background-image: url('../images/icons/smallCloseButton.svg');
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.23s ease-out;
}
.vih-modal .modal-title{
  font-size: calc(2.0rem* var(--fresp));
  font-weight: 700;
  display: block;
}
.vih-modal .modal-description{
  font-size: calc(15px* var(--fresp));
  color: #939393;
}
.vih-modal .btn-close{

}
.vih-modal .modal-body{
  padding-inline: 20px;
}
.vih-modal .modal-footer{
  padding-inline: 20px;
}
.vih-modal .select2__wrapper .select2-container--default .select2-selection--single {
  height: calc(53px* var(--resp));
}


.delieveredPill{
  position: relative;
}
.delieveredPillMore{
  position: absolute;
  display: none;
  right: 100%;
  top: 0;
  background-color: #fff;
  width: 300px;
  min-height: 100px;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #eaeaea;
  border-radius: 10px;
  padding:10px;
  font-size: 13px;
  box-shadow: 0 0 5px #eaeaea;
}
.delieveredPillMore b{
  font-weight: 500;
}
.delieveredPillInfoIcon{
  cursor: pointer;
}
.delieveredPill:hover .delieveredPillMore{
  display: block;
}






/* useDeskOverlay */
.useDeskOverlay{
  display: none;
}
@media (max-width:1200px) {
  .useDeskOverlay{
    background: #fff;
    position: fixed;
    inset: 0;
    z-index: 111;
    display: block;
  }
  .useDeskOverlay__head{
    position: absolute;
    display: flex;
    justify-content: space-between;
    padding: 20px 15px 15px 10px;
    left: 0;
    top: 0;
    right: 0;
    align-items: center;
  }
  .useDeskOverlay__body{
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 70px;
    overflow: auto;
    text-align: center;
    padding-inline: 30px;
    align-items: center;
  }
  .useDeskOverlay__body *{
    font-size: inherit;
  }
  
  body, html{
    overflow: hidden;
  }

  .useDeskOverlay__logo{
    width: 40px;
  }
  .useDeskOverlay__logo img{
    width: 100%;
  }
  .useDeskOverlay__menu img{
    width: 27.6px;
    height: 28.8px;
  }
  .color-blue{
    color: #6C54E6;
  }
  .useDeskOverlay__title1{
    font-size: 14px;
    margin-bottom: 30px;
    font-weight: 400;
  }
  .useDeskOverlay__title1 span{
    background: linear-gradient(90deg, #B224EF 0%, #7579FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
  }
  .useDeskOverlay__anim{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
  }
  .useDeskOverlay__anim dotlottie-player{
    width: 185px!important;
    height: 150px!important;
  }
  .useDeskOverlay__title2{
    font-size: 24px;
    font-weight: bold;
    color: #1E1E1E;
    margin-bottom: 30px;
  }
  .useDeskOverlay__title2 span{
    color: #6C54E6;
  }

  a{
    color: #6C54E6;
    text-decoration: underline;
  }
  @keyframes makeItSparkle {
    0% {
      opacity: 0;
        -webkit-clip-path: polygon(49% 100%, 48% 100%, 48% 100%, 49% 100%);
        clip-path: polygon(49% 100%, 48% 100%, 48% 100%, 49% 100%);
        transform: scale(0.75) translate3d(70%, -50%, 0);
    }
    12.5% {
        -webkit-clip-path: polygon(39% 0, 73% 0, 74% 100%, 40% 100%);
        clip-path: polygon(39% 0, 73% 0, 74% 100%, 40% 100%);
    }
    25% {
        opacity: 1;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    }
    85% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        transform: scale(1) translate3d(70%, -50%, 0);
    }
  }
  .useDeskOverlay__btn{
    border: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: calc(52px* var(--resp));
    padding: 0 calc(30px* var(--resp));
    border-radius: 10px;
    color: #fff;
    transition: all 0.3s ease-in-out;
    background: linear-gradient(52.88deg, #0049E6 -5.02%, #9C15F7 52.99%, #FF4CF8 113.38%);
    box-shadow: 0px 1.85px 3.15px 0px #623CE704, 0px 8.15px 6.52px 0px #623CE707, 0px 20px 13px 0px #623CE709, 0px 38.52px 25.48px 0px #623CE70B, 0px 64.81px 46.85px 0px #623CE70E, 0px 100px 80px 0px #623CE712;
    transition: 0.23s ease-out;
    text-decoration: none;
    position: relative;
  }
  .useDeskOverlay__btn:hover{
    color: #fff;
    filter: brightness(130%) contrast(1.3);
  }
  .useDeskOverlay__btn::after{
    content: "";
    width: 75px;
    height: 44px;
    background: url(../images/btn-sparkle.svg) no-repeat center center;
    position: absolute;
    pointer-events: none;
    right: 0;
    top: 0;
    transform: translate3d(70%, -50%, 0);
    animation: makeItSparkle 3s ease-out infinite;
  }
  .useDeskOverlay__std{
    margin-bottom: 50px;
  }
  .offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 20px 10px 10px;
  }
  .offcanvas-end{
    border: none;
  }
  .mobileMenu .btn-close {
    background: url(https://vihmessenger.com/images/icons/icon-close-blue.svg) no-repeat center center;
    opacity: 1;
  }
  .mobileMenu .navbar-nav {
    align-items: start;
    font-size: 20px;
    padding-left: 18px;
  }
  .mobileMenu .navbar-nav a {
    color: #1e1e1e;
  }
  .mobileMenu .nav-item {
    width: 100%;
  }
  .color_primaryGradient {
    background: linear-gradient(22.33deg, #0049e6 -5.87%, #9c15f7 53.8%, #ff4cf8 115.91%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }
  .mobileMenu .nav-item b {
    font-weight: 500;
  }
  .mobileMenu 
  .mobileMenu__footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: 20px;
  }
  .mobileMenu__social {
    display: flex;
    gap: 30px;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
  }
  .mobileMenu__social a {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: rgba(108, 84, 230, 0.1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .mobileMenu .nav-item--expandable ul {
    font-size: 16px;
    list-style-type: none;
    padding-left: 0px;
    border-left: 2px solid rgba(108, 84, 230, 0.3);
    position: relative;
    margin-left: 10px;
    width: 100%;
  }
  .nav-item--expandable ul {
    display: none;
  }
  .mobileMenu .nav-item--expandable ul li {
    margin-top: 10px;
    position: relative;
    padding-left: 35px;
    padding-top: 0px;
  }
  .mobileMenu .nav-item--expandable ul li::before {
    content: '';
    height: 2px;
    width: 40px;
    position: absolute;
    left: 0;
    border-bottom: 2px solid rgba(108, 84, 230, 0.3);
    bottom: 0;
  }
  .nav-item--expandabletoggler::after {
    content: '';
    width: 10px;
    height: 10px;
    border-right: 2px solid #000000;
    border-bottom: 2px solid #000000;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
  
  }
  .nav-item--expandable.active ul {
    display: block;
    margin-bottom: 20px;
  }
  .mobileMenu .nav-item--expandable ul li a {
    display: block;
    transform: translateY(15px);
  }
  .nav-item--expandabletoggler {
    position: relative;
  }
  .nav-item--expandable.active .nav-item--expandabletoggler::after {
    transform: translateY(-50%) rotate(45deg);
  }
  .navbar-nav {
    gap: 10px;
    display: flex;
  }

}
@media (max-width:1200px) and (min-width:768px){
  .useDeskOverlay__title2 {
    font-size: 30px;
    max-width: 85%;
  }
  .useDeskOverlay__title1 {
    font-size: 20px;
  }
  .useDeskOverlay__anim{
    img{
      width: 200px;
    }
  }
  .useDeskOverlay__btn {
    min-height: 52px;
    padding: 0 50px;
    font-size: 20px;
  }
}

@media (max-width:1200px) and (min-width:768px) and (orientation: landscape){
  .useDeskOverlay__title2 {
    max-width: 60%;
  }

  .useDeskOverlay__anim dotlottie-player{
    width: 250px!important;
    height: 250px!important;
  }
}

@media (max-width:1200px) and (min-width:768px) and (orientation: portrait){
  
  .useDeskOverlay__anim dotlottie-player{
    width: 300px!important;
    height: 300px!important;
  }
}

@media (max-width:767.98px){
  .useDeskOverlay__title2{
    font-size: 18px;
  }
}


.profileImageInside .drop-zone__thumb {
  width: 250px;
  height: 250px;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.profileImageInside.profileImageInside--212 .drop-zone__thumb {
  width: 190px;
  height: 190px;
}
.profileImageInside .drop-zone__thumb::after{
  display: none;
}


.br-inside hr{
  border-color: #6c54e63b;
  margin: 10px 0 20px;
}
.divide50--gap40 .divide50{
  gap: 40px!important;
}

/* form-toggle-password */
.form-toggle-password{
  position: relative;
}
.form-toggle-password input{
  width: 100%;
  padding-right: 50px;
}
.form-toggle-password .toggle-password{
  position: absolute;
  width: 50px;
  top: 1px;
  right: 1px;
  bottom: 1px;
  background-color: transparent;
  border-radius: 0 10px 10px 0;
  background-image: url('../images/icons/pass-eye-slash.svg');
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.form-toggle-password .toggle-password.active{
  background-image: url('../images/icons/pass-eye.svg');
}

/* otp-field */
.otp-field {
  display: inline-flex;
  background-color: #f2eefc;
  padding: 15px;
  border-radius: 10px;
  gap: 30px;
}
.otp-field input {
  width: 70px;
  min-width: 70px;
  font-size: 32px;
  padding: 5px;
  height: 70px;
  text-align: center;
  border-radius: 10px;
  border: 1px solid #e7def8;
  background: #ffffff;
  font-weight: 600;
  color: #1E1E1E;
  outline: none;
  transition: all 0.1s;
}
.otp-field input:focus {
  border: 1px solid #6c54e6;
  box-shadow: 0 0 2px 2px #a527ff6a;
}
.otp-field input.disabled {
  opacity: 0.65;
}

/* Form button wrapper */
.formButtonWrapper{
  background: #ffffff;
  position: fixed;
  bottom: 0;
  display: flex!important;
  padding: 10px;
  width: auto;
  margin-bottom: 0 !important;
  transform: translateY(0%);
  transition: 0.5s ease-in-out;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  gap: 10px;
}
.formButtonWrapper.hidden{
  opacity: 0;
  transform: translateY(100%);
  display: flex!important;
  transition: 0.5s ease-in-out;
  gap: 10px;
}


/* userTypeInfo */
.userTypeInfo{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 15px 12px;
  border: 2px solid #f3aa30;
  border-radius: 10px;
  background-color: #fef8e7;
  font-size: 14px;
  margin-bottom: 15px;
}
.userTypeInfo--superReseller{
  border: 2px solid #f3aa30;
  background-color: #fef8e7;
}
.userTypeInfoDetails{
  background-color: #f6f5fe;
  border: 1px solid #e3dcf8;
  border-radius: 10px;
  padding: 25px;
}

.dynamicForm h6 .text-grdnt{
  font-size: calc(15px* var(--fresp));
  line-height: 1.2;
}

.profileImageInside--vertical .drop-zone__prompt{
  flex-direction: column;
}

.profileImageInside--vertical .drop-zone__prompt .left__inner{
  width: calc(136px* var(--resp));
  height: calc(136px* var(--resp));
}
.profileImageInside--vertical .drop-zone__prompt .right{
  text-align: center;
}
.profileImageInside--s110 .drop-zone__prompt .left__inner {
  width: calc(110px * var(--resp))!important;
  height: calc(110px * var(--resp))!important;
}
.profileImageInside--s110 .drop-zone__prompt {
  gap: 15px;
}
.navButtonsBottom button{
  border-left: 1px solid #cccccc!important;
  padding-block: 5px;
}


.input-group--email{
  position: relative;
}
.input-group--email .btn-pure-gradient{
  position: absolute;
  right: 5px;
  top: 5px;
  bottom: 5px;
  height: auto!important;
  padding-block:0;
}
.input-group--email .btn-pure-gradient.sent{
  background: #1e1e1e;
  color: #fff;
  display: flex;
  gap: 10px;
  align-items: center;
}
.input-group--email .btn-pure-gradient.verified{
  background: #3ed291;
  color: #fff;
  display: flex;
  gap: 10px;
  align-items: center;
  filter: none!important;
}
.input-group--email input.form-control:hover{
  border-top-right-radius: 0!important;
  border-bottom-right-radius: 0!important;
}
.input-group--email .btn-outline-secondary{
  height: auto;
  border: 1px solid #cecece;
  border-top-right-radius: 10px!important;
  border-bottom-right-radius: 10px!important;
}
.input-group--email .btn-outline-secondary:hover{
  color: #fff;
}


/* addContacts01 */
.addContacts01{
  border-radius: 10px;
  background: #f7f6fd;
  padding: 20px;
}
.addContacts01__btn-outer{
  text-align: right;
  padding-right: 30px;
}
.addContacts01__btn-outer a{
  text-decoration: none;
}
.addContacts01__btn-outer a:hover{
  text-decoration: underline;
}
.addContacts01 > .addContacts01__single:last-child{
  margin-bottom: 0;
}
.addContacts01__single{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.addContacts01__single .row{
  flex-grow: 1;
}
.addContacts01__single .addContacts01__single-delete{
  flex-grow: 0;
  padding-left: 15px;
  padding-top: 25px;
}
.addContacts01__all .addContacts01__single:first-child .addContacts01__single-delete{
  opacity: 0;
  pointer-events: none;
}
.addContacts01__single__contact-icon{
  position: absolute;
  left: 10px;
  top: 12px;
}
.addContacts01__single-phone-name{
  padding-left: 50px!important;
}


.drop-zone--vertical-align{
  flex-direction: column;
  text-align: center;
}

.vih-nav .nav-tabs{
  border-bottom: 1px solid #ebe8fa;
}
.vih-nav .nav-tabs .nav-link{
  padding: calc(15px* var(--resp)) calc(40px* var(--resp));
  font-weight: 400;
  font-size: calc(14px* var(--resp));
  line-height: calc(16.59px* var(--resp));
  white-space: nowrap;
  color: #3d3d3d;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease-in-out;
  outline: none;
  position: relative;
  box-shadow: none;
  border: none;
}
.vih-nav .nav-tabs .nav-link.active{
  background-clip: text;
  color: transparent;
  font-weight: 500;
  background-image: linear-gradient(52.88deg, #0049e6 -5.02%, #9c15f7 52.99%, #ff4cf8 113.38%);
}
.vih-nav .nav-tabs .nav-link.active::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background-image: linear-gradient(52.88deg, #0049e6 -5.02%, #9c15f7 52.99%, #ff4cf8 113.38%);
}
.vihconfdiv{
  border: 1px solid #ebe6fa;
  border-radius: 10px;
  padding: 15px 20px;
  margin-bottom: 20px;
  transition: 0.23s ease-out;
  color: #828282;
}
.vihconfdiv.active{
  background-color: #f5f2fc;
}
.vihconfdiv h3{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0;
  color: #3D3D3D;
}
.vihconfdiv__status{
  font-weight: 300;
}
.vihconfdiv .toggle-switch label {
  cursor: pointer;
  text-indent: -9999px;
  width: 50px;
  height: 25px;
}
.vihconfdiv .toggle-switch label:after {
  width: 18px;
  height: 18px;
}
.vihconfdiv__inner{
  background-color: #fff;
  padding: 20px;
  margin-top: 20px;
  border: 1px solid #e7e2f9;
  border-radius: 10px;
}
.vihconfdiv__inner h3{
  font-size: 18px;
  color: #3D3D3D;
}
.vihconfdiv .vihconfdiv__inner{
  display: none;
  opacity: 0;
}
.vihconfdiv.active .vihconfdiv__inner{
  display: block;
  opacity: 1;
}
.vihconfdiv-liveagent__single-days input[type="checkbox"]{
  display: none;
}
.vihconfdiv-liveagent__single-days input[type="checkbox"]:checked + .vihconfdiv-liveagent__btn{
  background-color: #6C54E6;
  color: #fff;
}
.vihconfdiv-liveagent__single-days .vihconfdiv-liveagent__btn{
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #E6E6E6;
  border-radius: 50%;
  cursor: pointer;
  user-select: none;
  transition: 0.23s ease-out;
  font-size: 14px;
}
.vihconfdiv-liveagent__single-days .vihconfdiv-liveagent__btn:hover{
  background-color: #dddddd;
}
.vihconfdiv-liveagent__single h4{
  font-size: 14px;
  color: #000000;
}
.vihconfdiv-liveagent__single{
  display: flex;
  margin-top: 20px;
  gap: 50px;
}
.vihconfdiv-liveagent__single > div{
  flex: 1;
}
.vihconfdiv-liveagent__single-days .row{
  flex-wrap: nowrap;
  --bs-gutter-x: 5px;
}

.vihconfdiv-liveagent__single-addNew{
  transition: 0.23s ease-out;
  background: linear-gradient(52.88deg, #0049e6 -5.02%, #9c15f7 52.99%, #ff4cf8 113.38%);
  width: 150px;
  display: inline-flex;
  height: 50px;
  border-radius: 15px;
  align-items: center;
  justify-content: center;
  color: #fff;
  cursor: pointer;
  gap: 10px;
}
.vihconfdiv-liveagent__single-addNew:hover {
  filter: brightness(130%) contrast(1.3);
}

.vihconfdiv-liveagent__single-delete{
  transition: 0.23s ease-out;
  background-color: #e4e0fb;
  color: #6c54e6;
  width: 150px;
  display: inline-flex;
  height: 50px;
  border-radius: 15px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  gap: 10px;
}
.vihconfdiv-liveagent__single-delete:hover {
  color: #6c54e6;
  background-color: white;
  border: 1px solid #6c54e6;
}

@media screen and (max-width: 1800px) {
  .vihconfdiv-liveagent__single{
    gap: 20px;
  }
  .vihconfdiv-liveagent__single > div:last-child{
    flex:0;
  }
  .vihconfdiv-liveagent__single > div:nth-child(2){
    min-width: 200px;
  }
  .vihconfdiv-liveagent__single-days .vihconfdiv-liveagent__btn {
    width: 45px;
    height: 45px;
  }
  .vihconfdiv-liveagent__single-days .row {
    height: 55px;
    align-items: center;
    --bs-gutter-x: 2.5px;
  }
}

/* Error */
.errorContainer{
  display: none;
}
.errorContainer{
  color: #F92525!important;
  margin-top:5px!important;
  font-size: 12px!important;
  padding-left: 18px;
  background: url('../images/icons/error-icon.svg') no-repeat left top 2px;
}
.select2__wrapper .errorContainer{
  color: red!important;
}
.select2__wrapper.errorContainer__wrapper.errorContainer--active .select2-container--default .select2-selection--single,
.select2__wrapper.errorContainer__wrapper.errorContainer--active .select2-container--default .select2-selection--multiple,
.errorContainer__wrapper.errorContainer--active .text-section, 
.errorContainer__wrapper.errorContainer--active .drop-zone, 
.errorContainer__wrapper.errorContainer--active .select2-container--default .select2-selection--multiple,
.errorContainer__wrapper.errorContainer--active .input-group.clockpicker .form-control,
.errorContainer__wrapper.errorContainer--active .hasDatepicker,
.errorContainer__wrapper.errorContainer--active input[type="text"],
.errorContainer__wrapper.errorContainer--active input[type="password"],
.errorContainer__wrapper.errorContainer--active input[type="email"],
.errorContainer__wrapper.errorContainer--active input[type="tel"],
.errorContainer__wrapper.errorContainer--active input[type="number"],
.errorContainer__wrapper.errorContainer--active textarea{
  border: 1px solid #ffd1d1!important;
  background: #fffbfb!important;
}
.errorContainer__wrapper.errorContainer--active .errorContainer{
  display: block!important;
}
.errorContainer__wrapper.errorContainer--active .cke_chrome{
  border: 1px solid #ffd1d1!important;
}
.errorContainer__wrapper.errorContainer--active .cke_wysiwyg_frame{
  background: #fffbfb!important;
}
.uploadUrl--wrapper.errorContainer--active .uploadUrl__left .form-group,
.uploadUrl--wrapper.errorContainer--active .uploadUrl__right .form-group,
.uploadUrl--wrapper.errorContainer--active .uploadUrl .upload-control > div{
  border: 1px solid #ffd1d1!important;
  background: #fffbfb!important;
}



.dtRowDel-popUp {padding: 20px;}
.swal2-container .dtRowDel-popUp .swal2-title { padding-top: 15px; padding-bottom: 15px; }
.color-grey{
  color: #828282;
}

.recipientsBlock{
  
}
.recipientsBlock__head{
  background: linear-gradient(52.88deg, rgb(0, 73, 230) -5.02%, rgb(156, 21, 247) 52.99%, rgb(255, 76, 248) 113.38%);
  height: 49px;
  border-radius: 10px;
  margin-bottom: 7px;
  font-weight: 700;
  font-size: 15px;
  padding: 10px 15px 10px 15px;
  color: #fff;
}
.recipientsBlock__body{
  padding: 10px;
  background-color: #f2eefc;
  border-radius: 10px;
}


.noVihTemplates{
  text-align: center;
  padding: 75px 30px;
  min-height: calc(100vh - 255px);
  width: calc(100vw - 200px);
}
.noVihTemplates__img{
  display: inline-block;
  width: 100%;
  max-width:587px;
  pointer-events: none;
  user-select: none;
}
.noVihTemplates h2{
  font-size: 32px;
  margin-bottom: 15px;
  max-width: 524px;
  margin-inline: auto;
  line-height: 1.2;
}
.noVihTemplates p{
  font-size: 15px;
  color: #828282;
  margin-bottom: 35px;
}
.noVihTemplates__btns{
  margin-top: -120px;
  position: relative;
  z-index: 1;
}
.noVihTemplates__btns a{
  padding-inline: 50px;
}
@media (max-width:800px) {
  .noVihTemplates__btns {
    margin-top: -80px;
  }
}
@media (max-width:500px) {
  .noVihTemplates__btns {
    margin-top: -50px;
  }
}

.dateRangeBtn{
  background: linear-gradient(22.33deg, #0049e6 -5.87%, #9c15f7 53.8%, #ff4cf8 115.91%);
  height: calc(48px* var(--resp));
  position: relative;
  z-index: 1;
  border: none;
  border-radius: 10px;
  padding-inline: 20px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  min-width: 125px;
  transition: 0.23s ease-out;
}
.dateRangeBtn:hover{
  color: #fff !important;
  background: linear-gradient(52.88deg, #0049e6 -5.02%, #9c15f7 52.99%, #ff4cf8 113.38%);
  filter: brightness(130%) contrast(1.3);
}

.daterangepicker .ranges li.active {
  background-color: #6c54e6;
  color: #fff;
}
.daterangepicker.opensright:before {
  right: 99px;
  left: auto;
}
.daterangepicker.opensright:after {
  left: auto;
  right: 100px;
}

.report--SEEN path{
  fill: #02C94F!important;
}
.status-pill{
  background: #EEEEEE;
  line-height: 1;
  padding: 9px 15px;
  border-radius: 20px;
  font-size: 14px;
  min-width: 120px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.status--Seen,
.status--SEEN{
  color: #02C94F;
  background-color: #EBFBF1;
}
.status--Queue,
.status--Incomplete,
.status--grey{
  color: #494949;
  background-color: #EEEEEE;
}
.status--Sent{
  background-color: #dedede;
}

.status--Rejected,
.status--NotApproved,
.status--red{
  color: #F67A7F;
  background-color: #FEF4F5;
}
.status--Delivered,
.status--InReview,
.status--blue{
  color: #568DF8;
  background-color: #F1F6FE;
}
.status--Completed{
  color: rgba(246, 122, 127, 1);
  background-color: rgba(254, 244, 245, 1);
}
.status--Cancelled{
  color: rgba(73, 73, 73, 1);
  background-color: rgba(238, 238, 238, 1);
}
.status--Ongoing{
  color: rgba(94, 145, 254, 1);
  background-color: rgba(230, 238, 255, 1);
}

.channelFeatured{
}
.channelFeatured__single{
  background: #FFFFFF;
  border: 1px solid rgba(108, 84, 230, 0.14);
  box-shadow: 0px 11.5948px 57.9738px rgba(217, 217, 217, 0.25);
  border-radius: 14px;
  padding: 20px 30px;
}

.owl-carousel .owl-item .channelFeatured__single img{
  width: auto;
}
.channelFeatured__head{
  color: #161616;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
.channelFeatured__head span{
  color: #43BA7F;
}
.owl-carousel .owl-item .channelFeatured__head img{
  width: 34px!important;
}
.channelFeatured__body{
  display: flex;
  width: 100%;
  gap: 15px;
  
}
.channelFeatured__body > div img{
  margin-inline: auto;
  margin-bottom: 15px
}
.channelFeatured__body > div{
  background: #FFFFFF;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  text-align: center;
  color: #828282;
  padding: 20px;
  flex:1;
}
.channelFeatured__body .fw500{
  color: #5E5E5E;
}
.channelFeatured .owl-prev{
  width: 39px;
  height: 39px;
  background-color: #FFFFFF!important;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.12);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate3d(-60%, -50%, 0);
  font-size: 0px;
  opacity: 1;
  background-image: url('../images/channel-carousel-left.svg')!important;
  background-repeat: no-repeat!important;
  background-position: center!important;
}
.channelFeatured .owl-next{
  width: 39px;
  height: 39px;
  background-color: #FFFFFF!important;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.12);
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate3d(60%, -50%, 0);
  font-size: 0px;
  background-image: url('../images/channel-carousel-right.svg')!important;
  background-repeat: no-repeat!important;
  background-position: center!important;
}
.channelFeatured .owl-next span,
.channelFeatured .owl-prev span{
  font-size: 0px
}
.channelFeatured .owl-carousel .owl-item{
  padding-block: 35px 35px;
}
.channelFeatured .owl-prev.disabled{ opacity: 0;}
.channelFeatured .owl-next.disabled{ opacity: 0;}

.channelChartContainer{
  position: relative;
}
.channelChartContainer::before{
  content: '';
  position: absolute;
  inset: 50px 0 0 0;
  border: 1px solid #eaeaea;
  border-radius: 15px;
  z-index: 0;
}
.channelChartContainer canvas{
  position: relative;
  z-index: 1;
}
.channelChartContainer{
  
}

.new__auth__inner .contentBody__header{margin-bottom: 15px;}



/* .vih checkbox */
.vih-checkbox input[type="checkbox"]{
  display: none;
  opacity: 0;
}
.vih-checkbox input[type="checkbox"] + .vih-checkbox__icon{
  display: inline-flex;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  border: 1px solid rgba(133, 133, 133, 1);
  /* background: url(./../images/icons/disabled-state-checkbox.svg) no-repeat 100%; */
  background-size: 20px;
  position: relative;
  transition: 0.23s ease-out;
  transform-origin: 0% 100%;
  cursor: pointer;
  margin-bottom: -4px;
}
.vih-checkbox input[type="checkbox"]:checked + .vih-checkbox__icon{
  background-color: rgba(108, 84, 230, 1);
  border-color: rgba(108, 84, 230, 1);
  /* background-image: linear-gradient(52.88deg, #0049e6 -5.02%, #9c15f7 52.99%, #ff4cf8 113.38%); */
}
.vih-checkbox input[type="checkbox"] + .vih-checkbox__icon::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 6px;
  background: url(./../images/icons/white-tickmark2.svg) no-repeat center;
  /* background: url(./../images/icons/white-tickmark.svg) no-repeat center; */
  background-size: 13px;
  transition: all 0.3s ease-in-out;
}
.vih-checkbox input[type="checkbox"]:checked + .vih-checkbox__icon::after {
  scale: 1;
}







/* HTML: <div class="loading"></div> */
.loading1{
  position: absolute;
  inset: 0;
  z-index: 111;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(3px);
}
.loading1.loading1--body{
  position: fixed;
}
.loading1__inner{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  text-align: center;
}
.loading1__spinner {
  display: inline-flex;
  width: calc(62px * var(--resp));
  aspect-ratio: 1;
  animation: l10-0 1.5s infinite linear;
  
}
.loading1__spinner:before,
.loading1__spinner:after {
  content: "";
  width: 50%;
  background: rgba(108, 84, 230, 1);
  clip-path: polygon(0 0,100% 50%,0% 100%);
  animation: inherit;
  animation-name: l10-1;
  transform-origin: bottom left;
}
.loading1__spinner:before {
  clip-path: polygon(0 50%,100% 0,100% 100%);
  transform-origin: bottom right;
  --s:-1;
}
@keyframes l10-0 {
  0%,34.99% {transform: scaley(1)}
  35%,70%   {transform: scaley(-1)}
  90%,100%  {transform: scaley(-1) rotate(180deg)}
}

@keyframes l10-1 {
  0%,10%,70%,100%{transform:translateY(-100%) rotate(calc(var(--s,1)*135deg))}
  35%            {transform:translateY(0%)    rotate(0deg)}
}
.loading1__text{
  color: rgba(121, 121, 121, 1);
  font-size: calc(20px * var(--resp));
  font-style: italic;
}


/* HTML: <div class="loader"></div> */
.loading2{
  position: absolute;
  inset: 0;
  z-index: 111;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(3px);
}
.loading2.loading2--body{
  position: fixed;
}
.loading2__inner{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  text-align: center;
  width: 573px;
  max-width: 100%;
  background: #FFFFFF;
  border: 1px solid #C7C7C7;
  box-shadow: 0px 11.5948px 57.9738px rgba(217, 217, 217, 0.25);
  border-radius: 14px;
  padding: 50px 25px;
}
.loading2.loading2--body .loading2__inner{
  padding: 15vh 25px;
}
.loading2__spinner {
  display: inline-flex;
  width: calc(62px * var(--resp));
  aspect-ratio: 1;
  animation: l10-0 1.5s infinite linear;
  
}
.loading2__spinner:before,
.loading2__spinner:after {
  content: "";
  width: 50%;
  background: rgba(108, 84, 230, 1);
  clip-path: polygon(0 0,100% 50%,0% 100%);
  animation: inherit;
  animation-name: l10-1;
  transform-origin: bottom left;
}
.loading2__spinner:before {
  clip-path: polygon(0 50%,100% 0,100% 100%);
  transform-origin: bottom right;
  --s:-1;
}
@keyframes l10-0 {
  0%,34.99% {transform: scaley(1)}
  35%,70%   {transform: scaley(-1)}
  90%,100%  {transform: scaley(-1) rotate(180deg)}
}

@keyframes l10-1 {
  0%,10%,70%,100%{transform:translateY(-100%) rotate(calc(var(--s,1)*135deg))}
  35%            {transform:translateY(0%)    rotate(0deg)}
}
.loading2__html{
  margin-top: 10px;
}
.loading2__html h2{
  color:rgba(30, 30, 30, 1);
  font-size: calc(22px * var(--resp));
  font-weight: 500;
}
.loading2__html p{
  color: #797979;
  font-size: calc(16px * var(--resp));
}
@keyframes l6 {
    100% {inset:0}
}




/* Developer API Documentation */
.docHeaderNav{
  display: inline-flex;
  position: fixed;
  top: 24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 11111111;
  gap: 85px;
}
.docHeaderNav a{
  text-decoration: none;
  color: #000000;
  font-size: 18px;
  font-weight: 400;
}
.docHeaderNav a.active{
  color: #6C54E6;
  font-weight: 500;
}

.vihApiDocs{
  position: relative;
  padding-left: 360px;
  padding-top: 100px;
  padding-right: 30px;
}
.vihApiDocs__sidebar{
  position: fixed;
  width: 300px;
  border-radius: 20px;
  background-color: #131313;
  top: 100px;
  left: 30px;
  bottom: 100px;
}
.vihApiDocs__content{
  padding-right: 30px;
  border-radius: 14px;
  border: 1px solid #6C54E63D;
  padding: 35px 0px 30px 0px;
  min-height: calc(100vh - 130px);
  margin-bottom: 30px;
  color: #6A6A6A;
  font-size: 16px;
}
.vihApiDocs__content ul{
  list-style-type: none;
}
.vihApiDocs__content h1, 
.vihApiDocs__content h2, 
.vihApiDocs__content h3, 
.vihApiDocs__content h4, 
.vihApiDocs__content h5, 
.vihApiDocs__content h6{
  color: #1E1E1E;
}
.vihApiDocs__content a{
  color: #6C54E6;
  text-decoration: none;
}
.vihApiDocs__content a:hover{
  color: #6C54E6;
  text-decoration: underline;
}
.vihApiDocs__dashBtn{
  position: absolute;
  bottom: -75px;
  left: 0;
  right: 0;
  background: #6C54E626;
  color: #6C54E6;
  font-size: 14px;
  display: flex;
  gap: 7px;
  align-items: center;
  justify-content: center;
  height: 50px;
  text-decoration: none;
  border-radius: 12px;
  transition: 0.23s ease-out;
}
.vihApiDocs__dashBtn:hover{
  background: rgba(108, 84, 230, 0.25);
}
.vihApiDocs__content table{

}
.vihApiDocs__content .dataTables_wrapper {
}
.vihApiDocs__content .vihm-table th span {
  
}
.vihApiDocs__content .vihm-table tr.bg-enabled th:first-child,
.vihApiDocs__content .vihm-table tr.bg-enabled th:last-child {
  border-radius: 0;
}
.vihApiDocs__px-30{
  padding-inline: 30px;
}
.vihApiDocs__content .dt-buttons{
  display: none;
}
.vihApiDocs__content .vihm-table tbody tr:hover td:first-child,
.vihApiDocs__content .vihm-table tbody tr:hover td:last-child {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}
.vihApiDocs__content .vihm-table tbody tr td {
  border-top: 1px solid transparent;
  border-bottom: 1px solid #6c54e624;
}
.vihApiDocs__content .vihm-table thead tr th {
  border-top: 1px solid rgba(108, 84, 230, 0.1);
  border-bottom: 1px solid rgba(108, 84, 230, 0.1);
}
.vihApiDocs__content .vihm-table th span{
  color: rgba(30, 30, 30, 1);
  font-size: 16px;
}
.vihApiDocs__content .vihm-table tbody tr td,
.vihApiDocs__content .vihm-table thead tr th{
    padding-left : 30px!important;
}
.vihApiDocs__content .vihm-table thead tr th:first-child span{
    margin-left:0!important;
}
.vihApiDocs__content .vihm-table td {
  color: #5F5F5F;
}
.vihApiDocs__content h2{
  font-size: 30px;
  color: #1E1E1E;
  font-weight: 500;
}
.vihApiDocs__content a{
  text-decoration: none;
}
.vihApiDocs__content .pill-grey{
  font-size: 14px;
  color: #3C3C3C;
  border-radius: 5px;
  border: 1px solid rgba(108, 84, 230, 0.2);
  line-height: 1;
  white-space: nowrap;
  background: rgba(108, 84, 230, 0.1);
  padding: 10px 15px;
  display: inline-flex;
  margin-top: 10px
}
.vihApiDocs__content .mb-20px{
  margin-bottom: 20px;
}
.mb-30px{
  margin-bottom: 30px;
}
.vihApiDocs__search-wrapper{
  padding: 30px 15px;
    text-align: left;
}
.vihApiDocs__search{
    position: relative;
}
.vihApiDocs__search input{
    background: #272727;
    color: #B8B8B8;
}
.vihApiDocs__search input:hover{
    background-color: #272727;
}
.vihApiDocs__search input:focus{
    background-color: #272727;
    color: #B8B8B8;
    border-radius: 10px;
    
}
.vihApiDocs__search input{
  background-image: url('../images/icons/doc-search.svg');
  background-repeat: no-repeat;
  padding-left:45px;
  background-position: 15px center;
  height: 40px;
  font-size: 14px;
}
.vihApiDocs__nav ul{
  padding-left: 0;
  list-style-type: none;
}


/* asdas */
.vihApiDocs__nav > ul{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 100px;
    overflow-y: auto;
}
.vihApiDocs__nav > ul::-webkit-scrollbar{
    width: 0px;
    transition: 0.23s ease-out;
}
.vihApiDocs__nav:hover > ul::-webkit-scrollbar{
    width: 5px;
}
.vihApiDocs__nav > ul::-webkit-scrollbar-track {
   background: transparent;
}
.vihApiDocs__nav > ul::-webkit-scrollbar-thumb {
   background: #A4A4A4;
border-radius: 10px
}
.vihApiDocs__nav ul{
  padding-left: 0;
  list-style-type: none;
}
.vihApiDocs__nav ul a{
    position: relative;
    display: block;
    text-decoration: none;
    color: #E3E3E3;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding: 15px 25px 15px 45px;
    transition: 0.23s ease-out;
}
.vihApiDocs__nav > ul > li.active > a{
    background: #6C54E6;
    position: relative;
}
.vihApiDocs__nav > ul > li > a::before{
    content: '';
    position: absolute;
    left: 18px;
    top: 50%;
    width: 9px;
    height: 9px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform-origin: center;
    transform: rotate(-45deg) translate3d(6px, -1px, 0);
    transition: 0.23s ease-out;
}
.vihApiDocs__nav > ul > li.active > a::before{
    transform: rotate(45deg) translate3d(0, -10px, 0);
}

.vihApiDocs__nav > ul > li > ul{
    padding-left: 20px;
}
.vihApiDocs__nav > ul > li >  a{
    z-index: 1;
    background-color: #131313;
}
.vihApiDocs__nav > ul > li > ul > li > a::before{
    position: absolute;
    content: '';
    width: 14px;
    height: 55px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-radius: 0 0 0 10px;
    left: 27px;
    top: -30px;
}
.vihApiDocs__nav > ul > li.filtered > ul{
  display: block!important;
}
.vihApiDocs__nav > ul > li > ul > li > a{
  transition: 0.23s ease-out;
}
.vihApiDocs__nav > ul > li > ul > li.active > a{
    color: #6C54E6;
}
.vihApiDocs__section{
  display: none;
}

.vihApiDocs__content hr{
    border-color: rgba(108, 84, 230, 0.5);
    margin-block: 30px;
}
.vihApiDocs__content ul{
    list-style-type: none;
    padding-left: 0;
    
}
.vihApiDocs__content p{
  margin-bottom: 15px;
}
.vihApiDocs__content ul li{
    margin-bottom: 20px;
    padding-left: 30px;
    position: relative;
}
.vihApiDocs__content ul li:before{
    content: '';
    width: 15px;
    height: 15px;
    background: url('../images/icons/list-ul.svg') no-repeat center;
    position: absolute;
    left: 0;
    top:4px
}
.vihApiDocs__content ul a{
    text-decoration: underline;
}

.vihApiDocs__content h3{
    font-size: 20px;
    margin-bottom: 15px
}




/* vihHelp */



/* vihFaq */
.vihFaq{
  position: relative;
  padding-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
}
.vihFaq__page-header{
  padding: 30px 30px 30px 160px;
}
.vihFaq__header{
  padding: 9vh 0;
  background-color: #0B0B0B;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}
.vihFaq__header-title, .vihFaq__search-wrapper{
  position: relative;
  z-index: 1;
}
.vihFaq__header-title h1{
  font-style: normal;
  font-weight: 300;
  font-size: 75px;
  line-height: 1;
  text-align: center;
  background: linear-gradient(95.94deg, #FFFFFF 15.4%, #5955F1 131.79%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.vihFaq__search-wrapper {
  padding: 30px 15px 0px 15px;
  text-align: left;
  width: 50%;
}
.vihFaq__header-bg1{
  position: absolute;
  left: -8.56%;
  right: 65.91%;
  top: -38.05%;
  bottom: -6.03%;
  background: rgba(125, 42, 232, 0.53);
  filter: blur(400px);
}
.vihFaq__header-bg2{
  position: absolute;
  left: 70.43%;
  right: -0.81%;
  top: -35.14%;
  bottom: 32.64%;
  background: rgba(125, 42, 232, 0.8);
  filter: blur(400px);
}
.vihFaq__search{
    position: relative;
}
.vihFaq__search input{
  background-color: #f6f6fe;
  color: #B8B8B8;
}
.vihFaq__search input:hover{
  background-color: #f6f6fe!important;
}
.vihFaq__search input:focus{
  background-color: #f6f6fe!important;
  color: #222222;
  border-radius: 10px;
}
.vihFaq__search input{
  background-image: url('../images/icons/doc-search.svg');
  background-repeat: no-repeat;
  padding-left:45px;
  background-position: 15px center;
  height: 60px;
  font-size: 18px;
  color: #222222;
}

.vihFaq__sidebar{
  background: #FFFFFF;
  box-shadow: 2px 4px 20px rgba(89, 29, 163, 0.1);
  border-radius: 20px;
  top: 100px;
  position: sticky;
  padding-top: 30px;
  padding-bottom: 125px;
}
.vihFaq__nav{

}
.vihFaq__flex{
  display: flex;
  gap: 0px;
  margin-top: 30px;
}
.vihFaq__flex-left{
  width: 330px;
  min-width: 330px;
  max-width: 330px;
  flex: 0;
  padding-left: 30px;
}
.vihFaq__flex-right{
  flex: 1;
  padding: 0 30px 30px;
}
.vihHF__content{
  border-radius: 14px;
  border: 1px solid #6C54E63D;
  padding: 35px 0px 30px 0px;
  min-height: calc(100vh - 130px);
  color: #6A6A6A;
  font-size: 16px;
  padding: 30px;
}
.vihHF__content__inner{
  width: 90%;
  margin-inline: auto;
  position: relative;
}
.vihFaq__nav ul {
  padding-left: 0;
  list-style-type: none;
}
.vihFaq__nav ul a {
  position: relative;
  display: block;
  text-decoration: none;
  color: #3b3b3b;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  padding: 15px 25px 15px 25px;
  transition: 0.23s ease-out;
  border: 3px solid transparent;
  border-radius: 0 10px 10px 0;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.12);
  transition: 0.23s ease-out;
}
.vihFaq__nav > ul > li.active > a {
  background: linear-gradient(52.88deg, #0049E6 -5.02%, #9C15F7 52.99%, #FF4CF8 113.38%);
  border: 3px solid #F1F1F1;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.12);
  position: relative;
  color: #fff;
  border-radius: 0 10px 10px 0;
}
.vihFaq__gotodash{
  background: #6C54E626;
  color: #6C54E6;
  font-size: 16px;
  display: flex;
  gap: 7px;
  align-items: center;
  justify-content: start;
  height: 50px;
  text-decoration: none;
  border-radius: 12px;
  transition: 0.23s ease-out;
  position: absolute;
  bottom: 30px;
  left: 20px;
  right: 20px;
  padding-left: 15px;
}
.vihFaq__nav{
  max-height: calc(100vh - 200px);
  overflow-y: auto;
}
.vihFaq__gotodash:hover{
  background: rgba(108, 84, 230, 0.25);
}
.vihHF__content h2{
  color: #161616;
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 1.1;
}
.vihHF__content__h2{
  margin-bottom: 20px;
}
.vihHF__content__section{
  margin-bottom: 50px;
  transition: background-color 0.5s ease;
}
html {
  scroll-behavior: smooth;
}
.vihHF__content .blink-bg {
  background-color: #f2f2f2;
}
.vihHF__content .accordion{
  --bs-accordion-bg: transparent;
  color: #666666;
}

.vihHF__content__inner.nothing-found::before{
  content: 'Nothing Found! Please try again...';
  font-size: 24px;
  font-weight: 400;
}
.vihHF__content .accordion-item .accordion-button{
  font-size: 18px;
  font-weight: 400;
  color: #3B3B3B;
}
.vihHF__content .accordion-item .accordion-button{
  border-radius: 0;
  padding: 30px 0;
  border-color: #6C54E63D;
}
.vihHF__content .accordion-item{
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  --bs-accordion-border-color:#DEDEDE;
}
.vihHF__content .accordion-button:not(.collapsed) {
  background-color: #f9f8ff;
  box-shadow: none;
  color: #5955F1;
  font-weight: 500;
  padding: 30px 30px 15px 30px;
}
.vihHF__content .accordion-button:not(.collapsed)::after{
  background-color: #6448eb;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  background-position: center;
  transform: rotate(0deg);
}
.vihHF__content .accordion-collapse{
  color: #666666;
}
.vihHF__content .accordion-collapse.show{
  background-color: #f9f8ff;
  box-shadow: none;
}
  
.vihHF__content .accordion-body{
  padding-top: 0;
}
.vihHF__content .accordion-collapse.show .accordion-body{
  padding: 0px 30px 30px 30px;
}
.vihHF__content .accordion{

  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.00052 2.21354L1.16719 6.04688L0.289063 5.16875L5.00052 0.457292L9.71198 5.16875L8.83385 6.04688L5.00052 2.21354Z' fill='white'/%3E%3C/svg%3E");
  
}
.vihHF__content .accordion-button.collapsed::after{
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99922 6.17969L13.7492 0.429687L15.0664 1.74687L7.99922 8.81406L0.932032 1.74687L2.24922 0.429687L7.99922 6.17969Z' fill='%23666666'/%3E%3C/svg%3E");
  --bs-accordion-btn-icon-width: 15px;
}
.vihHF__content .accordion-button:not(.collapsed)::after{
  --bs-accordion-btn-icon-width: 12px;
}
.vihHF__content .accordion-button.collapsed::after {
  margin-right: 10px;
}





.vihHelp{
  position: relative;
  padding-left: 360px;
  padding-top: 20px;
  padding-right: 30px;
}
.vihHelp__sidebar{
  position: fixed;
  width: 300px;
  background: #FFFFFF;
  box-shadow: 2px 4px 20px rgba(89, 29, 163, 0.1);
  border-radius: 20px;
  top: 100px;
  left: 30px;
  bottom: 30px;
}
.vihHelp__content{
  padding-right: 30px;
  border-radius: 14px;
  border: 1px solid #6C54E63D;
  padding: 35px 0px 30px 0px;
  min-height: calc(100vh - 130px);
  margin-bottom: 30px;
  color: #6A6A6A;
  font-size: 16px;
}
.vihHelp__content ul{
  list-style-type: none;
}
.vihHelp__content h1, 
.vihHelp__content h2, 
.vihHelp__content h3, 
.vihHelp__content h4, 
.vihHelp__content h5, 
.vihHelp__content h6{
  color: #1E1E1E;
}
.vihHelp__content a{
  color: #6C54E6;
  text-decoration: none;
}
.vihHelp__content a:hover{
  color: #6C54E6;
  text-decoration: underline;
}
.vihHelp__dashBtn{
  position: absolute;
  bottom: -75px;
  left: 0;
  right: 0;
  background: #6C54E626;
  color: #6C54E6;
  font-size: 14px;
  display: flex;
  gap: 7px;
  align-items: center;
  justify-content: center;
  height: 50px;
  text-decoration: none;
  border-radius: 12px;
  transition: 0.23s ease-out;
}
.vihHelp__dashBtn:hover{
  background: rgba(108, 84, 230, 0.25);
}
.vihHelp__content table{

}
.vihHelp__content .dataTables_wrapper {
}
.vihHelp__content .vihm-table th span {
  
}
.vihHelp__content .vihm-table tr.bg-enabled th:first-child,
.vihHelp__content .vihm-table tr.bg-enabled th:last-child {
  border-radius: 0;
}
.vihHelp__px-30{
  padding-inline: 30px;
}
.vihHelp__content .dt-buttons{
  display: none;
}
.vihHelp__content .vihm-table tbody tr:hover td:first-child,
.vihHelp__content .vihm-table tbody tr:hover td:last-child {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}
.vihHelp__content .vihm-table tbody tr td {
  border-top: 1px solid transparent;
  border-bottom: 1px solid #6c54e624;
}
.vihHelp__content .vihm-table thead tr th {
  border-top: 1px solid rgba(108, 84, 230, 0.1);
  border-bottom: 1px solid rgba(108, 84, 230, 0.1);
}
.vihHelp__content .vihm-table th span{
  color: rgba(30, 30, 30, 1);
  font-size: 16px;
}
.vihHelp__content .vihm-table tbody tr td,
.vihHelp__content .vihm-table thead tr th{
    padding-left : 30px!important;
}
.vihHelp__content .vihm-table thead tr th:first-child span{
    margin-left:0!important;
}
.vihHelp__content .vihm-table td {
  color: #5F5F5F;
}
.vihHelp__content h2{
  font-size: 30px;
  color: #1E1E1E;
  font-weight: 500;
}
.vihHF__content__h2{
  padding-right: 140px;
}
.vihHelp__content a{
  text-decoration: none;
}
.vihHelp__content .pill-grey{
  font-size: 14px;
  color: #3C3C3C;
  border-radius: 5px;
  border: 1px solid rgba(108, 84, 230, 0.2);
  line-height: 1;
  white-space: nowrap;
  background: rgba(108, 84, 230, 0.1);
  padding: 10px 15px;
  display: inline-flex;
  margin-top: 10px
}
.vihHelp__content .mb-20px{
  margin-bottom: 20px;
}
.mb-30px{
  margin-bottom: 30px;
}
.vihHelp__search-wrapper{
  padding: 30px 15px;
    text-align: left;
}
.vihHelp__search{
    position: relative;
}
.vihHelp__search input{
  background-color: #f6f6fe;
  color: #B8B8B8;
}
.vihHelp__search input:hover{
  background-color: #f6f6fe;
}
.vihHelp__search input:focus{
  background-color: #f6f6fe;
  color: #222222;
  border-radius: 10px;
    
}
.vihHelp__search input{
  background-image: url('../images/icons/doc-search.svg');
  background-repeat: no-repeat;
  padding-left:45px;
  background-position: 15px center;
  height: 40px;
  font-size: 14px;
  color: #222222;
}
.vihHelp__nav{
  height: calc(100vh - 430px);
  overflow-y: auto;
}
.vihHelp__nav ul{
  padding-left: 0;
  list-style-type: none;
}


/* asdas */
.vihHelp__nav > ul{
    position: relative;
    margin-top: 0px;
    overflow-y: auto;
}
.vihHelp__nav > ul::-webkit-scrollbar{
    width: 0px;
    transition: 0.23s ease-out;
}
.vihHelp__nav:hover > ul::-webkit-scrollbar{
    width: 5px;
}
.vihHelp__nav > ul::-webkit-scrollbar-track {
   background: transparent;
}
.vihHelp__nav > ul::-webkit-scrollbar-thumb {
   background: #A4A4A4;
border-radius: 10px
}
.vihHelp__nav ul{
  padding-left: 0;
  list-style-type: none;
}
.vihHelp__nav ul a{
  position: relative;
  display: block;
  text-decoration: none;
  color: #828282;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  padding: 15px 25px 15px 35px;
  transition: 0.23s ease-out;
}
.vihHelp__nav > ul > li.active > a{
  background: linear-gradient(52.88deg, #0049E6 -5.02%, #9C15F7 52.99%, #FF4CF8 113.38%);
  border: 3px solid #F1F1F1;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.12);
  position: relative;
  color: #fff;
  border-radius: 0 10px 10px 0;
}
.vihHelp__nav > ul > li > a::before{
    content: '';
    position: absolute;
    left: 8px;
    top: 50%;
    width: 9px;
    height: 9px;
    border-bottom: 2px solid #838383;
    border-right: 2px solid #838383;
    transform-origin: center;
    transform: rotate(-45deg) translate3d(6px, -1px, 0);
    transition: 0.23s ease-out;
}
.vihHelp__nav > ul > li.active > a::before{
    transform: rotate(45deg) translate3d(0, -10px, 0);
    border-color: #fff;
}

.vihHelp__nav > ul > li > ul{
    padding-left: 20px;
}
.vihHelp__nav > ul > li >  a{
    z-index: 1;
}
.vihHelp__nav > ul > li > ul > li > a::before{
    position: absolute;
    content: '';
    width: 14px;
    height: 55px;
    border-left: 1px solid #dcdbdb;
    border-bottom: 1px solid #dcdbdb;
    border-radius: 0 0 0 10px;
    left: 15px;
    top: -30px;
}
.vihHelp__nav > ul > li.filtered > ul{
  display: block!important;
}
.vihHelp__nav > ul > li > ul > li > a{
  transition: 0.23s ease-out;
}
.vihHelp__nav > ul > li > ul > li.active > a{
    color: #6C54E6;
    font-weight: 500;
}
.vihHelp__faq{
    position: relative;
    display: block;
    text-decoration: none;
    color: #6C54E6;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding: 15px 25px 15px 25px;
    transition: 0.23s ease-out;
}
.vihHelp__gotodash {
    background: #6C54E626;
    color: #6C54E6;
    font-size: 16px;
    display: flex;
    gap: 7px;
    align-items: center;
    justify-content: start;
    height: 50px;
    text-decoration: none;
    border-radius: 12px;
    transition: 0.23s ease-out;
    padding-left: 15px;
    margin: 10px 15px;
}
.vihHelp__gotodash:hover {
    background: rgba(108, 84, 230, 0.25);
}


.vihHelp__sidebar-footer{
  margin: 30px 20px 10px 20px;
  font-size: 14px;
}
.vihHelp__sidebar-footer a{
  text-decoration: none;
  color: #6C54E6;
}
.vihHelp__section{
  display: none;
}

.vihHF__content hr{
    border-color: rgba(108, 84, 230, 0.5);
    margin-block: 30px;
}
.vihHF__content ul{
    list-style-type: none;
    padding-left: 0;
    
}
.vihHelp__content p{
  margin-bottom: 15px;
}
.vihHF__content ul{
  margin-bottom: 30px;
}
.vihHF__content ul li{
    margin-bottom: 20px;
    padding-left: 30px;
    position: relative;
}
.vihHF__content ul li:before{
    content: '';
    width: 15px;
    height: 15px;
    background: url('../images/icons/list-ul.svg') no-repeat center;
    position: absolute;
    left: 0;
    top:4px
}
.vihHF__content ul li:last-child{
  margin-bottom: 0;
}
.vihHF__content ul a{
    text-decoration: underline;
}

.vihHelp__content h3{
    font-size: 20px;
    margin-bottom: 15px
}
.vihHelp__subsection{
  margin-bottom: 40px;
}
.vihHelp__page-header{
  margin-bottom: 25px;
}

.vihHF__copyUrlBtn{
  display: inline-flex;
  color: #6C54E6;
  gap: 10px;
  font-size: 16px;
  line-height: 1;
  align-items: center;
  justify-content: center;
  padding: 10px 15px;
  border-radius: 8px;
  transition: 0.23s ease-out;
  background: #6C54E626;
  text-decoration: none;
  position: absolute;
  top: 0;
  right: 0;
}
.vihHF__copyUrlBtn:hover{
  color: #6C54E6;
  background: rgba(108, 84, 230, 0.25);
  text-decoration: none!important;
}

.vihHF__feedback{
  position: relative;
  border-top: 1px solid #6C54E63D;
  padding: 60px 5% 30px 5%;
  
}
.vihHF__feedback-message{
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #666666;
  max-width: 654px;
}

.vihHF__feedback h2{
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
  color: #3B3B3B;
}
.vihHF__feedback-message form{
  display: flex;
  flex-direction: column;
}
.vihHF__feedback-btns{
  display: flex;
  align-items: center;
  gap: 20px;
}
.vihHF__feedback-btns h2{line-height: 1;margin: 0;}
.vihHF__feedback-notify{
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  color: #00A351;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vihHF__feedback-message textarea{
  border: 1px solid #DEDEDE;
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 30px;
  background: #fff;
}
.vihHF__feedback-submit{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 50px;
  width: 135px;
  height: 44px;
  background: linear-gradient(52.88deg, #0049E6 -5.02%, #9C15F7 52.99%, #FF4CF8 113.38%);
  border-radius: 10px;
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #FFFFFF;
  border: none;
  box-shadow: none;
}
.vihHF__feedback-message label{
  margin-bottom: 18px;
}

.vihHF__feedbackBtn{
  display: inline-flex;
  color: #6C54E6;
  gap: 10px;
  font-size: 18px;
  line-height: 1;
  align-items: center;
  justify-content: center;
  padding: 10px 15px;
  border-radius: 8px;
  transition: 0.23s ease-out;
  background: #6C54E626;
  text-decoration: none;
  height: 44px;
  width: 90px;
}
.vihHF__feedbackBtn--yes:hover{
  color: #FFFFFF!important;
  background: linear-gradient(52.88deg, #0049E6 -5.02%, #9C15F7 52.99%, #FF4CF8 113.38%);
  text-decoration: none!important;
}
.vihHF__feedbackBtn--no:hover{
  color: #FFFFFF!important;
  background: #E00404;
  text-decoration: none!important;
}

.creditCount{
  font-size: 14px;
  color: #6C54E6;
  font-weight: 400;
  line-height: 1;
  background: rgba(108, 84, 230, 0.07);
  border: 1px solid rgba(108, 84, 230, 0.15);
  padding: 5px 10px;
  display: inline-block;
  border-radius: 6px;
}